
div.blockMsg h1 { border: 1px solid #000; }

a, .box_title span { color: #AE1413; }

#header { 
	background-color: #B6D3EE; 
	border-bottom : 30px solid #AE1413; 
	border-radius: 0px; 
	height: 90px; 
	border-top-left-radius: 8px; 
	border-top-right-radius: 8px;
	margin-bottom: 10px;
}
#logo {padding: 10px 0 0 20px}
#user-nav, #user-nav a, #user-nav span { color: #555; }
.banner_adds  { width: 600px !important; }
.fg-menu-tray { margin-top: 40px;}

.content-title, .defaultTable th { background-color: #016DC7; }

.red { color: #f00; }

/*---------------------pagination-----------------------------*/

div.pagination {
	padding:5px;
	margin: 15px 5px 5px 5px;
	text-align:center;
	float:left;
	font-size:10px;
	color: #AE1413;
}

div.pagination a {
	padding: 3px 5px;
	margin-right: 3px;
	border: 1px solid #ddd;
	
	text-decoration: none; 
	color: #AE1413;
}

div.pagination span {
	padding: 4px 5px;
	margin-right: 2px;
}

div.pagination a:hover, div.pagination a:active {
	border:1px solid #ddd;
	color: #fff;
	background-color: #AE1413;
}
div.pagination span.current {
	border: 1px solid #ddd;
	font-weight: bold;
	background-color: #AE1413;
	color: #FFF;
}
div.pagination span.disabled {
	border: 1px solid #ddd;
	color: #ccc;
}
div.pagination select {
	border: 1px solid #ddd;
	background-color: #fff;
	font-size: 9px;
	color: #AE1413;
	margin-bottom: 0;
}

/* ----------------------------------------------------------------------------------------------------------
Tab buttons
---------------------------------------------------------------------------------------------------------- */
.tab-buttons { border-bottom: 10px solid #AE1413; }
.tab-buttons ul li {  
	border-right: 1px solid #AE1413;
	border-left: 1px solid #AE1413;
	border-top: 1px solid #AE1413;
}

.tab-buttons ul li.current { background-color: #AE1413; box-shadow: 0 0 0 0 #AE1413;}
.tab-buttons ul li.current a span { color: #fff; font-weight: bold; }

/* ----------------------------------------------------------------------------------------------------------
javascript
---------------------------------------------------------------------------------------------------------- */
.pg-table { display:none; }

/* ----------------------------------------------------------------------------------------------------------
Multiselect Field
---------------------------------------------------------------------------------------------------------- */
#products-element {
	padding: 0px 0 10px 0;
}

#products  {
	width: 650px;
	height: 300px;
}

/* ----------------------------------------------------------------------------------------------------------
Registered Vehicle
---------------------------------------------------------------------------------------------------------- */

#fuel_type-element, #insurance-element,  #ref_doc6-element { width: 120px; float:left; margin-left: 10px; }
#ref_doc6-element { width: 30px; }
#fuel_type_other-label, #insurance_other-label, #ref_doc_other-label { float:left; width: 0px; display:none; }
#fuel_type_other-element, #insurance_other-element, #ref_doc_other-element { float:left; width: 800px; margin-left: 10px;}
.web-registered-vehicle-view-page #fuel_type_other-element, .web-registered-vehicle-view-page #insurance_other-element { width: 850px; } 
.web-registered-vehicle-view-page #ref_doc_other-element { width: 900px; } 

#outside_width, #outside_long, #outside_height, #inside_width, #inside_long, #inside_height { width: 50px; }
#outside_long-label, #outside_height-label, #inside_long-label, #inside_height-label { width: 95px; float:left; }
#outside_width-element, #outside_long-element, #outside_height-element, #inside_width-element, #inside_long-element, #inside_height-element { width: 50px; float:left; margin-left: 10px;}
#outside_height-element, #inside_height-element { width: 660px;  }

/* ----------------------------------------------------------------------------------------------------------
Vehicle Inspection
---------------------------------------------------------------------------------------------------------- */
.tms-vehicle-inspection-add-page dd br, .tms-vehicle-inspection-edit-page dd br { display:none; }
.tms-vehicle-inspection-add-page dd dd label, .tms-vehicle-inspection-edit-page dd dd label { width: 100px; display:inline-block; }

/* ----------------------------------------------------------------------------------------------------------
Search From To Date
---------------------------------------------------------------------------------------------------------- */
#search-form .zend_form dd.from-date-element { width: 10%; float:left; margin-left: 0px;}
#search-form .zend_form dt.to-date-label { width: 10%; float:left;  margin-left: 0; }
#search-form .zend_form dd.to-date-element { width: 10%; float:left; margin-left: 0px;}

/* ----------------------------------------------------------------------------------------------------------
Dashboard Truck Queue
---------------------------------------------------------------------------------------------------------- */

.truck-queue { width: 100%; margin-left: 15px; }
.truck-queue .queue { width: 290px; height: 132px; border: 1px solid #2E92CE; margin: 5px; float:left; position: relative; background-color:#fff; padding: 5px; }
.truck-queue .queue div { line-height: 30px; position:absolute; text-align:center; color: #fff; }

.truck-queue .queue .dock { width: 40px; font-size: 26px; line-height: 64px; background-color: #333333; color: #fff; }
.truck-queue .queue .dock.loading { background-color: #FF7200; color: #fff; }
.truck-queue .queue .route, .truck-queue .queue .transporter { width: 85%; left: 15%; font-size: 14px; position:relative; background-color: #333; }
.truck-queue .queue .transporter { margin-top: 4px; background-color: #007675; }

.truck-queue .queue .driver, 
.truck-queue .queue .check-in { width: 242px; top: 72px; left: 5px; font-size: 16px; background-color: #007675; text-align:center;}
.truck-queue .queue .check-in { width: 42px; left: 252px; background-color: #007675;}
.truck-queue .queue .driver { background-color: #2E92CE; }

.truck-queue .queue .plate-no, 
.truck-queue .queue .trip-no { width: 145px; top: 106px; left: 5px; font-size: 22px; background-color: #007675; text-align:center;}
.truck-queue .queue .trip-no { left: 154px; width: 141px; background-color: #FBAA12; color: #333;}

.defaultTable.dashboard-table th { text-align:center; font-size: 16px; vertical-align: middle; }
.defaultTable.dashboard-table td { text-align:center; font-size: 16px; vertical-align: middle; }

/* ----------------------------------------------------------------------------------------------------------
Search Results Edit
---------------------------------------------------------------------------------------------------------- */
table.defaultTable input.row-input { width: 50px; height: 20px; line-height: 18px; font-size: 16px; }
table.defaultTable input.hasDatepicker { margin-bottom: 10px; }

/* ----------------------------------------------------------------------------------------------------------
Dashboard Notification
---------------------------------------------------------------------------------------------------------- */
.dashboard-notification { width: 350px; min-height: 20px; border:2px solid #FF4A52; display:block; position: fixed;  bottom: 5px; right: 10px; font-size: 14px; background-color: #FFF8C7; border-radius: 5px; }
.dashboard-notification .stage { overflow-y:scroll; max-height:250px; }
.dashboard-notification .stage ul { margin: 10px 25px; }
.dashboard-notification .notification-toggle { position:absolute; right: 20px; }

/* ----------------------------------------------------------------------------------------------------------
Others
---------------------------------------------------------------------------------------------------------- */
.import-errors { list-style: none; margin: 15px 0 0 260px; color: #f00; }

input[type="text"].time-pick { width: 40px; }
#mon-element, #tue-element, #wed-element, #thu-element, #fri-element, #sat-element, #sun-element { float:left; width: 20px; margin-left: 10px; }
#mon_time-label, #tue_time-label, #wed_time-label, #thu_time-label, #fri_time-label, #sat_time-label, #sun_time-label { float:left; width: 1px;  margin-left: 0px; }
#mon_time-element, #tue_time-element, #wed_time-element, #thu_time-element, #fri_time-element, #sat_time-element, #sun_time-element { float:left; width: 900px;  margin-left: 10px; }

.web-route-add-page #thu-element, .web-route-edit-page #thu-element { width: 150px; }
.web-route-add-page #sun-element, .web-route-edit-page #sun-element, .web-route-view-page #sun-element { width: 400px; }

.tms-driver-add-page dd br, .tms-driver-edit-page dd br { display:none; }
.tms-driver-add-page dd label, .tms-driver-edit-page dd label { width: 100px; display:inline-block; }

/*.zend_form dd.view_page_link { width: 500px !important; }*/

.tms-vehicle-ready-inspection-qc-page .zend_form dd br { display:none; }
.tms-vehicle-ready-inspection-qc-page .zend_form dd label { line-height: 40px; margin-right: 10px; }
.tms-vehicle-ready-inspection-qc-page #evaluation_result-label, .tms-vehicle-ready-inspection-qc-page #evaluation_result-element,
.tms-vehicle-ready-inspection-qc-page #temp_tag-label, .tms-vehicle-ready-inspection-qc-page #temp_tag-element 
{ font-size: 13px; color: #f00; font-weight: bold;}

.web-deliver-order-index-page tr td { border-bottom: none; }

#fieldset-body_inspection dd.view_page_link { width: 80%; margin-left: 100px; }

#search-form .zend_form #from_return_time-element, #search-form .zend_form #to_return_time-element { width: 100px; float:left;}
#search-form .zend_form  #to_return_time-label { width: 65px; float:left;  margin-left: 0; margin-right: 5px;}

.do-highlight { margin-left: 10px; font-size: 13px; font-weight: bold; color: #f00; }

