@charset "utf-8";

/* --- home css --- */
#wrapper:after, #content:after, #topContainer:after { 
content:".";
display:block;
height: 0;
clear: both; 
visibility: hidden; }
#wrapper, #content, #topContainer { 
display:inline-block;
min-height:1%;
clear: both; border: none;
width:960px; height: auto;
text-align:left; 
margin-top: 0px; 
margin-bottom: 0px; 
margin-right: auto; 
margin-left: auto; 
padding: 0px;}

.clear {
clear:both;
}
/* ------- Home top banner part --------------------------- */
/*
#HomeTopBanner {
background:#EFEDED;
text-align: center;
}

#HomeTopBannerInner {
height:90px;
margin:0 auto;
padding:5px 0;
width:960px;
}

#HomeTopBannerInner a {line-height: 0; }
#HomeTopBannerInner map { margin: 0 auto; width: 960px;height: 110px; }
*/

/* ------- Featured Live part --------------------------- */
#wrapperFull:after, #flTopBox:after, #flTopRT:after { 
content:".";
display:block;
height: 0;
clear: both; 
visibility: hidden; }

#wrapperFull { 
display:/*inline-block*/ block;
min-height:1%;
	width: /*960px*/ 100%; height: 320px/*auto*/; background: url(/css/ver1/home/bg_featured_live.gif) repeat-x top left; margin: auto; clear: both; }
	#topContainer { width: /*940px*/960px; height: 280px/*auto*/; margin: auto; padding:20px 0 0; }
    	/* flTopBox */
        #flTopBox { width: /*940px*/960px; height: 40px; }
            /* flTopLT */
            #flTopLT { color: #fff; width: 630px; height: 20px; font-size: 14px; float:left; margin-top: 20px; font-weight: bold; }
            /* flTopRT */
            #flTopRT { display:inline-block;
min-height:1%;
width: 300px; height: 20px; float:right; margin-top: 20px; }
            	.onlineMembers { color: #fff; width: 230px; height: 20px; line-height: 14px; font-size: 14px; float:left; font-weight: bold;}
                .topViewAll { width: 60px; height: 20px; line-height: 14px; font-size: 14px; float:right; text-align: right;}
				.topViewAll a {       color: #fff; font-weight: bold; text-decoration: none; }
				.topViewAll a:hover { color: #fff; font-weight: bold; text-decoration: underline; }

        /* flBtmBox */
        #flBtmBox { width: 960px; height: 280px; }



/* ------- bottom boxs --------------------------- */
/* ltcol */
#ltcol{
float:left; text-align:left; 
width: 630px; height: auto; 
margin-top:20px; 
}
	#homeBanner {width: 630px; height: 135px; margin-bottom: 20px; overflow:hidden; }
		.hbCell, .hbCellMain {width: 630px; height: 135px;}
		.hbCell a, .hbCellMain a { text-decoration: none; }
			a.hbBgImg {width: 630px; height: 135px; display:block; background-position:top left; background-repeat: no-repeat;  }
			span.hbTxt {width: 300px; height: 115px; display:block; color: #fff;
			top: 10px; left: 320px; overflow:hidden; position: relative; }
			
	
#reLiveBox:after, #frlListBox:after, .frlListCell:after { 
content:".";
display:block;
height: 0;
clear: both; 
visibility: hidden; }	
	#reLiveBox {
	display:inline-block;
min-height:1%;
width: 630px; height: auto; }

		.titleBar { width: 220px; height: 25px; line-height: 16px; font-size: 16px; float:left; font-weight: bold;}
		.viewAll {width: 80px; height: 20px; line-height: 14px; font-size: 12px; float:right; text-align: right;}
		.viewAll a {font-weight: bold; text-decoration: none;}
		.viewAll a:hover { text-decoration: underline; }

		#frlListBox { display:inline-block;
min-height:1%;
clear: both; width: 660px; overflow:hidden; height: 480px; }
		
			.frlListCell { 
	display:inline-block;
min-height:1%;
width: 190px; height: 230px; float: left; margin : 0 30px 10px 0; }
				.frlImg {  width: 190px; height: 150px; }
					.frlImg img { width: 186px; height: 139px; border: 2px solid #ddd; }
				.frlVTitle { width: 186px; height: 36px; line-height: 14px; overflow: hidden; margin-left: 2px;}
				.frlDname, .frlChannel { width: 186px; height: 16px; line-height: 16px; overflow: hidden; margin-left: 2px;}
				.frlVTitle a, .frlDname a, .frlChannel a {text-decoration: none; font-weight: bold; }
				.frlVTitle a:hover, .frlDname a:hover, .frlChannel a:hover {text-decoration: underline; font-weight: bold; }
				


/* rtcol */
#scheduleBox:after,  .scheduleList:after, .scheCell:after, .scheWhatRT:after, .scheCellSelect:after { 
content:".";
display:block;
height: 0;
clear: both; 
visibility: hidden; }	


