@charset "UTF-8";
/* CSS Document 
Shlyapnikov Denis
*/

/*GLOBALS*/
html {
    height: 100%;
    background: #fff;
}

body {width: 100%; height: 100%; margin:0px; padding:0px}
img {margin:0px; padding:0px; border:0px;}
a:hover {text-decoration: none;}

.clear {clear: both; line-height: 0; height: 0;}
.minclear {clear: both; height:0px; font-size: 1px; line-height: 0;}


/*FORM INPUT*/
form.form {padding:0; margin:0}

.itext {border:0;}
.ibut {cursor: pointer; border:0;}

/*IE6 line fix*/
.minclear,
.siteico a,
.spec_b
{font-size: 1px; line-height: 0; height:0}

/*STRUCTURE*/
#main {min-height: 100%; position: relative; z-index: 2; _height:100%;  margin:0 auto; background:#fff; width: 990px;}
#main .content {}

/*LOGO*/
.logo {position: absolute; left:0; top:15px; width: 283px; height: 43px;}
.logo a {display: block; width: 283px; height: 43px; background: url(../images/logo.jpg);}

/*TOP MENU*/
ul.top_menu {position: absolute; top:22px; right:0; margin:0; padding:0; list-style-type: none;}
ul.top_menu li {float:left; margin:0 12px}
ul.top_menu li a {display: block; float:left; padding:7px 0; font: normal 14px/16px Arial; color:#005AAE}

/*TOP BANNER*/
.top_banner {padding:95px 0 0 0;}

.qs {}
    .qs1 {}
    .qs_bt {margin:20px 0 0 0; padding: 20px 0 0 0; border-top: 1px solid #ddd; text-align: center}
    .qs_bts {}
    .qs_form_sub {}
    .qs_form_sub label {display: none}
    .qs_form_sub span.sub_f {display: block; margin:-7px 0 7px 180px}

.q_item_box {padding: 0 0 20px 0; }
.q_item_box span {font-weight: bold}
    .q_item_var {}
    .q_item_var input {float:left; margin:3px 5px 0 0;}
    .q_item_var label {margin:0}

.slideBox {position: fixed; top:10px; width: 939px; display: none}

.qs_pr_box {position: relative}
.qs_pr_box_inter_value {position: absolute; left:30%;}
.qs_pr_inter_value {position: absolute; width: 1px; height: 36px; top:-8px; margin-left: -1px; background: #ddd; z-index: 7}
.qs_pr {width: 100%; height: 20px; position: relative;}
.qs_pr_line {/*background: #eee;*/ left:0; top:0; width: 100%; height: 20px; position: absolute; z-index: 10}
.qs_pr_pos {height: 20px; z-index: 11}
.qs_pr_pos_work1 {background: #005AAE;}
.qs_pr_pos_work2 {background: #ffb600;}
.gs_bg_1 {background: #005AAE; /*background-image: linear-gradient(to bottom, #005AAE, #0480BE)*/}
.gs_bg_2 {background: #c7c7c7; /*background-image: linear-gradient(to bottom, #c7c7c7, #a9a9a9)*/}
.gs_bg_3 {background: #ffb600; /*background-image: linear-gradient(to bottom, #d3723c, #a85d33)*/}
.qs_pr_inter_h {position: relative; width: 100%; height: 20px}
.qs_pr_inter_h_value {position: absolute; top:13px; margin-left: -1px; font: normal 10px/12px Arial;}
.qs_pr_inter_h_start {left:0}
.qs_pr_inter_h_end {right:-24px}
.qs2_pr_inter_h_end {right: -8px}
.qs_pr_inter_h_env {top:-33px;}
.qs_pr_pos_env {background: #4d84c7; position: absolute; left:50%; right: auto}
.qs_pr_pos_env_left {right:50%; left: auto}
.qs_pr_pos_env span {color:#000; font: normal 11px/13px Arial;}
.an_desc {font: normal 11px/13px Arial; display: inline}
td.qs_td_env {padding:0;}
td.qs_td_env2 {padding-top: 10px}
td.qs_td_env .qs_pr_inter_value {top:0; height: 20px}
td.qs_td_env .qs_pr_inter_h_env {top:-25px;}
td.qs_td_env .qs_pr_inter_h_value {top: auto; bottom: -35px}

.tab-content {overflow: inherit;}

.h2_tab {background: #F5F5F5; font: bold 21px/24px Arial; text-align: center; padding:10px}

table.qs_table_inter_w1 {}
table.qs_table_inter_w1 td {font: normal 12px/17px Arial;}
table.qs_table_inter_w2 {}
table.qs_table_inter_w2 td {font: normal 12px/17px Arial;}
table.qs_table_inter_w2 td em {display: block}

.scale2_view {}
.scale2_view_table {float:left; width: 86px; margin:0 10px 0}

.qs_password {position: absolute; top:50%; left:50%; width: 564px; height: 100px; margin: -150px 0 0 -282px}
    .qs_password h3 {margin:0; padding:0 0 10px 0}
    .qs_password .span4 {margin:0}

.qs_active {opacity: 0.3}

.view_formula {background: #eee; border-radius: 3px; width: 200px; text-align: center; margin: 0 auto; padding: 4px 0;}
.view_formula strong {color: red;}

#q_2 {}
    #q_2 label {display: inline-block; margin:0;}
    #q_2 input {margin:-2px 13px 0 3px}

#q {}
    #q label {display: inline-block; margin:0;}

/*YELLOW BUTTON FROM RIGHT SIDEBAR*/
.yellowbutton {
    position: absolute;
    margin: 50px 0 0 30px;
}
.yellowbutton a {}
.well-small {}
.well-small p {margin:0; padding:0}

.test_user_panel {position: absolute; top:60px; right:0}


/*FOOTER*/
.footer {position: absolute; bottom: 10px; background: #f7f7ef; width: 100%; height: 50px;}
.footer_sp {clear: both; height: 110px;}
.footer_but {background: url(../images/footer-button-bg.png) 0 0 no-repeat; color: #fff; display: block; height: 24px; padding:10px 0 0; text-decoration: none; width: 234px; text-align: center; position: absolute; left:27px; top:8px; font: normal 12px/14px Arial;}
.copy {position: absolute; left:50%; margin-left:-220px; top:20px; width: 565px; text-align: center; color:#8D8D8D; font: normal 12px/14px Arial;}
.footer_social {position: absolute; right:27px; top:9px;}
.footer_social a {text-decoration: none;}
.footer_social a img {border:0;}