/*epg css*/
#epg_mainframe {
	float:left;
	width:987px;
	height:auto;
	}
/*program*/
#epg_program_guide {
	float:left;
	width:223px;
	height:auto;
	}
#epg_program_topbg {
	float:left;
	width:223px;
	height:18px;
	background:url(../images/epg/program_topbg.png) no-repeat;
	}
#epg_program_bodybg {
	float:left;
	width:223px;
	height:auto;
	background:url(../images/epg/program_bodybg.png) repeat-y;
	}
#epg_program_bottombg {
	float:left;
	width:223px;
	height:18px;
	background:url(../images/epg/program_bottombg.png) no-repeat;
	}
#epg_program_photo {
	float:left;
	margin-left:12px;
	_margin-left:6px;
	width:192px;
	height:144px;
	border:1px #181410 solid; 
	background:url(../images/epg/noimage.gif) no-repeat #131313;
	}
#epg_program_info {
	float:left;
	margin-left:12px;
	_margin-left:6px;
	width:192px;
	height:auto;
	border-left:1px #181410 solid;
	border-right:1px #181410 solid;
	border-bottom:1px #181410 solid;
	position:relative;
	}
#epg_program_name {
	float:left;
	width:192px;
	height:30px;
	background:#34312e;
	}
#epg_program_name_play {
	float:left;
	width:39px;
	height:30px;
	background:url(../images/common/playbutton2.gif) no-repeat 50% 50%;
	}
#epg_program_name_play a{
	width:39px;
	height:30px;
	display:block;
	/*background:url(../images/common/playbutton2.gif) no-repeat 50% 50%;*/
	background:url(../images/common/playbutton1.gif) no-repeat 50% 50%;
	}
#epg_program_name_play a:hover{
	background:url(../images/common/playbutton1.gif) no-repeat 50% 50%;
	}
	
#epg_program_name_word {
	float:left;
	width:153px;
	height:30px;
	/*
	color:#ffb100;
	font-size:16px;
	font-weight:bold;
	line-height:30px;
	*/
	}
#epg_program_name_word_left {
	float:left;
	width:90px;
	height:30px;
	color:#ffb100;
	font-size:14px;
	font-weight:bold;
	line-height:35px;
	}
#epg_program_name_word_right {
	float:left;
	width:63px;
	height:30px;
	color:#fff;
	font-size:12px;
	font-weight:normal;
	line-height:34px;
	text-align:right;
	}
	
		
#epg_program_side {
	float:left;
	width:172px;
	height:auto;
	background:#484440;
	color:#FFF;
	font-size:12px;
	padding:10px;
	}
#epg_program_extra {
	float:left;
	width:217px;
	height:auto;
	padding-top:8px;
	}
#epg_program_extra_title {
	float:left;
	width:217px;
	height:34px;
	background:url(../images/epg/extratitle_bg.png) no-repeat 50% 50%;
	color:#FFF;
	line-height:34px;
	text-align:center;
	font-size:13px;
	position:relative;
	}
#epg_program_extra_info {
	float:left;
	width:190px;
	height:auto;
	padding:5px 5px 0px 10px;
	position:relative;
	color:#FFF;
	font-size:12px;
	padding-left:12px;
	}
#epg_program_extra_adv {
	float:left;
	width:190px;
	padding-left:0px;
	background-color:#2d2822;
	}	
	
/*channel list*/
#epg_list_frame {
	float:left;
	width:764px;
	height:auto;
	}
#epg_category {
	float:left;
	width:747px;
	height:23px;
	background:url(../images/epg/category_bg.png) no-repeat;
	color:#323232;
	font-size:12px;
	padding-left:17px;
	padding-top:13px;
	}
#epg_category a{
	color:#7f7f7f;
	text-decoration:underline;
	position:relative;
	}
#epg_category a:hover{
	color:#FFF;
	text-decoration:none;
	}
	

	
	
	
.font_color1 {
	color:#ffb100;
	}
.font_color2 {
	color:#f51e46;
	}
.font_color3 {
	font-weight:bold;
	color:#FFF;
	}
.font_color4 {
	color:#fff799;
	}
.font_color5 a{
	color:#999;
	font-size:12px;
	}
.font_color5 a:hover{
	color:#FFF;
	text-decoration:none;
	}
#epg_listmain {
	float:left;
	width:764px;
	height:auto;
	background:url(../images/epg/listmain_bg.png) repeat-y;
	position:relative;
	}
#epg_listmain_tabframe {
	float:left;
	margin-left:6px;
	_margin-left:3px;
	padding-top:6px;
	width:758px;
	height:27px;
	background:url(../images/epg/tabframe_bg.gif) repeat-x;
	}
