@charset "utf-8";

/* --- channels css --- */

#wrapper, #content, #topContainer, #topContainer2 { clear: both; border: none;
width:960px; height: auto;
text-align:left; 
margin-top: 0px; 
margin-bottom: 0px; 
margin-right: auto !important; 
margin-left: auto !important; 
padding: 0px;}

#wrapper:after, #content:after, #topContainer:after, #topContainer2:after { 
content:".";
display:block;
height: 0;
clear: both; 
visibility: hidden; }

#contentLt { clear: both; float: left; width:790px; height: auto; }

#filterBox {clear: both; width:790px; height: auto; margin: 0px; padding: 0px;}

#contentLt:after, #filterBox:after { 
content:".";
display:block;
height: 0;
clear: both; 
visibility: hidden; }


/* header-wrapper2 */

#topContainer2 {clear: both; }
	/* swf player - top left */
	#hostPlayerOuter { float: left; width: /*820*/790px; height: auto; overflow: hidden;}
		#hostPlayer {width: /*820*/790px; height: /*242*/233px; background: #ccc;}
		
		#playerBtmBox { width: /*820*/790px; clear: both; font-size: 16px; height: 40px; /*border-bottom: 1px solid #ccc; margin-bottom: 15px;*/}
			.vDname {float: left;  width: 150px; line-height: 30px; margin-top:5px; height: 30px; overflow: hidden;}
			
			.vStat1, .vStat2 { float: left;line-height: 30px; margin-top:5px; padding-left: 5px; overflow: hidden;}
			.vStat1 {width: 130px;} 
			.vStat2 {width: 130px;}  
			.vStat span {font-size: 14px;}
			#viewersCountDiv, #totalCountDiv { display: inline; font-weight: bold; }

			.vBtn { float: right; width: 130px; margin: 5px 0 5px 5px; text-align: center;}
			.vBtn a, .vBtn a:visited { text-align: center; height: 30px; line-height: 30px; display: block; font-size: 16px; 
			font-weight: bold; color: #FFFFFF; background: url(/css/en/asset/btn_130x30x2_b.gif) no-repeat top left; text-decoration: none;}
			.vBtn a:hover, .vBtn a:active {color: #FFFFFF; background: url(/css/en/asset/btn_130x30x2_b.gif) no-repeat bottom left; }
			
			#chatButton {width: 210px !important;}
			#chatButton a, #chatButton a:visited { width: 210px !important; text-align: center; height: 30px; line-height: 30px; display: block; font-size: 16px; 
			font-weight: bold; color: #FFFFFF; background: url(/css/en/asset/btn_210x30x2_b.gif) no-repeat top left; text-decoration: none;}
			#chatButton a:hover, #chatButton a:active {color: #FFFFFF; background: url(/css/en/asset/btn_210x30x2_b.gif) no-repeat bottom left; }
			
	#playerLtBox { float:right; width:/*135*/160px; _width:162px; height: /*277*/273px; border: none; overflow: hidden;  border: 1px solid #ccc; }
	
	/* --- playerLtBox --- */
		#lastViewed { /*width: auto; height: auto; text-align:left;*/}
			#lastViewedList { overflow: hidden; width: auto; height: 260px;}
				.lvCell {clear: both; padding-top:11px;}
					.lvThum {float:left; height:auto; width:50px; text-align: center;}
					.lvThum a {}
					.lvThum img {width:40px; height: 30px;}
					.lvName {height: 30px; line-height: 30px;}
					
		#schedule {}
			#scheduleList {width: auto; height: auto;}
				#scheduleList iframe {width: /*135*/160px; height: 255px;}
			
			.swTab {height: 22px; line-height: 22px; text-align: center; width: 160px; overflow: hidden; background: url(/css/en/asset/subbar_bg_dg.gif) left bottom ; } 
			/*
			.swTab span { background: url(/css/en/asset/subbar_bg_dg.gif) left bottom ; 
			width: 80px; text-align: center; display: block; float: left; }
			.swTab span.selected {font-weight: bold; background: #fff;}
			.swTab span.first { }
			.swTab span a { text-decoration: none;}
			.swTab span a:hover { text-decoration: underline;}
			*/
		
		.hide {display: none;}
	
#liveCh {clear: both;
border-top:5px solid #EFEFEF;
clear:both;
margin-top:10px;
padding-top:10px;}
#liveCh iframe { height: 715px; width: 960px; border: none; overflow: hidden;}	
/* ********** liveCh i-frame ********** */	




/* header-wrapper */
#header-wrapper { clear: both; width: 790px;
height:25px; border-bottom:1px solid #ccc;
}

