@media screen {
	html { overflow: hidden; }
	html, body { margin: 0; padding: 0; height: 100%; }
	body { margin: 0px 10px 10px 10px; background: url(/img/side_bg.gif) repeat-x; }
	#content { margin-top: 10px; position: relative; }
	#map { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #aaa; }
	#map-wrapper { position: relative; height: 100%; }
	#sidebar { font: 11px Verdana, Arial, sans serif; position: absolute; top: 0px; width: 240px; height: 100%; overflow: auto; }
	#sidebar label { display: block; font-weight: bold; }
	input.text { width: 216px; border: 1px solid #aaa; font: 11px Verdana, Arial, sans serif; }
	input.button { font: 11px Verdana, Arial, sans serif; }
	body.sidebar-right #map-wrapper { margin-right: 258px; }
	body.sidebar-right #sidebar { right: 0; }
	body.sidebar-right a#button-sidebar-show { display: none; }
	#toolbar { position: relative; height: 40px; }
	/* holly hack for IE to get position:bottom right see: http://www.positioniseverything.net/abs_relbugs.html */
	* html #toolbar { height: 1px; }
	/* */
}

@media print {
	* { font: 12px Verdana, Arial, Helvetica, sans-serif; color:#000000; }
	#toolbar { display:none; }
	#form { display:none; }
	#content #map-wrapper #map { width: 400px; height: 400px; }
	#sidebar #directions { page-break-before:always; display:block; }
}