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

INPUT
{
  font-size: 11px;
}

SELECT
{
  font-size: 11px;
}

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

A:HOVER
{
  color: black; text-decoration: none;
}

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

A:ACTIVE
{
  color: white; text-decoration: none;
}

/*************************************************************
* Common Style Classes
**************************************************************/
.MainTable
{
  border: 2px solid WHITE; background-color: #DA653C; color: black;
}

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

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

.AcctBar
{
  background-color: black; border-bottom: 2px solid #5A5A5A
}

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

.MainMenuBar
{
  background-color: black; border-top: 1px solid #000000;
}

.MainMenuItem
{
  border-bottom: 1px SOLID #EEEEEE; background-color: #DA653C; color: #EEEEEE; text-align: center; text-decoration: none; font-weight: normal; font-size: 8pt;  text-decoration: none; cursor: pointer; cursor: hand;
}

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

.MainMenuItemEmph
{
  border-bottom: 1px SOLID #EEEEEE; background-color: #DA653C; color: GOLD; text-align: center; font-weight: bold; font-size: 8pt; text-decoration: none; cursor: pointer; cursor: hand;
}

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

.MainMenuLeftOver
{
  border-bottom: 1px SOLID #EEEEEE; background-color: #DA653C; height:26px; color: gray; text-align: center; text-decoration: none; font-weight: normal; font-size: 8pt;  text-decoration: none; cursor: pointer; cursor: hand;
}

.SecMenuBar
{
  border-bottom: 2px solid #000000; background-color: #DA653C;
}

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

.SecMenuItem
{
  border-bottom: 1px SOLID #EEEEEE; background-color: #000000; height:30px; text-align: center; font-weight: normal; font-size: 8pt; color: #EEEEEE; text-decoration: none; cursor: pointer; cursor: hand;
}

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

.SecMenuItemSel
{
  border-bottom: 1px SOLID #EEEEEE; background-color: #000000; text-align: center; font-style: normal; font-weight: bold; font-size: 8pt; color: white; text-decoration: none; cursor:pointer; cursor: hand;
}

.SingleMenuBar
{
  background-color: black;
  border-bottom: 2px solid #FFFFFF;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #FFFFFF;
}

.SingleMenuItem
{
  border: 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;
}

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

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

.SecMenuLeftOver
{
  border-bottom: 1px SOLID #EEEEEE; background-color: #000000;
}

.Content
{
  border-bottom: 1px solid #DA653C; color: GOLD; font-size: 8pt; background-color: #EEEEEE; color: black;
}

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

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

.BottomMenuBar
{
  background-color: #DA653C; border-top: 1px solid #EEEEEE; border-BOTTOM: 1px solid #EEEEEE;
}

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

.BottomMenuItemEmph
{
  color: GOLD; 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: WHITE; text-align: center; font-size:10px;
}

.Div
{
  position: normal; DISPLAY: none; text-align: center;
}

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

.Form
{
  margin: 0px;
}

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

.Eventtextbox
{
  width:50px;
}

/*************************************************************
* Logon.htm Style Classes
**************************************************************/

body.logonBody
{
 color: black; background-color:#000000; font-weight:normal; font-size:12px; font-family:Verdana, Arial, Helvetica, Sans-Serif; 
  background-image:url(background.png);
  padding: 0px;
  margin: 0px;
}

.LogoSectionHeader
{
  font-weight: bold;
  font-size: 11px;
  color: #000000;
  text-decoration: none;
  font-family: Verdana, Arial;
  color: white;
  background-image: url('logo.jpg');
  background-color: #000000; /* border-bottom: 2px solid #BE1704;*/
  height: 96px;
  background-position: center center;
  background-repeat: no-repeat;
 
}

.LogonControl
{
  text-align: center;
  padding: 0px;
  margin: 0px;
}



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

.LogonForm
{
  margin: 0px; padding: 5px; background-color: #DA653C;
}

.LogonTable
{
  border: 2px solid #FFFFFF;
  color: white;
  background-color: #DA653C;
  font-weight: normal;
  font-size: 11px;
  padding: 0px;
  margin: 0px;
}

.logonInputTable /*not used RK*/
{
  padding: 0px;
  margin: 0px;
  
}

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

.LogonTextBox
{
  width:200px;
}

.LogonTextField /* 4-20-2010 RK */
{
  padding: 4px;
  height: 30px;
}

.LogonButton /* 4-20-2010 RK */
{
  height: 18px;
}


a.footerCopyrightInfo
{
  color: #DA653C;
}

a.footerCopyrightInfo:hover
{
  color: White;
  text-decoration: underline;
}


.footerCopyrightInfo
{
  color: #FFFFFF;
  text-transform: inherit;
}

span.footerCopyrightInfo:before
{
   content:"Copyright";
}

