v\:* {

    behavior:url(#default#VML);

}



html {height: 100%}



body { font-family:Arial,Helvetica,sans-serif; font-size:small; 

  margin: 0px; padding: 0px;

  height: 99%;}



.hide { display: none; }



tr.h { display: none;}

th.h { display: none;}

td.h { display: none;}



/*

 * can't set background-color of tr directly, see http://www.w3.org/TR/CSS21/tables.html#table-layers

 * it looks ie 7 has bugs when set tr td backgroud-color

 */

/*

tr.s {font-weight:bold; background-color:#FEE0C6;}

tr.w { background-color:#FFFFFF; }

tr.d { background-color:#EFF3FB; }



tr.s td{font-weight:bold; background-color:#FEE0C6;}

tr.w td{ background-color:#FFFFFF; }

tr.d td{ background-color:#EFF3FB; }

*/

tr.head1 { background-color: #fee684; 

           padding: 2px 2px 2px 2px;

           height: 20px;

          }

tr.over { background-color: #FEE0C6; } cursor: pointer;

/*tr:hover, tr.over { background-color: #FEE0C6; }*/

tr.selected { background-color: #FEE0C6; }



HR {

background-color: #8080FF; /* #006699 mozilla */

border: 0px; /* fixes mozilla height */

clear: left;

color: #006699; /* ie */

float: left;

height: 1px;

margin: 7px 0px 7px 0px;

width: 95%;

}



.buttonSelect {

    width: 50px;

    /*background: #4bac4b;

    border: #1f6c1c;*/

}

form { margin: 0px; padding:0px; border: 0px; height: inherit;}



select {

    font-size: 12px;

    background-color: #eff3fb;

}

select.title {

    /*background: blue;*/

    margin: 0px;

    font-size: small;

}



span.noteworthy{

    padding: 1px 3px 1px 3px;

    font-weight:bold;

    color: #778899; 

    background-color: #F0FFFF;

    border: dotted 1px #778899;

}



.fieldReadOnly 

{

	padding: 3px;

	text-align: left;

	/*display:inline-block;*/

	background-color: InactiveCaptionText;  /*WhiteSmoke;*/

	border: Solid 1px Silver;

}

a {	color: Navy; text-decoration: none;

	border-bottom: /*dotted*/ 1px Navy; }

a:hover 

{

	color: Navy; 

	text-decoration: none;

	/*border-bottom: solid 1px Blue;*/

}



.pagetitle

{

	TEXT-ALIGN: center;

	width: inherit;

	margin: 5px 0;

}



a:active, a:link, a:visited { color:#0000CC; }

/*a:hover { color: #c0c0c0;}*/



#imgMapLoader

{

    position:absolute;

    top:8px;

    left:40%;

    z-index: 2147483647;

    display: block;

    width: 100px;

    height: 15px;

    color: Black;

    font-weight: bold;

    background-color: Orange;

    /*background-image: url('../Images/Icons/loading_sm.gif');*/

    background-repeat: no-repeat;

    background-attachment: scroll;

    border: 1px solid Black;

    padding: 3px;

    /*opacity: 0.5;*/

}



#container {

	position: relative;

	min-height: 100%;

}

#content 

{	height: 100%;

	padding-bottom: 18px;

}

#innercontent

{

	clear:both; 

	padding-top: 10px; 

}



#tabcontent

{

  height: 94%;

  position:relative;

  margin: 0px 0px 4px 0px;

  background-color: white;

  border: solid 2px #FFCC00;

  padding: 1px 4px 4px 4px;

  min-height: 600px;

}



#tabbottom

{

	position: absolute; bottom: 0;

	clear: both;

	padding: 4px;

	margin: 4px;

	font-size: small;

	font-weight: bold;

}





#mainsection

{ float: left;

  clear: right;

  margin: 1px 0px 0px 1px;

  background-color: white;

  /*border: solid 4px orange;*/

  padding: 4px 4px 4px 4px;

  min-height: 640px; 

  width: 80%; 

  padding-bottom: 4px; 

  /*height: 622px;*/

  }





#toprightbox

{

	float:right; 

	width: 195px

}

#footer

{	position: absolute; 

  bottom: 2px;

	margin: 2px 2px 2px 2px;

	padding: 2px 2px 2px 2px;

	clear: both;



	background-color: #fee684;

	font: Arial, Helvetica, sans-serif;

	font-size: smaller;

	

	background-color: #fee684;

	border: solid 2px 1px 1px 1px;

	border-color:Scrollbar;

    line-height: 1.0em;

    width: 99%;

}       



#ft {

    clear: both;

	width: 100%;

	border-top: 1px dotted #fee684;

	background-color: #CCCCCC;

	color: #626262;

	font-size: 70%;

}

#ft p {

	margin: 0.5em 0 1em 2em;

	padding: 0;

}



#masthead 

   { margin: 0px; /*width: 700px;*/ border: none;

	padding: 0px;

	float: left;

	}



#custlogo

{ float:left;

	border: none;

}

#custimgsm  { border: none; }

#custtag {padding:0 0 0 12px;

    font-size : 10pt;

   font-style: italic;

  }



