@charset "utf-8";
/* CSS Document */


.DiveSitesInfo, #InfoLoadingImg {
position: absolute;
top: 120px;
left: 425px;
width: 392px;
height: 264px;
}

#InfoLoadingImg {
background-color: #8CA8D0;
opacity: .8;
-moz-opacity: .8;
filter: alpha(opacity=80);
display: none;
}

#imgLoading {
position: absolute;
top: 120px; 
left: 100px;
}

#diveSiteContainer div, #InfoLeftDiv div, #InfoRightDiv div {
position: relative !important;
margin-bottom: 5px;
}
    #InfoRightDiv div {
    clear: left;
    height: 32px;
    }
    #InfoRightDiv img {
    margin-right: 3px;
    float: left;
    }

#divName {
background: url(../images/map/dive-site-symbol-big.gif) left center no-repeat;
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 27px;
}

#divDescription {
/*text-align: justify;*/
}

#InfoLeftDiv {
float: left;
width: 210px;
}

#InfoRightDiv {
float: left;
width: 167px;
margin: 0px 0px 0px 15px;
}

#Switches {}

	.MapSmallSwitchesContainer {
	position: absolute;
	top: 5px;
	right: 10px;
	width: 378px;
	height: 25px;
	z-index: 10;
	}
	.MapSmallSwitchesContainer div {
	position: absolute;
	width: 75px;
	height: 25px;
	}
		div.DailySW, div.DailySW_fr, div.DailySW_de, div.DailySW_nl {
		left: 0px;
		background: url(../images/map/map-d-sw.jpg);
		}
		
		div.DailySW_fr {
		background: url(../images/map/map-d-sw-fr.jpg);
		}
		div.DailySW_de {
		width: 108px;
		background: url(../images/map/map-d-sw-de.jpg);
		}
		div.DailySW_nl {
		background: url(../images/map/map-d-sw-nl.jpg);
		}
		
		
		div.NorthSW, div.NorthSW_fr, div.NorthSW_de, div.NorthSW_nl {
		left: 80px;
		background: url(../images/map/map-n-sw.jpg);
		}
		
		div.NorthSW_fr {
		background: url(../images/map/map-n-sw-fr.jpg);
		}
		div.NorthSW_de {
		left: 113px;
		background: url(../images/map/map-n-sw-de.jpg);
		}		
		div.NorthSW_nl {
		background: url(../images/map/map-n-sw-nl.jpg);
		}
		
		
		div.SouthSW, div.SouthSW_fr, div.SouthSW_de, div.SouthSW_nl {
		left: 160px;
		background: url(../images/map/map-s-sw.jpg);
		}
		
		div.SouthSW_fr {
		background: url(../images/map/map-s-sw-fr.jpg);
		}
		div.SouthSW_de {
		left: 193px;
		background: url(../images/map/map-s-sw-de.jpg);
		}
		div.SouthSW_nl {
		background: url(../images/map/map-s-sw-nl.jpg);
		}
		
		div.DSouthSW, div.DSouthSW_fr, div.DSouthSW_de, div.DSouthSW_nl {
		left: 240px;
		width: 105px;
		background: url(../images/map/map-ds-sw.jpg);
		}
		
		div.DSouthSW_fr {
		background: url(../images/map/map-ds-sw-fr.jpg);
		}
		div.DSouthSW_de {
		left: 273px;
		background: url(../images/map/map-ds-sw-de.jpg);
		}
		div.DSouthSW_nl {
		background: url(../images/map/map-ds-sw-nl.jpg);
		}
		
		.MapSmallSwitchesContainer a {
		display:block;
		width:100%;
		height:100%;
		}
		.MapSmallSwitchesContainer a.DailySWBtn:hover, .DailyHi {
		background: url(../images/map/map-d-sw-hi.jpg);
		}
		
		.MapSmallSwitchesContainer a.DailySWBtn_fr:hover, .DailyHi_fr {
		background: url(../images/map/map-d-sw-hi-fr.jpg);
		}
		.MapSmallSwitchesContainer a.DailySWBtn_de:hover, .DailyHi_de {
		background: url(../images/map/map-d-sw-hi-de.jpg);
		}
		.MapSmallSwitchesContainer a.DailySWBtn_nl:hover, .DailyHi_nl {
		background: url(../images/map/map-d-sw-hi-nl.jpg);
		}
		
		.MapSmallSwitchesContainer a.NorthSWBtn:hover, .NorthHi {
		background: url(../images/map/map-n-sw-hi.jpg);
		}
		
		.MapSmallSwitchesContainer a.NorthSWBtn_fr:hover, .NorthHi_fr {
		background: url(../images/map/map-n-sw-hi-fr.jpg);
		}
		.MapSmallSwitchesContainer a.NorthSWBtn_de:hover, .NorthHi_de {
		background: url(../images/map/map-n-sw-hi-de.jpg);
		}
		.MapSmallSwitchesContainer a.NorthSWBtn_nl:hover, .NorthHi_nl {
		background: url(../images/map/map-n-sw-hi-nl.jpg);
		}
		
		
		.MapSmallSwitchesContainer a.SouthSWBtn:hover, .SouthHi {
		background: url(../images/map/map-s-sw-hi.jpg);
		}
		
		.MapSmallSwitchesContainer a.SouthSWBtn_fr:hover, .SouthHi_fr {
		background: url(../images/map/map-s-sw-hi-fr.jpg);
		}
		.MapSmallSwitchesContainer a.SouthSWBtn_de:hover, .SouthHi_de {
		background: url(../images/map/map-s-sw-hi-de.jpg);
		}
		.MapSmallSwitchesContainer a.SouthSWBtn_nl:hover, .SouthHi_nl {
		background: url(../images/map/map-s-sw-hi-nl.jpg);
		}
		
		
		.MapSmallSwitchesContainer a.DSouthSWBtn:hover, .DeepSouthHi {
		background: url(../images/map/map-ds-sw-hi.jpg);
		}
		
		.MapSmallSwitchesContainer a.DSouthSWBtn_fr:hover, .DeepSouthHi_fr {
		background: url(../images/map/map-ds-sw-hi-fr.jpg);
		}
		.MapSmallSwitchesContainer a.DSouthSWBtn_de:hover, .DeepSouthHi_de {
		background: url(../images/map/map-ds-sw-hi-de.jpg);
		}
		.MapSmallSwitchesContainer a.DSouthSWBtn_nl:hover, .DeepSouthHi_nl {
		background: url(../images/map/map-ds-sw-hi-nl.jpg);
		}

