/*
	In order to keep consistency please place 
	adjustments into the following order
	
	1. common	   ex: html, body, table
	2. div name	 ex: #header_div
	3. class name   ex: .standardHeader
	4. cross-browser hacks

*/

html, body 
{
	font-family: Arial, Helvetica, sans-serif;
	height: 100%;
	margin:0px;
	padding:0px;
	background-image: url('/images/gradient4.jpg');	
	background-repeat:repeat-x;
	overflow:hidden;
}

table 
{
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	padding: 0px;
	border-spacing: 0px;	
}

iframe 
{
	position: relative;
	margin-left: -2px;
}

input, select, textarea
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
}
select {
	max-width: 200px;
}
.smallFormFields {
	font-size: 8pt;
}
input.formDate {
	width: 62px;
}

.profileImageContainer{
	border:1px solid #eeeeee;
	background:#FFFFFF;
	padding:5px 5px 5px 5px;
	margin:5px 10px 0px 0px;
}
.profileImage{
	width:85px;
	cursor:pointer;
}
.profileImage:hover{
	width:100%;
	max-width:350px;
}

input[type=text]:hover{background:#F3FFFF}
textarea:hover{background:#F3FFFF}
input[type=text]:focus{background:#F3FFFF;}
textarea:focus{background:#F3FFFF; }

a 
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #0000FF;
	font-size: 8pt;
}

a.larger 
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #0000FF;
	font-size: 8pt;
}

a:hover 
{
	font-weight: bold;
	text-decoration: underline;
	color: #018C01;
	font-size: 8pt;
}

.smallFont {
	font-size: 8pt;
}

.smallFontRight {
	font-size: 8pt;
	text-align: right;
}

.largeFont
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
}

/* div css  */

#header_div
{
	font-family: Arial, Helvetica, sans-serif;
	position:absolute;
	top:0px;
	left:0px;
	height:75px;
	width:100%;
	text-align: center;
	z-index:3;
	border-bottom: 1px solid #cccccc;
}

#dataGrid_header
{
	text-align: center;
}

#content_div
{
	font-family: Arial, Helvetica, sans-serif;
	position:absolute;
	top:100px;
	left:0px;
	bottom:0px;
	width:100%;
	text-align: center;
	z-index:2;	
	overflow:scroll;
	
}

#ajax_response_div
{
	font-family: Arial, Helvetica, sans-serif;
	position:relative;
	top:0px;
	z-index:auto;
}

#container 
{
	border: 1px solid silver;
	background: #ffffff;
	padding: 20px 20px 20px 20px;
	margin: 0 auto;
	-moz-border-radius: 8px;
	/*border-radius: 8px; this will not work until IE decides it should (CSS3) */	
}

#meter1, #meter2, #meter3, #meter4
{
	display:block;
	border: 1px solid #AFAFAF;  
	height: 7px; 
	width: 17px; 
	float:left; 
	margin: 2px; 
	padding: 0;		
}

.hoverFormDiv 
{
	background: #ffffff;
	position:absolute;
	z-index:900;	
	-moz-box-shadow: 5px 5px 6px #666;
	-webkit-box-shadow: 5px 5px 6px #666;
	box-shadow: 5px 5px 6px #666;		
}


/* css classes */

.pw_meter_lev0
{   
	background-color: #FFFFFF;
}

.pw_meter_lev1
{   
	background-color: #BF0000;
}

.pw_meter_lev2
{   
	background-color: #EF8100;
}

.pw_meter_lev3
{   
	background-color: #DCEF3B;
}

.pw_meter_lev4
{   
	background-color: #77EF3B;
}

.pw_meter_txt
{
	font-size: 8pt;
	color:#6F6F6F;
}

td.topHeader 
{
	background-color: #FFFFFF;
	background-image: url('/images/header_01.jpg');
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	padding: 0px;
	border-spacing: 0px;
}

.hidden
{
	display:none;
}

.show
{
	display:block;
}

.pageHeader 
{
	margin-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #000000;
	font-size: 10pt;
}

.linkSize {
	font-size: 8pt;
}

.topBorder
{
	border-top: 1px solid;
}

div.pageHeader 
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #000000;
	font-size: 10pt;
	border-bottom: 1px solid #dddddd; 
	width: 100%;
}

.subHeader
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal ;
	font-style: italic;
	color: #000000;
	font-size: 8pt;
}

.standardHeader 
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #000000;
	font-size: 8pt;
}

td.mainbodyframe
{
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: top;
	text-align: center;
	height: 500px;
}

tr.smallTableHeader
{
	background-color: #dddddd;
	font-family: Arial, Helvetica, san-serif;
	font-size: 8pt;
	color: #000000;
	font-weight: bold;
}

.noDisplay
{
	display: none;
}

.smallRow_transaction
{
	font-family: Arial, Helvetica, san-serif;
	font-size: 8pt;
	color: #000000;
}

tr.smallRow_transaction_hr td
{
	border-bottom: 1px solid #ccc;
}

.smallRow_ParentAcct_odd
{
	
	font-family: Arial, Helvetica, san-serif;
	font-size: 8pt;
	/*width: 100%;*/
	/*background-color: #D3E8FF;*/
	  
	background-color: #EFFBFF;
}
.smallRow_ParentAcct_even
{
	
	font-family: Arial, Helvetica, san-serif;
	font-size: 8pt;
	/*width: 100%;*/
	/*background-color: #D3E8FF;*/
	  
	background-color: #E0EBEF;
}


.smallRow_GLHeaderAcct
{
	font-weight: bold;
	font-size: 8pt;
	background-color: #B6D8FF;
}

.smallRow_GLTableHeaderAcct
{
	font-weight: bold;
	font-size: 8pt;
	background-color: #D3E8FF;
}

.acct_AcctNumDescHeader
{
	font-weight: bold;
	font-size: 8pt;
}

.smallRow_GLCategoryHeaderAcct, .smallRow_GLCategoryHeaderAcct:hover
{
	font-weight: bold;
	font-size: 8pt;
	background-color: #3670AF;
}

.smallRow_CategoryAcct, .smallRow_CategoryAcct:hover
{
	font-weight: bold;
	font-size: 8pt;
	width: 100%;
	background-color: #C2E3EF;	
}

#acct_selectAutoSuggest 
{
	overflow:hidden;
	position:absolute;
	border:#9DC4D1 solid 0px;
	background:#E2ECF5;
	padding:2px 0;
}

tr.smallImagingTableHeader
{
	background-color: #BFBFBF;
	font-family: Arial, Helvetica, san-serif;
	font-size: 8pt;
	color: #000000;
	font-weight: bold !important;
}

