@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}
.message{
	color: #000000;
}

.errormessage{
	color: #ec0606 !important;
}

.warnmessage{
	color: #f69906;
}

.infomessage{
	color: #17b722;
}

.passed{
background-color: #f0210b;
color:#ffffff;
padding: 2px;
}

.today{
background-color: #ff7200;
color:#ffffff;
padding: 2px;
}

.tomorrow{
background-color: #fff881;
padding: 2px;
}

#appmessages UL {
	font:bold 13px Tahoma;
	letter-spacing: 1px;
	list-style: none;
	padding-left: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 947px;
	border: 1px solid #bfcdd9;
	background-color: #fffff5;
	display: block;
	filter:  progid:DXImageTransform.Microsoft.Shadow(color=#dadfe3,direction=135, strength=5);
}

#appmessages UL LI {
	line-height: 140%;
	margin-left: 10px	
}	


BODY {
	background-color: #f9f9e9;
	color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 0;
}

hr {
color:#9d9da1;
height: 1px;
}

TH, .miniTH {
	font-size: 11px;
	color: #808080;
}

LABEL, .label {
	font: bold 11px Tahoma;
	color: #808080;
}

.infoText {
	font: italic 11px Tahoma;
	color: #808080;
}

TH.bigHeader , .bigHeader{
	font-size: 13px;
	font-weight:bold;
	color: #808080;
	border-bottom:  1px solid #7f9db9;
}

TEXTAREA {
	text-align: left;
/**	
	width: 368px;
	height: 88px;
**/
	border: 1px solid #7f9db9 !important;
	padding: 2px !important;
	font-size: 13px;
	overflow: auto !important;
}