#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;}

.sessionsCount { float: right; display: inline; text-align:right; width:240px; }





/* ------ schedule ------ */ /* iframe */
/*
#schedule { float: right; margin-bottom: 10px; }
#schedule iframe { width: 300px; height:318px; }
*/

/* ltcol */
#ltcol {
float:left; text-align:left; 
width:140px; height: auto; 
margin:5px 10px 0 0; 
}

.menuBox div { font-family: Verdana, Arial, Helvetica, sans-serif; margin-bottom:2px; font-size: 12px;  /*width:122px; _width:125px;*/ }
.menuBox div a, .menuBox div a:visited {text-decoration: none; /*color: #666;*/ font-family: Verdana, Arial, Helvetica, sans-serif; padding:1px 0 1px 15px; display: block;}
.menuBox div a:hover, .menuBox div a:active {text-decoration: none; color:#fff; background:#999;}

.category-selected { font-weight:bold; background: #ccc url(/css/en/asset/subbar_bg_dg.gif) left bottom ; padding:1px 0pt 1px 15px;}
.cTitle {font-size: 14px !important; padding:2px 0pt 2px 5px !important; font-weight: bold;}


#showFilters a, #hideFilters a, #showFilters a:visited, #hideFilters a:visited, #showFilters a:active, #hideFilters a:active, #showFilters a:hover, #hideFilters a:hover { text-decoration: none !important; }
#showFilters b { padding-left: 17px; background: url(/images/en/vchat/sidebar_bg_down.gif) no-repeat center left; display: block; font-size: 11px;  color: #333;text-decoration: none; }
#hideFilters b { padding-left: 17px; background: url(/images/en/vchat/sidebar_bg_right.gif) no-repeat center left; display: block; font-size: 11px; color: #333;text-decoration: none; }

#socialFilters { height: 236px; overflow: hidden; }
#socialFilters select, #socialFilters option, #socialFilters input { font-size: 11px; }
#socialFilters div { font-size: 11px; margin-top: 5px; line-height: 1em;}
.zip, .within { display: block; padding: 2px 0 0 3px; } 

#applyFilters { background: url(/css/en/asset/btn_100x19.gif) no-repeat center center; 
border: none; width: 100px; height: 19px; margin-left: 5px; color: #fff; font-weight: bold; font-size:11px; font-family:Tahoma,Arial,Helvetica,sans-serif; }

	/* image banners i-frame */
	#showsPromo {margin-top: 10px;}
	#showsPromo iframe {width:125px; height: 512px; border:none; overflow: hidden; }
	
/* bodycol */

#bodycol {float:left; text-align:left; 
width:640px; height: auto;
margin: 0;}

/*
html > body #subsubNav {
padding-top:7px;
}*/
/**/

/* videoModifiers */
.videoModifiers { clear: both;
border-bottom:1px solid #ccc; font-family: Verdana, Arial, Helvetica, sans-serif;
padding:4px 0px;
/*padding-left: 150px;*/ text-align: left;
}

.videoModifiers div.subcategory {
border-left:1px solid #CCCCCC;
display:inline;
padding:0px 8px;
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;
}

#subsubNav { width:auto;}

#subsubNav .videoModifiers { float: left; width:330px; text-align:left; padding:4px 0px; 
border-top:0px !important; border-bottom:0px none !important; } 

#subsubNav .videoModifiers div.subcategory { font-size:10px; font-family:Verdana,Arial,Helvetica,sans-serif;}

