/* Custom styles for MTData */
#logo {
    padding: 0;
    margin: 0;
	position: absolute;
	top: 5px;
	left: 5px;
	height: 80px;
	width: 122px;
	border: none;
	z-index: 2000;
}
#poweredby {
    padding: 0;
    margin: 0;
	position: absolute;
	top: 8px;
	right: 10px;
	height: 50px;
	width: 85px;
	border: none;
	z-index: 2000;
}

#footer 
{
	padding: 0;
    margin: 0;
    position:absolute;
    bottom:0px;
    width:400px;
    height:48px;
	border: none;
	left: 50%;
	margin-left: -200px;
  	z-index: 1900;
}

#splashlogo {
    padding: 0;
    margin: 0;
	height: 278px;
	width: 425px;
	border: none;
	z-index: 2000;

	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -213px;
	margin-top: -100px;

}

html {
    margin:0;
    padding:0;
    background:#a7a09a;
    color:#000;
	width: 100%;
	height: 100%;
}

body {
    overflow: hidden;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    background:#FFFFFF;

}

#main {
    padding: 0;
    margin: 0;
    position: absolute;	
    width:100%;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    overflow: auto;
    background:#99b3cc;
    overflow:hidden;

}

a:link, a:visited, a:hover, a:active
{
    color: #093a7f;
}

#mousePos{
    color:#CCCCCC;
    font-family: tahoma, arial, helvetica;
    font-weight:bold;
    font-size:10px;
    text-align:left;
}

    


    
#sidebar1
{
    clear:both;
    position:absolute;
    /*background:#99c;*/
    float:right;
    width:250px;
    height:610px;
    right:0px;
    top:0px;
    overflow:hidden;
	font-family: arial, helvetica;
	font-size: 11px;
}

#sidebar
{
	padding: 0;
    margin: 0;
    position:absolute;
    top:0px;
    width:250px;
    height:610px;
	border: none;
	left: 100%;
	margin-left: -250px;
  	z-index: 1900;
	font-family: arial, helvetica;
	font-size: 11px;

}

/* Busy Panel */

.busy_panel
{
	padding: 0;
	margin: 0;
	position:absolute;
	top: -200px;
	left:-200px;
	height: 10px;
	width: 10px;
	border: none;
	z-index:2500;
}

.busy_panel_icon
{
	position:relative;
	width: 55px;
	height: 55px;
	top: 50%;
	left: 50%;
	margin-left: -29px;
	margin-top: -30px;

}
/* Slider Panel Border*/
#slider_panel
{

	padding: 0;
    margin: 0;
    position:absolute;
    bottom:0px;
    width:400px;
    height:48px;
	border: none;
	left: 95px;
  	z-index: 1900;

}
#slider_panel_tl
{
	padding: 0;
	margin: 0;
	position:absolute;
	bottom: 95px;
	left:90px;
	height: 10px;
	width: 10px;
	border: none;
	overflow:hidden;
}
#slider_panel_tm
{
	padding: 0;
	margin: 0;
	position:absolute;
	bottom: 95px;
	left:100px;
	height: 10px;
	width: 400px;
	border: none;
	overflow:hidden;
}

#slider_panel_tr
{
	padding: 0;
	margin: 0;
	position:absolute;
	bottom: 95px;
	left:500px;
	height: 10px;
	width: 10px;
	border: none;
	overflow:hidden;
}
#slider_panel_l
{
	padding: 0;
	margin: 0;
	position:absolute;
	bottom: 70px;
	left:90px;
	height: 25px;
	width: 10px;
	border: none;
	overflow:hidden;
}
#slider_panel_content
{
	display: inline;
	white-space:nowrap;
	padding: 0;
	margin: 0;
	position:absolute;
	bottom: 70px;
	left:100px;
	height: 25px;
	width: 400px;
	border: none;
	overflow:hidden;
}
#slider_panel_r
{
	padding: 0;
	margin: 0;
	position:absolute;
	bottom: 70px;
	left:500px;
	height: 25px;
	width: 10px;
	border: none;
	overflow:hidden;
}
#slider_panel_bl
{
	padding: 0;
	margin: 0;
	position:absolute;
	bottom: 60px;
	left:90px;
	height: 10px;
	width: 10px;
	border: none;
	overflow:hidden;
}
#slider_panel_bm
{
	padding: 0;
	margin: 0;
	position:absolute;
	bottom: 60px;
	left:100px;
	height: 10px;
	width: 400px;
	border: none;
	overflow:hidden;
}
#slider_panel_br
{
	padding: 0;
	margin: 0;
	position:absolute;
	bottom: 60px;
	left:500px;
	height: 10px;
	width: 10px;
	border: none;
	overflow:hidden;
}