#tagline

{ height:96px;

  border: none;

  font-family:Arial,Helvetica,sans-serif;

  font-size:small;

  font-style:italic;

}



#searchtabs { height:22px;list-style:none;margin:4px 0 0 0;padding:0; }

#searchtabs li { float:left;height:22px;background-color:#fc0;border-right:3px solid #fff;background:url("LtCurveSm.gif") no-repeat top left; }

#searchtabs li div { font-weight:bold;padding:4px 15px 2px 15px;background:url("rtcurvesm.gif") no-repeat top right;white-space:nowrap; }

* html #searchtabs li div { float:left; }

form>#searchtabs { height:auto;border-top:1px solid #FFFFFF; }

#searchtabs li.active { color:#000000;background-color:#fee684; }

#searchtabs li.enabled { color:#0000ff;background-color:#ffcc00; }

#searchtabs li.disabled { color:#636363;background-color:#fee684; }

#searchtabs li.hidden { display:none; }



/* added 02/26/2008, since the searchTab has been set as server control, need different name for reference */



#ctl00_MC1_searchtabs { height:22px;list-style:none;margin:4px 0 0 0;padding:0; }

#ctl00_MC1_searchtabs li { float:left;height:22px;background-color:#fc0;border-right:3px solid #fff;background:url("LtCurveSm.gif") no-repeat top left; }

#ctl00_MC1_searchtabs li div { font-weight:bold;padding:4px 15px 2px 15px;background:url("rtcurvesm.gif") no-repeat top right;white-space:nowrap; }

* html #ctl00_MC1_searchtabs li div { float:left; }

form>#ctl00_MC1_searchtabs { height:auto;border-top:1px solid #FFFFFF; }

#ctl00_MC1_searchtabs li.active { color:#000000;background-color:#fee684; }

#ctl00_MC1_searchtabs li.enabled { color:#0000ff;background-color:#ffcc00; }

#ctl00_MC1_searchtabs li.disabled { color:#636363;background-color:#fee684; }

#ctl00_MC1_searchtabs li.hidden { display:none; }





#tabsearch

{

  background-color: #FFFFCC;

  border: solid 1px #FC0;

  /*

  border-style: solid;

  border-width: 2px 2px 0px 1px;

  border-color: #FC0;

*/

  

  height: 60px;

  margin: 0px  0px 0px 0px;

}     



#tabslim

{

  background-color: #FFFFCC;

  border: solid 1px #FC0;

  /*

  border-style: solid;

  border-width: 2px 2px 0px 1px;

  border-color: #FC0;

*/

  height: 5px;

  margin: 0px  0px 0px 0px;

}     



#topLinkMenu

{

 text-align: center;

 padding: 4px 0px 2px 0px;

}

#topDropDownMenu{

 text-align: center;

 padding: 2px;

}

#topWelcomeMessage{

 text-align: center;

 padding: 2px 0px 7px 0px;

 font-size: smaller;

}

#fullscreentip 

{ 

   text-align: center;

   padding:1px 0 0 0px;

   font-size : 10pt;

   font-style: italic;

   font-weight: bold;

   color: Maroon;

}





/*****************************************************************

** panel Section

*/



/* focus content panel */

.focuspanel

{

  margin:   0px 0px 0px 0px;

  padding: 3px;

  background-color: #FFFFCC;

  font-size: small;

  line-height: 1em;

  float:none;

  border-style: solid;

  border-color: #FC0;   

  border: solid 1px;

}



.focuspanel h1 

{	font-family:Arial,Helvetica,sans-serif;

	font-size:medium; 

	line-height: 20px;

	width: 95%;

	height:30px;

	padding: 4px 0 0 10px;

	background-color: #fee684;

	border-style: solid;

  border-width: 0px 0px 0px 6px;

	border-color: #FC0;

}



/* left panel*/

.leftpanel

