#hoverpopup {
    /* Necessary: */
    position: absolute;
    display: none;
    z-index: 10;

    /* Additional styling: */
    width: 200px;
    font-size: 10px;
    background-color: #eee;
    padding-left: 3px;
    border: 1px solid #000000;
}

BODY {
	MARGIN: 0px; 
	COLOR: #000000; 
	BACKGROUND-COLOR: #ffffff;
	FONT-SIZE: 12px; 
	FONT-FAMILY: aerial, helvetica, sans-serif;
}
TD {
	FONT-SIZE: 12px; 
	FONT-FAMILY: arial, helvetica, sans-serif;
}
TEXTAREA {
	FONT-SIZE: 12px; 
	FONT-FAMILY: arial, helvetica, sans-serif;
}

INPUT {
	FONT-SIZE: 12px; 
	FONT-FAMILY: arial, helvetica, sans-serif;
}

FORM {
	MARGIN: 0px
}
IMG {
	BORDER-RIGHT: 0px; 
	BORDER-TOP: 0px; 
	BORDER-LEFT: 0px; 
	BORDER-BOTTOM: 0px
}
A {
	COLOR: #105695; 
	TEXT-DECORATION: none
}
A:hover {
	COLOR: #105695; 
	TEXT-DECORATION: underline
}

table.resultsTableRowInfo td{
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 5px;
	vertical-align: middle;
}

table.submenuTable{
	border: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	background-color: #d6e3ec;
}

.submenuItemOff{
	padding-left: 15px;
	padding-right: 15px;
	vertical-align: middle;
	color: #003a6e;
	height: 20px;
	font-size: 12px;
}

.submenuItemOn{
	padding-left: 15px;
	padding-right: 15px;
	vertical-align: middle;
	color: #003a6e;
	height: 20px;
	font-size: 12px;
	font-weight: bold;
}

.dragbar {
  cursor: move;
}

table.bannerTable{
	border: 0;
	margin: 0;
	padding: 0;
	width: 100%;;
	vertical-align: top;
	PADDING-TOP: 10px; 
	PADDING-LEFT: 10px; 
}

TABLE.box {
}

TD.innerBoxTopLeft{
	WIDTH: 3px; HEIGHT: 26px;
}
TD.innerBoxTopRight{
	WIDTH: 3px; HEIGHT: 26px;
}
TD.innerBoxTop{
	HEIGHT: 26px;
}
TD.innerBoxLeft{
	WIDTH: 3px;
}

TD.innerBoxRight{
	WIDTH: 3px;
}

TD.innerBoxBody{
	PADDING-BOTTOM: 2px; 
	VERTICAL-ALIGN: top; 
	PADDING-TOP: 0px; 
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px
}

TD.innerBoxTitle{
	VERTICAL-ALIGN: middle; 
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	FONT-SIZE: 12px;
	COLOR: #02457d;
}

TD.innerBoxBottomLeft{
	WIDTH: 3px; HEIGHT: 3px;
}
TD.innerBoxBottomRight{
	WIDTH: 3px; HEIGHT: 3px;
}
TD.innerBoxBottom{
	HEIGHT: 3px;
}

TD.boxTopLeft{
	WIDTH: 4px; HEIGHT: 4px;
}
TD.boxTopRight{
	WIDTH: 4px; HEIGHT: 4px;
}
TD.boxTop{
	HEIGHT: 4px;
}
TD.boxLeft{
	WIDTH: 4px;
}

TD.boxRight{
	WIDTH: 4px;
}

TD.boxBody{
	PADDING-BOTTOM: 4px; 
	VERTICAL-ALIGN: middle; 
	PADDING-TOP: 4px; 
	PADDING-RIGHT: 15px;
	PADDING-LEFT: 15px
}

TD.boxBottomLeft{
	WIDTH: 4px; HEIGHT: 4px;
}
TD.boxBottomRight{
	WIDTH: 4px; HEIGHT: 4px;
}
TD.boxBottom{
	HEIGHT: 4px;
}

TD.tabActiveLeft{WIDTH: 4px; }

TD.tabActiveMiddle{
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	padding-left: 4px;
	padding-right: 4px;
}

TD.tabActiveRight{WIDTH: 4px; }

TD.tabInactiveLeft{WIDTH: 4px; }

TD.tabInactiveMiddle{
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
}
A.tabInactiveMiddle{
	color: #000000;
	font-size: 12px;
}
A.tabInactiveMiddle:hover{
	text-decoration: none;
}

A.showUnderline{
	text-decoration:underline;
}

TD.tabInactiveRight{WIDTH: 4px; }

TD.tabBoxTopRight {WIDTH: 4px; }

TD.tabBoxLeft {WIDTH: 4px; }

TD.tabBoxBottomLeft{WIDTH: 4px; }

TD.tabBoxRight{WIDTH: 4px; }