/* Login Panel Title Border*/
#login_panel_title_tl
{
	padding: 0;
	margin: 0;
	position:absolute;
	top: 0px;
	left:0px;
	height: 10px;
	width: 10px;
	border: none;
	overflow:hidden;
}
#login_panel_title_tm
{
	padding: 0;
	margin: 0;
	position:absolute;
	top: 0px;
	left:10px;
	height: 10px;
	width: 230px;
	border: none;
	overflow:hidden;
}
#login_panel_title_tr
{
	padding: 0;
	margin: 0;
	position:absolute;
	top: 0px;
	left:240px;
	height: 10px;
	width: 10px;
	border: none;
	overflow:hidden;
}
#login_panel_title_l
{
	padding: 0;
	margin: 0;
	position:absolute;
	top: 10px;
	left:0px;
	height: 30px;
	width: 10px;
	border: none;
	overflow:hidden;
}
#login_panel_title_content
{
	padding: 0;
	margin: 0;
	position:absolute;
	top: 10px;
	left:10px;
	height: 30px;
	width: 230px;
	border: none;
	overflow:hidden;
}
#login_panel_title_r
{
	padding: 0;
	margin: 0;
	position:absolute;
	top: 10px;
	left:240px;
	height: 30px;
	width: 10px;
	border: none;
	overflow:hidden;
}
#login_panel_title_bl
{
	padding: 0;
	margin: 0;
	position:absolute;
	top: 40px;
	left:0px;
	height: 10px;
	width: 10px;
	border: none;
	overflow:hidden;
}
#login_panel_title_bm
{
	padding: 0;
	margin: 0;
	position:absolute;
	top: 40px;
	left:10px;
	height: 10px;
	width: 230px;
	border: none;
	overflow:hidden;
}
#login_panel_title_br
{
	padding: 0;
	margin: 0;
	position:absolute;
	top: 40px;
	left:240px;
	height: 10px;
	width: 10px;
	border: none;
	overflow:hidden;
}


/* Login Panel Border*/
#login_panel_tl
{
	padding: 0;
	margin: 0;
	position:absolute;
	top: 50px;
	left:0px;
	height: 10px;
	width: 10px;
	border: none;
	overflow:hidden;
}
#login_panel_tm
{
	padding: 0;
	margin: 0;
	position:absolute;
	top: 50px;
	left:10px;
	height: 10px;
	width: 230px;
	border: none;
	overflow:hidden;
}
#login_panel_tr
{
	padding: 0;
	margin: 0;
	position:absolute;
	top: 50px;
	left:240px;
	height: 10px;
	width: 10px;
	border: none;
	overflow:hidden;
}
#login_panel_l
{
	padding: 0;
	margin: 0;
	position:absolute;
	top: 60px;
	left:0px;
	height: 140px;
	width: 10px;
	border: none;
	overflow:hidden;
}
#login_panel_content
{
	padding: 0;
	margin: 0;
	position:absolute;
	top: 60px;
	left:10px;
	height: 140px;
	width: 230px;
	border: none;
	overflow:hidden;
}
#login_panel_r
{
	padding: 0;
	margin: 0;
	position:absolute;
	top: 60px;
	left:240px;
	height: 140px;
	width: 10px;
	border: none;
	overflow:hidden;
}
#login_panel_bl
{
	padding: 0;
	margin: 0;
	position:absolute;
	top: 200px;
	left:0px;
	height: 10px;
	width: 10px;
	border: none;
	overflow:hidden;
}
#login_panel_bm
{
	padding: 0;
	margin: 0;
	position:absolute;
	top: 200px;
	left:10px;
	height: 10px;
	width: 230px;
	border: none;
	overflow:hidden;
}
#login_panel_br
{
	padding: 0;
	margin: 0;
	position:absolute;
	top: 200px;
	left:240px;
	height: 10px;
	width: 10px;
	border: none;
	overflow:hidden;
}


