/* set all attributes to known/default state */

td.available-loads-lastupdated
{
	width: 10%;
}

td.available-loads-location
{
	text-align: left;	
}

td.available-loads-number
{
	text-align: right;
}

TABLE.charlie td.available-loads-trailertype
{
	white-space: normal;
}

TABLE.charlie td
{
	border-right-style: dashed;
	border-right-color: #ddd;
	border-right-width: 1px;
}

.camilleField select
{
	width: 200px;	
}

*
{
	margin: 0;
	padding: 0;
	border: 0;
	box-sizing: border-box !important;
	-moz-box-sizing: border-box;
	font-family: verdana, arial, helvetica, sans-serif;
}

select, input
{
	border:1px solid #7F9DB9;
	font-size:1.1em;
	margin-top:2px;
}

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

ol, ul
{
	list-style: none;
}

html
{
	
	height: 100%;
	max-height: 100%;

}

body
{
	background: #fff;
	font-size: 62.5%;
	height: 100%;
	max-height: 100%;	
}

em
{
	font-style: normal;
}

select, input
{
	display: block;
	float: left;
	/*padding: 2px 0 0 2px;*/
}

td
{
	text-align: center;
	padding: .5em;
}

th
{
	padding: .5em;
}

#layout-box
{
   	display:block;
	background: #fff url(images/scan_line_back.png) repeat 0 0;
	line-height: 2em;
	font-size: 1em;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-bottom:-21px;
	min-width: 980px;	
	width: 870px;
}

#header-bar-box
{
	background: #E5EEF7;
	color: #3f86be;
	font-weight: bold;
	height: 2.2em;
	line-height: 2.2em;
	padding: 0 1em;
	border-bottom: solid 1px #ddd;
	white-space: nowrap;
}

#header-bar-box a, #footer-box a
{
	color: #3f86be;
	text-decoration: none;
}

#header-bar-box a:hover, #footer-box a:hover
{
	text-decoration: underline;
}

#header-container
{
	background: url(images/echo_splash_slice.png) repeat-x 0 0;
}

.login-header
{
	border-bottom: solid 1px #666;
}
#header-box
{
	width: 980px;
	height: 50px;
}

.header1 {
	height: 68px;
	background:url("images/header-bg.png") top left repeat-x #CCCCCC;
	border-bottom: solid 1px #333333;
}

.header-left1 {
	height: 68px;
	width: 350px;
	float: left;
	background:url("images/header-left.png") top no-repeat;
}

.header-right1 {
	height: 68px;
	width: 481px;
	float: right;
	background:url("images/header-right.png") top no-repeat;
}


#echo-logo
{
	display: block;
	float: left;
	background: #fff url(images/echo_logo.png) no-repeat 24px 0;
	width: 143px;
	height: 50px;
}

#echo-splash
{
	display: block;
	float: left;
	background: url(images/echo_splash.png) no-repeat 0 0;
	width: 836px;
	height: 50px;
}


#menu-box
{
	background: #E5EEF7;
	border-top: 1px solid #CBCCCE;
	height: 3.4em;
	position: relative;
	width: 100%;
}

#menu-box
{
	margin: 0em 1em;
}

#menu-container
{
	display: block;
	float: left;
	width: 550px;
	margin-left: 5px;
}

#subnav-box
{
	background: url(images/grad-slice-01.png) repeat-x 0 0;
	padding: 6px 0 6px 35px;
	font-weight: bold;
	font-size: 1em;
	text-transform: uppercase;
	border-bottom: solid 1px #666;
	color: Orange;
}

#subnav-box a 
{
	text-decoration: none;
	line-height: 24px;
	color: #ccc;
}

#subnav-box a:hover
{
	color: #fff;
	text-decoration: underline;
}

#content-box
{
	display: block;
	clear: both;
}

#push-box
{
	height: 100%;
}

#footer-box
{
	background: #E5EEF7;
	border-top: solid 1px #ddd;
	height: 20px;
	width: 100%;
}

#footer-box span
{
	font-size: 1em;
	padding: 2px 0 0 0;
}

