/*
		2010.03.08 - ÀÛ¼ºÀÚ : ÃÖ±Ô¿Ï 
		
		    Main Colours
    -----------------------------
    Black       : #000;
    Dark Grey   : 
    Med Grey    : 
    Light Grey  : 
    Blue        : #3399ff;
    Gold        : #ffcc00;
    -----------------------------
@font-face {font-family:³ª´®°íµñ; src:url("http://eslive.tv/eslive/css/font/nanumfont.eot")};
*/

@import '/eslive/css/bg.css';
@import '/eslive/css/easyslide.css';
@import '/ad/ad.css';
*{margin:0; padding:0;}
html{height:101%;}
body{font-size:77%; color:#fff; font-family:³ª´®°íµñ,±¼¸²,Tahoma,Arial,Helvetica,Verdana,sans-serif;margin:0 auto; _text-align:center; background-color:#000;}
img{border:0; vertical-align:top; margin:0; padding:0;}
a:link, a:visited{text-decoration:none;}
a:hover{text-decoration:underline; color:#FFF;}
/* 
-------------------------------------------------------------------------------------------
    WRAP
-------------------------------------------------------------------------------------------
*/
#wrap{width:100%; _text-align:center;	margin-top:10px;}
/* 
-------------------------------------------------------------------------------------------
    HEADER and FOOTER 
-------------------------------------------------------------------------------------------
*/
#header
{
		width:988px;
		margin              : 0 auto;
    background-color    : #141414;
    border-bottom:1px solid #000;
}
#footer
{
    width               : 988px;
    margin              : 0 auto;
    font-size:90%;      
    color:#fff !important;
}
#footer p{color:#fff !important;}
#footer a{color:#fff;text-decoration:none;}
#footer a:hover,#footer a:focus{color:#fff;}
#footer hr.headerHR{border-top:1px solid #333 !important;}
#footer .copyright{margin:10px 10px 10px 10px; padding:0px 20px 0 20px; letter-spacing:5px; text-align:center; font-weight:bold; float:left;}
ul.sitemap{margin-top:4px;}
ul.sitemap li a{border-left:1px solid #fff;padding-left:8px;padding-right:8px;margin-bottom:13px;}
ul.footerIcons li{margin-bottom:5px; _margin-bottom:-10px;}
ul.footerIcons li a{padding-left:25px;background-repeat:no-repeat;}
ul.footerIcons li a.iconRegister{background-image:url(/eslive/imgs/icon/iconRegister.gif);}
ul.footerIcons li a.iconSignUp{background-image:url(/eslive/imgs/icon/iconSignup.gif);}
ul.footerIcons li a.iconHelp{background-image:url(/eslive/imgs/icon/iconHelp.gif);}
ul.footerIcons li a.iconFeedback{background-image:url(/eslive/imgs/icon/iconFeedback.gif);}
ul.footerIcons li a.iconEnvironment{background-image:url(/eslive/imgs/icon/iconEnvironment.gif);}
ul.footerIcons li a.iconPanel{background-image:url(/eslive/imgs/icon/iconPanel.gif);}
/*
-------------------------------------------------------------------------------------------
    CONTAINERS
-------------------------------------------------------------------------------------------
*/
#container{}
#container #content{
    width               : 988px;
    margin              : 0 auto;
    padding             : 0px 0px 0px 0px;
    text-align					: left;
}
#content .mainslider,#content{
		text-align					: left;
}
.mainslider{ height:400px; overflow:hidden; position:absolute;}
.mainsliderH{height:410px;}
#mainBox
{ 
	width									: 968px;
	background						: #262626 url(/eslive/imgs/bg/livedateboxbg.png) no-repeat;
	padding								: 10px 10px;
	text-align						: center;
	margin-bottom					: 10px;
}
.liveScheduletopbar{
	width									: 988px;
	height								: 30px;
	background						: url(/eslive/imgs/bg/bg_matchbox_date.png) no-repeat;
}
.liveScheduletopbar .header{
	padding								: 0 10px;
	line-height						: 28px;
}
.liveBox{
	position							:absolute;
	top										:0;
	left									:0;
}
#secLine{
	text-align						: center;
	margin-bottom					: 10px;
}
.fLeft{float:left;}
.fRight{float:right;}
.latestNews{ position: relative;}
.latestVod{background: #262626;border:1px solid #414141;}
.vodBoxTop{ width:470px; height:21px; text-align:left; line-height:21px; font-weight:bold; padding-left:10px; border-bottom:1px solid #262626; background: url(/eslive/imgs/box/vodboxtop.png) no-repeat;}
/* 
------------------------------------------------------------------------------------------- 
COLUMNS
-------------------------------------------------------------------------------------------
*/
.column1,.column2,.column3,.column4{margin:10px 10px 0 10px; padding:0px 20px 20px 20px; display:block; float:left; text-align:left;}
.column1{width:187px; _width:150px;}
.column3{width:681px; _width:660px;}
.column4{width:928px;}
.column3 .column1{padding:0px;margin:10px 30px 0 0;}
.columnNP1,.columnNP2,.columnNP3,.columnNP4{margin:0 10px;float:left;padding:0;}
.columnNP1{width:227px; _width:224px;}
.columnNP2{width:474px;}
.columnNP3{width:741px;}
.columnNP4{width:968px;}
.disInline{display:inline !important;}
.narrow{margin-left:30px; float:left;}
#header #accountMenu span.greyText a, #header #accountMenu a span.greyText {color:#666666 !important;}
#header #accountMenu span.greyText a:hover, #header #accountMenu a:hover span.greyText {color:#fff !important;}
#header #accountMenu {float:right;margin-top:13px;}
/* 
------------------------------------------------------------------------------------------- 
LIST ITEMS
-------------------------------------------------------------------------------------------
*/
ul{list-style: none;}                       /* General Lists */
li, li a, .links a {color:#333;display:block;}
ul.inlineUL li{display:block;float:left;}  /* Inline list items */
ul.listUL li{display:block;clear:both;float:none;}
/* 
------------------------------------------------------------------------------------------- 
NAVIGATION
-------------------------------------------------------------------------------------------
*/
#navMain{clear:both;}
#navMain li {margin-top:5px;}
#navMain .firstLI{padding:0;}
#navMain .linkLI{margin-left:20px;}
#header a.homeLink{width:200px;float:left;margin-top:13px;}

#topNav{ height:25px;	width:988px;background:#141414 url("http://eslive.tv/img/bg/topnavbg.png") repeat-x; border-bottom: 1px solid #82b8cb;}
#topNav .topMenu{width:968px; margin:0 auto;}
#topNav .topMenu a:visited, #topNav .topMenu a:link {text-decoration:none; color:#00a2f1 !important;}
#topNav .topMenu a:hover {font-weight:bold;}

#topNavMain {float:left;}
#topNavMain li {margin-top:5px;}
#topNavMain .firstLI{padding:0;}
#topNavMain .linkLI{margin-left:20px;}
#topNavMain a.homeLink{width:200px;float:left;margin-top:13px;}

#topNavAccount {float:right;}
#topNavAccount li {margin-top:5px;}
#topNavAccount .firstLI{padding:0;}
#topNavAccount .linkLI{margin-left:20px;}

#topLogo{width:988px; margin:0 auto; height:50px; padding:30px 0 50px 0; }
#gearlogo td{padding:0 5px; vertical-align:middle;height:50px; }
/*
-------------------------------------------------------------------------------------------
ETC CSS 
-------------------------------------------------------------------------------------------
*/
.clear{display:block; float:none; clear:both; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;}
.gap{width:100%;height:10px;}