html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}

body {height:100%;}


#map-wrapper2 {
	display:table;
	position: relative;
	width: 100%;
	height: 100%;
	overflow:auto;
}

#map-canvas {
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	height: 100%;
}

#mapbackground {
	position: absolute;
	display:inline;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



#map-wrapper {
	position: relative;
	height: 80%;
	width: 99%;
}

#sidebar2 {
	background-color:#8ABE7A;
	position: relative;
	float: right;
	width: 300px;
	filter:alpha(opacity=100);    
	-moz-opacity: 1.0;    
   	opacity: 1.0;
   	height: 100%;
   	margin-right: 0%;
   	margin-left: 0%;
   	border: 1px solid black;
   	/*overflow-y:scroll; 
   	overflow: -moz-scrollbars-vertical;*/
   	
}

#sidebarold {
	position: absolute;
	top: 0;
	width: 300px;
	height: 100%;
	overflow: auto;
	filter:alpha(opacity=100);    
	-moz-opacity: 1.0;    
   	opacity: 1.0;    
}


body.sidebar-right #map-wrapper { margin-right: 400px; }
body.sidebar-right #sidebar { right: 25px;}

body.nosidebar #map-wrapper { margin: 0; }
body.nosidebar #sidebar { display: none; }

body.sidebar-right a#button-sidebar-show,
body.nosidebar a#button-sidebar-hide { display: none; }

#toolbar {
	position: absolute;
	top: 20px;
	left: 60px;
	width: 400px;
	padding: 5px;
	background: white;
	border: 1px solid black;
}




#toolbar h1 {
	margin: 0;
	font: bold 18px Helvetica, sans-serif;
}

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

#toolbar ul#sidebar-controls {
	position: absolute;
	right: 5px;
	bottom: 5px;
}

#toolbar ul li {
	display: inline;
}

#toolbar ul li a {
	padding: 3px 6px;
	color: #444;
	text-decoration: none;
	font-size: 12px;
}

#toolbar ul li a:hover {
	color: #aaa;
	background: #444;
}
#container {
   position: absolute;
   width: 250px;
   top: 150px;  left: 250px;
   border: 0px;
   }

#translucentbkg {
   width: 250px;
   background-image: url(../images/infobox.png) !important;  /* Mozilla only */
   background-color: transparent !important;           /* Mozilla only */
   background-image: none;                             /* IE only */
   background-color: #444;                          /* IE only */
   filter:alpha(opacity=50);                           /* IE only */
   }

#opaquetext { position: relative; 
	font: 100% arial, helvetica, sans-serif;
	font: bold;
	height: 100%;
	border: 0px solid blue;
}

textarea {
	font: 100% arial, helvetica, sans-serif;
	font: bold;
	background-color: #ffffff;                          /* IE only */
	}

#container2 {
   position: absolute;
   width: 700px;
   top: 0px;  left: 0px;
   //height: 400px;
   border: 0px solid black;
   }
   
#translucentbkg2 {
	width: 250px;
	background-image: url(../images/infobox.png) !important;  /* Mozilla only */
	background-color: transparent !important;           /* Mozilla only */
	background-image:url(../images/infobox.png);
	background-color: #444;                              /* IE only */
	filter:alpha(opacity=70);                           /* IE only */
	opacity: 0.5;

}
#semiTrans {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/infobox.png', sizingMethod='scale');
background:;
}
/*#fader{ 
background-image:url(../images/infobox.png); 
background-repeat: repeat;
width:100%; 
height:100%; 
}*/ 



#faderIE {
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src="../images/infobox.png", sizingMethod="scale");
    background-repeat: repeat;
    width:100%; 
    height:100%; 

}
#faderFF {
	background-image:url(../images/infobox.png); 
	background-repeat: repeat;
	width:100%; 
	height:100%; 
}


#faderIE2 {
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src="../images/infobox.png", sizingMethod="scale");
    background-repeat: repeat;
    width:100%; 
    height:100%; 

}
#faderFF2 {
	background-image:url(../images/infobox.png); 
	background-repeat: repeat;
	width:100%; 
	height:100%; 
}



#tophalf {
   position: relative;
   width: 80%;
   top: 0px;  left: 0px;
   border: 1px solid black;
   }
#bottomhalf {
   position: relative;
   width: 80%;
   bottom: 0px;  left: 0px;
   border: 1px solid blue;
   }
#step1 {
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	}
   
#currentStep {
	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
	}


#step2 {
	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
	}

#step3 {
	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
	}

#step4 {
	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
	}


h2 
	{font-size: 140%; 
   	font-weight: normal;margin: 15px 0 5px 0;
   	padding: 10px 0 0 0;
   	text-transform: uppercase;}