tr.smallColorTableHeader
{
	background-color: #555555;
	font-family: Arial, Helvetica, san-serif;
	font-size: 8pt;
	color: #FFFFFF;
	font-weight: bold;
}

tr.smallReportTableHeader
{
	background-color: #C2C7CF;
	font-family: Arial, Helvetica, san-serif;
	font-size: 8pt;
	color: #000000;
	font-weight: bold;
}

tr.smallClearTableHeader
{
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, san-serif;
	font-size: 8pt;
	color: #000000;
	font-weight: bold;
}

tr.noTableHeader
{
	background-color: #FFFFFF;
	font-size: 1pt;
	color: #FFFFFF;
	line-height:.25em;
}

tr.errorRow:nth-child(even) {
	background-color: #ffcccc;
	font-family: Arial, Helvetica, san-serif;
	font-size: 8pt;
	color: #000000;
}
tr.errorRow:nth-child(odd) {
	background-color: #fff4f4;
	font-family: Arial, Helvetica, san-serif;
	font-size: 8pt;
	color: #000000;
}
tr.errorRow:hover{
	background-color: #D6DFF7;
}

tr.warningEvenRow
{
	background-color: #FFC8C8;
	font-family: Arial, Helvetica, san-serif;
	font-size: 8pt;
	color: #000000;
}

tr.warningOddRow
{
	background-color: #FFE6E6;
	font-family: Arial, Helvetica, san-serif;
	font-size: 8pt;
	color: #000000;
}
tr.smallEvenRow, tr.smallEvenRow_noHover
{
	background-color: #eeeeee;
	font-family: Arial, Helvetica, san-serif;
	font-size: 8pt;
	color: #000000;
}

tr.smallOddRow, tr.smallOddRow_noHover
{
	background-color: #dddddd;
	font-family: Arial, Helvetica, san-serif;
	font-size: 8pt;
	color: #000000;
}

tr.smallEvenRow:hover, tr.warningOddRow:hover, tr.warningEvenRow:hover
{
	background-color: #D6DFF7;
	font-family: Arial, Helvetica, san-serif;
	font-size: 8pt;
	color: #000000;
}

tr.smallOddRow:hover
{
	background-color: #D6DFF7;
	font-family: Arial, Helvetica, san-serif;
	font-size: 8pt;
	color: #000000;
}

tr.smallEvenRow span.expired
{
	color: #9F1A00;
	font-weight:bold;
}

tr.smallOddRow span.expired
{
	color: #9F1A00;
	font-weight:bold;
}

tr.smallEvenRow span.warning
{
	font-weight:bold;
}

tr.smallOddRow span.warning
{
	font-weight:bold;
}

span.warning {
	background-color: #FFCCCC !important;
}

tr.expiredRowEven
{
	background-color:#EFBDB3 !important;
}

tr.expiredRowOdd
{
	background-color:#EFB0A4 !important;	
}

tr.expiredRowEven:hover
{
	background-color:#FFE4DF !important;
}

tr.expiredRowOdd:hover
{
	background-color:#FFD7CF !important;	
}

tr.warnRowEven
{
	background-color:#FFF8AF !important;
}

tr.warnRowOdd
{
	background-color:#FFF79F !important;	
}

tr.warnRowEven:hover
{
	background-color:#FFFBCF !important;
}

tr.warnRowOdd:hover
{
	background-color:#FFFCDF !important;	
}

tr.white
{
	background-color: #FFFFFF!important;
	font-family: Arial, Helvetica, san-serif;
}

tr.tableHeader
{
	background-color: #555555;
	font-family: Arial, Helvetica, san-serif;
	font-size: 8pt;
	color: #FFFFFF;
	font-weight: bold;
}

a.tableHeader, a.tableHeader:link,a.tableHeader:visited, a.tableHeader:active 
{
	background-color: #555555;
	font-family: Arial, Helvetica, san-serif;
	font-size: 8pt;
	color: #FFFFFF;
	font-weight: bold;
}

a.tableHeader:hover 
{
	background-color: #555555;
	font-family: Arial, Helvetica, san-serif;
	font-size: 8pt;
	color: #d4233d;
	font-weight: bold;
}

a.remarks
{
	text-decoration: none;
	font-family: Arial, Helvetica, san-serif;
	font-size: 8pt;
	color: #000000;
	font-weight: normal;
}

table.defaultTableBackground, td.defaultTableBackground, div.defaultTableBackground {
	background-color: #f8f8fc;
}

tr.containerTableHeader
{
	background: url('/images/blueSubHeaderBg.gif');
	height: 20px;
	font-family: Arial, Helvetica, san-serif;
	font-size: 9pt;
	color: #000000;
	font-weight: bold;
	vertical-align: middle;
}
td.containerTableHeader, div.containerTableHeader 
{
	background: url('/images/blueSubHeaderBg.gif');
	height: 20px;
	font-family: Arial, Helvetica, san-serif;
	font-size: 9pt;
	color: #000000;
	font-weight: bold;
	border-bottom: 1px solid #aaaaaa;
	padding-left:4px;	
}

a.containerTableHeader, a.containerTableHeader:link,a.containerTableHeader:visited, a.containerTableHeader:active 
{
	background-color: #555555;
	font-family: Arial, Helvetica, san-serif;
	font-size: 8pt;
	color: #FFFFFF;
	font-weight: bold;
}

a.containerTableHeader:hover 
{
	background-color: #555555;
	font-family: Arial, Helvetica, san-serif;
	font-size: 8pt;
	color: #d4233d;
	font-weight: bold;
}

.divContainerHeader
{
	background: url('/images/blueSubHeaderBg.gif');
	height: 20px;
	font-family: Arial, Helvetica, san-serif;
	font-size: 9pt;
	color: #000000;
	font-weight: bold;
	vertical-align: middle;
}

.divContainerHeader span
{
	vertical-align:middle;
	padding-top:5px;
	margin-top:5px;

}

tr.evenRow
{
	background-color: #eeeeee;
	font-family: Arial, Helvetica, san-serif;
	font-size: 8pt;
	color: #000000;
}

tr.oddRow
{
	background-color: #dddddd;
	font-family: Arial, Helvetica, san-serif;
	font-size: 8pt;
	color: #000000;
}

tr.hoverRow
{
	background-color: #D6DFF7;
	font-family: Arial, Helvetica, san-serif;
	font-size: 8pt;
	color: #000000;
}

td.dataGridCell 
{
	text-align: left;
	vertical-align: top;
}
 