SELECT, OPTION {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

A, A:visited{
	color:#3e5ad2;
}

A:hover, A:visited:hover{
	color:#dd5b0c;
}

.mnu {
font-size:11px;
}

A.mnu, A.mnu:visited{
	color:#333333;
}

A.mnu:hover, A.mnu:visited:hover{
	color:#dd5b0c;
	text-decoration: none;
}




A.mnuNormal, A.mnuNormal:visited{
	color:#333333;
}

A.mnuNormal:hover, A.mnuNormal:visited:hover{
	color:#dd5b0c;
	text-decoration: none;
}



A.sortheader, A.sortheader:visited{
	color:#000088;
	text-decoration: none;	
}

A.sortheader:hover, A.sortheader:visited:hover{
	color:#dd5b0c;
	text-decoration: none;
}

A, img {
    border:none;
}


.txtHidden {
	display: none;
}

.mainTitle{
	width: 950px;
	display: block;
	font-size: 16px;
	font-weight: bold;
	margin-top: 1px;
	margin-bottom: 20px;
	text-align: center;
	color: #808080;
	border-bottom:  1px solid #7f9db9;
}

.command {
	border:  3px dotted #b0deb3;
	margin: 3px;
	text-align: center;
	padding-bottom: 8px;
	padding-top: 8px;
}


.readOnly {
	border: 1px solid #9c9c9c !important;
	padding-top: 3px;
}

.txtDateButton {
	width:20px;
	height:20px;

}

.txtDateButton .ui-button-text {
	font-size:80%;
	padding: 0px !important;
}


.txtTimeButton {
	width:9px;
	height:9px;

}

.txtTimeButton .ui-button-text {
	font-size:40%;
	padding: 0px !important;
}


.txtDate {
	background-color:#FFFFFF;
	border: 1px solid #7f9db9;
	cursor: default;
	color: black;
	width: 93px;	
	height: 20px;	
	vertical-align: center;
	text-align: left;	
}

.txtDatetime {
	width: 133px;
	text-align: left;	
}
 
.txtDate INPUT.ui-inputfield {
	width: 68px;
	height: 18px;
	border: 1px solid #ffffff;
	padding: 0px;
	padding-left: 2px;
	
	font-family: Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	
	box-shadow: none !important;
	vertical-align: top;
}

DIV.txtDatetime INPUT.ui-inputfield {
	width: 108px;

}

.txtPrice {
	text-align: right;
	padding-right: 4px;
	width: 60px;
	height: 18px;
	border: 1px solid #7f9db9;
	padding-top: 3px;
	font-size: 13px;
}

.txtPriceNetto {
	text-align: right;
	padding-right: 4px;
	width: 80px;
	height: 18px;
	border: 1px solid #7f9db9;
	padding-top: 3px;
	font-size: 13px;
}

.txtMedium {
	text-align: left;
	width: 88px;
	height: 18px;
	border: 1px solid #7f9db9;
	padding-top: 3px;
	font-size: 13px;
}

.txt {
	text-align: left;
	width: 168px;
	height: 18px;
	border: 1px solid #7f9db9;
	padding-top: 3px;
	padding-left: 2px;
	padding-right: 2px;
	font-size: 13px;
}

.txt150 {
	width: 150px;
}

.txt250 {
	width: 250px;
}

.txt300 {
	width: 300px;
}

SPAN.txt {
	text-align: left;
	width: 168px;
	height: 18px;
	border: 1px solid #9c9c9c;
	padding-top: 3px;
	font-size: 13px;
	display:block;
	color: #666666;
	vertical-align: middle;
	padding-top: 2px;
}

SPAN.txtLink{
	text-align: left;
	width: 168px;
	height: 18px;
	border: 1px solid #9c9c9c;
	padding-left: 3px;
	font-size: 13px;
	display:block;
	vertical-align: middle;
	padding-top: 2px;
	color:#333333;
	cursor: pointer;
	text-decoration: underline;
}

SPAN.txtDate {
background-color:#FFFFFF;
border: 1px solid #9c9c9c;
cursor: default;
color: #666666;
width: 75px;
display:block;
height: 18px;
vertical-align: middle;
padding-top: 2px;
padding-left: 3px;
}



input[readonly]
{
    background-color:#f4f5f7;
}


INPUT.txtNumber {
	text-align: right;
	width: 50px;
	border: 1px solid #7f9db9;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
}

INPUT.txtOdometer {
	text-align: right;
	padding-right: 4px;
	width: 100px;
	height: 18px;
	border: 1px solid #7f9db9;
	padding-top: 3px;
	font-size: 13px;	
	background-image:url('/resources/images/x16/odometer.png');
	background-repeat: no-repeat;
}

INPUT.txtFuelTankContentLtr {
	text-align: right;
	padding-right: 4px;
	width: 100px;
	height: 18px;
	border: 1px solid #7f9db9;
	padding-top: 3px;
	font-size: 13px;	
	background-image:url('/resources/images/transport/gps/canbus/fuelTankContentLiters16.png');
	background-repeat: no-repeat;
}

INPUT.txtIcon {
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:16px;	
	border-width: 1px;
}  

SPAN.txtPrice {
	text-align: right;
	padding-right: 4px;
	width: 60px;
	height: 18px;
	background-color:#FFFFFF;
	border: 1px solid #9c9c9c;
	color: #666666;
	display:inline-block;
	vertical-align: middle;
	padding-top: 2px;
	font-size: 13px;
}

SPAN.txtCurrency {
	text-align: left;
	padding-right: 0px;
	width: 30px;
	height: 18px;
	border: none;
	color: #666666;
	display:inline-block;
	vertical-align: middle;
	padding-top: 2px;
	padding-left: 4px;
	font-size: 12px;
}

SPAN.txtAmount {
	text-align: right;
	padding-right: 4px;
	height: 18px;
	border: none;
	color: #666666;
	display:inline-block;
	vertical-align: middle;
	padding-top: 2px;
	font-size: 12px;
}


SPAN.txtRcMoney {
	text-align: right;
	padding-right: 4px;
	height: 18px;
	border: none;
	color: #666666;
	display:inline-block;
	vertical-align: middle;
	padding-top: 2px;
	font-size: 12px;
}

SPAN.txtWarn {
	text-align: right;
	padding-right: 4px;
	height: 18px;
	border: none;
	color: orange;
	background: yellow;
	display:inline-block;
	vertical-align: middle;
	padding-top: 2px;
	font-size: 12px;
}

SPAN.txtBig {
	display:block;
	vertical-align: middle;
	padding-top: 2px;
	width: 170px;
	height: 33px;
	border: 1px solid #9c9c9c;
	font-size: 13px;
	color: #666666;
}

.txtBig {
	width: 170px;
	height: 33px;
	border: 1px solid #7f9db9;
	padding-top: 3px;
	font-size: 13px;
}

INPUT.txtID, SPAN.txtID {
	text-align: left;
	width: 50px;
	height: 18px;
	border: none;
	font-size: 13px;
	color: #7f9db9;
	background-color: transparent;
}


.popup {
	border: 1px solid #7f9db9;
	background-color:#FFFFFF;
	border: 1px solid #7f9db9;
	cursor: default;
	color: black;
	display: inline;
	width: 190px;
	height: 20px;
	padding-top:2px;
	padding-left:1px;
}


SPAN.popup {
	border: 1px solid #7f9db9;
	background-color:#FFFFFF;
	cursor: default;
	color: black;
	display: inline-block;
	width: 190px;
	height: 20px;
	padding-top:2px;
	padding-left:1px;
}


.errorText{
	font-weight: bold;
	color: #ff0000;
}

.warnText{
	font-weight: bold;
	color: orange;
}

.optionText{
	font-weight: bold;
	color: white;
	background-color: navy;
}

SPAN.popup INPUT {
/*width: 140px;*/
height: 18px;
border: 1px solid #ffffff;
padding: 0px;
float: left;
}

SPAN.popup INPUT.mnuNormal {
	width: 140px;
	height: 18px;
	border: 1px solid #ffffff;
	padding: 0px;
	float: left;
	color:#333333;
	cursor: pointer;
	text-decoration: underline;
}

SPAN.popup a, SPAN.popup a:visited, SPAN.popup a:hover, SPAN.popup a:visited:hover {
background-image: url("/resources/images/select.png");
width: 20px;
height: 20px;
display: block;
text-decoration:none;
background-repeat: no-repeat;
background-position: -2px -2px;
float:right;
}

SPAN.popup a.clear, SPAN.popup a.clear:visited, SPAN.popup a.clear:hover, SPAN.popup a.clear:visited:hover {
background-image: none;
width: auto;
height: auto;
display: inline;
text-decoration:none;
background-repeat: no-repeat;
float:none;
}

SPAN.popup IMG {
padding: 0px;
float: left;
}

input.reset, button.reset { 
	background:url(/images/cross.gif); 
	width:21px; 
	height:21px;
} 


.mainTable, .mainAppTable {
background-color:#FFFFFF;
border: 1px solid;
border-collapse:collapse;
border-color:#9d9da1;
padding: 3px;
}

TABLE.mainAppTable TABLE TD, TABLE.mainAppTable TABLE  TABLE TD {
	vertical-align: top;
}

TABLE.mainAppTable TABLE TH, TABLE.mainAppTable TABLE  TABLE TH {
	vertical-align: bottom;
	height: 40px;
	display: block;
}


.mainTable TABLE.mainTable {
background-color:#FFFFFF;
border: 1px solid;
border-collapse:collapse;
border-color:#9d9da1;
padding: 1px;
}

.mainTable TD {
	padding: 3px !important;
}

.rptRowOdd, .oddRow {
	background-color: #ffffff;
	color: #000000;
}

.rptRowEven, .evenRow {
	background-color: #eef6ef;
	color: #000000;
} 

/* Note: interferes with purchasesByExpenseType report
.rptRowOdd TD DIV{
	background-color: #ffffff;
	color: #000000;
}

.rptRowEven TD DIV
{
	background-color: #eef6ef;
	color: #000000;
}

*/

.tdHSplit {
width:50%;
}

.tdQSplit {
width:25%;
}

.tdTSplit {
width:33%;
}

.tdCen{
	text-align: center;
}

.tdRig{
	text-align: right;
}

td.tdRigGray {
	text-align: right;
	background-color: 	#E8E8E8;
}

.tdTop{
	vertical-align: top;
}

.tdMid{
	vertical-align:middle  !important;
}

.tdBot{
	vertical-align: bottom;
}

.tdJust{
	text-align: right;
}

.tdDef {
	text-align: left;
}

.tdLabel{
	text-align: right;
	width: 250px;
	padding-right: 9px;
}

/*
DIV.mainTable TABLE TD.tdRig{
	width: 250px;
}
*/

.tdErr{
	text-align: left;	
	width: 5px;
}

.tdRig250{
	text-align: right;
	width: 250px;
}

.tdRig240{
	text-align: right;
	width: 240px;
}

.tdRig150{
	text-align: right;
	width: 150px;
}

.tdRig65{
	text-align: right;
	width: 65px;
}

.tdRig45{
	text-align: right;
	width: 65px;
}

.inactiveDay {
background-color: #9d9da1;
color: #666666;
}

.inactiveDay TD {
background-color: #f9f9e9;
color: #666666;
}

TD.day TD.miniTH {
font-weight: bold;
color: navy;
font-size: 15px;
}

TD.scheduleEntry SPAN {
	font-size: 11px;
	font-weight: bold;
		
}

.btnSmall {
  background-color: #D8D8D8;
  border: none; 
  color: DarkGray; 
  padding: 	1px 1px; 
  font-size: 8px; 
  cursor: pointer; 
}

/* Darker background on mouse-over */
.btnSmall:hover {
  background-color: #bfdaff;
  color: black; /* White text */
}

.btn, .btnSave {
	background-color: #71ab75;
	color: #ffffff;
	cursor: pointer;
	border-top: 2px solid #8ac58e;
	border-left: 2px solid #8ac58e;
	border-bottom: 2px solid #68a36c;
	border-right: 2px solid #68a36c;	
	font:bold  12px  Verdana;		
}


.cmdWarn {
	border:  3px dashed #f3a00f;
	margin: 3px;
	text-align: center;
	padding-bottom: 18px;
	padding-top: 18px;	
	
}

.btnWarn {
	background-color: #e5910d;
	color: #ffffff;
	cursor: pointer;
	border-top: 2px solid #f3a00f;
	border-left: 2px solid #f3a00f;
	border-bottom: 2px solid #d7890f;
	border-right: 2px solid #d7890f;	
	font:bold  12px  Verdana;		
}




.btnClear {
	background-color: #6073ff;
	color: #ffffff;
	cursor: pointer;
	border-top: 2px solid #b4bdff;
	border-left: 2px solid #b4bdff;
	border-bottom: 2px solid #4b51b5;
	border-right: 2px solid #4b51b5;	
	font:bold  11px  Verdana;	
	padding: 1px;	
}


.btnDel {
	background-color: #f24410;
	color: #ffffff;
	cursor: pointer;
	border-top: 2px solid #fc6f45;
	border-left: 2px solid #fc6f45;
	border-bottom: 2px solid #d54418;
	border-right: 2px solid #d54418;	
	font:bold  11px  Verdana;	
	padding: 1px;	
}


legend {
	background-color: #b0deb3;
	color: #ffffff;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-left: -4px;
}

legend.warn {
	background-color: peachpuff;
	color: #ffffff;
}

fieldset {
	border: 1px solid #bfcdd9;
	padding: 4px;
	background-image: url("/resources/images/fieldset_bgra.jpg");
	background-repeat: repeat-x;
}

fieldset fieldset {
	border: 1px solid #bfcdd9;
	padding: 4px;
	background-image: url("/resources/images/fieldset_bgra.gif");
	background-repeat: repeat-x;
}

.mainMiniHeader {
	color: #114567;
	font-size: 14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
}

.mainHeader {
	color: #114567;
	font-size: 18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
}
/*
popup window CSS
*/

.dhtmlwindow{
position: absolute;
border: 2px solid black;
visibility: hidden;
background-color: white;
}

.drag-handle{ /*CSS for Drag Handle*/
padding: 1px;
text-indent: 3px;
font: bold 14px Arial;
background-color: #CA0000;
color: white;
cursor: move;
overflow: hidden;
width: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}


.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 1px solid brown;
background-color: white;
color: black;
height: 150px;
padding: 2px;
overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid gray;
background-color: #F8F8F8;
height: 13px; /*height of resize image*/
}


