﻿body{
	font-family: Arial,Helvetica;
	/*font-family: Arial,Helvetica,"Microsoft JhengHei","Ln";*/
	text-align: left;
}
ul li, ol li{
	text-align: left;
}

#msgboardDialog{ width: 240px; height: 320px; position: absolute;z-index: 9999999; display:none;}

.header2012{/*font-family: "" , Tahoma;*/ font-size:13px;}
.header2012 ul{display: block;height: 35px;background: url(images/bg_main_nav_full.gif) no-repeat;border: 0 1px solid #c5c5c5; margin: 0; padding: 0;border-bottom: 3px solid #FCA61B;position:relative}
.header2012 ul li{list-style: none; padding: 0; margin: 0;background-image: url(images/header2012.png);background-repeat: no-repeat;display: block;float: left;height: 35px;}
.header2012 ul li a{display:block;width: 100%;height: 35px;overflow: hidden;text-indent: 200px;}

/*header menu*/
li.header2012_menu_1{width: 44px;cursor: pointer;}
li.header2012_menu_1:hover{background-position: 0 -35px;}
li.header2012_menu_2{width: 55px; cursor: pointer; background-position: -44px 0;}
li.header2012_menu_2:hover{background-position: -44px -35px;}
li.header2012_menu_3{width: 55px;cursor: pointer;background-position: -99px 0;}
li.header2012_menu_3:hover{background-position: -99px -35px;}
li.header2012_menu_4{width: 78px;cursor: pointer;background-position: -154px 0;}
li.header2012_menu_4:hover{background-position: -154px -35px;}
li.header2012_menu_5{width: 81px;cursor: pointer;background-position: -232px 0;}
li.header2012_menu_5:hover{background-position: -232px -35px;}
li.header2012_menu_6{width: 74px;cursor: pointer;background-position: -313px 0;}
li.header2012_menu_6:hover{background-position: -313px -35px;}
li.header2012_menu_7{width: 70px;cursor: pointer;background-position: -387px 0;}
li.header2012_menu_7:hover{background-position: -387px -35px;}
/*---*/
li.header2012_menu_8{width: 72px;cursor: pointer;background-position: 0 -180px;}
li.header2012_menu_8:hover{ background-position: 0 -215px;}
li.header2012_menu_9{width: 60px;cursor: pointer;background-position: -72px -180px; }
li.header2012_menu_9:hover{background-position: -72px -215px;}
li.header2012_menu_10{width: 72px;cursor: pointer;background-position: -132px -180px;}
li.header2012_menu_10:hover{background-position: -132px -215px;}
li.header2012_menu_11{width: 35px;cursor: pointer; background-position: -204px -180px;}
li.header2012_menu_11:hover{background-position: -204px -215px;}
li.header2012_menu_12{width: 50px;cursor: pointer;background-position: -239px -180px;}
li.header2012_menu_12:hover{background-position: -239px -215px;}
li.header2012_menu_12{display:none !important;}

li.header2012_menu_13{width: 312px;cursor: pointer;background-position: 0 35px;text-align: right;color: #12408e;font-size: 12px;}
li.header2012_menu_13 span i, li.header2012_menu_13 span b{width: 12px;height: 12px;background: url(images/header2012.png) no-repeat;display: block;float: left;}
li.header2012_menu_13 span{margin: 10px 10px 0 0;display: block;float: right;position:relative;z-index:3;}
li.header2012_menu_13 span i{background-position: -299px -74px;}
li.header2012_menu_13 span b{background-position: -311px -74px;}
.header2012 ul li dl{display: none;	position: absolute;width: 120px;background: #faa41a;margin:0;*margin-left:-27px; padding: 0; z-index:5;}
.header2012 ul li dl dd{ margin:0; text-align: center;}
.header2012 ul li dl dd:hover{ background: #e19116; }
.header2012 ul li dl dd a{ font-size:12px; line-height:16px;  height: 16px;text-decoration:none; color:#fff;text-indent: 0;padding: 5px;	margin: 0;height: 18px;width: 120px; text-align:left; padding-left:14px;}

/* Added by Jazz coz the Menu is not display long enough*/
/*
.header2012 ul li.header2012_menu_2 dl{width: 150px;}
.header2012 ul li.header2012_menu_2 dl dd a{ width: 150px; }
*/



.header2012 ol{margin:0; padding:0; font-size:12px; display:block; height:30px;position: relative;}
.header2012 ol li{margin:15px 0 0; padding:0; list-style :none; float:left ; display :block; padding:0 1.5px; }
.header2012 ol li i{ display :block;  border-left:1px solid #999; height:9px; margin-top:4px;_width:1px;_margin-top:0; }
.header2012 ol li a{ color:#666; }
.header2012 ol li a span{color:#ff7200;}
/*
.header2012>#hktblivemenu{
	position: absolute;
	display:block;
	width:978px;
	background:url(images/toolbar.png) no-repeat;
	height:35px;
	top:0;
	left:1px;
	z-index: 1;
}
.header2012>#hktblivemenu>a{
	position: absolute;
	display:block;
	height: 35px;
	top: 0px;
	text-indent: -9999px;
	overflow: hidden;
	background-repeat:no-repeat;
}
.header2012>#hktblivemenu>a:hover{
	background-position:left bottom;
}
.header2012>#hktblivemenu>a#live_hd881{
	left: 305px;
	width: 192px;
	background-image: url(images/btn_881.png);
}
.header2012>#hktblivemenu>a#live_hd903{
	left: 497px;
	width: 194px;
	background-image: url(images/btn_903.png);
}
.header2012>#hktblivemenu>a#live_am864{
	left: 691px;
	width: 192px;
	background-image: url(images/btn_864.png);
}
.header2012>#hktblivemenu>a#btn_hktbHelp{
	left: 886px;
	width: 42px;
	background-image: url(images/btn_help.png);
}
.header2012>#hktblivemenu>span.new_icon{
	position: absolute;
	display:block;
	height:32px;
	top: 0px;
	left:0px;
	width:59px;
	text-indent: -9999px;
	overflow: hidden;
	background:url(images/hktb-new-gif.gif) no-repeat;
}
*/
/*yahoo search*/
.yahoo_search_bar { position :relative ; width:980px; height:1px;display:none;}
.yahoo_search_bar ul{ margin:-35px -10px 0 0; padding:0; position:absolute; z-index:1; right:0; width:582px}
.yahoo_search_bar ul li{ margin: 0 4px; padding:0; list-style:none; float :left; } 
.yahoo_search_bar ul li label{margin: 0; padding:0;  width: 153px;height: 24px;background: url(images/header2012.png) no-repeat 0 -155px;display: block;}
.yahoo_search_bar ul li label input{margin: 0 0 0 24px; padding:0;  width: 129px;border:0;height:18px; margin-top :3px; background-color:transparent;background: url(images/header2012.png) no-repeat -155px -160px;border:0 }
.yahoo_search_bar ul li button{margin: 0; padding:0;  width: 78px;height: 27px;background: url(images/header2012.png) no-repeat -157px -106px;display: block; border:0; cursor :pointer ; }
.yahoo_search_bar ul li button:hover{ background-position:-157px -134px;}
.yahoo_search_bar ul li div a{ text-decoration:none;}
.yahoo_search_bar ul li h1{ display:block; margin:0; padding:0; width:125px; height:24px;}

#btnApps{ position:absolute; z-index:2; right:144px; margin:0; padding:0;  width: 63px;height: 24px;background: url(images/header2012.png) no-repeat 0 -106px;display: block; overflow:hidden; text-indent:-100px; top:10px}
#btnApps:hover{background-position:0 -130px;}
#btnPages{position:absolute; z-index:2;right:0; margin:-37px 75px 0;border-bottom: 14px solid white; padding:0;  width: 63px;height: 24px;background: url(images/header2012.png) no-repeat -65px -106px;display: block; overflow:hidden; text-indent:-100px;}
#btnPages:hover{background-position:-65px -130px;}

/*weather*/
/*.header2012 h1{width: 980px;height: 105px;margin:0;padding:0;}*/
.header2012_float {width: 980px;height: 134px; position:relative; background:url(images/weather_2014.jpg) no-repeat;}
.header2012_float label{width:214px; height:36px;background: url(images/header2012.png) no-repeat -242px -106px; display: block;  margin:10px; float:left; }
.header2012_float label a{ width:214px; height:36px;display: block; overflow:hidden; text-indent:214px;}
.header2012_float dl{margin:0 0 0 10px;padding:0; display:block; float:left; }
.header2012_float dl dt{ color: #333; font-size :12px; display:block ; text-align:left ;}
.header2012_float dl dd{ display :block; width: 30px; height:30px; float:left; margin:2px;background-image:url(images/weather_warning.png); background-repeat: no-repeat;}
.header2012_float div{ clear:both;}
[id='881903SuperBannerHolder'], .header2012_float .header2012_881903SuperBannerHolder{
	margin: 0px;
	position: absolute !important; 
	right: 5px;
	bottom: 5px;
	top: auto;
	clear: none;
	left: auto;
}
.header2012_float>#weater_info{
	position: absolute;
	top: auto;
	left: 0;
	bottom: 13px;
}
.header2012_float label{
	position: absolute;
	top: auto;
	left: 10px;
	bottom: 57px;
	float: none;
	margin: 0;
}
[id='881903SuperBannerHolder'],.header2012_881903SuperBannerHolder{ position:absolute; width:730px; height:92px; margin:5px 5px 0;}
#header2012_login { display:none; margin-left:-90px; left:-12px; top:11px;   position:absolute; z-index:3; font-size:12px; color:#fff; border-top: 11px solid transparent; z-index:1000;}
#header2012_login div{ text-align:left; margin: 3px 0; text-indent:0;}
#header2012_login table{ width: 200px; border:0; text-indent:0;}
#header2012_login  a { color:#8e6218 ;  display:inline; width:auto; text-indent:0;}
#header2012_login  input{border:0; width:90px; height:18px;}
#header2012_login span{ position:absolute; margin:78px 0 0 70px; left:0;top:0}
#header2012_login  span a{background: url(images/header2012.png) no-repeat -296px -239px; display:block;width:82px; height:20px; margin-left: 7px;}
.header2012_login_bg{background:#f9a61a; padding:15px;width:156px; height:80px;position:relative;
/* Gecko browsers */
-moz-border-radius: 2px; 
/* Webkit browsers */
-webkit-border-radius: 2px; 
/* W3C syntax - likely to be standard so use for future proofing */
border-radius:5px;}

#header2012_logout a{color:#12408e;display:inline; width:auto; text-align:left;text-indent:0;}
#header2012_logout a span{ display:inline; float:none;text-indent:0;}
#header2012_logout label{ background-color:#ff6420; padding:1px;  display:block; min-width:16px;*width:16px; text-align:center;-moz-border-radius:3px;border-radius: 3px; margin-top:-2px;}
#header2012_logout label a{color:#fff; margin:0;padding:0; text-indent:0;  }
/*weather warning*/
dd.warning_1{ background-position: 0 -35px; }
dd.warning_2{ background-position: -35px -35px; }
dd.warning_3{ background-position: -70px -35px; }
dd.warning_4{ background-position: -177px -35px; }
dd.warning_5{ background-position: -106px -35px; }
dd.warning_6{ background-position: -141px -35px; }
dd.warning_7{ background-position: -212px -35px; }
dd.warning_8{ background-position: -248px -35px; }
dd.warning_9{ background-position: -248px 0; }
dd.warning_10{ background-position: -212px 0; }
dd.warning_11{ background-position: -177px 0; }
dd.warning_12{ background-position: -283px 0; }
dd.warning_13{ background-position: -318px -35px; }
dd.warning_14{ background-position: -35px 0; }
dd.warning_15{ background-position: -283px -35px; }
dd.warning_16{ background-position: -318px 0; }
dd.warning_17{ background-position: -106px 0; }
dd.warning_18{ background-position: -70px 0; }
dd.warning_19{ background-position: -354px 0; }
dd.warning_20{ background-position: -141px 0; }
dd.warning_21{ background-position: 0 0; }

div.weater_bg_1{ background-position: 0 0; }
div.weater_bg_1_n{ background-position: 0 -135px; }
div.weater_bg_2{ background-position: 0 -270px; }
div.weater_bg_2_n{ background-position:0 -405px; }
div.weater_bg_3{ background-position: 0 -540px; }
div.weater_bg_3_n{ background-position: 0 -675px; }

#msgboardDialog_li a{
list-style: none; padding: 0; background: url(images/header2012.png) no-repeat -296px -181px;width:84px;height: 27px; line-height:80px; overflow: hidden; display:block;
position: relative;
left: -7px;
top: -5px;
}
#msgboardDialog_li a:hover{background-position: -296px -209px;}
#msgboardDialog_li {
	/* position: relative; */
}

.yahoo_search_bar iframe{
	margin-top: 1px;
	width: 194px;
}
#header2012_login_close{
	position: absolute;
	right: 5px;
	top: 5px;
}


/***************/
.header2012 ul li.header2012_menu_15{width: 86px;height: 35px;background: url(images/new_nav_feature.png) no-repeat;display: block;float: left;}
.header2012 ul li.header2012_menu_15:hover{background-position: 0 -35px;}
.header2012 ul li.header2012_menu_16{width: 86px;height: 35px;background: url(images/nav_internetbits.png) no-repeat;display: block;float: left;}
.header2012 ul li.header2012_menu_16:hover{background-position: 0 -35px;}
.header2012 ul li.header2012_menu_allprograms{width: 86px;height: 35px;background: url(images/nav_allprograms.png) no-repeat;display: block;float: left;}
.header2012 ul li.header2012_menu_allprograms:hover{background-position: 0 -35px;}
.header2012 ul li.header2012_menu_essence{width: 86px;height: 35px;background: url(images/nav_essence.png) no-repeat;display: block;float: left;}
.header2012 ul li.header2012_menu_essence:hover{background-position: 0 -35px;}
.header2012 ul li.header2012_menu_latest{width: 86px;height: 35px;background: url(images/nav_latest.png) no-repeat;display: block;float: left;}
.header2012 ul li.header2012_menu_latest:hover{background-position: 0 -35px;}
.header2012 ul li.header2012_menu_replay{width: 86px;height: 35px;background: url(images/nav_replay.png) no-repeat;display: block;float: left;}
.header2012 ul li.header2012_menu_replay:hover{background-position: 0 -35px;}

.header2012 ul li.header2012_menu_9{display:none}
.header2012 ul li.header2012_menu_10{display:none}


/******************/
#browserNotice{
	background-repeat:no-repeat;
	background-image:url(images/alert-bg.png);
	padding-top:33px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	overflow:hidden;
	width: 405px;
	height: 135px;
	text-align:left;
	padding: 49px 24px 10px 24px;
}
#browserNotice>h2{
	background-repeat:repeat-x;
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:33px;
	margin:0;
	padding:0;
}
#browserNotice>h2>span{
	width:131px;
	height:33px;
	position:absolute;
	top:0;
	left:0;
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
#browserNotice>p,
#browserNotice>ul>li{
	font-size: 15px;
}
#browserNotice>ul{
	
}
#browserNotice>ul>li{
	width:50%;
	float:left;
	margin-bottom: 10px;
}
/* 20140613 */