#HMap, #DMap, #NMap, #SMap, #DSMap,
#HMap_fr, #DMap_fr, #NMap_fr, #SMap_fr, #DSMap_fr,
#HMap_de, #DMap_de, #NMap_de, #SMap_de, #DSMap_de,
#HMap_nl, #DMap_nl, #NMap_nl, #SMap_nl, #DSMap_nl {
position:relative;
width:840px;
height:420px;
}

#HMap {
display: block;
background: url(../images/map/map-1-bg.jpg) left top no-repeat;
}

#HMap div {
position:absolute;
left:162px;
width:516px;
height:75px;
}
	div.DailyBG {
	top: 80px;
	background: url(../images/map/map-1-daily.jpg) left top no-repeat;
	}
	div.NorthBG {
	top: 174px;
	background: url(../images/map/map-1-north.jpg) left top no-repeat;
	}
	div.SouthBG {
	top: 267px;
	background: url(../images/map/map-1-south.jpg) left top no-repeat;
	}
	
	#HMap a {
	display:block;
	width:100%;
	height:100%;
	}
		#HMap a.DailyBtn:hover {
		background: url(../images/map/map-1-daily-hi.jpg);
		}
		#HMap a.NorthBtn:hover {
		background: url(../images/map/map-1-north-hi.jpg);
		}
		#HMap a.SouthBtn:hover {
		background: url(../images/map/map-1-south-hi.jpg);
		}

