*
{
   font-family: verdana, arial, helvetica, sans-serif;
}

html, body
{
   height: 100%;
   padding: 0px;
   margin: 0px;
   overflow: hidden;
}

a
{
   color: #FFFFFF;
   text-decoration: none;
}

a:hover
{
   color: #99CC33;
}

table
{
   border-collapse: collapse;
   border-spacing: 0px;
   empty-cells: show;
   margin: 0px;
   padding: 0px;
   text-align: left;
}

td
{
	text-align: left;
	vertical-align: middle;
}

tr
{
	vertical-align: middle;
}

.Window
{
   background-color: #338000;
   margin: 0 auto;
   z-index: 100;
}

.WindowBody
{
   background-color: #338000;
   border-left-color: #8FC773;
   border-right-color: #336600;
   border-top-color: #8FC773;
   border-bottom-color: #336600;
   border-style: solid;
   border-width: 2px;
   height: 100%; 
   left: 0px; 
   position: absolute; 
   top: 0px; 
   width: 100%; 
   z-index: 0; 
}

.WindowWrapper
{
   background-color: #338000;
   height: 100%;
   left: 0px; 
   position: absolute; 
   top: 0px; 
   width: 100%; 
   z-index: -1; 
}

.WindowHeader
{
   background-color: #336600;
   border-color: #000000;
   border-style: solid;
   border-bottom-width: 1px;
   border-left-width: 0px;
   border-right-width: 0px;
   border-top-width: 0px;
   height: 16px;
   position: relative;
   top: 0px;
   width: 100%;
}

.WindowTitle
{
   color: #FFFFFF;
   cursor: default;
   display: inline;
   font-size: 12px;
   font-weight: bold;
   left: 3px;
   position: absolute;
   top: 0px;
}

.WindowClose
{
   border-color: #339900;
   border-style: solid;
   border-width: 1px;
   color: #FFFFFF;
   display: inline;
   font-size: 10px;
   font-weight: bold;
   margin-bottom: 2px;
   margin-right: 1px;
   margin-top: 1px;
   position: absolute;
   right: 0px;
   top: 0px;
}

.WindowContent
{
   color: #FFFFFF;
   font-size: 11px;
   text-align: left;
   width: 100%;
} 

.Control
{
   font-size: 11px;
   margin: 5px;
   vertical-align: middle;
}

.Device
{
   display: inline;
   font-size: 11px;
   float: left;
   width: 120px;
}

.Justified
{
	text-align: justify;
}

.Centered
{
	text-align: center;
}

.MarginBottom
{
	margin-bottom: 5px;
}

.ControlGroup
{
   border-style: hidden;
   border-collapse: collapse;
   empty-cells: show;
   margin: 5px;
}

.ScrollPane 
{
   border-color: #336600;
   border-style: solid;
   border-width: 1px;
   overflow-x: hidden;
   overflow-y: scroll;  
}

.Button, .Button66, .Button33
{
   background-color: #339900;
   border-color: #339900;
   color: #FFFFFF;
   cursor: pointer;
   font-size: 11px;
}

.Button
{
   width: 100px;
}

.Button66
{
   width: 66px;
}

.Button33
{
   width: 33px;
}

.Label
{
   color: #FFFFFF;
   display: inline;
   font-size: 11px;
   margin: 0px;
   padding: 0px;
   text-align: left;
   width: 100px;
   overflow: hidden;
}

.Radio
{
   color: #FFFFFF;
   display: block;
   font-size: 11px;
   margin: 0px;
   padding: 0px;
   text-align: left;
}

.TextField, .TextField33
{
   color: #000000;
   font-size: 11px;
   display: inline;
}

.TextField
{
   width: 150px;
}

.TextField33
{
   width: 33px;
}

.ListField
{
   color: #000000;
   font-size: 11px;
   display: inline;
   width: 250px;
   height: 230px;
}

.Command, .Report, .Option
{
   color: #FFFFFF;
   font-size: 11px;
   margin: 0px;
   padding: 0px;
   text-align: center;
   width: 100%;
}

.Report, .Option
{
   padding-top: 3px;
   padding-bottom: 3px;
}

.ReportData, .OptionPane
{
   display: none;
   position: absolute; 
   right: 0px; 
   top: 16px; 
   width: 565px; 
}