#footer-copyright
{
	display: block;
	float: right;
	padding: 2px 6px 2px 0;
}

.centered
{
	text-align: center;
}

.left-floated
{
	float: left;
}

.right-floated
{
	float: right;
}

/* generalized styles */
h1
{
	font-size: 1.6em;
	font-weight: bold;
}
h2
{
	font-size: 1.4em;
	font-weight: bold;
}
h3
{
	font-size: 1.2em;
}
h4
{
	font-size: 1em;
}
h5
{
	font-size: .8em;
}

pre
{
	font-size: 1.6em;
}

p
{
	font-size: 1em;
}

/* login form */
.login-form
{
	margin: 100px auto;
	width: 550px;
	font-size: 1.2em;
}

.login-form span,
.login-form table,
.login-form h1
{
	display: block;
	clear: both;
}

.login-form span
{
	margin-bottom: 4px;
}

.login-form table td
{
	padding: 2px;	
}

.login-form h1
{
	color: #828DAB;
	margin: 6px 0 10px 0;
	border-bottom: solid 1px #cbd2e2;
	font-size: 12pt;
	width: 100%;
}

.login-form h1.alt
{
	color: #777;
	border-bottom: solid 1px #777;
}

.login-form .label
{
	text-transform: uppercase;
	font-size: .9em;
	font-weight: bold;
	color: #888;
}

.login-form .error
{
	color: #fff;
	font-weight: bold;
	background: red;
	border: solid 1px #000;
	padding: 2px;
	margin: 4px 0;
}

.login-form .user-msg
{
	color: #fff;
	font-weight: bold;
	background: #54b848;
	border: solid 1px #000;
	padding: 2px;
	margin: 4px 0;
}

.login-form .note
{
	color: White;
	margin-top: 6px;
	text-indent: -1em;
	padding-left: 1em;
}

.login-form
{
	width: 100px;
}

.login-form input
{
	border: solid 1px #7d88b6;
	font-size: 1em;
	padding: .2em;
}

.login-box
{
	padding: 10px;
	border: solid 1px #7d88b6;
	background-color: White !important;
	background: url(images/login_bg.png) repeat-x 0 0;
	width: 548px;
}

.login-form .submit-button
{
	display: block;	
	border: 0;
	font-weight: bold;
	height: 20px;
	width: 120px;
	text-decoration: none;
	text-transform: uppercase;
	color: #777;
	text-align: center;
	cursor: pointer;
	background: url(images/grey_button.png) no-repeat 0 0;
	float: none;
}

.noteerror
{
	color: White;
	margin-top: 6px;
	text-indent: -1em;
	padding-left: 1em;
}


.full-width
{
	width: 100%;
}

.header-lines th
{
	border-right: solid 1px #888;
}

#error-msg
{
	display: block;
	clear: both;
	color: Red;
	font-weight: bold;
	font-size: 1.2em;
}


/* echo table style camille */
table.camille
{
	font-size: 1.1em;
	margin: 0 auto;
}

table.camille tr
{
	vertical-align: top;
}

div.camille,
table.camille th
{
	padding-left: 10px;
	font-weight: bold;
	text-transform: uppercase;
	background: url(images/table_head_slice.png) repeat-x 0 0;
	border-bottom: solid 1px #666;
}

table.camille th span
{
	display: block;
	float: left;
}

table.camille .centered
{
	text-align: center;
}

table.camille td
{
	background: #ddd;
	border-bottom: solid 1px #fff;
	text-align: left;
	border-left: solid 1px #ddd;
/*	white-space: nowrap; */
}

table.camille tr.subhead1 td
{
	background: #eee;
	font-weight: bold;
	color: #666;
}

div.camilleField
{
	width: 400px;
	float: left;	
}

div.camilleLabel
{
	width: 130px;	
	float: left;
	clear: left;
}

div.camilleLink
{
	cursor: pointer;
	text-decoration:underline;	
}

div.camilleLabel,
table.camille td.label
{
	font-weight: bold;
	text-align: right;
	padding-right: 12px;
	color: #666;
	background: #eee;
}

table.camille td label
{
	display: block;
	float: left;
}