.epg_listmain_tab1 {
	float:left;
	margin-left:4px;
	width:127px;
	height:27px;
	background:url(../images/epg/tab_bg.gif) no-repeat;
	color:#FFF;
	text-align:center;
	font-size:12px;
	line-height:27px;
	}
.epg_listmain_tab1 a{
	display:block;
	width:127px;
	height:27px;
	color:#8b8b8b;
	text-decoration:underline;
	background:url(../images/epg/tab_bg.gif) no-repeat;
	}
.epg_listmain_tab1 a:hover{
	color:#FFF;
	text-decoration:none;
	background:url(../images/epg/tab_bg.gif) no-repeat;
	}
.epg_listmain_tab2 {
	float:left;
	margin-left:4px;
	width:127px;
	height:27px;
	background:url(../images/epg/tab2_bg.gif) no-repeat;
	color:#8b8b8b;
	text-align:center;
	font-size:12px;
	line-height:27px;
	}
.epg_listmain_tab2 a{
	display:block;
	width:127px;
	height:27px;
	color:#8b8b8b;
	text-decoration:underline;
	background:url(../images/epg/tab2_bg.gif) no-repeat;
	}
.epg_listmain_tab2 a:hover{
	color:#FFF;
	text-decoration:none;
	background:url(../images/epg/tab_bg.gif) no-repeat;
	}
#epg_listmain_watching {
	float:right;
	width:auto;
	height:27px;
	color:#FFF;
	line-height:27px;
	padding-right:5px;
	font-size:12px;
	}
#epg_listmain_week {
	float:left;
	margin-left:6px;
	_margin-left:3px;
	width:758px;
	height:24px;
	padding-top:4px;
	}
#epg_listmain_week2 {
	float:right;
	width:auto;
	height:auto;
	padding-right:4px;
	}
.epg_listmain_week_day1 {
	float:left;
	width:84px;
	height:18px;
	background:#6b272e;
	font-size:12px;
	line-height:18px;
	text-align:center;
	color:#ffb100;
	border:1px solid #6d6a65;
	}
.epg_listmain_week_day2 {
	float:left;
	width:84px;
	height:18px;
	background:#2e2a24;
	font-size:12px;
	line-height:18px;
	text-align:center;
	color:#a6a6a6;
	}
.epg_listmain_week_day2 a{
	display:block;
	width:84px;
	height:18px;
	background:#2e2a24;
	color:#a6a6a6;
	border:1px solid #54504a;
	text-decoration:none;
	}
.epg_listmain_week_day2 a:hover{
	background:#26231e;
	color:#FFF;
	border:1px solid #6d6a65;
	}
#epg_listmain_time {
	float:left;
	margin-left:6px;
	_margin-left:3px;
	width:758px;
	height:30px;
	}
#epg_listmain_time_left {
	float:left;
	width:13px;
	height:30px;
	background:url(../images/epg/timebar1_bg.gif) no-repeat;
	}
#epg_listmain_time_main {
	float:left;
	width:732px;
	height:30px;
	background:url(../images/epg/timebar2_bg.gif) repeat-x;
	}
#epg_listmain_time_return {
	float:left;
	margin-top:5px;
	width:132px;
	height:20px;
	}
#epg_listmain_time_returnleft {
	float:left;
	width:6px;
	height:20px;
	background:url(../images/epg/returnleft_bg.gif) no-repeat;
	}
#epg_listmain_time_returnmain {
	float:left;
	width:auto;
	height:20px;
	line-height:20px;
	font-size:12px;
	color:#FFF;
	background:url(../images/epg/returnmain_bg.gif) repeat-x;
	}
#epg_listmain_time_returnmain a{
	display:block;
	color:#FFF;
	text-decoration:none;
	}
#epg_listmain_time_returnmain a:hover{
	color:#ffb100;
	}
#epg_listmain_time_returnright {
	float:left;
	width:6px;
	height:20px;
	background:url(../images/epg/returnright_bg.gif) no-repeat;
	}
.epg_listmain_time_scale1 {
	float:left;
	margin-top:6px;
	width:143px;
	height:18px;
	color:#FFF;
	border-left:1px solid #a9a49f;
	font-size:12px;
	line-height:18px;
	}
.epg_listmain_time_scale2 {
	float:left;
	margin-top:6px;
	width:103px;
	height:18px;
	color:#FFF;
	border-left:1px solid #a9a49f;
	font-size:12px;
	line-height:18px;
	}
#epg_listmain_time_backbutton_f {
	float:left;
	margin-top:6px;
	width:16px;
	height:18px;
	}
#epg_listmain_time_backbutton_f a{
	display:block;
	width:16px;
	height:18px;
	background:url(../images/epg/backbutton1_f.gif) no-repeat 50% 50%;
	}
#epg_listmain_time_backbutton_f a:hover{
	background:url(../images/epg/backbutton1_f.gif) no-repeat 50% 50%;
	}