.header2012 ul li.header2012_menu_1,
.header2012 ul li.header2012_menu_2,
.header2012 ul li.header2012_menu_3,
.header2012 ul li.header2012_menu_4,
.header2012 ul li.header2012_menu_5,
.header2012 ul li.header2012_menu_6,
.header2012 ul li.header2012_menu_7{
	background-repeat: no-repeat;
	display:block;
	float:left;
	height: 35px;
	background-position:0 0;
}

.header2012 ul li.header2012_menu_1:hover,
.header2012 ul li.header2012_menu_2:hover,
.header2012 ul li.header2012_menu_3:hover,
.header2012 ul li.header2012_menu_4:hover,
.header2012 ul li.header2012_menu_5:hover,
.header2012 ul li.header2012_menu_6:hover,
.header2012 ul li.header2012_menu_7:hover{
	background-position: 0 -35px
}

.header2012 ul li.header2012_menu_1{
	width: 44px; 
	background-image: url(images/nav_home.png)
}
.header2012 ul li.header2012_menu_2{
	width: 55px; 
	background-image: url(images/nav_news2.png)
}
.header2012 ul li.header2012_menu_3{
	width: 55px; 
	background-image: url(images/nav_investment.png)
}
.header2012 ul li.header2012_menu_4{
	width: 78px; 
	background-image: url(images/nav_881.png)
}
.header2012 ul li.header2012_menu_5{
	width: 81px; 
	background-image: url(images/nav_903.png)
}
.header2012 ul li.header2012_menu_6{
	width: 74px; 
	background-image: url(images/nav_home864.png)
}
.header2012 ul li.header2012_menu_7{
	width: 70px; 
	background-image: url(images/nav_crtv2.png)
}
#criCrazyAd_Wrapper{
	position:relative;
	margin:0 auto;
}