table.camille td.required
{
	background: #eee url(images/bullet_red.png) no-repeat center right;
}

table.camille td input.required
{
	background: #ffef9c;
}

table.camille input
{
	border: solid 1px #7f9db9;
	height: 16px;
	font-size: 1.1em;
	padding-top: 2px;
}

input.upload {
	height: 24px !important;
}

table.camille select,
table.camille option
{
	font-size: 1.1em;
}

table.camille td.field-tab em
{
	display: block;
	float:left;
	color: #666;
	height: 18px;
	background: url(images/field_tab_grad.png) repeat-x 0 0;
	border: solid 1px #7f9db9;
	border-right: 0;
	padding: 0 2px;
	width: 75px;
	text-align: right;
}

table.camille td.field-tab input
{
	display: block;
	float: left;
}

table.camille td.submit
{
	background: #ddd url(images/bottomgrade.png) repeat-x 0 0;
	height: 75px;
	border-bottom: none;
	border-left: none;
	filter: alpha(opacity=100, finishopacity=0, style=1, startx=0, starty=20, finishx=0, finishy=75);
}

table.camille td.submit input
{
	border: 0;
	height: 20px;
	font-size: 1em;
}

table.camille td.user-msg
{
	color: #54b848;
	font-weight: bold;
	background: #c4df9b;
	text-align: center;
	font-size: 1.1em;
}

.date input
{
	width: 70px;
}

table.camille textarea
{
	width: 100%;
	font-size: 1.1em;
}

table.camille a
{
	font-weight: bold;
	color: #0072bc;
	text-decoration: none;
}

table.camille a:hover
{
	text-decoration: underline;
	color: #000;
}

table.camille td.radio input,
table.camille td span.radio input,
table.camille td span.checkbox input,
table.camille td table.checkbox input,
table.camille td.checkbox input
{
	border: 0;
}

table.camille td.radio label
table.camille td span.radio label,
table.camille td span.checkbox label
{
	float: none;
}

span.user-msg
{
	display: block;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	background: #54b848;
}

span.error-msg
{
	display: block;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	background: red;
}

/* echo table style charlie */
table.charlie
{
	font-size: 1.1em;
	background: #fff;
	border-bottom: solid 1px #888;
	clear: left;
}

table.charlie tr
{
	vertical-align: top;
}

table.charlie tr.grid-head,
table.charlie tr.grid-head-left
{
	vertical-align: bottom;
}

table.charlie td,
table.charlie th
{
	white-space: nowrap;
	color: #000;
}

table.charlie tr.grid-head td,
table.charlie tr th
{
	background: #ddd url(images/shadow_one.png) repeat-x 0 0;
	border-bottom: solid 1px #666;
	font-weight: bold;
	line-height: 1.75em;
}

table.charlie tr.grid-head-left td,
table.charlie tr.grid-head-left th
{
	background: #ddd url(images/shadow_one.png) repeat-x 0 0;
	border-bottom: solid 1px #666;
	font-weight: bold;
	text-align: center;
}

table.charlie tr.alt td
{
	background: #eee;
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
}

table.charlie tr.alt td table td
{
	border: 0;
}

table.charlie tr.sub-head td
{
	background: #ddd url(images/shadow_one.png) repeat-x 0 0;
	color: #444;
	font-weight: bold;
	text-align: left;
	border-bottom: solid 1px #444;
}

table.charlie th a
{
	font-weight: bold;
	color: #333;
	text-decoration: none;
}

table.charlie th a:hover
{
	text-decoration: underline;
	color: #0072bc;
}

table.charlie a
{
	font-weight: bold;
	color: #0072bc;
	text-decoration: none;
}

table.charlie a:hover
{
	text-decoration: underline;
	color: #000;
}

table.charlie input
{
	border: solid 1px #7f9db9;
	height: 16px;
	font-size: 1.1em;
	padding-top: 2px;
}

table.charlie select,
table.charlie option
{
	font-size: 1.1em;
}

table.charlie td.checkbox input,
table.charlie td.radio input
{
	border: 0;
}