#epg_listmain_time_backbutton_low {
	float:left;
	margin-top:6px;
	width:16px;
	height:18px;
	}
#epg_listmain_time_backbutton_low a{
	display:block;
	width:16px;
	height:18px;
	background:url(../images/epg/backbutton1_low.gif) no-repeat 50% 50%;
	}
#epg_listmain_time_backbutton_low a:hover{
	background:url(../images/epg/backbutton1_low.gif) no-repeat 50% 50%;
	}
#epg_listmain_time_nextbutton_f {
	float:left;
	margin-top:6px;
	width:16px;
	height:18px;
	}
#epg_listmain_time_nextbutton_f a{
	display:block;
	width:16px;
	height:18px;
	background:url(../images/epg/nextbutton1_f.gif) no-repeat 50% 50%;
	}
#epg_listmain_time_nextbutton_f a:hover{
	background:url(../images/epg/nextbutton1_f.gif) no-repeat 50% 50%;
	}
#epg_listmain_time_nextbutton_low {
	float:left;
	margin-top:6px;
	width:16px;
	height:18px;
	}
#epg_listmain_time_nextbutton_low a{
	display:block;
	width:16px;
	height:18px;
	background:url(../images/epg/nextbutton1_low.gif) no-repeat 50% 50%;
	}
#epg_listmain_time_nextbutton_low a:hover{
	background:url(../images/epg/nextbutton1_low.gif) no-repeat 50% 50%;
	}
#epg_listmain_time_right {
	float:left;
	width:13px;
	height:30px;
	background:url(../images/epg/timebar3_bg.gif) no-repeat;
	}
#epg_listmain_content {
	float:left;
	margin-left:6px;
	_margin-left:3px;
	width:750px;
	height:auto;
	padding:4px 4px 3px 4px;
	}
.epg_listmain_listall {
	float:left;
	width:748px;
	height:35px;
	border:1px solid #1F1C18;
	margin-bottom:1px;
	}
.epg_listmain_listall_play {
	float:left;
	width:39px;
	height:35px;
	background:url(../images/common/playbutton2.gif) no-repeat 50% 50% #39322C;
	}
.epg_listmain_listall_play a {
	width:39px;
	height:35px;
	display:block;
	/*background:url(../images/common/playbutton2.gif) no-repeat 50% 50%;*/
	background:url(../images/common/playbutton1.gif) no-repeat 50% 50%;
	}
.epg_listmain_listall_play a:hover {
	background:url(../images/common/playbutton1.gif) no-repeat 50% 50%;
	}
.epg_listmain_listall_channel {
	float:left;
	width:133px;
	height:35px;
	background:url(../images/epg/list_line1.gif) no-repeat 0% 50% #39322C;
	}
.epg_listmain_listall_channellogo {
	float:left;
	padding:5px;
	width:25px;
	height:25px;
	}
	
	
.epg_channel_viewer {
	text-align:right;
	width:100px;
	height:auto;
	font-size:10px;
	color:#c7b299;
	z-index:1;
	position:relative;
	top:-37px;_top:-24px;left:32px;
	_margin-top:-13px;
	}
	
.epg_listmain_listall_channelname {
	float:left;
	width:98px;
	height:35px;
	color:#fff799;
	line-height:35px;
	font-size:14px;
	position:relative;
	z-index:10;
	}
.epg_listmain_listall_channelname a{
	display:block;
	width:98px;
	height:35px;
	color:#fff799;
	text-decoration:none;
	}
.epg_listmain_listall_channelname a:hover{
	color:#ff6500;
	}
.epg_listmain_listall_programall {
	float:left;
	}
.epg_listmain_program1 {
	/*
	height:35px;
	background:url(../images/epg/list_line2.gif) repeat-y 0% 50% #595550;
	font-size:14px;
	line-height:35px;
	text-indent:5px;
	*/
	}
.epg_listmain_program1 a {
	display:block;
	height:35px;
	background:url(../images/epg/list_line2.gif) repeat-y 0% 50% #595550;
	text-decoration:none;
	font-size:14px;
	line-height:35px;
	text-indent:5px;
	color:#e5e5e5;
	}
.epg_listmain_program1 a:hover{
	background:url(../images/epg/list_line2.gif) repeat-y 0% 50% #715A3B;		/*#FF8300*/
	}
.epg_listmain_program2 {
	height:35px;
	background:url(../images/epg/list_line2.gif) repeat-y 0% 50% #403c36;
	font-size:14px;
	line-height:35px;
	text-indent:5px;
	}
.epg_listmain_program2 a{
	display:block;
	height:35px;
	background:url(../images/epg/list_line2.gif) repeat-y 0% 50% #403c36;
	text-decoration:none;
	color:#999;
	}
