html, body, form,#submenu, #slider-ul ,.tabs-ul, .slide, #sidebar, .sitemap-li,#navigateM,#header_menuM,.header-submenu, h1,h2,h3,h4,p,input, select, textarea, button {
margin:0px; /*Это хорошая практика обнулять поля и отсупы, т.к. различные браузеры их по разному воспринимают. */
padding:0px;
/* text-align:center; /*Выравниваем макет по центру в старых версиях браузеров */
}
body {font-family: verdana, tahoma, arial, sans-serif; font-size: 13px; color: #000; background: none repeat scroll 0 0 #F9F9F7;}
h1,h2,h3,h4 {color:#1D4D01}
input, select, textarea, button {outline: none;}
input, select, textarea, button {
border: 1px solid black;
border-radius: 0px;
cursor: pointer;
font-size: 100%;
padding: 2px;
}
button, input[type="button"], label {cursor: pointer;}
img {
display: block;
border: 0;
text-align: center;
}
input:disabled + label {
color:#ccc;
}
#container{
width: 990px; /*задаем ширину макета*/
margin: 0 auto; /*выравниваем макет по центру в современных браузерах */
text-align: left; /*Отменяем tex-align:center заданное в Body. Делаем чтобы весь текст в макете выравнивался по левому краю */
padding-left: 20px;
}
/*Здесь пишем стили для шапки сайта */
#header{
width: 100%;
}
#header h1 {
margin-top: 0;
margin-right: 0;
margin-bottom: 10px;
margin-left: 0;
padding-top: 10px;
padding-right: 0;
padding-bottom: 10px;
padding-left: 0;
}
/*Здесь пишем стили для правой колонки сайта */
#right{
margin: 0px;
width: 243px; /*ширина колонки */
float: right;
margin-right: -10px;
}
/*Здесь пишем стили для блока контента */
#content{
margin: 0px; /*обнуляем отступы сверху и снизу*/
margin-right: 245px; /*обязательный отступ справа, должен быть немного больше ширины правой колонки */
margin-bottom: 10px;
text-align: justify;
}
#content2{
margin: 0px; /*обнуляем отступы сверху и снизу*/
margin-right: 0px; /*обязательный отступ справа, должен быть немного больше ширины правой колонки */
margin-bottom: 0px;
}
#content h1 {
margin:0px; /* Обнуляем отсупы для заголовка первого уровня, находящегося в блоке контента.*/
}
#content p {
margin:0px; /* Обнуляем отсупы для параграфов я, находящегося в блоке контента.*/
padding:5px; /*задаем поля, т.е. чтобы был промежуток между строками, чтобы было понятно, что это параграф :)*/
}
/*атрибут, который опускает подвал сайта ниже всех блоков. Нужен для корректной работы макета. */
#clear{
height:0;
font-size:1px;
line-height:0px;
clear:both;
}
#wrap {margin: 0 auto; width: 990px;}
.display-inline-block {display: inline-block}
.display-none {display: none;}
.text-indent-none {text-indent: 0px;}
.h2-base, .h3-base, .h4-base {padding:10px 0 5px 0;}
.left {float: left;}
.right {float: right;}
.H25 {clear: both; height: 25px;}
.H20 {clear: both; height: 20px;}
.H10 {clear: both; height: 10px;}
.H5 {clear: both; height: 5px;}
.H1 {clear: both; height: 1px;}
.W30p {width: 30%;}
.W40 {width: 40px;}
.W50 {width: 50px;}
.W60 {width: 60px;}
.W60p {width: 60%;}
.W70 {width: 70px;}
.W75 {width: 75px;}
.W100 {width: 100px;}
.W200 {width: 200px;}
.W206 {width: 206px;}
.W250 {width: 250px;}
.W350 {width: 350px;}
.W360 {width: 360px;}
.necessary {font-weight: bold;}
.label {display: block; float: left; font-size: 12px; padding: 2px 2px 2px 24px;}
.link {color: #2260A6; cursor: pointer; display: inline; margin: 5px 0; text-decoration: underline;}
.link:hover {text-decoration:none;}
.border_none {border: none;}
.allparent { margin-right: auto; margin-left: auto}
/* Footer */
/*Здесь пишем стили для подвала сайта */
#footer{
width: 100%;
}
#copyscape { width:234px; height:16px; border:0px;padding-top:5px;}
/* Footer > footer-menu2 */
#footer_menu2 {line-height: 20px; clear: both; float: left; margin:0 0 10px; float: none; overflow: hidden; height: 122px; border-bottom: 3px solid #0363af;padding:0 0 7px;list-style: none;}
.menu2-li {float: left; width: 240px; margin:0 9px 0 2px;}
.menu2-li-last {float: left;width: 233px; margin-right: 2px; margin-left: 2px;}
.menu2-a1 {display:block; border-radius:5px 5px 0 0; color:#FFFFFF; font-size: 14px;}
.menu2-a1 .link-icon {float:left; margin: 5px 0 0 10px; background: url('../img/sea.png') top left no-repeat; background-position: 0 0px; width:27px; height:27px; display: block;}
.menu2-a1 .link-text {padding: 10px 20px 10px 50px; display: block;}
.menu2-a2 {display:block; padding: 10px 10px 10px 15px; height:55px; font-size:13px; color:#444444}
.menu2-a1,.menu2-a2 {text-decoration: none;}
.div-cur .menu2-a1 {color: #0363af;}
#div9.div-cur:hover .menu2-a1, #div10.div-cur:hover .menu2-a1, #div11.div-cur:hover .menu2-a1, #div12.div-cur:hover .menu2-a1, submit-text:hover {text-decoration: none;}
#div9:hover .menu2-a1, #div10:hover .menu2-a1, #div11:hover .menu2-a1, #div12:hover .menu2-a1 {text-decoration: underline;}
#footer_menu {float: right; color: #0363af;}
#footer p{
margin: 0px; /* обнуляем отступы*/
padding: 10px 0; /* задаем поля */
color: #888888;
padding-bottom: 20px;
font-family: verdana, tahoma, arial, sans-serif;
font-size: 13px;
font-style: normal;
font-weight: normal;
line-height: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
text-align: left;
border-top: 3px #0363af solid;
}
/* Cyan gradient #0e1c07*/
#main_menu, #main_menu_ru, .menu2-a1,.submit {background:url('../img/menu.png'); background-repeat: repeat-x; background-position: 0 0px;}
/* Form elements */
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {border-color: #aaa; box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);}
input[type="button"]:hover {background: #0363af;} /*#0363af*/
/* Border-radius & Box-shadow */
#main_menu, #main_menu_ru,.slide, .sb-li, .menu2-li, .menu2-li-last, .sb-btn, .banner {border-radius: 5px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);}
/* Header */
#header { width: 100%;}
#logo{ float: left; margin: 10px 0 60px 0;}
#logo_img {
background: url('../img/sealinklogo.png') top left no-repeat;
background-position: 0 0;
background-repeat: no-repeat;
padding:0 0 49px 260px;
}
#main_menu, #main_menu_ru {font-size:14px;}
/* Header > Attributes */
#attr {float: right;}
#header_menu {
margin-top: 10px;
margin-bottom: 25px;
color: #CCCCCC;
font-family: verdana, tahoma, arial, sans-serif;
}
.menu,.lang, .qr-a {color:#888888;}
.menu {padding: 0 7px;}
.menu:hover,.lang:hover, .qr-a:hover,.sm-a:hover,.qr-sm-a:hover, .nav-a:hover, .a-in-text:hover, .sitemap-a:hover, .need-to-know-a:hover, .qr, .goods a:hover {
text-decoration: none;
color: #00457b;
font-family: verdana, tahoma, arial, sans-serif;
}
.cur,.cur-ru, .active {text-decoration: none; color:#4DC405;}
.cur{padding: 0 7px;}
/* Header > Lang */
#userLanguage {float:right;list-style: none; margin:0; padding:0;}
.lang-cur {border-radius: 4px 4px 4px 4px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); font-weight: bold; color:#0363af; padding:5px; text-decoration:none;}
.lang-li {float:left; padding:0 7px 0 0; margin:0;}
#world {
background: url('../img/world.png') top left no-repeat;
background-position: 0px 0;
background-repeat: no-repeat;
padding:12px 0 12px 75px;
}
/* Header > Main navigation */
#main_menu, #main_menu_ru {clear: both; width: 100%; overflow: hidden; margin-bottom: 13px;}
.cur,.cur-ru,.main-menu, .main-menu-ru {float: left;}
.cur,.main-menu {padding: 11px 28px 12px;}
.cur-ru,.main-menu-ru {padding: 11px 11px 12px;}
.main-menu, .main-menu-ru {color: #fff; text-align: center; text-decoration: none;}
.main-menu:hover,.main-menu-ru:hover, .navM-a:hover {
text-decoration: underline;
font-family: verdana, tahoma, arial, sans-serif;
}
.main-menu-ru:active, .link-text:active, .navM-a:active {
color: #09F;
text-decoration: underline;
}
/* Sidebar */
#sidebar {
width: 233px;
line-height: 110%;
list-style: none outside none;
}
.sb-li {
margin: 0px 0px 13px 0px;
padding: 10px 22px 15px 10px;
}
.icon-header, .icon-header1 {padding-left:27px; padding-bottom:11px; background-position: 0 0px;}
.icon-header {background: url('../img/vhod.png') top left no-repeat;}
.icon-header1 {background: url('../img/zapros.png') top left no-repeat;}
.text-header {
margin: -9px 0 15px 35px;
font-size: 14px;
color: #00457b;
font-weight: bold;
display: block;
}
.sb-p {margin:0 0 13px 0;padding:0 0 0 12px;}
.sb-p-btn {margin:0;padding:0 0 0 12px;text-align: right;}
#user, #password, #tracking_number {width: 181px; padding: 3px 0 3px 5px; font-size:12px; border: 1px #cacaca solid; border-radius: 4px; -webkit-transition: 0.2s linear; -moz-transition: 0.2s linear; -o-transition: 0.2s linear;transition: 0.2s linear;}
.sb-btn {padding: 6px 15px; font-size: 12px; color: #fff; font-weight: 700; border: 0; background: #00457b;}
.sidebar-p {text-indent: 1.5em;}
.sidebar-contact-us-icon {float:left; width:16px; height:11px; margin-left:5px; margin-top:2px;}
.sidebar-e-mail {margin-left:-25px;}
.sidebar-phone {margin-left:10px; margin-top:2px; margin-bottom:2px;}
/* Sidebar > Form */
#shipper {width: 100%; padding: 3px 0 3px 5px; border: 1px #cacaca solid; border-radius: 4px; font-size:12px;}
.banner {margin-bottom:13px;}
/*Quote Request*/
.fz11, .lbl, .lbl-radio, .lbl-align, .lbl-align2,.lbl-align3,.lbl-dates,.lbl-dates-ru, .pickup, .radio-name {font-size:11px;}
.fz10, .lbl2 {font-size:10px;}
.readonly {background-color: #FAF9F7;}
.red {color:red;}
.green {color:green;}
#qr , .goods input , .form input{font-size:10px;}
#qr , .goods select, .form select {padding: 0; font-size: 10px;}
#qr , .goods input[type="radio"], .form input[type="radio"] {border: none;}
#title {
overflow: hidden;
margin: 5px 0 5px 0;
padding: 5px 5px;
border-bottom: 3px #0363af solid;
border-top: 3px #0363af solid;
}
#navigation {overflow: hidden; font-size:11px;}
.not-nav {color:#888888;}
.nav-a {text-decoration:underline; color:#000000;}
.nav-h1 {padding:2px 0 0 0;}
.nav-h1-only {padding:1px 0 1px 0;}
.nav-h1, .nav-h1-only {float: left; font-size: 15px; line-height: normal;}
/* Article title Sub navigation */
#submenu {float: right; list-style: none outside none;}
.sm-li {float: left;}
.sm-a {margin-left: 15px; padding: 2px 0 0 20px;color:#000000;float:right;}
.sm-icon {background: url('/img/cargo-sprites.png') top left no-repeat; background-position: 0 -79px; padding-left:22px;padding-top:3px;}
/* Content page */
#content-page {width: 986px; padding-left:2px; padding-right:2px;}
.block-hid {display:none;}
#article{float: left; width: 740px;line-height: 20px; margin-bottom:13px;}
#article-qr {
line-height: 20px;
margin-bottom: 13px;
}
.header-h2 {font-size: 14px; font-weight:bold; letter-spacing:0px; word-spacing:0px; white-space:pre-wrap; display:block;color:#1D4D01;}
.dt-base, .dd-base {font-size:13px;}
.dt-base {font-weight: bold;color:#1D4D01;}
.dd-base {padding-bottom:5px;}
.contact-us {width: 100%; margin-bottom: 5px; padding-top: 15px; border-top: 1px #d7d7d7 solid;}
.icon-ee {background: url('/img/cargo-sprites.png') top left no-repeat; background-position: 0 0;}
.icon-ru {background: url('/img/cargo-sprites.png') top left no-repeat; background-position: 0 -12px;}
.icon-tw {background: url('/img/cargo-sprites.png') top left no-repeat; background-position: 0 -24px;}
.contact-us-icon {float:left; width:16px; height:11px; margin-left:24px; margin-top:5px;}
.contact-us-text {margin-left: -10px;color:#1D4D01;}
#recipientEmailEstonia, #recipientEmailRussia, #recipientEmailTaiwan {color:#4DC405;font-weight: normal;}
.companyType {font-weight: bold;font-size:20px;}
.textCenter {text-align: center;}
.divCenter {margin: 0 auto;}
.mLeft20 {margin-left: 20px;}
.lblF {float: left; width: 135px; padding-right: 10px;}
.lblF2 {float: left; width: 170px; padding-right: 10px;}
.lblF3 {display:block;float: left; width: 150px; padding-right: 10px;}
.lblF4 {float: left; padding-right: 10px;}
.lblF5 {float: left; padding-right: 10px;padding-left: 20px;}
.inputF {display: block;float: left; margin-bottom:10px;}
.inputF1 {margin-bottom:10px;}
.brF {clear: both;}
.tableTitle {margin: 0 auto; text-align: center;}
/* main */
.h2-first {padding:0 0 5px 0;}
.h2-base, .h2-first {letter-spacing: 0px; word-spacing: +3px;}
.h2-base, .h2-in-text,.h2-in-row, .h2-first {
font-size: 14px;
color: #00457b;
}
.h2-in-text,.h34-in-text, .h3-transit-warehousing {display:inline;}
.h34-in-text {font-size:13px;}
.h3-transit-warehousing {font-weight:normal;font-size:13px;}
.h2-in-row, .p-in-row, .header-h2 {padding:10px 0 0 0;}
#sitemap, .sitemap-ul {list-style: none;padding: 0 0 0 30px;margin:0;}
.sitemap-a, .h3-transit-warehousing {color:#000000;}
.strong-base {color:#1D4D01;}
#main p {text-indent: 1.5em; text-align: justify;}
.indent-top {padding-top:5px;}
#main p, .header-h2 {
padding-right: 15px;
color: #00457b;
}
.bq-base {font-style: italic; margin-top:0px; text-align: justify;}
.in-text-R {float:right; margin:10px -15px 10px 15px;}
.in-text-R2 {float:right; margin:10px 0 10px 15px;}
.col1-in-2col {float:left; margin-right:10px;}
.mR5 {margin-right: 5px;}
.mR10 {margin-right: 10px;}
.ul-base {list-style: disc outside none;}
.ul-circle {list-style-type: circle;}
.ul-base, .ul-sqr, .ul-base2 {padding:0 0 0 30px; margin:0;}
.li-base {padding:0; margin:0 0 1px 3px;}
.ul-base2 {padding-bottom:5px;}
.a-in-text {text-decoration: underline;color:#000000;}
.header-h3 {font-size: 13px; font-weight:bold; white-space:pre-wrap;color:#1D4D01;}
#ntk-ul {margin: 0; padding: 0; list-style: none outside none; margin: 0; padding: 0;}
.ntk-li {padding: 7px 0 7px 25px; margin:0;}
.ntk-a {color: #000000;}
.ntk-icon {background: url('/img/cargo-sprites.png') top left no-repeat; background-position: 0 -79px;width: 19px; height: 19px; float:left; margin-top:-1px;}
.ntk-text{padding-left:5px;}
.units-div {padding-left: 24px;}
#main .units-p-indent {padding-bottom:20px; text-indent: 0;}
#main .units-p {text-indent: 0;}
/* Slider */
#slider {overflow: hidden; position: relative; z-index: 1;}
#slider-ul {list-style: none; padding-left: 0px;}
.slide {float: left; position: relative;}
.slide-content {padding: 30px 55px; position: absolute; top: 0; left: 0;}
.slide-h2 {font-size: 36px; margin: 20px 0;}
.slide-p {font-size: 18px; line-height: 30px;}
.slide-a {display: inline-block; padding: 9px 20px 10px 14px; color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); background: #4dc403;
border-radius: 4px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); margin-top: 20px; line-height: normal; font-size: 16px; font-weight: 700;}
.slide-text{float:left;}
.slide-icon {background: url('/img/cargo-sprites.png') top left no-repeat; background-position: 0 -64px; width:12px; height:14px; float:left;margin:3px 0 0 5px;}
#slider-menu {position: absolute; top: 14px; right: 26px; z-index: 99;}
#slider-menu a {float: left;display:block; text-indent: -9999px; width: 13px; height: 13px; overflow: hidden; margin-left: 7px; background: #e6e6e6; border-radius: 50%; box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.2);}
#slider-menu a:hover {background: #888888;}
#slider-menu .selected {background: #4dc405;}
/* Sidebar > Links */
#qr-link {font-size:14px;padding:0 0 0 12px;margin:0;list-style: none outside none;}
.qr-link-li {margin:0; padding:0;}
.qr-a{
display: block;
padding: 8px 0 8px 0px;
border-bottom: 1px #cacaca solid;
}
.icon-air {background: url('../img/air.png') top left no-repeat; background-position: 0 0px; padding-left:20px; padding-bottom:3px; }
.icon-sea {background: url('../img/sea.png') top left no-repeat; background-position: 0 0px; padding-left: 33px;}
.icon-road {background: url('../img/road.png') top left no-repeat; background-position: 0 0px; padding-left:27px;}
.text-air {padding-left:27px;}
.text-sea {padding-left:14px;}
.text-road {padding-left:21px;}
/* Sidebar > Form */
#shipper {width: 100%; padding: 3px 0 3px 5px; border: 1px #cacaca solid; border-radius: 4px; font-size:12px;}
.banner {margin-bottom:13px;}
/*Quote Request*/
.fz11, .lbl, .lbl-radio, .lbl-align, .lbl-align2,.lbl-align3,.lbl-dates,.lbl-dates-ru, .pickup, .radio-name {font-size:11px;}
.fz10, .lbl2 {font-size:10px;}
.readonly {background-color: #FAF9F7;}
.red {color:red;}
.green {color:green;}
#qr , .goods input , .form input{font-size:10px;}
#qr , .goods select, .form select {padding: 0; font-size: 10px;}
#qr , .goods input[type="radio"], .form input[type="radio"] {border: none;}
/*Goods*/
td input, td select {font-size:10px;}
/* menu */
.qr-h1 {
padding: 0 0 0 0;
font-size: 15px;
font-weight: bold;
float: left;
color: #00457b;
}
.qr-sm-li {float: left; margin-left: 20px;}
.qr-sm-a {padding: 2px 10px 2px 50px;float: left; color:#000000;}
.qr-sm-a-cur {
padding: 2px 10px 2px 50px;
float: left;
color: #09F;
text-decoration: none;
}
.sm-icon-20 {background: url('../img/air.png') top left no-repeat; background-position: 0 0px; padding-left:20px; padding-top:1px; padding-bottom:4px;}
.sm-icon-21 {background: url('../img/sea.png') top left no-repeat; background-position: 0 0px; padding-left:33px; }
.sm-icon-22 {background: url('../img/road.png') top left no-repeat; background-position:0 0px; padding-left:27px; }
.sm-text {padding-left:20px;font-size:13px;}
.qr-p {text-indent: 1.5em; text-align: justify;line-height: 20px;}
.qr-title {overflow: hidden; padding:5px 20px 5px 10px; margin-bottom:20px; border-bottom: 3px #4dc405 solid;}
.block-title {
color: #00457b;
font-size: 14px;
font-weight: bold;
padding: 5px 10px;
border-radius: 5px 5px 0 0;
width: 170px;
text-align: center;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
background-color: #F0F0F0;
}
.block-title-col3 {width:120px;}
.block-title-col3-2 {width:120px; margin:0 15px;}
.block-title-col3-2-ru {width:220px; margin:0 15px;}
.block-title-col3-ru {width:180px;}
.block-content {padding: 13px 10px 10px 10px; border-radius: 0 0 5px 5px; margin-bottom:13px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);background-color: #F0F0F0;}
.lbl {padding: 0 5px 0 24px;}
.lbl2 {padding:0 5px 0 15px;}
.lbl-radio {padding: 0 5px 0 0;}
.lbl-align {padding: 2px 0 0 70px;width: 30%; float:left;}
.lbl-align2 {width: 15%;}
.lbl-align3 {width: 30%;}
.lbl-dates, .lbl-dates-ru, .lbl-align2, .lbl-align3 {padding: 2px 0 0 24px; float:left;}
.lbl-dates {width: 60%;}
.lbl-dates-ru {width: 65%;}
.subtitle-name {padding-left:50px; font-weight: bold; font-size: 12px;}
.line {margin: 3px 10px 13px 24px;}
.col2 {
width: 50%;
float: left;
margin: 0px;
padding: 0px;
}
.p-field {padding-bottom:5px;}
.p-field2 {padding:0 0 10px 0;clear: both;}
.p-field-end {padding-bottom:15px;}
.pickup {padding: 0 5px 0 70px;}
#pickupFromYes, #pickupToYes {padding-top: 5px;}
/*googs*/
#goods_rows {padding-left: 24px;}
.goods-name, .goods-name-a {font-size: 10px; padding: 0 0 5px;float:left;}
.goods-name {font-weight: bold;}
.goods-name-a {font-weight:normal;}
.W-qty-en {width:63px;}
input.W-qty-ru {width:57px;}
.W-qty-ru {width:53px;}
input.W-qty-ru {width:47px;}
.W-packageType {width:158px;}
select.W-packageType {width:152px;}
.W-stackable-en {width:67px;}
.W-stackable-ru {width:109px;}
.W-weight-en {width:80px;}
input.W-weight-en {width:74px;}
.W-weight-ru {width:66px;}
input.W-weight-ru {width:60px;}
.W-LDM-en {width:91px;}
input.W-LDM-en {width:85px;}
.W-LDM-ru {width:87px;}
input.W-LDM-ru {width:81px;}
.W-or-en {width:15px;height:1px;}
.W-or-ru {width:24px;height: 1px;}
.W-volume-en {width:86px;}
input.W-volume-en {width:81px;}
.W-volume-ru {width:79px;}
input.W-volume-ru {width:73px;}
.W-L-en {width:80px;}
input.W-L-en {width:74px;}
.W-L-ru {width:72px;}
input.W-L-ru {width:66px;}
.W-W-en {width:74px;}
input.W-W-en {width:68px;}
.W-W-ru {width:84px;}
input.W-W-ru {width:78px;}
.W-H-en {width:78px;}
input.W-H-en {width:72px;}
.W-H-ru {width:77px;}
input.W-H-ru {width:71px;}
.W-PackageWeight {width:120px;}
input.W-PackageWeight {width:114px;}
.addition-show {background: url('/img/cargo-sprites3.png') top left no-repeat; background-position: 0 0px;}
.addition-show:hover {background: url('/img/cargo-sprites3.png') top left no-repeat; background-position: 0 -16px;}
.addition-hide {background: url('/img/cargo-sprites3.png') top left no-repeat; background-position: 0 -32px;}
.addition-hide:hover {background: url('/img/cargo-sprites3.png') top left no-repeat; background-position: 0 -48px;}
.addition-show, .addition-hide {padding:0 0 0 16px;margin:1px 0 0 5px;cursor:pointer;}
.icon-addition, .icon-del {padding-top:1px;}
.goods-row-del {background: url('/img/cargo-sprites3.png') top left no-repeat; background-position: 0 -64px; padding:0 0 0 16px; margin-left:5px;cursor:pointer;}
.goods-row-del:hover {background: url('/img/cargo-sprites3.png') top left no-repeat; background-position: 0 -80px; padding:0 0 0 16px;cursor:pointer;}
.goods-row-add {background: url('/img/cargo-sprites3.png') top left no-repeat; background-position: 0 -96px; padding:21px 0 4px 25px;cursor:pointer; float:left;margin:5px 0 10px 24px;}
.goods-row-add:hover {background: url('/img/cargo-sprites3.png') top left no-repeat; background-position: 0 -121px; padding:21px 0 4px 25px;cursor:pointer;}
.item-row-del {background: url('/img/cargo-sprites3.png') top left no-repeat; background-position: 0 -64px; padding:0 0 0 16px; margin-left:5px;cursor:pointer;}
.item-row-del:hover {background: url('/img/cargo-sprites3.png') top left no-repeat; background-position: 0 -80px; padding:0 0 0 16px;cursor:pointer;}
.add-filter {background: url('/img/cargo-sprites3.png') top left no-repeat; background-position: 0 -146px; width: 25px; height: 25px;padding:5px 0 4px 25px;cursor:pointer;}
.add-filter:hover {background: url('/img/cargo-sprites3.png') top left no-repeat; background-position: 0 -171px; width: 25px; height: 25px;padding:5px 0 4px 25px;cursor:pointer;}
.delete-filter {background: url('/img/cargo-sprites3.png') top left no-repeat; background-position: 0 -196px; width: 25px; height: 25px;padding:5px 0 4px 25px;cursor:pointer;}
.delete-filter:hover {background: url('/img/cargo-sprites3.png') top left no-repeat; background-position: 0 -221px; width: 25px; height: 25px;padding:5px 0 4px 25px;cursor:pointer;}
.address-add {background: url('/img/cargo-sprites3.png') top left no-repeat; background-position: 0 -246px; padding:0 0 0 25px; cursor:pointer; margin:0 0 0 5px;}
.address-add:hover {background: url('/img/cargo-sprites3.png') top left no-repeat; background-position: 0 -271px; padding:0 0 0 25px; cursor:pointer; margin:0 0 0 5px;}
.address-edit {background: url('/img/cargo-sprites3.png') top left no-repeat; background-position: 0 -296px; width: 25px; height: 25px; cursor:pointer; margin:0 0 0 5px;}
.address-edit:hover {background: url('/img/cargo-sprites3.png') top left no-repeat; background-position: 0 -321px; width: 25px; height: 25px; cursor:pointer; margin:0 0 0 5px;}
.plus16 {background: url('/img/cargo-sprites3.png') top left no-repeat; background-position: 0 -346px; padding:0 0 0 16px; cursor:pointer; margin:0 0 0 5px; }
.plus16:hover {background: url('/img/cargo-sprites3.png') top left no-repeat; background-position: 0 -362px; padding:0 0 0 16px; cursor:pointer; margin:0 0 0 5px; }
.pdf {background: url('/img/cargo-sprites3.png') top left no-repeat; background-position: 0 -378px; padding:0 0 0 16px; cursor:pointer; margin:0 0 0 5px;}
.clip {background: url('/img/cargo-sprites32.png') top left no-repeat; background-position: 0 0; padding:0 0 32px 32px; cursor:pointer; margin:0 0 0 5px;}
.qr-down {background: url('/img/cargo-sprites3.png') top left no-repeat; background-position: -17px 0; padding:0 0 0 16px; cursor:pointer; margin:0 0 0 5px;}
.qr-down:hover {background: url('/img/cargo-sprites3.png') top left no-repeat; background-position: -17px -17px; padding:0 0 0 16px; cursor:pointer; margin:0 0 0 5px;}
.qr-up {background: url('/img/cargo-sprites3.png') top left no-repeat; background-position: -17px -34px; padding:0 0 0 16px; cursor:pointer; margin:0 0 0 5px;}
.qr-up:hover {background: url('/img/cargo-sprites3.png') top left no-repeat; background-position: -17px -51px; padding:0 0 0 16px; cursor:pointer; margin:0 0 0 5px;}
.ok16 {background: url('/img/cargo-sprites3.png') top left no-repeat; background-position: -16px -394px; padding:0 0 0 16px; cursor:pointer; margin:0 0 0 5px;}
.ok16:hover {background: url('/img/cargo-sprites3.png') top left no-repeat; background-position: -0px -394px; padding:0 0 0 16px; cursor:pointer; margin:0 0 0 5px;}
.undo16 {background: url('/img/cargo-sprites3.png') top left no-repeat; background-position: -17px -347px; padding:0 0 0 16px; cursor:pointer; margin:0 0 0 5px;}
.undo16:hover {background: url('/img/cargo-sprites3.png') top left no-repeat; background-position: -17px -364px; padding:0 0 0 16px; cursor:pointer; margin:0 0 0 5px;}
.goods-W {width:75%;}
.radio-name {padding: 0 10px 0 24px;}
#goods-error {padding-top:5px;}
#dangerousYes {padding-left: 24px;}
#t_error {padding-top:5px;}
.col3-1, .col3-2, .col3-3, .col3-3-q {height:62px;}
.col3-1 {width:300px;}
.col3-2 {width:220px;margin:0 15px;}
.col3-3 {width:375px;}
.col3-3-q {width:264px;}
.field-error {border-color:red;}
#goods_rows input[type="text"] {padding:1px;} /*border: 1px solid #1D4D01 */
.goods-c[type="checkbox"] {width:17px; height:17px;border: none;}
.goods-s {padding:0px; width:150px;}
.block-H522 {height: 522px;}
#insuranceYes {margin-top:15px;}
.qr , .goods {line-height: normal; width: 100%;}
.flag {display: inline;}
#div_submit {margin-top:10px; margin-bottom:5px;}
.submit {border-radius: 5px 5px 5px 5px; cursor: pointer; margin:0 auto; text-align:center;}
.submit-en {width:90px;}
.submit-ru {width:110px;}
.submit-text {color: #FFFFFF; font-size: 14px; font-weight: 600; padding: 8px 0 8px 0; display: block;}
.submit :hover {color: #09F;}
.submit :active {
color: #09F;
background: #00457b;
border-radius: 5px 5px 5px 5px;
}
.routeLeg-row { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);margin-bottom:20px;}
/* -------------------------------------------- SPINNER width:40px; height:50px; */
#spinner{position: absolute; left: 50%; top:80%}
#floatingBarsG{position:relative; width:40px; height:50px;}
.blockG{position:absolute; background-color:#4DC403; width:6px; height:16px;
-moz-border-radius:6px 6px 0 0; -moz-transform:scale(0.4); -moz-animation-name:fadeG; -moz-animation-duration:1.44s; -moz-animation-iteration-count:infinite; -moz-animation-direction:linear;
-webkit-border-radius:6px 6px 0 0; -webkit-transform:scale(0.4); -webkit-animation-name:fadeG; -webkit-animation-duration:1.44s; -webkit-animation-iteration-count:infinite; -webkit-animation-direction:linear;
-o-border-radius:6px 6px 0 0; -o-transform:scale(0.4); -o-animation-name:fadeG; -o-animation-duration:1.44s; -o-animation-iteration-count:infinite; -o-animation-direction:linear;
-ms-border-radius:6px 6px 0 0; -ms-transform:scale(0.4); -ms-animation-name:fadeG; -ms-animation-duration:1.44s; -ms-animation-iteration-count:infinite; -ms-animation-direction:linear;
border-radius:6px 6px 0 0; transform:scale(0.4);
animation-name:fadeG; animation-duration:1.44s; animation-iteration-count:infinite; animation-direction:alternate;
}
#rotateG_01{left:0; top:18px; -moz-animation-delay:0.54s; -moz-transform:rotate(-90deg); -webkit-animation-delay:0.54s; -webkit-transform:rotate(-90deg); -o-animation-delay:0.54s; -o-transform:rotate(-90deg); -ms-animation-delay:0.54s; -ms-transform:rotate(-90deg);
animation-delay:0.54s; transform:rotate(-90deg);
}
#rotateG_02{left:5px; top:6px; -moz-animation-delay:0.72s; -moz-transform:rotate(-45deg); -webkit-animation-delay:0.72s; -webkit-transform:rotate(-45deg); -o-animation-delay:0.72s; -o-transform:rotate(-45deg); -ms-animation-delay:0.72s; -ms-transform:rotate(-45deg);
animation-delay:0.72s; transform:rotate(-45deg);
}
#rotateG_03{left:17px; top:2px; -moz-animation-delay:0.9s; -moz-transform:rotate(0deg); -webkit-animation-delay:0.9s; -webkit-transform:rotate(0deg); -o-animation-delay:0.9s; -o-transform:rotate(0deg); -ms-animation-delay:0.9s; -ms-transform:rotate(0deg);
animation-delay:0.9s; transform:rotate(0deg);
}
#rotateG_04{right:5px; top:6px; -moz-animation-delay:1.08s; -moz-transform:rotate(45deg); -webkit-animation-delay:1.08s; -webkit-transform:rotate(45deg); -o-animation-delay:1.08s; -o-transform:rotate(45deg); -ms-animation-delay:1.08s; -ms-transform:rotate(45deg);
animation-delay:1.08s; transform:rotate(45deg);
}
#rotateG_05{right:0; top:18px; -moz-animation-delay:1.26s; -moz-transform:rotate(90deg); -webkit-animation-delay:1.26s; -webkit-transform:rotate(90deg); -o-animation-delay:1.26s; -o-transform:rotate(90deg); -ms-animation-delay:1.26s; -ms-transform:rotate(90deg);
animation-delay:1.26s; transform:rotate(90deg);
}
#rotateG_06{right:5px; bottom:5px; -moz-animation-delay:1.44s; -moz-transform:rotate(135deg); -webkit-animation-delay:1.44s; -webkit-transform:rotate(135deg); -o-animation-delay:1.44s; -o-transform:rotate(135deg); -ms-animation-delay:1.44s; -ms-transform:rotate(135deg);
animation-delay:1.44s; transform:rotate(135deg);
}
#rotateG_07{bottom:0; left:17px; -moz-animation-delay:1.6199999999999999s; -moz-transform:rotate(180deg); -webkit-animation-delay:1.6199999999999999s; -webkit-transform:rotate(180deg); -o-animation-delay:1.6199999999999999s; -o-transform:rotate(180deg); -ms-animation-delay:1.6199999999999999s; -ms-transform:rotate(180deg);
animation-delay:1.6199999999999999s; transform:rotate(180deg);
}
#rotateG_08{left:5px; bottom:5px; -moz-animation-delay:1.8s; -moz-transform:rotate(-135deg); -webkit-animation-delay:1.8s; -webkit-transform:rotate(-135deg); -o-animation-delay:1.8s; -o-transform:rotate(-135deg); -ms-animation-delay:1.8s; -ms-transform:rotate(-135deg);
animation-delay:1.8s; transform:rotate(-135deg);
}
/*@-moz-keyframes fadeG{0%{background-color:#345F1B} 100%{background-color:#4DC403}}
@-webkit-keyframes fadeG{0%{background-color:#345F1B} 100%{background-color:#4DC403}}
@-o-keyframes fadeG{0%{background-color:#345F1B} 100%{background-color:#4DC403}}
@-ms-keyframes fadeG{0%{background-color:#345F1B} 100%{background-color:#4DC403}} */
@keyframes fadeG{0%{background-color:#345F1B} 100%{background-color:#4DC403}}
/* ///////////////////////--------------------- SPINNER */
/*Manager*/
#wrapM {margin: 10px; width: auto;}
#headerM { border-bottom: 3px solid #4DC405;z-index: 1001;}
.div-center {left:50%;position: absolute;}
.header-label-ml {margin-left: -24px;}
#logoM{ float: left; margin-bottom: 50px;}
#header_label {color: #E7E6E6;font-size: 40px; }
#header_menuM {margin-top:40px; display: inline-block;}
.header-menu-li {float: left;list-style: none;}
.header-menu-a {color: #CCCCCC; display: block; padding: 8px 20px 3px; text-decoration: underline;font-weight: bold;}
.header-menu-a:hover {text-decoration:none;}
.header-submenu {display: none;border-radius: 6px 6px 6px 6px;}
.header-menu-li:hover .header-submenu {display: block;position: absolute;top: 76px;background-color: #4DC405;}
.header-submenu-li,.header-submenu-li-one{list-style: none;}
.header-submenu-li-one {background-color:#F9F9F7; height:5px; z-index: 1000;}
.header-submenu-li:hover {background-color:#1D4D01}
.header-submenu-a {color:white; display: block; padding: 8px 20px 5px; text-decoration:none;font-weight: bold;}
.user {font-weight: bold; color:#1D4D01;text-decoration: none;}
#sidebarM {float: left; width: 165px;padding:20px 20px 0 0;}
#navigateM {background-color: #1D4D01; padding: 15px 0; border-bottom: 1px solid #3F6827; border-top: 1px solid #112E01;list-style: none outside none; border-radius: 6px 6px 6px 6px;}
.nav-li {border-bottom: 1px solid #112E01;}
.navM-a { border-top: 1px solid #3F6827;
display: block;
line-height: 1;
padding: 8px 12px 10px;
color: #fff; text-align: left;text-decoration: none;}
.navM-a-cur {background-color: #4DC405;}
#data {float:left;padding-top:20px;width:70%;}
.tableResult {margin-top:5px; margin-bottom:5px;}
.tableResult {border-collapse: collapse;}
.tableResult, .tableResult td , .tableResult th{border: 1px solid #070}
.tableResult td,.tableResult th {padding: 2px 5px}
.tableResult tbody tr:nth-child(even) {background: #EEFFE6}
.tableResult tbody th.start
{
background: url('/img/tabletree/start.gif') 18px 54% no-repeat;
padding-left: 26px;
}
.tableResult tbody th.continue
{
background: url('/img/tabletree/continue.gif') 18px 54% no-repeat;
padding-left: 26px;
}
.tableResult tbody th.end
{
background: url('/img/tabletree/end.gif') 18px 54% no-repeat;
padding-left: 26px;
}
.table1 th {font-weight: normal;}
.tableResult th, #filterRow {background: #EEFCE8; text-align: left}
.tableResult tr:hover {border: 1px double red}
.iconSortNot {background: url('/img/jQueryUI/ui-icons_888888_256x240.png') top left no-repeat; background-position: 0px 0px;padding:0 0 0 16px; }
.iconSort123 {background: url('/img/jQueryUI/ui-icons_cd0a0a_256x240.png') top left no-repeat; background-position: 0px 0px;padding:0 0 0 16px; }
.iconSort321 {background: url('/img/jQueryUI/ui-icons_cd0a0a_256x240.png') top left no-repeat; background-position: 0px 0px;padding:0 0 0 16px; }
.colSort {cursor:pointer;}
.tabs-ul { list-style: none outside none; clear: both; content: ""; display: table;}
.tabs-li {float: left; cursor:pointer;}
.tabs-li-active {border: 1px solid #FF0000;}
.word_wrap {
word-wrap: break-word; /* Перенос слов */
}
.padding_left24 {
padding-left: 24px;
}
#content #main p strong {
color: #444444;
}
#content #main ul {
color: #444444;
padding: 5;
padding-right: 15px;
}
#content #main p {
color: #444444;
}
#content #main table {
text-align: center;
}
#content #main table {
text-align: center;
}