#chart_main{line-height:24px;}
#chart_main table {border-collapse:separate;}
#chart_main table th{paddign:5px 10px;}
#chart_main table td{padding:2px 10px;}
#chart_main a,#chart_main a:visited{color:#666;}
#chart_main a:hover{color:#00A0A0;}

input, select, textarea, button {font: 12px/22px Tahoma,Arial,Helvetica,snas-serif;}
#chart_main{/*background:url(hq01.gif) repeat-y 172px 0;border:1px solid #ddd;width:958px;*/display:inline-block;margin:0 auto;width: 100%;}
#chart_main #chart_left div.no_border{border:none;}
/*#chart_top_space{background:url(hq02.gif) repeat-x center bottom;float:left;height:5px;width:958px;overflow:hidden;}*/
#chart_left{width:172px;float:left;}
#chart_left ul,#chart_left li{margin:0;padding:0;}
#chart_left li{line-height:22px;border-bottom:1px solid #fff;list-style:none;float:left;width:172px;}
#chart_left .first{background:#778A98 url(hq05.gif) no-repeat 11px 8px;color:#fff;border-bottom:1px solid #fff;float:left;width:172px;}
#chart_left .active{background:#778A98 url(hq06.gif) no-repeat 11px 10px;}
#chart_left .first i{font-style:normal;padding-left:20px;}
#chart_left .first a i{color:#fff;}

#chart_left h3{background:url(hq09.gif) no-repeat 18px 10px #DBE2E8;font:normal 12px/22px Arial, Helvetica, sans-serif;height:22px;border-bottom:1px solid #fff;width:172px;float:left;}
#chart_left h3 a{width:140px;height:22px;display:block;float:left;padding-left:30px;}
#chart_left .last{background:#F0F4F7;height:22px;}
#chart_left .last a{padding-left:40px;width:130px;height:22px;float:left;display:block;}

#chart_right{/*float:right;width:750px;padding:5px;*/}
#chart_right .datalist{border:none;width:100%;}
#chart_right .datalist th{background:#eee;height:30px;line-height:30px;font-weight:bold;text-align:center;border-left:1px solid #fff;border-bottom:3px solid #ccc;}
#chart_right .datalist th.firse{border-left:1px solid #ccc;}
#chart_right .datalist td{border-bottom:1px solid #CCC;border-right:1px dotted #CCC;height:26px;line-height:26px;text-align:center;}
#chart_right .datalist td.up{color:#E33539;}
#chart_right .datalist td.down{color:#5BBD2B;}
#chart_right .datalist td.firse{background:#F9ECE4;border-left:1px solid #ccc;}
#chart_right .datalist td.tip{text-align:left;border-left:1px solid #ccc;padding-left:5px;}

#chart_right .title{border-bottom:1px solid #828282;float:left;width:100%;padding-bottom:1px;margin-bottom:10px;margin-top: 10px;height:30px;}
#chart_right .title .right{float:right;margin:5px 5px -8px;}
#chart_right .title ul{float:left;position:relative;bottom:-8px;margin-left:5px;}
#chart_right .title ul li{background:url(k_switch3.gif) no-repeat scroll 0 -25px;float:left;height:24px;line-height:24px;text-align:center;width:83px;margin-right:1px;list-style:none;}
#chart_right .title ul li.active{background-position:0 0;}
#chart_right .title ul li a{color:#666;width:100%;height:100%;float:left;display:block;}
#chart_right .title ul li a:hover{color:#39adb8;}
#tech_select{position:relative;top:-20px;left:250px;width:250px;}
#tech_select a{margin-left:5px;}
#chart_right .tip{background:#FEFEE2;border:#B09A23 1px solid;color:#B09A23;line-height:30px;padding-left:15px;clear:both;}

#select_area{float:left;width:100%;margin-bottom:5px;}
#select_area p{float:left;margin-right:10px;}
#select_area p .txt_input{/*margin-top:2px;*/}
#select_area p .ui-datepicker-trigger{margin-top:-3px;margin-top:-7px\9;}
#select_area p select{height:22px;}

.data_list{float:left;width:100%;}
.data_list .table_head{background:#F3F2FD;width:100%;float:left;margin:5px 0 1px;font-weight:bold;padding-left:5px;}
.data_list .datatable{width:100%;border:1px solid #ccc;}
.data_list .datatable th{background:#ccc;line-height:24px;font-weight:bold;text-align:center;}
.data_list .datatable td{background:#f5f5f5;padding-right:5px;text-align:right;}
.data_list .datatable td.alt{background:#eee;}
.data_list .datatable tr.active td{background:#ffc;}
.data_list .datatable .tfoot td{background:#ddd;font-weight:bold;}
.data_list .datatable .tfoot td ol{text-align:left;}
.data_list .datatable td.center{text-align:center;padding:0;}

.oi_tip{width:100px;}
.oi_tip ul{background:#fff;float:left;width:100%;border:1px solid #ccc;border-bottom:none;text-align:left;}
.oi_tip li{list-style:outside none;}
.oi_tip li a{width:95px;padding-left:5px;display:block;background:#f4f4f4;border-bottom:1px solid #ccc;color:#666;line-height:22px;}
.oi_tip li a:hover{background:#666;color:#fff;}

.button {background: url(bg.gif) repeat-x scroll 0 -100px transparent;border: 1px solid #CCCCCC;height: 22px;line-height: 15px;padding: 0 2px 3px;padding-bottom:0 \9;}
.txt_input {background: url(bg.gif) repeat-x scroll 0 -50px transparent;border: 1px solid #DADADA;height: 20px;line-height: 20px;padding: 0 0 0 1px;}
.txt_input_active {border-color: #7DBDE2;}