td.dataGridCellRight 
{
	text-align: right;
	vertical-align: top;
	padding-right:20px;
}

th.dataGridCellRight 
{
	text-align: right;
	vertical-align: top;
	padding-right:20px;
}

td.dataGridCellRight2 
{
	text-align: right;
	vertical-align: top;
	padding-right:8px;
}

th.dataGridCellRight2 
{
	text-align: right;
	vertical-align: top;
	padding-right:5px;
}

td.dataGridCellRight3 
{
	text-align: right;
	vertical-align: top;
	padding-right:8px;
}

th.dataGridCellRight3 
{
	text-align: right;
	vertical-align: top;
	padding-right:15px;
}

.thinBorder 
{
	border: 1px solid #cccccc;
}

.thinBorderFreight 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 5pt;
	border: 2px solid #D1D0B9;
	overflow:auto;
}

.availableFreightTitle
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

.availableFreightText
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

.thinBorder_s
{
	font-family: Arial, Helvetica, sans-serif;
	border: 2px solid #d1d0b9;
	overflow:scroll;
}

.generalFormBox 
{
	font-family: Arial, Helvetica, sans-serif;
	border: 2px solid #d1d0b9;
	background-color: #efeed3;
	overflow:auto;
}

.container 
{
	font-family: Arial, Helvetica, sans-serif;
	border: 2px solid #d1d0b9;
	background: #ffffff;
	padding: 20px 20px 20px 20px;
	margin: 30px 30px 30px 30px;
	-moz-border-radius: 8px;
	/*border-radius: 8px;  this will not work until IE decides it should (CSS3) */
}

.roundContainer 
{
	font-family: Arial, Helvetica, sans-serif;
	border-left:1px solid silver;
	border-right:1px solid silver;
	background: #ffffff;
	padding: 20px 20px 20px 20px;
	margin: 0px 0px 0px 0px;
	
}

.infoDiv
{
	font-family: Arial, Helvetica, san-serif;
	font-size: 8pt;
	color: #000000;
	font-weight: bold;
	border-bottom: 1px solid #cccccc;
	background-color: #eeeeee;
}

.formName 
{
	font-family: Arial, Helvetica, san-serif;
	font-size: 8pt;
	color: #000000;
	font-weight: bold;
}

.formNameSmall 
{
	font-family: Arial, Helvetica, san-serif;
	font-size: 8pt;
	color: #000000;
	font-weight: bold;
	border-bottom: 1px solid #cccccc;
}

.formNameCell 
{
	/* height: 25px; */
	height: 20px;
	border-bottom: 1px solid #cccccc;
	background-color: #eeeeee;
	padding-left: 2px;
}

.formFieldCell 
{
	/* height: 25px; */
	border-bottom: 1px solid #eeeeee;
	background-color: #ffffff;
}

.smallFormLabel 
{
	padding-left: 2px;
	font-weight: bold;
	/*height: 15px;*/
	border-bottom: 1px solid #cccccc;
	background-color: #eeeeee;
	font-family: Arial, Helvetica, san-serif;
	font-size: 8pt;
}

.smallFormField
{
	padding-left: 2px;
	/*height: 15px;*/
	font-size: 8pt;
	border-bottom: 1px solid #eeeeee;
	background-color: #ffffff;
}

.smallFormField input {
	height: 15px;
	font-size: 8pt;
}
/*
.smallFormField select {
	height: 20px !important;
	font-size: 8pt !important;
}
*/
.smallFormFieldNoBkGnd 
{
	font-weight: bold;
	/*height: 15px;*/
	border-bottom: 1px solid #eeeeee;
	background-color: #ffffff;
	font-family: Arial, Helvetica, san-serif;
	font-size: 8pt;
}

select.smallFormField
{
	height: 22px !important;
	font-size: 8pt !important;
	border:2px inset #F3F3F3;
}

.fauxDisabled  /*readOnly*/
{
	color:#222;
	background:#ccc;
}
.readonly
{
	background-color: rgb(238, 238, 238); 
	color: rgb(0, 0, 0);
}


.errorText
{
	font-family: Arial, Helvetica, sans-serif;
	color: #990000;
	font-weight:bold;
}

.successText
{
	font-family: Arial, Helvetica, sans-serif;
	color: #118F52;
	font-weight:bold;
}

.negative
{
	color: #990000;
}

.errorFieldBkgd 
{
	background-color: #ffcccc;
}

.vWarning
{
	color:#FF0000;
	font-weight:600;
} 

.vWarningLite
{
	color:#AF0F0F; /* #FFA200 */
	font-weight:550;
} 

.rowSelected
{
	background-color: #FFF4BF !important;
	font-size: 8pt;
	font-weight: bold;
}

.pageSelected
{
	background-color: #FFF4BF !important;
}

.pageDeleted
{
	background-color: #FFDFDF !important;
}

.formFieldError
{
	background-color: #ff0000;
}
			
/* author: JH - the following two classes are used for erroring out form elements via validator.js */			
.invalid
{
   background-image: url('/images/icons/xsmall/warning.png');
   background-repeat: no-repeat;	
   background-position: center right;   
   background-color: #EFA4A4;  
}
/* 2008.7.31 added because express load form is using smaller than usual
   font sizes. the icon resized the input boxes being validated. */
.invalidNoIcon
{
   /*background-image: url('/images/icons/xsmall/warning.png');
   background-repeat: no-repeat;	
   background-position: center right;*/   
   background-color: #EFA4A4; 
   height: 11px; 
   width: 74px;
}
.normal
{
	/* leave this class here - used in conjunction of validator.js */   
}

/* Cross-Browser Fixs */

