/* 
    Document   : main
    Created on : 08.04.2015, 13:22:22
    Author     : morozovvs
    Description:
        Purpose of the stylesheet follows.
*/

html, body
{
    padding-bottom: 0px;
    margin: 0px;
    padding-left: 0px;
    width: 100%;
    padding-right: 0px;
    height: 100%;
    max-height:100%;
    padding-top: 0px;
    overflow: hidden;
    font-family: Verdana, Helvetica, Arial, Sans-Serif;
    font-size: 12px;
    ___background-color: white;
    color: black;
    background-color: #F7F7F7;
}
img {
    border: 0;
}
.btn_tree_hide{
    display: block;
    position: absolute;
    z-index: 9002;
    left: 300px;
    top: 50%;
    width: 24px;
    height: 32px;
    margin-top: -16px;
}
.btn_tree_show{
    display: block;
    position: absolute;
    z-index: 9002;
    left: 0px;
    top: 50%;
    width: 24px;
    height: 32px;
    margin-top: -16px;
}

.grayscale {
    ___filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
    ___filter: gray; /* IE5+ */
    ___-webkit-filter: grayscale(1); /* Webkit Nightlies & Google Chrome Canary */
}
.data, .invisible, .print
{
    display: none;
}

.dock_center
{
    position: absolute;
    top:0px;
    left:300px;
    width: 300px;
    bottom: 0px;
    margin: 0px;
    overflow: auto;
    border: solid gray 2px;
}
.dock_base
{
    position: absolute;
    top:0px;
    left:0px;
    bottom:0px;
    right: 0px;
    margin: 0px;
    overflow: hidden;
}
#linkpad
{
    position: absolute;
    right: 0px;
    top: 0px;
}
#linkpadb
{
    position: absolute;
    right: 0px;
    bottom: 0px;
}
#linkpad a, #linkpadb a{
    display: block;
    margin: 1px;
}
#linkpad img, #linkpadb img{
    display: block;
    width: 48px;
}

.qtip{
    z-index: 1;
}
.dock_left
{
    position: absolute;
    display: block;
    height: 100%;
    left: 0px;
    top: 0px;
    width: 300px;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}
.dock_left.hidden
{
    display: none;
}
.dock_fullright
{
    position: absolute;
    top:0px;
    left:300px;
    right: 52px;
    bottom: 0px;
    margin: 0px;
    overflow: hidden;
}
.dock_fullright.full{
    left:0 !important;
}
.dock_top
{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 42px;
    padding: 0px;
    overflow: hidden;
    border-top: 1px solid #808080;
    border-bottom: 1px solid #808080;
}
.dock_bottom
{
    position:absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 72px;
    margin: 0;
    line-height: 38px;
    background: url('../img/background_top.png');
    font-size: 14px;
}
.dock_bottom>div
{
    height: 46px;
}
.dock_fullbottom
{
    position:absolute;
    top: 42px;
    bottom: 72px;
    left: 0px;
    width: 100%;
    margin: 0px 0px 0px 0px;
}
.pannel_scroll
{
    margin: 0px 0px 0px 0px;
    width: 100%;
    height: 100%;
    overflow: scroll;
    display: block;
}
.pannel_simple
{
    margin: 0px;
    width: 100%;
    height: 100%;
    background: url('../img/background_top.png');
}
.pageheader_text
{
    height: 38px;
    width: 130px;
    clear: none;
    float: left;
    font-size: 14px;
    font-weight: bold;
    padding-left: 7px;
    padding-top: 2px;
}
.pageheader_image
{
    height: 38px;
    width: 38px;
    clear: none;
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin: 2px 0 0 2px;
}
.pageheader_lang
{
    display: none;

    height: 48px;
    width: 60px;
    clear: none;
    float: left;
    font-size: 16px;
}
.image_lang
{	
    width: 16px;
}
.lang_object, .lang_object_selected
{
    width: 60px;
    height: 16px;
    vertical-align: middle;
}
.lang_object_selected
{
    font-weight: bolder;
}
.lang_object a, .lang_object_selected a
{
    text-decoration: none;
    color: Black;
}