table.charlie th span.required
{
	background: url(images/bullet_red.png) no-repeat -4px -2px;
	padding-left: 10px;
}

table.charlie td.checkbox input
{
	float: none;
}

table.charlie span.checkbox input,
table.charlie span.radio input
{
	border: 0;
	float: none;
}

table.charlie .emph
{
	font-weight: bold;
	color: Navy;
}

table.inner-table td.label
{
	text-align: right;
	font-weight: bold;
	color: #888;
	padding-right: 12px;
}

table.inner-table td.required
{
	background: url(images/bullet_red.png) no-repeat center right;
}

table.inner-table td select,
table.inner-table td span,
table.inner-table td img,
table.inner-table td input
{
	display: block;
	float: left;
}

div.terms-cond
{
	display: block;
	float: right;
	margin-right: 6px;
}

/* echo table style moe */
table.moe
{
	font-size: 1.1em;
	margin-right: 200px;
	vertical-align: top;
	line-height: 1.1em;
}

table.moe tr
{
	vertical-align: top;
}

table.moe th
{
	text-transform: uppercase;
	background-color: #0072bc;
	color: White;
	line-height: 1.5em;
	text-align: left;
}

table.moe td
{
/*	background: #ddd;*/
	text-align: left;
}

table.moe td.label
{
	font-weight: bold;
	padding-right: 12px;
}

table.moe td.center
{
	text-align: center;
}

table.moe td.user-msg
{
	color: #54b848;
	font-weight: bold;
	background: #c4df9b;
	text-align: center;
	font-size: 1.1em;
}

table.moe textarea
{
	width: 100%;
	font-size: 1.1em;
}

table.moe a
{
	font-weight: bold;
	color: #0072bc;
	text-decoration: none;
}

table.moe a:hover
{
	text-decoration: underline;
	color: #000;
}

/* command bars */
div.page-command-bar
{
	display: block;
	clear: both;
	width: 100%;
	background: #ddd url(images/shadow_one.png) repeat-x 0 0;
}

div.page-command-bar h1
{
	display: block;
	float: left;
	color: #0072bc;
	padding: 4px 0 4px 10px;
}

div.page-command-bar table
{
	display: block;
	float: right;
	border-collapse:collapse;
	border:0;
}

div.page-command-bar em
{
	display: block;
	float: right;
}

div.page-command-bar input,
div.page-command-bar a
{
	display: block;
	float: right;
	font-size: 1em;
}

div.page-command-bar a
{
	line-height: 20px;
}

div.table-pager-bar
{
	display: block;
	clear: both;
	width: 100%;
	background: #888;
	border-top: solid 1px #fff;
}

div.table-pager-bar input
{
	font-size: 1em;
}

div.table-pager-bar input.textbox
{
	display: block;
	float: left;
	border: solid 1px #7f9db9;
	font-size: 1.2em;
	line-height: 1.2em;
	margin: 2px 0 0 4px;
	height: 16px;
	padding: 2px 0 0 2px;
}

div.table-pager-bar h1
{
	display: block;
	float: left;
	color: navy;
	padding: 4px 0 2px 10px;
	font-size: 1.5em;
}

div.table-pager-bar h1 em
{
	color: #ddd;
	font-style: italic;
	font-size: .9em;
}

div.table-pager-bar span.note
{
	display: block;
	color: #fff;
	font-size: 1.2em;
	text-align: center;
	padding-bottom: 4px;
}

div.pager-control
{
	display: block;
	float: right;
	font-size: 1.1em;
	font-weight: bold;
	color: #333;
	margin-top: 2px;
}

div.pager-control .pager-nav
{
	font-weight: bold;
	text-decoration: none;
	color: Orange;
}

div.pager-control .pager-nav:hover
{
	background: orange;
	color: #000;
}

div.pager-control .jump-page
{
	display: inline;
	float: none;
	font-size: 1em;
	font-weight: bold;
	width: 30px;
	background: #eee;
	color: #000;
	border: solid 1px #333;
	height: 15px;
	padding: 2px 0 0 2px;
	text-align: center;
}

