/* ================ Common (All Pages) ================= */
body {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size:12px;
	background-color:#e0e0e0;
	margin: 0px; 
	padding: 0px; 
}

td {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size:12px;
}

th {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:left;
}

input{
	border:0px;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-weight: normal;
	font-size:11px;	
}

select{
	border:0px;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-weight: normal;
	font-size:11px;
}

h1
{
    margin:10px 0px 5px 0px;
    font-family:Verdana, Geneva, Arial, helvetica, sans-serif;
    font-size:26px;
	font-weight:bold;
}

img
{
    vertical-align:middle;
}

/* ================== Login Page ================== */

#Version
{
    position:absolute;
    bottom:5px;
    left:5px;
    font-size:10px;
    color:Black;
    height:10px;
}

#Box{
	width:300px;
	Background:#a7a7a7;
	position: relative;
	margin: 100px;
}

#BoxTitle{
	Background:#3399FF;
	color:white;
	font-size:11px;
	font-weight:bold;
	padding:5px;
}

#LoginError
{
    color:red;
	font-size:11px;
	font-weight:bold;
	margin:5px;
}

#LoginArea
{
    /* background-image:url(Images/sat_pic.jpg); */
    background-color:#999999;
    background-position: center center;
}

/* ================== Header Page =================== */

#head {
	font-family:Arial,verdana;
	font-size:26px;
	font-weight:bold;
	color:white;
	margin:8px
}

#MenuButtons{
	position:absolute;
	bottom:8px;
	right:8px;
	margin-left:250px;
	text-align:right;
}

.MenuButton
{
    margin-top:5px;
}

.ButtonSelected
{
    background-color:#a7d3ff;
}

#CurrentUserName
{
	text-align:right;
    font-family:Arial,verdana;
	font-size:11px;
	font-weight:bold;
	color:white;
	margin: 8px;
	margin-bottom:0px;
	float:right; 
	display:none;
}

#Directions
{
	position:absolute;
	top:8px;
	right:8px;
	margin:0px;
	text-align:right;
}

#from
{
    width:200px;
}

#to
{
    width:200px;
}

body.HeadBody{
	Background:#a7a7a7 url(Images/header2.gif);
	background-repeat:no-repeat;
	font-family:verdana;
	font-size:11px;
	margin:0px;
}

/* ================== Nav Page =================== */

/* Unit List */

#UnitListBox
{
    position:absolute;
    overflow:auto;
    display:block;
    margin:0px;
    padding:0px;
    background-color:#e0e0e0;
    bottom:250px;
    
}

.ULList
{
    border:0px;
    top:30px; 
    left:0px;
    right:0px;
    width:100%;
}
.ULDropdown
{
    width:248px;
    border:2px solid #3399FF;
    right:26px;
    top:28px;
    left:5px;
  
}

#CurrentUnitBox
{
    position:absolute;
    display:none;
    height:30px;
	Background:#a7a7a7;
	font-family:verdana;
	font-size:11px;
	font-weight:bold;
	color:white;
	padding:0px;
	margin:0px;       
	top:0px;
	right:0px;
	left:0px;
}
#CurrentUnit
{
    padding:3px;
	background: white;
	color:Black;
	width:100%;	
	height:17px;
	margin:0px;
	border:0px;
	vertical-align:middle;
}

#UnitListDropdown
{
    float:right;
    width:17px;
    height:20px;
    Background:#e0e0e0;
    vertical-align:middle;
    text-align:center;
}

#UnitDropdownTable
{
    padding:0px;
    margin:5px;
    border:0px;
    border-spacing:0px;
    border-collapse: collapse;
    width:auto; 
}


/* View Selection tabs */

#tabs {
	Background:#a7a7a7;
}

.tab
{
    margin-left:5px;
    margin-top:5px;
    height:30px;
    width:30px;
}

#ViewBox
{
    position:absolute;
    width:100%;
    height:40px;
    bottom:220px;
    left:0px;
    overflow:hidden;
    display:block;    
	padding:0px;
	margin:0px;    
	Background:#a7a7a7;
}

/* Unit Detail */

#UnitDetail{
	padding:5px;
	margin:0px;
}

.DetailItem{
	background: white;
	margin-bottom:2px;
	padding:3px;
	width:260px;
	
}

.DetailName{
	font-weight:bold;
	white-space:nowrap;
}

.Detail{

}

#UnitDetail table
{
    width:100%;
    margin:0px;
    border-collapse:collapse;
}

