/* COMMON
   =============================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
html, body {width: 100%; height: 100%; background: #fafafa;}
html, body, input, textarea {font-family:"Fuller Sans",  Helvetica,  Arial,  "Lucida Grande",  sans-serif; text-rendering:optimizelegibility; color:#8a9298; font-style:normal; font-variant:normal; font-weight:normal; font-size:inherit; font-size:12px; font-size:1rem}
img {border: 0;}
a {text-decoration: none; color: #0000ff; outline: none;}
a:hover {color: #0000cd; outline: none;}
a:active {outline: none;}
textarea {resize: none;}
input[type="text"], input[type="password"], input[type="checkbox"], textarea {padding: 3px; color: #999; border: 1px solid #bbb; border-radius: 3px;}
input[type="text"]:hover, input[type="password"]:hover, input[type="checkbox"]:hover, textarea:hover {padding: 3px; color: #999; border: 1px solid #999;}
input[type="text"]:focus, input[type="password"]:focus, input[type="checkbox"]:focus, textarea:focus {color: #8a9298; border: 1px solid #0099ff; box-shadow: 0 0 2px 0 #0099ff;}

/* FONTS
   =============================================================== */
@font-face {font-family: 'BellCentAddBTAddress'; src:url("/fonts/belceadr.svg") format('svg'); src: url("/fonts/belceadr.eot"); src: url("/fonts/belceadr.eot?#iefix") format('embedded-opentype'), url("/fonts/belceadr.woff") format('woff'), url("/fonts/belceadr.ttf") format('truetype');}

/* PRINT
   =============================================================== */
.print-header {display: none;}

/* HEADER
   =============================================================== */
