﻿
h1 {  color: #00448d;margin:10px 0px 5px 0px; padding:0px 0px 0px 5px; font-weight:normal; font-size:22px}
h2 { color: #233e5b; font-size: 18px; font-weight:normal; margin-bottom: 5px; }
h3 { font-weight:500; font-size:15px}
a { color:#0f3d9a}
h2.green { color: #509f34; }

h5 { margin:0px; background: #73a4db repeat-x bottom; padding:3px 0px 3px 5px; color:#fff; font-weight:normal; font-size:10pt}
h5.green { background: #96de7d repeat-x bottom;}
h5.tracking { background:orange; }

div.page { width: 950px; margin: 0 auto;}


div.features{ height:200px; margin-top:10px; padding-left:20px;}
div.feature-item { height:220px;  width:200px;float:left; padding-left:10px; padding-right:5px; border-right:solid 1px #d7d7d7  }
div.features-services {width:220px;}
div.features-specials {width:230px; }
div.features-tracking {width:230px; }
div.features-customs {  border-right:none;width:160px;  }

ul.specials-offers li { list-style:none; padding:5px;}
ul.specials-offers li.even { background-color:#e5e5e5}

div.features-services ul.services li{ list-style-image:url('../img/ul_ok.gif'); margin-bottom:2px; }

div.current-status {background:#eee;  min-width:200px;  padding:10px; position:absolute; right:0px ;top:20px;color: #5e6f84; border:solid 1px #e6e6e6}
div.current-status div.current-company{  font-size:14px; color: #5e6f84; font-weight:bold}

div.menu { margin-top: 10px; width: 100%; }
div.menu ul { height: 35px; width: 100%; margin: 0px; padding: 0px; list-style: none; background: #5993d2 url(  '../img/menu_bg.gif' ) repeat-x bottom; }
div.menu ul li { float: left;   font-size: 12px; color: #fff; padding:10px 20px 10px 20px; background:url(  '../img/menu_spliter.gif' ) no-repeat right  }
div.menu ul li a { color:#fff; text-decoration:none;}
div.menu ul li a:hover { color:#fff; text-decoration:underline}

div.submenu ul { height: 25px;  margin: 0px; padding: 0px; list-style: none;text-align:center;  }
div.submenu ul li {  display:inline; margin-left: 5px; margin-right: 15px; font-size: 12px; color: #fff; padding: 10px; }
div.submenu ul li a { color: #5e6f84; text-decoration:none}
div.submenu ul li a:hover {color: #5e6f84; text-decoration:underline}

div.box { padding:20px; width:auto; }

div.right-menu { width: 30%; float: right; margin: 10px 0px 10px 10px; }
div.right-menu div.box { padding: 25px 30px 30px 20px; margin-bottom: 10px; height: 42px;}

div.box h4 { color: #fff; font-size: 18pt; margin: 0px; font-weight: normal; }
div.box span { color: #fff; font-size: 10pt; }

div.bluebox { background: #73a4db url(  '../img/bg_box_blue.png' ) repeat-x bottom; }
div.greenbox { background: #e5edfa  }
div.graybox{  background: #e5edfa}



div.group {background-color:#bbd0fb;  }

table.freight-grid { width:100%; border:none; border-collapse:collapse; }
table.freight-grid thead td{ background:#cadafc ;   font-weight:bold; }
table.freight-grid td {border:none 0px;}
table.freight-grid tr.alt { background-color:#e5edfa;} 
table.freight-grid tr.active {  background-color:#fff1b6; cursor:pointer; text-decoration:underline}

div.tab {background:#e3effd;padding:5px;color: #224f85;}

div.holder { position:relative}
div.holder div.right { right:10px; top:2px; position:absolute; z-index:1}
div.holder a{color:#fff}

table.tab,
table.tab4,
table.tab2 { color: #224f85;width:100%;font-size:12px; border-collapse:collapse; margin-bottom:5px;}

table.tab thead td { font-weight:bold}

table.tab td,
table.tab4 td,
table.tab2 td {background:#e3effd;border:solid 1px #d3e5f9; padding:2px 0px 2px 5px; width:25%; }

table.freight-information  { color: #224f85;width:100%;font-size:12px; border-collapse:collapse; margin-bottom:5px;}
table.freight-information td.main { vertical-align:middle; padding-left:7%; width:50%}
table.freight-information td {background:#e3effd;border:solid 1px #d3e5f9; padding:2px 0px 2px 5px; }
table.freight-information td.sub { width:60% }

table.freight-information table { border-collapse:collapse; width:100%}
table.freight-information table td {background:#e3effd;border:solid 1px #d3e5f9; padding:2px 0px 2px 5px; }

table.tracking { color: #224f85;width:100%;font-size:12px; border-collapse:collapse; margin-bottom:5px;}
table.tracking thead td { font-weight:bold; }
table.tracking td { background:#e3effd; border:solid 1px #d3e5f9; padding:2px 0px 2px 5px; }

table.charges { color: #224f85;width:100%;font-size:12px; border-collapse:collapse; margin-bottom:5px;}
table.charges thead td { font-weight:bold; text-align: center; }
table.charges td { background:#e3effd; border:solid 1px #d3e5f9; padding:2px 0px 2px 5px; text-align: center; }


div.field {color: #224f85;padding:5px; margin-bottom:10px; border-top:solid 4px #73a4db;background:#e3effd;}
span.big { font-size:14pt}

table.tab2 td  div
{
	overflow:hidden;
	text-overflow:ellipsis; 

	min-width:120px;
	width:320px
}

.content { padding: 10px; }

table.freight-tab {width:100%;font-size:100%; border-collapse:collapse; margin-bottom:5px; clear:right}
table.freight-tab td { vertical-align:top; padding-right:5px;}
table.freight-tab tbody tr td:last-child { padding-right:0px;}

table.tab td span,
table.tab4 td span,
table.tab2 td span { color:#224f85;font-weight:normal;}

div.picture-item { height:40px; border:solid 1px #cbdaec; width:50px; text-align:center; float:left; padding:2px;background:#d3e5f9; margin-right:2px} 

div.notification { padding:10px; font-size:11pt; background:#ffcc33; color:#333}
div.success {background:#509f34;color:#fff} 
div.error {background:red; color:#fff} 

div.container-info div.column1 {  width:73%; float:left; margin-right:5px}
div.container-info div.column2 { float:right;  width:26%;}

div.delivery-status{ float:right; margin-bottom:5px;  font-size:10pt; font-weight:bold; width:150px; padding:5px; text-align:center}
div.in-transit { background-color:#ffcc33}
div.arrived { color:#fff; background-color:#509f34}

div.allowreleaseallchargesprepaid {padding:10px; font-size:11pt;  font-weight:bold;  }

div.services ul{ list-style:none; margin-left:5px; width:600px;}
div.services ul li{ list-style:none; margin-bottom:10px;}


div.cnt-holder{ padding-left:10px;}
div.quote-edit { min-height:220px;}
div.services  h3 { color: #3f79b8; font-size: 18px; font-weight:normal; margin-bottom: 5px; }
div.services  h3.green { color: #509f34; }

div.quote-edit-toolbar {  margin-bottom:10px;}
div.quote-form { margin-left:5px; margin-top:5px; font-size:9pt; }
div.quote-form label { float:left; width:110px; padding-top:3px;}
div.quote-form div.description  { height:120px;}
div.quote-form div.description label { float:none; display:block;}
div.quote-form div.description textarea { width:340px; height:90px;}
div.quote-form div.description span { display:block;}
div.fld { height:24px;}
div.fld input { width:230px;}


div.buttons { margin:20px 0px 10px 0px; }
div.buttons input { min-width:100px; margin-right:5px;}



div.services2 { margin-top:20px; font-size:8pt; }
div.services2 ul li h3{color: #555; font-size: 18px; font-weight:normal; margin-bottom: 5px;}
div.services2 ul { margin-left:5px;}
div.services2 ul li { border-top:solid 1px #bdbdbd; float:left; width:240px; margin-right:10px; list-style:none; height:125px; }
div.services2 ul li p { white-space:pre}
div.services2 ul li img { border:solid 1px #e5e5e5}
div.services2 ul li.detailes { width:200px;background-color:#e5e5e5; padding:5px; text-align:center;}

div.tracking { width:100%;}
div.tracking div.tool-bar { background-color:#dae0e1; padding:5px 10px; height:40px;}
div.tracking div.tool-bar input.txt { width:300px}
div.tracking div.tool-bar span { display:block; margin:0px;}

div.tracking h2 { padding:10px 5px 0px 5px;color:#333}
div.tracking div.freight-tracking { padding:5px;}
div.tracking div.freight-tracking div span { margin-left:5px; color:#333}

.tool-bar ul.nav .division-list select { margin: 8px 0; display:inline-block; width:auto; }
.tool-bar ul.nav .division-list { margin-left: 50px; }

.excel-icon { height:24px; display: block; background:url('../../../img/excel-48.png') no-repeat; background-size: 24px; padding-left:25px; }
.export-bar { margin-bottom: 13px }

.alert-icl { background-color: #cf2222; border-color: #cf2222; color: #fff; }