#UnitDetail tr
{
    background-color:White;
    border-bottom:solid 2px #e0e0e0;
    
}

#UnitDetail td
{
    margin:0;
	padding:3px;    
}

#UnitDetail th
{
    font-weight:bold;
	white-space:nowrap;
    margin:0;
	padding:3px;    
}

#DetailBox
{
    position:absolute;
    width:100%;
    height:290px;
    overflow:auto;
    display:block;
    bottom:0px;
    left:0px;
    margin:0px;
    padding:0px;
    background-color:#e0e0e0; 
}

.Loading
{
	position:relative;
	display:block;
	top:0px;
	left:0px;
	Background:white;
	padding:0px;
	margin:0px;
	text-align:center;
	font-weight:bold;
	width:100%;
	height:100%;
}

#LoadingBox
{
    position:absolute;
    display:none;
}

#PollPending
{
    color:Red;
    display:none;
}

/* List (Unit and History) */

.l
{
	margin:2px;
	padding:3px;
	background:white;
	color:Black;
	cursor:pointer;
	text-indent:-19px;
	padding-left:22px;
	
}
.lOver
{
    margin:2px;
	padding:3px;
	background:#3399ff;
	color:white;
	cursor:pointer;
	text-indent:-19px;
	padding-left:22px;	
}

.lCur
{
 	margin:2px;
	padding:3px;
	background:#a7d3ff;
	color:Black;
	cursor:pointer;
    text-indent:-19px;
	padding-left:22px;
}

/* Trip Selection */

#TripButtonTable
{
    padding:0px;
    margin:0px;
    border:0px;
    border-spacing:0px;
    border-collapse: collapse;
    width:100%; 
}




/* Search Box */

#UnitSearch
{
    position:absolute;
    
	Background:#a7a7a7;
	font-family:verdana;
	font-size:11px;
	font-weight:bold;
	color:white;
	padding:0px;
	margin:0px; 
	top:0px;
	left:0px;
	right:0px; 
	height:30px;
	width:100%;
	text-align:center;
	overflow:hidden;
	white-space:nowrap;
	
}

#Search
{
    margin:5px;
}

/* ================== Popup Windows =================== */

.WindowHead {
	font-family:Arial,verdana;
	font-size:18px;
	font-weight:bold;
	text-align:right;
	height:60px;
	color:white;
	padding:8px;
	Background:#a7a7a7 url(Images/header2.gif);
	background-repeat:no-repeat;
	margin:0px;	
}
.WindowHead2 {
	font-family:Arial,verdana;
	font-size:18px;
	font-weight:bold;
	text-align:right;
	height:40px;
	color:white;
	padding:8px;
	Background:#a7a7a7;
	background-repeat:no-repeat;
	margin:0px;	
}

.WindowTitle
{
    
}

.WindowSubTitle
{
    font-family:Arial,verdana;
	font-size:11px;
	font-weight:bold;
	color:white;
}


#WindowButtons
{
    position:absolute;
    bottom:0px;
	text-align:center;
	width:100%;
	Background:#a7a7a7;
}

.pad5
{
    padding:5px;
}

.WindowButton
{
    width:90px;
}

.WideWindowButton
{
    width:135px;
}

#StatusList
{
    height:295px;
    overflow:auto;
}

/* ================== Map Page =================== */
.UnitTag
{
   background: #FFFFFF;
   position:absolute;
   width:auto;
   color:#000000;
   border:solid 1px #a7a7a7;
   white-space:nowrap; 
   padding:1px;
   padding-left:12px;
   margin-left:0px;
   margin-top:-33px;
}

.UnitTagActive
{
   background: #A7D3FF;
   position:absolute;
   width:auto;
   color:#000000;
   border:solid 1px #a7a7a7;
   white-space:nowrap; 
   padding:1px;
   padding-left:12px;
   margin-left:0px;
   margin-top:-33px;
}

.AreaTag1
{
   background-color:#ff0000;
   position:absolute;
   width:auto;
   color:#ffffff;
   white-space:nowrap;
   padding:2px; 
   margin-left:2px;
   margin-top:2px;
   font-weight:bold;
}

.AreaTag2
{
   background-color:#0000ff;
   position:absolute;
   width:auto;
   color:#ffffff;
   white-space:nowrap;
   padding:2px;
   margin-left:2px;
   margin-top:2px;
   font-weight:bold;
}

#map
{
    width:640px; 
    height:480px;
}