TD.tabBoxContent{
	PADDING-TOP: 5px;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 5px;
	PADDING-RIGHT: 10px;
	vertical-align: top;
}

TR.submenu{
	background-color: #cccccc;	
}
TD.submenuActive{
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	padding-left: 4px;
	padding-right: 4px;
}

TD.submenuInactive{
	font-size: 12px;
	text-align: center;
	padding-left: 4px;
	padding-right: 4px;
}

a.submenuInactive{
	COLOR: #02457d;
}

div.boxTitle{
	PADDING-TOP: 3px; 
	PADDING-BOTTOM: 3px; 
	BORDER-BOTTOM: #a3bbd3 1px solid;
	FONT-SIZE: 12px;
	COLOR: #02457d;
	font-weight: bold;
	}
	
div.titleText{
	COLOR: #02457d;
	font-weight: bold;
	font-size: 14px;
	padding-bottom: 5px;
	}
	
div.boxTitleText{
	COLOR: #02457d;
	font-weight: bold;
	}
	
.innerBoxSection{
	PADDING-TOP: 15px; 
	margin-bottom: 15px; 
	BORDER-BOTTOM: #a3bbd3 1px solid;
	}

.innerBoxSectionSmall{
	PADDING-TOP: 7px; 
	margin-bottom: 7px; 
	BORDER-BOTTOM: #a3bbd3 1px solid;
	}

.verticalDivider{
	padding-left: 10px;
	padding-right: 10px;
	BORDER-LEFT: #a3bbd3 1px solid;
}
	
label.form_label{
	PADDING-RIGHT: 5px;
	COLOR: #02457d;
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
}

label.form_label_notice{
	PADDING-RIGHT: 5px;
	COLOR: #FF0000;
	FONT-SIZE: 12px;
	FONT-STYLE: italic;
}

span.pleaseWaitMessage{
	COLOR: #02457d;
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
}

select.form_select{
	color: #02457d;
	font-size: 12px;
	font-weight: bold;
}

select.form_table_select{
	color: #02457d;
	font-size: 9px;
}

label.form_label_error{
	PADDING-RIGHT: 5px;
	COLOR: #fa0000;
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
}

.tableOriginalValue
{
	color: #fa0000;
	font-style: italic;
}

input.form_textbox
{
	padding-right: 2px;
}

input.form_table_textbox
{
	FONT-SIZE: 10px;
}

input.form_table_textbox_uppercase
{
	FONT-SIZE: 10px;
	text-transform: uppercase;
}

input.form_textbox_uppercase
{
	padding-right: 2px;
	text-transform: uppercase;
}

input.form_table_textbox_currency
{
	FONT-SIZE: 10px;
	padding-right: 2px;
	text-align: right;
}

input.form_textbox_currency
{
	padding-right: 2px;
	text-align: right;
}

.submit_button
{
	color: #02457d;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	background-color: #dfdfdf;
	border-bottom: #6b6a67 1px solid;;
	border-left: #6b6a67 1px solid;
	border-right: #6b6a67 1px solid;
	border-top: #6b6a67 1px solid
}

.sso_login_button{
	padding: 1px 6px;
}

.disabled_button
{
	color: #999999;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	background-color: #dfdfdf;
	border-bottom: #6b6a67 1px solid;;
	border-left: #6b6a67 1px solid;
	border-right: #6b6a67 1px solid;
	border-top: #6b6a67 1px solid;
}	

.save_button
{
	color: #ffffff;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	background-color: #cc0000;
	border-bottom: #6b6a67 1px solid;;
	border-left: #6b6a67 1px solid;
	border-right: #6b6a67 1px solid;
	border-top: #6b6a67 1px solid;
	width: 60px;
}

.lock_button
{
	color: #ffffff;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	background-color: #cc0000;
	border-bottom: #6b6a67 1px solid;;
	border-left: #6b6a67 1px solid;
	border-right: #6b6a67 1px solid;
	border-top: #6b6a67 1px solid;
}	

.apply_branch_button
{
	color: #ffffff;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	background-color: #08710c;
	border-bottom: #6b6a67 1px solid;;
	border-left: #6b6a67 1px solid;
	border-right: #6b6a67 1px solid;
	border-top: #6b6a67 1px solid;
}	

.apply_district_button
{
	color: #ffffff;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	background-color: #947a12;
	border-bottom: #6b6a67 1px solid;;
	border-left: #6b6a67 1px solid;
	border-right: #6b6a67 1px solid;
	border-top: #6b6a67 1px solid;
}	

.apply_region_button
{
	color: #ffffff;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	background-color: #125594;
	border-bottom: #6b6a67 1px solid;;
	border-left: #6b6a67 1px solid;
	border-right: #6b6a67 1px solid;
	border-top: #6b6a67 1px solid;
}	