/* Reports */
#reportsview 
{    
    color:#093a7f;
	font-family: tahoma, arial, helvetica;
	font-size: 0.8em;
	font-weight: normal;
	height: 340px;
} 

#reportsview input
{
	color:#093a7f;
	font-family: tahoma, arial, helvetica;
	font-weight: normal;
	font-size: 0.8em;
}

#reportsview select
{
	color:#093a7f;
	font-family: tahoma, arial, helvetica;
	font-weight: normal;
	font-size: 0.8em;
}

#reportrequestsview
{
    color:#093a7f;
	font-family: tahoma, arial, helvetica;
	font-size: 0.8em;
	font-weight: normal;
}
#reportRequestsContainer
{
	overflow: -moz-scrollbars-vertical;
	overflow-x: hidden;
	overflow-y: scroll;
    color:#093a7f;
	font-family: tahoma, arial, helvetica;
	font-size: 0.8em;
	font-weight: normal;
	height: 380px;

}
#reportRequestsContainer ul 
{
	list-style: none; 
	padding: 0; 
	margin: 0;
}
#ExceptionListPane
{
	width: 210px;
	overflow: -moz-scrollbars-vertical;
	overflow-x: hidden;
	overflow-y: scroll;
    color:#093a7f;
	font-family: tahoma, arial, helvetica;
	font-size: 0.8em;
	font-weight: normal;
	height: 130px;

	
}

/* Messages */
#messagesview 
{    
    color:#093a7f;
	font-family: tahoma, arial, helvetica;
	font-size: 0.8em;
	font-weight: normal;
	height: 340px;
} 

#messagesview input
{
	color:#093a7f;
	font-family: tahoma, arial, helvetica;
	font-weight: normal;
	font-size: 0.8em;
}

#messagesview textarea
{
	color:#093a7f;
	font-family: tahoma, arial, helvetica;
	font-weight: normal;
	font-size: 0.8em;
}

#messagesview select
{
	color:#093a7f;
	font-family: tahoma, arial, helvetica;
	font-weight: normal;
	font-size: 0.8em;
}

#messagerequestsview
{
    color:#093a7f;
	font-family: tahoma, arial, helvetica;
	font-size: 0.8em;
	font-weight: normal;
}
#messageRequestsContainer
{
	overflow: -moz-scrollbars-vertical;
	overflow-x: hidden;
	overflow-y: scroll;
    color:#093a7f;
	font-family: tahoma, arial, helvetica;
	font-size: 0.8em;
	font-weight: normal;
	height: 380px;

}
#messageRequestsContainer ul 
{
	list-style: none; 
	padding: 0; 
	margin: 0;
}

/* History */
#historyview 
{    
    color:#093a7f;
	font-family: tahoma, arial, helvetica;
	font-size: 0.8em;
	font-weight: normal;

} 

#historyview input
{
	color:#093a7f;
	font-family: tahoma, arial, helvetica;
	font-weight: normal;
	font-size: 0.8em;
}

#historyview select
{
	color:#093a7f;
	font-family: tahoma, arial, helvetica;
	font-weight: normal;
	font-size: 0.8em;
}
#divHistoryViewUnitList
{
	overflow: -moz-scrollbars-vertical;
	overflow-x: hidden;
	overflow-y: scroll;
    color:#000000;
	font-family: tahoma, arial, helvetica;
	font-size: 0.8em;
	font-weight: normal;
	height: 260px;

}
#divHistoryViewUnitList ul 
{
	list-style: none; 
	padding: 0; 
	margin: 0;
}
/* Live */
#liveview 
{    
    color:#093a7f;
	font-family: tahoma, arial, helvetica;
	font-size: 0.8em;
	font-weight: normal;

} 

