<!--
'==============================================================================
' FILENAME sitestyle.css
' PURPOSE This file contains the code that contains the CSS styles for IE/NS6
' (c) Copyright C.W. Beilfuss & Associates, Inc. 2002
'==============================================================================
-->
body {font-family:Arial, Helvetica, sans-serif;background:white;font-size:14px}
form {display: inline}
.highlight {color:#333636}
.errmsg {color:#FF0000;font-size:20px}
.color2 {color:#333636;font-family:Arial, Helvetica, sans-serif;font-size:16px;}
.heading {color:#333636; font-size:20px; font-family:Arial, Helvetica, sans-serif;}
.heading2 {color:#333636; font-size:20px; font-family:Arial, Helvetica, sans-serif;}
.usermsg {color:#333636; font-size:20px; font-family:Arial, Helvetica, sans-serif;}
.steptext {color:white; font-size:22px; font-family:Arial, Helvetica, sans-serif}
.basictext {color:black;font-size:14px;font-family:Arial, Helvetica, sans-serif}
.element1 {color:black;font-size:12px;font-family:Arial, Helvetica, sans-serif}
.element2 {color:black;font-size:12px;font-family:Arial, Helvetica, sans-serif}
.menutext {font-size:24px;font-family:Arial Narrow;font-weight:bold}
.text2 {color:black;font-size:20px;font-family:Arial, Helvetica, sans-serif;font-weight:200;}
.smallredtext {color:#333636;font-size:12px;font-family:Arial, Helvetica, sans-serif;}
.smalltext {font-size:12px;font-family:Arial, Helvetica, sans-serif;}
.permittext {color:black;font-family:Arial Narrow;font-size:16px}
.colorNarrow {color:#008000;font-family:Arial Narrow;font-size:16px;}
.smallboldtext {color:black;font-family:Arial Narrow;font-size:13px;font-weight:bold}
.reportheading {color:#0000FF;font-family:Arial, Helvetica, sans-serif;font-weight:bold;font-size:20px}
.boldtext {color:black;font-size:16px;font-family:Arial, Helvetica, sans-serif;font-weight:bold}
.smallboldblacktext {color:black;font-size:14px;font-family:Arial, Helvetica, sans-serif;font-weight:bold}
.smallboldtext {color:white;font-size:12px;font-family:Arial, Helvetica, sans-serif;font-weight:bold}
.smallnormaltext {color:black;font-size:12px;font-family:Arial, Helvetica, sans-serif;font-weight:200;}
.extrasmalltext {color:black;font-size:11px;font-family:Arial, Helvetica, sans-serif;font-weight:200;}
.smallboldredtext {color:red;font-size:12px;font-family:Arial, Helvetica, sans-serif;font-weight:bold}
.whiteheading {color:white;font-size:16px;font-family:Arail, Helvetica, sans-serif;font-weight:bold}
.boldredtext {color:red;font-size:12px;font-family:Arial, Helvetica, sans-serif;font-weight:bold}
.version {color:black; font-weight:normal; font-family:Arial; font-size:11px}
.stepBoxSpace {font-size: 6px}

.reportTitle {color:black;font-size:18px;font-family:Arial, Helvetica, sans-serif;font-weight:bold}
.reportText {color:black;font-size:14px;font-family:Arial, Helvetica, sans-serif;}
.reportHeading {color:black;font-size:14px;font-family:Arial, Helvetica, sans-serif;font-weight:bold}
.reportStatusText {color:black;font-size:12px;font-family:Arial, Helvetica, sans-serif;}
.reportStatusHeading {color:black;font-size:12px;font-family:Arial, Helvetica, sans-serif;font-weight:bold}

.maptext {color:black;font-family:Arial, Helvetica, sans-serif;font-size:13px}
.maptext2 {color:black;font-family:Arial Narrow;font-size:13px;font-weight:bold}
.maptextcolor {color:#003366;font-family:Arial;font-size:12px;font-weight:bold}
.maptextred {color:red;font-family:Arial;font-size:11px;font-weight:bold}
.mapmenutext {color:white;font-size:13px;font-family:Arial Narrow}
.maptexti {color:black;font-family:Arial, Helvetica, sans-serif;font-style:italic;font-size:13px}
.maptblbg {background-color:#333636}

a.footer:visited 	{color: #003366; font-weight:bold; text-decoration:none;font-family: arial;font-size:11px}
a.footer:active 	{color: #003366; font-weight:bold; text-decoration:none;font-family: arial;font-size:11px}
a.footer:link 		{color: #003366; font-weight:bold; text-decoration:none;font-family: arial;font-size:11px}
a.footer:hover		{color: #808080; font-weight:bold; text-decoration:none;font-family: arial;font-size:11px}

a.topmenu:visited 	{color: #FFFFFF; font-weight:bold; font-size:14px; text-decoration:none;font-family: arial narrow;}
a.topmenu:active 	{color: #FFFFFF; font-weight:bold; font-size:14px; text-decoration:none;font-family: arial narrow;}
a.topmenu:link 		{color: #FFFFFF; font-weight:bold; font-size:14px; text-decoration:none;font-family: arial narrow;}
a.topmenu:hover		{color: #808080; font-weight:bold; font-size:14px; text-decoration:none;font-family: arial narrow;}

a.permits:visited 	{color: black; font-weight:bold; text-decoration:none;font-family: arial;font-size:12px}
a.permits:active 	{color: black; font-weight:bold; text-decoration:none;font-family: arial;font-size:12px}
a.permits:link 		{color: black; font-weight:bold; text-decoration:none;font-family: arial;font-size:12px}
a.permits:hover		{color: #808080; font-weight:bold; text-decoration:none;font-family: arial;font-size:12px}

a.mapmenu:visited 	{color: #FFFFFF; font-weight:bold; font-size:13px; text-decoration:none;font-family: Arial Narrow;}
a.mapmenu:active 	{color: #FFFFFF; font-weight:bold; font-size:13px; text-decoration:none;font-family: Arial Narrow;}
a.mapmenu:link 		{color: #FFFFFF; font-weight:bold; font-size:13px; text-decoration:none;font-family: Arial Narrow;}
a.mapmenu:hover		{color: #808080; font-weight:bold; font-size:13px; text-decoration:none;font-family: Arial Narrow;}

a.routemenu:visited {color: #003366; font-size:12px; text-decoration:none;font-family: Arial;}
a.routemenu:active 	{color: #003366; font-size:12px; text-decoration:none;font-family: Arial;}
a.routemenu:link 	{color: #003366; font-size:12px; text-decoration:none;font-family: Arial;}
a.routemenu:hover	{color: #808080; font-size:12px; text-decoration:none;font-family: Arial;}

a.newrouting:visited 	{color: #FFFF00; font-size:12px; text-decoration:none;font-family: Arial, Helvetica, sans-serif; font-weight:normal}
a.newrouting:active 		{color: #FFFF00; font-size:12px; text-decoration:none;font-family: Arial, Helvetica, sans-serif; font-weight:normal}
a.newrouting:link 		{color: #FFFF00; font-size:12px; text-decoration:none;font-family: Arial, Helvetica, sans-serif; font-weight:normal}
a.newrouting:hover		{color: #FFFF00; font-size:12px; text-decoration:underline;font-family: Arial, Helvetica, sans-serif; font-weight:normal}

a.hideshow:visited 	    {color: #003366; font-size:12px; text-decoration:none;font-family: Arial, Helvetica, sans-serif; font-weight:normal}
a.hideshow:active 		{color: #003366; font-size:12px; text-decoration:none;font-family: Arial, Helvetica, sans-serif; font-weight:normal}
a.hideshow:link 		{color: #003366; font-size:12px; text-decoration:none;font-family: Arial, Helvetica, sans-serif; font-weight:normal}
a.hideshow:hover		{color: #808080; font-size:12px; text-decoration:underline;font-family: Arial, Helvetica, sans-serif; font-weight:normal}

a:active, a:link {
	color: #003366; 
	font-weight: bold; 
	text-decoration:none;
	font-family: arial;}
a:hover {
	color: #808080; 
	font-weight: bold; 
	text-decoration:none; 
	font-family: arial;}

.divScrollAuto {
    	height:300px;
	    width:1000px;
    	overflow:auto;
	    white-space:nowrap;
    }
.mainMenu {	
	background-color: #333636;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #FFFFFF; 
    font-weight:bold;
}
.mainMenu a:link {	
	color: #FFFFFF;
	font-weight: bold; 
	text-decoration:none;
	font-family: arial;
}
.mainMenu a:hover {
	color: #808080; 
	font-weight: bold; 
	text-decoration:none; 
	font-family: arial;}

.spacer3 { font-size:3px}

 .rounded {
  /* fix IE 6 layout */
  position:relative;
  /* IE haslayout */

  /* obey floats */
  overflow:hidden;

  }  

  .top,
  .bottom,
  .top b,
  .bottom b {
  display:block;
  font:normal 1px/1px sans-serif;
  position:relative;
  border-style:solid;
  border-width:0;
  }


  .rounded .top,
  .rounded .bottom {
  margin:0 5px;
  height:4px;
  }

  .rounded .top,
  .rounded .top b {
  padding-top:1px;
  }

  .rounded .bottom,
  .rounded .bottom b {
  padding-bottom:1px;
  }

  .rounded .top b,
  .rounded .bottom b {
  margin:0 -2px;
  height:3px;
  }

  .rounded .top b b,
  .rounded .bottom b b {
  margin:0 -1px;
  height:2px;
  }

  .rounded .top b b b,
  .rounded .bottom b b b {
  height:1px;
  }

  .superBox .top,
  .superBox .top b,
  .superBox .bottom,
  .superBox .bottom b,
  .superBox .content {
  color:#3D3D3D;
  background-color:#3D3D3D;
  }

  .example .content{
  font:normal 12px/14px arial,helvetica,sans-serif;
  padding:3px 8px;
  }

.boxColor {background: #F7F7F7 url(../images/box_heading.gif) repeat-x 0 0; height:21px;padding:0px 0px 0px 8px;}
.boxFill {border-color:#AAAAAA; border-style:solid; border-width:1px; padding:5px; background: #F7F7F7 url(../images/backgroundfade.jpg) repeat-x}
.headingText {font-family:Arial; font-size:16px; color:white; font-weight:600; margin-bottom:0px; margin-top:0px;}
.menudisabled {color: gray;}
.mypermitstable {background: #3C517C; color:white;font-size:12px;font-family:Arial, Helvetica, sans-serif;font-weight:bold}

a.superBtn, a.superBtn span.superBtn_lft, a.superBtn span.superBtn_rt {
	display:inline-block;
	line-height: 24px;
	width: 120px;
	color: #FFFFFF;
	cursor:pointer;
	font-size: 12px;	  
}
a.superBtn {
	background: url(../images/btn_Super_dark.gif) ;
	color: #FFFFFF;
	font-weight:normal;
	text-align: center;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
}

a:link.superBtn {color:#FFFFFF;font-weight:bold; font-size:14px;}

a:hover.superBtn {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold; 
	font-size: 12px;	
	background: url(../images/btn_Super_light.gif) ;
}
a.superBtn span.superBtn_lft {

}
a.superBtn span.superBtn_rt {
		
}

a.superleftBtn 
{
	float: left;
	width: auto;
	margin: 0 10px 0 0;
}

a.supercenterBtn 
{
	float: none;
	width: auto;
	margin: 0 10px 0 0;
}

a.superrightBtn {
	float:right;
	width: auto;
	margin: 0 10px 0 0;
}

a.supernoneBtn 
{
	float:inherit;
	width: auto;
	margin: 0 10px 0 0;
}




a.superBtnAuto, a.superBtnAuto span.superBtn_lftAuto, a.superBtnAuto span.superBtn_rtAuto {
	display:block;
	line-height: 24px;
	width:inherit;
  cursor:pointer;
	font-size: 12px;	  
}
a.superBtnAuto {
	background: url(../images/super_btn_middle.gif) repeat-x 0 0;
	color: #FFFFFF;
	font-weight:normal;
	text-align: center;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;	
}

a:link.superBtnAuto {color:#FFFFFF;font-weight:bold; font-size:14px;}

a:hover.superBtnAuto {
	color: black;
	text-decoration: none;
	font-weight: bold; 
	font-size: 12px;	
}
a.superBtnAuto span.superBtn_lftAuto {
	background: url(../images/super_btn_left.gif) no-repeat 0 0;
}
a.superBtnAuto span.superBtn_rtAuto {
	background: url(../images/super_btn_right.gif) no-repeat 100% 0;
	padding: 0 0px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;		
}

a.superleftBtnAuto 
{
	float: left;
	width: auto;
	margin: 0 10px 0 0;
}

a.supercenterBtnAuto 
{
	float: none;
	width: auto;
	margin: 0 10px 0 0;
}

a.superrightBtnAuto {
	float:right;
	width: auto;
	margin: 0 10px 0 0;
}

a.supernoneBtnAuto 
{
	float:inherit;
	width: auto;
	margin: 0 10px 0 0;
}
#defaultheaderinc
{
	color:#333333; font-size:11px; font-family:Arial, Helvetica, sans-serif;
	margin: 0px;
	visibility:visible;
}
.defaultheaderinclable {font-weight:bolder; font-size:11px;}
#vehicleinfostringinc {font-size:11px; color:#ffffff; font-weight:bold;}