#mapBg #mapLabel{ height:20px; font-size:12px; }
#mapBg #jscontainer{ width:911px; position:relative; height:466px; }
#mapBg #dotHolder{ position:absolute; z-index:2; top:0px; left:0px; width:658px; height:466px; }
#mapBg #dotHolder .dot{ position:absolute; z-index:3; background:url(../includes/dot.png) 0 0 no-repeat; width:36px; height:36px; text-align:center; color:#fff; font-size:13px; font-family:"HelveticaNeue67MdCn"; padding-top:10px; display:none; }

/* close button */
#mapBg #closeContainer { width:17px; height:17px; background:url(/default/includes/themes/beaches/media/player/images/bg-closeButton.gif) top left no-repeat; cursor:pointer; position:absolute; z-index:30; top:4px; right:4px; }
#mapBg #closeContainer:hover { background-position:0px -17px;}

/* location holder */
#mapBg #locationHolder{ width:237px; height:456px; position:absolute; z-index:3; top:41px; right:17px; }
#mapBg #locationHolder #allLocations{ width:210px; float:left; display:inline; }
#mapBg #locationHolder #allLocations h1{ font-weight:normal; font-family:"HelveticaNeue67MdCn"; color:#6fb5e6; font-size:18px; display:block; padding:0 0 3px 0; border-bottom:dotted 1px #707070; margin:15px 0 10px 10px; }
#mapBg #locationHolder #locationsMask{ height:390px; overflow:hidden; position:relative; }
#mapBg #locationHolder #locationsMask #allLocationsHolder{ position:absolute; top:0px; left:0px; }
#mapBg #locationHolder #locationsMask #allLocationsHolder ul{ list-style:none; }
#mapBg #locationHolder #locationsMask #allLocationsHolder ul li{
	font-family:"HelveticaNeue67MdCn";
	font-size:14px;
	color:#fff;
	padding:4px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#mapBg #locationHolder #locationsMask #allLocationsHolder ul li span{ display:inline-block; *display:inline; zoom:1; vertical-align:top; }
#mapBg #locationHolder #locationsMask #allLocationsHolder ul li a{
	color:#acacac;
	padding-left:4px;
	display:inline-block;
	*display:inline;
	zoom:1;
	vertical-align:top;
	width:160px;
}
#mapBg #locationHolder #locationsMask #allLocationsHolder ul li:hover, #mapBg #locationHolder #locationsMask #allLocationsHolder ul li.selected{
	background:#fff;
	border:solid 1px #2a4554;
	color:#0968a7;
	padding:3px 9px;
}
#mapBg #locationHolder #locationsMask #allLocationsHolder ul li:hover a, #mapBg #locationHolder #locationsMask #allLocationsHolder ul li.selected a{
	color:#0968a7;
}
#mapBg #mapImage{ width:911px; height:466px; }
#mapBg #mapLabel{ color:#666666; font-size:12px; font-family:"HelveticaNeue67MdCn" }
#mapBg #mapLabel span{ color:#3679a8; }


/* scroll bar */
#mapBg #scroll{ width:1px; height:454px; float:left; display:inline; margin:0px 0 0 16px; position:relative; }
#mapBg #scrollBar { background:url(/default/includes/themes/beaches/media/player/images/scrollBar-map.gif) top left no-repeat; width:4px; height:454px; position:absolute; z-index:10; }
#mapBg #scrollBar_clickable{ width:20px; height:454px; position:absolute; z-index:11; left:-8px; top:0px; }
#mapBg #scroller{ position:absolute; z-index:12; left:-3px; top:0px; }
#mapBg #info{ margin:20px; color:#000; font-family:Arial, Helvetica, sans-serif; }

#mapBg #downloadMap{ display:block; width:207px; height:15px; background:url(../includes/btn-download.gif) 0px 0px no-repeat; position:absolute; z-index:10; bottom:10px; left:8px; }
#mapBg #downloadMap:hover{ background-position:0px -15px; }