#top-header {position: fixed; top: 0; width: 100%; height: 100px; z-index: 2; background: #fff;}
#top-header {-webkit-box-shadow:#dbe3e5 2px 2px 10px; box-shadow:2px 2px 10px #dbe3e5;}
.header-login {float: left; width: 100%; height: 56px;text-align: center;}
.header-login img {width: 183px; height: 56px; margin-top: 10px;}
.login-box {float: left; width: 244px; height: 100px; margin: 100px 350px 300px 350px; padding: 55px 45px 45px 55px; border: 1px solid #ddd; border-radius: 5px; background: #fafafa; box-shadow: 0 0 10px #ddd;}
.login-username, .login-password {float: left; width: 274px;}
.login-username label, .login-password label {float: left; width: 80px; margin-right: 5px; line-height: 20px; font-size: 12px; color: #666;}
.login-username input[type="text"], .login-password input[type="password"] {width: 150px; margin-bottom: 10px; font-size: 12px; font-weight: bold; color: #333;}
.login-password input[type="password"] {margin-left: 2px;}
.login-button {float: left; width: 100px; margin-top: 10px; margin-left: 150px;}
.left-header {float: left; max-width: 600px; margin-top: 5px;}
.header-logo {float: left; width: 183px; height: 56px;}
.header-logo img {float: left; width: 183px; height: 56px; vertical-align: middle;}
#header-search input {float: left; background: url("../images/search.png") left no-repeat; background-size: 19px 19px; background-position: 3px; margin-top: 14px; min-width: 300px; max-width: 300px; height: 18px; padding: 5px 3px 5px 25px; font-size: 16px; color: #333;}
.right-header {float: right; height: 100px;}
.menu-block {float: left; margin: 0 20px;}
.menu-block a {float: left; margin: 5px; padding: 5px; text-align: center; font-size: 12px; font-weight: bold; color: #999; border: 1px solid #ddd; border-radius: 3px; background: #f5f5f5;}
.menu-block img.icon-off {width: auto; height: 31px; opacity: 0.5;}
.menu-block img.icon-on {display: none;}
.menu-block a:hover {color: #333; text-shadow: 1px 1px 0 #fff; box-shadow: 0 0 3px #eee; background: radial-gradient(80% 80%, #fff, #ddd); border: 1px solid #ccc; border-radius: 3px;}
.menu-block a:hover img.icon-on {display: inline; width: auto; height: 31px;}
.menu-block a:hover img.icon-off {display: none;}
.employee-block {float: left; width: 191px; height: 41px; margin: 5px 10px 5px 0;}
.employee-name {float: left; width: 150px; font-size: 16px; font-weight: bold; color: #333;}
.activities-count {float: left; width: 150px; margin-top: 3px; font-size: 10px; font-weight: bold; color: #333;}
.activities-count label {float: left; font-size: 10px; font-weight: normal; color: #999;}
.employee-thumb {float: left; width: 36px; height: 36px; margin-right: 5px; background: url("../images/employee-icon.png") no-repeat;}
.employee-thumb:hover #delete-thumb {display: block; position: absolute; top: 0; right: 0; margin: 5px 207px 0 0;}
.employee-thumb:hover {cursor: pointer; cursor: hand;}
#delete-thumb {display: none; width: 11px;}
#delete-thumb img {width: 19px; height: 11px;}
a#dropdown-link {float: left; width: 32px; height: 32px;}
#dropdown {position: absolute; display: none; top: 0; right: 0; width: 236px; border: 8px solid #ffa500; background-color: #fff; margin-top: 100px; padding: 10px;}
#dropdown input {font-size: 12px;}
.bottom-header-menu {position: absolute; top: 75px; left: 0; right: 0; min-width: 100%; width: 24px; line-height: 24px; font-size: 12px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; border-bottom: 1px solid #ccc; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#e2e2e2'); background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e2e2e2)); background: -moz-linear-gradient(top, #f8f8f8, #e2e2e2); z-index: 20;}
.bottom-header-menu a {float: left; padding: 0 15px; color: #666;}
.bottom-header-menu img {float: left; width: auto; height: 18px; padding: 3px 5px; opacity: 0.5;}
.bottom-header-menu img:hover {opacity: 0.9;}
.bottom-header-menu a:hover, .active-menu a {color: #333; text-shadow: 1px 1px 0 #eee; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#b2b2b2'); background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#b2b2b2)); background: -moz-linear-gradient(top, #f8f8f8, #b2b2b2);}
.menu-divider {float: left; height: 18px; margin: 3px 0; border-left: 1px solid #bbb; border-right: 1px solid #fff;}
.signout-link a {float: right; color: #1E0FBE;}
#tasks {position: absolute; display: none; top: 0; right: 0; width: 275px; height: 400px; overflow-x: hidden; border: 1px solid #ccc; border-radius: 3px; box-shadow: 4px 4px 5px #666; background-color: #fff; margin-top: 75px; padding-bottom: 10px; z-index: 100;}
.tasks-block {float: left; width: 150px;}
.tasks-counter {float: right; height: 35px; margin: -5px 10px 0 0;}
.tasks-counter img {float: left; width: 16px; height: 16px; margin-top: 14px;}
.tasks-counter a {float: left; margin-left: -5px; padding: 2px 6px; font-size: 16px; color: #fff; border: 2px solid #eee; border-radius: 5px; background: #e32636;}
.tasks-list {float: left; width: 267px; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #fff;}
.task-form {float: left; width: 249px; padding: 10px 10px 10px 8px; border-bottom: 1px solid #ddd; background: #f1f1f1;}
.task-icon {float: left; width: 32px; height: 32px; margin-right: 5px; background: url("../images/employee-icon.png") no-repeat;}
.task-icon img {float: left; width: 32px; height: 32px;}
.task-name {float: left; width: 212px;}
.task-name label {float: left; font-size: 12px; font-weight: bold; color: #444;}
.task-name input[type="text"] {width: 204px; font-size: 12px; color: #333;}
.task-name select {margin-top: 10px;}
.tasks-items ul {float: left; width: 249px; margin: 0 10px 0 8px;}
.tasks-items li {float: left; width: 249px; line-height: 15px; padding: 10px 0; font-size: 12px; font-weight: normal; color: #333; border-bottom: 1px dashed #ccc !important;}
.task-date {margin: 0 5px; color: #999;}
.delete-task {float: left; width: 209px; text-align: right; color: #ff0000;}
.delete-task a {margin-left: 10px; padding-left: 10px; border-left: 1px solid #999;}
.task-button a {margin-left: 10px; padding: 3px 7px !important;}
#task-name::-webkit-input-placeholder, #poster-name::-webkit-input-placeholder, #card-mm::-webkit-input-placeholder, #card-yy::-webkit-input-placeholder, .date-from::-webkit-input-placeholder, .date-to::-webkit-input-placeholder, #link-location::-webkit-input-placeholder, #additional-instruction::-webkit-input-placeholder, #agent-name::-webkit-input-placeholder {font-size: 12px; color: #ddd;}
#task-name:-moz-placeholder, #poster-name:-moz-placeholder, #card-mm:-moz-placeholder, #card-yy:-moz-placeholder, .date-from:-moz-placeholder, .date-to:-moz-placeholder, #link-location:-moz-placeholder, #additional-instruction:-moz-placeholder, #agent-name:-moz-placeholder {font-size: 12px; color: #ddd;}
.update-posts ul {float: left; width: 249px; margin: 0 10px 0 8px;}
.update-posts li {float: left; width: 249px; line-height: 15px; padding: 10px 0; font-size: 12px; color: #333; border-bottom: 1px dashed #ccc !important;}
.post-date {margin: 0 5px; color: #999;}
.delete-update {float: left; width: 204px; margin-right: 20px; text-align: right;}

/* --------- menu --------- */
.reports-menu, .tools-menu {display: none; float: left; padding: 10px 0; text-transform: none; background: #fff; border: 1px solid #ccc; border-radius: 5px; box-shadow: 0 0 5px #ddd;}
.reports-menu:after, .reports-menu:before, .tools-menu:after, .tools-menu:before {bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;}
.reports-menu:after, .reports-menu:after, .tools-menu:after, .tools-menu:after {border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 10px; margin-left: -10px;}
.reports-menu:before, .reports-menu:before, .tools-menu:before, .tools-menu:before {border-color: rgba(204, 204, 204, 0); border-bottom-color: #ccc; border-width: 11px; margin-left: -11px;}
.reports-dropdown:hover .reports-menu, .tools-dropdown:hover .tools-menu {display: block; position: absolute; width: 180px; padding-top: 9px; z-index: 1;}
.reports-menu li, .tools-menu li {float: left; width: 160px; padding: 5px 10px;}
.reports-menu li:hover, .tools-menu li:hover {color: #fff; background: #0000ff; cursor: pointer;}
.reports-dropdown:hover .reports-menu {margin: 25px 0 0 19px;}
.tools-dropdown:hover .tools-menu {margin: 25px 0 0 215px;}

/* SEARCH
   =============================================================== */
.ui-autocomplete {position: absolute; top: 0; left: 0; width: 314px; padding: 10px 0; border-radius: 5px; background: #fff; box-shadow: 0 0 5px #ccc; cursor: default; z-index: 10000;}
.ui-autocomplete li {color: #000; background: #fff;} /* background dropdown */
.ui-autocomplete-category {float: left; width: 316px; padding: 5px; font-size: 14px; font-weight: bold;}
.ui-autocomplete a {float: left; width: 316px; margin-left: 2px; padding: 10px 5px; font-size: 12px; color: #000; background: #fff;}
.loading {display: none; width: 16px; height: 16px; background-image: url(/images/indicator.gif); vertical-align: text-bottom;}
.ui-helper-hidden-accessible {display:none;}
.ui-state-focus, .ui-widget-content .ui-state-focus {float: left; width: 316px; font-weight: bold; color: #fff; background: #0000ff;} /*li highlight */

/* CONTAINER
   =============================================================== */
#container {position: relative; top: 0; bottom: 0; left: 0; right: 0; width: 1036px; min-height: 100%; margin: 0 auto; padding: 100px 0 20px 0; z-index: 1;}
.wider #container {width: 1172px;}
#content {float: left; width:100%; height: 100%; border-left: 2px solid #fff; border-right: 2px solid #fff; background: #f5f5f5; box-shadow:2px 2px 10px #dbe3e5;}

/* DASHBOARD
   =============================================================== */
.dashboard {float: left; width: 1036px; height: 75px; padding-top: 10px; background: #fff;}
.wider .dashboard {width: 1172px;}
.dashboard-aa-auto {float: left; width: auto; height: 41px; line-height: 43px; margin: 10px 0 10px 26px; padding: 0 5px; font-size: 16px; font-weight: bold; color: #fff; text-transform: uppercase; letter-spacing: 0px; border-top: 2px solid #FDC9C9; border-bottom: 2px solid #BE0909; background: #FA8080;}
.wider .dashboard-aa-auto {margin: 10px 0 10px 94px;}
.dashboard-us-canada {float: left; width: auto; height: 41px; line-height: 43px; margin: 10px 0 10px 20px; padding: 0 5px; font-size: 16px; font-weight: bold; color: #fff; text-transform: uppercase; letter-spacing: 0px; border-top: 2px solid #CDF1B5; border-bottom: 2px solid #488A1D; background: #91DF5D;}
.dashboard-aa-motorcycle {float: left; width: auto; height: 41px; line-height: 43px; margin: 10px 0 10px 20px; padding: 0 5px; font-size: 16px; font-weight: bold; color: #fff; text-transform: uppercase; letter-spacing: 0px; border-top: 2px solid #B4C4F9; border-bottom: 2px solid #0F31A0; background: #597DF1;}
.dashboard-counter a {min-width: 40px; float: left; width: auto; height: 37px; margin: 10px 0 10px 1px; padding: 2px 5px; text-align: center; font-size: 22px; font-weight: bold; color: #333; letter-spacing: 0px; border-top: 2px solid #f9f9f9; border-bottom: 2px solid #ccc; background: #f5f5f5;}
.dashboard-counter a:hover {color: #0000FF;}
.dashboard-counter:hover label {cursor: pointer; cursor: hand;}
.dashboard-counter a label {font-size: 12px; color: #999;}

/* REPORTS
   =============================================================== */
.main-header {float: left; width: 1026px; height: 40px; line-height: 40px; padding-left: 10px; font-size: 20px; font-weight: bold; color: #333; background: #eee;}
.main-header select, .main-header input[type="text"] {display: inline-block; vertical-align: middle; margin-left: 20px;}
.main-subheader {float: left; width: 1026px; height: 32px; line-height: 32px; padding-left: 10px; font-size: 14px; font-weight: bold; color: #444; border-top: 1px solid #fff; background: #ddd;}
.wider .main-header, .wider .main-subheader {width: 1162px;}
.main-subheader span, .additional-cost-block span {float: left; margin-right: 10px;}
.ref-date-subheader {width: 100px;}
.contact-subheader, .from-to-subheader, .vehicles-subheader {width: 242px;}
.operable-subheader, .truck-subheader {width: 70px; text-align: center;}
.shipping-method-subheader {width: 140px;}
.period-subheader, .period-item {width: 164px; font-weight: bold;}
.general-subheader, .general-item {text-align: right; width: 110px; font-weight: bold;}
.rep-subheader, .rep-item, .date-subheader, .date-item {width: 132px;}
.long-subheader, .long-item {width: 732px;}
.main-panel, .main-document {display: block; width: 100%; line-height: 16px; padding-bottom: 20px;}
.wider .main-document {width: 1172px;}
.main-panel span, .main-document span {float: left; margin-right: 10px;}
.main-panel li, .main-document li {float: left; width: 1026px; padding: 10px 0 10px 10px; font-size: 12px; color: #333; border-top: 1px solid #ddd;}
.wider .main-document li {width: 1162px;}
.main-panel li:hover {background: #eee;}
li.load-more {text-align: center; background: #bbb; cursor: pointer;}
li.load-more:hover {background: #999;}
li.load-more a {font-size: 14px; color: #fff;}
li.load-more label {font-size: 12px;}
.ref-date-item {width: 100px;}
.ref-date-item a {font-size: 14px;}
.contact-item, .from-to-item, .vehicles-item {width: 242px;}
.operable-item, .truck-item {width: 70px; text-align: center;}
.shipping-method-item {width: 140px;}
.operable-item label {font-weight: bold; color: #ff0000;}
.truck-item label {font-weight: bold; color: #009933;}
.contact-item a {font-weight: bold;}
.note-item {float: left; width: 1006px; margin: 10px 0; padding: 5px; background: #f9f9f9;}
.main-panel li:hover .note-item {background: #eee;}
.source-item, .followups-item, .status-item {float: left;}
.note-item label, .source-item label, .followups-item label, .status-item label, .vendor-notes-item label {margin-right: 5px; font-weight: normal; font-style: italic; color: #777;}
.followups-item {color: #fc6600;}
.status-item {width: 1026px; margin: 10px 0; font-weight: bold; color: #009933;}
.status-item label {float: left;}
.status-green {color: #009933;}
.status-red {color: #ff0000;}
.thankyou-item a, .stop-followups-item a, .delete-item a, .undelete-item a {display: none; font-size: 12px; padding: 2px 10px; text-align: center; background: #fff; border: 1px solid #ddd; border-radius: 3px;}
.main-panel li:hover .thankyou-item a, .main-panel li:hover .stop-followups-item a {display: block; position: absolute; right: 0; margin-right: 79px;}
.main-panel li:hover .delete-item a, .main-panel li:hover .thankyou-item a, .main-panel li:hover .undelete-item a {display: block; position: absolute; right: 0; margin-right: 3px;}
.thankyou-item a, .undelete-item a {margin-top: -29px;}
.report-header {float: left; width: 1026px; height: 40px; line-height: 40px; padding-left: 10px; font-size: 16px; font-weight: bold; color: #333; background: #eee;}
.report-header select {font-size: 14px;}
.report-date-filter {float: right; margin-right: 10px;}
.report-date-filter label {font-size: 12px; font-weight: normal; color: #666;}
.report-date-filter input[type="text"] {width: 100px; text-align: center; font-size: 12px; font-weight: bold; color: #333;}
.report-date-filter a, .add-price a, .add-zone a, .add-account a, .add-vendor a {padding: 3px 7px; font-size: 12px; font-weight: bold; color: #333; border-radius: 5px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#ccc'); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); background: -moz-linear-gradient(top, #fff, #ccc); box-shadow: 0 0 3px #999;}
.report-date-filter a:hover, .add-price a:hover, .add-zone a:hover, .add-account a:hover, .add-vendor a:hover {color: #000; background: radial-gradient(80% 80%, #fff, #ccc); box-shadow: 0 0 3px #666;}
.quoted-price-subheader, .quoted-price-item {width: 100px;}
.automated-quote-subheader, .automated-quote-item {width: 232px;}
.quoted-price-item, .automated-quote-item {font-size: 14px; font-weight: bold;}
.rep-icon {width: 32px; height: 32px; margin-right: 5px; background: url("../images/employee-icon.png") no-repeat;}
.rep-icon img {width: 32px; height: 32px;}
.rep-icon-blank {width: 32px; height: 32px; margin-right: 5px;}
li.report-total {padding-top: 20px; padding-bottom: 10px; font-size: 16px; font-weight: bold; background: #ccffcc;}
li.report-total:hover {background: #ccffcc;}
.commission-to-subheader, .commission-to-item {width: 290px;}
.commission-to-subheader input[type="text"] {width: 200px; height: 16px; vertical-align: middle; font-size: 12px; font-weight: bold; color: #000;}
.order-total-subheader, .order-total-item, .commission-owed-subheader, .commission-owed-item, .commission-settled-subheader, .commission-settled-item, .commission-date-subheader, .commission-date-item {width: 100px; text-align: right;}
.order-total-subheader, .commission-to-item, .order-total-item, .commission-owed-item, .commission-settled-item, .commission-date-item {font-weight: bold;}

/* DOCUMENTS
   =============================================================== */
.documents-header-aa-auto, .documents-header-us-canada, .documents-header-aa-motorcycle {float: left; width: 322px; padding-left: 10px; color: #fff;}
.documents-header-aa-auto {background: #FA8080;}
.documents-header-us-canada {background: #91DF5D;}
.documents-header-aa-motorcycle {background: #597DF1;}
.documents-aa-auto, .documents-us-canada, .documents-aa-motorcycle {float: left; width: 310px; margin-bottom: 20px; padding: 0 10px 10px 10px; background: #fff;}
.documents-aa-auto label, .documents-us-canada label, .documents-aa-motorcycle label {font-weight: normal;}
.documents-aa-auto {margin-left: 10px; border: 1px solid #FA8080;}
.documents-us-canada {border: 1px solid #91DF5D;}
.documents-aa-motorcycle {border: 1px solid #597DF1;}
.documents-aa-auto li, .documents-us-canada li, .documents-aa-motorcycle li {float: left; width: 300px; padding-bottom: 0; list-style-type: initial; list-style-position: inside; text-indent: -10px; font-weight: bold; border-top: none;}
.documents-aa-auto li li, .documents-us-canada li li, .documents-aa-motorcycle li li {padding-top: 5px; font-weight: normal; list-style-type: circle;}
.documents-aa-auto:hover li, .documents-aa-auto:hover li li, .documents-us-canada:hover li, .documents-us-canada:hover li li, .documents-aa-motorcycle:hover li, .documents-aa-motorcycle:hover li li {background: none;}
.add-price a, .add-zone a, .add-account a, .add-vendor a {float: right; line-height: 22px; margin: 7px 10px 0 0;}
.type-subheader, .type-item {float: left; width: 100px; margin-right: 10px;}
.zones-subheader, .zones-item {float: left; width: 137px; margin-right: 10px;}
.crst-booking-numbers {float: left; width: 290px; margin-top: 10px; padding: 10px; background: #ddd;}
.crst-start, .crst-end {float: left; width: 290px;}
.crst-booking-numbers input[type="text"] {width: 110px; margin-top: 10px; text-align: center; font-size: 12px; font-weight: bold; color: #333;}
.crst-booking-numbers label {float: left; width: 80px; line-height: 20px; margin: 10px 5px 0 0; font-size: 12px; color: #666;}
.crst-button a {float: left; margin: 10px 0 0 85px !important;}
.weight-subheader, .weight-item, .ttt-subheader, .ttt-item, .t-subheader {float: left; width: 136px; line-height: 1; text-align: center;}
.tier-city-subheader, .tier-city-item, .tier-state-subheader, .tier-state-item, .tier-zipcode-subheader, .tier-zipcode-item, .tier-level-subheader, .tier-level-item, .tier-fee-subheader, .tier-fee-item, .tier-option-subheader, .tier-option-item {display: inline-block; margin-right: 20px;}
.tier-city-subheader, .tier-city-item {width: 300px;}
.tier-city-item input[type="text"] {width: 288px; padding: 3px 5px; font-weight: bold;}
.tier-state-subheader, .tier-state-item {width: 180px;}
.tier-state-item select {width: 168px; padding: 3px 5px;}
.tier-zipcode-subheader, .tier-zipcode-item {width: 90px;}
.tier-zipcode-item input[type="text"] {width: 68px; padding: 3px 5px; text-align: center; font-weight: bold;}
.tier-level-subheader, .tier-level-item {width: 90px;}
.tier-level-item select {width: 78px; padding: 3px 5px;}
.tier-fee-subheader, .tier-fee-item {width: 60px;}
.tier-fee-item input[type="text"] {width: 48px; padding: 3px 5px; text-align: center; font-weight: bold;}
.tier-option-subheader, .tier-option-item {float: right !important; width: 140px;}
.length-subheader, .width-subheader, .length-item, .width-item {float: left; width: 106px; line-height: 1; text-align: center;}
.dtd-subheader, .dtd-item {float: left; width: 210px; line-height: 1; text-align: center;}
.weight-subheader, .weight-item, .length-subheader, .width-subheader {font-size: 14px;}
.dtd-subheader, .ttt-subheader, .t-subheader {font-size: 13px;}
.weight-subheader, .length-subheader, .width-subheader, .dtd-subheader, .ttt-subheader, .option-subheader, .t-subheader {margin: 4px 10px 0 0;}
.weight-subheader, .length-subheader, .width-subheader, .option-subheader {padding-top: 4px;}
.dtd-subheader label, .ttt-subheader label {float: left; width: 68px; font-size: 11px; font-weight: normal; text-align: center;}
.t-subheader label {float: left; width: 136px; font-size: 11px; font-weight: normal; text-align: center;}
.weight-subheader label, .length-subheader label, .width-subheader label {font-weight: normal;}
.additional-cost-block, .multiple-discount-block {display: block; width: 100%; margin: 10px 0; padding: 10px 0; border-top: 1px solid #ddd;}
.additional-cost-header, .multiple-discount-header {display: inline-block; clear: both; width: 100%; height: 60px; line-height: 60px; font-size: 20px; font-weight: bold; color: #333; background: #eee;}
.additional-cost-header label, .multiple-discount-header label {margin-left: 10px;}
.additional-cost-header input, .multiple-discount-header input {vertical-align: middle;}
.multiple-discount-header input:nth-child(2) {margin-right: 60px;}
.multiple-discount-header input[type="text"] {width: 90px; margin-left: 10px; text-align: center; font-size: 12px; font-weight: bold; color: #333;}
.additional-cost-block li {display: block; width: 100%; border-top: none;}
li.additional-cost-subheader {display: block; width: 100%!important; margin: 0; padding: 10px 0; font-size: 14px; font-weight: bold; color: #444; background: #ddd;}
li.additional-cost-subheader:hover {background: #ddd;}
.additional-cost-dtd-subheader, .additional-cost-ttt-subheader {float: left; width: 136px; font-size: 13px;}
.additional-cost-dtd-item, .additional-cost-ttt-item {float: left; width: 136px; font-weight: bold;}
.six-subheader, .seven-subheader, .eight-subheader, .nine-subheader, .ten-subheader, .oversized-subheader, .insurance-subheader {float: left; width: 110px; margin-right: 10px; text-align: center; font-size: 13px;}
.t-cost-item {width: 135px; text-align: center;}
.six-item, .seven-item, .eight-item, .nine-item, .ten-item, .oversized-item, .insurance-item {float: left; width: 110px; margin-right: 10px; text-align: center;}
.weight-item input[type="text"], .length-item input[type="text"], .width-item input[type="text"], .dtd-weight-item input[type="text"], .dtd-cost-item input[type="text"], .ttt-weight-item input[type="text"], .ttt-cost-item input[type="text"], .t-cost-item input[type="text"], .six-item input[type="text"], .seven-item input[type="text"], .eight-item input[type="text"], .nine-item input[type="text"], .ten-item input[type="text"], .oversized-item input[type="text"], .insurance-item input[type="text"], .from-item input[type="text"], .to-item input[type="text"], .price-item input[type="text"] {width: 55px; text-align: center; font-size: 12px; font-weight: bold; color: #333;}
.oversized-subheader label, .insurance-subheader label {font-size: 11px; font-weight: normal;}
.document-buttons {display: block; clear: both; width: 100%; padding: 20px 0; text-align: center; border-top: 1px solid #fff; border-bottom: 1px solid #ddd; background: #eee;}
.from-subheader, .to-subheader, .price-subheader {float: left; width: 110px; margin-right: 40px; text-align: center; font-size: 14px;}
.from-item, .to-item, .price-item {float: left; width: 110px; margin-right: 40px; text-align: center; font-size: 12px; font-weight: bold;}
.state-subheader {float: left; width: 185px; margin-right: 20px; font-size: 14px; font-weight: bold;}
.state-item {float: left; width: 185px; margin-right: 20px; font-size: 12px;}
.start-zip-subheader, .end-zip-subheader, .surcharge-subheader {float: left; width: 136px; margin-right: 20px; text-align: center; font-size: 14px; font-weight: bold;}
.start-zip-item, .end-zip-item, .surcharge-item {float: left; width: 136px; margin-right: 20px; text-align: center; font-size: 12px;}
.start-zip-item input[type="text"], .end-zip-item input[type="text"], .surcharge-item input[type="text"], li.within-california input[type="text"] {width: 65px; text-align: center; font-size: 12px; font-weight: bold; color: #333;}
.start-mileage-item, .end-mileage-item {float: left; width: 136px; margin-right: 20px; text-align: center; font-size: 12px;}
.start-mileage-item input[type="text"], .end-mileage-item input[type="text"] {width: 65px; text-align: center; font-size: 12px; font-weight: bold; color: #333;}
li.within-california label {float: left; height: 22px; line-height: 22px; margin-right: 5px; font-weight: bold;}
.main-header-dropdown select {font-size: 16px;}
.year-subheader {float: left; width: 100px; line-height: 32px; font-size: 14px;}
.year-item {float: left; width: 100px; line-height: 22px; font-size: 12px; font-weight: bold;}
.text-editor {float: left; width: 1036px;}
.vendors-list {float: left; width: 1036px; border-bottom: 20px solid #ddd;} 
.main-panel .vendors-list li:hover {background: none;}
.category-subheader, .vendor-subheader, .contact-info-subheader, .additional-info-subheader {float: left; margin-right: 10px; font-size: 14px; font-weight: bold;}
.vendor-subheader, .contact-info-subheader, .additional-info-subheader {width: 288px;}
.category-subheader {width: 120px;}
.category-item, .vendor-item, .contact-info-item, .additional-info-item {float: left; margin-right: 10px; font-size: 12px; font-weight: bold;}
.vendor-item, .contact-info-item, .additional-info-item {width: 288px; font-weight: bold !important;}
.category-item {width: 120px;}
.vendor-item label, .contact-info-item label, .additional-info-item label, .category-item label {font-weight: normal !important; color: #666;}
.vendor-options-item {float: right !important;}
.vendor-container {float: left; width: 650px;}
.vendor-form {float: left; width: 380px; height: 495px; padding: 10px 10px 10px 10px;}
.side-panel {float: left; width: 225px; height: 475px; margin-top: 10px; padding: 10px; font-size: 12px; background: #eee;}
.vendor-header {float: left; width: 205px; margin-bottom: 10px; padding: 10px; color: #333; font-weight: bold; background: #ddd;}
.vendor-field1, .vendor-field2, .vendor-field3, .vendor-zip, .vendor-ext, .vendor-notes {float: left;}
.side-panel input[type="checkbox"] {vertical-align: middle; margin-bottom: 10px;}
.vendor-form select {float: left; height: 23px;}
.vendor-form input[type="text"], .side-panel input[type="text"], .vendor-notes textarea {font-size: 12px; font-weight: bold; color: #333;}
.vendor-field1 input[type="text"], .vendor-notes textarea {width: 287px; margin-bottom: 10px;}
.vendor-field1 select {margin-bottom: 10px;}
.vendor-field2 input[type="text"] {width: 130px; margin-bottom: 10px;}
.vendor-field3 input[type="text"], .vendor-zip input[type="text"], .vendor-ext input[type="text"] {width: 55px; margin-bottom: 10px;}
.vendor-field4 select {margin-bottom: 10px;}
.vendor-form label, .side-panel label {float: left; width: 80px; line-height: 22px; margin-right: 5px;font-size: 12px;}
.vendor-zip label, .vendor-ext label {width: auto; line-height: 22px; margin-left: 20px;}
.vendor-form-buttons {float: left; width: 650px; height: 40px; line-height: 40px; text-align: center; background: #eee;}
.vendor-notes-item {float: left; width: 886px; margin: 10px 0 10px 120px; padding: 5px; background: #f9f9f9;}

/* TOOLS
   =============================================================== */
.first-subheader, .last-subheader, .username-subheader, .password-subheader, .telephone-subheader {float: left; width: 130px; font-size: 14px; font-weight: bold;}
.fullname-subheader, .email-subheader {float: left; width: 260px; font-size: 14px; font-weight: bold;}
.access-subheader {float: left; width: 160px; text-align: center;}
.access-item {float: left; width: 160px;}
.access-item select {width: 158px;}
.access-item li {float: left; padding: 0!important; width: 148px!important; border: 0!important;}
.option-subheader, .option-item {float: left; width: 106px; line-height: 1; margin-left: 40px!important;}
.option-subheader.zones-options, .option-item.zones-options {float: right; margin-right: 40px;}
.dealer-option-subheader, .dealer-option-item {float: right; margin-left: 40px;}
.option-subheader {font-size: 14px;}
.option-item {font-size: 13px;}
.first-item, .last-item, .username-item, .password-item, .telephone-item {float: left; width: 130px;}
.dealer-fullname-subheader, .dealer-fullname-item, .dealer-email-subheader, .dealer-email-item, .dealer-password-subheader, .dealer-password-item {float: left; width: 260px;}
.first-item input[type="text"], .last-item input[type="text"], .username-item input[type="text"], .password-item input[type="text"], .telephone-item input[type="text"] {width: 122px; font-size: 12px; font-weight: bold; color: #333;}
.dealer-fullname-item input[type="text"], .dealer-email-item input[type="text"], .dealer-password-item input[type="text"] {width: 244px; font-size: 12px; font-weight: bold; color: #333;}

/* FORM
   =============================================================== */
.form-tabs {float: left; width: 1036px; height: 30px; background: #fff;}
.order-tab {position: relative; float: left; height: 30px; line-height: 30px; width: 150px; text-align: center; font-size: 14px; font-weight: bold; border-radius: 10px 10px 0px 0px;}
.order-tab label {font-size: 12px; font-weight: normal; color: #777;}
.order-tab-corner {position:absolute; bottom:0px; right:-24px; height:0; width:0; border-style: solid; border-width: 13px 13px 13px 13px;}
.messages-tab {position: relative; float: left; height: 30px; line-height: 30px; width: 150px; margin-left: 15px; text-align: center; font-size: 14px; font-weight: bold; border-radius: 10px 10px 0px 0px;}
.not-linked {margin-left: 0;}
.messages-tab-corner {position:absolute; bottom:0px; right:-24px; height:0; width:0; border-style: solid; border-width: 13px 13px 13px 13px;}
.order-tab:hover, .messages-tab:hover {color: #333; cursor: pointer;}
.inactive-tab {color: #999; background-color: #eee; z-index: 1;}
.active-tab {color: #333; background-color: #ddd; z-index: 2;}
.inactive-corner {border-color: transparent transparent #eee #eee; z-index: 1;}
.active-corner {border-color: transparent transparent #ddd #ddd; z-index: 2;}
.form-header {float: left; width: 1036px; height: 40px; line-height: 40px; border-bottom: 1px solid #ccc; background: #ddd;}
.form-header-left {float: left; width: 345px;}
.form-header-left select {float: left; margin: 10px 0 0 10px;}
.form-header-middle {float: left; width: 346px; line-height: 40px; text-align: center; font-size: 20px; font-weight: bold; color: #333;}
.form-header-middle label {margin-right: 10px; font-size: 14px; font-weight: normal; color: #666;}
.quote-source {margin-left: 10px; font-size: 10px; font-weight: normal; color: #444;}
.form-header-right {float: left; width: 345px; text-align: right; font-size: 12px; color: #666;}
.form-header-right input[type="checkbox"] {margin-right: 20px; vertical-align: middle;}

/* PORT DOCUMENT
   =============================================================== */
.port-form {position: relative; left: 0; right: 0; width: 816px; margin: 0 auto;}
.form-blaine-img, .form-nafta-img, .form-proforma-img, .form-poa-img, .form-sweetgrass-img, .form-thirdparty-img {position: relative; width: 816px; height: 1056px; top: 1px; margin-top: 2px; z-index: 0;}
.form-blaine-img img, .form-nafta-img img, .form-proforma-img img, .form-poa-img img, .form-sweetgrass-img img, .form-thirdparty-img img {width: 816px; height: 1056px;}
.form-blaine, .form-nafta, .form-proforma, .form-poa, .form-sweetgrass {position: relative; width: 816px; height: 1056px; margin: -1158px 0 0 -113px; z-index: 1;}
.form-epa-img1, .form-epa-img2 {position: relative; width: 816px; height: 1081px; top: 1px; margin-top: 2px; z-index: 0;}
.form-epa-img2 {margin-top: -1165px;}
.form-epa-img1 img, .form-epa-img2 img {width: 816px; height: 1081px;}
.form-epa1 {position: relative; width: 816px; height: 1081px; margin: -1184px 0 0 -113px; z-index: 2;}
.form-epa2 {position: relative; width: 816px; height: 1081px; margin: -2350px 0 0 -113px; z-index: 1;}
.form-dot-img {position: relative; width: 816px; height: 1344px; top: 1px; margin-top: 2px; z-index: 0;}
.form-dot-img img {width: 816px; height: 1344px;}
.form-dot {position: relative; width: 816px; height: 1344px; margin: -1447px 0 0 -113px; z-index: 1;}
.form1 {height: 2330px;}
.form2 {height: 1140px;}
.form3 {height: 1428px;}
.form4 {height: 1081px;}
.blaine-form {display: inline-block; margin: -410px 0 0 0; z-index: 1;}
.port-form input, .port-form input:hover, .port-form input:focus, .port-form textarea, .port-form textarea:hover, .port-form textarea:focus {position: absolute; padding: 0 5px; font-size: 12px; font-weight: bold; color: #000000; border: 0; border-radius: 0; box-shadow: none;}
.port-form input, .port-form textarea {background: #ffffcc;}
.port-form input:hover, .port-form input:focus, .port-form textarea:hover, .port-form textarea:focus {background: #ffff00;}
.save-cancel-buttons {position: relative; width: 1036px; top: 0; padding: 20px 0; text-align: center;}
/* --------- nafta certificate of origin --------- */
.nafta-exporter-name textarea {top: 399px; left: 153px; width: 358px; height: 60px;}
.nafta-exporter-ein input {top: 464px; left: 305px; width: 206px; height: 16px;}
.nafta-blanket-period input {top: 399px; left: 522px; width: 364px; height: 20px;}
.nafta-from input {top: 432px; left: 522px; width: 364px; height: 18px;}
.nafta-to input {top: 462px; left: 522px; width: 364px; height: 18px;}
.nafta-producer-name {position: absolute; top: 494px; left: 153px; width: 368px; height: 60px; font-size: 11px; color: #000000; background: #ffffcc;}
.nafta-producer-name input[type="text"] {position: relative; display: block; width: 186px; top: -12px;  left: 174px; padding: 0 3px; font-size: 12px; font-weight: bold; color: #000000; border: 1px solid #cccccc; background: #ffffff;}
.manufacturer-address {position: relative; display: block; top: -30px; left: 5px; width: 358px;}
.nafta-producer-ein input {top: 558px; left: 305px; width: 206px; height: 16px;}
.nafta-importer-name textarea {top: 494px; left: 522px; width: 363px; height: 60px;}
.nafta-importer-ein input {top: 558px; left: 673px; width: 212px; height: 16px;}
.nafta-description textarea {top: 630px; left: 153px; width: 358px; height: 200px;}
.nafta-tariff-number textarea {top: 630px; left: 522px; width: 80px; height: 200px;}
.nafta-preference-criterion textarea {top: 630px; left: 613px; width: 67px; height: 200px;}
.nafta-producer textarea {top: 630px; left: 691px; width: 59px; height: 200px;}
.nafta-net-cost textarea {top: 630px; left: 761px; width: 56px; height: 200px;}
.nafta-origin-country textarea {top: 630px; left: 828px; width: 58px; height: 200px;}
.nafta-signer-company input {top: 1037px; left: 525px; width: 361px; height: 22px;}
.nafta-signer-title input {top: 1073px; left: 525px; width: 361px; height: 22px;}
.nafta-signer-name input {top: 1073px; left: 153px; width: 360px; height: 22px;}
.nafta-signer-phone input {top: 1109px; left: 525px; width: 160px; height: 22px;}
.nafta-signer-fax input {top: 1109px; left: 705px; width: 181px; height: 22px;}
/* --------- epa declaration form 3520-1 --------- */
.port-code input {top: 531px; left: 150px; width: 80px; height: 20px;}
.port-date input {top: 531px; left: 242px; width: 80px; height: 20px;}
.customs-number input {top: 531px; left: 335px; width: 174px; height: 20px;}
.vin-number input {top: 531px; left: 521px; width: 359px; height: 20px;}
.manufacture-date input {top: 579px; left: 150px; width: 173px; height: 20px;}
.manufacture input {top: 579px; left: 335px; width: 174px; height: 20px;}
.model input {top: 579px; left: 521px; width: 359px; height: 20px;}
.ici-number input {top: 615px; left: 150px; width: 359px; height: 20px;}
.epa-number input {top: 615px; left: 521px; width: 359px; height: 20px;}
.importer-code textarea {top: 783px; left: 150px; width: 138px; height: 69px; font-size: 11px!important;}
.owner-name textarea {top: 743px; left: 300px; width: 138px; height: 109px; font-size: 11px!important;}
.storage-contact textarea {top: 743px; left: 451px; width: 138px; height: 109px; font-size: 11px!important;}
.today-date input {top: 756px; left: 652px; width: 228px; height: 17px;}
.company-name textarea {top: 793px; left: 602px; width: 278px; height: 59px;}
.code-b input {top: 880px;}
.code-f input {top: 912px;}
.code-ee input {top: 981px;}
.code-ff input {top: 1051px;}
.code-m input {top: 1112px;}
.code-e input {top: 1156px;}
.code-l input {top: 1392px;}
.code-u input {top: 1424px;}
.code-w input {top: 1457px;}
.code-y input {top: 1489px;}
.code-g input {top: 1567px;}
.code-i input {top: 1613px;}
.code-k input {top: 1658px;}
.code-n input {top: 1718px;}
.code-o input {top: 1762px;}
.code-a input {top: 1802px;}
.code-c input {top: 1834px;}
.code-j input {top: 1852px;}
.code-z input {top: 1884px;}
.code-h input {top: 1936px;}
.code-q input {top: 1983px;}
.code-b input, .code-b input:hover, .code-b input:focus, .code-f input, .code-f input:hover, .code-f input:focus, .code-ee input, .code-ee input:hover, .code-ee input:focus, .code-ff input, .code-ff input:hover, .code-ff input:focus, .code-m input, .code-m input:hover, .code-m input:focus, .code-e input, .code-e input:hover, .code-e input:focus, .code-l input, .code-l input:hover, .code-l input:focus, .code-u input, .code-u input:hover, .code-u input:focus, .code-w input, .code-w input:hover, .code-w input:focus, .code-y input, .code-y input:hover, .code-y input:focus, .code-g input, .code-g input:hover, .code-g input:focus, .code-i input, .code-i input:hover, .code-i input:focus, .code-k input, .code-k input:hover, .code-k input:focus, .code-n input, .code-n input:hover, .code-n input:focus, .code-o input, .code-o input:hover, .code-o input:focus, .code-a input, .code-a input:hover, .code-a input:focus, .code-c input, .code-c input:hover, .code-c input:focus, .code-j input, .code-j input:hover, .code-j input:focus, .code-z input, .code-z input:hover, .code-z input:focus, .code-h input, .code-h input:hover, .code-h input:focus, .code-q input, .code-q input:hover, .code-q input:focus {left: 154px; padding: 0; width: 12px; height: 12px; text-align: center; text-transform: uppercase;}
/* --------- blaine, wa worksheet --------- */
.blaine-vin input {top: 367px; left: 320px; width: 508px; height: 22px;}
.blaine-year input {top: 392px; left: 265px; width: 46px; height: 22px;}
.blaine-make input {top: 392px; left: 392px; width: 158px; height: 22px;}
.blaine-model input {top: 392px; left: 642px; width: 185px; height: 22px;}
.blaine-title input {top: 418px; left: 275px; width: 275px; height: 22px;}
.blaine-date input {top: 418px; left: 705px; width: 122px; height: 22px;}
.blaine-itn input {top: 494px; left: 253px; width: 328px; height: 22px;}
.blaine-value input {top: 494px; left: 668px; width: 160px; height: 22px;}
.blaine-carrier input {top: 519px; left: 290px; width: 223px; height: 22px;}
.blaine-vessel input {top: 519px; left: 603px; width: 225px; height: 22px;}
.blaine-export-date-mm input {top: 570px; left: 338px; width: 60px; height: 22px; text-align: center;}
.blaine-export-date-dd input {top: 570px; left: 415px; width: 14px; height: 22px; text-align: center;}
.blaine-export-date-yy input {top: 570px; left: 445px; width: 27px; height: 22px; text-align: center;}
.blaine-destination input {top: 596px; left: 427px; width: 400px; height: 22px;}
.blaine-location input {top: 620px; left: 385px; width: 442px; height: 22px;}
.blaine-shipper-name input {top: 695px; left: 270px; width: 347px; height: 22px;}
.blaine-shipper-address input {top: 721px; left: 295px; width: 532px; height: 22px;}
.blaine-shipper-city input {top: 746px; left: 258px; width: 238px; height: 22px;}
.blaine-shipper-state input {top: 746px; left: 578px; width: 74px; height: 22px;}
.blaine-shipper-zipcode input {top: 746px; left: 760px; width: 68px; height: 22px;}
.blaine-shipper-phone input {top: 772px; left: 275px; width: 552px; height: 22px;}
.blaine-shipper-issuer input {top: 797px; left: 610px; width: 217px; height: 22px;}
.blaine-consignee-name input {top: 872px; left: 270px; width: 347px; height: 22px;}
.blaine-consignee-address input {top: 897px; left: 295px; width: 532px; height: 22px;}
.blaine-consignee-city input {top: 922px; left: 258px; width: 238px; height: 22px;}
.blaine-consignee-state input {top: 922px; left: 578px; width: 74px; height: 22px;}
.blaine-consignee-country input {top: 922px; left: 760px; width: 68px; height: 22px;}
.blaine-consignee-phone input {top: 948px; left: 275px; width: 552px; height: 22px;}
.blaine-agent-name input {top: 1024px; left: 270px; width: 557px; height: 22px;}
.blaine-agent-address input {top: 1049px; left: 295px; width: 532px; height: 22px;}
.blaine-agent-city input {top: 1074px; left: 258px; width: 250px; height: 22px;}
.blaine-agent-state input {top: 1074px; left: 590px; width: 238px; height: 22px;}
.blaine-agent-phone input {top: 1099px; left: 275px; width: 234px; height: 22px;}
.blaine-agent-contact input {top: 1099px; left: 617px; width: 210px; height: 22px;}
/* --------- dot declaration form hs799short --------- */
.declaration-port-entry input {top: 314px; left: 137px; width: 192px; height: 16px;}
.declaration-port-code input {top: 314px; left: 340px; width: 176px; height: 16px;}
.declaration-customs-entry input {top: 314px; left: 528px; width: 198px; height: 16px;}
.declaration-entry-date input {top: 314px; left: 737px; width: 156px; height: 16px;}
.declaration-make input {top: 345px; left: 137px; width: 192px; height: 16px;}
.declaration-model input {top: 345px; left: 340px; width: 176px; height: 16px;}
.declaration-year input {top: 345px; left: 528px; width: 48px; height: 16px;}
.declaration-vin input, .declaration-vin input:hover, .declaration-vin input:focus {top: 345px; left: 588px; width: 305px; height: 16px; font-size: 14px; text-transform: uppercase; opacity: 0.5;}
.declaration-importer-number input {top: 378px; left: 137px; width: 588px; height: 16px;}
.declaration-eligibility input {top: 378px; left: 737px; width: 156px; height: 16px;}
.declaration-description input {top: 409px; left: 137px; width: 756px; height: 16px;}
.declaration1 input, .declaration2a input, .declaration2b input, .declaration3 input, .declaration4 input, .declaration5 input, .declaration6 input, .declaration7 input, .declaration8 input, .declaration9 input, .declaration10 input, .declaration11 input, .declaration12 input, .declaration13 input {-ms-transform: scale(0.7); -moz-transform: scale(0.7); -webkit-transform: scale(0.7); -o-transform: scale(0.7);}
.declaration1 input {top: 434px; left: 127px;}
.declaration2a input {top: 484px; left: 127px;}
.declaration2b input {top: 565px; left: 127px;}
.declaration3 input {top: 667px; left: 127px;}
.declaration4 input {top: 869px; left: 127px;}
.declaration5 input {top: 920px; left: 127px;}
.declaration6 input {top: 1042px; left: 127px;}
.declaration7 input {top: 433px; left: 518px;}
.declaration8 input {top: 656px; left: 518px;}
.declaration9 input {top: 747px; left: 518px;}
.declaration10 input {top: 879px; left: 518px;}
.declaration11 input {top: 939px; left: 518px;}
.declaration12 input {top: 970px; left: 518px;}
.declaration13 input {top: 1081px; left: 518px;}
.declaration-manufacture-date input {top: 460px; left: 242px; width: 75px; height: 16px;}
.declaration-passport-no input {top: 1017px; left: 223px; width: 75px; height: 16px;}
.declaration-issue-countrry input {top: 1017px; left: 371px; width: 75px; height: 16px;}
.declaration-embassy input {top: 1200px; left: 242px; width: 202px; height: 16px;}
.declaration-importer-name input {top: 1335px; left: 139px; width: 376px; height: 16px;}
.declaration-importer-address input {top: 1335px; left: 527px; width: 367px; height: 16px;}
.declaration-declarant input {top: 1369px; left: 139px; width: 376px; height: 16px;}
.declaration-declarant-address input {top: 1369px; left: 527px; width: 367px; height: 16px;}
.declaration-declarant-capacity input {top: 1403px; left: 139px; width: 376px; height: 16px;}
/* --------- proforma u.s. invoice --------- */
.proforma-seller-account input {top: 381px; left: 224px; width: 117px; height: 20px;}
.proforma-seller-name input {top: 412px; left: 184px; width: 277px; height: 20px;}
.proforma-seller-address1 input {top: 442px; left: 184px; width: 277px; height: 20px;}
.proforma-seller-address2 input {top: 472px; left: 184px; width: 277px; height: 20px;}
.proforma-buyer-account input {top: 381px; left: 608px; width: 117px; height: 20px;}
.proforma-buyer-name input {top: 412px; left: 568px; width: 277px; height: 20px;}
.proforma-buyer-address1 input {top: 442px; left: 568px; width: 277px; height: 20px;}
.proforma-buyer-address2 input {top: 472px; left: 568px; width: 277px; height: 20px;}
.proforma-buyer-address1 input {top: 442px; left: 568px; width: 277px; height: 20px;}
.proforma-invoice-number input {top: 502px; left: 240px; width: 117px; height: 20px;}
.proforma-fed-id input {top: 502px; left: 664px; width: 183px; height: 20px;}
.proforma-related input {top: 530px; left: 238px; width: 26px; height: 20px;}
.proforma-nonrelated input {top: 530px; left: 409px; width: 26px; height: 20px;}
.proforma-carrier input {top: 592px; left: 234px; width: 264px; height: 20px;}
.proforma-hs input {top: 622px; left: 214px; width: 228px; height: 20px;}
.proforma-vehicle-type input {top: 622px; left: 624px; width: 221px; height: 20px;}
.proforma-vehicle-year input {top: 653px; left: 262px; width: 60px; height: 20px;}
.proforma-vehicle-make input {top: 653px; left: 371px; width: 95px; height: 20px;}
.proforma-vehicle-model input {top: 653px; left: 520px; width: 100px; height: 20px;}
.proforma-manufacture-month input {top: 653px; left: 740px; width: 43px; height: 20px;}
.proforma-manufacture-year input {top: 653px; left: 797px; width: 43px; height: 20px;}
.proforma-hp input {top: 683px; left: 209px; width: 61px; height: 20px;}
.proforma-cc input {top: 683px; left: 314px; width: 59px; height: 20px;}
.proforma-vehicle-weight input {top: 683px; left: 458px; width: 110px; height: 20px;}
.proforma-gwr input {top: 683px; left: 625px; width: 127px; height: 20px;}
.proforma-fuel input {top: 683px; left: 797px; width: 50px; height: 20px;}
.proforma-vin input {top: 713px; left: 225px; width: 309px; height: 20px;}
.proforma-manufacture-country input {top: 713px; left: 656px; width: 190px; height: 20px;}
.proforma-sales-price input {top: 744px; left: 264px; width: 200px; height: 20px;}
.proforma-odometer input {top: 744px; left: 738px; width: 109px; height: 20px;}
.proforma-interior input {top: 774px; left: 732px; width: 110px; height: 20px;}
.proforma-dot1a input {top: 875px; left: 539px; width: 102px; height: 20px;}
.proforma-dot1b input {top: 899px; left: 451px; width: 95px; height: 20px;}
.proforma-dot-ri input {top: 927px; left: 337px; width: 234px; height: 20px;}
.proforma-dot-importer input {top: 927px; left: 655px; width: 110px; height: 20px;}
.proforma-dot1c input {top: 950px; left: 365px; width: 380px; height: 16px;}
.proforma-epa2a input {top: 1004px; left: 393px; width: 110px; height: 16px;}
.proforma-epa2b input {top: 1029px; left: 583px; width: 103px; height: 16px;}
.proforma-epa2c input {top: 1054px; left: 365px; width: 321px; height: 16px;}
.proforma-entry-no input {top: 1174px; left: 265px; width: 175px; height: 16px;}
.proforma-print-name input {top: 1078px; left: 598px; width: 247px; height: 20px;}
/* --------- customs power of attorney --------- */
.poa1 input {top: 286px; left: 695px; width: 171px; height: 14px;}
.poa2 input {top: 304px; left: 695px; width: 171px; height: 14px;}
.poa3 input {top: 331px; left: 406px; width: 376px; height: 14px;}
.poa4 input {top: 349px; left: 194px; width: 252px; height: 14px;}
.poa5 input {top: 349px; left: 672px; width: 193px; height: 14px;}
.poa6 input {top: 368px; left: 408px; width: 457px; height: 14px;}
.poa7 input {top: 797px; left: 338px; width: 528px; height: 14px;}
.poa9 input {top: 833px; left: 228px; width: 248px; height: 14px;}
.poa11 input {top: 959px; left: 185px; width: 213px; height: 14px;}
.poa12 input {top: 959px; left: 528px; width: 140px; height: 14px;}
.poa13 input {top: 959px; left: 714px; width: 151px; height: 14px;}
.poa14 input {top: 978px; left: 424px; width: 130px; height: 14px;}
.poa15 input {top: 978px; left: 608px; width: 125px; height: 14px;}
.poa16 input {top: 996px; left: 356px; width: 215px; height: 14px;}
.poa20 input {top: 1149px; left: 463px; width: 402px; height: 14px;}
/* --------- sweetgrass worksheet --------- */
.sweetgrass-vin input {top: 395px; left: 294px; width: 494px; height: 14px;}
.sweetgrass-year input {top: 416px; left: 294px; width: 494px; height: 14px;}
.sweetgrass-make input {top: 437px; left: 294px; width: 494px; height: 14px;}
.sweetgrass-model input {top: 458px; left: 294px; width: 494px; height: 14px;}
.sweetgrass-title input {top: 543px; left: 438px; width: 352px; height: 14px;}
.sweetgrass-transporting-name input {top: 649px; left: 422px; width: 238px; height: 14px;}
.sweetgrass-transporting-phone input {top: 649px; left: 720px; width: 79px; height: 14px;}
.sweetgrass-transporting-border input {top: 670px; left: 436px; width: 359px; height: 14px;}
.sweetgrass-export-date input {top: 691px; left: 362px; width: 431px; height: 14px;}
.sweetgrass-seller-name input {top: 795px; left: 278px; width: 518px; height: 14px;}
.sweetgrass-seller-street input {top: 816px; left: 334px; width: 462px; height: 14px;}
.sweetgrass-seller-state input {top: 837px; left: 272px; width: 78px; height: 14px;}
.sweetgrass-seller-zipcode input {top: 837px; left: 449px; width: 62px; height: 14px;}
.sweetgrass-seller-phone input {top: 837px; left: 572px; width: 94px; height: 14px;}
.sweetgrass-seller-cell input {top: 837px; left: 716px; width: 79px; height: 14px;}
.sweetgrass-purchaser-name input {top: 920px; left: 278px; width: 518px; height: 14px;}
.sweetgrass-purchaser-street input {top: 941px; left: 334px; width: 462px; height: 14px;}
.sweetgrass-purchaser-province input {top: 962px; left: 296px; width: 78px; height: 14px;}
.sweetgrass-purchaser-zipcode input {top: 962px; left: 473px; width: 56px; height: 14px;}
.sweetgrass-purchaser-phone input {top: 962px; left: 590px; width: 86px; height: 14px;}
.sweetgrass-purchaser-cell input {top: 962px; left: 722px; width: 79px; height: 14px;}
/* --------- third party billing letter --------- */

/* MESSAGES
   =============================================================== */
.messages-header {float: left; width: 1026px; height: 60px; line-height: 20px; padding-left: 10px; font-size: 12px; font-weight: bold; color: #333; background: #ddd;}
.messages-header label {margin-right: 5px; font-weight: normal;}
.message-buttons {float: right;}
.send-buttons {float: right; margin-top: -18px;}
.reply-overlay {position: absolute; right: 0; margin-top: 16px;}
.send-buttons a, .forward-button a, .crst-button a, .login-button a, .testimonial-buttons a, .marketing-top-header a, .message-buttons a, .link-button a {padding: 5px 10px !important; cursor: pointer;}
.message-thread-header {float: left; width: 1026px; height: 40px; line-height: 40px; padding-left: 10px; font-size: 14px; font-weight: bold; color: #333; border-top: 1px solid #fff; border-bottom: 1px solid #ddd; background: #ddd;}
.message-thread-header label {float: left;}
.link-button {margin-right: 10px;}
.message-thread, .testimonial-list {float: left; width: 1036; background: #fff;}
.sender-icon {float: left; width: 32px; height: 32px; background: url("../images/employee-icon.png") no-repeat; margin-right: 5px;}
.sender-icon img {float: left; width: 32px; height: 32px;}
.message-sender, .testimonial-sender {float: left; font-size: 12px; font-weight: bold;}
.message-sender label, .testimonial-sender label {font-weight: normal;}
.message-content {float: left; width: 974px; margin: 10px 20px 0 42px; font-size: 12px;}
.forward-thread {float: left; margin: -7px 10px 0 0;}
.forward-thread input[type="text"] {color: #333;}
.link-ref {margin: 0 30px 0 0;}
.link-ref input[type="text"] {width: 300px; font-weight: bold; color: #333;}
.forward-thread img, .link-ref img {width: 16px; height: 16px; vertical-align: bottom; margin-left: 5px; padding: 5px; border: 1px solid #bbb; border-radius: 5px; background: #ddd; cursor: pointer;}
.forward-thread:hover img, .link-ref:hover img {box-shadow: 0 0 3px #999; background: #ccc;}
.message-options, .testimonial-options {display: none;}
.message-content:hover .message-options {display: block; float: right; margin-top: -16px;}


/* SMS
   =============================================================== */
.sms-thread-header {float: left; width: 1026px; height: 40px; line-height: 40px; padding-left: 10px; font-size: 14px; font-weight: bold; color: #333; border-top: 1px solid #fff; border-bottom: 1px solid #ddd; background: #ddd;}
.sms-thread-header label {float: left;}
.sms-thread, .testimonial-list {float: left; width: 1036; background: #fff;}
.sms-sender, .testimonial-sender {float: left; font-size: 12px; font-weight: bold;}
.sms-sender label, .testimonial-sender label {font-weight: normal;}
.sms-content {float: left; width: 974px; margin: 10px 20px 0 42px; font-size: 12px;}
.sms-options {display: none;}
.sms-content:hover .sms-options {display: block; float: right; margin-top: -16px;}



/* TESTIMONIALS
   =============================================================== */
.testimonial-icon {float: left; width: 120px; min-height: 120px; max-height: auto; background: url("../images/testimonial-icon.png") no-repeat; margin-right: 5px; text-align: center;}
.testimonial-icon img {float: left; width: 120px; height: 120px;}
.testimonial-icon a {line-height: 24px; font-size: 12px;}
.testimonial-content {float: left; width: 886px; margin: 10px 20px 0 0; font-size: 12px;}
.testimonial-title {float: left; width: 886px; margin: 10px 0 10px 0; font-size: 16px; font-weight: bold;}
.testimonial-title-field label, .testimonial-content-field label  {font-size: 12px; color: #777;}
.testimonial-title-field, .testimonial-content-field {float: left; width: 315px; margin: 10px 10px 0 0;}
.testimonial-title-field input[type="text"] {width: 307px; margin: 3px 10px 0 0; font-size: 12px; font-weight: bold; color: #333;}
.testimonial-content-field textarea {width: 307px; height: 90px; margin: 3px 10px 20px 0; font-size: 12px; color: #333;}
.testimonial-content:hover .testimonial-options {display: block; float: right; margin-top: -16px;}
.testimonial-form {float: left; width: 460px; padding-top: 20px; background: #fff;}
.testimonial-form .testimonial-icon {margin-left: 10px;}
.testimonial-form-buttons {float: left; width: 460px; height: 40px; line-height: 40px; text-align: center; background: #eee;}

/* MARKETING
   =============================================================== */
.marketing-top-header, .marketing-header {float: left; width: 1026px; height: 40px; line-height: 40px; padding-left: 10px; font-weight: bold; color: #333; background: #eee;}
.marketing-top-header {font-size: 14px; border-bottom: 1px solid #fff;}
.marketing-top-header label {margin-right: 3px; font-size: 12px; font-weight: normal; color: #666;}
.marketing-top-header input {margin-right: 10px; font-size: 12px; color: #333 !important;}
input.mth-location {width: 150px;}
input.mth-discount {width: 70px; text-align: center; font-weight: bold;}
input.mth-expires {width: 95px; text-align: center;}
input.mth-url {width: 255px;}
.marketing-top-header select {font-size: 14px;}
.marketing-header {font-size: 16px;}
.marketing-header select {font-size: 14px;}
.link-subheader, .link-item {width: 250px; margin-right: 10px; word-wrap: break-word;}
.location-subheader, .location-item {width: 140px; margin-right: 10px;}
.for-site-subheader, .for-site-item {width: 80px; margin-right: 10px;}
.discount-subheader, .ad-expires-subheader, .clicks-subheader, .discount-item, .ad-expires-item, .clicks-item {width: 70px; margin-right: 10px;}
.discount-subheader, .discount-item, .clicks-subheader, .clicks-item, .delete-subheader, .delete-item {text-align: center;}
.clicks-item {font-size: 14px; font-weight: bold;}
.delete-subheader, .delete-item {width: 70px;}

/* LEFT PANEL
   =============================================================== */
.left-panel {float: left; width: 768px;}
.form-subheader-left {float: left; width: 768px; height: 32px; line-height: 32px; font-size: 14px; font-weight: bold; color: #444; border-top: 1px solid #fff; background: #ccc;}
.form-subheader-icon {float: left; width: 32px; height: 32px; background: url("../images/employee-icon.png") no-repeat; margin-right: 5px;}
.form-subheader-icon img {float: left; width: 32px; height: 32px;}
.form-subheader-left label {font-size: 12px; font-weight: normal; color: #888;}
.form-subheader-options {float: right; height: 32px; line-height: 32px; font-size: 12px; font-weight: normal; color: #888;}
.form-subheader-options img {float: left; width: 16px; height: auto; margin-right: 5px; margin-top: 10px; opacity: 0.5;}
.form-subheader-options a, .form-subheader-options > label {float: left; padding: 0 10px; color: #666;}
.form-subheader-options a:hover {color: #333; background: #eee;}
.form-subheader-options input[type="checkbox"] { margin: 0; padding: 0; vertical-align: middle; }
.contact-panel {float: left; width: 748px; padding: 10px;}
.contact-panel input[type="text"], .vehicle-details input[type="text"], .shipper-details input[type="text"], .payment-details input[type="text"] {font-size: 12px; font-weight: bold; color: #333;}
.contact-panel label {float: left; font-size: 12px; color: #777;}
.pickup-from-header {float: left; width: 342px; height: 28px; line-height: 28px; padding-left: 10px; font-size: 14px; color: #333; text-shadow: 1px 1px 0 #ccc; background: #bbb;}
.swap-contact-header {float: left; width: 34px; height: 28px; padding: 0 5px; text-align: center; font-size: 10px; background: #bbb;}
.terminal-option {float: right;}
.swap-contact-header img {width: auto; height: 16px;}
.swap-contact-header a {color: #444;}
.swap-contact-header:hover {background: #f1f1f1;}
.deliver-to-header {float: left; width: 342px; height: 28px; line-height: 28px; padding-left: 10px; font-size: 14px; color: #333; text-shadow: 1px 1px 0 #ccc; background: #bbb;}
table.contact-info {width: 748px; border: 1px solid #e5e5e5;}
table.contact-info td {width: 372px; vertical-align: top; border: 1px solid #bbb;}
td.email-block {text-align: center; font-size: 12px; background: #fafafa;}
.contact-email {display: inline-block; padding: 14px 10px 10px 10px;}
.contact-email label {line-height: 27px; margin-right: 5px;}
.contact-email input[type="text"] {width: 300px;}
.pickup-from-block {float: left; width: 362px; height: auto; padding: 10px 0 10px 10px;}
.first-name, .last-name {float: left;}
.first-name {margin-right: 10px;}
.first-name input[type="text"], .last-name input[type="text"] {width: 163px;}
.company-name-link a {float: left; width: 352px; margin-top: 10px; font-size: 11px;}
.company, .street, .apt, .zip-code, .zip-code-lookup, .cell-phone, .home-phone, .pickup-date, .pickup-terminal, .deliver-to-terminal, .terminal-address {float: left; width: 352px; margin-top: 10px;}
.work-phone {float: left; width: 138px; margin-top: 10px;}
.work-phone input[type="text"] {width: 130px;}
.work-ext {float: left; margin: 10px 0 0 90px;}
.work-ext input[type="text"] {width: 55px; margin-bottom: 10px;}
.zip-code a {vertical-align: middle; margin-left: 10px; font-size: 10px;}
.company input[type="text"], .street input[type="text"], .zip-code-lookup input[type="text"] {width: 346px;}
.apt input[type="text"], .pickup-date input[type="text"], .vehicle-value input[type="text"] {width: 100px;}
.city {float: left; width: 200px; margin: 10px 10px 0 0;}
.city input[type="text"], .cell-phone input[type="text"], .work-phone input[type="text"], .home-phone input[type="text"] {width: 192px;}
.state, .state-region {float: left; margin: 10px 10px 0 0;}
.state select, .state-region select {padding: 4px;}
.zip-code input[type="text"] {width: 69px;}
.terminal-address {font-size: 12px; color: #333;}
.deliver-to-block {float: left; width: 353px; height: auto; padding: 10px;}

/* --------- vehicles --------- */
.vehicles-header, .instructions-header, .shippers-header, .payments-header {float: left; width: 708px; height: 28px; line-height: 28px; margin-left: 10px; padding: 0 10px 0 30px; font-size: 14px; color: #333; text-shadow: 1px 1px 0 #ccc; border-top: 1px solid #eee; border-bottom: 1px solid #666; background: #bbb;}
.customer-instructions {padding: 0 30px 0 10px;}
.vehicles-header label, .instructions-header label, .shippers-header label, .payments-header label {margin-left: 5px; font-size: 16px; font-weight: bold; color: #000;}
.expand a:link {position: relative; width: 17px; height: 17px; margin: 7px 0 0 -743px; background-image: url(../images/arrow-down.gif); background-repeat: no-repeat;}
.expand a.open:link {background: url(../images/arrow-up.gif) no-repeat;}
.add-vehicle a, .add-shipper a {float: right; line-height: 28px; padding: 0 5px; color: #444;}
.add-vehicle img, .add-shipper img {width: 13px; height: 13px; margin-right: 5px; vertical-align: middle; opacity: 0.5;}
.add-vehicle a:hover, .add-shipper a:hover {color: #333; background: #eee;}
.add-vehicle a:hover img, .add-shipper a:hover img {opacity: 0.8;}
.vehicle-details, .instructions-details, .shipper-details, .payment-details {float: left; width: 726px; margin-left: 10px; padding: 10px; border-left: 1px solid #bbb; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb;}
.vehicle-details label, .instructions-details label, .shipper-details label, .payment-details label, .invoice-details label {float: left; font-size: 12px; color: #777;}
.vehicle-make-model, .vehicle-specs, .vehicle-vin-license {float: left; width: 726px;}
.vehicle-specs {margin-top: 10px;}
.vehicle-type {float: left; width: 726px; margin-bottom: 10px;}
.vehicle-year, .vehicle-make, .vehicle-model {float: left; margin-right: 10px;}
.vehicle-year select, .vehicle-make select, .vehicle-model select {height: 23px;}
.vehicle-size {float: left; margin-right: 10px;}
.vehicle-weight, .vehicle-length {margin-left: 10px; font-size: 12px; font-weight: bold; color: #333;}
.vehicle-weight label, .vehicle-length label, .vehicle-color label {float: none; font-weight: normal; color: #777;}
.vehicle-color {float: left; font-size: 12px; color: #333;}
.vehicle-color input[type="text"] {width: 205px; margin-top: 3px;}
.color-selection {float: left; width: 195px; line-height: 21px; margin-top: 3px; padding: 0 6px 0 4px; font-weight: bold; border: 1px solid #bbb; border-radius: 3px; background: #fff;}
.color-selection a {color: #999;}
.color-selection a:hover {color: #333;}
.color-selection:hover {cursor: hand; cursor: pointer;}
.color-icon {float: left; width: 19px; height: 19px; margin-right: 5px; border: 1px solid #ddd;}
.color-list {display: none;}
.color-list ul {position: absolute; display: block; width: 205px; height: 250px; overflow-x: hidden; margin: 26px 0 0 -207px; padding: 10px 0; border-radius: 5px; box-shadow: 3px 3px 3px #ccc; background: #fff;}
.color-list li {float: left; width: 190px; line-height: 21px; margin-right: 15px; padding: 5px; font-size: 12px; text-transform: capitalize; color: #333; border-top: 1px solid #fafafa; border-bottom: 1px solid #fafafa;}
.color-list li:hover {border-top: 1px solid #f1f1f1; border-bottom: 1px solid #ddd; background: #eee; cursor: hand; cursor: pointer;}
.down-arrow {float: right; margin-left: 3px; padding-left: 5px; font-size: 10px; color: #999; border-left: 1px solid #eee;}
.down-arrow:hover {color: #333;}
.vehicle-condition {float: left; margin-left: 50px; text-align: center; font-size: 12px; color: #333;}
.vehicle-condition label {margin-bottom: 4px;}
.inoperable {padding: 0 10px; border: 1px solid #cc0000; background: #ff6961;}
.inoperable label {color: #fff;}
.vehicle-value {float: left; width: 726px; line-height: 22px; margin-top: 5px;}
.vehicle-value input[type="text"] {float: left;}
.vehicle-value label {float: left;}
.insurance-cost {float: left; vertical-align: middle; margin-left: 20px; font-size: 12px; font-weight: bold; color: #333;}
.shipping-method {float: left; margin: 10px 10px 0 0;}
.shipping-method select {height: 23px;}
.door-to-door-rate, .door-to-terminal-rate, .terminal-to-door-rate, .terminal-to-terminal-rate {float: left; margin: 10px 0 0 20px; font-size: 12px;}
.door-to-door-rate input[type="text"], .door-to-terminal-rate input[type="text"], .terminal-to-door-rate input[type="text"], .terminal-to-terminal-rate input[type="text"] {width: 125px; text-align: center; margin-top: 3px; font-weight: bold; color: #000;}
.vehicle-license {float: left; width: 150px; margin: 10px 10px 0 10px;}
.vehicle-license input[type="text"] {width: 142px;}
.issuing-state {float: left; margin-top: 10px;}
.issuing-state select {width: 70px; height: 23px; margin: 0 10px 0 0;}
.vehicle-vin, .vehicle-itn {float: left; width: 237px; margin-top: 10px;}
.vehicle-vin input[type="text"], .vehicle-itn input[type="text"] {width: 229px;}
.vehicle-make-blank {float: left; width: 200px; margin-right: 10px;}
.vehicle-make-blank input[type="text"] {width: 192px;}
.vehicle-model-blank {float: left; width: 400px; margin-right: 10px;}
.vehicle-model-blank input[type="text"] {width: 392px;}
.vehicle-blank-field {float: left; width: 60px; margin-right: 10px;}
.vehicle-blank-field input[type="text"] {width: 52px; text-align: center;}
.instructions-details {float: left; width: 726px;}
.customer-note {float: left; width: 726px; line-height: 16px; margin: 10px 0; font-size: 12px; color: #333;}
.customer-note label {margin-right: 5px; color: #777;}
.sales-rep-instructions {float: left;}
.sales-rep-instructions textarea {width: 450px; height: 95px; margin-right: 60px; font-size: 12px; font-weight: bold; color: #333;}
.lead-source {float: left; width: 208px;}
.lead-source select {width: 160px;}
.customer-additional-instructions {float: left; width: 257px; margin-top: 10px; font-size: 12px; color: #333;}
.customer-additional-instructions select {width: 257px !important; color: #333;}
.customer-additional-instructions input[type="text"] {width: 242px; font-size: 12px; color: #333;}
.customer-additional-instructions label {margin-bottom: 3px; color: #333!important;}
.delete-entry {display: none; font-size: 12px; font-weight: bold; color: #fff;}
.delete-entry img {width: 11px; height: 11px; margin-right: 5px; vertical-align: middle; opacity: 0.8;}
.vehicle-details:hover .delete-entry, .shipper-details:hover .delete-entry, .payment-details:hover .delete-entry {display: block; position: absolute; margin: -5px 0 0 670px; padding: 4px; border-radius: 5px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#ff0000'); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ff0000)); background: -moz-linear-gradient(top, #fff, #ff0000); box-shadow: 0 0 3px #999;}
.delete-entry:hover {cursor: mouse; cursor: pointer;}

/* --------- shippers --------- */
.customer-left-panel, .vendor-left-panel {float: left; width: 460px;}
.customer-right-panel, .vendor-right-panel {float: left; width: 255px; padding-left: 10px;}
.shipper-sequence, .shipper-name {float: left; width: 375px;}
.shipper-pickup-from, .shipper-deliver-to {margin-top: 10px; font-size: 12px; color: #333;}
.shipper-pickup-from label, .shipper-deliver-to label {margin-top: 7px;}
.route-point {float: right;}
.shipper-route {float: left; width: 726px;}
.shipper-pickup-from, .shipper-deliver-to {float: left; width: 353px;}
.shipper-deliver-to {margin-left: 20px;}
.shipper-pickup-from input[type="text"], .shipper-deliver-to input[type="text"] {width: 345px; margin-top: 3px;}
.shipper-sequence label {float: left; line-height: 20px; margin-right: 5px;}
.shipper-order {margin-left: 20px; font-size: 12px;}
.shipper-order label {float: none;}
.shipper-name label {margin: 10px 0;}
.shipper-name input[type="text"] {width: 367px;}
.shipper-name label {color: #444;}
.shipper-insured {float: left; width: 200px; line-height: 16px; font-size: 12px; font-weight: bold; color: #333;}
.shipper-insured label {margin-right: 5px;}
.shipper-info {float: left; width: 375px; line-height: 20px; margin-top: 10px; font-size: 12px; font-weight: bold; color: #333;}
.shipper-info label {margin-right: 5px; font-weight: normal; color: #777;}
.shipper-pickup, .shipper-booking {float: left; width: 257px; line-height: 22px; margin-bottom: 10px;}
.shipper-pickup {font-size: 12px; color: #777;}
.shipper-booking {font-size: 14px; font-weight: bold; color: #333;}
.shipper-pickup input[type="text"], .shipper-booking input[type="text"] {width: 100px; margin-bottom: 10px; text-align: center;}
.shipper-pickup label, .shipper-booking label {width: 60px; margin-right: 5px; text-align: right;}
.shipper-booking a {margin-left: 20px; font-size: 12px;}
#tabs {float: left; width: 450px; height: 28px; margin-top: 0; padding-left: 10px;}
#tabs li {position: relative; float: left; width: 100px; list-style: none; z-index: 2;}
#tabs li a {margin-top: 11px; font-size: 12px; font-weight: bold; color: #000; padding: 7px 14px 6px 12px; display: block; border-top-left-radius: 3px; border-top-right-radius: 3px; text-decoration: none; border-top: 1px solid #bbb!important; border-left: 1px solid #bbb!important; border-right: 1px solid #bbb!important; background: -moz-linear-gradient(top, #eee, #fff 10%); background: -webkit-gradient(linear, 0 0, 0 10%, from(#eee), to(#fff)); border-top: 1px solid #fff; outline: none;}
#tabs li a.inactive {padding-top: 7px; padding-bottom: 5px; color: #666; background: -moz-linear-gradient(top, #eee, #fff 75%); background: -webkit-gradient(linear, 0 0, 0 75%, from(#eee), to(#fff)); border-top: 1px solid #fff;}
.shipper-instructions {float: left; width: 460px; margin: 35px 0 0 -460px;}
.shipper-instructions textarea {width: 430px; height: 80px; padding: 10px; font-size: 12px; font-weight: bold; color: #333;}
.shipper-additional-instructions {float: left; width: 257px; margin-top: 20px; font-size: 12px; color: #333;}
.shipper-additional-instructions select {width: 257px!important; color: #333;}
.shipper-additional-instructions label {margin-bottom: 3px; color: #333!important;}
.add-additional-instruction {float: left; width: 257px; margin-top: 10px; font-weight: bold; color: #333;}
.add-additional-instruction input[type="text"] {width: 247px; padding: 3px!important;}
.confirmed-booking {float: left; width: 253px; margin-top: 10px; padding: 5px 0; line-height: 19px; text-align: center; font-size: 12px; font-weight: bold; color: #000; border: 1px solid #666; background: #eee;}
.confirmed-booking input[type="checkbox"] {vertical-align: middle; margin-right: 5px;}
.shipper-payment, .shipper-cost {float: left; width: 726px; margin-top: 10px; padding: 5px 0; text-align: center; background: #ddd;}
.shipper-payment label, .shipper-cost label {width: 80px; font-weight: normal;}
.shipper-payment a {padding: 3px 10px; font-size: 12px; font-weight: bold; color: #333; border: 1px solid #999; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#ccc'); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); background: -moz-linear-gradient(top, #fff, #ccc); box-shadow: 0 0 3px #ccc;}
.shipper-payment a:hover {color: #000; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#bbb'); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#bbb)); background: -moz-linear-gradient(top, #fff, #bbb); box-shadow: 0 0 3px #999;}
.shipper-payment input[type="text"] {width: 70px; text-align: center;}
.shipper-cost input[type="text"] {width: 70px; text-align: center;}
.shipper-payment li {display: inline-block; margin-right: 5px;}
.shipper-cost li {display: inline-block; margin-right: 5px;}
.shipper-cost li:last-child {margin-right: 0;}
.password1, .password2 {display: none; float: right; width: 70px; margin: 10px 155px 0 0 !important;}
.password1 input[type="password"], .password2 input[type="password"] {color: #333;}
.agent-payment-block {position: absolute; width: 200px; margin: -46px 0 0 100px;}
.agent-payment-block label {width: 200px;}
.agent-booking, .agent-payment-amount, .agent-payment-date, .print-billing-link {float: left; width: 200px;}
.agent-payment-amount, .agent-payment-date, .bill-to-agent, .print-billing-link {margin-top: 10px;}
.bill-to-agent {float: left; width: 180px; padding: 8px; font-size: 12px; font-weight: bold; color: #333; border: 1px solid #009933; background: #ccffcc;}
.bill-to-agent input[type="checkbox"] {vertical-align: middle;}
.print-billing-link {margin-bottom: 10px !important;}
.print-billing-link a {display: inline-block; margin: 0!important; font-size: 12px;}
li.total-label label {font-weight: bold; color: #333;}

/* --------- payments --------- */
.payment-details select {margin: 3px 0 20px 0;}
.payment-details a {font-size: 12px; margin-left: 100px;}
.card-name, .card-number {float: left; width: 210px;}
.card-name {margin-top: -5px;}
.card-name select {float: right; margin: 0 10px 3px 0; font-size: 11px;}
.card-name input[type="text"], .card-number input[type="text"] {width: 192px; margin-right: 10px;}
.card-address, .card-city, .card-state, .card-zip {float: left; margin-right: 10px;}
.card-address input[type="text"] {width: 200px;}
.card-city input[type="text"] {width: 120px;}
.card-zip input[type="text"] {width: 60px;}
.card-expires {float: left; width: 120px;}
.card-image {display:none; margin-left:-41px; position:absolute; margin-top:-3px;}
.card-cvc {float: left; width: 60px;}
.ui-tooltip {position: absolute; display: inline-block; width: 100px; margin: 0 0 90px 0 !important; padding: 5px; font-size: 11px; border: 1px solid #bbb; border-radius: 5px; background: #fffff0; z-index: 10;}
.ui-tooltip:after, .ui-tooltip:before {top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;}
.ui-tooltip:after {border-color: rgba(250, 250, 250, 0); border-top-color: #fffff0; border-width: 7px; margin-left: -7px;}
.ui-tooltip:before {border-color: rgba(187, 187, 187, 0); border-top-color: #bbb; border-width: 8px; margin-left: -8px;}
.card-expires input[type="text"], .card-cvc input[type="text"] {width: 42px; margin-right: 10px; text-align: center;}
.check-number, .ref-number, .agent-booking, .payment-amount, .payment-date {float: left; width: 100px;}
.check-number, .ref-number {margin-right: 10px;}
.payment-date {margin-left: 10px;}
.check-number input[type="text"], .ref-number input[type="text"], .payment-amount input[type="text"], .payment-date input[type="text"], .agent-booking input[type="text"], .agent-payment-amount input[type="text"], .agent-payment-date input[type="text"] {width: 92px; text-align: center;}
.creditcard-surcharge {float: left; margin-left: 20px;}
.creditcard-surcharge input[type="text"] {text-align: center; font-size: 14px; font-weight: bold !important; color: #333;}
.payment-confirmation {float: left; margin-top: 20px; font-size: 14px; font-weight: bold; color: #009933; background: pink;}
.payment-confirmation label {font-weight: normal; color: #777;}
.payment-button {float: right; margin-top: 20px;}
.payment-button a {display: inline-block; margin: 5px 0 0 0!important; padding: 7px 30px; font-size: 12px; font-weight: bold; color: #333; border-radius: 5px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#ff0000'); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ff0000)); background: -moz-linear-gradient(top, #00FF00, #33CC66); box-shadow: 0 0 3px #ccc;}
.payment-button a:hover {color: #fff; background: radial-gradient(80% 80%, #00FF00, #33CC66); box-shadow: 0 0 3px #00FE12;}

/* --------- invoice --------- */
.invoice-header {float: left; width: 728px; height: 28px; line-height: 28px; margin-left: 10px; padding: 0 10px; font-size: 14px; color: #fff; text-shadow: 1px 1px 0 #000; background: #666;}
.invoice-details {float: left; width: 724px; margin-left: 10px; padding: 10px; border-left: 2px solid #666; border-right: 2px solid #666; border-bottom: 2px solid #666;}
.shipping-fees {float: left; width: 704px; margin-left: 11px; padding: 5px 0; text-align: center; background: #eee;}
.shipping-fees label {margin-left: 23px;}
.shipping-fees li, .shipping-amounts li {display: inline-block; margin: 0 7px;}
.shipping-fees select {width: 95px; margin-bottom: 3px;}
.shipping-fees input[type="text"] {width: 85px; text-align: center; font-size: 12px; font-weight: bold; color: #333;}
.shipping-amounts {float: left; width: 705px; margin: 10px 0 0 10px; padding: 20px 0; text-align: center; border: 1px solid #666; background: #ddd;}
.shipping-amounts input[type="text"] {width: 90px; text-align: center; font-size: 14px; font-weight: bold; color: #000;}
input[type="text"].card-surcharge {width: 30px; font-weight: normal;}
.shipping-amounts label {float: left; width: 90px; font-size: 12px; font-weight: bold; color: #666;}
.red-background {background: #ff6961;}
.red-background label {color: #444;}
.red-border {border: 1px solid #ff0000;}
.green-background {background: #ccffcc;}
.green-border {border: 1px solid #009933;}
.yellow-background {background: #fdfd96;}
.blue-background {background: #a1caf1;}
.blue-border {border: 1px solid #4997d0;}

/* --------- form-buttons --------- */
.form-buttons {float: left; width: 748px; margin: 30px 10px 0 10px; padding-bottom: 40px; text-align: center;}
.form-buttons a, .document-buttons a, .send-buttons a, .forward-button a, .vendor-form-buttons a, .crst-button a, .login-button a, .testimonial-form-buttons a, .marketing-top-header a, .save-cancel-buttons a, .upload-document a, .message-buttons a, .link-button a, .task-button a, .email-document a {margin: 0 10px; padding: 7px 30px; font-size: 12px; font-weight: bold; color: #333; border-radius: 5px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#999'); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#999)); background: -moz-linear-gradient(top, #fff, #999); box-shadow: 0 0 3px #999;}
.form-buttons a:hover, .document-buttons a:hover, .send-buttons a:hover, .forward-button a:hover, .vendor-form-buttons a:hover, .crst-button a:hover, .login-button a:hover, .testimonial-form-buttons a:hover, .marketing-top-header a:hover, .save-cancel-buttons a:hover, .upload-document a:hover, .message-buttons a:hover, .link-button a:hover, .task-button a:hover, .email-document a:hover {color: #000; background: radial-gradient(80% 80%, #fff, #ccc); box-shadow: 0 0 3px #666;}
.save-as-button a {position: absolute; margin: -6px 0 0 75px; padding: 5px 10px; font-size: 12px; font-weight: bold; color: #333; border-radius: 5px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#ccc'); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); background: -moz-linear-gradient(top, #fff, #ccc); box-shadow: 0 0 3px #aaa;}

/* RIGHT PANEL
   =============================================================== */
.right-panel {float: left; width: 268px;}
.status-updates-header, .form-documents-header, .commission-header {float: left; width: 257px; height: 32px; line-height: 32px; padding-left: 10px; font-size: 16px; font-weight: bold; color: #fff; border-top: 1px solid #fff; border-left: 1px solid #fff; background: #bbb;}
.status-updates {float: left; width: 267px; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #fff;}
#boxscroll, #boxscroll2 {width: 249px; min-height: 1px; max-height: 330px; padding: 10px 10px 0 8px; border: 1px solid #fff; overflow: auto;}
.post-form {float: left; width: 249px; padding: 10px 10px 10px 8px; border-bottom: 1px solid #ddd; background: #f1f1f1;}
.poster-icon {float: left; width: 32px; height: 32px; margin-right: 5px; background: url("../images/employee-icon.png") no-repeat;}
.poster-icon img {float: left; width: 32px; height: 32px;}
.poster-name {float: left; width: 212px;}
.poster-name label {float: left; font-size: 12px; font-weight: bold; color: #444;}
.poster-name input[type="text"] {width: 204px; font-size: 12px; color: #333;}
#poster-name::-webkit-input-placeholder, #card-mm::-webkit-input-placeholder, #card-yy::-webkit-input-placeholder, .date-from::-webkit-input-placeholder, .date-to::-webkit-input-placeholder, #link-location::-webkit-input-placeholder, #additional-instruction::-webkit-input-placeholder, .manufacturer-name::-webkit-input-placeholder {font-size: 12px; color: #ddd;}
#poster-name:-moz-placeholder, #card-mm:-moz-placeholder, #card-yy:-moz-placeholder, .date-from:-moz-placeholder, .date-to:-moz-placeholder, #link-location:-moz-placeholder, #additional-instruction:-moz-placeholder, .manufacturer-name:-moz-placeholder {font-size: 12px; color: #ddd;}
.update-posts ul {float: left; width: 249px; margin: 0 10px 0 8px;}
.update-posts li {float: left; width: 249px; line-height: 15px; padding: 10px 0; font-size: 12px; color: #333; border-bottom: 1px solid #fafafa;}
.post-date {margin: 0 5px; color: #999;}

/* --------- form-documents --------- */
.form-documents-header, .commission-header {line-height: 30px; margin-top: 20px;}
.upload-document a, .email-document a {float: right; line-height: 1; margin-top: 6px; padding: 5px !important;}
.form-documents, .commission-details {float: left; width: 267px; padding-top: 20px; font-size: 12px; color: #333; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.form-documents li {width: 247px; margin: 0 10px 10px 10px;}
.form-documents input[type="checkbox"] {vertical-align: middle;}
.delete-upload a {float: right;}
.form-documents-options {float: left; width: 247px; margin-bottom: 5px; padding-bottom: 5px; text-align: right; border-bottom: 1px solid #fff;}
.form-documents-options select {float: left; margin-left: 19px;}

/* --------- commission --------- */
.commission-details {padding-bottom: 10px;}
.commission-details label {float: left; margin-bottom: 4px; color: #777;}
.commission-details input[type="text"] {margin-bottom: 10px; font-size: 12px; font-weight: bold; color: #333;}
.commission-agent {float: left; width: 247px; margin: 0 0 10px 10px;}
.commission-agent input[type="text"] {width: 239px;}
.commission-amount, .commission-paid, .commission-check {float: left; width: 75px; margin-left: 10px;}
.commission-amount input[type="text"], .commission-paid input[type="text"], .commission-check input[type="text"] {width: 67px; text-align: center;}

/* DatePicker CALENDAR
   =============================================================== */
.ui-datepicker {width: 216px; height: auto; margin: 0 auto 0; font: 9pt Arial, sans-serif; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);}
.ui-datepicker a {text-decoration: none;}
/* DatePicker Table */
.ui-datepicker table {width: 100%;}
.ui-datepicker-header {background: url("../images/dark_leather.png") repeat 0 0 #000; color: #e0e0e0; font-weight: bold; -webkit-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, 2); -moz-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2); box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2); text-shadow: 1px -1px 0px #000; filter: dropshadow(color=#000, offx=1, offy=-1); line-height: 30px; border-width: 1px 0 0 0; border-style: solid; border-color: #111;}
.ui-datepicker-title {text-align: center;}
.ui-datepicker-prev, .ui-datepicker-next {display: inline-block; width: 30px; height: 30px; text-align: center; cursor: pointer; background-image: url("../images/arrow.png"); background-repeat: no-repeat; line-height: 600%; overflow: hidden;}
.ui-datepicker-prev {float: left; background-position: center -30px;}
.ui-datepicker-next {float: right; background-position: center 0px;}
.ui-datepicker thead {background-color: #f7f7f7; background-image: -moz-linear-gradient(top,  #f7f7f7 0%, #f1f1f1 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#f1f1f1)); background-image: -webkit-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%); background-image: -o-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%); background-image: -ms-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%); background-image: linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f1f1f1',GradientType=0 ); border-bottom: 1px solid #bbb;}
.ui-datepicker th {text-transform: uppercase; font-size: 6pt; padding: 5px 0; color: #666666; text-shadow: 1px 0px 0px #fff; filter: dropshadow(color=#fff, offx=1, offy=0);}
.ui-datepicker tbody td {padding: 0; border-right: 1px solid #bbb;}
.ui-datepicker tbody td:last-child {border-right: 0px;}
.ui-datepicker tbody tr {border-bottom: 1px solid #bbb;}
.ui-datepicker tbody tr:last-child {border-bottom: 0px;}
.ui-datepicker td span, .ui-datepicker td a {display: inline-block; font-weight: bold; text-align: center; width: 30px; height: 30px; line-height: 30px; color: #666666; text-shadow: 1px 1px 0px #fff; filter: dropshadow(color=#fff, offx=1, offy=1);}
.ui-datepicker-calendar .ui-state-default {background: #ededed; background: -moz-linear-gradient(top,  #ededed 0%, #dedede 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#dedede)); background: -webkit-linear-gradient(top,  #ededed 0%,#dedede 100%); background: -o-linear-gradient(top,  #ededed 0%,#dedede 100%); background: -ms-linear-gradient(top,  #ededed 0%,#dedede 100%); background: linear-gradient(top,  #ededed 0%,#dedede 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede',GradientType=0 ); -webkit-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5); -moz-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5); box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);}
.ui-datepicker-calendar .ui-state-hover {background: #0000ff; color: #fff; text-shadow: none;}
.ui-datepicker-calendar .ui-state-active {background: #0099ff; -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1); -moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1); box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1); color: #e0e0e0; text-shadow: 0px 1px 0px #4d7a85; filter: dropshadow(color=#4d7a85, offx=0, offy=1); border: 1px solid #55838f; position: relative; margin: -1px;}
.ui-datepicker-unselectable .ui-state-default, .ui-datepicker-other-month {background: #f4f4f4; color: #b4b3b3;}

/* RATE CALCULATOR
   =============================================================== */
.ui-dialog {position: absolute; top: 0; left: 0; z-index: 100102; background-color: #fff; -webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 ); box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 ); border-radius: 5px;}
.ui-dialog-titlebar {line-height: 36px; padding: 0 36px 0 16px; height: 36px; font-size: 18px; font-weight: 600; border-bottom: 1px solid #dfdfdf; border-top-left-radius: 5px; border-top-right-radius: 5px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#eee'); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee)); background: -moz-linear-gradient(top, #fff, #eee);}
.ui-button.ui-dialog-titlebar-close {position: absolute; top: 0; right: 0; width: 46px; height: 36px; display: block; padding: 0; color: #666; border-top: none; border-bottom: none; border-left: 1px solid #ccc; border-right: none; border-top-right-radius: 5px; -webkit-box-shadow: none; box-shadow: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#bbb'); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#bbb)); background: -moz-linear-gradient(top, #fff, #bbb); cursor: pointer;}
.ui-dialog-titlebar-close .ui-button-text {display: block; position: relative; text-align: center;}
.ui-button.ui-dialog-titlebar-close:hover {color: #000; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#ccc'); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); background: -moz-linear-gradient(top, #fff, #ccc);}
.ui-dialog-content {padding: 0; overflow: hidden;}
.ui-draggable .ui-dialog-titlebar {cursor: move;}
.ui-widget-overlay {position: fixed; top: 0; left: 0; right: 0; bottom: 0; min-height: 360px; background: #000; opacity: 0.7; filter: alpha(opacity=70); z-index: 100101;}
/* --------- calculator content --------- */
.calculator-container {float: left; width: 380px;}
.calc1 {text-shadow: 0px -1px 0px #BE0909; border-top: 2px solid #FDC9C9; border-bottom: 2px solid #BE0909; border-left: 2px solid #FDC9C9; border-right: 2px solid #BE0909; background: #FA8080;}
.calc2 {text-shadow: 0px -1px 0px #0F31A0; border-top: 2px solid #B4C4F9; border-bottom: 2px solid #0F31A0; border-left: 2px solid #B4C4F9; border-right: 2px solid #0F31A0; background: #597DF1;}
.vehicle-calculator {float: left; width: 380px; padding: 20px 0; text-align: center; font-size: 12px; color: #777; border-bottom: 1px solid #ddd;}
.vehicle-calculator input[type="radio"] {vertical-align: bottom;}
.vehicle-calculator img {width: 24px; height: 12px; vertical-align: middle; margin-right: 5px;}
.vehicle-calculator label {margin: 0 5px; padding: 3px 5px 3px 2px; font-weight: bold; color: #fff; cursor: pointer;}
.calculator-form {float: left; width: 360px; padding: 10px; background: #eee;}
.calculator-form {font-size: 12px; color: #777;}
.calculate-shipping-points, .calculate-vehicle-type, .calculate-vehicle-size, .calculate-additional-charges {float: left; width: 380px;}
.calculate-shipping-points input[type="text"] {width: 100px; margin-top: 3px; text-align: center; font-size: 12px; font-weight: bold; color: #333;}
.calculate-shipping-method {float: left;}
.calculate-shipping-method, .calculate-shipping-points {margin-top: 10px;}
.calculate-shipping-points li, .calculate-vehicle-size li, .calculate-additional-charges li {float: left; margin: 10px 20px 0 0;}
li.vehicle-size-header {margin-top: 20px; font-weight: bold;}
.calculate-vehicle-size li {width: 380px;}
.calculate-shipping-method select, .calculate-shipping-points select, .calculate-vehicle-size select {margin-top: 3px;}
.calculate-additional-charges {margin-top: 10px;}
.calculate-additional-charges input[type="text"] {width: 90px; margin-top: 3px; text-align: center; font-size: 12px; font-weight: bold; color: #333;}

.calculate-shipping-rate-container {clear: both; padding-top:10px;}
.calculate-shippinge-rate {width: 336px; margin: 10px auto; padding: 10px; text-align: center; border: 2px solid #ccc;}
.cash-shipping-rate, .credit-card-shipping-rate {float: left; width: 168px;}
.calculate-shippinge-rate label {font-weight: bold;}
.cash-shipping-rate input[type="text"], .credit-card-shipping-rate input[type="text"] {width: 85px; margin-top: 3px; text-align: center; font-size: 16px; font-weight: bold; color: #009933;}

/* MULTI-SELECT
   =============================================================== */
.ms-parent {display: inline-block; position: relative; vertical-align: middle;}
.ms-choice {display: block; height: 26px; padding: 0; overflow: hidden; cursor: pointer; border: 1px solid #aaa; text-align: left; white-space: nowrap; line-height: 26px; color: #444; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #fff;}
.ms-choice.disabled {background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default;}
.ms-choice > span {position: absolute; top: 0; left: 0; right: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; padding-left: 8px;}
.ms-choice > span.placeholder {color: #333;}
.ms-choice > div {position: absolute; top: 0; right: 0; width: 20px; height: 25px; background: url("../images/multiple-select.png") right top no-repeat;}
.ms-choice > div.open {background: url("../images/multiple-select.png") left top no-repeat;}
.ms-drop {overflow: hidden; display: none; margin-top: -1px; padding: 0; position: absolute; z-index: 1000; background: #fff; color: #000; border: 1px solid #aaa; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.ms-drop.bottom {top: 100%; -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15); -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, .15); box-shadow: 0 4px 5px rgba(0, 0, 0, .15);}
.ms-drop.top {bottom: 100%; -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15); -moz-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15); box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);}
.ms-search {display: inline-block; margin: 0; min-height: 26px; padding: 4px; position: relative; white-space: nowrap; width: 100%; z-index: 10000;}
.ms-search input {width: 100%; height: auto !important; min-height: 24px; padding: 0 20px 0 5px; margin: 0; outline: 0; font-family: sans-serif; font-size: 1em; border: 1px solid #aaa; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #fff url("../images/multiple-select.png") no-repeat 100% -22px; background: url("../images/multiple-select.png") no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #333)); background: url("../images/multiple-select.png") no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #333 99%); background: url("../images/multiple-select.png") no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #333 99%); background: url("../images/multiple-select.png") no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #333 99%); background: url("../images/multiple-select.png") no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%, #333 99%); background: url("../images/multiple-select.png") no-repeat 100% -22px, linear-gradient(top, #ffffff 85%, #333 99%);}
.ms-search, .ms-search input {-webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.ms-drop ul {overflow: auto; margin: 0; padding: 5px 8px;}
.ms-drop li {float: left; width: 240px;}
.ms-drop ul > li {list-style: none; display: list-item; background-image: none; position: static;}
.ms-drop ul > li .disabled {opacity: .35; filter: Alpha(Opacity=35);}
.ms-drop ul > li.multiple {display: block; float: left;}
.ms-drop ul > li.group {clear: both;}
.ms-drop ul > li.multiple label {width: 100%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.ms-drop ul > li label.optgroup {font-weight: bold;}
.ms-drop input[type="checkbox"] {vertical-align: middle;}
.ms-drop .ms-no-results {display: none;}

/* BACK TO TOP
   =============================================================== */
.back-to-top {display: none; position: fixed; bottom: 20px; right: 15px; padding: 10px 15px; text-align: center; font-size: 16px; color: #000; text-decoration: none;  background: #eee; border: 1px solid #ccc; border-radius: 10px; opacity: 0.9;}
.back-to-top a {color: #666;}
.top-arrow {display: inline-block; margin-bottom: 5px; font-size: 20px;}
.back-to-top:hover {border: 1px solid #999; background: #ccc; box-shadow: 0 0 5px #ccc; opacity: 1; cursor: pointer;}
.back-to-top:hover a {color: #000;}

/* FOOTER
   =============================================================== */
.footer {float: left; width: 100%; text-align: center; padding: 20px 0; border-top: 1px solid #ddd; background: #fff; font-size: 12px;}
.footer a {margin: 0 10px; color: #666;}
.copyright {float: right; margin-right: 10px;}