span.footerCompany:before
{
  content:"All Rights Reserved.";
  color: #FFFFFF;
}
span.footerCopyrightInfo:after
{
   content:" 2001-2010.";
}


span.rastrac
{
  color: #FFFFFF;
}
span.rastrac:before
{
  content:"RASTRAC";
  color: #FFFFFF;
}

span.and:before
{
  content:"and";
  color: #FFFFFF;
}

span.and:after
{
  content:"the";
  color: #FFFFFF;
}

span.rastracReg:before
{
  content:" logo are registered trademarks of Manning NavComp, Inc.";
  color: #FFFFFF;
}

a.msoftIE:hover
{
  color: White;
  text-decoration: underline;
}

span.msoftIE:before
{
  content: "This website is best viewed with Microsoft Internet Explorer 7 or newer. ";
  color: #FFFFFF;
}

a.msoftIE:after
{
  content:"Click here to get the latest version.";
  color: #FFFFFF;
}

.DemoTitle
{
  color: white; font-size: 14pt; font-family: Verdana; font-weight: Bold; text-align: center; text-decoration: none
}

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

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

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

.TargetAttribSelect
{
  font-size: 10px;
}

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

.ProgressBody
{
  color:white; background:#000000; 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:#DA653C;
}

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

.ProgressCompleteDiv
{
  width:100%; height:100%; color:white; background:#000000; 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; color: black;
}

.radiobt
{
  font-size: 11px; color: black;
}

/*************************************************************
* 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 BLACK; background: #000000; font-size: 7pt; text-align: center;
}

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

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

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

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

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

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

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

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

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

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

.UserNoteDeleteLink
{
 COLOR: White; background-color: black;
}

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

.TriggerSelectionBox
{
  color: BLACK; border: 1px solid BLACK; 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: black; font-size:16px; font-weight:bold; font-family:Arial;
}

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

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

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

.TextPopupOpsTable
{
  background-color: #EEEEEE; color: BLACK; font-size:10px; border: 1px solid #DA653C;
}

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

.MapPopupMapPanel
{
  padding: 5px; text-align:center; font-size:10px; BACKGROUND-COLOR: #EEEEEE; 
}

.MapPopupImage
{
  cursor: arrow; /*border:1px solid black;*/
}

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

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

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

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

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

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

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

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

.MapPopupDirectionCornerButton
{
  background-color:#DA653C; padding:2px; 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: DA653C;
  
}

.MapPopupPagingLink
{
  font-size: 10px; visibility:hidden; color: #DA653C; text-decoration: underline;
}

.MapPopupMapDiv
{
  position:normal; display:none; width:100%; text-align:center; color: #000000;
}

.MapPopupMapSelect
{
  font-size: 10px;
}

.MapPopupDayLink
{
  font-size: 10px; font-weight: normal; COLOR: #DA653C; text-decoration: underline;
}

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

.MapPopupPointDialog
{
  top: 0px; left: 0px; border-top: #D4D0C8 2px solid; border-bottom: black 1px solid; border-left: #D4D0C8 2px solid; border-right: black 2px solid;
}

.MapPopupPointDialogTitle
{
  position: normal; top: 0px; left: 0px; font-size: 8pt; font-weight: bold; font-family: verdana; color: white; background: #0A246A; padding: 5 5 2 5; border-top: white 1px solid; border-left: white 1px solid; border-right: #D4D0C8 2px solid;
}

.MapPopupPointDialogMain
{
  text-align: center; position: normal; top: 0px; left: 0px; font-size: 8pt; font-family: verdana; color: black; background: #D4D0C8; padding: 10 10 10 10; border-left: white 1px solid; border-right: #D4D0C8 2px solid; border-bottom: black 1px solid;
}

.MapPopupPointDialogTable
{
  font-size:8pt; font-family:verdana;
}

.MapPopupPointDialogButton
{
  font-size:8pt; font-family:verdana; width:75px;
}

.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: white; background: #DA653C;
}

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

.StateTableStopRow
{ 
  color: black;
}

.StateTableTravelRow
{ 
  color: white; background: #DA653C;
}

.StateTableLink
{ 
  color: white; text-decoration: underline;
}

.StateTableAltLink
{ 
  color: black;
}

.StateTableStopLink
{ 
  color: black;
}

.StateLocation
{
  font-weight: bold;
}

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

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

.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:black; 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 #000000;
}

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

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

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

/*************************************************************
* Admin.htm Style Classes
**************************************************************/
.AdminMenuBar
{
  background-color: black; border-bottom: 2px solid #DA653C;
}

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

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

.AdminMenuItemEmph
{
  background-color: black; color: GOLD; text-align: center; font-weight: bold; font-size: 8pt; text-decoration: none; cursor: pointer; cursor: hand;
}

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