BODY { font-family: Verdana, Arial; font-size: 10pt; font-weight: normal; margin: 0px 0px 0px 0px; background-color: #FFFFFF; color: #000000;}
TABLE { font-family: Verdana, Arial; font-size: 10pt; font-weight: normal;}
TH { font-family: Verdana, Arial; font-size: 10pt; font-weight: normal; color: #000000;text-align:left;}
TD { font-family: Verdana, Arial; font-size: 10pt; font-weight: normal; color: #000000;}
A { font-family: Verdana, Arial; font-size: 10pt; font-weight: normal; color: #000000;}
P { font-family: Verdana, Arial; font-size: 10pt; font-weight: normal; color: #000000;}
H1 { font-family: Verdana, Arial; font-size: 12pt; font-weight: normal; color: #000000;}
INPUT  { font-family: Verdana, Arial; font-size: 10pt; font-weight: normal;}
SELECT { font-family: Verdana, Arial; font-size: 10pt; font-weight: normal;}

.usermessage { font-family: Verdana, Arial; font-size: medium; font-weight: lighter;  color: Red; }

.column1 { border-right: 1px solid #D8D8D8; width: 174px; padding: 0px 6px 0px 0px;}
.column2        { background-color: transparent;  padding: 0px 0px 0px 0px;}
.columnempty    { background-color: transparent; width: 12px;  padding: 0px 0px 0px 0px;}

.valSummary { font-family: Verdana, Arial; font-size: 10pt;	font-weight: normal; color: #cc0033; background-color: #FFFDE0; border-top: #990033 1px solid; border-bottom: #990033 1px solid; border-left: #990033 1px solid; border-right: #990033 1px solid; padding: 4px 4px 4px 4px; }
.valNormal {	font-family: Verdana, Arial;	font-size: 10pt;	font-weight: normal;	color: #cc0033;}

.tblUserMessage {  }
.tdUserMessage { background-color: #FFFDE0; border-top: #990033 1px solid; border-bottom: #990033 1px solid; border-left: #990033 1px solid; border-right: #990033 1px solid;}
.divUserMessage { padding: 2px 4px 2px 8px; font-family: Verdana, Arial; font-size: 10pt;	font-weight: normal; color: #cc0033; }
.divUserMessageDebugHdr { padding: 2px 4px 2px 8px; font-family: Verdana, Arial; font-size: 10pt;	font-weight: normal; color: #000000; }
.divUserMessageDebugText { padding: 0px 4px 4px 40px; font-family: Verdana, Arial; font-size: 8pt;	font-weight: normal; color: #000000; }

.tdHistoryArrow { PADDING-LEFT: 2px }

.linkSmallWhite { font-family: Verdana, Arial; font-size: 8pt; font-weight: normal;}
A.linkSmallWhite:Link { font-size: 8pt; color: #FFFFFF;	text-decoration: none;	cursor: hand;}
A.linkSmallWhite:Visited { font-size: 8pt; color: #FFFFFF;	text-decoration: none;	cursor: hand;}
A.linkSmallWhite:Active { font-size: 8pt; color: #FFFFFF;	text-decoration: none;	cursor: hand;}
A.linkSmallWhite:Hover { color: #FFFFFF; text-decoration: underline;}

A.linkNormalWhite:Link { color: #FFFFFF;	text-decoration: none;	cursor: hand;}
A.linkNormalWhite:Visited { color: #FFFFFF;	text-decoration: none;	cursor: hand;}
A.linkNormalWhite:Active {color: #FFFFFF;	text-decoration: none;	cursor: hand;}
A.linkNormalWhite:Hover { color: #FFFFFF;	text-decoration: underline; cursor: hand;}

.linkValSummary { font-family: Verdana, Arial; font-size: 8pt; font-weight: normal;}
A.linkValSummary:Link { font-size: 8pt; color: #cc0033;	text-decoration: none;	cursor: hand;}
A.linkValSummary:Visited { font-size: 8pt; color: #cc0033;	text-decoration: none;	cursor: hand;}
A.linkValSummary:Active { font-size: 8pt; color: #cc0033;	text-decoration: none;	cursor: hand;}
A.linkValSummary:Hover { color: #cc0033; text-decoration: underline;}


/* Side Bar Menu Classes */

/* Emp View Menu */
.tblMenuHdrEmpView {	background-color: #579175;	border-top: #005480 1px solid;	border-bottom: #005480 1px solid;	border-right: #005480 1px solid; background-image: url(images/menu/menuhdrEnc.jpg);}
.tdMenuHdrEmpView { font-size: 8pt; font-weight: bold; color: #FFFFFF; }

.tblMenuItemEmpView {	background-color: #FFFFFF;	border-bottom: #005480 1px solid;	border-right: #005480 1px solid;}
.tdMenuItemEmpView { font-size: 8pt; color: #365A49;}
.tdMenuSelItemEmpView { font-size: 8pt; color: #FFFFFF; background-color: #005480; border-top: #D8DFE7 1px solid;	border-bottom: #4A5F77 1px solid;	border-left: #D8DFE7 1px solid;	border-right: #4A5F77 1px solid;}

/* DQ View Menu */
.tblMenuHdrDQView {	background-color: #3273C0;	border-top: #005480 1px solid;	border-bottom: #005480 1px solid;	border-right: #005480 1px solid; background-image: url(images/menu/menuhdrEnc.jpg);}
.tdMenuHdrDQView { font-size: 8pt; font-weight: bold; color: #FFFFFF; }

.tblMenuItemDQView { background-color: #FFFFFF;	border-bottom: #005480 1px solid;	border-right: #005480 1px solid;}
.tdMenuItemDQView { font-size: 8pt; color: #365A49;}
.tdMenuSelItemDQView { font-size: 8pt; color: #FFFFFF; background-color: #005480; border-top: #D8DFE7 1px solid;	border-bottom: #4A5F77 1px solid;	border-left: #D8DFE7 1px solid;	border-right: #4A5F77 1px solid;}

/* AD View Menu */
.tblMenuHdrADView {	background-color: #A2536F;	border-top: #005480 1px solid;	border-bottom: #005480 1px solid;	border-right: #005480 1px solid; background-image: url(images/menu/menuhdrEnc.jpg);}
.tdMenuHdrADView { font-size: 8pt; font-weight: bold; color: #FFFFFF; }

.tblMenuItemADView {	background-color: #FFFFFF;	border-bottom: #005480 1px solid;	border-right: #005480 1px solid;}
.tdMenuItemADView { font-size: 8pt; color: #365A49;}
.tdMenuSelItemADView { font-size: 8pt; color: #FFFFFF; background-color: #005480; border-top: #D8DFE7 1px solid;	border-bottom: #4A5F77 1px solid;	border-left: #D8DFE7 1px solid;	border-right: #4A5F77 1px solid;}

/* Accident View Menu */
.tblMenuHdrAccView {	background-color: #3E96A8;	border-top: #005480 1px solid;	border-bottom: #005480 1px solid;	border-right: #005480 1px solid; background-image: url(images/menu/menuhdrEnc.jpg);}
.tdMenuHdrAccView { font-size: 8pt; font-weight: bold; color: #FFFFFF; }

.tblMenuItemAccView {	background-color: #FFFFFF;	border-bottom: #005480 1px solid;	border-right: #005480 1px solid;}
.tdMenuItemAccView { font-size: 8pt; color: #365A49;}
.tdMenuSelItemAccView { font-size: 8pt; color: #FFFFFF; background-color: #005480; border-top: #D8DFE7 1px solid;	border-bottom: #4A5F77 1px solid;	border-left: #D8DFE7 1px solid;	border-right: #4A5F77 1px solid;}

/* Training View Menu */
.tblMenuHdrTrnView {	background-color: #D77331;	border-top: #005480 1px solid;	border-bottom: #005480 1px solid;	border-right: #005480 1px solid; background-image: url(images/menu/menuhdrEnc.jpg);}
.tdMenuHdrTrnView { font-size: 8pt; font-weight: bold; color: #FFFFFF; }

.tblMenuItemTrnView {	background-color: #FFFFFF;	border-bottom: #005480 1px solid;	border-right: #005480 1px solid;}
.tdMenuItemTrnView { font-size: 8pt; color: #365A49;}
.tdMenuSelItemTrnView { font-size: 8pt; color: #FFFFFF; background-color: #005480; border-top: #D8DFE7 1px solid;	border-bottom: #4A5F77 1px solid;	border-left: #D8DFE7 1px solid;	border-right: #4A5F77 1px solid;}

/* HOS View Menu */
.tblMenuHdrHOSView {	background-color: #6F7297;	border-top: #005480 1px solid;	border-bottom: #005480 1px solid;	border-right: #005480 1px solid;}
.tdMenuHdrHOSView { font-size: 8pt; font-weight: bold; color: #FFFFFF; }

.tblMenuItemHOSView {	background-color: #FFFFFF;	border-bottom: #005480 1px solid;	border-right: #005480 1px solid;}
.tdMenuItemHOSView { font-size: 8pt; color: #365A49;}
.tdMenuSelItemHOSView { font-size: 8pt; color: #FFFFFF; background-color: #005480; border-top: #D8DFE7 1px solid;	border-bottom: #4A5F77 1px solid;	border-left: #D8DFE7 1px solid;	border-right: #4A5F77 1px solid;}

/* Roadside Inspection View Menu */
.tblMenuHdrRSIView {	background-color: #BA5539;	border-top: #46755F 1px solid;	border-bottom: #46755F 1px solid;	border-right: #46755F 1px solid; background-image: url(images/menu/menuhdrEnc.jpg);}
.tdMenuHdrRSIView { font-size: 8pt; font-weight: bold; color: #FFFFFF; }

.tblMenuItemRSIView { background-color: #FFFFFF;	border-bottom: #743C16 1px solid;	border-right: #743C16 1px solid;}
.tdMenuItemRSIView { font-size: 8pt; color: #365A49;}
.tdMenuSelItemRSIView { font-size: 8pt; color: #FFFFFF; background-color: #005480; border-top: #B7CFEC 1px solid;	border-bottom: #743C16 1px solid;	border-left: #B7CFEC 1px solid;	border-right: #743C16 1px solid;}

/* Unit View Menu */
.tblMenuHdrUnitView {	background-color: #77799F;	border-top: #005480 1px solid;	border-bottom: #005480 1px solid;	border-right: #005480 1px solid; background-image: url(images/menu/menuhdrEnc.jpg);}
.tdMenuHdrUnitView { font-size: 8pt; font-weight: bold; color: #FFFFFF; }

.tblMenuItemUnitView { background-color: #FFFFFF;	border-bottom: #005480 1px solid;	border-right: #005480 1px solid;}
.tdMenuItemUnitView { font-size: 8pt; color: #365A49;}
.tdMenuSelItemUnitView { font-size: 8pt; color: #FFFFFF; background-color: #005480; border-top: #D8DFE7 1px solid;	border-bottom: #4A5F77 1px solid;	border-left: #D8DFE7 1px solid;	border-right: #4A5F77 1px solid;}

/* UnitService View Menu */
.tblMenuHdrUnitServiceView {	background-color: #BA5539;	border-top: #005480 1px solid;	border-bottom: #005480 1px solid;	border-right: #005480 1px solid; background-image: url(images/menu/menuhdrEnc.jpg);}
.tdMenuHdrUnitServiceView { font-size: 8pt; font-weight: bold; color: #FFFFFF; }

.tblMenuItemUnitServiceView { background-color: #FFFFFF;	border-bottom: #005480 1px solid;	border-right: #005480 1px solid;}
.tdMenuItemUnitServiceView { font-size: 8pt; color: #365A49;}
.tdMenuSelItemUnitServiceView { font-size: 8pt; color: #FFFFFF; background-color: #005480; border-top: #D8DFE7 1px solid;	border-bottom: #4A5F77 1px solid;	border-left: #D8DFE7 1px solid;	border-right: #4A5F77 1px solid;}

/* Permitting View Menu */
.tblMenuHdrPermittingView {	background-color: #3E96A8;	border-top: #005480 1px solid;	border-bottom: #005480 1px solid;	border-right: #005480 1px solid; background-image: url(images/menu/menuhdrEnc.jpg);}
.tdMenuHdrPermittingView { font-size: 8pt; font-weight: bold; color: #FFFFFF; }

.tblMenuItemPermittingView {	background-color: #FFFFFF;	border-bottom: #005480 1px solid;	border-right: #005480 1px solid;}
.tdMenuItemPermittingView { font-size: 8pt; color: #365A49;}
.tdMenuSelItemPermittingView { font-size: 8pt; color: #FFFFFF; background-color: #005480; border-top: #D8DFE7 1px solid;	border-bottom: #4A5F77 1px solid;	border-left: #D8DFE7 1px solid;	border-right: #4A5F77 1px solid;}

/* Title, License, Registration View Menu */
.tblMenuHdrTLRView {	background-color: #3273C0;	border-top: #005480 1px solid;	border-bottom: #005480 1px solid;	border-right: #005480 1px solid; background-image: url(images/menu/menuhdrEnc.jpg);}
.tdMenuHdrTLRView { font-size: 8pt; font-weight: bold; color: #FFFFFF; }

.tblMenuItemTLRView { background-color: #FFFFFF;	border-bottom: #005480 1px solid;	border-right: #005480 1px solid;}
.tdMenuItemTLRView { font-size: 8pt; color: #365A49;}
.tdMenuSelItemTLRView { font-size: 8pt; color: #FFFFFF; background-color: #005480; border-top: #D8DFE7 1px solid;	border-bottom: #4A5F77 1px solid;	border-left: #D8DFE7 1px solid;	border-right: #4A5F77 1px solid;}

/* FuelTax View Menu */
.tblMenuHdrFuelTaxView {	background-color: #A2536F;	border-top: #005480 1px solid;	border-bottom: #005480 1px solid;	border-right: #005480 1px solid; background-image: url(images/menu/menuhdrEnc.jpg);}
.tdMenuHdrFuelTaxView { font-size: 8pt; font-weight: bold; color: #FFFFFF; }

.tblMenuItemFuelTaxView {	background-color: #FFFFFF;	border-bottom: #005480 1px solid;	border-right: #005480 1px solid;}
.tdMenuItemFuelTaxView { font-size: 8pt; color: #365A49;}
.tdMenuSelItemFuelTaxView { font-size: 8pt; color: #FFFFFF; background-color: #005480; border-top: #D8DFE7 1px solid;	border-bottom: #4A5F77 1px solid;	border-left: #D8DFE7 1px solid;	border-right: #4A5F77 1px solid;}

/* UnitMaint View Menu */
.tblMenuHdrUnitMaintView {	background-color: #579175;	border-top: #005480 1px solid;	border-bottom: #005480 1px solid;	border-right: #005480 1px solid; background-image: url(images/menu/menuhdrEnc.jpg);}
.tdMenuHdrUnitMaintView { font-size: 8pt; font-weight: bold; color: #FFFFFF; }

.tblMenuItemUnitMaintView {	background-color: #FFFFFF;	border-bottom: #005480 1px solid;	border-right: #005480 1px solid;}
.tdMenuItemUnitMaintView { font-size: 8pt; color: #365A49;}
.tdMenuSelItemUnitMaintView { font-size: 8pt; color: #FFFFFF; background-color: #005480; border-top: #D8DFE7 1px solid;	border-bottom: #4A5F77 1px solid;	border-left: #D8DFE7 1px solid;	border-right: #4A5F77 1px solid;}


/* Right Portal Menu */
.tdPortalFloatTopLeft {	background-image: url(images/menu/floatgraytopleft.gif);}
.tdPortalFloatTopCenter {	background-image: url(images/menu/floatgraytopcenter.gif);}
.tdPortalFloatTopRight {	background-image: url(images/menu/floatgraytopright.gif);}
.tdPortalFloatBottomLeft { height:24px; background-repeat: no-repeat;	background-image: url(images/menu/floatgraybottomleft.gif);}
.tdPortalFloatBottomCenter { height:24px; background-image: url(images/menu/floatgraybottomcenter.gif);}
.tdPortalFloatBottomRight { height:24px; background-repeat: no-repeat;	background-image: url(images/menu/floatgraybottomright.gif);}
.tdPortalFloatLeft {	background-image: url(images/menu/floatgrayleft.gif);}
.tdPortalFloatRight {	background-image: url(images/menu/floatgrayright.gif);}
.tdPortalFloatCenter {	background-color: #FFFFFF;}

/* Portal Float Menu */
.tblMenuHdrPortalFloat {	}
.tdMenuHdrPortalFloat { font-family: Times New Roman; font-size: 12pt; font-weight: bold; color: #333333; background-color: #EAEAEA; padding: 1px 2px 1px 2px; text-align: center }

.tblMenuItemPortalFloat { background-color: #FFFFFF; }
.tdMenuItemPortalFloat { font-size: 8pt; color: #000000;}
.tdMenuLabelPortalFloat { font-size: 8pt; color: #000000;}

.linkMenuPortalFloat { font-family: Verdana, Arial; font-size: 8pt; font-weight: normal;}
A.linkMenuPortalFloat:Link { font-size: 8pt; color: #000000;	text-decoration: none;	cursor: hand;}
A.linkMenuPortalFloat:Visited { font-size: 8pt; color: #000000;	text-decoration: none;	cursor: hand;}
A.linkMenuPortalFloat:Active { font-size: 8pt; color: #000000;	text-decoration: none;	cursor: hand;}
A.linkMenuPortalFloat:Hover { color: #000000; text-decoration: underline;}

/* Signup Pages - Made look like Marketing Site */
.toptablecon { border-top: #343549 1px solid; border-bottom: #343549 1px solid; background-image: url(../images/signup/con_top.jpg);}
.topcurrentcon { FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; background-color: #FFFFFF; color: #343549; border-left: #343549 1px solid; border-right: #343549 1px solid; border-top: #343549 1px solid; border-bottom: #343549 1px solid;}
.toplink {
	FONT-WEIGHT: normal; FONT-SIZE: 9pt; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: center; TEXT-DECORATION: none
}
a.toplink:link {
	color : #FFFFFF;
	font-weight : bold;
}

a.toplink:visited {
	color : #FFFFFF;
	font-weight : bold;
}

a.toplink:hover { COLOR: #ffffff; text-decoration: underline;	font-weight : bold;}
.nextsollink { font-family: Verdana, Arial; font-size: 9pt; font-weight: bold;}
A.nextsollink:Link { color: #733A15;	text-decoration: none;	cursor: hand;}
A.nextsollink:Visited { color: #733A15;	text-decoration: none;	cursor: hand;}
A.nextsollink:Active { color: #733A15;	text-decoration: none;	cursor: hand;}
A.nextsollink:Hover { color: #733A15; text-decoration: underline;}

/* Employee Logs - Totals */
.logTotal {
    padding: 0px 3px;
    display:block;
    border-style:solid;
}

/* TOU */
ol.touBoldNumbers {font-weight: bold;}
ol.touLowerAlpha {list-style-type:lower-alpha; font-weight: normal;}
p.noBottomMargin {margin-bottom: 0;}
p.noTopMargin {margin-top: 0;}

/* DVIR */
/* override the bold setting for form labels for the defect labels on the Add DVIR page*/
.CBDefect + label {
    font-weight: normal;
}

.OutOfService {
    color: #cc0033;
}

.loadingSpinner {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 1s linear infinite;
    animation: spinner 1s linear infinite;
    position: fixed;
    z-index: 10000;
    box-shadow: 0 0 0 99999px rgba(0, 0, 0, .5);
    background: rgba(0, 0, 0, .5);
}

@keyframes spinner { 
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}