.treenodehead
{
    display: block;
    width: 100%;
    clear: both;
}
.treenodeheadatemp
{
    color: #ff0000;
}
.treenodeheadsel
{
    _color: #c0c0c0;
    font-weight: bolder;
}
.treenodedatahidden:not(.treenodedatatemp)
{
    display:none;
}
.treenodedata, .treenodedatafixed, .treenodedatatemp
{
    display: block;
    position: relative;
    float: none;
    margin: 0px 0px 0px 16px;
}
.treenodedatatemp:not(.treenodedata):not(.treenodedatafixed){
    _font-style: italic;
    _font-weight: normal;
    _color: #cccccc;
}
.treenodeimage
{
    display: block;
    float: left;
    width: 12px;
    text-align: center;
    margin-right: 3px;
}
.treenodeimagei
{
    max-height: 48px;
    max-width: 48px;
}
.treenodetext
{
    display: block;
}
.treenodetexti
{
    margin: 0px 0px 0px 48px;
}

.treelevel0
{
    font-size: 16px;
    background-color: #d8d8d8;
    margin-top: 2px;
    padding-left: 6px;
}
.treelevel1
{
    font-size: 14px;
}
.treelevel2
{
    font-size: 12px;
}
.treelevel3
{
    font-size: 12px;
}

a.Current
{
    FONT-WEIGHT: bolder;
    COLOR: #005500;
    BACKGROUND-COLOR: #ffffff
}
a
{
    color: inherit;
    BORDER: none;
    MARGIN: 0px;
    TEXT-DECORATION: none
}
a:hover
{
    color: #ff0000;
}

.btn_minimize
{
    display: none;

    position:absolute; 
    top: 0px; 
    left: 275px;
    overflow:hidden; 
    z-index:1;
    background-color: white;
    height: 50px;
}

.buttonactive
{
    _border-right-style: ridge;
    _border-left-style: ridge;
    _border-bottom-style: solid;
    _border-top-style: ridge;
    _border-bottom-width: 1px;
    border-width: 0px;
    __margin: 2px 0 0 2px;
}

.pannel_search{
    margin: 0px 0px 0px 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
}

.queryinput{
    position: absolute;
    top: 0;
    left: 5px;
    height: 24px;
    width: 287px;
    font-size: 16px;
    z-index: 20;
}

#searchform
{
    position: relative;
    width: 100%;
}
.querybutton {
    background: url("../img/searchview.png") no-repeat scroll center center transparent;
    background-size: 100% 100%;
    border: none;
    display: block;
    height: 28px;
    width: 28px;
    top: 0px;
    left: 266px;
    margin: 0 auto;
    padding: 0;
    z-index: 21;
    position: absolute;
    cursor: pointer;
    color: #FFFFFF !important;
}

.resultblock{
    display: block;
    width: 100%;
}
.resultblockpage{
    display: block;
    font-weight: bold;
}
.resultblocktext{    
    display: block;
    font-size: 10px;
}
.searchheader{
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 30px;
    overflow: hidden;
    padding-top: 3px;
    padding-bottom: 3px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: gray;
    display: none;
}
.searchbody{
    position: absolute;
    top: 37px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    overflow: auto;
}
.word{    
    font-weight: bold;
}
.word1{
    color: #0000cc;
}
.word2{
    color: #006666;
}
.word3{
    color: #666600;
}
.word4{
    color: #990099;
}
#proflt{
    margin-bottom: 5px;
}
.pannel_config{
    margin: 3px 3px 3px 3px;
    width: 100%;
    height: 100%;
    overflow: auto;
    display: block;
}
.paramname{
    clear: both;
}
.paramselector{
    clear: both;
    padding-left: 5px;
}

.paramselector a{
    font-size: 12px;
    display: block;
    margin-left: 5px;
    padding-left: 16px;
}
.paramselector a#ch_d_c{
}

#ch_diam{
    display: block;
    width: 275px;
}
#ch_diam a#ch_d_0{
    width: 60px;
    border: none;
}
#ch_diam a#ch_d_c{
    width: 100%;
    float: none;
    border: none;
}
#ch_diam a{
    width: 50px;
    float: left;
    margin-left: 0px;
    border: 1px solid gray;
    text-align: center;
    background: none;
    padding: 0px;
}

#ch_a_1, #ch_m_1{
    width: 140px;
}
#ch_t_1{
}

.paramname{
    font-size: 12px;
    display: block;
    font-weight: bold;
}
.note{    
    font-size: 10px;
}

#ch_diam_calc{
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-width: 1px;
    border-bottom-width: 1px;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
}

#ch_diam_calc div input[type="text"]{
    width: 40px;
}

#ch_diam_calc .paramname{
    width: 220px;
    float: left;
}