.clearfix:after 
{ /* FF, O, etc. */
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix 
{
	display: inline-block; /* IE7xhtml*/
}

html[xmlns] .clearfix 
{ /* O */
	display: block;
}

* html .clearfix 
{
	height: 1%; /* IE5-6 */
}



/* Chamfer Borders for IE since moz-radius is FF only*/
.chamfer 
{	/*
	border: 1px solid silver;
	background: #ffffff;
	padding: 20px 20px 20px 20px;
	margin: 30px 30px 30px 30px;
	margin:0 auto;
	   */
	background: transparent;	
	margin: 30px 30px 30px 30px;
 
}
.chamfer h1, .chamfer p 
{
	margin: 0px 10px;
}
.chamfer h1 
{
	font-size: 8pt; 
	color:silver; 
	letter-spacing:1px;
}
.chamfer p 
{
	padding-bottom:0.5em;
}

.chamfer .top, .chamfer .bottom 
{
	display:block; 
	background:transparent; 
	font-size:1px;
}
.chamfer .b1, .chamfer .b2, .chamfer .b3, .chamfer .b4, .chamfer .b5 
{
	display:block; 
	overflow:hidden; 
	height:1px; 
	background:#FFFFFF; 
	border-left:1px solid silver; 
	border-right:1px solid silver;
}

.chamfer .b1 
{
	margin:0px 5px; 
	background:silver;
}

.chamfer .b2 
{
	margin:0px 4px;
}

.chamfer .b3 
{
	margin:0px 3px;
}

.chamfer .b4 
{
	margin:0px 2px;
}

.chamfer .b5 
{
	margin:0px 1px;
}

.chamfer .roundContainer
{
	display:block; 
	background:#FFFFFF; 
	border-left:1px solid silver;
	border-right:1px solid silver;
}

.top
{
	margin: 30px 0px 0px 0px;
}

.bottom
{
	margin: 0px 0px 30px 0px;
}

.loadSubHeader
{
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, san-serif;
	font-size: 8pt;
	color: #000000;
	font-weight: bold;
	font-style: italic;
	text-decoration: underline;
}

.disable-block
{
	z-index:8999;
	-moz-opacity:0.5;
	opacity:.50;
	filter:alpha(opacity=50);
	background-color:#CCC;
	position:absolute;
	top:0;
	right:0;
	width: 100%;
	height: 100%;
	/*zoom:1;*/
}

.watermark
{
	position:absolute;
	top:0;
	right:0;
	float: left; 
	z-index:99999;
	background-image:url('/images/watermark.bmp');
	-moz-opacity:0.3;
	opacity:.30;
	filter:alpha(opacity=30);
	width: 100%;
	height: 100%;
	/*zoom:1;*/
}
									

.verticalNav {
	padding: 2px; 
	border-bottom: 1px solid #cccccc;
	background: #ffffff;
}
.verticalNav:hover {
	background: #eeeeee;
}

.blueButton{
	border: 2px solid #3366cc;
	background: #eeeeee;
	height: 20px;
	width: 75px;
	padding-top: 3px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}

.blueButton:hover{
	background: #6699ff;
}
/*
.droppable-active
{
	opacity: .8;
}

.droppable-hover
{
	outline: 1px dotted black;
}

.freightDropZone
{
	background-color:#CCCCCC;
	border: 3px solid #cccccc !important;
	z-index:9999;
}
*/

.divSuggestBox
{
	overflow-x: hidden;
	overflow-y: hidden;
	position: absolute;
	border: 0px solid #9dc4d1;
	/* background-color: #e2ecf5; */
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	padding:0px;
	padding-top: 2px;
	padding-bottom: 2px;
	z-index: 1;
}

.divSuggestBox select
{
	background-color: #e2ecf5;
	float:left;
	max-width:350px;
}

/* ICON div styles */
div.infoButton {
	height: 16px;
	width: 16px;	
	background-image: url('/images/icons/xsmall/information.png');	
	background-repeat:no-repeat;
	background-position: center;
	cursor: pointer;
	float: left;
}
div.editButton {
	height: 16px;
	width: 16px;	
	background-image: url('/images/icons/xsmall/edit.png');	
	background-repeat:no-repeat;
	background-position: center;
	cursor: pointer;
	float: left;
	margin-left:4px;
}
div.editButtonCenter {
	height: 16px;
	width: 16px;	
	background-image: url('/images/icons/xsmall/edit.png');	
	background-repeat:no-repeat;
	background-position: center;
	cursor: pointer;
	margin-left:4px;
}
div.truckButton {
	height: 16px;
	width: 22px;
	background-image: url('/images/icons/xsmall/movingTruck.png');	
	background-repeat:no-repeat;
	background-position: center;
	cursor: pointer;	
	float: left;
	margin-left:3px;
}
div.personButton {
	height: 16px;
	width: 16px;
	background-image: url('/images/icons/xsmall/users.png');	
	background-repeat:no-repeat;
	background-position: center;
	cursor: pointer;
	float: left;
}
div.backHaulButton {
	height: 16px;
	width: 16px;
	background-image: url('/images/icons/xsmall/backHaul.png');
	background-repeat:no-repeat;
	background-position: center;
	cursor: pointer;
	float: left;
}

div.boxButton, div.statusButton, div.movTruck{
	height: 16px;
	width: 16px;
	cursor: pointer;
	float: left;
	background-repeat:no-repeat;
	background-position: center;	
}
div.boxButton {
	background-image: url('/images/icons/xsmall/package.png');	
	margin-left:5px;
}
div.statusButton{
	background-image: url('/images/icons/xsmall/note.png');	
}
div.movTruck
{
	width:22px;
	margin-left:3px;
}

div.movTruckButton {
	height: 16px;
	width: 16px;
	background-image: url('/images/icons/xsmall/movingTruck.png');	
	background-repeat:no-repeat;
	background-position: center;
	cursor: pointer;
}
div.arrowButton {
	height: 16px;
	width: 16px;	
	background-image: url('/images/icons/xsmall/rightArrow.png');	
	background-repeat:no-repeat;
	background-position: center;
	cursor: pointer;
	float: left;
	margin-left:5px;
}
div.trashButton {
	height: 16px;
	width: 16px;	
	background-image: url('/images/icons/xsmall/cut.png');	
	background-repeat:no-repeat;
	background-position: center;
	cursor: pointer;
	float: left;
	margin-left:5px;
}

div.iButton {
	height: 16px;
	width: 16px;	
	background-image: url('/images/icons/xsmall/information.png');	
	background-repeat:no-repeat;
	background-position: center;
	cursor: pointer;
	margin-left:10px;	
}

div.infoButton {
	height: 16px;
	width: 16px;	
	background-image: url('/images/icons/xsmall/information.png');	
	background-repeat:no-repeat;
	background-position: center;
	cursor: pointer;
	float:left;
	margin-left:2px;	
}

.required{
  padding-right:16px;
  /*background-image:url('/images/icons/xsmall/warning.png');*/
  background-position:right;
  background-repeat:no-repeat;
  background-color:#FFF4BF; /*FFF1AF FFE7DF*/
}

.requiredErr{
  background-color:#FFC0CB;
  background-image:url('/images/icons/xsmall/error.png');
  background-position:right;
  background-repeat:no-repeat;
  background-color:#FFF1AF;
}

.reportRow{
	width: 50%;
}

/* recurrence wizard */
.wizard
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	align:left;
	background-color:#E0E7EF;	
}