div.pager-control .go-button
{
	display: inline;
	float: none;
	font-size: 1em;
	font-weight: bold;
	color: #777;
	background: #ddd;
	cursor: pointer;
	margin-right: 6px;
	height: 19px;
	text-transform: uppercase;
}

div.pager-control .go-button:hover
{
	display: inline;
	float: none;
	font-size: 1em;
	font-weight: bold;
	color: #000;
	background: #bbb;
	cursor: pointer;
	margin-right: 6px;
	height: 19px;
	text-transform: uppercase;
}

div.user-msg
{
	font-size: 1.2em;
	color: #54b848;
	text-align: center;
	background: #c4df9b;
	font-weight: bold;
}

div.submit
{
	display: block;
	clear: both;
	background: #ddd url(images/bottomgrade.png) repeat-x 0 0;
	height: 75px;
	filter: alpha(opacity=100, finishopacity=0, style=1, startx=0, starty=20, finishx=0, finishy=75);
	padding: 2px 4px;
}

/* styled buttons */
.default-button
{
	display: block;
	float: left;
	border: 0;
	font-weight: bold;
	height: 20px;
	width: 120px;
	text-decoration: none;
	text-transform: uppercase;
	color: #777;
	line-height: 1.1em;
	text-align: center;
	cursor: pointer;
	border: 0;
	margin: 3px 4px 0 0;
	font-size: 1.1em;
}
.green-style
{
	background: url(images/green_button.png) no-repeat 0 0;
}

.green-style:hover
{
	background: url(images/green_button_hov.png) no-repeat 0 0;
	color: #000;
}

.gold-style
{
	background: url(images/gold_button.png) no-repeat 0 0;
}

.gold-style:hover
{
	background: url(images/gold_button_hov.png) no-repeat 0 0;
	color: #000;
}

.red-style
{
	background: url(images/red_button.png) no-repeat 0 0;
}

.red-style:hover
{
	background: url(images/red_button_hov.png) no-repeat 0 0;
	color: #000;
}

.grey-style
{
	background: url(images/grey_button.png) no-repeat 0 0;
}

.grey-style:hover
{
	background: url(images/grey_button_hov.png) no-repeat 0 0;
	color: #000;
}

a.small-button
{
	display: block;	
	background: url(images/field_tab_grad.png) repeat-x 0 0;
	width: auto;
	font-weight: bold;
	font-size: 1em;
	text-transform: uppercase;
	line-height: 1em;
	padding: 2px;
	border: solid 1px #000;
	text-decoration: none;
	color: #000;
	margin: 2px;
	text-align: center;
	white-space: nowrap;
}

a.small-button:hover
{
	background: #ddd;
	text-decoration: none;
}

.medium
{
	width: 100px;
}

.large
{
	width: 150px;
}


.left-align
{
	text-align: left;
}

.center-align
{
	text-align: center;
}

#processing-frame 
{
	
	display: none;
	position: absolute;
	z-index: 10000;
	right: 50%;
	top: 30%;
	height: 67px;
	width: 177px;
}

/* echo table style carlos */
table.carlos
{
	font-size: 1.1em;
	background: #fff;
	border-bottom: solid 1px #888;
}

table.carlos tr
{
	vertical-align: top;
}

table.carlos tr.grid-head

{
	vertical-align: bottom;
}

table.carlos td,
table.carlos th
{
	color: #000;
}

table.carlos tr.grid-head td,
table.carlos tr th
{
	background: #ddd url(images/shadow_one.png) repeat-x 0 0;
	border-bottom: solid 1px #666;
	font-weight: bold;
	line-height: 1.1em;
}

table.carlos tr.alt td
{
	background: #eee;
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
}

table.carlos tr.alt td table td
{
	border: 0;
}

table.carlos tr.sub-head td
{
	background: #ddd url(images/shadow_one.png) repeat-x 0 0;
	color: #444;
	font-weight: bold;
	text-align: left;
	border-bottom: solid 1px #444;
}

table.carlos a
{
	font-weight: bold;
	color: #0072bc;
	text-decoration: none;
}

table.carlos a:hover
{
	text-decoration: underline;
	color: #000;
}

