﻿/*	COMMON BEGIN
-------------------------------------------------  */
html {min-width:1260px}
body {width:100%; height:100%; margin: auto;  padding:0px; font-family:微软雅黑, Arial, Helvetica, sans-serif; font-size:12px; letter-spacing:0px;}

a {color: #114B94; text-decoration: underline;}
a:hover { color: #0057A6; text-decoration: none; }

img {border:0px;}
p {margin-bottom: 10px; line-height: 18px;}
ol,ul,li{margin:0px; padding:0px; list-style: none;}
input[type="button"],input[type="submit"],input[type="image"] {border:none; cursor:pointer;}
input[type="checkbox"],input[type="checkbox"]:hover {cursor:default;}
input[type="text"]{padding:0px; margin:0px;font-family:微软雅黑, Arial, Helvetica, sans-serif;}
textarea {}
select {vertical-align:middle;}
h1,h2,h3,h4 {margin:0px;}
h3 { font-size:1.2em;}

.global {width:100%; height:100%; }
    .global .wrapper {
        width:1260px;
        margin:auto;
    }

.global .header {margin:auto; max-height:116px; padding:0px;background: url(../Images/bg_header.jpg) no-repeat center #0F355B;}
.global .header .mainheader {}
.global .header .mainheader .logo {float:left;height:81px; vertical-align:middle;}
.global .header .mainheader .logo img {vertical-align:middle; margin:10px 0px 0px 10px;}


.global .header .mainheader .rightpart {float: left; text-align:left; width:270px; text-align:right; font-size:24px; font-weight:bold; color:#fff; margin-left:10px; margin-top:18px; border-left:2px solid #eee; height:50px; line-height:50px;}

.global .header .nav_bar {height:33px; border-top:1px solid #94B2CA; border-bottom:1px solid #C37400; margin: 0px; padding: 0px; width:100%; overflow:hidden;background: url(../Images/bg_p_nav.jpg) repeat-x top; }

/*	nav_area in center contents BEGIN
------------------------------------------------- */

ul.navigator {height: 33px; position: absolute; text-align: center; margin: 0px; padding: 0px 0px 0px 0px; z-index: 1000; }
ul.navigator li {list-style: none; color: #fff; float: left; display: block; position: relative; height: 33px; padding:0px 5px 0px 5px; background: url(../Images/nv_bg_splitter2.png) no-repeat 100% ;}
ul.navigator li:last-child { background: none; }
ul.navigator li:hover { background-color: #DFA900; }
ul.navigator li a { line-height: 33px; color: #fff; font-size: 13px; padding-left: 16px; padding-right: 16px; text-decoration: none; display: block; }
ul.navigator li a:hover {color: #ffffff; text-decoration:none; }
ul.navigator li a.dropable { background: url(../Images/nav_arrow.gif) no-repeat 99%; }

ul.navigator li.current {background: url(../Images/bg_p_nav_1.jpg) repeat-x center; } 
ul.navigator li.current a {color: #f2f2f2;}

ul.navigator li table { display: none; text-align: left; background-color: Transparent; border-collapse: collapse; border: none; border-spacing: 0px; }
ul.navigator li:hover table, .nav a:hover table { display: block; position: absolute; top: 32px; left: -1px; }
ul.navigator li:hover table a, .nav a:hover table a { float: none; background-color: #7395B5; color: #ffffff; width: 152px; padding-left: 8px; border-bottom: solid 1px #DFA900; }
ul.navigator li:hover table a:hover, .nav a:hover table a:hover { background-color: #DFA900; color: #ffffff; padding-left: 8px;  }
ul.navigator .point { cursor: default; }

/*	nav_area in center contents END
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

ul.topcontrols {margin:4px 10px auto auto; display:none;}
ul.topcontrols li {float:right;}


input.btnPrev {font-size:12px; background:url('../images/prev-next.png') no-repeat; background-position:0px 0px!important; height:20px;line-height:20px; width:20px; display:inline-block; border:none; color:#fff; margin:0px; text-align:center; vertical-align:middle;}
input.btnNext {font-size:12px; background:url('../images/prev-next.png') no-repeat; background-position:-20px 0px!important; height:20px;line-height:20px; width:20px; display:inline-block; border:none; color:#fff; margin:0px; text-align:center; vertical-align:middle;}

.global .main {padding:8px; background:#D3E0E9; border-top:1px solid #fff;  margin:auto;}

.global .main .box {border:1px solid #B1C6D9; padding:0px; margin:0px; background-color:#fff;}

.global .main table {width:100%; border-spacing:0px;  border:none; padding:0px; margin:0px;}
.global .main table.major td {padding:0px;margin:0px; vertical-align:top;background-color:#D3E0E9;}
.global .main table.major td.t_l {width:250px!important; vertical-align:top;}
.global .main table.major td.t_c {font-size:9px; font-family:'Segoe UI'; width:10px;}
.global .main table.major td.t_r {}

.factor_subject {background: url(../Images/bg_p_m3.jpg) repeat-x center; height:29px; line-height:29px; margin:6px 6px 6px 6px ; padding-left:6px; color:#fff; }
.factor_subject .factor_subjectname{background: url(../Images/btn_fold.jpg) no-repeat left; height:29px; line-height:29px; margin:0px 10px 0px 10px; padding-left:20px; color:#fff; cursor:pointer;}
ul.factors {margin:0px 20px 3px 20px;}
ul.factors li {background: url(../Images/bg_factor.gif) no-repeat 5px 5px; line-height:20px;height:20px; margin-bottom:1px; padding-left:20px; cursor:pointer;}
ul.factors li.selected {background-color:#E4C11F;} 

.global .main .box table.options {margin:10px; width:90%; background-color:#fff;}
.global .main .box table.options td {background-color:#fff; height:30px; line-height:30px;}
.global .main .box table.options td.t_l {width:50px!important; vertical-align:top;}
.global .main .box table.options td.t_r {}
.global .main .box table.options td input { height:22px; line-height:22px;}
.global .main .box table.options td input[type='radio'] {vertical-align:middle; padding:0px; margin:0px;}

.global .main table.major td.t_r .box {min-height:600px;}
.global .main table.major td.t_r .box .controlbar {min-height:46px; border-bottom:1px solid #B1C6D9;background: url(../Images/bg_p_m2.jpg) no-repeat 0% 40% #D2DEEA; padding-left:100px;}
.global .main table.major td.t_r .box .controlbar ul.periods {float:left; padding-top:9px; padding-bottom:3px; width:545px;}
.global .main table.major td.t_r .box .controlbar ul.periods li {float:left; font-size:12px; height:16px; width:16px; display:inline-block; margin:1px 1px 17px 0px; background-color: #75ACE4; color: #75ACE4; cursor:pointer; }
.global .main table.major td.t_r .box .controlbar ul.periods li .cell {visibility:hidden;}
.global .main table.major td.t_r .box .controlbar ul.periods li.alter {background-color: #2375E1; color: #2375E1; }
.global .main table.major td.t_r .box .controlbar ul.periods li.current {background-color: #c00000!important; color: #c00000!important; }
.global .main table.major td.t_r .box .controlbar ul.periods li.leadingSpace {margin-left:16px;}

.global .main table.major td.t_r .box .controlbar ul.controls {width:265px; text-align:right; margin-right:6px; float:right; padding-top:9px;}
.global .main table.major td.t_r .box .controlbar ul.controls li {float:left; height:24px;line-height:24px; min-width:24px; margin-right:3px;  display:inline-block; color: #333; }
.global .main table.major td.t_r .box .controlbar ul.controls li img {cursor:pointer; height:24px; }
.global .main table.major td.t_r .box .controlbar ul.controls li.speed {width:50px;}

.global .main table.major td.t_r .box .pnlSlideshow {max-width:1500px; padding:3px;}
.global .main table.major td.t_r .box .pnlSlideshow {cursor:default;}
.global .main table.major td.t_r .box .pnlSlideshow img {border:1px solid #eee; border-radius:3px; padding:2px 2px 0px 2px; margin:4px;cursor:default; max-width:800px;}

.btnSelectStation {float:right; background: url('/resources/images/maps.png') no-repeat center; margin:7px 3px 0px 3px; padding: 0px 5px 0px 5px; width:36px; height: 24px; line-height: 24px; color: #ff6a00; background-color: #eee;  border:1px #aaa solid;box-shadow: #B1C6D9 1px 1px 1px;behavior: url(../scripts/pie.htc);text-decoration: none; }


input.btnSelectStation {font-size:14px; background:url('../images/btnSelectStation.png') no-repeat; background-position:0px 0px!important; height:30px;line-height:30px; width:150px; border:none; color:#fff; padding:0px; margin:0px; text-align:center;}
input.btnSelectStation:hover {font-size:14px; background:url('../images/btnSelectStation.png') no-repeat; background-position:0px -30px!important; color:#fff; }


/*	footer BEGIN
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.footer {color: #f5f5f5; padding:5px 10px 3px 10px; margin:0px; line-height:18px; text-align:center;background-color:#6D9BB3; }

.footer .copyright {font-size:1em;}
.footer .copyright a {color:#f2f2f2; padding:0px 10px 0px 10px; margin:0px 10px 0px 10px; height:12px; line-height:12px; text-decoration:underline;}
.footer .designer {position:absolute; bottom:0px; right:5px; height:24px;font-family:Arial, Verdana; font-size:10px; color: #63A74A;}
.footer .designer a {font-family:Arial, Verdana; font-size:10px; color: #63B04A; text-decoration:none; cursor:default; }
/*	footer END
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/*	MessageBox BEGIN
------------------------------------------------- */
.message_box {text-align:left; padding:10px 0px 10px 0px; width:100%; margin:auto;}
.message_box .message_box_note {margin:10px; padding-bottom:2px; color:#88ac2e; text-indent:20px; line-height:28px; font-size:15px; font-weight:bold;}
.message_box .message_box_note .clear {border-bottom:1px dotted #88ac2e; height:1px; padding:0px; margin:0px;}
.message_box table {color:#333; width:100%; margin-left:10px;}
.message_box table td {height:24px; line-height:24px; vertical-align:middle;}
.message_box table td.name{width:80px; padding-left:20px;}
.message_box table td.value{width:430px; text-align:left;}
.message_box table td.value input {border:solid 1px #ccc; border-radius:3px; vertical-align:middle; width:99%;height:24px; line-height:24px;}
.message_box table td.value textarea {border:solid 1px #ccc;  border-radius:3px; vertical-align:middle; width:98%;}

.message_box table.submit{color:#333; width:auto; margin-left:30px; border-collapse:collapse;}
.message_box table.submit td {height:20px; line-height:20px;vertical-align:middle; padding:0px; margin:0px; border-radius:3px;}

.message_box table.submit input.verifycode{margin-left:1px;font-weight:bold; height:16px; vertical-align:middle; border:solid 1px #aaa; border-radius:2px; }
.message_box table.submit input.btn {width:90px; margin-top:1px!important; border:none; padding:0px;}
.message_box table.submit select {background-color:#FFF;border:none;border:solid 1px #cccccc;vertical-align:middle;}
.message_box table.submit img {padding:0px; margin:0px; vertical-align:middle;}

.PromptError	{color:#CC0000; background-color:#f2f2f2; font-weight:bold; border:solid 1px #dddddd; margin:0px; padding:8px!important; text-indent:0px!important; line-height:20px; display:block;}
.PromptWarning	{color:#FF9900; background-color:#f2f2f2; font-weight:bold; border:solid 1px #dddddd; margin:0px; padding:8px!important; text-indent:0px!important; line-height:20px; display:block;}
.PromptSucceed	{color:#88ac2e; background-color:#f2f2f2; font-weight:bold; border:solid 1px #dddddd; margin:0px; padding:8px!important; text-indent:0px!important; line-height:20px; display:block;}
.Prompt	{color:#333333; background-color:#f2f2f2; font-weight:bold; border:solid 1px #dddddd; margin:0px; padding:8px!important; text-indent:0px!important; line-height:20px; display:block;}

.op_succeed {background-color:#F5F5F5; color:#73B74A; height:24px; line-height:24px; text-align:center; font-size:12px; font-weight:bold; }
.op_warning {background-color:#FF9900; color:#ffffff; height:24px; line-height:24px; text-align:center; font-size:12px; font-weight:bold; }
.op_failed  {background-color:#C00000; color:#ffffff; height:24px; line-height:24px; text-align:center; font-size:12px; font-weight:bold; }

/*	MessageBox END
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.aToolTip{border:1px solid #e7e7e7;background:#f2f2f2;color:#2c8bce;margin:0;padding:0px 3px 0px 3px;}
.aToolTip p.aToolTipContent{position:relative;margin:0;padding:0;}
.aToolTip a.aToolTipCloseBtn{display:block;height:18px;width:18px;background:url(../Images/closeBtn.png) no-repeat;text-indent:-9999px;outline:none;position:absolute;top:-15px;right:-15px;margin:2px;padding:4px;}


.greenlight {color:#BED73A!important;}
.green		{color:#87c80a!important;}
.greendark	{color:#73B74A!important;}
.purple		{color:#d40072!important;}
.white		{color:#FFFFFF!important;}
.blue		{color:#0057A6!important;}
.blue1		{color:#2c8bce!important;}
.bluedark	{color:#015597!important;}
.bluelight	{color:#00AEEF!important;}
.yellow		{color:#FDE92A!important;}
.orangelight{color:#FDBA63!important;}
.orange		{color:#f4aa00!important;}
.orangedark	{color:#E86E33!important;}
.gray		{color:#A8A9AC!important;}
.darkgray	{color:#666666!important;}
.reddard	{color:#E44045!important;}
.red		{color:#FF0000!important;}

.bgPink		{background-color:#F09FC1!important;}
.bgWhite	{background-color:#FFFFFF!important;}
.bgSmoke	{background-color:#f7f7f7!important;}
.bgGreenlight {background-color:#BED73A!important;}

a.green {color:#87c80a;} a.green:hover {color:#87c80a;}
a.purple{color:#d40072;} a.purple:hover{color:#d40072;}
a.blue  {color:#2c8bce;} a.blue:hover  {color:#2c8bce;}
a.orange{color:#f4aa00;} a.orange:hover{color:#f4aa00;}
a.gray  {color:#A8A9AC;} a.gray:hover  {color:#A8A9AC;}
a.red   {color:#E44045;} a.red:hover   {color:#E44045;}

input.btn {font-size:12px; background:url('../images/btn_bg.png') no-repeat;background-position:0px 0px!important; width:90px;height:20px; border:none; color:#666666!important; margin:0px; cursor:pointer;}
input.btn:hover {font-size:12px; background:url('../images/btn_bg.png') no-repeat;background-position:0px -20px!important; color:#333333!important;}
a.btn {font-size:12px; background:url('../images/btn_bg.png') no-repeat;background-position:0px 0px!important; width:90px; height:20px; line-height:20px; display:inline-block; border:none; color:#666666!important; margin:0px; text-align:center;}
a.btn:hover {font-size:12px; background:url('../images/btn_bg.png') no-repeat;background-position:0px -20px!important; color:#333333!important; text-decoration:none;}

input.btnDisabled {font-size:12px; background:url('../images/btn_bg.png') no-repeat;background-position:-90px 0px!important; width:120px;height:20px; border:none; color:#ffffff!important; margin:0px; cursor:pointer;}
a.btnDisabled {font-size:12px; background:url('../images/btn_bg.png') no-repeat;background-position:-90px 0px!important; width:120px;height:20px; border:none; color:#ffffff!important; margin:0px; cursor:pointer;}

a.btnGray {font-size:12px; background:url('../images/btn_bg.png') no-repeat; background-position:-90px 0px!important; width:120px; height:20px; line-height:20px; display:inline-block; border:none; color:#666666!important; margin:0px; text-align:center;}
a.btnGray:hover {font-size:12px; background:url('../images/btn_bg.png') no-repeat; background-position:-90px -20px!important;}
input.btnGray {font-size:12px; background:url('../images/btn_bg.png') no-repeat; background-position:-90px 0px!important; height:20px; width:120px; color:#666666; border:none;}
input.btnGray:hover {font-size:12px; background:url('../images/btn_bg.png') no-repeat; background-position:-90px -20px!important; }

a.btnYellow {font-size:12px; background:url('../images/btn_bg.png') no-repeat; background-position:-210px 0px!important; height:20px;line-height:20px; width:120px; display:inline-block; border:none; color:#fff; margin:0px; text-align:center;}
a.btnYellow:hover {font-size:12px; background:url('../images/btn_bg.png') no-repeat; background-position:-210px -20px!important; color:#fff; }
input.btnYellow {font-size:12px; background:url('../images/btn_bg.png') no-repeat; background-position:-210px 0px!important; height:20px; width:120px; color:#ffffff; border:none; font-weight:bold;}
input.btnYellow:hover {font-size:12px; background:url('../images/btn_bg.png') no-repeat; background-position:-210px -20px!important; }

a.btnBlue {font-size:12px; background:url('../images/btn_bg.png') no-repeat; background-position:-330px 0px!important; height:20px;line-height:20px; width:120px; display:inline-block; border:none; color:#fff; margin:0px; text-align:center;}
a.btnBlue:hover {font-size:12px; background:url('../images/btn_bg.png') no-repeat; background-position:-330px -20px!important; color:#fff; }
input.btnBlue {font-size:12px; background:url('../images/btn_bg.png') no-repeat; background-position:-330px 0px!important; height:20px; width:120px; color:#ffffff; border:none; font-weight:bold;}
input.btnBlue:hover {font-size:12px; background:url('../images/btn_bg.png') no-repeat; background-position:-330px -20px!important; }

a.btnBlueBig {font-size:12px; background:url('../images/btn_big.png') no-repeat; background-position:-360px 0px!important; height:40px;line-height:40px; width:180px; display:inline-block; border:none; color:#fff; margin:0px; text-align:center;}
a.btnBlueBig:hover {font-size:12px; background:url('../images/btn_big.png') no-repeat; background-position:-360px -40px!important; color:#fff; }
input.btnBlueBig {font-size:12px; background:url('../images/btn_big.png') no-repeat; background-position:-360px 0px!important; height:40px; width:180px; color:#ffffff; border:none; font-weight:bold;}
input.btnBlueBig:hover {font-size:12px; background:url('../images/btn_big.png') no-repeat; background-position:-360px -40px!important; }

a.btnGreen {font-size:12px; background:url('../images/btn_bg.png') no-repeat; background-position:-450px 0px!important; height:20px;line-height:20px; width:120px; display:inline-block; border:none; color:#fff; margin:0px; text-align:center;}
a.btnGreen:hover {font-size:12px; background:url('../images/btn_bg.png') no-repeat; background-position:-450px -20px!important; color:#fff; }
input.btnGreen {font-size:12px; background:url('../images/btn_bg.png') no-repeat; background-position:-450px 0px!important; height:20px; width:120px; color:#ffffff; border:none; font-weight:bold;}
input.btnGreen:hover {font-size:12px; background:url('../images/btn_bg.png') no-repeat; background-position:-450px -20px!important; }

.left {float: left;} .right {float: right;} .clear{clear:both; font-size:0; height:0px; border:none;}
.tleft {text-align: left;} .tright {text-align: right;} .tcenter {text-align: center;}
.bold {font-weight:bold;}
 .ft10 {font-size:10px;}  .ft11 {font-size:11px;}  .ft12 {font-size:12px;}  .ft15 {font-size:15px;}  .ft20 {font-size:20px;}

.demo { margin:0px 0px 12px 0px; background-color:#f2f2f2; padding:5px 10px 5px 10px; height:24px; line-height:24px; vertical-align:baseline;}
input[type='checkbox'] {vertical-align:baseline;}