#NavBorder
{
    width:10px;
    position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
}

#NavBorderLine
{
    width:3px;
    position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
    background-color:#a7a7a7;
}

#CollapseButton
{
    position:absolute;
    top:50%;
    cursor:default;
}


#DirectionsBox
{
    display:none;
    position:absolute;
    top: 33px;
    bottom:128px;
    right:7px;
    width:200px;
    overflow:auto;
}

#dir
{
    border:solid 1px white;
    background:White;
    margin:0px;
    padding:0px;
    top:0px;
    left:0px;

}

#DirError
{
    margin:4px;
    padding:3px;
    border:solid 1px black;
    background:#a7d3ff;
}


/* ================== Admin Pages =================== */

#AdminMenu
{
    position:absolute;
    top:60px;
    left:0px;
    width:200px;
    background:#a7a7a7;
    margin:0px; 
}

#AdminContent
{
	margin-left:200px;
	background:White;
	padding:10px;
}

.AdminMenuItem
{
	margin:3px;
	padding:3px;
	background:white;
	text-align:center;   
}

.AdminBody
{
	margin:0px; 
	padding:0px;
	background:white;
	background-repeat:repeat-y;
	background-image:url("images/menubg.gif");
	background-position:top left;
	
}

.AdminTable
{

}


.AdminTD
{
    padding:3px;
}


#AdminHead
{
	Background:#a7a7a7 url(Images/header2.gif);
	background-repeat:no-repeat;
	font-family:verdana;
	font-size:11px;
	margin:0px;
	height:60px;
}

#AdminTitle
{
    margin:10px 0px 5px 0px;
    font-family:Verdana, Geneva, Arial, helvetica, sans-serif;
    font-size:18px;
	font-weight:bold;
}

.AdminSubTitle
{
    margin-bottom:5px;
    display:block;
    font-family:Verdana, Geneva, Arial, helvetica, sans-serif;
    font-size:12px;
	font-weight:bold;
}

.AdminFormButtons
{
	text-align:center;
	padding:5px;
	Background:#a7a7a7;
}
.AdminFormButton
{
    width:90px;
}

.AdminForm
{
    Background:#c1c1c1;
    padding:10px;
}

#Status
{
    color:Red;
    margin-bottom:10px;
}

#MemberListBox
{
    height:250px;
    overflow:auto;
    background-color:White;
}


/* ================== Reports =================== */

#ReportBody
{
    background:white;
}

#ReportTitle
{
    font-size:16px;
    font-weight:bold;
    margin:10px;
}

#ReportDetail
{
    display:none;
    border: solid 2px black;
    padding:5px;
}

#ReportDetail table
{
    width:100%;
}

#ReportOptions
{
    margin: 20px 50px 20px 50px;
}

#ReportList
{
    margin: 20px 50px 20px 50px;
    background:white;
    padding:5px;
}

#ReportList td
{
    padding:10px;
}

#ReportBody td
{
    white-space:nowrap;
    padding:5px;
    font-size:11px;    
}

#ReportBody td.right
{
    text-align:right;
}

#ReportBody th
{
    white-space:nowrap;
    border-bottom: solid 1px black;
    padding:5px;
}

#ReportBody th.right
{
    text-align:right;
}

#ReportBody table
{
    border-collapse:collapse;
    width: 100%;
}

.center
{
    text-align:center;
}
    

#ReportError
{
    text-align:center;
    font-weight:bold;
    padding:10px;
}

thead {display: table-header-group;}

.rt 
{
    border-top:solid 1px black;
    padding:5px;
    font-weight:bold;
}

@media print 
{
    #ReportDetail
    {
        display:block;
        border: solid 1pt black;
        padding:2mm;
        font-size:8pt;
    }    
    
    #ReportBody td
    {
        white-space:nowrap;
        padding:1mm;
        font-size:6pt;    
    }
    
    #ReportBody th
    {
        font-size:6pt;
        white-space:nowrap;
        border-bottom: solid 1pt black;
        padding:1mm;
    }

    .rt 
    {
        border-top:solid 1pt black;
        padding:1mm;
        font-weight:bold;
    }    
    
    #ReportOptions
    {
        display:none;
    }
    
    .WindowHead
    {
        display:none;
    }
    
    #ReportTitle
    {
        margin: 0mm 5mm 5mm 0mm;
        font-size:14pt;
    }
    body
    {
        margin:0cm;
    }
    
}