.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}

#interVeil{ /*CSS for veil that covers entire page while modal window is visible*/
position: absolute;
/*background: black url(/images/blackdot.gif); */
width: 10px;
background: black url(/images/blackdot.gif);
left: 0;
top: 0;
z-index: 5;
visibility: hidden;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=70);
opacity: 0.7;
}

.ThemePanelMainFolderRight IMG {
vertical-align: middle;
}

.fontSmall{
	font-size:10px;
}

.indentLeft {
	margin-left: 4px;
}

IMG.imgLinkRight {
	border: none;
	vertical-align: middle; 
	margin-left: 4px
}

IMG.imgLinkLeft {
	border: none;
	vertical-align: middle; 
	margin-right: 3px
}

IMG.imgPageTitle {
	border: none;
	vertical-align: middle; 
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 2px;

}

/* prevent calendar from showing below p:dialog */
.jscalendar-DB-div-style {
  z-index:2000 !important;
}


/* image definitions for p:commandButton */

.ui-state-default .icon-gps-select-destination {
	background-image: url(/resources/images/x16/gps_select_destination.png);
}

.ui-state-default .icon-gps-remove-destination {
	background-image: url(/resources/images/x16/gps_remove_destination.png);
}

.ui-state-default .icon-gps-destination {
	background-image: url(/resources/images/x16/gps_destination.png);
}