{ margin:   5px 0px 0px 0px;

  padding: 5px 5px 5px 5px;

  background-color: #FFFFCC;

  font-size: small;

  line-height: 1em;

  float:left;

  border-style: solid;

  border-color: #FC0;   

  border: solid 1px;

  width : 160px;

  min-height: 100%;

}



.leftpanel p 

{ font-size: small;

  line-height: 1.5em;

}



.leftpanel h1 

{	font-family:Arial,Helvetica,sans-serif;

	font-size:small; 

	width: 90%;

	padding: 2px 0 6px 4px;

	background-color: #fee684;

	border-style: solid;

    border-width: 0px 0px 0px 6px;

	border-color: #FC0;

}



.leftpanel h2 

{	font-family:Arial,Helvetica,sans-serif;

	font-size: large; 

	width: 80%;

	height: 22px;

	padding: 4px 0 0 10px;

	background-color: #fee684;

	border-style: solid;

  border-width: 0px 0px 0px 6px;

	border-color: #FC0;

}



.leftpanel h3 

{	font-family:Arial,Helvetica,sans-serif;

	font-size:small; 

	font-weight: normal;

	width: 80%;

	height: 22px;

	padding: 4px 0 0 10px;

	background-color: #C0C0FF;

	border-style: solid;

	border-width: 0px 0px 0px 6px;

	border-color: #8080FF;

}





.leftpanel_title_div 

{

	padding: 5px; 

	margin: 5px;

	/*line-height: 20px;*/

}

.leftpanel_title

{

	font-family:Arial,Helvetica,sans-serif;

	font-size: large;

	font-weight: bold;

	line-height: 18px;

}



.leftpanel input

{ padding: 1px 0px}



.panel

{ float:left;

  padding: 2px; margin:  2px 0px 0px 2px;

  line-height: 1em;

}

.panel p

{ padding: 0px; 

  margin: 0px; 

  line-height: 1em;

}



.panel h1

{

  font-size: 16px;

  background-color: #fee684;

  line-height: 1.5;

  margin: 0px;

  border-left: solid 4px #FEC73C;

  padding-left: 2px;

  padding-bottom: 2px;

  width: 100%;

}



.panel h2

{

  font-size: 14px;

  background-color: #fee684;

  line-height: 1.5;

  margin: 0px;

  border-left: solid 4px #EABA38;

  padding-left: 2px;

  padding-bottom: 2px;

  width: 90%;

}



.panel h3

{

  font-size: 14px;

  background-color: #fee684;

  line-height: 1.5;

  margin: 0px;

  border-left: solid 2px black;

  padding-left: 2px;

  padding-bottom: 2px;

  width: 100%;

}



.sectionhead

{

  font-size: 16px;

  font-weight: bold;

  /*background-color: #fee684;*/

  line-height: 30px;

  border-left: solid 4px #EABA38;

  padding: 0px 5px 0px 5px;

  margin-left: -5px;

  width: 98%;

}



.reportPanel {

  margin-bottom: 10px;

}



