/*************************************************************
* Global HTML Elements
**************************************************************/
BODY
{
  background-color: #FFFFFF; font-weight: normal; font-size: 12px; color: black; font-family: Verdana, Arial, Helvetica, sans-serif; background-image: url(../images/background.jpg);
}

INPUT
{
  font-size:11px;
}

SELECT
{
  font-size:11px;
}

A
{
  color: #032855; text-decoration: underline;
}

A:HOVER
{
  color: #B2B00B; text-decoration: none;
}

A:VISITED
{
  color: #032855; text-decoration: underline;
}

A:ACTIVE
{
  color: #B2B00B; text-decoration: none;
}

/*************************************************************
* Common Style Classes
**************************************************************/
.MainTable
{
  border: 2px solid #000000; background-color: #032855;
}

.TitleBar
{
  padding:6px; background-color: white; border-bottom: 2px solid #B2B00B;
}

.Title
{
  font-weight: bold; font-size: 14pt; color: black; text-decoration: none;
}

.AcctBar
{
  background-color: black; /*border-bottom: 1px solid #B2B00B;*/
}

.AcctItem
{
   border-bottom: 1px solid #B2B00B; background-color: black; text-align: center; font-weight: normal; font-size: 7pt; color: white; text-decoration: none;
}

.MainMenuBar
{
  background-color: CCCCCC; border-top:3px solid black;
}

.MainMenuItem
{
  border-bottom: 1px solid white; background-color: black; color: white; text-align: center; text-decoration: none; font-weight: normal; font-size: 8pt;  text-decoration: none; cursor: pointer; cursor: hand;
}

.MainMenuItemSel
{
  border-left: 1px solid white; border-top: 1px solid white; border-right: 1px solid white; background-color: #032855; color: white; text-align: center; font-weight: bold; font-size: 8pt; text-decoration: none;
}

.MainMenuItemEmph
{
  border-bottom: 1px solid white; background-color: black; color: B2B00B; text-align: center; font-weight: bold; font-size: 8pt; text-decoration: none; cursor: pointer; cursor: hand;
}

.MainMenuItemHover
{
  border: 1px solid white; background-color: #032855; color: gold; font-weight: normal; text-align: center; font-size: 8pt; text-decoration: none; cursor: pointer; cursor: hand;
}

.MainMenuLeftOver
{
  border-bottom: 1px solid white; background-color: black; color: white; text-align: center; text-decoration: none; font-weight: normal; font-size: 8pt;  text-decoration: none; cursor: pointer; cursor: hand;
}

.SecMenuBar
{
  border-bottom: 1px solid white; background-color: #032855; /*border-top: 1px solid #5A5A5A;*/ color: white;
}

.SecMenuItemNocursor
{
  background-color: #032855; text-align: center; font-weight: normal; font-size: 8pt; color: white; text-decoration: none;
}

.SecMenuItem
{
  background-color: #032855; text-align: center; font-weight: normal; font-size: 8pt; color: white; text-decoration: none; cursor:pointer; cursor: hand;
}

.SecMenuItemEnd
{
  background-color: black; text-align: center; font-weight: normal; font-size: 8pt; color: white; text-decoration: none; cursor:pointer; cursor: hand;
}

.SecMenuItemSel
{
  background-color: #032855; text-align: center; font-style: normal; font-weight: bold; font-size: 8pt; color: B2B00B; text-decoration: none; cursor:pointer; cursor: hand;
}

.SingleMenuBar
{
  border-bottom: 1px solid white; background-color: #032855; /*border-top: 1px solid #5A5A5A;*/ color: white;
}

.SingleMenuItemNocursor
{
  background-color: #032855; text-align: center; font-weight: normal; font-size: 8pt; color: white; text-decoration: none;
}

.SingleMenuItem
{
  background-color: #032855; text-align: center; font-weight: normal; font-size: 8pt; color: white; text-decoration: none; cursor:pointer; cursor: hand;
}

