﻿body { margin:0px; padding:0px; font-family:Arial; font-size:9pt;padding-bottom:30px;   background:#eef1fa url('../images/background.jpg') repeat-x  }

h1 { margin:0px; padding:0px; font-size:14pt;  font-weight:normal}
h1 a { font-size:9pt;}
h2 { margin:10px 0px; padding:0px; font-size:14pt;  font-weight:normal; color:#666;  clear:both; }

h4 { margin:10px 0px; }
h5 { font-size:9pt; margin:0px 5px; margin-top:2px;}
h5 a { font-weight:normal}
input { padding:0px;}
a { color:#003366}
div.page { margin:0 auto; width:85%; margin-top:20px; min-width:1050px }
span.link { text-decoration:underline; color:Navy; cursor:pointer; }
.bold { font-weight: bold; }

div.login-info { padding: 0px; float:right; height:20px; padding-right:10px; font-size:8pt; color:#fff}
div.login-info  a.logout{ }
div.login-info a {color:#fff}

div.menu-main {height:60px;  }
div.menu-main div.tool-bar { background-color:#cfe3fb; height:45px; clear:both;   background:url('../images/bg_blue_39.gif') repeat-x;position:relative;}
div.menu-main div.tool-bar ul { height:25px; margin:0px; padding:7px 10px;}
div.menu-main div.tool-bar ul li { float:left; padding-right:1px; list-style:none}
div.menu-main div.tool-bar ul li a{ text-align:center; padding:7px 10px 0px 10px; display:block; height:20px; width:100px; color:#000; text-decoration:none} 
div.menu-main div.tool-bar ul li a:hover{background-color:#ffe7a2;} 
div.menu-main div.tool-bar ul li a.active{background-color:#e0edff;} 

div.menu-main div.tool-bar div.search { position:absolute; right:10px; bottom:7px; top:9px}
div.menu-main div.tool-bar div.search input.search-text{ width:120px;}
div.menu-main div.tool-bar div.search select{ width:90px; margin-right:5px;}
div.menu-main div.tool-bar div.search input.search-go{ width:30px;}

div.left{ float:left;}
div.right{ float:right;}
div.clear{ clear:both; overflow:hidden;}


div.cnt-leftmenu { width:175px; float:left; padding-top:15px; margin-right:10px;overflow:hidden }
div.cnt-data{ width:850px; float:left; padding-top:15px; overflow:hidden }

div.btn { float: left; margin-right:5px;}


div.cnt-holder {  margin-top:10px; border:solid 1px #fff; background-color:#f7faff ; padding:10px; margin-bottom:5px  }

div.cnt-holder h1 {padding:10px 10px; margin:-11px -11px 0px -11px; border:solid 1px #ADC9EF; background-color: #C6DCFC;}

div.cnt-holder div.tool-bar { margin-top:10px; height:24px;  width:100%;}
div.cnt-holder div.tool-bar div.create-new { float:right}
div.cnt-holder div.tool-bar a { float:left; margin-right:2px;  padding:4px 7px; height:16px; background:url('../images/tb_header_bg.gif') repeat-x; min-width:60px; text-align:center; text-decoration:none;  border:solid 1px #bed6f6; }
div.cnt-holder div.tool-bar a.active{ background-position: 0px -24px; border-color:#d6a886}
div.cnt-holder div.tool-bar a:hover {  background-position: 0px -24px; border-color:#d6a886 }


div.attachment div.attachment-toolbar { border:solid 1px #ADC9EF; background-color: #E6EFFD; padding:0px; overflow:hidden; clear:both; }
div.attachment div.attachment-toolbar h4 { float:left; padding-top:4px;padding-left: 10px; }
div.attachment div.attachment-toolbar div.attachment-actions { float:right; }
div.attachment ul { overflow:hidden;height:1%; margin:0px; padding:5px;list-style:none; width:100%; height:100%; min-height:20px; }
div.attachment ul li { border:solid 1px #fff;  float:left; width:95px; height:120px; margin:0px 5px 5px 0px; padding:0px; list-style:none; background-color:#ecf4fe; border:solid 1px #ADC9EF;}
div.attachment ul li img { border:solid 1px #ddd; }
div.attachment ul li span { padding:2px; width:91px; background-color:#bedaff; padding-top:1px; display:block; font-size:8pt; color:#666; overflow:hidden;white-space:nowrap;}
div.attachment ul li div.pic { height:80px; width:95px; text-align:center; padding-top:5px;}
div.attachment ul li div.bar { padding-left:5px;}
div.attachment ul li div.bar a{ font-size:8pt; }
div.attachment ul li div.bar a.attachment-remove{ margin-left:20px; }



div.ffc-page { margin-top:10px; background-color:white; }

div.ffc-page div.ffc-page-title, 
div.ffc-page div.ffc-page-footer { border:solid 1px #ADC9EF; background-color: #C6DCFC; padding:10px 20px 8px 20px; overflow:hidden; clear:both; }

div.ffc-page div.ffc-page-title div.ffc-page-title-right,
div.ffc-page div.ffc-page-footer div.ffc-page-footer-right { float:right; }

div.ffc-page div.ffc-page-title div.ffc-page-title-right input,
div.ffc-page div.ffc-page-footer div.ffc-page-footer-right input { width:70px; }

div.ffc-page div.ffc-page-title div.buttons {padding:0px; margin:0px}

div.ffc-page div.ffc-page-title h1, 
div.ffc-page div.ffc-page-footer h1 { float:left; }

div.ffc-page div.ffc-page-content { padding:10px; overflow:hidden; clear:both; }
div.ffc-block { overflow:hidden; }
div.ffc-block-title { border:solid 1px #ADC9EF; background-color: #E6EFFD; padding:0px 10px; overflow:hidden; clear:both; }
div.ffc-block div.ffc-block-title { border:solid 1px #ADC9EF; background-color: #E6EFFD; padding:0px 10px; overflow:hidden; clear:both; }
div.ffc-block-title div.ffc-block-title-right { float:right; }
div.ffc-block-title div.ffc-block-title-right input { width:70px; }
div.ffc-block-title h4 { float:left; padding:0px; }
div.ffc-block div.ffc-block-title div.ffc-block-title-right { float:right; padding:5px; }
div.ffc-block div.ffc-block-title div.ffc-block-title-right input { width:70px; }
div.ffc-block div.ffc-block-title div.ffc-block-title-left { float:left; padding:5px; }
div.ffc-block div.ffc-block-title h4 { float:left; padding:0px; }

div.page-content  { margin-top:10px; background-color:white; overflow:auto }
div.page-content div.content-header { border:solid 1px #ADC9EF; background-color: #C6DCFC; padding:10px 20px 8px 15px; overflow:hidden; clear:both;}
div.page-content div.panel-title {border:solid 1px #ADC9EF; background-color: #E6EFFD;  overflow:hidden; clear:both;; padding:10px; position:relative}
div.page-content div.panel-title h4 { float:left; padding:0px; }
div.page-content div.panel-title div.panel-title-actions { position:absolute;  padding:0px; top:5px; right:10px; }

div.page-content div.panel { padding:10px 10px 10px 15px}
div.page-content a.button { float:left; margin-right:2px;  padding:5px 7px; height:12px; background:url('../images/tb_header_bg.gif') repeat-x; min-width:60px; text-align:center; text-decoration:none;  border:solid 1px #bed6f6; }
div.page-content input.button { margin-right:2px;  padding:1px 7px; height:25px; background:url('../images/tb_header_bg.gif') repeat-x; min-width:60px; text-align:center; text-decoration:none;  border:solid 1px #bed6f6; font-size:10pt; font-family:arial; color:#006699  }
div.page-content a.active{ background-position: 0px -24px; border-color:#d6a886}
div.page-content a:hover {  background-position: 0px -24px; border-color:#d6a886 }

div.vehicle-tool-bar{ }
div.vehicle-tool-bar div.create-new{ float:right}
div.vehicle-tool-bar div.partner { margin-left:20px; float:left; width:400px; padding-top:5px;}
div.vehicle-tool-bar div.partner-narrow { margin-left:20px; float:left; width:300px; padding-top:5px;}
div.vehicle-tool-bar div.partner-division { width:150px; }
div.vehicle-tool-bar div.partner label, div.vehicle-tool-bar div.partner-narrow label {float:left; margin-right:5px;}
div.vehicle-tool-bar div.partner input, div.vehicle-tool-bar div.partner-narrow input { width:220px;}

div.submit{ padding:10px;background-color:#EFEFEF; }
div.submit input{ margin-right:10px; width:100px;}


table.grid { width:100%; border-collapse:collapse; margin-top:5px; }
table.grid thead td,
table.grid th { 
    cursor: pointer; 
    font-weight: bold; 
    background-color:#d0e4fe;
    background:url('../images/tb_header_bg.gif') repeat-x;
    text-align:left;
    padding:3px 10px;
    border:solid 1px #bed6f6 
}
table.grid td.select,
table.grid th.select { width:25px; padding-left:2px; }

table.grid {table-layout:fixed;}
table.grid tr.odd td{ background-color:#f7faff;}
table.grid tr.freight-expired td{ background-color:#ffafaf;}
table.grid td { font-size:9pt; background-color:#fff; color:#444; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:2px 0px 2px 10px; border:solid 1px #bed6f6 }

table.grid tr.active td{ background-color:#ffe7a2; cursor:pointer}
table.grid tr.selected td{ background-color:#ffe955; }

table td.dxgv { cursor:pointer}



div.message{ padding:5px; border: 1px solid #aecaf0;background-color:#f7faff; margin-top:1px;color:#666; }


.ac_results {padding: 0px;border: 1px solid #aecaf0;background-color: Window;overflow: hidden;}
.ac_results ul {	width: 100%;	list-style-position: outside;	list-style: none;	padding: 0;	margin: 0;}
.ac_results iframe {	display:none;/*sorry for IE5*/	display/**/:block;/*sorry for IE5*/	position:absolute;	top:0;	left:0;	z-index:-1;	filter:mask();	width:3000px;	height:3000px;}
.ac_results li {	margin: 0px;	padding: 2px 5px;	cursor: pointer;	display: block;	width: 100%;	font: menu;	font-size: 12px;	overflow: hidden; white-space:nowrap}
.ac_loading {	background : Window url('./indicator.gif') right center no-repeat;}
.ac_over {	background-color:#ffe7a2;	color: #00003a;}

span.shipper { font-size:8pt; color:orange }
span.receiving-party { font-size:8pt; color:#999 }
span.exporter { font-size:8pt; color:blue }
span.consignee { font-size:8pt; color:green }


div.error-messages { background-color:Red; padding:5px; color:#fff; margin:2px 0px; color:#fff}
select.warning,
textarea.warning,
input.warning  { background-color:red; color:white}

.comboac { overflow:hidden; clear:both; }
.comboac .ui-button { margin-left: -1px; height:20px; width:20px; float:left; }
.comboac .ui-button-icon-only .ui-button-text { padding: 1px; } 
.comboac .ui-autocomplete-input { margin: 0px; padding: 1px; float:left; }
.comboac .comboac-button-custom { margin-left:3px; }

div.buttons {  clear:both; margin-top:10px; margin-bottom:10px; }
div.buttons input{ margin-right:10px; font-size:9pt; padding:0px 10px}
div.buttons div.buttons2 { float:right;}

ul.pages { list-style:none; height:18px; padding:3px 5px; margin:0px; font-size:9pt;  margin-top:5px;
            background:url('../images/tb_header_bg.gif') repeat-x; border:solid 1px #bed6f6 
           }
ul.pages li{ list-style:none; float:left;margin-right:7px;}
ul.pages li.header { margin-right:10px; }
ul.pages li a{ color:#3f66a0}
ul.pages li.current {  background-color:#ffe7a2; border:solid 1px #ffbd69; padding:0px 3px; color:#fff}
ul.pages li.current a{ color:#000; }

div.bl-summary-holder { height:160px; padding:5px;}
div.bl-summary { float :left; width:300px; margin-right:10px;}
div.bl-summary table thead td { background-color:#efefef;}
div.bl-summary h2{ margin-bottom:2px; color:#000}
div.bl-summary table { width:100%; border-collapse:collapse; }
div.bl-summary table thead td,
div.bl-summary table td { 
    background-repeat: no-repeat; 
    background-position: center left; 
    text-align:left;
    padding:2px 10px; 
} 

div.bl-summary table tr.total td { font-weight:bold; font-size:12pt;}

/* ASP.NET MVC Validation for jQuery */
.input-validation-valid,.field-validation-valid,.validation-summary-valid{display:none}
.input-validation-error{background-color:#fee;border:1px solid red; outline: none}
.comboac .input-validation-error{background-color:#fee;border:1px solid red; outline: none}
.input-validation-error:focus{outline:none}
input[type="text"].input-validation-error:focus, select.input-validation-error:focus{outline:none}

.validation-summary-errors{color:#fff}
.validation-summary-errors span{font-weight:700}
.validation-summary-errors ul{list-style:disc inside}
.validation-summary-errors ul li{font-weight:normal}
.validation-summary-errors ul li label, .validation-summary-errors ul li span{display:inline !important; font-weight:normal}

a.button { float:left; margin-right:2px;  padding:4px 7px; height:16px; background:url('../images/tb_header_bg.gif') repeat-x; min-width:60px; text-align:center; text-decoration:none;  border:solid 1px #bed6f6; }
a.button:hover {  background-position: 0px -24px; border-color:#d6a886 }

/* fixing partner console */
div.page .ui-dialog  .iframe-partner { width:740px; border:none}

/*Fix for dropdown  */
.ffb .row { margin: 0px;padding-left: 5px;}