.wizardBorder
{
	border: 2px solid #CFCFCF;
}

.wizardBorder td
{
	border: 1px solid #CFCFCF;
}

.wizardBorder table td
{
	border: 0px;	
}

.wizardSideBorder
{
	border-right: 1px solid #8F8F8F;	
}

.padleft
{
	margin-left:15px;
}

#easy_zoom{
	width:350px;
	height:250px;	
	border:5px solid #eee;
	background:#fff;
	color:#333;
	position:absolute;
	z-index:10000;
/*	top:60px;
	left:650px; */
	overflow:hidden;
	-moz-box-shadow:0 0 10px #777;
	-webkit-box-shadow:0 0 10px #777;
	box-shadow:0 0 10px #777;
	/* vertical and horizontal alignment used for preloader text */
	line-height:400px;
	text-align:center;
}

.sortableRow:nth-child(even) {
	background-color: #DDDDDD;		
	color: #000000;
	font-family: Arial,Helvetica,san-serif;
	font-size: 8pt;
}
.sortableRow:nth-child(odd) {
	background-color: #EEEEEE;		
	color: #000000;
	font-family: Arial,Helvetica,san-serif;
	font-size: 8pt;		
}

tr.sortableRow:hover
{
	background-color: #D6DFF7;
	font-family: Arial, Helvetica, san-serif;
	font-size: 8pt;
	color: #000000;
}
.sortable tr th.header {
	cursor:pointer;		
	color:#0000FF;
}

.laneReportTable td {
	border-bottom: .5px solid #ccc;
	border-right: .5px solid #ccc;
	min-width: 20px;
	min-height: 20px;
	text-align: center;
}

.laneReportTable tr:hover {
	background-color: #D6DFF7;
}
.shadow{
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
}
.blink_me {
	animation-name: blinker;
	animation-duration: 1.5s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;

	-webkit-animation-name: blinker;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  /* Decimal not necessary, 0 and 1 is enough */
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	100% { opacity: 1.0; }
}

@keyframes blinker {  
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	100% { opacity: 1.0; }
}

.eobrMessageIconContainer{
	height:16px;
	width:22px;
	border-radius:3px;
	text-align:left;
	cursor:pointer;
}

@keyframes flashRedAction {
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	100% { opacity: 1.0; }	
}

.flashRed {
	animation: flashRedAction 1.5s;
	animation-iteration-count: infinite;
}

#backToTop:hover{
	background:#3D66A6; 
	border:solid #ff0 2px; 
	color:#ff0;
	width:35px;
	/* Firefox */
	-moz-transition: all 0.5s ease-in;
	/* WebKit */
	-webkit-transition: all 0.5s ease-in;
	/* Opera */
	-o-transition: all 0.5s ease-in;
	/* Standard */
	transition: all 0.5s ease-in;
}
#backToTop{
	position:fixed;
	right:0px;
	height:26px;
	padding-top:2px;
	width:20px;
	border:solid #eee 2px;
	background:#aaa;
	color:#fff;
	text-align:center;
	vertical-align:middle;
	font-size:30px;
	font-weight:100;
	z-index:999999999;
	cursor:pointer;
	display:none;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	/* Firefox */
	-moz-transition: all 0.5s ease-in;
	/* WebKit */
	-webkit-transition: all 0.5s ease-in;
	/* Opera */
	-o-transition: all 0.5s ease-in;
	/* Standard */
	transition: all 0.5s ease-in;
}

#helpLinkText
{
	width:75px;
	position:relative;
	left:-27px;
	bottom:-40px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);	
	
}

#helpLink:hover{
	background:#3D66A6; 
	border:solid #ff0 2px; 
	color:#ff0;
	width:35px;
	/* Firefox */
	-moz-transition: all 0.5s ease-in;
	/* WebKit */
	-webkit-transition: all 0.5s ease-in;
	/* Opera */
	-o-transition: all 0.5s ease-in;
	/* Standard */
	transition: all 0.5s ease-in;
}
#helpLink{
	position:fixed;
	right:0px;
	height:100px;
	padding-top:2px;
	width:20px;
	border:solid #eee 2px;
	background:#aaa;
	color:#fff;
	text-align:center;
	vertical-align:middle;
	font-size:14px;
	font-weight:100;
	z-index:999999999;
	cursor:pointer;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	/* Firefox */
	-moz-transition: all 0.5s ease-in;
	/* WebKit */
	-webkit-transition: all 0.5s ease-in;
	/* Opera */
	-o-transition: all 0.5s ease-in;
	/* Standard */
	transition: all 0.5s ease-in;
}
#helpBox{
	border-radius:3px;
	top:150px;
	z-index:100;
	background:#fff;
	width:500px;
	padding:10px 10px 10px 10px;
	position:fixed;
	display:none;
}
#helpContainer{
	background:#eee;
	padding:10px;
	border-radius:3px;
}

#helpContainer .header{
	font-family: Lucida Grande,Lucida Sans Unicode,Arial,sans-serif;
	margin:0px 0px 10px 0px;
	text-align:left;
	color:#787878;
	font-weight:bold;
	font-size:18px;
}
#helpDetails{
	border-radius:3px;
	border:solid #989898 1px;
	background:#fff;
	font-size:12px;
	font-weight:bold;
	padding:10px 10px 30px 10px;
	text-align:left;
}
.btnHelp{
	position:absolute;
	right:29px;
	margin-top:3px;
}
#helpFailedMsg{
	color:#f00;
}
#helpResultMsg{
	color:#006600;
}

#closeHelp{
	background-image:url('/images/icons/small/close_window.png');
	position:absolute;
	top:-25px;
	right:-23px;
	width:46px;
	height:46px;
	cursor:pointer;
}
#fade{
	background:#484848;
	width:100%;
	height:100%;
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	z-index:100;
	opacity:0.4;
	filter:alpha(opacity=40); 
}



#driverQueueBox{
	border-radius:3px;
	background:#fff;
	width:500px;
	padding:10px 10px 10px 10px;
	vertical-align:top;
	text-align:left;
}

#driverQueueContainer .header{
	font-family: Lucida Grande,Lucida Sans Unicode,Arial,sans-serif;
	margin:0px 0px 10px 0px;
	text-align:left;
	color:#787878;
	font-weight:bold;
	font-size:18px;
}
#driverQueueDetails{
	border-radius:3px;
	border:solid #989898 1px;
	background:#fff;
	font-size:12px;
	font-weight:bold;
	padding:10px 10px 30px 10px;
	text-align:left;
}

