@charset "utf-8";
/* CSS Document */

body {
    background-color: #;
    margin: 0;
    height: 100%;
}

body, td, th, input, select {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 10.5pt;
    color: #000000;
}

/* ------------------- Layout --------------------------------*/

#page {margin: 0 4%;}

#logo {position:relative; top:15px;}
#header {position:relative; top:-60px; height:100px; left:180px; width:80%; /* max-width:820px; */}

#header #links {color:#ccc; text-align:right; line-height:35px; height:35px; vertical-align:middle; font-size: 12px;}
#header #links a {color:#ccc; margin-right:50px;}
#header #links img {text-decoration:none; padding-top:5px; margin:0 0 -3px;}
#header #links a.language, #header #links span.language.active {margin: 0 10px 0 0;}
#header #links span.language.active {color:#ff9900;}

#user_panel {background-color:#fff; font: 15px Arial,Helvetica,sans-serif; color:#999;}
#user_panel a {color:#000;}
#user_panel .panel-field  {background:url("i/field.png") no-repeat; width:185px; height:21px; padding:2px 3px; margin-right:5px;}
#user_panel .panel-field input {border:0 none; width:175px;}
#remember {position:absolute; top:90px; width: 100%; height:100px; color:#ccc; font-size:11px;}
#remember .col {float:left; width:180px; line-height:20px;}
#remember a:hover {color:#ff9f3d !important;}

#welcome {margin-top:30px;}
#welcome  h1, #welcome  p {width: 560px; margin-left:180px;}
#welcome  h1{font-size:30px; color:#336699; padding: 0 0 20px 0; font-weight:normal; line-height:30px;}
#welcome  p  {color: #999999; padding: 0 0 20px 0; line-height:20px;}

#content {position:relative; top:-50px; /* background-color:#ccc; */ /* max-width:1000px; */}
#content  h1, .tree-wrapper h1 {font: normal 24px/30px Arial,Helvetica,sans-serif; color:#999; margin: 0 0 20px 0;}

