a, span, div, body {
text-decoration:none;
}
ul {
margin:0px;
}
img {
border:medium none;
}
body, html {
font-family:verdana;
height:100%;
margin:0px;
width:100%;
}

.topRowCell {
border:1px solid navy;
}

.topRowDiv {
background:#DDDDDD none repeat scroll 0%;
color:navy;
font-family:verdana;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:50px;
line-height:normal;
margin:5px;
padding:3px;
text-align:left;
}
#top1 {
font-family:courier new;
font-size:14px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
text-align:center;
}
.Row2Cell {
padding-left:5px;
padding-right:5px;
}
#outerMapDiv {
border:2px solid navy;
padding:3px;
}
#mapDiv {
}
#mapCell {
padding:5px;
}
.statusDiv, #link, #mtContainer, #scale, #directions_info, #customMaps_info {
color:navy;
font-family:courier new;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding:3px;
text-align:left;
}
.statusBar, #link, #mtContainer, #scale, #directions_info, #customMaps_info, #opacityContainer, #buttonContainer, #directionsFormTable {
background:transparent none repeat scroll 0%;
border:0px solid navy;
margin-left:5px;
margin-right:5px;
margin-top:5px;
}
#directions_info, #customMaps_info {
height:585px;
overflow:auto;
}
#link, #scale {
text-align:center;
}
#tabsContainer {
margin-top:2px;
padding:2px;
text-align:center;
}
#tabsTable td {
text-align:center;
}
#customMapsTabContainer, #directionsTabContainer {
padding-top:2px;
}
#directionsTabContainer {
}
.functionsTab, .functionsTabSelected {
border:1px solid gray;
cursor:pointer;
font-family:verdana;
font-size:10px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
padding:2px;
}
.functionsTab:hover {
background:#EBB94D none repeat scroll 0%;
border:1px solid red;
color:red;
}
.functionsTabSelected {
background:#9743FF none repeat scroll 0%;
color:#FFFFFF;
}
#directionsFormTable td {
font-family:verdana;
font-size:10px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
padding:2px;
}
.ddOption, .ddSelectedOption {
background:#A6A8CC none repeat scroll 0%;
border:2px solid navy;
color:navy;
cursor:pointer;
font-family:verdana;
font-size:10px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
margin:3px;
padding:2px;
text-align:center;
vertical-align:middle;
z-index:100;
}
.ddSelectedOption {
background:#80FF80 none repeat scroll 0%;
border:2px solid #008000;
}
.ddOption:hover {
background:#EBB94D none repeat scroll 0%;
border:2px solid red;
}
#loadingMessage {
background:#3F06FA none repeat scroll 0%;
border:5px solid #290B8B;
color:#EEEEEE;
font-family:verdana;
font-size:20px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
left:0px;
line-height:normal;
opacity:0.7;
padding:10px;
position:absolute;
text-align:center;
top:0px;
width:200px;
z-index:1;
}
.countyInfo, .countyInfoSel {
background:#A6A8CC none repeat scroll 0%;
border:2px solid navy;
cursor:pointer;
font-family:verdana;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin-bottom:5px;
padding:3px;
}
.countyInfoSel {
background:#F4E48C none repeat scroll 0%;
border:2px solid #EF3E31;
}
#opacityContainer {
}
#opacityLabel {
font-family:verdana;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:2px;
text-align:center;
}
#opacitySlider {
background:transparent url(../sliderBG_800.jpg) repeat-x scroll 0%;
border:medium none;
cursor:pointer;
height:20px;
text-align:left;
}
#sliderHandle {
border:2px solid black;
height:18px;
position:relative;
width:5px;
}
.selectedButton, .buttonB, .button3 {
/* background:#A6A8CC none repeat scroll 0%;
border:2px solid navy; */
color:navy;
cursor:pointer;
font-family:verdana;
font-size:10px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:2px;
padding:0px;
text-align:center;
vertical-align:middle;
}
.button3 {
margin:0px;
}
.selectedButton {
background:#80FF80 none repeat scroll 0%;
border:2px solid #008000;
color:#008000;
}
.buttonB {
/* background:#F6D84C none repeat scroll 0%;
border:2px solid #ECB052; */
}
.button:hover, .buttonB:hover, .button3:hover {
/* background:#EBB94D none repeat scroll 0%;
border:2px solid red;
color:red; */
}
.stepRow td {
border-top:1px solid #BBBBBB;
cursor:pointer;
padding:2px;
vertical-align:top;
}
.globalSummaryDiv {
background:#888888 none repeat scroll 0%;
border:1px solid navy;
color:#FFFFFF;
}
.routeSummaryDiv {
background:#CCCCCC none repeat scroll 0%;
border:1px solid navy;
cursor:pointer;
}
#detailmap {
border:1px solid gray;
height:150px;
width:250px;
}
.bubble {
font-family:verdana;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:150px;
line-height:normal;
width:250px;
}
.POI_controls {
font-family:verdana;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding:2px;
text-align:left;
}
.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
	font-weight:bold;
    text-decoration:none;
}
.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
.tt:hover{ z-index:25; color: #aaaaff; background:;}
.tt:hover span.tooltip{
    display:block;
    position:absolute;
	/*this works in  mozzila and ie*/
	 top:-5px; 
   // top:23px; 
	left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #993300;
    text-align: justify;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(../images/bubble.png) no-repeat top;
}
.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(../images/bubble_filler.png) repeat bottom; 
	color:white;
}
.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(../images/bubble.png) no-repeat bottom;
}
/*---------- bubble tooltip end -----------*/
/* the more control properties */
#box {	text-align:left;
	font-size:smaller;
	padding: 6px 4px;
	width:150px;
	background-color: #fff;
	border: 1px solid gray;
	border-top:1px solid #a5a5a5;
	display: none;
	cursor:default;
}

#box.highlight {
	width:150px;
	border-width:2px;
	border-top:1px solid #a5a5a5;
}

#more_button { line-height: 1.4em;
	text-align:center;
	font-size:12px;
	margin-right:15px;
	background-color: #fff;
	border: 1px solid black;
	width:80px; height:16px;
	cursor: pointer;
}

#more_button.highlight {
	line-height: 1.3em;
	font-weight: bold;
	background-color: #fff;
	border-width: 2px;
	width:79px; height:15px;
}
#boxlink { color: #a5a5a5;
	text-decoration: none;
	cursor: default;
	margin-left:33px;
}


#boxlink.highlight { color: blue;
	text-decoration: underline;
	cursor: pointer;
}
/* the more control properties ends here*/