/* top level html containers */
html { height: 100%; overflow: auto; }
body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	background: #000;
	color: #fff;
	font-family: Verdana, sans-serif;
	font-size: 12px;
}

/* general styling rules */
a { color: #fff; }
a:hover { color: #f0a; }
table, form, p { margin: 0px; padding: 0px; }
img { border: 0px; }

/* form validation */
input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; }
input.required, textarea.required { border: 1px solid #00A8E6; }
input.validation-failed, textarea.validation-failed { border: 1px solid #FF3300; color : #FF3300; }
input.validation-passed, textarea.validation-passed { border: 1px solid #00CC00; color : #000; }
.validation-advice { color: #FF3300; font-weight: bold; }
.custom-advice { color: #C8AA00; font-weight: bold; }


/* mainframe */

#gmaps {
	width: 	600px; 
	height: 600px;
}

#dialoggray {
   visibility: hidden;
   position: absolute;
   z-index:2;
   left: 0px;
   top: 0px;
   height: 100%;
   width: 100%;
   background-color: #000000;
   Filter: Alpha(Opacity=80);
   -moz-opacity:0.8;
}

#googlemaps {
	position: absolute;
	top:50%;
	left:50%;
	width: 600px; 
	margin-left: -300px;
	margin-top: -300px;
	height: 600px;
	border: 5px solid #fff;
	z-index:4;
}