﻿@charset "utf-8";
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td
{margin: 0px; padding: 0px; font-size:12px;font-family: 'Open Sans', sans-serif;}
table{margin:0 auto;}
img,img a{border:none;} 
#top-nav {height:60px;}
ul,ol,li{list-style:none;}
body{font-size: 12px; text-decoration: none; font-family:Arial, Helvetica, sans-serif; background:#EFEFEF;background: #d8d6d8 url(../img/bkg-pat.png);min-width: 320px;}
a{color: #69B2F3; text-decoration: none;}
a:hover{color:#FF0000; text-decoration:none;}
input{vertical-align: middle;background: #fff; border-radius: 3px;border: 1px solid #ccc;outline: none;padding: 6px 3px;font-size: 12px;color: #292929;}
select{vertical-align: middle;background: #fff;border-radius: 3px;border: 1px solid #ccc;outline: none; padding: 6px 3px;font-size: 12px;color: #292929;}
.button2{padding:0px 2px; margin:0px; height:22px; line-height:20px; background:url(../images/btn_bg.gif) repeat-x; border:1px solid #2883B2; cursor:pointer; letter-spacing:1px; font-weight:bold; color:#555555;}

/*.button3 {background:url(../images/btn_bg.jpg) repeat-x; width:auto; height:24px; line-height:20px; _line-height:20px; border:1px solid #A1A1A1; text-align:center; cursor:pointer;}*/
.button3{background: url(../img/grad-overlay-s.png) #efdb2f;border: 1px solid #ccb708;padding: 2px 8px;height: 24px;border-radius: 3px;cursor: pointer;font-size: 12px !important;font-weight: 600 !important;font-family: 'Open Sans', sans-serif !important;color: #292929;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);max-height: 40px !important;box-shadow: none;}
input:disabled {color:#787878;background: url(../img/grad-overlay-s.png) #b6b6b6;border: 1px solid #939393;}
input[disabled]{color:#787878;background: url(../img/grad-overlay-s.png) #b6b6b6;border: 1px solid #939393;}

.top{background:url(../images/bg_top.gif); color:#fff; border-bottom:1px solid #000;}
.top a.btn{display:inline-block; background:url(../images/btn_bg.jpg) repeat-x; height:18px; line-height:20px; _line-height:20px; border:1px solid #A1A1A1; text-align:center; margin:0px 3px; padding:2px 5px; _padding:1px 5px; color:#000000;}
.top a.btn:hover{border:1px solid #FFFF00; color:#ff0000;box-shadow: none;}
/*#all_count{color:#B1B1B1;}*/
#all_count{height:60px;}
#news{height: 25px; line-height:25px; overflow:hidden;color: #000000;}
#news li{color: #0000FF;text-decoration: none;background:url(../images/amr_ico.gif) 0px 7px no-repeat;padding-left:25px;}
#news ul,li{margin:0;padding:0}
#news li{height:25px;padding-left:10px;}
#stock_main{background-color: #ffffff;border-bottom:1px solid #CCCCCC;}
.leftmenu{width:155px; background:#F0F9FF; overflow:hidden;}
.leftmenu h5{display:block; clear:both; height:25px; background:url(../images/menu_h5.gif) no-repeat; line-height:25px; padding-left:50px; margin-top:5px; color:#fff;}
.leftmenu h5 a{color:#fff; text-decoration:none;}
.leftmenu h5 a:hover{text-decoration:underline;}
.leftmenu h5 span{margin-left:15px;}
.leftmenu h5 span a{font-size:12px; font-weight:normal; color:#DDF1F7; text-decoration:underline; font-family:Arial, Helvetica, sans-serif;}
.leftmenu h5 span a:hover{color:#ffffff; text-decoration:none;}
.leftmenu ul{padding-top:3px;}
.leftmenu ul li{padding:0px;}
.leftmenu ul li a{height:24px; width:155px; line-height:24px; background:url(../images/menu_normal.gif) no-repeat; display:block; color:#000000; padding-left:50px;}
.leftmenu ul li a:hover{background:url(../images/menu_hover.gif) no-repeat; display:block;}
.leftmenu ul li a.on{background:url(../images/menu_hover.gif) no-repeat; display:block;}
.error{left: 10px;color: #FF0000;background-color: #FFFFCC;}
#errorTo{left: 10px;color: #FF0000;background-color: #FFFFCC;text-indent: 20px;font-size: 9pt;line-height: -10px;text-decoration: blink;}
.datepicker{width:90px; height:18px; line-height:18px; background:url(../images/datePicker.gif) right center no-repeat; background-color:#ffffff; border:1px solid #7F9DB9;}
.mybox{word-break:break-all;border: 1px solid #bbb;border-radius: 3px;}
.mybox a{color:#000000; text-decoration:none; font-family:Arial, Helvetica, sans-serif}
.mybox a:hover{color:#ff0000; text-decoration:none;}
.mybox td{line-height:23px; word-break:break-all;padding: 4px 10px;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}
/*.mybox th{ letter-spacing:5px;border-right: 1px solid #ccc;color: #292929;text-shadow: 0 1px 0 #fff;font-size: 12px;background-color: #fff;}*/
.mybox th {background: url(../img/grad-overlay-s.png) #393939;border-radius: 2px;max-height: 40px;color: #ddd;font-size: 14px;font-weight: 600;text-shadow: 0 1px 0 #222;height:30px; line-height:30px; padding:0px;;border-right: 1px solid #ccc;}

.mybox p{line-height:20px; margin-bottom:14px;}
/*.mybox input{float:left; height:20px; line-height:20px;}*/
.button_small{padding:0px; margin:0px; line-height:20px; height:25px;}
.input_small{height:18px; line-height:18px; padding:0px; border:1px solid #7F9DB9; color:#555555; font-size:12px;}
.mybox .money{font-size: 16px;background: url(../img/grad-overlay.png) #ddd;font-family: Arial, Helvetica, sans-serif;float: left;text-align: right;padding: 4px 8px;border-radius: 3px;border: 1px solid #bbb;color:#a62626;font-weight: bold;}
.mybox .money1{color:#ff0000; font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.mybox .tips{width:20px; height:20px; overflow:hidden; display:block; float:left; background:url(../images/ico_question.gif) 2px 3px no-repeat; cursor:pointer; margin-left:10px;}
.mybox .gray{color:gray;}
.mybox .message_data{font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;}
#divstockslist .loading{display:block; height:100px; line-height:100px; text-align:center; width:100%; color:gray;}
#dateList{background-color: #9FB2B9;}
#dateList #title{background-color: #C4D6E5;height: 20px;color: #64645C;}
#dateList tr{background-color: #F6FFF7;}
#dateList span{cursor:pointer;}
.date_selector, .date_selector *{width: auto; height: auto; border: none; background: none; margin: 0; padding: 0; text-align: left; text-decoration: none;}
.date_selector{background: #F2F2F2; border: 1px solid #bbb; padding: 5px; margin: -1px 0 0 0; position: absolute; z-index: 100000; display: none;}
.date_selector_ieframe{position: absolute; z-index: 99999; display: none;}
.date_selector .nav{width: 17.5em; /* 7 * 2.5em */}
.date_selector .month_nav, .date_selector .year_nav{margin: 0 0 3px 0; padding: 0; display: block; position: relative; text-align: center;}
.date_selector .month_nav{float: left; width: 55%;}
.date_selector .year_nav{float: right; width: 35%; margin-right: -8px; /* Compensates for cell borders */}
.date_selector .month_name, .date_selector .year_name{font-weight: bold; line-height: 20px;}
.date_selector .button{display: block; position: absolute; top: 0; width: 18px; height: 18px; line-height: 17px; font-weight: bold; color: #003C78; text-align: center; font-size: 120%; overflow: hidden; border: 1px solid #F2F2F2;}
.date_selector .button:hover, .date_selector .button.hover{background: none; color: #003C78; cursor: pointer; border-color: #ccc;}
.date_selector .prev{left: 0;} .date_selector .next{right: 0;} .date_selector table{border-spacing: 0; border-collapse: collapse; clear: both;} .date_selector th, .date_selector td{width: 2.5em; height: 2em; padding: 0; text-align: center; color: black;} .date_selector td{border: 1px solid #ccc; line-height: 2em; text-align: center; white-space: nowrap; color: #003C78; background: white;} .date_selector td.today{background: #FFFEB3;} .date_selector td.unselected_month{color: #ccc;} .date_selector td.selectable_day{cursor: pointer;} .date_selector td.selected{background: #D8DFE5; font-weight: bold;}
.date_selector td.selectable_day:hover, .date_selector td.selectable_day.hover{background: #003C78; color: white;}
.pagelist{PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center}
.pagelist A{BORDER-RIGHT: #9aafe5 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #9aafe5 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #9aafe5 1px solid; COLOR: #2e6ab1; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #9aafe5 1px solid; TEXT-DECORATION: none}
.pagelist A:hover{BORDER-RIGHT: #2b66a5 1px solid; BORDER-TOP: #2b66a5 1px solid; BORDER-LEFT: #2b66a5 1px solid; COLOR: #000; BORDER-BOTTOM: #2b66a5 1px solid; BACKGROUND-COLOR: lightyellow}
.pagination A:active{BORDER-RIGHT: #2b66a5 1px solid; BORDER-TOP: #2b66a5 1px solid; BORDER-LEFT: #2b66a5 1px solid; COLOR: #000; BORDER-BOTTOM: #2b66a5 1px solid; BACKGROUND-COLOR: lightyellow}
.pagelist SPAN.current{BORDER-RIGHT: navy 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: navy 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: navy 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: navy 1px solid; BACKGROUND-COLOR: #2e6ab1}
.pagelist a.cur{BORDER-RIGHT: navy 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: navy 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: navy 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: navy 1px solid; BACKGROUND-COLOR: #2e6ab1}
.pagelist SPAN.disabled{BORDER-RIGHT: #929292 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #929292 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #929292 1px solid; COLOR: #929292; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #929292 1px solid}
.table1 td p{line-height:20px; margin:0px;}
.table1{border:1px solid #BECDD8; margin:3px auto; background:#ffffff; font-size:12px;}
.table1 td{padding:3px; height:20px; line-height:20px;}
.table1 .row_title{height:25px; line-height:25px; background:url(../images/title_bg.jpg) repeat-x; font-weight:bold; padding-left:5px;}
.table1 .row_ls{background:#FBFBFC;}
.table1 .row1_old{background:#FBFBFC;}
.table1 .row1_even{background:#E5EFF7;}
.table1 .nodata{height:50px; line-height:50px; color:gray; background:#FFF8EA;}
.table1 td span{cursor:pointer;}
.table1 a{color:#6390B6; text-decoration:underline;}
.table1 a:hover{color:#ff0000; text-decoration:none;}
.table1 .tips{background:url(../images/tips.gif) left center no-repeat; padding-left:20px; color:gray;}
.table1 .gray{color:gray;}

/*新样式*/
/* ADMINITY ADMINISTRATION INTERFACE */

/* BODY */

/* HEADER */

.header {padding: 7px 0;margin-left: 3%;}

/* TOP BAR NAVIGATION */

.top-bar {height: 60px;background: url(../img/grad-overlay.png) #292929;border-top: 1px solid #515151;border-bottom: 1px solid #222;}
.top-bar a { color: #9e9e9e; font-size: 10px; text-shadow: 0px 1px 0px #222; }

/*左侧导航*/
.left-bar {float: left;width: 165px;height:100%;background: url(../img/grad-overlay-hz.png) 0 0 repeat-y #292929;border: none;border-right: 1px solid #515151;position: absolute;top: 0;}
#left-nav {margin: 0;display: block;min-width: 0;}
.left-bar a{ color: #9e9e9e; font-size: 10px; text-shadow: 0px 1px 0px #222; }
.left-nav-item {float: none;height: 60px;margin-top:6px;margin-left: 0;}
.left-nav-item a {display: block;height: 60px;}
.left-nav-item p {font-size: 14px;font-weight: 600;text-align: center; position: relative;left: 10px;top: -30px;}
.left-nav-item img {width: 30px;height: 30px;padding: 8px 25px 4px;}
.left-nav-item:hover, #user-panel {background: url(../img/nav/nav-hover.png);border-radius: 3px;box-shadow: inset 0px 0px 1px 0px #000;}

.left-nav-item2 {float: none;height: 140px;margin-top:6px;margin-left: 0;}
.left-nav-item2 a {display: block;height: 44px;}
.left-nav-item2 p {font-size: 14px;font-weight: 600;text-align: center; position: relative;left: 10px;top: -30px;}
.left-nav-item2 img {width: 30px;height: 30px;padding: 8px 25px 4px;}
.left-nav-item2:hover, #user-panel {background: url(../img/nav/nav-hover.png);border-radius: 3px;box-shadow: inset 0px 0px 1px 0px #000;}

.left-nav-item3 {float: none;height: 120px;margin-top:6px;margin-left: 0;}
.left-nav-item3 a {display: block;height: 44px;}
.left-nav-item3 p {font-size: 14px;font-weight: 600;text-align: center; position: relative;left: 10px;top: -30px;}
.left-nav-item3 img {width: 30px;height: 30px;padding: 8px 25px 4px;}
.left-nav-item3:hover, #user-panel {background: url(../img/nav/nav-hover.png);border-radius: 3px;box-shadow: inset 0px 0px 1px 0px #000;}


/* USER PANEL */

#user-panel {
	width: 300px;
	height: 60px;
	float: left;
	position: relative;
}
#usr-avatar {
	width: 46px;
	height: 46px;
	margin: 7px 0 0 7px;
	border-radius: 2px;
}
#usr-info {
	position: relative;
	top: -49px;
	left: 60px;
	width: 240px;
}
#usr-info p {line-height: 1.5em;color:#C7CBCF;}
#usr-name {color: #83ab24; font-weight: 600; font-size: 12px;}
#usr-notif {color: #dfdfdf; font-size: 10px;}
#usr-info a {margin-right: 20px;}

/* NAVIGATION */

#nav {
	margin: 10px 3%;
	/*min-width: 1214px;*/
}
.nav-item {
	height: 60px;
	float: left;
	margin-left: 8px;
}
.nav-item a {
	display: block;
	width: 80px;
	height: 60px;
}
.nav-item p {font-size: 11px; font-weight: 600; text-align: center;}
.nav-item img {
	width: 30px;
	height: 30px;
	padding: 8px 25px 4px;
}
.nav-item:hover, #user-panel {
	background: url(../img/nav/nav-hover.png);
	border-radius: 3px;
	box-shadow: inset 0px 0px 1px 0px #000;
}

/* SUB NAVIGATION */



.sub-nav {left: 0;top: 0;border-radius: 2px;clear:left;}

.sub-nav li{float:left;width: 75px;}
.sub-nav a {float: left;height: 20px;width: 75px;padding: 6px 0 0 0;text-align: center;font-size: 12px;display: block;}
.sub-nav a:hover {
	color: #83ab24;
	background: #3d3d3d;
	border-radius: 2px;
}

/*消息栏*/
.ad-notif-warn{
	max-height: 50px;
	margin-bottom: 20px;
	border-radius: 3px;
	background: url(../img/ui/notif-bg.jpg) repeat-x;
	box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.3);
}

.allp {
	color: rgba(0, 0, 0, 0.6);
	padding: 10px 0;
	font-size: 12px;
	font-weight: 700;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}
.ad-notif-warn { background-position: 0 -50px; border: 1px solid #cbac00; }
.ad-notif-warn {margin-bottom: 10px;}
  
#load_text,#liveTime,#open,#dpName_0,#dpCurr_0,#dpDiff_0,#dbPoint_0,#dp_turnover_0,#dpName_1,#dpCurr_1,#dpDiff_1,#dbPoint_1,#dp_turnover_1{float:left;padding-left:10px;}

table {border-collapse: collapse;border-spacing: 0;border-radius: 3px;}
table thead th {border-right: 1px solid #ccc;color: #292929;text-shadow: 0 1px 0 #fff;font-size: 12px;margin-bottom: 20px;border-radius: 3px;}

tbody tr{border-radius: 3px;text-shadow: 0 1px 0 #fff;}
#tdpage {border-radius: 3px;border: 1px solid #bbb;}
