body{ margin: 0 auto; padding: 0px; width: 1120px; font-size: 13px; font-family: verdana; color: #4f4f4f; background: #adcae5 url("images/bodybg.png") repeat left top! important;}
a {
    /*text-decoration: none;*/
    color: #336799;
}
a:hover{ color: #00a4ff;}
a:active{ color: #b22234;}
.clearfix:before,
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

/* Skip to content link */
#skip{ }
#skip a, #skip a:hover, #skip a:visited 
{ 
    position:absolute; 
    display: block; background: #ffffff; width: 175px; height: 18px;
    left:0px; 
    top:-500px; 
    width:1px; 
    height:1px; 
    overflow:hidden;
} 

#skip a:active, #skip a:focus 
{ 
    position:static; 
    width:auto; 
    height:auto; 
}

/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom:1;
}

.radius5{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.radius10{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.radius15{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

.clearfix {	display: inline-block;}
html[xmlns] .clearfix {	display: block;}

* html .clearfix {	height: 1%;}

h1,h2,h3,h4,h5{ color: #003b6f;}
h1,h2{ font-family: "Segoe UI","verdana"; font-weight: 500;}
.success{ color: #4F8A10;}
div.success{ margin: 10px 4px; padding: 5px 5px 5px 27px; background: url("images/icon_successful.gif") no-repeat 5px 5px; border: 1px solid #4F8A10; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }
.error{ color: #D8000C;}
div.error{ margin: 10px 4px; padding: 5px 5px 5px 25px; background: url("images/errorIcon.png") no-repeat 5px 5px; border: 1px solid #D8000C; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }
input[type=text].error,input[type=password].error {border: 1px solid #D8000C !important;}
.clsbutton {
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
    background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    background-color:#ededed;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #dcdcdc;
    display:inline-block;
    color:#000044;
    font-family:arial;
    font-size:15px;
    font-weight:bold;
    padding:6px 24px;
    text-decoration:none;
    text-shadow:1px 1px 0px #ffffff;
    cursor: pointer;
}.clsbutton:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
    background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
    background-color:#dfdfdf;
}.clsbutton:active {
    position:relative;
    top:1px;
}
a.clsbutton{color: #000044;}

td{ vertical-align: top;}
#viewpage{width: 1120px; padding: 0 10px;  margin: 0 auto;}

#header{ position: relative; margin: 0 auto; width: 1120px; height: 160px; background: #ffffff;}
#header .top{ float: left; padding: 5px 0 0 15px; width: 390px; height: 40px;  line-height: 20px; color: #efefef; font-weight: bold;}
#header .top a{ color: #efefef;}
#header .top a:hover{ color: #ffffff;}
#header .top img{width: 300px; height: 40px;}
#header .banner{ float: left; margin: 7px 0 0 45px; width: 678px; height: 50px; overflow: hidden;}
#header .banner h1{ display: inherit; margin: 0;}
#header .banner a{ display: block; height: 100%; width: 100%; font-size: 35px; font-weight: bold; text-decoration: none; color: #002A6C;}
#header .banner a:hover{ color: #336799;}

#header .menu{ clear: both; float: left; margin: 17px 0 0 -10px; padding: 0 0 10px 0; height: 30px; width: 1090px; background: url("images/menubg.png") no-repeat left bottom;}
#header .menu ul {margin: 0px; padding: 0px 10px 0px 30px; background: #d41247; height: 31px; width: 100%; list-style: none outside none;}
#header .menu li { float: left; position: relative;  margin:0 0px 0 0;padding:0 0 0 0px;  height: 31px;}
#header .menu li a{ display: block; padding: 0 8px; color: #ffffff; line-height: 31px; text-decoration:  none; border-left: 1px solid #df99a2; }
#header .menu li a:hover {color: #fff; background: #af4c59;}
#header .menu li a.active{ background: #004890; color: #fff; border-right: 1px solid #2f0006;}
#header .menu > ul > li:hover ul.sub{ display: block;}
#header .menu ul.sub{ display: none; position: absolute; z-index: 10; left: 0px; top: 31px; margin: 0px; padding: 0px; width: 200px; background: #af4c59; }
#header .menu ul.sub li{ float: none; width: max-content;}

#header .overimage{ position: absolute; z-index: 10; top: 0px; right: 10px; height: 150px; width: 275px;}
#header .overimage img{ height: 150px; width: 275px;}

#main { overflow: hidden; padding: 15px 0 25px; background: #fff; min-height: 200px; }

#mleft { float: left;  width: 265px; margin:0 0 0 15px;}
#mleft .menu {width: 265px;}
#mleft .menu .head {width: 265px;}
#mleft .menu .body { border:7px solid #336699;}
#mleft .menu .foot{ height: 12px; background: url("images/leftmenubg.png") no-repeat center bottom;}
#mleft .menu ul {margin: 0px;padding:10px 0; list-style: none outside none;}
#mleft .menu li {margin: 0px;padding:0 15px; height: 30px; line-height: 30px; background: url("images/arrow.png") no-repeat 5px 13px;}
#mleft .menu li a {color: #336699; letter-spacing: -1px;}
#mleft .menu li a:hover {color: #ff5a00;}

#mcontent {float: left; padding: 0 0 0 15px; width: 800px; min-height: 200px;}

#path { margin: 0 0 5px; padding: 0 0 12px; height: 23px; line-height: 21px; background: url("images/pathbg.png") no-repeat left bottom;}
#path ul {        margin: 0px;  height: 23px;        padding: 0; background: #edf6ff; list-style: none outside none;border: 1px solid #336699; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;    }
#path li { float: left;        margin:0 0 0 6px;        padding: 0 15px 0 2px; height: 23px;        background: url("images/path_separator.png") no-repeat right center;    }
#path li:first-child { padding-left: 5px;        }
#path li a:hover{ color: #b22234;}

.test_title{ color: #b22234; font-size: 15px;}

.login{ margin: 10px 0 0 20px;}
.login .row{clear: left; min-height: 35px; }
.login .leftLabel{ float: left; margin: 0px 0 0; min-height: 30px; line-height: 30px; width: 150px;}
.login .required{ color: #b22234;}
.login .rightInput{ float: left; margin: 0px 0 0; min-height: 30px; line-height: 30px; width: 220px;}    
.login .rightInput input{ margin: 1px; height: 25px; width: 200px; border: 1px solid #99bedf; }
.login .rightInput textarea{ margin: 1px; min-height: 45px; min-width: 400px; border: 1px solid #99bedf; }
.login .rightInput select{ margin: 1px; height: 25px; width: 200px; border: 1px solid #99bedf; }
.login .submitbtn{ margin: 1px auto; padding: 10px; clear: both;}
.login .submitbtn input{ margin: 0 0 0 200px;}



.ui-tabs-vertical { font-size: 12px;  }
.ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left;  }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
.ui-tabs-vertical .ui-tabs-nav li a { display:block; }   


.ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right;}
.ui-progressbar{ margin: 15px 0; height: 15px; background: #a8bccf;}
.ui-progressbar-value{ background: #b22234 url("images/progressbarbg.gif") repeat-x left center;}
.ui-progressbar {position: relative;}
.progress-label {position: absolute;left: 50%;top: 4px;font-weight: bold;text-shadow: 1px 1px 0 #fff;}

.area{}       
.area .ui-tabs-vertical{ width: auto; }
.area .ui-tabs-vertical .ui-tabs-nav{width: 130px; }
.area .ui-tabs-vertical .ui-tabs-panel{width: 620px;}
.area .ui-tabs .ui-tabs-nav li{ white-space: normal; }
.area .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: 3px; border-right-width: 1px; border-right-width: 1px; }
.area .ui-tabs .ui-tabs-nav li a{ float: none; background: url("images/checked.png") no-repeat 2px center; font-size: 15px; font-weight: bold;}
.area .ui-tabs .ui-tabs-nav li a.nocheck{ background-image: none; color: #7f0f0f;}
.area #progressBar{ margin: 15px 0;}
.area fieldset{ border: 0 none; padding: 0; margin: 0;}
.area fieldset legend{ display: none;}
.area .qtext{ padding: 8px 0; font-size: 1.1em; font-weight: bold;}
.area .row{ overflow: hidden; clear: left; margin: 5px 0 10px 5px;}   
.area .row .c{ float: left; margin: 3px; width: 14px; height: 14px;}
.area .row .t{ margin: 0 0 0 22px;}
.area .foot{ margin: 10px;}

.viewanswers{}
.viewanswers fieldset{ margin: 5px 0 15px;}
.viewanswers legend{ font-size: 17px; font-family:  "Segoe UI","verdana"; font-weight: 500; color: #1b476f;}        
.viewanswers .edit{ display: block; float: right; margin: 5px 0px 0 0; padding: 0 0 0 18px; height: 20px; width: 97px; background:  #316b9f url("images/editbutton_2.png") no-repeat left center;  color: #a4d1e0;}
.viewanswers .edit:hover{color: #ffffff;}
.viewanswers ol{ margin: 10px 0 0 0px; padding: 0 0 0 25px; font-weight: bold;}
.viewanswers ol li{ margin-bottom: 14px; padding: 0;}            
.viewanswers dl{ clear: none; margin: 0 0 5px; padding: 0px;}
.viewanswers dt{ margin: 0 0 5px; padding: 0px; }
.viewanswers dd.option{ margin: 0 55px 0 10px; padding-left: 20px;  background: url("images/checkpoint.png") no-repeat left 4px; font-weight: normal; }
.viewanswers dd.option_miss{ margin: 0 0 0 10px; padding-left: 20px;  background: url("images/checkpoint_miss.png") no-repeat left 4px; font-weight: normal; }
.viewanswers dd.edit_option{ display: block; float: right; margin: 0px 0px 0 0; padding: 0 0 0 18px; height: 18px; line-height: 18px; width: 32px; background:  url("images/editbutton_3.png") no-repeat left center;  color: #a4d1e0;}
.viewanswers dd.edit_option a{ color: #003366; font-size: 10.5px; text-decoration: none;}
.viewanswers dd.edit_option a:hover{ color: #7f0f0f; }
.viewanswers .foot{ margin: 10px 0px;}

#result{}
#result .blue_bar{ background-color: #316b9f;padding: 4px;color: #fff;}
#result .note{}
#result .note td{  height: 89px; vertical-align: bottom;  font-size: 18px; font-weight: bold; color: #fff; text-align: center;}
#result .note .title{ width: 350px; font-size: 13px; font-weight: normal; color: #666666; text-align: left;}
#result .note .level{width: 450px; height: 89px; }
#result .note img{ display: block; float: left; margin: 0 0 0 5px; }
#result .note .adhoc{ padding:0 0 0 0px; width: 131px; height: 98px;  }
#result .note .organized{ padding:0 0 0px;  width: 143px; height: 98px;}
#result .note .integrated{ padding:0 0 0 0px; width: 152px; height: 98px;}

#result .chart_all{ padding: 0 0 25px; width: 100%;}
#result .chart_all table{ margin: 15px 0 0; font-size: 12px; letter-spacing: -1px;}
#result .chart_all .chart_description{width: 100%; padding: 10px 0 0 30px;}
#result .chart_all .chart_description td{padding: 4px 0;}
#result .chart_all div.color{width: 15px; height: 15px; float: left; margin: 1px 3px 1px 1px;}

#result .dongmo{ margin: 5px; padding: 0 10px; text-align: right;}
#result .details{ margin: 10px 0 20px;}

#result .details a {text-decoration: underline;   color: #336699;}
#result .details a:hover{ color: #00a4ff;}
#result .details .mo{ display: block; background: #fff; border: 1px solid #c3d5df;}
#result .details .dong{ display: none;}
#result .details .area{ clear: both; overflow: hidden;padding: 10px; font-size: 11.5px;}
#result .details .area .chart{ float: left; padding: 5px; width: 200px; height: 200px; border: 1px solid #dcdcdc;}
#result .details .area .desc{ float: left; margin-left: 10px; width: 450px; min-height: 175px;}
#result .details .area .consider{ float: left; width: 385px;}
#result .details .area ul{ margin: 10px 0; padding: 0 0 0 15px;}
#result .details .area li{ margin: 5px 0; padding: 0 0 0 0px;}
#result .details .area .resource{ float: right; width: 390px;}
#result .details .area h4{width: 98%; font-size: 12.5px; }
#result .details .area h5{ margin: 6px 0; font-size:  11px; color: #3F3F3F;}
#result .details .area .morebtn{ display: block; clear: both; padding: 5px 20px; text-align: right;}
#result .details h3{ margin: 2px 0; padding: 5px 15px; height: 25px; line-height: 25px; font-size: 15.5px; background: #dfdfdf  url("images/iconshowhide.png") no-repeat 99% 7px;}
#result .details h3.active{ background: #316b9f url("images/iconshowhide.png") no-repeat 99% -24px; color: #ffffff;}
#result .details h3.no-active2{ background: #dfdfdf  url("images/iconshowhide.png") no-repeat 99% -24px;}

.resultlist{}
.resultlist .member_name{ margin: 10px 0;  font-weight: bold; font-family: Arial, Helvetica, "sans-serif";}
.resultlist .tabletest{}

.resultlist .tabletest a.btn { display: block; float: left; margin: 0 5px; height: 18px; width: 18px; text-indent: -999px; overflow: hidden; }
.resultlist .tabletest a.view{background: url("images/viewicon2.gif") no-repeat center center;}
.resultlist .tabletest a.rename{background: url("images/renicon.png") no-repeat center center;}
.resultlist .tabletest a.edit{background: url("images/editicon2.png") no-repeat center center;}
.resultlist .tabletest a.del{background: url("images/deleteicon.gif") no-repeat center center;}


.input_short{ width: 40px;}
.score{
    color: #d41247;
}
.choice_input{ display: none;}
.choice_input .last_input{ float: left; margin: 0 0 5px; padding: 5px; text-align: left;}
.choice_input{ margin: 0px 0 0; padding: 5px 5px 10px; font-weight: normal; background: #dfeeff; border: 1px solid #c2d7ef; }
.choice_input textarea{ margin: 0 0 5px; padding: 5px; width: 98.5%; text-align: left;}
.choice_tool{ text-align: right;}
.row{
    margin-bottom: 4px;
}
.cols{
    clear: both;
    padding: 5px 0px;
}
.col1{
    float: left;
    width: 49%;
}
.col2{
    float: right;
    width: 49%;
}

.col78{
    float: left;
    width: 78%;
}
.col20{
    float: right;
    width: 20%;
    text-align: right;
}
.choice_command{

}

#manage_indicator{ }
#manage_indicator #dialog{
    display: none;
    position: fixed;
    z-index: 9001;
    margin-left: -200px;
    left: 50%;
    width: 400px;
    padding: 10px;
    background: #fff;
}
#manage_indicator input[type=text], #manage_indicator textarea{ border: 1px solid #B9B1B1;}
#manage_indicator .q_input{ display: none;}
#manage_indicator .question { margin: 10px; padding: 0 0 0 15px; list-style-type: decimal;}
#manage_indicator .question li {clear:  both; margin: 0; padding: 5px 5px 10px; font-weight: bold;}
#manage_indicator .question li:hover .inner{
    background: #efefef; 
}
#manage_indicator .question li > .inner{ float: left;  padding:  0px ;  }
#manage_indicator .question .q_detail{ float: left; width: 570px; margin: 0px 0 0; font-weight: normal;}
#manage_indicator #new_indicator .q_input{ margin: 0px 0 0; padding: 5px 5px 10px; width: 775px; font-weight: normal; background: #dfeeff; border: 1px solid #c2d7ef; text-align: left;}
#manage_indicator #new_indicator .q_input textarea{ margin: 0 0 5px; padding: 5px; width: 98.5%; text-align: left;}
#manage_indicator .q_input input[type=text]{ float: left; margin: 0 0 5px; padding: 5px; width: 75%; text-align: left;}

#manage_indicator .question .q_input{ margin: 0px 0 0; padding: 5px 5px 10px; width: 735px; font-weight: normal; background: #dfeeff; border: 1px solid #c2d7ef; }
#manage_indicator .question .q_input textarea{ margin: 0 0 5px; padding: 5px; width: 98.5%; text-align: left;}

#manage_indicator .question .q_command{  float: right; padding: 1px 10px; width: 160px; text-align: right;}
#manage_indicator .question .clsbutton { padding: 2px 6px; font-size: 11px; width: 35px; text-align: center;}
#manage_indicator .question .clsbutton:hover { border: 1px solid #9f9f9f; }
#manage_indicator .question .clsbutton .ui-icon{ float: none; display: inline-block; }
#manage_indicator .tool{ text-align: right;	}

.btn_subitem{
    text-decoration: none;
}


#manage_intervention{ }
#manage_intervention  #dialog{
    display: none;
    position: fixed;
    z-index: 9001;
    margin-left: -200px;
    left: 50%;
    width: 400px;
    padding: 10px;
    background: #fff;
}
#manage_intervention h4,#manage_intervention h5{ margin: 5px 0; font-size: 13px; }
#manage_intervention h5{ display: inline; }
#manage_intervention .dongmo{ margin: 5px; padding: 0 10px; text-align: right;}


#manage_intervention .details{ margin: 10px 0 20px;}
#manage_intervention .details a {text-decoration: underline;   color: #336699;}
#manage_intervention .details a:hover{ color: #00a4ff;}
#manage_intervention a.edit{ font-weight: 700; }
#manage_intervention .details .mo{ display: block; background: #fff; border: 1px solid #c3d5df;}
#manage_intervention .details .dong{ display: none;}
#manage_intervention .details .choice{ clear: both; overflow: hidden;padding: 10px; font-size: 11.5px;}
#manage_intervention .details .choice .item{ clear: both;   margin: 0px 0 5px; padding: 5px 3px;}
#manage_intervention .details .choice .item:hover{ background:#effcff; }
#manage_intervention .details .intervention{ float: left; width: 380px;}
#manage_intervention .details .resource{ float: right; width: 380px;}
#manage_intervention .details .choice ul{ margin: 10px 0; padding: 0 0 0 15px;}
#manage_intervention .details .choice li{ margin: 5px 0; padding: 0 0 0 0px;}
#manage_intervention .details .choice .resource{ float: right; width: 390px;}
#manage_intervention .details .choice h4{width: 98%; font-size: 12.5px; }
#manage_intervention .details .choice h5{ margin: 6px 0; font-size:  11px; color: #3F3F3F;}
#manage_intervention .details .choice .morebtn{ display: block; clear: both; padding: 5px 20px; text-align: right;}
#manage_intervention .details h3{ margin: 2px 0; padding: 5px 15px; height: 25px; line-height: 25px; font-size: 15.5px; background: #dfdfdf  url("images/iconshowhide.png") no-repeat 99% 7px;}
#manage_intervention .details h3.active{ background: #316b9f url("images/iconshowhide.png") no-repeat 99% -24px; color: #ffffff;}
#manage_intervention .details h3.no-active2{ background: #dfdfdf  url("images/iconshowhide.png") no-repeat 99% -24px;}

.tabletest {
    margin:0 0 20px;padding:0px;
    width:99%;
    box-shadow: 5px 5px 3px #888888;
    border:1px solid #e5e5e5;

    -moz-border-radius-bottomleft:0px;
    -webkit-border-bottom-left-radius:0px;
    border-bottom-left-radius:0px;

    -moz-border-radius-bottomright:0px;
    -webkit-border-bottom-right-radius:0px;
    border-bottom-right-radius:0px;

    -moz-border-radius-topright:0px;
    -webkit-border-top-right-radius:0px;
    border-top-right-radius:0px;

    -moz-border-radius-topleft:0px;
    -webkit-border-top-left-radius:0px;
    border-top-left-radius:0px;
}.tabletest table{
    width: 100%;
    height:100%;
    margin:0px;padding:0px;
}.tabletest tr:last-child td:last-child {
    -moz-border-radius-bottomright:0px;
    -webkit-border-bottom-right-radius:0px;
    border-bottom-right-radius:0px;
}
.tabletest table tr:first-child td:first-child {
    -moz-border-radius-topleft:0px;
    -webkit-border-top-left-radius:0px;
    border-top-left-radius:0px;
}
.tabletest table tr:first-child td:last-child {
    -moz-border-radius-topright:0px;
    -webkit-border-top-right-radius:0px;
    border-top-right-radius:0px;
}.tabletest tr:last-child td:first-child{
    -moz-border-radius-bottomleft:0px;
    -webkit-border-bottom-left-radius:0px;
    border-bottom-left-radius:0px;
}.tabletest tr:hover td{

}
.tabletest tr:nth-child(odd){ background-color:#e5e5e5; }
.tabletest tr:nth-child(even)    { background-color:#ffffff; }.tabletest td{
    vertical-align:middle;


    border:1px solid #e5e5e5;
    border-width:0px 1px 1px 0px;
    text-align:left;
    padding:7px;
    font-family:Arial;
    font-weight:normal;
    color:#000000;
}.tabletest tr:last-child td{
    border-width:0px 1px 0px 0px;
}.tabletest tr td:last-child{
    border-width:0px 0px 1px 0px;
}.tabletest tr:last-child td:last-child{
    border-width:0px 0px 0px 0px;
}
.tabletest tr:first-child td{
    background:-o-linear-gradient(bottom, #316b9f 5%, #316b9f 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #316b9f), color-stop(1, #316b9f) );
    background:-moz-linear-gradient( center top, #316b9f 5%, #316b9f 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#316b9f", endColorstr="#316b9f");	background: -o-linear-gradient(top,#316b9f,316b9f);

    background-color:#316b9f;
    border:0px solid #e5e5e5;
    text-align:center;
    border-width:0px 0px 1px 1px;
    font-size:14px;
    font-family:Arial;
    font-weight:bold;
    color:#ffffff;
}
.tabletest tr:first-child:hover td{
    background:-o-linear-gradient(bottom, #316b9f 5%, #316b9f 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #316b9f), color-stop(1, #316b9f) );
    background:-moz-linear-gradient( center top, #316b9f 5%, #316b9f 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#316b9f", endColorstr="#316b9f");	background: -o-linear-gradient(top,#316b9f,316b9f);

    background-color:#316b9f;
}
.tabletest tr:first-child td:first-child{
    border-width:0px 0px 1px 0px;
}
.tabletest tr:first-child td:last-child{
    border-width:0px 0px 1px 1px;
}
.tabletest th{background: #002A6C; color: #ffffff;}

#viewchart #overchart { position: absolute; z-index: 2; top: 0px; left: 0px;  width: 100%; }

.home{}    
.home .block{ clear: both; margin: 20px -20px 0 0; width: 830px;} 
.home .column{ margin: 15px 10px 0 0; width: 260px; height: 356px; float: left; border: 1px solid #004890;} 
.home .column.last{margin: 15px 0 0 0;}
.home .block .head{ padding: 0 0 0 10px; height: 35px; line-height: 35px; background: #004890; border-bottom: 2px solid #6699cc; font-size: 0.9em; color: #ffffff; font-weight: bold;} 
.home .block .head a{ color: #ffffff;}
.home .block .body{ overflow: hidden; padding: 5px 10px; background: url("images/homebox.png") repeat-x left top;}




#mright { float: left;    width: 270px; margin:0 0 0 20px ;}
#mright .login{ margin: -10px 0 20px; padding: 0 0 20px; background: url("images/loginbg_bottom.png") no-repeat center bottom; font-size: 11px;}
#mright .login .body{ padding: 45px 15px 5px; background: url("images/loginbg_top.png") no-repeat center top; }

#mright .login .foot{ padding: 0px 10px 20px;}
#mright .login label{ display: none;}
#mright .login .txt{ padding: 0 10px; width: 230px; height: 35px; background: url("images/login_txt.png") no-repeat left center; line-height: 35px; border: 0px none;}
#mright .login .btn{ float: right; margin: 10px 0 10px; padding: 0 5px; width: 91px; height: 29px; background: url("images/login_submit.png") no-repeat left center; border: 0px none;}
#mright .login .btn:hover{ color: #dfddc3;}
#mright .login .btn:active{  background: url("images/login_submit2.png") no-repeat left center;}
#mright .login .ckb{ float: left; margin: 10px 0 10px; padding: 0 5px; width: 125px; height: 29px; }
#mright .login .ckb label{ display: inline;}
#mright .login .link{}
#mright .login .link a{ padding: 0 8px;}
#mright .login .link a:hover{ color: #b22234;}
#mright .login .userbody{ padding: 25px 15px 20px; background: url("images/userinfo.png") no-repeat center top; }
#mright .login .userbody .welcome{ color: #316b9f;}
#mright .login .userbody .welcome a{ font-weight: bold; }
#mright .login .userbody hr{ border: 0 none; border-top: 1px #e0edf5 inset; }
#mright .login ul{ margin:10px 0 0 0; padding: 0px;}
#mright .login .testlist{  margin: 0 0 5px;  padding: 3px 0 3px 25px;background: url("images/testicon.png") no-repeat scroll left center transparent; list-style: none outside none;}
#mright .menu {width: 265px;}
#mright .menu .head {width: 265px;}
#mright .menu .body { border:7px solid #336699;}
#mright .menu .foot{ height: 12px; background: url("images/leftmenubg.png") no-repeat center bottom;}
#mright .menu ul {margin: 0px;padding:10px 0; list-style: none outside none;}
#mright .menu li {margin: 0px;padding:0 15px; height: 30px; line-height: 30px; background: url("images/arrow.png") no-repeat 5px 13px;}
#mright .menu li a {color: #336699; letter-spacing: -1px;}
#mright .menu li a:hover {color: #ff5a00;}

#mright .iblock {width: 270px; border: 1px solid #004890;}
#mright .iblock .head { height: 41px; padding:  0 10px 0 10px;                                                                                      background: #004890; line-height: 20px; font-weight: bold; color: #fff;}
#mright .iblock .body { overflow: hidden; padding: 10px; }
#mright .iblock .foot{ height: 16px;  }
#mright .iblock ul {margin: 0px;padding:2px 0; list-style: none outside none;}
#mright .iblock li {margin: 1px 0 0;padding:0 0px; height: 49px;  }
#mright .iblock li a { padding: 0 0 0 36px; height: 49px; display: block; background: url("images/iblock_item.png") no-repeat center top; color: #edf6ff;line-height: 49px; letter-spacing: -1px;}
#mright .iblock li a:hover {background: url("images/iblock_item.png") no-repeat center bottom; color: #336699;}    
#footer {  padding: 10px;   height: 70px; background: #004890; color: #99bedf; border-top: 4px solid #d41247;}
#footer .menu{ margin: 10px;}
#footer .menu ul{ margin: 0; padding: 0; list-style: none outside none; text-align: center;}
#footer .menu li{ display: inline; margin: 0; padding: 0 5px 0 2px; line-height: 15px; border-right: 1px solid #99bedf; }
#footer .menu li:last-child{border: 0 none;}
#footer .menu li a{ color: #99bedf;}
#footer .menu li a:hover{ color: #fff;}
#footer .copy{ text-align: center; font-weight: bold;}

#icon-gotop { position: fixed; overflow: hidden; background: url("images/uptop.png") no-repeat scroll transparent 0px 0;
              display: none; right: 20px; bottom: 10px; height: 35x; width: 35px; line-height: 35px; text-indent: -999px;}
#icon-gotop:hover {background: url("images/uptop.png") no-repeat scroll transparent 0px -35px;}  


.description{}
.description ul{}
.description ul li{ clear: left;}
ul.chartlist{ list-style: none outside none;}
ul.chartlist li{ float: left; height: 20px; padding: 2px 10px; font-weight: bold;}

/* popup modal */
#bgmask {position:absolute;left:0;top:0;z-index:9000; width:100%; height:100%; background-color:#000;display:none;}

.disclaimer{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 226px;
    z-index: 2;
}
.relative{
    position: relative;
}
.form_row{
    width: 98%;
    float: left;
}

.inactive{
    background-color: rgb(185, 183, 117) !important;
}