#rtcol {float: right; width:300px; height:auto; /* z-index: 1; position: relative;*/ margin-top: 20px; margin-bottom: 20px;}
	/*#banner160x600 {z-index: 2; position: absolute; right: -2px; width: 162px; height: auto;}*/
	
	#rotateImgBox { width:300px; height:250px; margin-bottom: 15px; overflow:hidden; }
	#homeBanners {height:250px;overflow:hidden;width:300px;}
		/*.rotateImgList {width:300px; height:250px; overflow:hidden; }*/
			.rotateImgCell {width:300px; height:250px; float:left; list-style-position:outside; list-style-type:none;}
			.rotateImgCell a { border: 0; line-height: 100%;}
			.rotateImgCell a img { width:300px; height:250px; border: 0;}
		
		.rotateImgCtrl { width: 300px; height:25px; top:-25px; position:relative;  }
			.rotateImgArrowL { width: 25px; height:25px; float:left;  }
			.rotateImgArrowL a { display: block; width: 25px; height:20px; background: url(/css/ver1/asset/circleArrow_l_lg.png) top right no-repeat; 
			 overflow: hidden; text-decoration:none; }
			.rotateImgArrowL a:hover {background: url(/css/ver1/asset/circleArrow_l_dg.png) top right no-repeat;  text-decoration:none; }
			
			.rotateImgArrowR { width: 25px; height:20px; float:right;  }
			.rotateImgArrowR a { display: block; width: 25px; height:20px; background: url(/css/ver1/asset/circleArrow_r_lg.png) top left no-repeat;
			overflow: hidden;  text-decoration:none;}
			.rotateImgArrowR a:hover {background: url(/css/ver1/asset/circleArrow_r_dg.png) top left no-repeat;  text-decoration:none;}
	
	
	
	
	
	#scheduleBox { width:300px; height: auto; }
		.scheduleList { width:300px; height: auto; clear: both; }
			.scheCell { width:300px; height:59px;  background: url(/css/ver1/home/bg_schedule_g.gif); }
				.scheWhen { width:70px;  height: auto; margin-top: 5px; float: left; margin-left: 7px; _margin-left: 5px; line-height: 15px; }
				.scheWhen b { font-weight: bold; color: #333; display: block; margin-top:3px; }
				.scheWhat { width:215px; height: auto; margin-top: 5px; float: right;}
					.scheWhatLT { width:65px; height: auto;  float: left; }
						.scheWhatLT img { width: 63px; height:47px; border: 1px solid #999; }
					.scheWhatRT { width:145px; height: auto; float: right; }
						.scheTitle { width:140px; height:16px; line-height: 16px; overflow:hidden; }
						.scheTitle a { text-decoration: none; font-weight: bold; white-space:nowrap;}
						.scheTitle a:hover { text-decoration: underline; }
						.scheDname { width:140px; height:16px; line-height: 16px; font-size: 11px;  overflow:hidden; }
						.scheDname a { white-space:nowrap;}
						.scheChannel { width:122px; _width:120px; height:16px; line-height: 16px; font-size: 11px;  overflow:hidden; }
						.scheChannel a { white-space:nowrap;}
						
						.scheSubscribe { width:16px; height:16px; text-align: center; /*margin-top: 5px;*/  float: right; }
						.scheSubscribe a { margin: auto; display: block; width:68px; font-size: 11px; height:15px; line-height: 15px; text-align: center; color: #fff; text-decoration: none; font-weight: bold; background: url(/css/ver1/asset/bg_btn_68x15_lg.gif);}
						.scheSubscribe a:hover { text-align: center; color: #fff; text-decoration: none;  background: url(/css/ver1/asset/bg_btn_68x15_dg.gif);}
						
						
			.addEvent, .removeEvent {
			width:15px; height:15px; text-align: left; padding: 0; display:block; float: right;margin-right:6px;
			}
			.addEvent a {
				background:transparent url(/css/ver1/asset/plusicon_g.gif) no-repeat scroll center;
				display:block;
				font-size:10px;
				height:15px;
				line-height:1em;
				overflow:hidden;
				text-indent:-1000em; 
				width:15px; 
			}
			.addEvent a:hover {
				background:transparent url(/css/ver1/asset/plusicon_o.gif) no-repeat scroll center;}
				
			.removeEvent a {
				background:transparent url(/css/ver1/asset/minusicon_g.gif) no-repeat scroll center;
				display:block;
				font-size:10px;
				height:15px;
				line-height:1em;
				overflow:hidden;
				text-indent:-1000em; 
				width:15px; 
			}
			.removeEvent a:hover {
				background:transparent url(/css/ver1/asset/minusicon_o.gif) no-repeat scroll center;}
						
			.scheCellSelect { width:300px; height:59px; background: url(/css/ver1/home/bg_schedule_o.gif);}
				.scheCellSelect img { border: 1px solid #ff9933; }