/* Waypoint */
#waypointeditwrapper
{
	height: 410px;
}
#waypointview 
{    
    color:#093a7f;
	font-family: tahoma, arial, helvetica;
	font-size: 0.8em;
	font-weight: normal;

} 
#waypointeditview
{    
    color:#093a7f;
	font-family: tahoma, arial, helvetica;
	font-size: 0.8em;
	font-weight: normal;

} 
#waypointeditview input
{
	color:#093a7f;
	font-family: tahoma, arial, helvetica;
	font-weight: normal;
	font-size: 0.8em;
}

#waypointeditview select
{
	color:#093a7f;
	font-family: tahoma, arial, helvetica;
	font-weight: normal;
	font-size: 0.8em;
}
#waypointeditviewdetails
{    
    color:#093a7f;
	font-family: tahoma, arial, helvetica;
	font-size: 0.8em;
	font-weight: normal;
    height: 230px;
} 
#waypointeditviewdetails input
{
	color:#093a7f;
	font-family: tahoma, arial, helvetica;
	font-weight: normal;
	font-size: 0.8em;
}

#waypointeditviewdetails select
{
	color:#093a7f;
	font-family: tahoma, arial, helvetica;
	font-weight: normal;
	font-size: 0.8em;
}
#waypointeditviewoptions
{    
    color:#093a7f;
	font-family: tahoma, arial, helvetica;
	font-size: 0.8em;
	font-weight: normal;
    height: 230px;
} 
#waypointeditviewoptions input
{
	color:#093a7f;
	font-family: tahoma, arial, helvetica;
	font-weight: normal;
	font-size: 0.8em;
}

#waypointeditviewoptions select
{
	color:#093a7f;
	font-family: tahoma, arial, helvetica;
	font-weight: normal;
	font-size: 0.8em;
}
#setpointflagspanel
{
	overflow: -moz-scrollbars-vertical;
	overflow-x: hidden;
	overflow-y: scroll;
    color:#093a7f;
	height: 100px;
	width: 182px;
}
#setpointflagspanellong
{
	overflow: -moz-scrollbars-vertical;
	overflow-x: hidden;
	overflow-y: scroll;
    color:#093a7f;
	height: 200px;
	width: 182px;
}
#setpointlistpanel
{
	overflow: -moz-scrollbars-vertical;
	overflow-x: hidden;
	overflow-y: scroll;
    color:#000000;
	height: 80px;
	width: 190px;
}
#updownpanel
{
	color:#000000;	
}
#login_panel_title
{
	width: 230px;
	height: 50px;
	position: absolute;
	text-align:center;
	font-family: tahoma, arial, helvetica;
	font-weight:bolder;
	font-size: 1em;
	padding: 2px;

	color:#093a7f;
	
}

/* Login Panel */
#login_wrapper{
	width: 250px;
	height: 160px;
	position: absolute;
	top: 30%;
	left: 50%;
	margin-left: -125px;
	margin-top: -125px;
	font-family: tahoma, arial, helvetica;
	z-index: 3000;

}

#login_panel 
{    
    color:#093a7f;
	font-family: tahoma, arial, helvetica;
	font-size: 0.8em;
	font-weight: bold;

} 


.login_panel_label
{    
    color:#093a7f;
	font-family: tahoma, arial, helvetica;
	font-size: 0.85em;
	font-weight:normal;
} 

/* Status Panel Border*/
#status_panel_tl
{
	padding: 0;
	margin: 0;
	position:absolute;
	top: 0px;
	left:0px;
	height: 10px;
	width: 10px;
	border: none;
	overflow:hidden;
}
#status_panel_tm
{
	padding: 0;
	margin: 0;
	position:absolute;
	top: 0px;
	left:10px;
	height: 10px;
	width: 230px;
	border: none;
	overflow:hidden;
}
#status_panel_tr
{
	padding: 0;
	margin: 0;
	position:absolute;
	top: 0px;
	left:240px;
	height: 10px;
	width: 10px;
	border: none;
	overflow:hidden;
}
#status_panel_l
{
	padding: 0;
	margin: 0;
	position:absolute;
	top: 10px;
	left:0px;
	height: 40px;
	width: 10px;
	border: none;
	overflow:hidden;
}
#status_panel_content
{
	padding: 0;
	margin: 0;
	position:absolute;
	top: 10px;
	left:10px;
	height: 40px;
	width: 230px;
	border: none;
	overflow:hidden;
}
#status_panel_r
{
	padding: 0;
	margin: 0;
	position:absolute;
	top: 10px;
	left:240px;
	height: 40px;
	width: 10px;
	border: none;
	overflow:hidden;
}
#status_panel_bl
{
	padding: 0;
	margin: 0;
	position:absolute;
	top: 50px;
	left:0px;
	height: 10px;
	width: 10px;
	border: none;
	overflow:hidden;
}
#status_panel_bm
{
	padding: 0;
	margin: 0;
	position:absolute;
	top: 50px;
	left:10px;
	height: 10px;
	width: 230px;
	border: none;
	overflow:hidden;
}
#status_panel_br
{
	padding: 0;
	margin: 0;
	position:absolute;
	top: 50px;
	left:240px;
	height: 10px;
	width: 10px;
	border: none;
	overflow:hidden;
}