.ui-state-default .icon-gps-destination-not-selected {
	background-image: url(/resources/images/x16/gps_destination_not_selected.png);
}

.ui-state-default .icon-gps-destination-no-trip-estimate {
	background-image: url(/resources/images/x16/gps_destination_no_trip_estimate.png);
}

.ui-state-default .icon-gps-destination-closeby-last {
	background-image: url(/resources/images/x16/gps_destination_closeby_last.png);
}

.ui-state-default .icon-gps-destination-closeby {
	background-image: url(/resources/images/x16/gps_destination_closeby.png);
}

.ui-state-default .icon-gps-destination-coordinates-missing {
	background-image: url(/resources/images/x16/gps_coordinates_missing.png);
}

.ui-state-default .icon-truck-base {
	background-image: url(/resources/images/transport/route/truck_base16.png);
}


.ui-state-default .icon-address-add {
	background-image: url(/resources/images/x16/btn/add_button_overlay16.png),url(/resources/images/x16/address.png);
	background-repeat: no-repeat, no-repeat;
  	background-position: left, left;
  	opacity: 0.5,1;
}

.ui-state-default .icon-add-pc-alt-name {
	background-image: url(/resources/images/x16/btn/add_button_overlay16.png),url(/resources/images/acc/xaPartnerCompanyAlternativeName16.png);
	background-repeat: no-repeat, no-repeat;
  	background-position: left, left;
  	opacity: 0.5,1;
}

