/*-------------------------------------------------------------------------------------------------------*/
/*	Display styles
/*-------------------------------------------------------------------------------------------------------*/
td.zoomtext,
td.downloadtext
{
	font-family:		verdana,arial,sans serif;
	font-size:			11px;
	color:				black;
	text-align:			center;
	padding:			10px 0px;
}

td.zoomtext
{
	padding-top:		0px;
	padding-right:		50px;
	padding-left:		10px;
}

#legend
{
	display:			block;
	float:				left;

	font-family:		verdana,arial,sans serif;
	font-size:			11px;
	color:				black;
	padding:			10px 10px 100px 40px;
}

.description
{
	font-family:		verdana,arial,sans serif;
	font-size:			11px;
	color:				black;
	padding:			10px 40px 0px 40px;
}

.location
{
	position:			absolute;
	color:				white;
	font-weight:		bold;
	height:				40px;
	width:				21px;
	background-repeat:	no-repeat;
	
	font-family:		verdana,arial,sans serif;
	font-size:			10px;
	padding-top:		5px;
	padding-left:		7px;

	cursor: pointer;
	cursor: hand;

	
}

.location-details
{
	display:			none;
	
	position:			absolute;
	color:				black;
	z-index:			21;
	background-color:	white;
	border:				1px solid black;

	font-family:		verdana,arial,sans serif;
	font-size:			10px;
	padding:			10px;
	
	filter:				alpha(opacity=75);
	-moz-opacity:		.75;
	opacity:			.75;
	
}

.zoombox
{
	font-size:			12px;
	line-height:		14px;
}
.zoombox a
{
	display:			block;
	padding:			5px 0px;
}

a.zoombutton 
{
	background-color:	rgb(232,238,247);
	font-family:		arial,sans serif;
	border:				1px solid #224477;
	font-size:			14px;
	display:			block;
	width:				30px;
	border-bottom:		none;
}

a.zoombutton:hover
{
	text-decoration:	none;
	background-color:	#B4C7E3;
}


/*-------------------------------------------------------------------------------------------------------*/
/*	Map styles - do not change
/*-------------------------------------------------------------------------------------------------------*/
#map-viewport 
{
	position:	relative;
	overflow:	hidden;
	border:		1px solid black;
	cursor:		hand;
	text-align: left;
}
.map #map-substrate 
{
	position:		absolute;
	top:			0; 
	left:			0;
	white-space:	nowrap;
	width:			2000px;
}

.map img 
{ 
	border-width: 0; 
}

.square
{
	background-repeat:	no-repeat;
	width:				200px;
	height:				200px;
	position:			absolute;

c	background:			blue;
c	border:1px solid black;
}	

#items
{
	z-index:			100;
	display:			block;
}

table#map-interface
{
	font-family:		verdana;
	font-size:			11px;
	margin-top:			30px;
	margin-bottom:		20px;
}

td.arrowcell
{
	background-color:	#E8EEF7;
}

td#map-cell
{
	background-color:	white;
}

.preview
{
	width:				100px;
	height:				100px;
	overflow:			hidden;
	border:				1px solid black;
}