body {font-family: Helvetica, Arial, sans-serif;}

#map { position: relative; width: 900px; height: 400px; float: left; background: #333; } 

#tab1 { position: relative; width: 900px; height: 400px; float: left; background: #333; } 

#returnlink { 
	display: block; 
	position: absolute; 
	top: 10; left: 10; 
	color: #FFF; 
	font-size: 10px; 
	text-decoration: none; 
	margin: 25px 0 0 0px;
	width:104px;
	height: 39px; 
	background: url(/img/map/back.png) no-repeat 0 0;
	overflow: hidden; 
	
}   
#returnlink:hover {background: url(/img/map/back.png) no-repeat 0 -39px;  }

a.bullet { position: absolute; width: 31px; height: 22px; z-index: 6; background: url(/images/map/wreck-btn.png) no-repeat 0 0; text-decoration: none; }
a.bullet:hover { display: block; position: absolute; width: 31px; height: 22px; z-index: 6; background: url(/images/map/wreck-btn.png) no-repeat 0 -20px; text-decoration: none; }

a.ship { position: absolute; width: 31px; height: 22px; z-index: 6; background: url(/images/map/wreck-btn3.png) no-repeat 0 0; text-decoration: none; }
a.ship:hover { display: block; position: absolute; width: 31px; height: 22px; z-index: 6; background: url(/images/map/wreck-btn3.png) no-repeat 0 -20px; text-decoration: none; }

a.wreck { position: absolute; width: 31px; height: 22px; z-index: 6; background: url(/images/map/wreck-btn.png) no-repeat 0 0; text-decoration: none; }
a.wreck:hover { display: block; position: absolute; width: 31px; height: 22px; z-index: 6; background: url(/images/map/wreck-btn.png) no-repeat 0 -20px; text-decoration: none; }

a.grave { position: absolute; width: 31px; height: 22px; z-index: 6; background: url(/images/map/wreck-btn2.png) no-repeat 0 0; text-decoration: none; }
a.grave:hover { display: block; position: absolute; width: 31px; height: 22px; z-index: 6; background: url(/images/map/wreck-btn2.png) no-repeat 0 -20px; text-decoration: none; }

a.block { position: absolute; width: 31px; height: 22px; z-index: 6; background: url(/images/map/wreck-btn4.png) no-repeat 0 0; text-decoration: none; }
a.block:hover { display: block; position: absolute; width: 31px; height: 22px; z-index: 6; background: url(/images/map/wreck-btn4.png) no-repeat 0 -20px; text-decoration: none; }

a.history { position: absolute; width: 30px; height: 35px; z-index: 6; background: url(/images/map/history-btn.png) no-repeat 0 0; text-decoration: none; }
a.history:hover { display: block; position: absolute; width: 30px; height: 35px; z-index: 6; background: url(/images/map/history-btn.png) no-repeat 0 -36px; text-decoration: none; }

a.info { position: absolute; width: 30px; height: 35px; z-index: 6; background: url(/images/map/info-btn.png) no-repeat 0 0; text-decoration: none; }
a.info:hover { display: block; position: absolute; width: 30px; height: 35px; z-index: 6; background: url(/images/map/info-btn.png) no-repeat 0 -36px; text-decoration: none; }

a.photo { position: absolute; width: 30px; height: 35px; z-index: 6; background: url(/images/map/photo-btn.png) no-repeat 0 0; text-decoration: none; }
a.photo:hover { display: block; position: absolute; width: 30px; height: 35px; z-index: 6; background: url(/images/map/photo-btn.png) no-repeat 0 -34px; text-decoration: none; } 

a.noaa { position: absolute; width: 38px; height: 45px; z-index: 6; background: url(/images/map/noaa-btn.png) no-repeat 0 0; text-decoration: none; }
a.noaa:hover { display: block; position: absolute; width: 38px; height: 45px; z-index: 6; background: url(/images/map/noaa-btn.png) no-repeat 0 -45px; text-decoration: none; }

a.null {cursor: default;}

img.zoomable { background: url(/images/map/plus.png) no-repeat bottom right; z-index: 4; border: 2px dotted #CCC;}
img.zoomable:hover { border: 2px dotted #FF6600; background: url(/images/map/plus.png) no-repeat bottom right; } 

div.popup{ 
	display: none; 
	position: absolute; 
	width: 220px; 
	top: 30px; 
	left: 20px; 
	background: #212121; 
	color: #CCC; 
	z-index: 200; 
	padding: 7px; 
	font-size: 12px;
	border: 1px solid #666; 
	-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
	box-shadow: 3px 3px 4px #000;
}

div.photo-hint{ 
	display: none; 
	position: absolute; 
	width: 110px; 
	top: 30px; 
	left: 20px; 
	background: #212121;  
	z-index: 200; 
	padding: 7px 10px; 
	border: 1px solid #666; 
	-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
	box-shadow: 3px 3px 4px #000;
}

a.ww1 {display: none;}
a.ww2 {display: none;}

div.popup a.close{ display: block; position: absolute; top: 0; right: 0; padding: 5px; color: #FF6600; margin: 5px 5px 0px 0px; text-decoration: none;}

div.popup h3 {font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #FF6600; margin: 0px 0px 5px 0px;}
div.popup p {font-family: Helvetica, Arial, sans-serif; font-size: 10px; color: #CCC; margin: 5px 0px 0px 0px; line-height: 16px;}
div.photo-hint p {font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #CCC; margin: 0px; line-height: 16px;}

div.popup span.left {width: 65px; float: left; min-height: 65px; margin-right: 10px; display: block; background: #666;}
div.popup span.left img { width: 65px; background: #666; display: block;}
div.popup span.right {width: 140px; float: left; min-height: 65px; display: block;}

img.compass {position: absolute; z-index: 200; margin: 360px 0 0 -900px; }

#inline-wrapper {width: 600px; display: block; overflow: hidden; padding: 10px; background: #212121; }
#inline-left {width: 300px; float: left; display: inline;}
#inline-right {width: 260px; float: left; display: inline; padding: 10px 20px;}
#inline-wrapper h2 {color: #FF6600; font-size: 20px; margin: 0 0 10px 0; padding: 0;}
#inline-wrapper h3 {color: #FFF; font-size: 14px; margin: 0 0 10px 0; font-weight: normal;}
#inline-wrapper p {color: #CCC; font-size: 12px; line-height: 1.5; }