#content a {color:black;}
#content a:hover {color:#ff9f3d;}
.round_border_grey h2, .round_yellow h2, .round_grey h2, .round_blue h2, .round_green h2{font: normal 15px/20px Arial,Helvetica,sans-serif; color:#336699; margin: 0 0 20px 0; text-transform:uppercase; margin-left:-20px;}
.round_border_grey p, .round_yellow p, .round_grey p, .round_blue p, .round_green p {margin-bottom:15px;}
.round_border_grey p, .round_grey p, .round_blue p, .round_green p, {color:#999999;}

#content .column30 {float:left; width:31%; /* background-color: #666; */ margin-right:5px; padding-right:10px;}
#content .column20 {float:left; width:20%; /* background-color: #666; */ margin-right:5px; padding-right:10px;}
#content .column50 {float:left; width:49%; /* background-color: #666; */ margin-right:5px; padding-right:10px;}
#content .column60 {float:left; width:59%; /* background-color: #666; */ margin-right:5px; padding-right:10px;}
#content .column75, .tree-wrapper .column75 {float:left; width:75%; /* background-color: #666; */ margin-right:5px; padding-right:10px;}
#content .round_border_grey, #content .round_yellow, #content .round_grey, #content .round_blue, #content .round_green {margin-bottom:10px; width: 100%;}
#content .round_border_grey .c, #content .round_yellow .c, #content .round_grey .c, #content .round_blue .c, #content .round_green .c {padding-left:25px;}

.tree-wrapper {/* margin-top:-50px; */ position:relative; top:-50px; overflow:hidden;}
.tree-wrapper  .column20 a {font-size:14px;}

.fright {float:right !important;}
.fleft {float:left !important;}
.last {margin-right:0 !important;}
.dark-text {color:#333333;}
.blue-text a{color:#336699 !important;}
.blue-text a:hover {color:#ff9f3d !important;}
.olive-text a {color:#999966 !important;}
.olive-text a:hover {color:#ff9f3d !important;}

.check {background-color: #f0bebe;}

#content .path {font-size:12px; margin-bottom:15px; color:#999;}
#content .path a {color:#000;}
#content a.inheading-link {font-size:12px; color:#999;}
#content th {text-align:left; color: #666; padding-bottom:5px;}
#content td {text-align:left; color: #999;}

#content .leftcol {width: 150px; display: inline-block;}

#content a.button_grey {cursor: pointer; display:inline-block; width:150px; height:30px; background: url(i/button_grey.png) no-repeat; line-height:30px; text-align: center; color: #fff; margin-bottom:10px;}
#content a.button_grey:hover {cursor: pointer; background: url(i/button_grey_hover.png) no-repeat;}

.barcode {color:#999999; padding-left:25px; padding-top:10px;}
.barcode .no-barcode {display:inline-block; border: 1px solid #cccccc; width:70%; height:40px; background-color:#ededed; color:#999999; font-size:12px; line-height:40px; text-align:center;}
.barcode .no-barcode, .barcode select {margin: 5px 0;}
.barcode .column50 {margin-bottom:40px;}
#content .barcode  a {color:#999; font-size:11px;}
#manufacturers {width:150px;}

#footer {margin-bottom:50px; font-size:12px; color:#CCCCCC;}
#footer a {color:#000;}
#footer .c {padding:0;}
#footer .copywrite {float:left;margin-right:20%;}
#footer .mail {float:left;}
#footer p {margin:0;}


/* -------------------  Меню --------------------------------  */
#menu {position:relative; text-align: center; height:43px; top:-55px; width:780px; font:bold 14px Arial,Helvetica,sans-serif; line-height:40px;}
#menu ul {margin:0; padding:0; list-style:none; }
#menu li {float:left; margin:0; padding:0; height:30px; background: url(i/menu.png) repeat-x;} 
#menu a, #menu .current div {padding:0 25px 7px; line-height:30px; display:block; color:#fff; text-decoration:none;} 

#menu span.left, #menu span.right  {width:10px; height:41px;}
#menu span.left {float:left; background: url("i/menu-left.png") no-repeat top left;}
#menu span.right {float:right; background: url("i/menu-right.png") no-repeat top right;}

#menu .current span.left {background: url("i/menu-left-current.png") no-repeat top left;}
#menu .current span.right {background: url("i/menu-right-current.png") no-repeat top right;}

#menu .current {background: url("i/menu-current.png") repeat-x top left;}
#menu .current a {background: url("i/menu-arrow.png") no-repeat 50% 30px; /* height:41px; */}
#menu .current.left div>span {background: url("i/menu-left-current.png") no-repeat top left; height:40px;}


/* -------------------  Закругленные уголки --------------------------------  */
/* серая обводка */

.round_border_grey .tl, .round_border_grey .tr, .round_border_grey .bl, .round_border_grey .br {background: url("i/round_border_grey.png") no-repeat;}
.round_border_grey .tl {background-position: left top;}
.round_border_grey .tr {background-position: right top;}
.round_border_grey .bl {background-position: left bottom;}
.round_border_grey .br {background-position: right bottom;}

.round_border_grey .t, .round_border_grey .r, .round_border_grey .b, .round_border_grey .l {background: url("i/round_border_grey_dot.png");}
.round_border_grey .t {background-position: top; background-repeat: repeat-x;}
.round_border_grey .r {background-position: right; background-repeat: repeat-y;}
.round_border_grey .b {background-position: bottom; background-repeat: repeat-x;}
.round_border_grey .l {background-position: left; background-repeat: repeat-y;}

/* желтый фон */
.round_yellow {color:#cc9933;}
.round_yellow a {color:#996633;}
.round_yellow h2{color:#996633;}
.round_yellow .t, .round_yellow .r, .round_yellow .b, .round_yellow .l, .round_yellow .c {background-color:#fff6cf;}
.round_yellow .tl, .round_yellow .tr, .round_yellow .bl, .round_yellow .br {background: url("i/round_yellow.png")}

.round_yellow .tl {background-position: left top;}
.round_yellow .tr {background-position: right top;}
.round_yellow .bl{background-position: left bottom;}
.round_yellow .br {background-position: right bottom;}

/* серый фон */
.round_grey {color:#a9aaa9;}
.round_grey a {color:#333333;}
.round_grey h2 {color:#333333;}
.round_grey .t, .round_grey .r, .round_grey .b, .round_grey .l, .round_grey .c {background-color:#eaf0e9;}
.round_grey .tl, .round_grey .tr, .round_grey .bl, .round_grey .br {background: url("i/round_grey.png")}

.round_grey .tl {background-position: left top;}
.round_grey .tr {background-position: right top;}
.round_grey .bl{background-position: left bottom;}
.round_grey .br {background-position: right bottom;}

/* зеленый фон */
.round_green {color:#a9aaa9;}
.round_green a {color:#669933;}
.round_green h2 {color:#669933;}
.round_green .t, .round_green .r, .round_green .b, .round_green .l, .round_green .c {background-color:#ebf6e2;}
.round_green .tl, .round_green .tr, .round_green .bl, .round_green .br {background: url("i/round_green.png")}

.round_green .tl {background-position: left top;}
.round_green .tr {background-position: right top;}
.round_green .bl{background-position: left bottom;}
.round_green .br {background-position: right bottom;}

/* голубой фон edf1f3 */
.round_blue {color:#a9aaa9;}
.round_blue a {color:#669933;}
.round_blue h2 {color:#669933;}
.round_blue .t, .round_blue .r, .round_blue .b, .round_blue .l, .round_blue .c {background-color:#edf1f3;}
.round_blue .tl, .round_blue .tr, .round_blue .bl, .round_blue .br {background: url("i/round_blue.png")}

.round_blue .tl {background-position: left top;}
.round_blue .tr {background-position: right top;}
.round_blue .bl{background-position: left bottom;}
.round_blue .br {background-position: right bottom;} 


/* ---------------- Old -------------------- */

.mnu_act {
    color: #FF6600;
    font-size: 10pt;
    font-weight: bold;
}

a:link.mnu, a:visited.mnu, a:active.mnu {
    color: #336699;
    font-size: 10pt;
    font-weight: bold;
    text-decoration: none;
}

a:hover.mnu {
    font-weight: bold;
    color: #F26722;
    text-decoration: none;
}

a:link, a:visited, a:active {
    color: #336699;
    text-decoration: underline;
}

a:hover {
    color: #F26722;
    text-decoration: underline;
}

h1 {
    font-size: 18px;
    color: #F26722;
    margin: 0;
}

.blue_border {
    border: solid 1px #b0c6dc;
    padding: 0.5em;
}

.view {
    font-family: Tahoma, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    padding: 3px;
}

.data {
    font-weight: bold;
}

.edit {
    font-family: Tahoma, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    border-style: solid;
    border-width: 1px;
    border-color: #b0c6dc;
    padding: 1px;
}

.autocomplete {
    font-family: Tahoma, sans-serif;;
    font-size: 8pt;
    background-color: white;
    border: 1px solid black;
    position: absolute;
    cursor: default;
    overflow: auto;
    overflow-x: hidden;
}

.autocomplete_item {
    padding: 1px;
    padding-left: 5px;
    color: black;
    width: 100%;
}

.autocomplete_item_highlighted {
    padding: 1px;
    padding-left: 5px;
    color: white;
    background-color: #0A246A;
}

.cascade {
    font-family: Tahoma, sans-serif;;
    font-size: 10pt;
    background-color: #d6e0eb;
    border: 1px solid black;
    position: absolute;
    cursor: default;
    overflow: auto;
    overflow-x: hidden;
}

.cascade_item {
    font-family: Tahoma, sans-serif;;
    font-size: 10pt;
    color: black;
    background-color: white;
}

.cascade_top_item {
    font-family: Tahoma, sans-serif;;
    font-size: 10pt;
    color: black;
    background-color:#edf4ff;
}

.cascade_highlighted {
    font-family: Tahoma, sans-serif;;
    font-size: 10pt;
    color: white;
    /*background-color: #0A246A;   */
    background-color: cornflowerblue;   
}