.ui-state-default .icon-load-manipulation-add {
	background-image: url(/resources/images/type/loadManipulation/load_manipulation_add.png);
}

.ui-state-default .icon-tran-route-loc-add {
	background-image: url(/resources/images/transport/route/transportRouteLocationAdd.png);
}

.ui-state-default .icon-arrow-up {
	background-image: url(/resources/images/x16/arrow_up.gif);
}

.ui-state-default .icon-arrow-down {
	background-image: url(/resources/images/x16/arrow_down.gif);
}

.ui-state-default .icon-add {
	background-image: url(/resources/images/add.png );
}

.ui-state-default .icon-delete {
	background-image: url(/resources/images/cross.gif);
}

.ui-state-default .icon-add-link {
	background-image: url(/resources/images/x16/btn/add_link.png );
}


.ui-state-default .ui-icon-custom-accept { 
    background-image: url(/resources/images/status/notification/Accepted.gif); 
}

.ui-state-default .ui-icon-custom-wip { 
    background-image: url(/resources/images/status/notification/WorkInProgress.gif); 
}

.ui-state-default .ui-icon-custom-reject { 
    background-image: url(/resources/images/x16/reject.png); 
}

.ui-state-default .ui-icon-custom-complete { 
    background-image: url(/resources/images/status/notification/Completed.gif); 
}

.ui-state-default .ui-icon-custom-cancel { 
    background-image: url(/resources/images/status/notification/Canceled.gif); 
}

.ui-state-default .ui-icon-details { 
	background-image: url(/resources/images/x16/details_popup.png);
}

/*
.ui-state-default .ui-icon-custom-select { 
	background-image: url(/resources/images/select.png);
}
*/


.ui-state-default .ui-icon-scrap {
	background-image: url(/resources/images/type/whInventorySubtraction/Scrap.png);
}

