/*-------------------------------------------------------------------------------------------------------*/
/*	Display styles
/*-------------------------------------------------------------------------------------------------------*/
body
{
	background-image: none;
	background-color: white;
	background-repeat: no-repeat;
}

div.legenditem a
{
	color:black;
}

#maptitle
{
	position: 			absolute;
	top: 				15px;
	left: 				25px;
}

#maptitle h1
{
	font-size: 			30px;
	line-height: 		36px;
	height: 36px;
}

.zoombox
{
	position: 			absolute;
	top: 				60px;
	left: 				683px;
	padding: 			20px;
	background-color: 	#e89b22;
	white-space: 		nowrap;
}

.bodytext
{
	position: 			absolute; 
	top: 				560px; 
	left: 				25px; 
	width: 				602px; 
	background-color: 	#4186e1; 
	padding: 			20px;
	
	margin-bottom: 		25px;
}

img 
{ 
	border-width: 0; 
}

h2
{
	color:				#3366CC;
	font-family:		verdana,arial,sans serif;
	font-size:			11px;
	font-weight:		bold;
}

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-old
{
	display: 			block;
	float:				left;

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

	position:	absolute;
	top:		232px;
	left:		595px;
	width:		200px;
	
}

#legend
{
	display: 			block;
	float:				left;

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

	width:				200px;
	
	position: 			absolute;
	left: 				683px;
	top:				215px;
	padding: 			20px;
	background-color: 	#71a03b

	
}

div.legenditem {
	margin:		5px 0px 15px 0px;
}

#howyoucanhelp {
	z-index:	1;
	position:	absolute;
	float:		left;
	top:		580px;
	left:		646px;
	}

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

.lucidiatext
{
	font-family:		'Lucida Sans Unicode',  'Lucida Grande', LucidaGrande,'Lucida Sans',  Geneva, Arial, sans-serif;
	font-size:			10px;
	line-height:		14px;
}

.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;
	z-index:			49;
	cursor: pointer;
	cursor: hand;
}

.location-details
{
	display:			none;
	
	position:			absolute;
	color:				black;
	z-index:			50;
	background-color:	white;
	width:				122px;
	
	font-family:		'Lucida Sans Unicode',  'Lucida Grande', LucidaGrande,'Lucida Sans',  Geneva, Arial, sans-serif;
	font-size:			10px;
	padding:			7px 7px 7px 7px;
}

.zoombox
{
}


/*-------------------------------------------------------------------------------------------------------*/
/*	Map styles - do not change
/*-------------------------------------------------------------------------------------------------------*/
#map-frame 
{
	position:	relative;
	overflow:	hidden;
	border:		1px solid black;
	background: #F3F2DC;
	cursor:		hand;
	text-align: left;
}

.map #map-contents 
{
	position:		absolute;
	top:			0; 
	left:			0;
	white-space:	nowrap;
	width:			2000px;
}

#loading-pane
{
	position:		absolute;
	top:			0; 
	left:			0;
	white-space:	nowrap;
}

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

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

#items
{
	z-index:			99;
	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;
}



/*-------------------------------------------------------------------------------------------------------*/
/*	Location media player
/*-------------------------------------------------------------------------------------------------------*/

#portfolio-viewer
{
	padding:					10px 10px 0 10px;
}

#portfolio-current-info
{
	padding: 					10px;
	border-bottom: 				1px rgb(199,199,199) solid;
}

#portfolio-items
{
	position: 					absolute;
	bottom: 					0px;
	
	margin: 					0 0 10px 10px;
}

.portfolio-item-link
{
	color: 						black;
	text-decoration: 			none;
}

.portfolio-item-link:hover
{
	text-decoration: 			underline;
}

.portfolio-item-link img
{
	padding-top: 				9px;
}

.portfolio-item-link img:hover
{
	border-top: 				4px rgb(160,182,207) solid;
	padding-top: 				5px;
}

.portfolio-item-link img.active
{
	border-top: 				5px rgb(199,199,199) solid;
	padding-top: 				4px;
}