.epg_listmain_program2 a:hover{
	background:url(../images/epg/list_line2.gif) repeat-y 0% 50% #715A3B;		/*#FF8300*/
	color:#FFF;
	}
	
	
	
	
.epg_listmain_program3 {
	height:35px;
	background:url(../images/epg/list_line2.gif) repeat-y 0% 50% #6D4028;
	font-size:14px;
	line-height:35px;
	text-indent:5px;
	color:#FFF;
	}
.epg_listmain_program3 a{
	display:block;
	height:35px;
	background:url(../images/epg/list_line2.gif) repeat-y 0% 50% #6D4028;
	text-decoration:none;
	color:#FFF;
	}
.epg_listmain_program3 a:hover{
	background:url(../images/epg/list_line2.gif) repeat-y 0% 50% #6D4028;
	color:#FFF;
	}
	
	
	
#epg_statue {
	float:left;
	width:744px;
	height:40px;
	color:#999;
	text-align:right;
	line-height:30px;
	font-size:12px;
	padding-right:20px;
	background:url(../images/epg/statue_bg.png) no-repeat;
	}
/*result*/
#epg_result_title {
	float:left;
	width:747px;
	height:23px;
	background:url(../images/epg/category_bg.png) no-repeat;
	color:#999;
	font-size:12px;
	padding-left:17px;
	padding-top:13px;
	}
#epg_result_main {
	float:left;
	width:744px;
	height:auto;
	padding:10px;
	color:#FFF;
	background:url(../images/epg/listmain_bg.png) repeat-y;
	position:relative;
	}
	
	
	
	
	
	
/* ----- user flow ------------------------------- */
#userflow_frame {
	float:left;
	width:749px;
	height:auto;
	margin-top:5px;
	margin-bottom:5px;
	margin-right:10px;
	_margin-right:5px;
	margin-left:5px;
	_margin-left:3px;
	}
#userflow_topbg {
	float:left;
	width:733px;
	height:17px;
	font-size:12px;
	padding-left:8px;
	padding-top:8px;
	padding-right:8px;
	background:url(../images/userflow/userflow_topbg.gif) no-repeat;
	}
#userflow_topbg_left {
	color:#ed145a;
	width:470px;
	height:auto;
	text-align:left;
	}
#userflow_topbg_right {
	color:#c7b299;
	width:263px;
	height:auto;
	text-align:right;
	}
#userflow_topbg_right a{
	color:#c7b299;
	text-decoration:none;
	position:relative; /* for fucking IE6 */
	}
#userflow_topbg_right a:hover{
	color:#ffb100;
	}
#userflow_bodybg {
	float:left;
	width:733px;
	height:auto;
	padding-left:8px;
	padding-right:8px;
	background:url(../images/userflow/userflow_bodybg.gif) repeat-y;
	}
.userflow_bodybg_number {
	float:left;
	width:35px;
	height:auto;
	font-size:25px;
	font-weight:bold;
	color:#BBB;
	text-align:center;
	}
.userflow_bodybg_takecare {
	float:left;
	width:256px;
	height:auto;
	color:#656565;
	font-size:12px;
	padding-top:3px;
	}
.userflow_bodybg_takecare a{
	color:#2692bd;
	text-decoration:underline;
	}
.userflow_bodybg_takecare a:hover{
	color:#999999;
	text-decoration:none;
	}
.bodybg_takecare_title {
	color:#BBB;
	font-size:16px;
	font-weight:bold;
	}
.userflow_bodybg_show {
	float:left;
	width:150px;
	height:auto;
	}
#userflow_bottombg {
	float:left;
	width:749px;
	height:13px;
	background:url(../images/userflow/userflow_bottombg.gif) no-repeat;
	}	
	
	
/*----------------- Popup -------------------*/
/*
.MSG {
	position:relative;	
	margin:200px auto 0px auto;
	border:#555 solid; 
	border-width:10 10 10 10; 
	width:610px;
	height:360px;
	color:#0086D4; 
	font-size:12px; 
	line-height:150%;
	background-color:#111111; 
	}
*/
.MSG {
	position:fixed;
	bottom:200px;
	left:300px;
	margin-left:auto;
	border:#555 solid; 
	border-width:10 10 10 10; 
	width:610px;
	height:360px;
	color:#0086D4; 
	font-size:12px; 
	line-height:150%;
	background-color:#111111; 
	}


#BOX {
	position:absolute;
	top:0; 
	left:0; 
	/*
	width:expression(body.clientWidth); 
	height:expression(body.clientHeight); 
	*/
	width:100%;
	height:100%;
	z-index:2; 
	visibility:hidden;
	}

#MASK {
	position:absolute; 
	top:0; 
	left:0; 
	
	width:expression(body.clientWidth); 
	height:expression(body.clientHeight); 
	background:#111111; 
	filter:ALPHA(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
	z-index:1; 
	visibility:hidden;
	}