.ui-state-default .ui-icon-return {
	background-image: url(/resources/images/type/whInventorySubtraction/Return.png);
}

.ui-state-default .ui-icon-recover {
	background-image: url(/resources/images/wh/wh_16x16_recover.png);
}

.ui-state-default .ui-icon-custom-status-Available { 
    background-image: url(/resources/images/status/productItem/Available.png); 
}

.ui-state-default .ui-icon-custom-status-UsedCollected { 
    background-image: url(/resources/images/status/productItem/UsedCollected.png); 
}

.ui-state-default .ui-icon-custom-status-UsedAvailable { 
    background-image: url(/resources/images/status/productItem/UsedAvailable.png); 
}

.ui-state-default .ui-icon-custom-status-UsedDisposed { 
    background-image: url(/resources/images/status/productItem/UsedDisposed.png); 
}

.ui-state-default .ui-icon-custom-return { 
    background-image: url(/resources/images/x16/return.png); 
}

.ui-state-default .ui-icon-mnt-add-vehicle-event {
	background-image: url(/resources/images/mnt/icon_16_wrench_plus.png);
}

.ui-state-default .ui-icon-custom-refresh {
	background-image: url(/resources/images/refresh.gif);
}

.ui-state-default .icon-unloading, .ui-menuitem-icon.icon-unloading {
	background-image: url(/resources/images/x16/unloading.png);
}

.ui-state-default .icon-loading, .ui-menuitem-icon.icon-loading {
	background-image: url(/resources/images/x16/loading.png);
}

.ui-menuitem-icon.icon-dispatch {
	background-image: url(/resources/images/x16/dispatch.png);
}

.ui-state-default .ui-icon-custom-reset {
	background-image: url(/resources/images/x16/reset.png);
}

.ui-state-default .ui-icon-custom-approve {
	background-image: url(/resources/images/x16/approve.png);
}

.ui-state-default .icon-calculator {
	background-image: url(/resources/images/x16/calculator.png);
}

.ui-state-default .icon-copy-date {
	background-image: url(/resources/images/x16/copyDate.png);
}

.ui-state-default .ui-icon-custom-single-usage-undo { 
    background-image: url(/resources/images/x16/single_usage_undo.png); 
}

.ui-state-default .ui-icon-custom-select {
	background-image: url(/resources/images/x16/select.png);
}

.ui-state-default .ui-icon-custom-select-first {
	background-image: url(/resources/images/x16/select_first.png);
}

.ui-state-default .ui-icon-custom-search {
	background-image: url(/resources/images/x16/search.png);
}

.ui-state-default .icon-link-vud {
	background-image: url(/resources/images/x16/btn/add_link_button_overlay16.png),url(/resources/images/x16/vehicle_usage_driver.png);
}

.ui-state-default .icon-link-transport {
	background-image: url(/resources/images/x16/btn/add_link_button_overlay16.png),url(/resources/images/x16/transport.png);
}

.ui-state-default .icon-add-ovelay {
	background-image: url(/resources/images/x16/btn/add_button_overlay16.png);
}

.ui-state-default .icon-add-link-ovelay {
	background-image: url(/resources/images/x16/btn/add_link_button_overlay16.png);
}

.ui-button-32 {
	height: 32px !important; 
	width: 32px !important;
}
	
.ui-icon-32 {
	height: 32px; width: 32px; 
    top: 35% !important;
    left: 35% !important;
    margin-left: -10px !important;
    margin-top: -10px !important;
}

.ui-state-default .ui-icon-eer-vehicle-usage-canbus-32 {
	background-image: url(/resources/images/x32/refresh_canbus.png);
}

.ui-state-default .ui-icon-eer-vehicle-usage-add-32 {
	background-image: url(/resources/images/x32/vehicle_usage_add.png);
}


a.overlay-link{
  position:relative;
  display:block;
}

a.overlay-link span{
  position:absolute;
  left:0%;
  top:0%;
  filter:alpha(opacity=80);
  -moz-opacity:0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
}

a.overlay-link span.overlay-icon-hoverable{
  visibility:hidden;	
}

a.overlay-link:hover span.overlay-icon-hoverable{
  visibility:visible;
}


