body { background:#627fa0 url('../img/body_bg.jpg') repeat-x;  font-family:Arial; font-size:10pt;color:#444;} 

h2{ font-size:11pt; font-weight:bold; margin:5px 0px; color:#ff8605}

a { color:#4276b0; text-decoration:none }
a:hover {  text-decoration:underline }

span.link {color:#4276b0;text-decoration:underline; cursor:pointer;  }
span.bold { font-weight:bold; }

div.site{ width:100%; margin:0 auto; }
div.page{ background:url('../img/site_bg.jpg') repeat-y center; min-height:724px; width:1020px; margin:0 auto; margin-bottom:30px;  }
div.page-content{background:url('../img/page_bg.jpg') no-repeat top center; min-height:724px; padding-bottom:20px; }
div.footer { background-color:#dbe7f5; height:35px; width:985px; clear:both; margin-left:18px; text-align:center; padding-top:20px; }
div.footer span.pg-copy { font-size:9pt;}


div.head { padding:20px 0px 0px 50px; position:relative; height:110px;}
div.head div.poweredby { position:absolute; top:20px; right:40px; font-size:8pt; width:160px; }
div.head div.poweredby span { float:left; height:40px; padding-top:10px; width:70px; color:#6884a4}
div.head div.poweredby a { float:left;display:block;  background:url('../img/logo_small.gif') no-repeat top center; height:45px; width:80px; text-indent:-9000px}
div.head div.logo { width:500px;}
div.head div.logo div.logo-image { float:left; margin-right:20px;}
div.head div.logo div.company-name { font-size:18pt; padding-top:10px; }
div.head div.logo div.user-name { margin-top:0px;}



div.menu {padding:0px 0px 0px 40px; display:block; clear:both;}
div.menu ul { height:20px;}
div.menu ul li { float:left; width:120px; font-size:11pt; font-weight:bold;}
div.menu ul li a {color:#4e80b9; text-decoration:none }
div.menu ul li a:hover {color:#fe9423}


div.content {padding:0px 0px 0px 30px; display:block; clear:both; margin-top:10px;}
div.content h1 { font-size:16pt; font-weight:normal;margin-bottom:15px; color:#555}

div.side-bar { float:left; width:165px; border-right:solid 1px #eee; margin-right:10px; padding-right:5px;}
div.side-bar ul li { padding:2px 0px;}
div.side-bar ul li a{ color:#4276b0; display:block; }
div.side-bar ul li a.action-main { margin-bottom:5px; font-weight:bold; }


div.content-withsidebar { float:left; width:790px; position:relative;}


.ac_results {	padding: 0px;	border: 1px solid black;	background-color: white;	overflow: hidden;	z-index: 99999;}
.ac_results ul {	width: 100%;	list-style-position: outside;	list-style: none;	padding: 0;	margin: 0;}
.ac_results li {	margin: 0px;	padding: 2px 5px;	cursor: default;	display: block;	
	/* 	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used	*/
	/*width: 100%;*/
	font: menu;	font-size: 12px;
	/* 	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox	*/
	line-height: 16px;	overflow: hidden;}
.ac_loading {	background: white url('indicator.gif') right center no-repeat;}
.ac_odd {	background-color: #eee;}
.ac_over {	background-color: #0A246A;	color: white;}

div.score-cards {width:780px; border:solid 1px #DDDDDD; border-top:solid 3px #DDDDDD; display:table;background-color:#fdfdfd }
div.score-cards div.score-cards-item { float:left; padding:5px 10px; }
div.score-cards div.score-cards-item span.title { display:block; margin-bottom:2px;}
div.score-cards div.score-cards-item span.value { font-size:16pt; }


/* OLD DATA FORMAT */

table.grid { width:781px;border:solid 1px #d5d5d5; margin-left:1px}
table.grid thead td,
table.grid th { background-color:#E5E5E5; padding:3px 5px; font-size:8pt; border:solid 1px #d5d5d5; font-weight:normal; text-align:left}
table.grid td { background-color:#f5f5f5; padding:3px; font-size:9pt; border:solid 1px #d5d5d5; vertical-align:middle;}
table.grid tfoot td { background-color:#e5e5e5; padding:5px 3px; font-size:8pt; border:solid 1px #d5d5d5; font-weight:normal;}

table.grid .cm-impersonate { background-image: url('../../../images/icons/impersonate.png'); width: 22px; height: 22px; display: block; background-size: contain; }



div.left { float:left; } 
div.right { float:right; } 
div.clear { clear:both; overflow:hidden; }

div.group { color:#44536C; margin-bottom:5px; position:relative; }
div.group h2 { display:block; height:15px; padding:5px 0px;  }
div.group div.hr { height:1px; background-color:#E9EFFA; margin:3px 0px;  display:none; }
div.group div.hr spacer { height:1px; }
div.group div.group-actions { position:absolute; right:10px; padding:4px}
div.group div.group-actions input { font-size:8pt; height:20px; margin-left:10px; width:100px}
div.group div.group-actions input.chk {height:auto; margin-left:10px; width:auto}

div.group div.group-options { margin-left:10px; padding:2px; font-size:8pt}
div.group div.group-options span,
div.group div.group-options a{ margin-right:10px}
div.group div.group-options span.active { font-weight:bold}

div.group div.group-toolbar {border:solid 1px #d5d5d5; border-top:solid 3px #d5d5d5; display:table;background-color:#fdfdfd; width:760px; padding:10px; }
div.group div.group-toolbar input { margin-right:10px}



div.group div.group-content { }
div.group h4 { background-color:Transparent; font-size:10pt; font-weight:bold }
div.group div.left { float:left;}
div.group div.submit { padding:10px;}

/* Message box */
div.messageBoxHolder { position:absolute; overflow:hidden; z-index:1001; border:solid 1px Black; }
div.messageBoxMask { position:absolute; width:100%; height:100%; z-index:1000; background-color:Black; filter:ALPHA(opacity=30); opacity:0.3;  }
div.waite-bar 
{
	/*position:absolute;*/  background-color:#b82727 ; color:#fff;
	 /*padding:20px;*/ border:solid 3px #cb2e2e; font-size:16px;
	 text-align:center; /*display:none*/
	 width:100%; height:100%;
}
div.waite-bar div { padding:20px; }

div.waite-bar-green
{
	/*position:absolute;*/ background-color:#3bc529 ; color:#fff;
	 /*padding:20px;*/ border:solid 3px #419836; font-size:16px;
	 text-align:center; /*display:none*/
	 width:100%; height:100%;
}
div.waite-bar-green div { padding:20px; }

/* Tabs */

div.tabs {height:27px; }
div.tabs ul { height:27px; width:100%;}
div.tabs ul li { height:27px;float:left;  width:110px; text-align:center; margin-right:1px; }

div.tabs ul li a { display:block;height:20px;padding-top:7px; width:110px; background:url('../img/tabs_111.png') -222px 0px;}
div.tabs ul li a:hover { background-position:-333px 0px; cursor:pointer; text-decoration:none;}

div.tabs ul li a.active {  background-position:0px 0px; color:#fff}
div.tabs ul li a.active:hover { background-position:-111px 0px;}

/* Icon */

.loading { display:inline-block; width:16px; height:16px; background-image:url('../img/loading.gif');}

span.icon { display:inline-block; width:16px; height:16px; background-image:url('../img/spotquote_icons.png'); }

span.icon-star-true { background-position:0px -64px }
span.icon-star-false { background-position:-16px -64px }

span.icon-status-completed { background-position:0px -16px }
span.icon-status-processing { background-position:-32px -16px }
span.icon-status-XXX { background-position:-64px -16px }
span.icon-status-expired { background-position:-64px -16px }
span.icon-status-notavailable { background-position:-48px -16px }

span.icon-message-message { background-position:-0px -48px }
span.icon-message-unread { background-position:-16px -48px }
span.icon-message-read { background-position:-48px -48px }
span.icon-message-replied { background-position:-32px -48px }

span.icon-mark-true { background-position:0px -64px }
span.icon-mark-false { background-position:-16px -64px }

span.icon-expand-open { background-position:-16px 0px }
span.icon-expand-close { background-position:-0px 0px }

/* Rating */

div.rating-stars { float:left; margin: 5px; width:100px; }
div.rating-stars span { margin-right:3px }

/* PlaceMark */

div.pm { width:380px; }
div.pm div.pm-title { float:left; font-size:11pt; font-weight:bold; color:#ff8605; margin:5px 0px; }
div.pm div.pm-lookup { float:right; padding-top:5px; }

/* Freight */

div.fi-scorecards { width:780px;  }
div.fi-scorecards span.title { display:block; margin-bottom:2px;}
div.fi-scorecards span.value { font-size:16pt; }
div.fi-scorecards div.score-cards-item { border-right:solid 1px #d5d5d5; height:40px;}

div.fi-scorecards div.fi-totalweight { width:140px;border-right:solid 1px #d5d5d5; }
div.fi-scorecards div.fi-totalvolume { width:140px;}
div.fi-scorecards div.fi-totalpieces { width:80px;}
div.fi-scorecards div.fi-totallinearft {}
div.fi-scorecards div.fi-totalshipmentvalue{border-right:none 0px;}
div.fi-scorecards div.fi-totalshipmentvalue input { width:130px; margin-left:5px}

table.fi-table { width:780px;border:solid 1px #d5d5d5; margin-left:1px}
table.fi-table thead th { background-color:#e5e5e5; padding:3px 5px; font-size:8pt; border:solid 1px #d5d5d5; font-weight:normal; text-align:left}
table.fi-table td { background-color:#f5f5f5; padding:3px; font-size:9pt; border:solid 1px #d5d5d5}
table.fi-table tfoot td { background-color:#e5e5e5; padding:5px 3px; font-size:8pt; border:solid 1px #d5d5d5; font-weight:normal;}


table.fi-table input.fi-tb-quantity { width:40px;}
table.fi-table select.fi-tb-packing { width:80px;}
table.fi-table input.fi-tb-weight { width:60px;}
table.fi-table input.fi-tb-size { width:50px;}
table.fi-table input.fi-tb-volume { width:50px;}

table.fi-table-view td{ background-color:#fdfdfd; padding:3px 5px;}

div.messages-error { width:760px; padding:10px; background-color:#ffc514; margin-bottom:5px; color:Black; }

.cp-dialog.cp-error { font-size: 18px; color: #f00; display: flex; align-items: center; justify-content: center; }