table.carlos input
{
	border: solid 1px #7f9db9;
	height: 16px;
	font-size: 1.1em;
	padding-top: 2px;
}

table.carlos select,
table.carlos option
{
	font-size: 1.1em;
}

table.carlos td.checkbox input,
table.carlos td.radio input
{
	border: 0;
}

table.carlos th span.required
{
	background: url(images/bullet_red.png) no-repeat -4px -2px;
	padding-left: 10px;
}

table.carlos td.checkbox input
{
	float: none;
}

table.carlos span.checkbox input,
table.carlos span.radio input
{
	border: 0;
	float: none;
}

table.carlos .emph
{
	font-weight: bold;
	color: Navy;
}

table.carlos td.multi-line
{
	line-height: 2em;
}

.border-none,
.border-none td,
.border-none tr,
.border-none tr td
{
	border: none;
}

table.divider th.h-div,
table.divider td.h-div
{
	border-top: none;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-bottom: none;
	width: 5px;
	background: #fff;
}

.reportFullImage
{
	border: 3px solid #184686;
	display: none;
	z-index: 1000;
	position: absolute;
	margin-left:-600px;
	margin-top: -200px;
	
}

/* specific text styling */
.smallPrint
{
	font-size: 6pt;	
}

/* end text styling */
.invoiceTotal
{
	background: #eeeeee;
}

.advancedFilterButton
{
	border-width: 2px;
	padding: 2px 2px 2px 2px;
	height: 22px !important;
}

/* Invoice Details / Load Details styling */
#invoiceContainer
{	
	position: relative;
	height: 100%;
	margin-bottom: 15px;
}
/* Div is clickable (via jQuery) to show/hide the div id= loadDetails */
#detailsHeader
{
	color: #2967a4;
	width: 275px;
	background-image: url('images/nav_blue_down.gif');
	background-position: right;
	background-repeat: no-repeat;
	cursor: hand;
	
}
#loadDetails
{
	display: none;
}

#loadDetails div
{
	padding-bottom: 5px;
}

#loadDetails table
{
	width: 100%;	
}

#carrier
{
	float: left;
	width: 50%;
	position: absolute;
	
}
#carrierInvoice
{
	padding-bottom: 15px;
}

#echo
{
	float: right;
	width: 50%;
}

#moeTable
{
	background: white;
	
}
#echoInvoice
{
	padding-bottom: 15px;
}

.user-msg-blue
{
	color: white !important;
	font-weight: bold;
	background: #0072bc;
	text-align: center;	
	display: block;	
	font-size: 1.2em;	
	text-align: left;
	
}

#advancedSearchHeader
{
	background-image: url('images/nav_blue_down.gif');
	background-position: right;
	background-repeat: no-repeat;
	cursor: default;
}

.invoiceFooter td
{
	color: Black;
	font-weight: bold;
}

.searchHeader
{
	color: #0000FF;
	text-align: center;
	background-color: Transparent;
	width: 100%;
	cursor: default;
	font-weight: bold;
}

#reportsTable
{
	background-color: White;
}

#reportsTable td
{
	border-bottom: solid 1px black;
	text-align: center !important;
	
}

.thumbnail img
{
	border: solid 1px black !important;
}

#reportsTable .reportName
{
	font-size: 1.25em;
	padding-right: 15px;
}

#divCharts div
{
	display: inline;
}

.forgottenPassSubmit 
{
	padding-left: 25% !important;
}

.no-float-inline
{
	float: none;
	display: inline;	
}

#carrierInvoice .moe
{
	background: white;
}
#carrierInvoice .moe .label
{
	
}

div.errorpage {
    background: red;
    font-weight: bold;
    color: white;
    text-align: center;
    font-size: 10pt;
    margin-top: 25px;
}

/* Submission top button*/
table.camille td.submit_top
{
	background: #ddd;
	height: 35px;
	border-bottom: none;
	border-left: none;
	filter: alpha(opacity=100, finishopacity=0, style=1, startx=0, starty=35, finishx=0, finishy=35);
	
}



/* ----------- feedback message blocks ----------- */
.error, .notice, .success {font-size:1.4em;padding:.8em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}