.diamUnchoosen{
    font-weight: normal;
    background-image: url('../img/checkbox_unchecked.png');
    background-repeat: no-repeat;
    background-position: 2px 2px;
}
.diamChoosen{
    font-weight: bolder;   
    background-image: url('../img/checkbox_checked.png');
    background-repeat: no-repeat;
    background-position: 2px 2px;
}
.diamGray{
    font-size: 12px;
    font-weight: lighter;
    color: #cccccc;
    text-decoration: none;
}

.prodinfo{
    width: 138px;
    height: 170px;
    display: block;
    text-align: center;
    float: left;
    text-decoration: none;
    border: solid black 1px;
}
.prodinfoimg{
    width: 138px;
    height: 128px;
    display: table-cell;
    vertical-align: middle;
}
.prodinfoimgi{
    max-height: 128px;
    max-width: 128px;
    text-align: center;
}
.prodinfoser{
    font-size: larger;
    font-weight: bolder;
}
.prodinfodes{
    font-size: 12px;
    display: none;
}
#pdf{

    border-right-style: none;
    border-left-style: solid;
    border-bottom-style: none;
    border-top-style: none;
    border-left-width: 2px;
    border-left-color: black;
}

#overDiv{
    position:absolute; 
    visibility:hidden; 
    z-index:1000;
    background-color: #F7F7F7;
    padding: 3px;
    border: #ff2020 solid 1px;
    border-radius: 5px;
}

#overDiv .tt_text{
    font-size: 16px;
}

#overDiv .tt_img{
    display: block;
    float: left;
    max-height: 90px;
    max-width: 90px;
}

.bookmarktools{
    width: 100%;
}
.bookmarktools img{
    height: 38px;
}
.bookmark .toolbox img{
    height: 24px;
}
.bookmark{
    width: 100%;
    position: relative;
    min-height: 40px;
}
.bookmark .toolbox{
    position: absolute;
    right: 8px;
    top: 4px;
}
.bookmark .pagetitle{
    font-size: 14px;
}
.bookmark .content{
    display: block;
    margin-right: 40px;
}

#notice{
    display: none;
    width: 240px;
    height:50%;
    border: 1px solid Black;
    text-align: left;
    position: fixed;
    top: 5px;
    right: 72px;
    overflow: scroll;
    padding: 3px;
    z-index: 2000;
    background: #f7f7f7;
}
#notice .notice{
    color: darkgreen;
}
#notice .critical{
    color: darkred;
}

#IEBUG1{
    display: none;
    width: 240px;
    height:50%;
    border: 1px solid Black;
    text-align: left;
    position: fixed;
    top: 5px;
    right: 72px;
    overflow: scroll;
    padding: 3px;
    z-index: 2000;
    background: #f7f7f7;
    color: #b04040;
    font-size: 14px;
}
#IEBUG1 a{
    text-decoration: underline;
    font-weight: bold;
    cursor: pointer;
    color: #008000;
}

.treenodeimage0{
    display:none !important;
}
.treenodeimage1 img{
    height: 10px; width: auto; margin-top: 5px;
}
.treenodeimage2 img{
    height: 8px; width: auto; margin-top: 5px;
}
.treenodeimage3 img{
    height: 6px; width: auto; margin-top: 6px;
}
#maindata{
    position: relative;
}
div#BRnav{
    position: absolute !important;
}

.dock_bottom>div{
    text-align: center;
}

.link_home, .link_contacts, .link_mail{
    display: inline-block;
    margin: 5px 5px 5px 5px;
}
.icon_home{
    width: 38px;
    height: 38px;
    display: inline-block;
    background-size: 100% 100%;
    background-image: url("../img/home_gs.png");
}
.link_home:hover .icon_home{
    background-image: url("../img/home.png");
}
.text_home{
    display: none;
    vertical-align: top;
    padding-left: 6px;
}
.icon_contacts{
    width: 38px;
    height: 38px;
    display: inline-block;
    background-size: 100% 100%;
    background-image: url("../img/contacts_gs.png");
}
.link_contacts:hover .icon_contacts{
    background-image: url("../img/contacts.png");
}
.text_contacts{
    display: none;
}

.icon_mail{
    width: 38px;
    height: 38px;
    display: inline-block;
    background-size: 100% 100%;
    background-image: url("../img/mail_gs.png");
}
.link_mail:hover .icon_mail{
    background-image: url("../img/mail.png");
}
.text_mail{
    display: none;
}

#copyright{
    line-height: 18px;
}