.removeFromQueue{
	background-image:url('/images/icons/small/close_window.png');
	background-size:30px 30px;
	background-repeat:no-repeat;
	position:absolute;
	top:-4px;
	right:0px;
	width:30px;
	height:30px;
	cursor:pointer;
}
.editQueue{
	background-image:url('/images/icons/small/edit_icon.png');
	background-size:22px 22px;
	background-repeat:no-repeat;
	position:absolute;
	top:0px;
	right:25px;
	width:25px;
	height:25px;
	cursor:pointer;
}



.searchTable  {
	width:100%;
}
.searchTable td:nth-child(1) {
	background-color: #EEEEEE;
	border-bottom: 1px solid #CCCCCC;
	height: 20px;
	padding-left: 2px;
	color: #000000;
	font-family: Arial,Helvetica,san-serif;
	font-size: 8pt;
	font-weight: bold;
	width: 35%;
}
.searchTable td:nth-child(2) {
	background-color: #FFFFFF;
	border-bottom: 1px solid #EEEEEE;
	height: 20px;
}
.infoBoxLong{
	display:none;
}

.dateField {
	width: 60px;
}

.dateTimeField {
	width: 90px;
}
#emailBox{
	position:absolute;
	top:35px;
	left:20px;
	background:#fff;
	padding:5px;
	display:none;
	z-index:99999;
}
#billingStatementOptions{
	position:absolute;
	top:10px;
	left:10px;
	background:#fff;
	padding:5px;
	display:none;
	border-radius:3px;
	z-index:999;	
}
#billingStatementOptions a{
	display:inline-block;
	overflow:hidden;
	width:100%;
	padding:3px 0px 3px 0px;
}
.pastDue{
	color:#f00; 
	font-weight:bold;
}
.errorMsg{
	color:#f00; 
	font-weight:bold;
	font-size:12px;
	position:absolute;
	padding:3px 10px 3px 10px;
	margin-top:-3px;
	background:#fff;
	border-radius:3px;
	-moz-box-shadow: 5px 5px 6px #666;
	-webkit-box-shadow: 5px 5px 6px #666;
	box-shadow: 5px 5px 6px #666;
	border:solid 1px #aaa;	

}
#liveSalesStats {
	 
	width: 375px; 
	height: 65px; 
	overflow: hidden; 
	text-align: center; 
	position: absolute; 
	margin-top: -65px; 
	margin-left: 390px;  
	background:rgba(0,0,0,0);
}
#liveSalesStats table {
	width: 100%;
background:rgba(0,0,0,0);
}
#liveSalesStats td {
	font-size: 8pt;
	border-bottom: 1px solid #ccc;
	background:rgba(0,0,0,0);
}
#liveSalesStats td.last {
	border-bottom: 0px;
}
#liveSalesStats tr:hover {
	background-color: #D6DFF7;
}

.screenLock{
	position:absolute;
	left:0px;
	top:0px;
	z-index:99;
	width:100%;
	height:100%;
	-moz-opacity:0.5;
	opacity:.50;
	filter:alpha(opacity=50);
	background-color:#CCC;
}
.screenLockImage{
	position:absolute;	
	background:#fff;
	background-image:url('/images/ani_page_loading.gif');
	width:60px;
	z-index:100;
	height:60px;
	top: 50%;
	left: 50%;
}
.manageIcon{
	margin-left: 4px;
	cursor:pointer;
}