.ReportData
{
   height: 472px; 
}

.OptionPane
{
   height: 412px; 
}

.ReportTable
{
   border-color: #336600;
   border-style: solid;
   border-width: 1px;
   border-collapse: collapse;
   border-style: hidden;
   empty-cells: show;
   padding: 0px;
   margin: 0px;
   width: 100%;
}

.ReportHeader
{
   background-color: #339900;
   border-collapse: collapse;
   border-style: hidden;
   color: White;
   font-weight: bold;
   padding: 2px;
   margin: 0px;
}

.Heading
{
   color: White;
   font-size: 15px;
   font-weight: bold;
   text-align: left;
}

.Calendar
{
   border-collapse: collapse;
   border-style: hidden;
   padding: 0px;
   margin: 0px;
   text-align: center;
   width: 100%;
}

.CalendarHeader
{
   background-color: #339900;
   text-align: center;
}

.CalendarDateFocus, .CalendarTodayFocus
{
   background-color: #99CC33;
   color: Black;
   cursor: pointer;
   text-align: center;
}

.CalendarDateBlur, .CalendarTodayBlur
{
   background: none;
   color: White;
   text-align: center;
}

.CalendarDateFocus, .CalendarDateBlur
{
   font-weight: normal;
}

.CalendarTodayFocus, .CalendarTodayBlur, .CalendarRowTodayFocus
{
   font-weight: bold;
}


.CalendarRowFocus, .CalendarRowTodayFocus
{
   color: White;
   background-color: #336600;
   text-align: center;
}

.CalendarRowBlur
{
   color: White;
   background: none;
   text-align: center;
}

.ShowPointer
{
   cursor: pointer;
}

.ErrorMessage
{
	color: #99CC33;
	font-weight: bold;
}

.Resize-NW1
{
   position: absolute;
   top: -2px;
   left: -2px;
   width: 52px;
   height: 3px;
   cursor: nw-resize;
}

.Resize-N
{
   position: absolute;
   top: -2px;
   left: 50px;
   width: 350px;
   height: 3px;
   cursor: n-resize;
}

.Resize-NE1
{
   position: absolute;
   top: -2px;
   left: 400px;
   width: 52px;
   height: 3px;
   cursor: ne-resize;
}

.Resize-NW2
{
   position: absolute;
   top: -2px;
   left: -2px;
   width: 3px;
   height: 52px;
   cursor: nw-resize;
}

.Resize-NE2
{
   position: absolute;
   top: -2px;
   left: 449px;
   width: 3px;
   height: 52px;
   cursor: ne-resize;
}

.Resize-W
{
   position: absolute;
   top: 50px;
   left: -2px;
   width: 3px;
   height: 80px;
   cursor: w-resize;
}

.Resize-E
{
   position: absolute;
   top: 50px;
   left: 449px;
   width: 3px;
   height: 80px;
   cursor: e-resize;
}

.Resize-SW1
{
   position: absolute;
   top: 130px;
   left: -2px;
   width: 3px;
   height: 52px;
   cursor: sw-resize;
}

.Resize-SE1
{
   position: absolute;
   top: 130px;
   left: 449px;
   width: 3px;
   height: 52px;
   cursor: se-resize;
}

.Resize-SW2
{
   position: absolute;
   top: 179px;
   left: -2px;
   width: 52px;
   height: 3px;
   cursor: sw-resize;
}

.Resize-S
{
   position: absolute;
   top: 179px;
   left: 50px;
   width: 350px;
   height: 3px;
   cursor: s-resize;
}

.Resize-SE2
{
   position: absolute;
   top: 179px;
   left: 400px;
   width: 52px;
   height: 3px;
   cursor: se-resize;
}

.AccountUsageTable
{
    border-collapse: collapse;
	border-color: #336600;
	border-style: solid;
	border-width: 1px;
    margin: 0px;
    padding: 0px;
	width: 300px;
}

.AccountUsageHeader
{
	background-color: #336600;	
	font-weight: bold;
	padding: 2px;
}

.AccountUsageData
{
	border-color: #336600;
	border-style: solid;
	border-bottom-width: 1px;
	border-left-width: 1px;
    border-top-width: 0px;
    border-right-width: 0px;
	font-size: 11px;
	text-align: right;
	width: 125px;
}