.SingleMenuItemEnd
{
  background-color: black; text-align: center; font-weight: normal; font-size: 8pt; color: white; text-decoration: none; cursor:pointer; cursor: hand;
}

.SingleMenuItemSel
{
  background-color: #032855; text-align: center; font-style: normal; font-weight: bold; font-size: 8pt; color: B2B00B; text-decoration: none; cursor:pointer; cursor: hand;
}

.SingleMenuItemEmph
{
  background-color: #032855; text-align: center; font-style: normal; font-weight: bold; font-size: 8pt; color: B2B00B; text-decoration: none; cursor:pointer; cursor: hand;
}

.Content
{
  border-bottom: 1px solid white; font-size: 8pt; background-color: #032855; color: WHITE;
}

.SectionHeader
{
  font-weight: bold; font-size: 11px; color: B2B00B; text-decoration: none; font-family: Verdana, Arial;
}

.BottomBar
{
  color: white; text-align: center; font-size:10px; background-color: #B2B00B;
}

.BottomMenuBar
{
  background-color: #06396C; border-top: 1px solid white; border-bottom: 1px solid white;
}

.BottomMenuItem
{
  color: white; text-align: center; text-decoration: none; font-weight: normal; font-size: 8pt;  text-decoration: none; cursor: pointer; cursor: hand;
}

.BottomMenuItemEmph
{
  color: B2B00B; text-align: center; font-weight: bold; font-size: 8pt; text-decoration: none; cursor: pointer; cursor: hand;
}

.MainVehicleListHeader
{
  background: black; color: white; text-align: center; font-weight: normal;
}

.Footer
{
  color: black; text-align: center; font-size:10px;
}

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

.Panel
{
  color: white; /*width: 525px;*/ MARGIN: 5px; font-size: 10px;
}

.Form
{
  margin: 0px;
}

.Header
{
  color: white; background-color: transparent; HEIGHT: 20px;
}


.EventTextBox
{
  width:50px;
}

.PageNote
{
  color:#B2B00B;
}

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

.LogonMessage
{
  font-size: 12px; color: black;
}

.LogonForm
{
  margin: 0px; padding: 5px;
}

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

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

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

.AddFunds
{
  font-size: 11px; font-weight: bold; cursor:pointer; cursor:hand; color:gold;
}

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

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

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

.TargetAttribSelect
{
  font-size: 10px;
}

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

.style2
{
  background-color: #032855; border-bottom: 1px solid #5A5A5A; text-align: center; font-weight: normal; font-size: 7pt; color: white; text-decoration: none;
}

.SpeedOptions
{
  position:absolute; display:none; border: 2px solid #444444; background: #000000; padding: 5 5 5 5;
}

.GeofenceOptions
{
  position:absolute; display:none; border: 2px solid #444444; background: #000000; padding: 5 5 5 5;
}

.ProgressBody
{
  color:white; background:#032855; margin: 0 0 0 0;
}

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

.ProgressFooter
{
  color:white; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;
}

.PercentageBar
{
  width:200px;  
}

.PercentDone
{
  width:0%; height:17px; background:#B2B00B;
}

.PercentLeft
{
  width:100%; background:white;
}

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

.ProgressCompleteText
{
  color:white; font-weight:bold;
}

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

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

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

.TargetPagingSelect
{
  font-size: 10px;
}

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

.VehicleSettingsTable
{
  width: 500px; border: 1px solid white; background: #032855; font-size: 7pt; text-align: center;
}

.VehicleSettingsTableHeader
{
  HEIGHT:21px; border-bottom: 2px solid white; color: white; background: #032855; font-size: 11px; font-weight: normal;
}

.VehicleSettingsRow
{
  color: white; background: #B2B00B;
}

.VehicleSettingsAltRow
{
  color: black; background: white;
}

.LocationSettingsTable
{
  width: 500px; border: 1px solid white; background: #032855; font-size: 7pt; text-align: center;
}

.LocationSettingsTableHeader
{
  HEIGHT:21px; border-bottom: 2px solid white; color: white; background: #032855; font-size: 11px; font-weight: normal;
}