.genericButton {
	text-align: center; 
	color: #000;
	font-size: 8pt;
	
	height:15px;
	padding: 3px;
	padding-top: 5px;
	margin: 5px;
	background-color: #EEE;
	border: 1px solid #CCC;
	cursor: pointer;
}
.genericButton:hover, .genericButtonSelected{
	background-color: #CFC;
	border: 1px solid #AAA;
	text-decoration: none;
}
div.genericButton a {
	text-decoration: none;
}
.genericButton a:hover {
	color: #00F;
}
.btnIsPosted{
	background-color: #CFC !important;
	border: 1px solid #AAA !important;		
}
.messagingDate{
	font-weight:bold;
	font-size:15px;
	border-bottom:solid 1px #ccc;
	padding:15px 0px 5px 0px;
}
.messagingEntireMessage{
	font-size:12px;
	padding:5px 15px 10px 5px;
	border-top:solid 1px #ccc;
	position:relative;
}
.messagingEntireMessage img {
	max-width: 30px;
}
.messagingTime{
	font-size:10px;
	color:#999;
	font-weight:bold;
	padding:5px 0px 0px 10px;
}
.messagingSubject{
	font-style:italic;
	font-weight:bold;
	padding:5px 10px 0px 0px;
}
.messagingFrom{
	font-weight:bold;
}
	#messagingContainer
	{
		position:absolute;
		left:-310px;
		width:370px;
		border:solid 1px #eee;
		background:#FFF;
		box-shadow: 0px 2px 5px #888;
		font-size:11px;
		font-weight:bold;	
		margin-top:8px;
		display:none;
	}
	#messagingHeader{
		padding:5px 10px 5px 10px;
		border-bottom:solid 1px #eee;
		font-size:12px;	
	}	

	#messagingHeader a.selected{
		color:#000;			
	}	
	#messagingHeader a{
		color:#aaa;		
	}	
	#messagingBody
	{
		height:300px;
		overflow-y:auto;
	}
	#messagingFooter
	{
		text-align:center;
		padding:10px 0px 10px 0px;
		background:#eee;
		display:block;
		
		-webkit-box-shadow: 10px 10px 20px 0px;
		-moz-box-shadow: 10px 10px 20px 0px ;
		box-shadow:0px 0px 5px #888;
	}
	.messageItem
	{
		width:100%;
		position:relative;
		border-bottom:solid 1px #eee;
		padding:5px 0px 5px 0px;
		min-height:41px;
	}	
	.messageItem:hover
	{
		background:#eee;
	}	
	.messageFrom
	{
		font-weight:bold;
	}
	.messageContent
	{
		font-weight:100;
		font-size:11px;
		color:#666;
		padding:2px 0px 4px 0px;
		max-height:55px;
		overflow:hidden;
	}
	.topShadow{
		-webkit-box-shadow: 3px -2px 3px #ccc;
		-moz-box-shadow:	3px -2px 3px #ccc;
		box-shadow:		 3px -2px 3px #ccc;				
	
	}
	.messageReceived
	{
		color:#999;
	}
	.messageDetails
	{
		margin-left:15px;
		cursor:pointer;
	}
	.messageImg
	{
		margin:0px 5px 0px 5px;
		position:absolute;
		max-width:40px;
	}
	.messageDelete
	{
		position:absolute;
		top:-4px;
		right:0px;
		padding:6px 0px 6px 0px;
		color:#999;
		cursor:pointer;
		display:none;
	}	
	.messageDelete a
	{
		color:#aaa;
		display:inline-block;
		cursor:pointer;
		margin-bottom:-3px;
		padding:0px 12px 0px 12px;
	}		
	.messageDelete a:hover
	{
		color:#666;
	}	


	.inboxMessageDelete
	{
		position:absolute;
		top:20px;
		right:0px;
		color:#999;
		cursor:pointer;
		display:none;
	}	
	.inboxMessageDelete a
	{
		color:#aaa;
		cursor:pointer;
		margin-bottom:-3px;
	}		
	.currentUserMessages .inboxMessageDelete a
	{
		color:#FFF !important;	
	}	
	.inboxMessageDelete a:hover
	{
		color:#666;
	}	
	
	.messageViewed
	{
		background:#FFF;			
	}	
	.messageNotViewed
	{		
		background:#F7F7F7;		
	}	
	.messageFromUserNotViewed
	{		
		background:#DFE3EE;		
	}	
	.whiteUpArrow
	{
		position:absolute;
		top:-11px;
		right:54px;
	}
	.messageCount
	{
		border-radius: 50%;
		position:absolute;
		right:-2px;
		top:-13px;
		background:#F00; 
		width:14px; 
		height:13px; 
		padding-top:1px; 
		text-align:center; 
		color:#fff; 
		font-size:9px;
		display:none;
	}
	.messageMore
	{
		float:right;
		margin-right:10px;
	}
	.messagingNew
	{
		position:absolute;
		right:8px;
		top:8px;
		color:blue !important;
		margin-right:5px;
	}
	.messagingDeleted
	{
		padding:10px 5px 10px 15px;
		color:#F00;
	}
	.noMessages
	{
		padding:130px 15px 10px 15px;
		text-align:center;
	}
	.messageSubject{
		
	}
	#messagingNewMsgNotice{
		background:#8b9dc3;
		text-align:center;
		position:absolute;
		bottom:144px;
		width:98.7%;
		padding: 5px 5px 5px 5px;
		display:none;
	}
	.messagingFreshMsg{
		background:#f3ffff;
	}
	#messagingNewMsgNotice a{	
		display:block;
		cursor:pointer;
		color:#FFF;	
		text-decoration:none !important;
	}	
	#messagingNewMsgNotice:hover{	
		background:#7d8daf;
	}	
	
	.messagingInboxItemDate
	{
		position:absolute;
		right:25px;
		top:3px;		
		color:#ccc;
	}
	.messageInboxReceived{
		position:absolute;
		right:7px;
		top:3px;
	}
	.loadMessagesFromUser{
		width:100%;
		position:relative;
		border-bottom:solid 1px #eee;
		padding:5px 0px 5px 0px;
	}	
	.loadMessagesFromUser:hover
	{
		background:#eee;	
	}
	.currentUserMessages{
		background:#8B9DC3;
		color:#FFF;
	}
	.currentUserMessages:hover{
		background:#8B9DC3;
		color:#FFF;
	}	
	.currentUserMessages div{
		color:#FFF !important;
	}
	.messagingSeenIcon{
		position:absolute;
		bottom:5px;
		right:25px;
	}
	#messagingNewContainer{
		padding:15px 15px 15px 15px;
		border-top:solid #ccc 1px;
		background:#eee;
		border-bottom:solid #ccc 1px;
		border-bottom:solid #cccccc 2px;
	}
	.messagingNewMessage{
		width:98%;
		height:65px;
		border:solid #ccc 1px;
		margin:-1px 0px 0px -1px;
		padding:6px 6px 6px 6px;
		font-family:Arial;
		font-size:12px;
	}
	.messagingReplyButton{
		float:right;
		margin-top:6px;
	}
	#messageListContainer
	{
		border-right:solid #cccccc 2px;
		border-top:solid #CCC 2px;		
		position:relative;
		overflow-y:auto;
	}
	#messageList{
		position:relative;
		bottom:0px;
		overflow-y:auto;	

	}
	#successNewMessageContainer{
		width:200px;
		border:solid #ccc 1px;
		position:fixed;
		bottom:0px;
		left:800px;	
		background:#FFF;
		display:none;
	}
	#writeNewMessageContainer{
		width:200px;
		height:305px;
		border:solid #ccc 1px;
		position:fixed;
		bottom:0px;
		left:800px;
		background:#FFF;
		display:none;
		background:#8B9DC3;	
	}

	.messagingDataEntryTxt, .messagingDataEntryTxt:hover, .messagingDataEntryTxt:focus{
		background:#8B9DC3 !important;
	}	
	.messagingDataEntry{
		font-family:Arial,Tahoma;
		font-size:12px;
		color:#999;
	}
	.messagingDataEntry:hover, .messagingDataEntry:focus{
		
	}	

	.messagingCloseNew{
		margin:-3px 6px 0px 0px; 
		cursor:pointer; 
		float:right; 
		font-size:16px;	
		font-weight:100; 
		color:#FFF; 
		text-decoration:none	
	}	
	.messagingCloseNew:hover{
		color:#eee;		
		font-size:16px;	
		text-decoration:none;
	}	
	#messagingToUserSearch:focus,#messagingToUserSearch:hover
	{
		background:#FFF !important;
	}
	.messagingButton{
		border:solid #eee 1px;
		background:#8B9DC3;
		padding:5px 15px 5px 15px;
		color:#FFF !important;
		cursor:pointer;
	}
	.messagingButton:hover{
		background:#7d8daf;
		color:#FFF;
	}
	.availDriverToolsToggle{
		display:inline-block;
		cursor:pointer;
		padding: 2px !important;
		width: 18px !important;
		height: 20px !important;
		background-image: url('/images/icons/small/generic_mng_icon.png');
		background-size: 20px 20px;
		background-repeat: no-repeat;
		background-position: center; 
	}
	.avialDriverTools{
		white-space: nowrap;
		position:absolute;
		display: inline-block;
		right:10px;
		background:#fff;
		border:solid 1px #eee;
		text-align:left;
		border-radius:3px;
		padding:0px 8px 1px 3px;
		z-index:888; 
		display:none;	
	}
	.closeDP{
		position:absolute;
		top:-12px;
		right:-12px;
	cursor:pointer;
	}
	.avialDriverToolsContainer
	{
		position:relative;
	}
