@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;
	}


/*~~~~~~~~~~~~~Dive Sites~~~~~~~~~~~~*/
.Thistlegorm {
left: 224px;
top: 15px;
}
.Tiran {
	left: 315px;
	top: 46px;
}
.RasMohammad {
	left: 243px;
	top: 75px;
}
.AbuNahas {
	left: 199px;
	top: 145px;
}
.RosalieMuller {
	left: 66px;
	top: 96px;
}
.Ulysees {
	left: 162px;
	top: 118px;
}

.Dunraven {
	left: 217px;
	top: 56px;
}
.GiftunDrift {
	left: 205px;
	top: 299px;
}

.Aquarium {
	left: 225px;
	top: 323px;
}

.Kimon {
left: 218px;
top: 137px;
}
.Chrisoula {
left: 229px;
top: 150px;
}
.Carnatic {
left: 239px;
top: 163px;
}
.Giannis {
left: 258px;
top: 176px;
}
.SalemExpress {
left: 120px;
top: 112px;
}
.ShaabElErg {
left: 187px;
top: 215px;
}
.UmmGamar{
left: 206px;
top: 242px;
}
.ShaabRuhr{
left: 214px;
top: 255px;
}
.Careless{
left: 228px;
top: 269px;
}
.Elfanous{
left: 193px;
top: 281px;
}
.Elfanadir{
left: 146px;
top: 261px;
}
.Elmena{
left: 173px;
top: 328px;
}
.AbuNugar{
left: 65px;
top: 246px;
}
.AbuGalawa{
left: 87px;
top: 231px;
}
.Hamada{
left: 225px;
top: 306px;
}
.SmallGiftun{
left: 234px;
top: 319px;
}
.AbuRamada{
left: 236px;
top: 340px;
}
.GotaAbuRamada{
left: 226px;
top: 358px;
}
.AbuHashish{
left: 211px;
top: 381px;
}
.BenElgebal{
left: 218px;
top: 293px;
}
.RasMohammed{
left: 352px;
top: 69px;
}
.SeyoulKebir{
left: 109px;
top: 153px;
}
.Gubal{
left: 164px;
top: 85px;
}
.BlindReef{
left: 132px;
top: 174px;
}
.ShaabSamadai{
left: 154px;
top: 122px;
}
.Ephinstone{
left: 138px;
top: 24px;
}
.Panorama{
left: 130px;
top: 42px;
}
.AbuKifan{
left: 134px;
top: 95px;
}
.Brothers{
	left: 258px;
	top: 361px;
}
.StJones{
left: 253px;
top: 404px;
}
.Dolphin{
left: 0px;
top: 16px;
}
.WadiGimal{
left: 219px;
top: 388px;
}
.WhiteRock{
left: 216px;
top: 330px;
}
.Daedalus{
left: 284px;
top: 107px;
}
.Zabargad{
left: 296px;
top: 372px;
}
.Rocky{
left: 297px;
top: 388px;
}