.LocationSettingsRow
{
  color: white; background: #B2B00B;
}

.LocationSettingsAltRow
{
  color: black; background: white;
}

.UserNoteTable
{
  width: 500px; border: 1px solid white; background: #032855; font-size: 7pt; text-align: center;
}

.UserNoteRow
{
  color: white; background: #B2B00B;
}

.UserNoteAltRow
{
  color: black; background: white;
}

.UserNoteDeleteLink
{
  color: B2B00B; text-decoration: underline;
}

.EventTable
{
  color:#B2B00B; font-size: 10px;
}

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

.accounttxtfld
{
  width:100px;
}

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

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

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

.MainMapMenuBar
{
  background-color: black; border-bottom: 1px solid #B2B00B;
}

.MainMapMenuItem
{
  background-color: #032855; border: 1px solid white; color: white; 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: #032855; font-style: italic; color: white; text-align: center; font-weight: normal; font-size: 8pt; text-decoration: none; cursor: pointer; cursor: hand;
}

.MainMapMenuItemHover
{
  border: 1px solid white; background-color: #B2B00B; color: white; font-weight: normal; text-align: center; font-size: 8pt; text-decoration: none; cursor: pointer; cursor: hand;
}

.TextPopupTable
{
  width: 450px; border: 2px solid black; background-color: #032855;
}

.TextPopupOpsTable
{
  background-color: #032855; color: WHITE; font-size:10px; border: 1px solid white;
}

.MapPopupOpsPanel
{
  color: white; padding: 5px; font-size:10px;
}

.MapPopupMapPanel
{
  padding: 5px; text-align:center; font-size:10px;
}
.MapPopupMapCell
{
  background-color: white; border: 0px solid white;
}

.MapPopupImage
{
  cursor: arrow; border:1px solid white;
}

.MapPopupMapSizeButton
{
  border: 1px solid white; background-color: #B2B00B; color: white; font-size:9px; cursor: pointer; cursor: hand;
}

.MapPopupMapSizeButtonSelected
{
  border: 1px solid white; background-color: #032855; color: white; font-size:9px; cursor: pointer; cursor: hand;
}

.MapPopupMapSizeButtonHover
{
  border: 1px solid white; background-color: #032855; color: white; font-size:9px; cursor: pointer; cursor: hand;
}

.MapPopupZoomButton
{
  padding: 1 2 1 2; border: 1px solid white; background-color: #B2B00B; color: white; font-size:9px; cursor: pointer; cursor: hand;
}

.MapPopupZoomButtonSelected
{
  padding: 1 2 1 2; border: 1px solid white; background-color: #032855; color: white; font-size:9px; cursor: pointer; cursor: hand;
}

.MapPopupZoomButtonHover
{
  padding: 1 2 1 2; border: 1px solid white; background-color: #032855; color: white; font-size:9px; cursor: pointer; cursor: hand;
}

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

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

.MapPopupDirectionCornerButton
{
  padding:3px; background-color: #B2B00B; color: white; font-size: 10px; text-align: center; cursor: pointer; cursor: hand;
}

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

.MapPopupPagingDiv
{
  position:normal; display:none; width:100%; text-align:center;
}

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

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

.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;
}

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

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

.StateTableRow
{
  color: white; background: #B2B00B;
}

.StateTableAltRow
{ 
  color:black; background:white;
}

.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:#000000; border:0.2mm solid white; margin:0 0 0 0; padding:0 0 0 0; position:absolute; visibility:visible; display:block;
}

#DateTimeForm
{
  margin: 0 0 0 0;
}

#DateTimeTable
{
  font-size: 8pt; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;
}

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

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

.StatTableData
{
  color:white; background:#B2B00B;
}

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

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

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

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

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

.AdminTextField
{
  width:100px;
}

.AdminUserSettingField
{
  width:100px;
}

.AdminButton
{
  width:100px;
}

.AdminDebugButton
{
  width:160px;
}