.eobrMessageIconContainerNew{
	background: #F00 !important;
	color:#FFF !important;
}
#mapResize{
	cursor:pointer;
	position:absolute;
	left:49%;
	bottom:-12px;
	border:solid 2px #666;
	padding:3px 15px 3px 15px;
	background:#eee;
}
.shadowUp{
	-webkit-box-shadow: 0px -4px 3px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:	0px -4px 3px rgba(50, 50, 50, 0.75);
	box-shadow:		 0px -4px 3px rgba(50, 50, 50, 0.75);	
}
#stopsMoreLess{
	padding:3px;
	cursor:pointer;
	text-align:center;
	display:block;
	border:solid #eee 1px;
}
.chkStopoff div
{
	position:absolute; 
	width:20px; 
	height:20px;
}
.calculatedField
{
	text-align: right; 
	background-color: rgb(238, 238, 238); 
	color: rgb(0, 0, 0);	
}
.starSprite
{
	background:url(/images/icons/starSprite.gif) no-repeat;
	width:22px;
	height:25px;
	cursor:pointer;
	border:0px;
	background-position: right; 
}
.spriteSelected 
{
	background-position: left !important; 
}
div.loadColor {
	height: 15px; 
	width: 15px; 
	border: 1px solid #AAA; 
	float: left; 
	margin-right: 5px; 
	cursor: pointer;
}

tr.loadColor_row td {
	border-bottom: 1px solid #AAA;
}
.loadColor_green {
	background-color: #99ff99;
}
.loadColor_red {
	background-color: #ff9999;
}
.loadColor_blue {
	background-color: #66ccff;
}
.loadColor_purple {
	background-color: #9999ff;
}
.loadColor_orange {
	background-color: #ffcc66;
}
div.colorChangeButton {
	height: 16px;
	width: 16px;	
	background-image: url('/images/icons/small/colorWheel.png');	
	background-repeat:no-repeat;
	background-position: center;
	cursor: pointer;
	float: left;
	margin-left:4px;
}

.requiredDocsButtonGreen {
	float:left;
	display:inline-block;
	text-align:center;
	padding: 10px 10px 10px 10px;
	word-wrap: break-word;
	height:100%;
	min-width:60px;
	max-width:80px;
}
.requiredDocsButtonGreenSingle {
	margin: auto;
	display:inline-block;
	text-align:center;
	padding: 10px 10px 10px 10px;
	max-width:80px;
	word-wrap: break-word;
	height:100%;
}
.requiredDocsButtonGreen:hover{
	background-color: #CFC;
	cursor: pointer;
}
.requiredDocsButtonGreenSingle:hover{
	background-color: #CFC;
	cursor: pointer;
}

.requiredDocsButtonRed {
	float: left;
	display: inline-block;
	text-align: center;
	padding: 10px 10px 10px 10px;
	word-wrap: break-word;
	height:100%;
	min-width:60px;
	max-width:80px;
}
.requiredDocsButtonRedSingle {
	margin: auto;
	display: inline-block;
	text-align: center;
	padding: 10px 10px 10px 10px;
	max-width: 80px;
	word-wrap: break-word;
	height:100%;
}
.requiredDocsButtonRed:hover{
	background-color: #ffcccc;
	cursor: pointer;
}
.requiredDocsButtonRedSingle:hover{
	background-color: #ffcccc;
	cursor: pointer;
}

.tooltipRequiredDocs {
	position: relative;
	display: inline-block;
}

.tooltipRequiredDocs .tooltipRequiredDocsText {
	visibility: hidden;
	width: 80px;
	background-color: #666;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 3px 0;
	position: absolute;
	z-index: 1;
	bottom: 90%;
	left: 50%;
	margin-left: -40px;
	font-weight: bold;
}

.tooltipRequiredDocs .tooltipRequiredDocsText::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #666 transparent transparent transparent;
}

.tooltipRequiredDocs:hover .tooltipRequiredDocsText {
	visibility: visible;
}

.reverseLoad {
	background-color:#eee;
	height:30px;
	line-height:30px;
	vertical-align:middle
}
.reverseLoad:hover {
	cursor: pointer;
}

.addRatingDispatch {
	background-color:#FAF8CC;
	min-height:50px;
	line-height:21px;
    overflow:auto;
    padding-top:3px;
	vertical-align:middle;
}

.addRatingDispatchComment{
        width:100%;
        max-width:100%;
}

.addRatingDispatchCommentContainer{
        display:inline-block;
        width:50%;
}

.addRatingDispatchStarContainer{
        display:inline-block;
        float:left;
        margin:3px 10px 0px 2px;
        vertical-align:top;
}

.addRatingDispatchButton{
        background-color:white; 
        border:1px solid #999; 
        box-shadow: 2px 2px 1px #999; 
        display:inline-block; 
        margin-left:10px;
        margin-top:5px;
        padding:5px;
        vertical-align:top;
}

.addRatingDispatchButton:hover {
        background-color:#ccffcc;
	cursor: pointer;
}

.addRatingCarrierButton{
        background-color:white; 
        border:1px solid #999; 
        box-shadow: 2px 2px 1px #999; 
        display:inline-block; 
        margin-left:10px;
        margin-top:10px;
        padding:5px;
        vertical-align:top;
}

.addRatingCarrierButton:hover {
        background-color:#ccffcc;
	cursor: pointer;
}

.ratings-title {
    font-weight:bold; 
    padding:10px 5px 5px 5px; 
    text-decoration:underline;
}

.rating-line-container {
    border-bottom:1px dotted #999; 
    padding:10px 5px 10px 5px; 
}

.rating-line-comment {
    margin-top:10px;
}

.rating-line-delete {
    float:right;
}

.rating-line-delete:hover {
    cursor: pointer;
}

.rating-line-item {
    display:inline-block;
    max-width:500px;
    width:500px;
}

.rating-line-item-date {
    color:#999;
}

.rating-line-stars {
    margin-bottom:10px;
}

.rating-line-title {
    display:inline-block; 
    font-weight:bold; 
    margin-right:5px;
    width:50px; 
    text-align:right;
}

.rating-title {
    border-bottom:1px dotted #999;
    font-weight:bold;
    font-size:large;
    padding-bottom:10px;
}

.dispatcherNotice {
    background-color:#fae3cc;
    min-height:30px;
    line-height:15px;
}

.dispatcherNotice-content {
    display:inline-block;
    margin-bottom:5px;
    margin-top:8px;
    vertical-align:top;
}

.dispatcherNotice-image {
    margin-top:7px;
}