#subsubNav .videoModifiers div.first {
border-left-width:0px; padding:0px 10px 0px 2px;
}

/* whosLiveList */

#chList {}
#chList iframe {width: 640px; height: 5454px; border: none;}

#channelList { clear: both; border-top:1px solid #CCCCCC; width: 640px; height: auto; text-align: left; overflow: hidden;}
#channelList:after { 
content:".";
display:block;
height: 0;
clear: both; 
visibility: hidden; }

.chBox {
margin-top: 8px; 
padding : 3px 2px 2px;
float:left;
width:124px; _width:128px; height:auto;
}



.chImg {
height:92px; width: auto; text-align: center; overflow:hidden;/**/}
.chImg img { 
border: 1px solid #999;
height:90px; 
width:120px;
}

	.addEvent, .removeEvent {
		width:14px; height:14px; text-align: left; padding: 0; display:block; 
		position:relative; left:2px; _left:-53px; top:-16px; _top:-18px;
		}
		.addEvent a {
			background:transparent url(/css/en/asset/plusicon_g.gif) no-repeat scroll center;
			display:block;
			font-size:10px;
			height:14px;
			line-height:1em;
			overflow:hidden;
			text-indent:-1000em; 
			width:14px; 
		}
		.addEvent a:hover {
			background:transparent url(/css/en/asset/plusicon_o.gif) no-repeat scroll center;}
			
		.removeEvent a {
			background:transparent url(/css/en/asset/minusicon_g.gif) no-repeat scroll center;
			display:block;
			font-size:10px;
			height:14px;
			line-height:1em;
			overflow:hidden;
			text-indent:-1000em; 
			width:14px; 
		}
		.removeEvent a:hover {
			background:transparent url(/css/en/asset/minusicon_o.gif) no-repeat scroll center;}


.chDname {
font-weight:bold;
height:20px; line-height: 20px;
margin-left:2px;
overflow:hidden;
width:120px;
}
.chDname a { text-decoration: none; /*display: block; float: left;*/ width: auto; }
.chDname a:hover {text-decoration: underline; }

/* silverPro, goldPro, platinumPro*/
.chDname a.silverPro, .chDname a.goldPro, .chDname a.platinumPro { float: left; margin-right: 5px;
display: block; width: 20px; height: 20px;  overflow: hidden; text-indent: -999em; text-decoration: none; }
.chDname a.silverPro { background: url(/css/en/asset/pro_silver.gif) no-repeat center center;}
.chDname a.goldPro { background: url(/css/en/asset/pro_gold.gif) no-repeat center center;}
.chDname a.platinumPro { background: url(/css/en/asset/pro_platinum.gif) no-repeat center center;}
.chDname a.silverPro:hover, .chDname a.goldPro:hover, .chDname a.platinumPro:hover { text-decoration: none; }

.chViewer, .chStat {height:13px; line-height: 13px; font-size: 11px; overflow:hidden; width:120px; margin-left:2px;}

.grayText {padding-left:3px; color:#666666;}

.chSelected { background: url(/css/en/category/live_streams/selected_color.gif);}
.chSelected .grayText { color:#111; }

	/*pageNav*/
	.pageNav { clear: both; margin-top: 11px; line-height: 22px; height: 22px; _height: 30px;
	border-top:1px solid #ccc;  text-align:right;
	font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:11px; font-weight:bold; 
	}
	
	.pageNav a { text-decoration: none; font-size:11px; }
		.pageNav a:hover { text-decoration:underline;}
	.pageNav a.arrow, .pageNav a.arrow:hover {
	color:#333333;
	font-family:"Courier New",Courier,monospace;
	font-size:10px; 
	text-decoration:none;}
	
.topNav { clear: none; border-top: 0px solid #ccc; margin-top: 0px; float:right; width:300px;}

/* rtcol */
#rtcol {float:right;
width:162px; height: auto;
margin:0;}
#rtcol iframe {width:162px; height: 600px; border:none; overflow: hidden;}