input.default
{
   font-family:Tahoma,sans-serif;
   font-weight:bold;
    font-size:1.0em;
   color:#093a7f;
   background-color:#DDDDDD;
   border-style:solid;
   border-width:1px;
}
/* Status Panel */ 
#status_panel 
{    
    color:#093a7f;
	font-family: tahoma, arial, helvetica;
	font-size: 1.1em;
	font-weight: bold;

} 

/* Tool Panel Border*/
#tool_panel_tl
{
	padding: 0;
	margin: 0;
	position:absolute;
	top: 60px;
	left:0px;
	height: 10px;
	width: 10px;
	border: none;
	overflow:hidden;
}
#tool_panel_tm
{
	padding: 0;
	margin: 0;
	position:absolute;
	top: 60px;
	left:10px;
	height: 10px;
	width: 230px;
	border: none;
	overflow:hidden;
}
#tool_panel_tr
{
	padding: 0;
	margin: 0;
	position:absolute;
	top: 60px;
	left:240px;
	height: 10px;
	width: 10px;
	border: none;
	overflow:hidden;
}
#tool_panel_l
{
	padding: 0;
	margin: 0;
	position:absolute;
	top: 70px;
	left:0px;
	height: 525px;
	width: 10px;
	border: none;
	overflow:hidden;
}
#tool_panel_content
{
	padding: 0;
	margin: 0;
	position:absolute;
	top: 70px;
	left:10px;
	height: 525px;
	width: 230px;
	border: none;
	overflow:hidden;
}
#tool_panel_r
{
	padding: 0;
	margin: 0;
	position:absolute;
	top: 70px;
	left:240px;
	height: 525px;
	width: 10px;
	border: none;
	overflow:hidden;
}
#tool_panel_bl
{
	padding: 0;
	margin: 0;
	position:absolute;
	top: 595px;
	left:0px;
	height: 10px;
	width: 10px;
	border: none;
	overflow:hidden;
}
#tool_panel_bm
{
	padding: 0;
	margin: 0;
	position:absolute;
	top: 595px;
	left:10px;
	height: 10px;
	width: 230px;
	border: none;
	overflow:hidden;
}
#tool_panel_br
{
	padding: 0;
	margin: 0;
	position:absolute;
	top: 595px;
	left:240px;
	height: 10px;
	width: 10px;
	border: none;
	overflow:hidden;
}

/* Status Panel */ 
#tool_panel 
{    
    color:#093a7f;
	font-family: tahoma, arial, helvetica;
	font-size: 1.1em;
	font-weight: bold;

} 


#grdVehiclesListContainer
{
	margin: 4px;
	width: 190px;
	height: 280px;
	overflow-style: hidden;
	overflow-y: auto;
	font-family: tahoma, arial, helvetica;
	font-weight: normal;
	font-size: 0.8em;

}

#grdVehiclesSearchContainer
{
	margin: 4px;
	width: 190px;
	font-family: tahoma, arial, helvetica;
	font-weight: normal;
	font-size: 0.8em;
}

#vehicleEditContainer
{
	margin: 4px;
	width: 190px;
	font-family: tahoma, arial, helvetica;
	font-weight: normal;
	font-size: 0.8em;
}