.add_button
{
	color: #ffffff;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	background-color: #3366cc;
	border-bottom: #6b6a67 1px solid;;
	border-left: #6b6a67 1px solid;
	border-right: #6b6a67 1px solid;
	border-top: #6b6a67 1px solid;
	width: 60px;
}	

TABLE.noBorder TD{
	border: 0px;
	font-size: 10px;;
	}

TR.resultsHighlighted TD{
	background-color: #cccccc;
	}
	
TABLE.results TD{
	border-collapse: collapse;
	border: 1px solid #d7d7d7;
	font-size: 10px;;
	padding-left: 2px;
	padding-right: 2px;
	}
	
TR.resultsRowEven{
		}

TR.resultsRowOdd{
}

.resultsHeader {
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: #b0becb;
	color: #000000;
	font-weight: bold;
	}


TD.categoryDownArrow{
	padding-top: 5px;
	padding-bottom: 5px;
	}

TD.resultsDivider{
	border-bottom: 1px solid #979797;
}

.error{
	COLOR: #fa0000;
}
.errorHeader{
	font-weight: bold;
	COLOR: #fa0000;
}

.inaccessibleWarning{
	font-weight: bold;
	COLOR: #fa0000;
	font-size:16px;
}

label.bannerLabel{
	PADDING-RIGHT: 5px;
	COLOR: #02457d;
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
}

label.bannerModuleNameLabel{
	PADDING-RIGHT: 5px;
	COLOR: #02457d;
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
}

a.bannerLink{
	font-style:italic;
	COLOR: #02457d;
}

TR.innerBoxTableRowHeader TD{
	PADDING-BOTTOM: 9px; 
	BORDER-BOTTOM: #a3bbd3 1px solid;
	FONT-SIZE: 12px;
	COLOR: #02457d;
	font-weight: bold;
	}
	
span.menuName a{
	PADDING-BOTTOM: 15px; 
	FONT-SIZE: 15px;
	COLOR: #02457d;
	font-weight: bold;
}

span.menuDescription a{
	FONT-SIZE: 12px;
	FONT-STYLE: italic;
	COLOR: #02457d;
}

TR.filterBar TD{
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: #b0becb;
	color: #000000;
}

table.formTable tr td
{
	padding-top: 2px;
	padding-bottom: 2px;
}

.fleetNegativeAmount
{
	COLOR: #fa0000;
}

.fleetSnapshotSummaryTotals
{
	background-color: #d6e3ec;
	font-weight: bold;
}

.fleetSummaryGroupHeader
{
	padding-top: 7px;
	font-weight:bold;
	border-right: solid 1px #d7d7d7;
}

.notBalanced
{
	background-color: #ffcccc;
}

.accessLevelBranchManager
{
	background-color: #08710c;
}

.accessLevelDistrictManager
{
	background-color: #947a12;
}

.accessLevelRegionManager
{
	background-color: #125594;
}

.accessLevelLocked
{
	background-color: #cc0000;
}

.fleetEquipmentCurrencyMessage
{
	font-style: italic;
	VERTICAL-ALIGN: middle; 
	FONT-SIZE: 12px;
	COLOR: #fa0000;
}

table.scrollableResultsTable {
   	width: 99%;		/*100% of container produces horiz. scroll in Mozilla*/
}

table.scrollableResultsTable TD{
	font-size: 10px;;
	padding-left: 2px;
	padding-right: 2px;
	border-bottom: solid 1px #d7d7d7;
	border-left: solid 1px #d7d7d7;
}
	
table.scrollableResultsTable thead tr {
	position:relative;
	top: expression(offsetParent.scrollTop); /*IE5+ only*/
	}

table.scrollableResultsTable thead td {
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #b0becb;
	color: #000000;
	font-weight: bold;
}
td.scrollableTableLastCell{
	border-right: solid 1px #d7d7d7;
}

table.scrollableResultsTable td:last-child{
	padding-right: 20px;
}

img.form_checkbox{
	padding-top: 3px;
	padding-bottom: 3px;
}

img.form_radio{
	padding-top: 3px;
	padding-bottom: 3px;
}

#loading {
    position:absolute;
    width:300px;
    top:10px;
    left:50%;
    margin-left:-150px;
    text-align:center;
    padding:7px 0 0 0;
    font:bold 11px Arial, Helvetica, sans-serif;
}

.rowHighlight td
{
    background-color: #F75D59;   
}
.rowHighlight.ui-state-highlight td
{
    background-color: #F75D59;   
}

.rowHighlightHasEdit td
{
    background-color: #FFB489;   
}
.rowHighlightHasEdit.ui-state-highlight td
{
    background-color: #FFE87C;   
}

#error{
	COLOR: #fa0000;
}

.labelError{
	COLOR: #fa0000;
}

.labelNoError{
	
}

.labelSuccess{
	font:bold 15px Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.notesMessage{
	font-size: 10px;
	font-weight: bold;
}