body, TABLE, .bold_text {
	FONT-SIZE: 8pt; 
	FONT-FAMILY: Verdana;
	/*Scrollbar-Track-Color:#ffffff; 
	Scrollbar-Arrow-Color:#ffffff;
	Scrollbar-Shadow-color:#696969; 
	Scrollbar-Darkshadow-Color:#003366;
	Scrollbar-3dlight-Color:#ffffff; 
	Scrollbar-Highlight-Color:#1a7fb3;
	Scrollbar-Face-Color:#1a7fb3;*/
}

hr {clear:both;width:100%;margin:0 0 0.5em 0;padding:0;border-top:1px solid #fff;border-bottom:1px solid #CCC;height:1px}

/*	Borders */
.n {
	border-top: 1px solid #000000;
}

.e {
	border-right: 1px solid #000000;
}

.s {
	border-bottom: 1px solid #000000;
}

.w {
	border-left: 1px solid #000000;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.left {
	text-align: left;
}

.banner_logos 
{
	font-size: 1px;
}

.banner_text {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;	
	text-decoration: none;
}

.banner_link {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;	
	text-decoration: none;
}

.breadcrumb_start {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;	
}

/* table borders grey */

.breadcrumb_text {
	font-size: 12pt;
	color: #000000;	
}

.bold_heading {
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #000000;	
}

.bold_text 
{
	font-weight: bold;
}

.normal_text {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

.button {
	BORDER-RIGHT: #003366 1px outset; 
	BORDER-TOP: #336699 1px outset; 
	FONT-SIZE: 10pt;
	BORDER-LEFT: #336699 1px outset; 
	COLOR: black; 
	BORDER-BOTTOM: #003366 1px outset; 
	BACKGROUND-COLOR: white;
}

.button_link {
	BORDER: #003366 1px outset; 
	FONT-SIZE: 10pt;
	COLOR: black; 
	BACKGROUND-COLOR: white;
	padding: 2px;
}

.navigation_icon
{
	vertical-align: top;
	PADDING-TOP: 1px;
}

.navigation_heading
{
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	border:0;
	cursor:hand;
}

.navigation_text
{
	BACKGROUND: #D2DAFF;
	border: #D2DAFF 1px solid;
	PADDING-BOTTOM: 1px; 
	PADDING-TOP: 1px;
	cursor: hand;
}

.navigation_text_hover
{
	BACKGROUND: #cccccc;
	border: #999999 1px solid;
	PADDING-BOTTOM: 1px; 
	PADDING-TOP: 1px;
	cursor: hand;	
}

.navigation_text_selected
{
	BACKGROUND: #ffffff;
	border: #999999 1px solid;
	PADDING-BOTTOM: 1px; 
	PADDING-TOP: 1px;
	cursor: hand;	
}

.party_class_table
{
	padding-bottom: 3px;
	padding-top: 2px;
}

.alternating_color
{
	background: #D2DAFF;
}

.content_heading_style
{
	background: #187bb5;
	color: White;
	font-size: 9pt;
	font-weight: bold;
}

A:link
{
	color:Black; 
	text-decoration: none;
}

A:visited
{
	color:Black; 
	text-decoration: none;
}

A:hover
{
	/*color:Blue;*/
	color:#ff6600;
	text-decoration: none;
}

.error_text {
	color: red;	
}

.navlink:link   {
                color: blue;
                text-decoration: underline;
                font-family: Verdana;
				font-size: 12px;
				
                }
.navlink:active {
                color: blue;
                text-decoration: underline;
                font-family: Verdana;
				font-size: 12px;
				
                }
.navlink:visited {
                color: blue;
                text-decoration: underline;
                font-family: Verdana;
				font-size: 12px;
				
                }
.navlink:hover  {
                color: blue;
                text-decoration: underline;
                font-family: Verdana;
				font-size: 12px;
				font-weight: bold;
                }
                
/* The following are class definition of link for datagrid pager to use */
.DataGridPager 
{ 
	color:Red;
}

.search_table            
{
	background-color: #D2DAFF;
}

.form_cont                
{
	background-color: #D2DAFF;
	border: 1px solid #000;
}

.form_cont tbody td
{
    padding: 5px;
}

.form_field_label
{
    text-align: right;  
}

.form_field_label_rad
{
	text-align: left;
}

.form_field_label_rad div
{
	margin-top: 6px;
	margin-bottom: 6px;
}

.form_help
{
    font-size: 0.8em;
    color: #777;
}

.valid_error_msg
{
    color: red;
}
.success_msg
{
	color: #187bb5;
}

.success_msg_green
{
    color: #3ED918    
}

.warning
{
    color: #A84A02;    
}

.list_table
{
    margin-top: 10px;
    border: 1px solid #ccc;
    border-collapse:collapse;
}

.list_table th 
{
    padding: 3px;
	background: #187bb5;
	color: White;
	font-size: 9pt;
	font-weight: bold;
	border-right: 1px solid #eee;
}

.list_table td
{
    padding: 3px;
    border-right: 1px solid #eee;
}
.row_color
{
    background-color: #fff;
}

.link_box
{
    text-decoration: underline;
    cursor: pointer;
    color:blue;
}

.popup_box
{
    background-color: #187bb5;
    color: #fff;
    border: 1px solid #000;
    padding: 2px; 
    position:absolute; 
    left:20px;
    bottom: 20px;
}

.progress_bar
{
    background-color: #187bb5;
    color: #fff;
    border: 1px solid #000;
    padding: 2px; 
}

.progress_box
{
    color: #187bb5;
    font-size: 1.1em;
}

.normal_div, .search_div
{
	POSITION: relative;
}

.search_div
{
	background-color: #D2DAFF;
	BORDER-RIGHT: black 1pt solid; 
	BORDER-TOP: black 1pt solid; 
	BORDER-LEFT: black 1pt solid; 
	BORDER-BOTTOM: black 1pt solid;
}

.error_message
{
	color: Red;
}

.header_text
{
	font-weight: bold;
}

A.link_blue:link, A.link_blue:hover, A.link_blue:active, A.link_blue:visited, .link_blue
{
    color: Blue;
    text-decoration: underline;
    font-weight: bold;
}
A.link_white:link, A.link_white:hover, A.link_white:active, A.link_white:visited, .link_white
{
    color: white;
    text-decoration: underline;
    font-weight: bold;
}
.disabled_row
{
	color: Gray;
}

.normal_row
{
	color: Black;
}

.red_text
{
	color: Red;
}

.blue_text
{
	color: Teal;
}

.royalblue_text
{
	color:Blue;
}

.bg_readonly
{
	background-color: #F1F1F1;
}

/*
 * Style definition for Crystal Reports
 */

.Report, .ReportBold, .ReportNotice
{
	font-size: 10pt; 
	font-family: Verdana;
}

.ReportBold, .ReportNotice
{
	font-weight: bold;
}

.ReportNotice
{
	color: Red;
}

A.Report:link, A.Report:hover
{
	color:blue;
	text-decoration: underline;
}

A.Report:active, A.Report:visited
{
	color:purple;
	text-decoration: underline;
}

.FixedFont
{
	font-family:Courier New;
	font-size:10pt;
}

/*Master Page Enhancements */
#PageHeader
{
	width:100%;
	left:0px;
	height:69px;
}
#BreadCrumb
{
	width:100%;
	left:0px;
}
#LeftNavigation
{
	float:left;
	width:200px;
	height:100%;
	left:0px;
	top:69px;
}
.Content
{
	float:left;
	/*top:200px;*/
	left:200px;
	position:absolute;
}
/* Truck Turn Time & Container Turn Time */

.PostItNote {color:#fff;width:175px;position:absolute;visibility:hidden;margin:0;padding:10px;z-index:99;background:#187bb5;text-align:left;border-left:1px solid #000;border-right:1px solid #000;border-bottom:1px solid #000;border-top:1px solid #000;}


/*=============*/
/*  Forms   */
/*=============*/
.Mandatory {color:#000;background-color:inherit}

.form_left {clear:both;float:left;width:25%;padding:5px 10 0 0;text-align:right;}
.form_right {float:left;width:74%;padding:5px 0 5px 0}
.form_right input, .form_right select, .form_right textarea {padding:0px;font-size:100%}

.form_left1 {clear:both;float:left;width:74%;padding:5px 10 0 0}
.form_right1 {float:left;width:25%;padding:5px 0 5px 0}

.formbutton_left {clear:both;float:left;width:25%;padding:10px 0 0 0;}
.formbutton_right {float:left;width:74%;padding:10px 0 0 0; text-align:right;}

.submitForm
{	background-color: #D2DAFF;width:720px; padding:4 0 4 4;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-top:1px solid #ccc;}

.displayBlock { display:block;}
.displayNone { display:none;}

/* Notification */
.NotificationPanel { padding:3px 3 3 3;}

/*Data Extraction*/
.DataExtraction
{
	left: 10px;
	top: 20px;
	position: relative;
}
.ReadOnly
{
	background-color:#EAEAEA;
}
div.ajax__calendar_title {width:150px; margin:auto; padding:3px;}
div.ajax__calendar_days table tr td{padding: 0px;}
div.ajax__calendar_months table tr td { padding:0; margin:0; }
div.ajax__calendar_body{width: 215px;}
div.ajax__calendar_container{width: 215px;}
/*Start Stack Run In Specific*/
#ERNLink
{
	font-size:8px;
	font-family:Calibri;
}
#AddERNLink
{
	font-size:6px;
	font-family:Calibri;
}
#ComboBox
{
	border-style: none;
	border-width: thin;
	border-color: inherit;
}

/*
.form_left50 {clear:both;float:left;padding:10px 5 0 0;width:33%;text-align:right;}
.form_right50 {float:left;padding:0 0 5px 0;width:65%;background:#ddd;}
.form_right50 input, .form_right select, .form_right textarea {padding:0px;font-size:100%}*/

.CalCellAvailable { background-color:#26f410;}
.CalCellUnAvailable { background-color:#fd2121;}
.CalCellBooked { background-color:#fff963;}

/*End Stack Run In Specific*/

/*Style for modal popup*/
.modalBackground 
{
	background-color:#000;filter:alpha(opacity=50);opacity:0.5;
}
        
.modalPopup 
{
	background-color:#fff;border:2px solid #000000;padding:4px;
}

.updateProgress
{
	border-width:1px; 
    border-style:solid; 
    background-color:#FFFFFF; 
    position:absolute; 
    width:130px; 
    height:50px;    
}

.updateProgressMessage
{
    margin:3px; 
    font-family:Trebuchet MS; 
    font-size:small; 
	vertical-align: middle;
} 
/*End of modal popup*/

/*Start Stack Run Out*/
#divManifestContainer{width:1060px;}
#divTruckHeader{float:left;width:97px;height:133px;background: url(../images/Truck-head.jpg) no-repeat bottom right;}
.ManifestSlotContent{float:left;width:160px;}

.ManifestSlotTop{width:100%;height:100px; border:solid 1px #ccc;}

.First2Wheels{width:100%;height:35px; background: url(../images/Truck-First2wheels.jpg) no-repeat top left;}
.Sub2Wheels{width:100%;height:35px;background: url(../images/Truck-2wheels.jpg) no-repeat top center;}
.Sub3Wheels{width:100%;height:35px;background: url(../images/Truck-3wheels.jpg) no-repeat top center;}

.ManifestSlotBottom{width:100%; padding:0 0 4px 0;border:solid 1px #ccc;}

.form_left25 {clear:both;float:left;width:25%;padding:5px 2px 0 0;text-align:right;}
.form_right25 {float:left;width:73%;padding:5px 0 5px 0;}
.form_right25 input, .form_right25 select, .form_right25 textarea {padding:0px;}

.form_left50 {clear:both;float:left;width:50%;padding:5px 5px 0 0;text-align:right;}
.form_right50 {float:left;width:45%;padding:5px 0 5px 0}
.form_right50 input, .form_right50 select, .form_right50 textarea {padding:0px;font-size:100%}

.CompayLink {clear:both;float:left; text-align:center;width:100%;margin:5px 0 0 0;}

.font_size90 {font-size:100%;}
/*End Stack Run Out*/

/* workaround for can't click on arrow button in ajax calendar in ie 8 */
.ajax__calendar_title {width:150px; margin:auto; padding:3px;}
