@import"reset.css";
@import"pro_pages_style.css";
@import"grid.css";
@import"forms.css";
@import"prettyPhoto.css";
@import"jquery.snippet.min.css";
@import"superfish.css";
@import"ui.totop.css";
/*@import"../css/skin/blue.monday/jplayer.blue.monday.css";*/
@import"jquery-ui-1.9.2.custom.min.css";
@import"tms.css";
@import"tabs.css";
@import"calendar.css";

article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block}mark,rp,rt,ruby,summary,time{display:inline}
/* Global properties ======================================================== */
html {width:100%}

body {font-family: Calibri; font-size:13px; line-height:18px; color:#104E8B; word-spacing: 0.01px; letter-spacing: 0.01px} /*background:#346c9d; */
.main {padding:0;margin:0 auto; background:#fff}
.main .left-part {float: left; width: 11%;}
.main .right-part {float: right; width: 89%}

/*********************************fonts*************************************/
.reg {text-transform:uppercase}
.f_left, .fleft{float:left}
.f_right, .fright{float:right}
.align_right, .alignright {text-align:right}
.align_center , .aligncenter {text-align:center}

.it{font-style:italic}
.let {letter-spacing:-1px}

strong{color:#4a97ce;}
/*********************************CLASSES**********************************/
.m_b_zero{ margin-bottom:0 !important;}
.m_l_zero{ margin-left:0 !important;}
.p_b_zero{ padding-bottom:0 !important;}
.p_l_zero{ padding-left:0 !important;}

.clear {clear:both;width:100%;line-height:0;font-size:0;}
.wrapper {width: 100%; overflow:hidden}

.extra_wrapper, .extra-wrap{ overflow:hidden;}
.container{width:100%}
.extra_last, .lst{ margin-bottom:0 !important; padding-bottom:0 !important;}
.extra_last{ border:none !important; background:none !important;}
.bg_none{ background:none !important;}
.bd_none{border:none !important;}

/*==================================== Links ======================================================== */
a {color:#000080;outline:none; text-decoration:none; cursor:pointer;vertical-align:middle;}
a:hover{ text-decoration:underline;}

.tdn a{text-decoration:none !important;}

.button, .button1{ display:inline-block; padding:9px 19px 11px; font-weight:bold; border-radius:4px; margin: 32px 0 0 0; font-size:13px; line-height: 15px; color:#fff;background: url('../images/button.png') repeat-x #5da2cc;}
.profile .active, .button:hover{ background:#5092ba;text-decoration:none;}

.gr_button{display:inline-block; padding:9px 26px 10px; margin: 35px 0 0 0; font-size: 19px; line-height: 26px; color:#fff; background: url('../images/gr_button.png') repeat-x #78a707; box-shadow: inset 0 -1px #689106; border-radius:24px;}
.gr_button:hover{background:#a4c84e;}
/*********************************Displays*************************************/
.block{ display:block;}
.inline-block{ display:inline-block;}

/*================================>> Global Blocks <<========================================*/

.block1{position:relative;z-index:10;background: url('../images/block1.jpg') 50% 0 no-repeat #346c9d;clear:both;padding:10px}
.block2{position:relative;}

#m_page .block1{height:543px;}
/*********************************header*************************************/

header {overflow:hidden;padding-bottom:27px;}
header h1{float:left;padding-top:43px;}
header h1 a {display:block;width:304px;height:58px;background:url(../images/logo.png) 0 0 no-repeat; text-decoration:none; text-indent:-9999px;}
header .info{float:right;text-align:right;line-height:20px;color:#beecff;width:420px;padding: 35px 0 0 0;}
header .info .num{font-size: 24px; line-height: 29px; color: #fff;padding-top:9px;margin-right:-3px;}

/*********************************content*************************************/
#content {padding:20px 0px 20px 0px;position:relative;z-index:1;background: url('../images/content.png') 0 1px repeat-x #fff;}
.cont_pad {padding:120px 0 40px 7px !important;background-position:0 90px !important;}
#content li {font-size: 18px; padding: 5px}
#content .wrapper ul {margin: 30px auto; width: 670px;}
#content .wrapper li {font-size: 18px; display: inline-block; text-align: center; border: 1px solid #e0e0e0; padding: 0px; margin: 2px 0px; border-radius: 10px;}
/*#content .wrapper li:hover {border: 1px solid #66cc00; font-weight: bold; background-color: #004C99; }*/
#content .wrapper li:hover a {color: #fff; font-size: 24px}
#content .wrapper li a {width: 160px; padding: 40px 0px; display: inline-block; text-decoration: none; line-height: 40px}

/*================================>> aside <<========================================*/
aside{background: url('../images/stripe.png') 50% 0 no-repeat;width:940px;margin: 0 auto;padding: 31px 0 27px;overflow:hidden;}
.inf_list{list-style: none;padding: 0 0 0 4px;}
.inf_list>li{float:left;}

.icon1{background: url('../images/icon1.png') no-repeat;padding: 2px 6px 1px 37px;}
.icon2{background: url('../images/icon2.png') 14px 0 no-repeat;padding: 1px 17px 4px 37px;}
.icon3{background: url('../images/icon3.png') no-repeat;padding: 1px 0 0 43px;}
/*===============================>> Paragraphs <<=============================*/

p {margin-bottom:18px}
.p2{ margin-bottom:11px;}
.p3{ margin-bottom:21px;}
.p4{ margin-bottom:10px;}
.p5{ margin-bottom:27px;}
.p6{ margin-bottom:0;}

/*================================>> LISTS <<========================================*/
.list1{padding: 0 0 0 12px;}
.list1 li{ background:url(../images/marker1.png) 8px 6px no-repeat; padding: 0 0 6px 24px; margin-bottom:6px;border-bottom:1px solid #d9e8f3;font-weight:bold;}
.list1 a{color:#e7a47c;text-decoration:none;}
.list1 a:hover{color:#8fbfd4;}

.list2{padding: 1px 28px 0 1px;}
.list2 li{ background:url(../images/marker1.png) 8px 6px no-repeat; padding: 0 0 6px 24px; margin-bottom:6px;border-bottom:1px solid #d9e8f3;font-weight:bold;}
.list2 a{color:#e7a47c;text-decoration:none;}
.list2 a:hover{color:#8fbfd4;}

.list3{}
.list3 li{ background:url(../images/marker2.png) 0 7px no-repeat; padding-left:14px;}
.list3 a{color:#a3cbe7;}

/*================================>> H <<========================================*/
/*  Header styles */
h1,h2,h3,h4,h5,h6{line-height:1.3em;color:#000080;font-family: 'Open Sans', sans-serif;font-weight:normal;letter-spacing:-1px;}
h1{font-size:40px;}
h2{font-size:35px;}
h3{font-size:30px;} 
h4{font-size:27px;}  
h5{font-size:25px;}
h6{font-size:22px;}

h2.h2{font-size: 23px; line-height: 29px; color:#000080;border-bottom:1px solid #d9e8f3;padding-bottom:3px;margin-bottom:10px;}
h2.h2 span{color:#8fbfd4;}
h2.h2a{padding-bottom:36px;}
h2.small{font-size:18px;}

h2.ind{ margin-bottom:26px;}
h2.ind1{ margin-bottom:30px;}
h2.ind2{ margin-bottom:23px;}

/*================================>> GOOGLE FONTS  <<========================================*/
.sf-menu>li>a{font-family: 'Open Sans', sans-serif;}

/*================================>> hovers <<========================================*/
.button, .sf-menu>li{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
#search a{-webkit-transition: none;-moz-transition: none;-o-transition: none;transition: none;}
/*********************************page_1*************************************/
.ext_list>li, .ext_box{ overflow:hidden;}
.ext_list>li>figure, .ext_box>figure{ float:left;}
.ext_list>li>div, .ext_box>div{overflow:hidden;}

.color1{color:#000080;}

.link1{color:#000080;font-weight:bold;}
.link2{color:#8fbfd4;}
.link3{color:#000080;font-weight:bold;}
.link2:hover, .link1:hover, .link3:hover{color:#90c90a;text-decoration:none;}

.news{}
.news p{margin-bottom:10px;}
.news>li{margin-bottom:15px;}
.news>li>div{padding: 0 20px 0 19px;}
.news>li>figure{padding-top:5px;}

.b_ind{margin-top:30px;}
/*********************************page_2*************************************/

.box1{}
.box1>div{padding: 3px 0 0 19px;}
.box1>figure{padding-left:1px;}
.box1 .button{margin-top:26px;}

.standarts{margin-top:-1px;}
.standarts .num{width:54px;height:47px;margin:0 auto 18px;text-align:center;border-radius:100%;background:#66b2dd;color:#fff;font-weight:bold;font-size:36px;line-height:43px;padding-top:6px;}
.standarts .col{margin-left:36px;float:left;width:180px;}
.box2 .staff:first-child, .standarts .col:first-child{margin-left:0;}
.standarts p{margin-bottom:11px;}

.m_bot1{margin-bottom:59px;}
.m_bot2{margin-bottom:25px;}
.m_bot3{margin-bottom:29px;}

.box2{padding: 0 0 0 1px;}
.box2 .staff{border-radius:4px;margin-left:27px;padding: 10px 10px 14px;float:left;width:165px;background:#ecf3f9;}
.box2 .staff img{margin-bottom:10px;}
.box2 .staff strong{display:inline-block;margin-bottom:3px;}

.clients{padding: 53px 0 0 0;}

.quotes{position:relative;border-radius:11px;margin: 0 9px 0 1px;padding: 24px 0 32px 30px;background: url('../images/quotes_bg.png') repeat-x #e3eff4;border:1px solid #eaf3f9;}
.quotes:before{width:40px;height:38px;background: url('../images/quotes.png') no-repeat;left:20px;top:8px;}
.quotes:after{width:37px;height:24px;bottom:-22px;left:62px;background: url('../images/qutes_after.png') no-repeat;}
.quotes:before, .quotes:after{display:block;position:absolute;content:"";}
.author{text-align:right;color:#e7a47c;font-weight:bold;padding: 15px 8px 0 0;margin-bottom:25px;}

/*********************************page_3*************************************/
.service{padding: 15px 15px 20px;margin: 1px 9px 0 1px;border-radius:4px;background:#ecf3f9;}
.service img{margin-bottom:16px;}
.service strong{white-space: nowrap}
/*********************************page_4*************************************/
.stand_list{padding-top:1px;margin-bottom:58px;}
.stand_list>li>figure{border-radius:100%;width:54px;height:47px;font-size: 36px; line-height: 42px; color: #fff;font-weight:bold;padding:6px 0 0;background: url('../images/circle.png') repeat-x;text-align:center;margin: 3px 19px 0 0;}
.stand_list>li>div{margin: 0 10px 0 0px;}
.stand_list>li{border-bottom:1px solid #d9e8f3;padding-bottom:26px;margin-bottom:25px;}

.map_wrapper{overflow:hidden;display:inline-block;margin-bottom:22px;}
#map_canvas {
    width:290px;
	height:302px;
}
.adress{}
.adress span{ display:inline-block; width:70px;}
.adress dt{ margin-bottom:18px;}
.demo{text-decoration:underline;}
.demo:hover{ text-decoration: none;}


/****************************footer************************/
footer {padding:26px 0 35px;width:936px;margin:0 auto;background: url('../images/stripe.png') center 0 no-repeat;}

.social{ overflow:hidden;float:right;padding: 2px 5px 0 0;}
.social a{ display:block; float:left;width:22px;height:22px; overflow:hidden; margin-left:10px;}
.social a:first-child{margin: 0 0 0 0;}
.social a:hover img{ margin-top:-22px;}

/****************************************************/
#statHolder {position:absolute;top:5px;right:0px;color:red;display:none}

#login-box tr {height: 40px}
#login-box td {height: 40px; vertical-align: middle}
#login-box td input {border: 1px solid silver; border-radius: 4px; padding: 5px; width: 150px}
#login-box td .button {width: 80px; margin: 10px}

.top_section {width: 100%}

.middle_section {width: 100%}	
.middle_section table {}
.middle_section td {padding: 3px 5px; border: none}
.middle_section input {}
.middle_section ul {margin: 10px 0px}
.middle_section li {display: inline-block; padding: 3px 5px}
.middle_section li.select {background-color: yellow; font-weight: bold;}
.middle_section .current_filter {font-weight: bold; padding: 3px; background-color: red; color: #fff;}

.list_table {border-collapse: collapse; font-size:13px;}
.list_table td {border: 1px dotted #EDEDED; padding: 3px 3px; vertical-align: middle}
.list_table thead td {text-align: center; font-weight: bold; background-color: #eef; vertical-align: middle; border: 1px solid #ddd}
.list_table tfoot td {padding: 2px 3px; font-weight: bold; background-color: #eee; vertical-align: middle; border: 1px solid #ddd}
.list_table tbody td {padding: 2px 3px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; vertical-align: middle;}
.list_table tbody tr:hover {background-color: #eef}
.list_table .progress1 {color: #ffcc00}
.list_table .progress6 {color: #ffcc00}
.list_table .progress2 {color: #ff944d}
.list_table .progress3 {color: #806600}
.list_table .progress4 {color: #c2c2a3}
.list_table .progress5 {color: #ff0000}

#errmsg {font-size: 18px; font-weight: bold; color: green; background-color: #fff; height: 30px; position: absolute; right: 0px; top: 0px; z-index: 1000000}

#edit_tr td {background-color: #efe; border-bottom: 1px solid #dcc}
#edit_tr td input,
#edit_tr td select {width: 95%; padding: 0px; margin:2px 2px 0px 0px; background: none; border: none; border-bottom: 1px dotted silver; }

.find_holder {display: none; z-index: 10000; position: absolute; overflow: auto; width: 220px; max-height: 200px; border: 1px solid #ddd; background-color: #ffe;}

.print-layout {font-family: Cambria; color: #000}
.print-layout td {padding: 2px 0px; font-size: 13px; text-align: left}
.print-layout th, .print-layout tfoot td {padding: 3px 0px; font-size: 13px}
.print-layout input {border: none; border-bottom: 1px dotted #000; background-color: #fff; padding: 0px; font-family: inherit; font-size: 13px; color: #000066}
.print-layout .data th {border: 1px solid #000; border-collapse: collapse;}
.print-layout .data td {border: 1px solid #000; border-collapse: collapse; font-size: 14px;}

.print-layout .box3 td {border: 1px solid #ddd; padding: 2px 5px}

.print-layout .box2 td {height: 20px; vertical-align: middle}
.print-layout .box2 td.label {padding-left: 0px}
.print-layout .box2 td.content {border-bottom: 1px dotted #ddd}

.print-layout .box4 td {height: 24px; vertical-align: middle}
.print-layout .box4 td.label {padding-left: 0px}
.print-layout .box4 td.content {border-bottom: 1px dotted #ddd}


#report_page {}
#report_page ul {display: inline;}
#report_page li {vertical-align: middle;}

#list_form .progress_mnu {cursor: pointer;}
#list_form .progress_mnu ul {display: none; padding: 0px; border: 1px solid #8B8B7A; background-color: #FFFFE0; position: absolute; margin-top: -2px; right: 0px; overflow: auto}
#list_form .progress_mnu li {display: block; text-align: left;}
#list_form .progress_mnu li.title {font-weight: bold; clear: both;}
#list_form .progress_mnu li.item {}

.navi_content {width: 100%; color: #fff; padding: 3px 0px;}
.navi_content select, .navi_content input, .navi_content a {margin: 3px 0px}
.table_content {width:100%; }

#profit_form .profit_text {width: 90%; padding: 3px 5px 2px 3px; text-align: right; border: none; border-bottom: 1px dotted silver}

#top-menu {}
#top-menu > li {padding: 5px 5px; display: inline-block; position: relative;}
#top-menu > li .title {font-size: 14px; cursor: default; font-weight: bold}
#top-menu > li:hover {background-color: #99d6ff; font-weight: bold}
#top-menu > li.selected {background-color: #99d6ff; font-weight: bold}
#top-menu > li a {color: inherit; text-decoration: none; margin: 5px 0px}
#top-menu .sub-menu {display: none; position: absolute; background-color: #99d6ff; left: 0px; margin-top: 5px;width: 170px; z-index: 10000; border: 1px solid #006666; border-top: none; border-left: none}
#top-menu .sub-menu li {font-weight: normal; padding: 2px 5px 5px 10px;}
#top-menu .sub-menu li:hover {font-weight: bold}
#top-menu .sub-menu li.selected {font-weight: bold; color: #000}
#top-menu .sub-menu li.border-top {border-top: 1px solid #C0C0C0}
#top-menu .sub-menu li.border-bottom {border-bottom: 1px solid #C0C0C0}

#tabs {margin-top: 10px; margin-bottom: 3px;}
#tabs li {display: inline; padding: 5px; border: 1px solid silver; margin-right: 0px; cursor: pointer; border-bottom: none}
#tabs li:hover {background-color: #eed; font-weight: bold}
#tabs li.selected {background-color: #ddd; font-weight: bold}
#outstock_detail_holder {display: block}
#outstock_cogs_holder {display: none}

#cogs_form table thead td {background-color: pink}
#cogs_form table td {padding: 3px 2px}

#list_holder {margin-top: 10px}
#list_holder table {width: 100%; border: 1px solid #ddd}
#list_holder table tbody {display: block; max-height: 200px; overflow-y: scroll;}
#list_holder table thead tr,
#list_holder table tfoot tr, 
#list_holder table tbody tr {display: table; table-layout: fixed}
#list_holder table thead tr,
#list_holder table tfoot tr {width: calc( 100% - 18px)}
#list_holder table tbody tr {width: calc( 100% - 1px)}

.list_holder {margin: 2px 0px}
.list_holder table {width: 100%; border: 1px solid #ddd}
.list_holder table tbody {display: block; max-height: 200px; overflow-y: scroll;}
.list_holder table thead tr,
.list_holder table tfoot tr, 
.list_holder table tbody tr {display: table; table-layout: fixed}
.list_holder table thead tr,
.list_holder table tfoot tr {width: calc( 100% - 18px)}
.list_holder table tbody tr {width: calc( 100% - 1px)}

.table-grid .label {text-align: right; vertical-align: middle; background-color: #e6f2ff; padding-right: 5px; border-bottom: 1px solid #d9d9d9}
.table-grid .text {padding-left: 10px}
.table-grid input[type="text"],
.table-grid input[type="password"],
.table-grid textarea,
.table-grid select {border: 1px solid #fff; border-bottom: 1px solid #eee}
.table-grid input:focus,
.table-grid select:focus,
.table-grid textarea:focus {border-bottom: 1px solid #808080}

input[readonly="readonly"],
input[disabled="true"],
textarea[readonly="readonly"],
select[disabled="true"] {background: #eee !important}