@charset "utf-8";
/* CSS Document */

/* Only use in "ranking page" */

#rankingList {}
.rankingTopBox {clear: both; font-size: 11px; line-height: 13px; color: #666;  border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 5px 0;}
.rankingBox {width: /*205*/152px; float: left; padding-bottom: 8px; }
.rTitle { font-size:14px; font-weight: bold; line-height: 20px;}
.rCell { clear: both; height:auto; }


.rLtLt {float: left; height:50px; width: 18px; overflow: hidden; }
.rNn { text-align: center; font-weight: bold; height:20px; line-height:20px; width: 18px; }
/*	.rArrow_up {height:20px; line-height:20px; width: 18px;}
	.rArrow_still {height:20px; line-height:20px; width: 18px;}
	.rArrow_down {height:20px; line-height:20px; width: 18px;}*/
	
.rLtLt span {display:block; width: 18px; height: 14px; text-indent: -999em;}
	.arrowNochange { background: url(/css/en/asset/arrow_s_nochange.gif) no-repeat center center ; }
	.arrowDown { background: url(/css/en/asset/arrow_s_down.gif) no-repeat center center ; }
	.arrowUp { background: url(/css/en/asset/arrow_s_up.gif) no-repeat center center ; }
	
.ltpix { float: left; height: auto; padding-top: 5px; width: 40px; }

.rlt {float: right; width: 87px; /*padding-top: 5px;*/ }
	.rName { width: 85px; line-height: 16px; overflow: hidden; white-space:nowrap;}
	.rName a { text-decoration: none; }
	.rName a:hover {text-decoration: underline;}

	
	.rName div { display: inline; position:relative; top:3px;}
	.rStat { height:16px; width: 85px; overflow: hidden; }
	
	.rStat div { /*float: left; */}
		 a.liveStat { float: left; text-decoration: none;
		 /* display: block; width: 16px; height: 16px; background: url(/images/en/icons/icon_live_g.gif) no-repeat center left; text-indent: -999em;*/   }
		
			a.silverPro, a.goldPro, a.platinumPro { 
			display: block; float: left; /* float: right;*/ width: 23px; height: 16px; overflow: hidden; text-indent: -999em; text-decoration: none; }
			a.silverPro { background: url(/css/en/asset/pro_silver.gif) no-repeat center center;}
			a.goldPro { background: url(/css/en/asset/pro_gold.gif) no-repeat center center;}
			a.platinumPro { background: url(/css/en/asset/pro_platinum.gif) no-repeat center center;}
			a.silverPro:hover, a.goldPro:hover, a.platinumPro:hover { text-decoration: none; }
		
	.rViewNb {width: 85px; font-size:9px; height:10px; line-height:10px; white-space:nowrap; overflow: hidden;}

/* header-wrapper */
#header-wrapper { clear: both;
height:25px;
}

#header-left {
float:left;width:140px; 
margin-right:10px;
font-size:18px;
margin-top:0pt;
}

#header-middle {
float:left; width: 640px;
font-size:18px;
font-weight:bold;
margin-top:0pt;
}
#header-middle span {font-size: 16px; font-weight: normal;}

/* videoModifiers */
.videoModifiers {  clear: both;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:5px 0px;
/*padding-left: 150px;*/ text-align: left;
}


.videoModifiers div.subcategory {
border-left:1px solid #CCCCCC;
display:inline;
padding:0px 10px;
white-space:nowrap;
font-size: 12px;
}
.videoModifiers div.subcategory a { text-decoration: none;}
.videoModifiers div.subcategory a:hover { text-decoration: underline;}

.videoModifiers div.first {
border-left-width:0px;
padding:0px 10px 0px 2px;
}
.videoModifiers .selected {
font-weight:bold;
}
.clear {
clear:both;
}