.LocationHistoryData
{
	border-color: #336600;
	border-style: solid;
	border-width: 1px;
	font-size: 11px;
	padding: 2px;
}

.ScheduleOption
{
	display: none;
}

.ViewMode
{
   color: #FFFFFF;
   font-size: 11px;
   text-align: center;
}

#content
{
   background-color: black;
   height: 100%;
   text-align: center;
}

#myMap
{
   background-color: black;
}

#Header
{
   background-color: #99CC33;
   background-image: url(../Images/Header-Background.gif);
   background-repeat: repeat-x;
   border-color: black;
   border-style: solid;
   border-bottom-width: 1px;
   border-left-width: 0px;
   border-right-width: 0px;
   border-top-width: 0px;
   height: 128px;
   left: 0px;
   position: absolute;
   top: 0px;
   width: 100%;
   z-index: 100;
}

#Header_Logo
{
   background-image: url(../Images/Header-Logo.gif);  
   height: 110px;
   left: 5px;
   position: absolute;
   top: 5px;
   width: 130px;
}

#Header_Text
{
    top: 26px;
	position: absolute;
	left: 140px;
}

#Header_Phrase
{
   background-color: #99CC33;
   background-image: url(../Images/Header-Phrase.gif);
   bottom: 8px;
   height: 31px;
   position: absolute;
   right: 0px;
   width: 220px;
}

#Header_Nav
{
   color: White;
   cursor: default;
   font-size: 11px;
   font-weight: normal;
   position: absolute;
   right: 0px;
   top: 0px;
}

#Header_Sep
{
   cursor: default;
   display: none;
}

#Header_Logout
{
   display: none;
}

#Nav
{
   height: 160px;
   position: absolute;
   width: 120px;
   visibility: hidden;
   z-index: 100;
}

#NavCompass
{
   left: 31px;
   position: absolute;
   top: 20px;
}

#NavZoomIn
{
   cursor: pointer;
   left: 4px;
   position: absolute;
   top: 37px;
}

#NavZoomOut
{
   cursor: pointer;
   position: absolute;
   right: 4px;
   top: 37px;
}

#ViewModes
{
   border-bottom: solid #336600 1px;
   border-left: hidden;
   border-right: hidden;
   border-top: solid #336600 1px;
   margin-top: 5px;
   margin-bottom: 5px;
   padding-top: 2px;
   padding-bottom: 5px;
   position: absolute;
   left: 0px;
   top: 80px;
   width: 100%;
}

#NavCommands
{
   left: 0px;
   padding-top: 3px;
   position: absolute;
   top: 112px;
   width: 100%;
}

#NavCommand
{
   color: #FFFFFF;
   font-size: 11px;
   margin: 0px;
   padding: 0px;
   text-align: center;
   width: 100%;
}

#FindDevices
{
   position: absolute;
   visibility: hidden; 
}

#ReportsWindow
{
   left: 200px; 
   position: absolute;
   top: 133px;
   visibility: hidden; 
}

#OptionsWindow
{
   left: 200px; 
   position: absolute;
   top: 133px;
   visibility: hidden; 
}

#Loading
{
   background-color: white;
   border-color: black;
   border-style: solid;
   border-width: 1px;
   left: 40%;
   padding: 5px;
   position: absolute;
   text-align: center;
   top: 50%;
   vertical-align: middle;
   visibility: hidden; 
   width: 250px;
   z-index: 100;
}

#CalendarWindow
{
   height: 160px;
   position: absolute;
   width: 180px; 
   visibility: hidden;
   z-index: 160;
}

#LoginPrompt
{
   position: absolute;
}

#AboutWindow
{
   position: absolute;
   visibility: hidden;
}

#HelpWindow
{
   position: absolute;
   visibility: hidden;
}

#DataWindow
{
   position: absolute;
   visibility: hidden;
}

#DeviceWarning
{
   right: 5px; 
   top: 133px; 
   height: 50px; 
   width: 50px; 
   position: absolute;
   visibility: hidden;
   z-index: 150;
}

#WarningIcon
{
	left: 4px;
	position: absolute; 
	top: 3px; 
}