.li { float:left;height:22px;background-color:#fc0;border-right:3px solid #fff; }

.li div { font-weight:bold; padding:4px 15px 2px 15px; white-space: pre-wrap; }

.li.active { color:#000000;background-color:#ffcc00; }



/*****************************************************************

** infobox Section

*/



/* infobox panel*/

.infobox

{ margin:   -1px 0px 0px 0px;

  padding: 3px;

  background-color: #FFFCCC;

  font-size: small;

  line-height: 1em;

  float:left;

  border-style: solid;

  border-color: #FC0;   

  border-left: solid 1px;

	border-right: solid 1px;

	border-bottom: solid 1px;

	border-top: none;

	width : 180px;

  height: 460px;

}



.infobox p 

{ font-size: small;

  line-height: 1em;

}



.infobox h1 

{	font-family:Arial,Helvetica,sans-serif;

	font-size:small; 

	width: 80%;

	height: 22px;

	padding: 4px 0 0 10px;

	background-color: #fee684;

	border-style: solid;

  border-width: 0px 0px 0px 6px;

	border-color: #FC0;

}





/* right panel*/

.rtpanel

{ margin: 0px;

  padding: 2px;

  background-color: #fee684;

  font-size: small;

  line-height: 1em;

  float:right;

  border-style: solid;

  border-color: #FC0;   

  border-left: solid 1px;

	border-right: solid 1px;

	border-bottom: solid 1px;

	border-top: none;

}



.rtpanel p 

{ font-size: small;

  line-height: 1em;

}



.rtpanel h1 

{	font-family:Arial,Helvetica,sans-serif;

	font-size:small; 

	font-style:italic;

	width: 80%;

	height: 22px;

	padding: 4px 0 0 10px;

	background-color: #fee684;

	border-style: solid;

  border-width: 0px 0px 0px 6px;

	border-color: #FC0;

}



.rtpanel input

{ padding: 1px 0px}









/********************/  

.sg1

{  background-color : #FCD94B;

   font-weight:bold ;

   width: 200px;

}



.sg2

{  background-color : #FCD94B;

   font-weight:bold ;

   width: 200px;

}

 

#login

{ margin-top: -1px;

  vertical-align :top;

  width : 180px;

  height: 460px;

  line-height: 1.2em;

}



#login input 

{  padding:4px;

}



/* ****************************************************************

** Navigation Buttons

*/



/* Fix IE. Hide from IE Mac \*/

* html .vnav ul li { float: left; height: 1%; }

* html .vnav ul li a { height: 1%; }

/* End */



.btn 

{

   color:White;

   background-color:inactivecaption;

   border:  outset 1px #5b70a6;

   /* border: solid 1px #FF8000;  this was originally the only style for btn*/

   font-size:Small;

   font-weight:bold;

}



.nbtn 

{ font:  Arial, Helvetica, sans-serif;

	font-size: 10PT;

  height: 1em;

  padding: 3px 5px 2px 5px; 

	margin-bottom: 5px;

	margin-left: 1px;

	text-decoration: none;

	/*border-right: groove 1px #c0c0c0;

  border-bottom: groove 1px #c0c0c0;*/

  border: solid 1px white;

  }

  

.gbtn 

{ font:  Veranda, Arial, Helvetica, sans-serif;

	font-size: 10PT;

  height: 1em;

  padding: 3px 5px 2px 5px; 

	margin-bottom: 5px;

	margin-left: 1px;

	text-decoration: none;

  border: solid 1px white;

  background-color: #508840;

  color: White;

}



a.gbtn, a.hbtn, a.lbtn, a:link.nbtn /*, a:link, a:hover, a:visited, a:active */

{

  font: 10PT  Arial, Helvetica, sans-serif;

  height: 1em;

  padding: 3px 5px 2px 5px; 

	margin-bottom: 5px;

	margin-left: 1px;

	text-decoration: none;

	border-right: groove 1px #c0c0c0;

  border-bottom: groove 1px #c0c0c0;

}

/* link buttons - */

a:link.lbtn    { background-color: #cc0000;}

a:visited.lbtn { background-color: #cc0000;}

a:hover.lbtn   { background-color: #FF0000;}

a:link.lbtn, a:hover.lbtn, a:visited.lbtn {	color: #FFFFFF;}



/* help buttons - yellow */

a:hover.hbtn   { background-color: #FFFF00;}

a:link.hbtn    { background-color: #FFCC00;}

a:visited.hbtn { background-color: #FFCC00;}

a:link.hbtn, a:hover.hbtn, a:visited.hbtn {	color: #000000;}



a:link.nbtn    { background-color: #FF6633;}

a:visited.nbtn { background-color: #FF6633;}

a:focus.nbtn   { background-color: #FF6633;}

a:hover.nbtn   { background-color: #FF9900;}

a:active.nbtn  { background-color: #FF9900;}



a:link.gbtn, a:link.nbtn, a:hover.nbtn, a:visited.nbtn {

  color: #FFFFFF;

  height: 1em;

  width: 100px;

  padding: 3px 5px 2px 5px; 

	margin-bottom: 5px;

	margin-left: 1px;

	text-decoration: none;

	border-right: groove 1px #c0c0c0;

  border-bottom: groove 1px #c0c0c0;

}



/* go button: GREEN*/

a.go

{

  text-align: center;

  font-family: Veranda, Arial, Helvetica, sans-serif;

  font-size: 10px;  

  height: 1em;

  width: 45px;

  padding: 3px 5px 2px 5px; 

	margin-bottom: 5px;

	margin-left: 1px;

	font-weight: bold;

	background: #307020 ;

  color: White;

	text-decoration: none;

	border-right: groove 1px #002809;

  border-bottom: groove 1px #002809;

}



a:link.go, a:visited.go /*, a:link, a:hover, a:visited, a:active */

{ text-align: center;

  font: Arial, Helvetica, sans-serif;

  font-size: 10PT;

  font-weight: bold;

  height: 1em;

  width: 45px;

  padding: 3px 5px 2px 5px; 

	margin-bottom: 5px;

	margin-left: 1px;

  color: White;

	text-decoration: none;

	border-right: groove 1px #002809;

  border-bottom: groove 1px #002809;

}

/* link buttons - */



a:hover.go 

{

  background-color: #7dc623;

  color: White;

  text-align: center;

  height: 1em;

  width: 45px;

  padding: 3px 5px 2px 5px; 

	margin-bottom: 5px;

	margin-left: 1px;

	text-decoration: none;

	border-right: groove 1px #002809;

  border-bottom: groove 1px #002809;

}



a.treeview {

    text-decoration: none;

}



.errorMsg {

    display:inline-block;

    /*background-color: Maroon;*/

    color: Maroon;

    font-size: larger;

    font-weight: bold;

    width: auto;

    clear: both;

    vertical-align: middle;

    padding: 5px 5px 5px 5px;

    text-align: center;

}



#reportPanel

{

  width: 100%;

  padding: 5px;

  margin: 2px;

  }

#reportBar

{ width: 100%;

	margin: 1px 1px 1px 1px;

	padding: 1px 1px 1px 1px;

	clear: both;

}



#mapPanel

{

  width: 100%;

  padding: 5px;

  margin: 2px; 

}

.map 

{

	float:left;

	margin: 2px 5px 2px 0px;

	width:100%;

	height:99%;

}

#maplabel

{

   padding: 1px;

   color: black;

   font-weight: bold;

   background-color: LightBlue;

   border: solid 1px Navy;

   white-space: nowrap;

   z-index: 10;

}



#maplocationlabel

{

   padding: 1px;

   color: black;

   font-size:x-small;

   font-weight: bold;

   background-color:LightGreen;

   border: solid 1px Navy;

   white-space: nowrap;

   z-index: 10;

}

.style1 

{

   padding: 1px;

   font-size:x-small;

	background-color:LightGreen;

	font-weight:bold;

   width:48px;

   text-align:center;

	border:solid 1px Navy;

	

}

.tabLink

{

	font-weight: normal;

	padding: 20px 5px 0px 0px;

	margin-top: 20px;

}



/* used by EditVehicle */

.HiddenColumn{display:none;}





#ctl00_MC1_reportBarPanel{

    margin: 5px 5px 5px 5px;

}



#ctl00_MC1_sectionSelectReportType {

    margin: 0px 5px 7px 0px;

}

#ctl00_MC1_sectionSelectDateRange, #ctl00_MC1_sectionSelectDay {

    margin-left: 0px;

    margin-right: 0px;

}

#ctl00_MC1_sectionPrintExport {

    margin-left: 65px;

    margin-right: 0px;

    /*white-space: nowrap;*/

}

#ctl00_MC1_sectionPrintExport.a {

    border-bottom: none;

}

#ctl00_MC1_sectionSecondWrapRowBlock {

    display: inline-block;

}



#ctl00_MC1_sectionFilterBy {

    margin-top: 7px;

    margin-left: 0px;

}





/*****************************************************

    Alert Management

******************************************************/



#ctl00_MC1_sectionEventDescrSpecific, #ctl00_MC1_sectionEventDescrCommon

{

    margin: 20px;

}



#ctl00_MC1_cmdVehicle_Remove_click, #ctl00_MC1_cmdVehicle_Add_click {

    margin-left: 0px;

}



td.moveArrows {

    width: auto; 

    height: 100px;

    text-align: center;

}



.eventdescription

{

    background-color: #EFF3FB;

    border: solid 1px silver;

}



.eventdescription table {

    border: none;

} 

.eventdescription tr {

      width: 70%;

} 



.eventdescription .td1 

{

font-weight: bold;

width: 120px;

height: 15px;

text-align: right;

}



.transparent_class {

	filter:alpha(opacity=1);

	-moz-opacity:1.0;

	-khtml-opacity: 1.0;

	opacity: 1.0;

}





/*****************************************************

    Search box of FleetView

******************************************************/



.blurClass {

    color: #999;

}

a.searchHighlight {

    font-weight: bolder;

    font-size: 1em;

    color: #ff0000;

}

div.searchItemLeft {

    float: left;

    width: 72%;

    overflow-x: hidden;

    text-align: left;

    padding-right: 1%;

    white-space: nowrap;

}

div.searchItemRight {

    float: right;

    width: 26%;

    overflow-x: hidden;

    text-align: left;

    font-style: italic;

    white-space: nowrap;

}



div.LabeledMarker_markerLabel 

{

	font-size:0.85em; 

	border: 1px solid Navy;

	color: Black;

	font-weight: bold;

	white-space: nowrap;

}