#DMap {
background: url(../images/map/map-2-bg.jpg) left top no-repeat;
}
#DMap_fr {
background: url(../images/map/map-2-bg-fr.jpg) left top no-repeat;
}
#DMap_de {
background: url(../images/map/map-2-bg-de.jpg) left top no-repeat;
}
#DMap_nl {
background: url(../images/map/map-2-bg-nl.jpg) left top no-repeat;
}


#NMap {
background: url(../images/map/map-3-bg.jpg) left top no-repeat;
}
#NMap_fr {
background: url(../images/map/map-3-bg-fr.jpg) left top no-repeat;
}
#NMap_de {
background: url(../images/map/map-3-bg-de.jpg) left top no-repeat;
}
#NMap_nl {
background: url(../images/map/map-3-bg-nl.jpg) left top no-repeat;
}


#SMap {
background: url(../images/map/map-4-bg.jpg) left top no-repeat;
}
#SMap_fr {
background: url(../images/map/map-4-bg-fr.jpg) left top no-repeat;
}
#SMap_de {
background: url(../images/map/map-4-bg-de.jpg) left top no-repeat;
}
#SMap_nl {
background: url(../images/map/map-4-bg-nl.jpg) left top no-repeat;
}

#DSMap {
background: url(../images/map/map-5-bg.jpg) left top no-repeat;
}

#DSMap_fr {
background: url(../images/map/map-5-bg-fr.jpg) left top no-repeat;
}
#DSMap_de {
background: url(../images/map/map-5-bg-de.jpg) left top no-repeat;
}
#DSMap_nl {
background: url(../images/map/map-5-bg-nl.jpg) left top no-repeat;
}


#DMap div, #NMap div, #SMap div, #DSMap div, #DMap_fr div, #NMap_fr div, #SMap_fr div, #DSMap_fr div, #DMap_de div, #NMap_de div, #SMap_de div, #DSMap_de div, #DMap_nl div, #NMap_nl div, #SMap_nl div, #DSMap_nl div {
	position: absolute;
    direction: ltr;
}
	#DMap a, #NMap a, #SMap a, #DSMap a,#DMap_fr a, #NMap_fr a, #SMap_fr a, #DSMap_fr a,#DMap_de a, #NMap_de a, #SMap_de a, #DSMap_de a,#DMap_nl a, #NMap_nl a, #SMap_nl a, #DSMap_nl a {
	display:block;
	color: #fff;
	font-size: 9px;
	line-height: 10px;
	letter-spacing: 1px;
	text-decoration: none;
	white-space: nowrap;
	padding-left: 12px;
	background:#333 url(../images/map/dive-site-symbol.gif) left 1px no-repeat;
	}
	#DMap a.RightFlag, #NMap a.RightFlag, #SMap a.RightFlag, #DSMap a.RightFlag,#DMap_fr a.RightFlag, #NMap_fr a.RightFlag, #SMap_fr a.RightFlag, #DSMap_fr a.RightFlag,#DMap_de a.RightFlag, #NMap_de a.RightFlag, #SMap_de a.RightFlag, #DSMap_de a.RightFlag,#DMap_nl a.RightFlag, #NMap_nl a.RightFlag, #SMap_nl a.RightFlag, #DSMap_nl a.RightFlag {
	text-align: right;
	padding-right: 12px;
	padding-left: 0px;
	background:#333 url(../images/map/dive-site-symbol.gif) right 1px no-repeat;
	}
	#DMap a:hover, #NMap a:hover, #SMap a:hover, #DSMap a:hover,#DMap_fr a:hover, #NMap_fr a:hover, #SMap_fr a:hover, #DSMap_fr a:hover,#DMap_de a:hover, #NMap_de a:hover, #SMap_de a:hover, #DSMap_de a:hover,#DMap_nl a:hover, #NMap_nl a:hover, #SMap_nl a:hover, #DSMap_nl a:hover   {
	color: #FFFF00;
	}