input
{
	color:#093a7f;
	font-family: tahoma, arial, helvetica;
	font-weight: normal;
	font-size: 0.8em;
}

input.button,
input.buttonnarrow,
input.buttonwide
{
   font-size: 0.8em;
   font-family:Tahoma,sans-serif;
   font-weight:bold;
   color:#888888;
   width:100px;
   background-color:#EEEEEE;
   border-style:solid;
   border-color:#BBBBBB;
   border-width:1px;
}

input.buttonnarrow
{
   width:50px;
}

input.buttonwide
{
   width:120px;
}


/* popup related styles */
.olPopup
{
	overflow:inherit;
}

.olPopup *
{
	font-family: tahoma, arial, helvetica;
	margin: 0px;
	padding:0px;
	font-size: 12px;
}

.olPopup a.close
{
	width: 14px;
	height: 14px;
	position: absolute;
	top: 10px;
	right: 28px;
	background: url(img/close.gif) no-repeat top left;
	margin: 0px;
	font-size: 1px;
	padding: 0px;
}

.olPopup a.close:hover
{
	background: url(img/close-hover.gif) no-repeat top left;
}

.olPopup .olPopupContent
{
	font-family: tahoma, arial, helvetica;
	min-width:200px;
	background-color: #ffffff !important;
	padding: 1px !important;
	margin: 0px !important;
	font-size: 0.80em;
}

.olPopup .olPopupContent h2
{
	font-size: small;
	font-family: tahoma, arial, helvetica;
	text-align: center;
	padding: 2px 0px 2px 0px;
	margin: 0px 6px 0px 6px;
	text-transform:capitalize;
}

.olPopup .olPopupContent table
{
	border-collapse:collapse;
	overflow: auto;
	padding: 0px;
}

.olPopupContent table td
{
	padding: 4px;
	border: 1px solid #cccccc;
}

.markerlabel
{
	padding: 1px;
	background-color: #FFFFFF;
	vertical-align:middle;
	white-space: nowrap;
	color: #333333;
	font-family: tahoma, arial, helvetica;
	font-weight: 700;
	font-size: 0.9em;
	text-align: left;
	position:relative;
	top: 0px;
	left: 20px;
}

.PopupCalendar 
{
    left: -50px;
}

.PopupCalendar .ajax__calendar_container {
    border:1px solid #7591bc;
    color: #093a7f;
    background-color: #ffffff;

    
}


.PopupCalendar .ajax__calendar_other .ajax__calendar_day,
.PopupCalendar .ajax__calendar_other .ajax__calendar_year {
    color: #093a7f;
}
.PopupCalendar .ajax__calendar_hover .ajax__calendar_day,
.PopupCalendar .ajax__calendar_hover .ajax__calendar_month,
.PopupCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: #cccccc;
}
.PopupCalendar .ajax__calendar_active .ajax__calendar_day,
.PopupCalendar .ajax__calendar_active .ajax__calendar_month,
.PopupCalendar .ajax__calendar_active .ajax__calendar_year {
    color: red;
    font-weight:bold;
}

.ajax__tab_header {white-space:normal !important}


.contextMenus {position:absolute; background-color:#FFFFFF; 
              border-style:solid; border-width:1px; 
              border-color:#555555; 
              visibility:hidden;
              z-index: 2700;}
.menuItem {cursor:pointer; font-size:9pt; 
           font-family:Arial, Helvetica, sans-serif; 
           border-style:solid; border-width:1px; 
           border-color:#555555; 
           padding-left:5px; color:black; 
           background-color:transparent; 
           text-decoration:none}
.menuItemOn {cursor:pointer; font-size:9pt; 
             font-family:Arial, Helvetica, sans-serif; 
             border-style:solid; border-width:1px; 
             border-color:#555555; 
             padding-left:5px; color:black; 
             background-color:#AAAAAA; 
             text-decoration:underline}

#streetview 
{    
    color:#093a7f;
	font-family: tahoma, arial, helvetica;
	font-size: 0.8em;
	font-weight: normal;
	height: 30px;
} 

#streetviewwrapper 
{    
    color:#093a7f;
	font-family: tahoma, arial, helvetica;
	font-size: 0.8em;
	font-weight: bold;
}