.recordHistoryTable {
	width: 100%;
	max-width: 400px;
	border: 1px solid;
	border-color:#9d9da1;
	font-size:x-small !important;
}

.recordHistoryTable .label {
	font-size:x-small !important;
}

.recordHistoryTable .ui-widget-content {
	background:#C1C5C7 !important;
}	


a.button {
  font: bold 11px Arial;
  text-decoration: none;
  background-color: #EEEEEE;
  color: #333333;
  padding: 2px 6px 2px 6px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
}

a.pdf { /*The background image*/
	background: url(/resources/images/fileext/pdf.png) no-repeat left center;
	padding-left: 20px !important;
	line-height: 20px; /* To center the text vertically with the icon */
}

tr.borderBottom td {
  border-bottom:1pt solid black;
}

.licensePlates {
	font-size: 10px; 
	font-weight: bold;
}

.driverName {
	font-size: 10px; 
	font-style: italic;
}


.lookup {
	background-color:#FFFFFF;
	border: 1px solid #7f9db9;
	background-color:#FFFFFF;
	border: 1px solid #7f9db9;
	cursor: default;
	color: black;
	display: inline;
	width: 190px;
	height: auto;
	padding-top:2px;
	padding-left:1px;
}

SPAN.lookup IMG {
padding: 0px;
float: left;
}

SPAN.lookup span.mnuNormal {
	width: 140px;
	height: 18px;
	border: 1px solid #ffffff;
	padding: 0px;
	float: left;
	color:#333333;
	cursor: pointer;
	text-decoration: underline;
}


.titleBar {
	color: #000000;
	background: #BBBBBB;
	font-weight: bold;
	padding: 0.5em 1em 0.3em;
	display:block;
}

.titleBarFleet {
	font-size:13px; 
	font-weight: bold; 
	background-color: #808080; 
	color:#FFFFFF; 
	display:block; 
	padding: 3px;
}

.highlight, .highlight TD{
	background:yellow; 
}

SELECT {
	height:22px;
}

.mgr{
	margin-right: 4px;
}

.ui-menuitem-icon.menu-icon-home {
	background-image: url(/resources/images/x16/home.png);
	
}


.ui-menuitem-icon.icon-home {
	background-image: url(/resources/images/x16/home.png);
}

.ui-menuitem-icon.menu-icon-transport {
	background-image: url(/resources/images/x16/transport.png);
}

.ui-menuitem-icon.menu-icon-accounting {
	background-image: url(/resources/images/x16/status_accounting.png);
}

.noTextMenuButton {
	float:right; 
	padding: 2px;	
}

.noTextMenuButton .ui-button-text-icon-left .ui-button-text {
	padding: .4em 1em .4em 2.1em !important;
}

.txtLocDatetime {
	font-size:80%;
	vertical-align: top; 
	padding-left: 20px;
}	

.txtLatLon {
	font-size:65%;
	vertical-align: bottom; 
	float:right; 
}	

SPAN.txtKmToday {
	font-size:65%;
	vertical-align: middle; 
	float:right; 
}

.mgLeft {
	vertical-align: middle; 
	margin-left: 2px
}

.mgRight {
	vertical-align: middle; 
	margin-right: 2px
}

.flLeft {
	float:left;
	vertical-align: middle; 
	margin-left: 2px
}

.flRight {
	float:right; 
	vertical-align: middle; 	
	margin-right: 2px
}

.titleBarInline {
	color: #000000;
	background: #BBBBBB;
	font-weight: bold;
	padding: 0.5em 1em 0.3em;
	display: inline-block;
}

.txtSmallerFont .ui-button-text {
	font-size:80%;
}

SPAN.mngFleetSectionHeader {
	display: inline-block; 
	background-color:#E1E2E3; 
	width:100%; 
	height:30px
}

SPAN.centered {
	display: inline-block; 
	vertical-align: middle; 
	text-align: center;
	width:100%; 
}

DIV.maxHeight400px {
    max-height: 400px;
    overflow-y: auto
}

.plusminus {
  float: right;
}

DIV.divTable {
	display:table; 
	height:100%; 


}

DIV.divTableRow {
	display: table-row;
}

DIV.divTableCell {
	display: table-cell;
	padding: 2px 1px 2px 1px;
}