/* walking in the city */

/*    by ian hatcher   */
/*      clearblock.net */


body {
	background: 	#000;
	font-family: 	"Verdana", sans-serif;
	font-size:		8pt;
	color: 			blue;
}


/* left side map */

table.mapgrid {
	background:		#000;
	margin: 		50px;
	padding: 		0px; 
	border:			0px;
	height: 		80px;
	min-width: 		80px;
	text-align: 	center;
	vertical-align: middle;
}

.mapbox {
	width: 			80px;
	height: 		80px;
	margin: 		2px;
	border: 		1px #999 dotted;	
	padding:		4px;
	color:			#efe;
	line-height:	80px;
	vertical-align:	middle; 
	font-family: 	"Verdana", sans-serif;
	font-weight: 	bold;
	font-size: 		9pt;
}

.t_sidewalk { background-image: url(asphalt.jpg); }
.t_street 	{ background-image: url(street.jpg); }
.t_streetlv { background-image: url(streetlv.jpg); background-position: 50% 30% }
.t_streetlh { background-image: url(streetlh.jpg); background-position: 20% 48%; }
.t_building { background-image: url(brick.jpg); }
.t_grass 	{ background-image: url(grass.jpg); }
.t_water 	{ background-image: url(water.jpg); }




/* right side control box */

#txtbox {
	position: 		absolute;
	left: 			570px;
	top: 			120px;
	padding: 		20px;
	padding-right: 	24px;
	border: 		1px dotted #444;
}

.controls { 
	filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
	cursor:default;
}

.pb    { padding-bottom: 5px; }
#coord { display:none; }


a 			{color: #aaa;}
a:link 		{text-decoration: none}
a:visited 	{text-decoration: none}
a:active 	{text-decoration: none}
a:hover 	{text-decoration: none; color: black; background-color: white; }
a.txt:hover {text-decoration: none; color: #ddd; background-color: black; }
a.txt:link 	{text-decoration: none; color: #fff;}