/*************************************************************
* Global HTML Elements
**************************************************************/
BODY
{
  BACKGROUND-COLOR: #E3E3E3; FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

INPUT
{
  font-size:10px;
}

SELECT
{
  font-size:10px;
}

A
{
  COLOR:black; text-decoration: underline;
}

A:HOVER
{
  COLOR:gold;text-decoration: underline;
}

A:VISITED
{
  COLOR:#999999; text-decoration: underline;
}

A:ACTIVE
{
  COLOR:red;text-decoration: underline;
}

/*************************************************************
* Common Style Classes
**************************************************************/
.MainTable
{
  BORDER: 2px solid #464646; BACKGROUND-COLOR: #FFFFFF;
}

.TitleBar
{
  COLOR: #FFFFFF; Padding:6px; BACKGROUND-COLOR: #000000; BORDER-BOTTOM: 2px solid #FFD426;
}

.Title
{
  FONT-WEIGHT: bold; FONT-SIZE: 14pt; COLOR: #FFFFFF; TEXT-DECORATION: none
}

.AcctBar
{
  BACKGROUND-COLOR: #FFFFFF; BORDER-BOTTOM: 1px solid #FFD426;
}

.AcctItem
{
  BACKGROUND-COLOR: #333333; BORDER-BOTTOM: 1px solid #FFD426; BORDER-TOP: 1px solid #666666;TEXT-ALIGN: center; FONT-WEIGHT: normal; FONT-SIZE: 7pt; COLOR: #FFFFFF; TEXT-DECORATION: none
}

.MainMenuBar
{
  BACKGROUND-COLOR: #FFFFFF; /*BORDER-BOTTOM: 2px solid #FFD426;*/ 
}

.MainMenuItem
{
   border-top:1px solid #999999; BACKGROUND-COLOR: #e3e3e3; COLOR: #000000; TEXT-ALIGN: center; TEXT-DECORATION: none; FONT-WEIGHT: normal; FONT-SIZE: 8pt;  TEXT-DECORATION: none; CURSOR: pointer; CURSOR: hand;
}

.MainMenuItemSel
{
  /*border-top:2px solid #666666;*/ BACKGROUND-COLOR: #333333; FONT-STYLE: normal; COLOR: #FFD426; TEXT-ALIGN: center; FONT-WEIGHT: bold; FONT-SIZE: 8pt; TEXT-DECORATION: none;
}

.MainMenuItemEmph
{
  border-top:1px solid #9e9e9e; BACKGROUND-COLOR: #e3e3e3; COLOR: red; TEXT-ALIGN: center; FONT-WEIGHT: bold; FONT-SIZE: 8pt; TEXT-DECORATION: none; CURSOR: pointer; CURSOR: hand;
}

.MainMenuItemHover
{
  BORDER: 2px SOLID #000000; BACKGROUND-COLOR: #336699; COLOR: gold; FONT-WEIGHT: normal; TEXT-ALIGN: center; FONT-SIZE: 8pt; TEXT-DECORATION: none; CURSOR: pointer; CURSOR: hand;
}

.MainMenuLeftOver
{
  border-top:1px solid #999999; BACKGROUND-COLOR: #e3e3e3; COLOR: gray; TEXT-ALIGN: center; TEXT-DECORATION: none; FONT-WEIGHT: normal; FONT-SIZE: 8pt;  TEXT-DECORATION: none; CURSOR: pointer; CURSOR: hand;
}

.SecMenuBar
{
  BORDER-BOTTOM: 1px solid #E3E3E3; BACKGROUND-COLOR: #333333; /*BORDER-TOP: 2px solid #000000;*/ COLOR: #FFFFFF;
}

.SecMenuItem
{
  /*border-top:2px solid #666666;*/ BACKGROUND-COLOR: #333333; TEXT-ALIGN: center; FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #FFFFFF; TEXT-DECORATION: none; CURSOR:pointer; CURSOR: hand;
}

.SecMenuItemEnd
{
  BACKGROUND-COLOR: #FFFFFF; TEXT-ALIGN: center; FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #000000; TEXT-DECORATION: none; CURSOR:pointer; CURSOR: hand;
}

.SecMenuItemSel
{
  BACKGROUND-COLOR: #333333; /*border-top:2px solid #666666;*/ TEXT-ALIGN: center; FONT-STYLE: normal; FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #FFD426; TEXT-DECORATION: none; CUROR:pointer; CURSOR: hand;
}

.SecMenuLeftOver
{
  /*border-top:2px solid #666666;*/ BACKGROUND-COLOR: #333333 ; padding:4px;TEXT-ALIGN: center; TEXT-DECORATION: none; FONT-WEIGHT: normal; FONT-SIZE: 8pt;  TEXT-DECORATION: none; CURSOR: pointer; CURSOR: hand;
}


.SecMenuItemNoCursor
{
  BACKGROUND-COLOR: #333333;9:45 AM 6/2/2006 TEXT-ALIGN: center; FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #FFFFFF; TEXT-DECORATION: none;
}

.SingleMenuBar
{
  BORDER-BOTTOM: 1px solid #E3E3E3; BACKGROUND-COLOR: #333333; /*BORDER-TOP: 2px solid #000000;*/ COLOR: #FFFFFF;
}

.SingleMenuItem
{
  /*border-top:2px solid #666666;*/ BACKGROUND-COLOR: #333333; TEXT-ALIGN: center; FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #FFFFFF; TEXT-DECORATION: none; CURSOR:pointer; CURSOR: hand;
}

.SingleMenuItemEmph
{
  BACKGROUND-COLOR: #333333; TEXT-ALIGN: center; FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: red; TEXT-DECORATION: none; CURSOR:pointer; CURSOR: hand;
}

.SingleMenuItemSel
{
  BACKGROUND-COLOR: #333333; /*border-top:2px solid #666666;*/ TEXT-ALIGN: center; FONT-STYLE: normal; FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #FFD426; TEXT-DECORATION: none; CUROR:pointer; CURSOR: hand;
}

.SingleMenuLeftOver
{
  /*border-top:2px solid #666666;*/ BACKGROUND-COLOR: #333333 ; padding:4px;TEXT-ALIGN: center; TEXT-DECORATION: none; FONT-WEIGHT: normal; FONT-SIZE: 8pt;  TEXT-DECORATION: none; CURSOR: pointer; CURSOR: hand;
}

.SingleMenuItemNoCursor
{
  BACKGROUND-COLOR: #333333;9:45 AM 6/2/2006 TEXT-ALIGN: center; FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #FFFFFF; TEXT-DECORATION: none;
}

.Content
{
  BORDER-BOTTOM: 1px solid #999999; BORDER-TOP: 1px solid #999999; COLOR: gold; FONT-SIZE: 8pt; BACKGROUND-COLOR: #FFFFFF; COLOR: #000000;
}

.SectionHeader
{
  FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000000; TEXT-DECORATION: none; FONT-FAMILY: Verdana, Arial
}
.LogonSectionHeader
{
  FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #FFFFFF; TEXT-DECORATION: none; FONT-FAMILY: Verdana, Arial
}
.BottomBar
{
  COLOR: #FFFFFF; TEXT-ALIGN: center; FONT-SIZE:10px; BACKGROUND-COLOR: #000000;
}

.BottomMenuBar
{
  BACKGROUND-COLOR: #FFD426; BORDER-TOP: 2px solid #666666; BORDER-BOTTOM: 2px solid #666666;
}

.BottomMenuItem
{
  COLOR: #000000; TEXT-ALIGN: center; TEXT-DECORATION: none; FONT-WEIGHT: normal; FONT-SIZE: 8pt;  TEXT-DECORATION: none; CURSOR: pointer; CURSOR: hand;
}

.BottomMenuItemEmph
{
  COLOR: red; TEXT-ALIGN: center; FONT-WEIGHT: bold; FONT-SIZE: 8pt; TEXT-DECORATION: none; CURSOR: pointer; CURSOR: hand;
}

.MainVehicleListHeader
{
  BACKGROUND: #FFFFFF; COLOR: #000000; TEXT-ALIGN: center; FONT-WEIGHT: normal;
}

.Footer
{
  COLOR: #666666; TEXT-ALIGN: center; FONT-SIZE:10px;
}

.Div
{
  POSITION: static; DISPLAY: none; TEXT-ALIGN: center;
}

.Panel
{
  COLOR: #000000; /*WIDTH: 525px;*/ MARGIN: 5px; FONT-SIZE: 10px;
}

.Form
{
  MARGIN: 0px;
}

.Header
{
  COLOR: #000000; BACKGROUND-COLOR: transparent; HEIGHT: 20px;
}

.EventTextBox
{
  width:50px;
}

.PageNote
{
  color:red;
}

/*************************************************************
* Logon.htm Style Classes
**************************************************************/
.DemoTitle
{
  color:black; font-size:14pt; font-family:Verdana; font-weight:Bold; text-align:center; text-decoration:none
}

.LogonMessage
{
  FONT-SIZE: 12px; COLOR: #000000;
}

.LogonForm
{
  PADDING: 10px;
}

.LogonTable
{
  COLOR: #000000; FONT-WEIGHT: bold; FONT-SIZE: 11px;
}

.LogonTable
{
  color:black; font-weight:bold; font-size:11px;
}

.LogonLanguage
{
  color:black; font-weight:normal; font-size:11px;
}

.AccountInfoTable
{
  font-size:10px;  margin:2px; border:1px solid #444444; 
}

.AddFunds
{
  font-size:10px; font-weight:bold; cursor:pointer; cursor:hand; color:#FFD700;
}

/*************************************************************
* Main.htm Style Classes
**************************************************************/
.ReportParamDiv
{
  position:static; display:none; z-index:1;
}

.ReportDateTable
{
  font-size:10px; color:black;
}

.TargetAttribDiv
{
  position:static; display:none;
}

.TargetAttribSelect
{
  font-size:10px;
}

.CannedMessageLink
{
  font-size:11px; color:blue; cursor:pointer; cursor:hand;
}

.ProgressBody
{
  color:#666666; background-color:#E3E3E3;
}

.ProgressTable
{
  background-color:#FFFFFF; width:300px; color:#000000; font-weight:bold; font-size:12px; margin:20px;/*  border:4px solid #333333;*/
}

.ProgressFooter
{
  color:#000000; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

.PercentageBar
{
  width:200px;  
}

.PercentDone
{
  width:0%; height:17px; background-color:#FFD426;
}

.PercentLeft
{
  width:100%; background-color:#333333;
}

.ProgressCompleteDiv
{
  width:100%; height:100%; color:#000000; background-color:#000000; display:none; margin: 0px; padding: 0px; top:0px; left:0px; position:absolute; text-align:center; font-weight:bold;
}

.ProgressCompleteText
{
  color:#000000; font-weight:bold;
}

.outputbutton
{
  font-size:10px; width:150px;
}

/*************************************************************
* Account.htm Style Classes
**************************************************************/
.SettingsStatus
{
  color:red; font-size:12px;
}

.TargetPagingDiv
{
  position:static; display:none;
}

.TargetPagingSelect
{
  font-size:10px;
}

.TargetPagingLink
{
  color:black; font-size:10px; visibility:hidden;
}

.VehicleSettingsTable
{
  WIDTH: 500px; border: 1px solid #000000; background: #000000; font-size: 7pt; text-aligin: center;
}

.VehicleSettingsTableHeader
{
  HEIGHT:21px; border-bottom: 1px solid #000000; color: #FFFFFF; background: #000000; font-size: 11px; font-weight: normal;
}

.VehicleSettingsRow
{
  COLOR: #FFFFFF; BACKGROUND: #5A5959;
}

.VehicleSettingsAltRow
{
  COLOR: #FFFFFF; BACKGROUND: #999797;
}

.LocationSettingsTable
{
  WIDTH: 500px; border: 1px solid #000000; background: #000000; font-size: 7pt; text-aligin: center;
}

.LocationSettingsTableHeader
{
  HEIGHT:21px; border-bottom: 1px solid #000000; color: #FFFFFF; background: #00000; font-size: 11px; font-weight: normal;
}

.LocationSettingsRow
{
  COLOR: white; BACKGROUND: #5A5959;
}

.LocationSettingsAltRow
{
  COLOR: #FFFFFF; BACKGROUND: #999797;
}

.UserNoteTable
{
  WIDTH: 500px; border: 1px solid #000000; background: #000000; font-size: 7pt; text-aligin: center;
}

.UserNoteRow
{
  COLOR: white; BACKGROUND: #5A5959;
}

.UserNoteAltRow
{
  COLOR: #FFFFFF; BACKGROUND: #999797;
}

.UserNoteDeleteLink
{
  color: gold;
}

.TriggerSelectionBox
{
  color:white; border:1px solid white; font-size:10px;
}

/*************************************************************
* Popup.htm & TextPopup.htm Style Classes
**************************************************************/

.PopupTitle
{
  font-weight:normal; font-size:10pt; color:white; text-decoration:none
}

.MapPopupTitle
{
  padding:5px; color:white; font-size:16px; font-weight:bold; font-family:Arial;
}

.MapPopupInfoMsg
{
  font-weight:bold; text-align:center; width:100%;
}

.MainMapMenuBar
{
  BACKGROUND-COLOR: #333333; BORDER-BOTTOM: 2px solid #FFD426;BORDER-TOP: 2px solid #000000;
}

.MainMapMenuItem
{
  BACKGROUND-COLOR: #FFFFFF; BORDER: 1px solid gold; COLOR: #000000; TEXT-ALIGN: center; TEXT-DECORATION: none; FONT-WEIGHT: normal; FONT-SIZE: 8pt;  TEXT-DECORATION: none; CURSOR: pointer; CURSOR: hand;
}

.MainMapMenuItemSel
{
  BORDER: 1px solid gray; BACKGROUND-COLOR: #000000; FONT-STYLE: italic; COLOR: #000000; TEXT-ALIGN: center; FONT-WEIGHT: normal; FONT-SIZE: 8pt; TEXT-DECORATION: none; CURSOR: pointer; CURSOR: hand;
}

.MainMapMenuItemHover
{
  BACKGROUND-COLOR: 333333; COLOR: #FFD426; FONT-WEIGHT: bold; TEXT-ALIGN: center; FONT-SIZE: 8pt; TEXT-DECORATION: none; CURSOR: pointer; CURSOR: hand;
}

.MapPopupTitle
{
  PADDING:5px; COLOR: #000000; font-size:16px; font-weight:bold; font-family:Arial;
}

.TextPopupTable
{
  WIDTH: 450px; BORDER: 2px solid #000000; BACKGROUND-COLOR: #000000;
}

.TextPopupOpsTable
{
  BACKGROUND-COLOR: #000000; COLOR: #000000; font-size:10px; BORDER: 1px solid #000000;
}

.MapPopupOpsPanel
{
  COLOR: #000000; PADDING: 5px; font-size:10px;
}

.MapPopupMapPanel
{
  PADDING: 5px; text-align:center; font-size:10px;
}

.MapPopupImage
{
  CURSOR: arrow; /*border:1px solid #FFFFFF;*/
}

.MapPopupMapSizeButton
{
  PADDING: 1 2 1 2; BORDER: 1px solid gold; BACKGROUND-COLOR: #5A5959; COLOR: #FFFFFF; font-size:9px; CURSOR: pointer; CURSOR: hand;
}

.MapPopupMapSizeButtonSelected
{
  PADDING: 1 2 1 2; BORDER: 1px solid black; BACKGROUND-COLOR: #FFD426; COLOR: #000000; font-size:9px; CURSOR: pointer; CURSOR: hand;
}

.MapPopupMapSizeButtonHover
{
  PADDING: 1 2 1 2; BORDER: 1px solid black; BACKGROUND-COLOR: #FFD426; COLOR: #000000; font-size:9px; CURSOR: pointer; CURSOR: hand;
}

.MapPopupZoomButton
{
  PADDING: 1 2 1 2; BORDER: 1px solid gold; BACKGROUND-COLOR: #5A5959; COLOR: white; font-size:9px; CURSOR: pointer; CURSOR: hand;
}

.MapPopupZoomButtonSelected
{
  PADDING: 1 2 1 2; BORDER: 1px solid black; BACKGROUND-COLOR: #FFD426; COLOR: #000000; font-size:9px; CURSOR: pointer; CURSOR: hand;
}

.MapPopupZoomButtonHover
{
  PADDING: 1 2 1 2; BORDER: 1px solid black; BACKGROUND-COLOR: #FFD426; COLOR: #000000; font-size:9px; CURSOR: pointer; CURSOR: hand;
}

.MapPopupButtons
{
  text-align:center; spacing: 4px;padding-left: 4; padding-right: 4; background-color: #444444; color: #000000; font-size: 11px; font-weight: bold; border: 1px solid #000000; cursor:pointer; cursor:hand;
}

.MapPopupDirectionButton
{
  background-color:gold; color: #000000; font-size: 10px; text-align: center; cursor: pointer; cursor: hand;
}

.MapPopupDirectionCornerButton
{
  background-color:gold; padding:2px; color: #000000; font-size: 10px; text-align: center; cursor: pointer; cursor: hand;
}

.MapPopupPaging
{
  padding:5px; visibility:hidden;
}

.MapPopupPagingDiv
{
  position:static; display:none; text-align:center;
}

.MapPopupPagingSelect
{
  font-size:10px;
}

.MapPopupPagingLink
{
  font-size:10px; visibility:hidden;
}

.MapPopupMapDiv
{
  position:static; display:none; text-align:center;
}

.MapPopupMapSelect
{
  font-size:10px;
}

.MapPopupDayLink
{
  font-size:10px; font-weight:normal;
}

.MapPopupMenuDiv
{
  position:absolute; display:none;
}

.MapPopupMenu
{
  border-top:#D4D0C8 1px solid; border-bottom:#404040 1px solid; border-left:#D4D0C8 2px solid; border-right:#404040 1px solid; width:160px;  top:0px; left:0px; 
}

.MapPopupMenuTopBottomSep
{
  position:static; top:0px; left:0px; color:black; font-size:8pt; font-family:verdana; cursor:pointer; cursor:hand; border-top:white 1px solid; border-bottom:#404040 1px solid; border-left:white 1px solid; border-right:#404040 1px solid; padding-left:15px; padding-top:2px; padding-bottom:2px; background:#D4D0C8;
}

.MapPopupMenuTopSep
{
  position:static; top:0px; left:0px; color:black; font-size:8pt; font-family:verdana; background:#D4D0C8; border-top:white 1px solid; border-left:white 1px solid; border-right:#404040 1px solid; padding-left:15px; padding-top:2px; padding-bottom:2px; cursor:pointer; cursor:hand;
}

.MapPopupMenuBottomSep
{
  position:static; top:0px; left:0px; color:black; font-size:8pt; font-family:verdana; background:#D4D0C8; border-bottom:black 1px solid; border-left:white 1px solid; border-right:#404040 1px solid; padding-left:15px; padding-top:2px; padding-bottom:2px; cursor:pointer; cursor:hand;
}

.MapPopupMenuNoSep
{
  position:static; top:0px; left:0px; color:black; font-size:8pt; font-family:verdana; background:#D4D0C8; border-left:white 1px solid; border-right:#404040 1px solid; padding-left:15px; padding-top:2px; padding-bottom:2px; cursor:pointer; cursor:hand;
}

.MapPopupPointDiv
{
  position:absolute; display:none;
}

.StatTable
{
  border: 2px solid #000000; color: #000000; background: #FFFFFF; font-family: Verdana, Arial; font-size: 8pt; text-aligin: center;
}

.StatTableHeader
{
  text-align: center; color: #000000; background: #FFFFFF; font-size: 11px; font-weight: bold; border-bottom:1px solid #000000;
}

.StatTableData
{
  text-align: center; color: #000000; background: #FFFFFF; font-size: 10px; border-bottom:1px solid #000000; border-left:1px solid #000000;
}

.StatTableRow
{ 
  color: #000000; background: #FFFFFF;
}

.StatTableAltRow
{ 
  color: #000000; background: #EFEFEF;
}

.StateTable
{
  width:98%; border: 2px solid white; background: #000000; font-family: Verdana, Arial; font-size: 8pt; text-align: center;
}

.StateTableHeader
{
  text-align: center;border-bottom: 1px solid white; color: white; background: #000000; font-size: 11px; font-weight: bold;
}

.StateTableRow
{ 
  color: black; background: #e3e3e3;
}

.StateTableAltRow
{ 
  color: black; background: #EEEEEE;
}


.StateTableStopRow
{ 
  color:black;
}

.StateTableTravelRow
{ 
  color:white; background:#5588bb;
}

.StateLocation
{
  font-weight:bold;
}

.StateTableOverLimit
{
  font-weight:bold; color:red;
}

.StateTableNearLimit
{
  font-weight:bold; color:yellow;
}

.StateDiv
{
  color:black; background:#FFFFCC; font-size:11px; border:0.2mm solid black; margin:0; padding:.5mm; position:absolute; visibility:visible; display:block;
}

.GeoStateDiv
{
  color:black; background:white; border:0.2mm solid black; margin:0; padding:.1mm; position:absolute; visibility:visible; display:block;
}

.GeoStateTable
{
  font-size:10px;
}

.GeoStateTableRow
{
}

.GeoStateTableLabel
{
  font-weight:bold;
}

.GeoStateTableName
{
  background:#CCCCCC; border-bottom:1px solid black; font-weight:bold;
}

.GeoStateTableLinkRow
{
  background:#CCCCCC; border-top:1px solid black; text-align:center;
}

.GeoStateTableRowLink
{
  color:blue;
}

#DisplayOptions
{
  text-decoration:underline; cursor:pointer; cursor:hand;
}

#DisplayOpsDiv
{
  color:white; background:#336699; border:0.2mm solid white; margin:0 0 0 0; padding:0 0 0 0; position:absolute; visibility:visible; display:block;
}

/*************************************************************
* ReportTemplate.htm Style Classes
**************************************************************/
.ReportImage
{
  border:2px solid #00396B;
}

.StatTable
{
 border:2px solid white; background:#00396B; font-family:Verdana, Arial; font-size:8pt; text-align:center;
}

.StatTableData
{
  color:white; background:#5588bb;
}

.StatTableHeader
{
  text-align:center; color:white; background:#00396B; font-size:11px; font-weight:bold;
}

/*************************************************************
* Admin.htm Style Classes
**************************************************************/
.AdminStatus
{
  width:100%; text-align:center; color:black; font-weight:bold;
}

.AdminInfo
{ 
  color:white; font-size:10px;
}

.AdminContactInfoTable
{
  color:black; border:1px solid white; font-size:10px; width:100%;
}

.AdminUserConfigTable
{
  color:black; border:1px solid white; font-size:10px; width:100%;
}

.AdminTextField
{
  width:100px;
}

.AdminUserSettingField
{
  width:100px;
}

.AdminButton
{
  width:100px;
}

.AdminDebugButton
{
  width:160px;
}