/* 
 * Core CSS for map interface
 * NOTE: Find and replace "/public/globalista/images/map/" and "/public/globalista/images/map/infowindow/" with path to image folder.
 *
 */
#map {width:800px; height:460px; background:#a0adb2; font-family:Arial}
	.gmnoscreen {display:none}
	#loading-map {text-align:center; background:url(/public/globalista/images/map/loader.gif) no-repeat 50% 50%; height:460px}
	#error-container, #loading-data-container {display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:url(/public/globalista/images/map/semi_transp_bg.png)}
	#loading-data-container {display:block}
		#error-message, #loading-data {background:url(/public/globalista/images/map/semi_transp_bg.png); padding:20px; width:200px; text-align:center; margin:25% auto 0 auto; color:#fff; font-weight:bold; font-size:14px}
	#customNavigationControls {position:relative; z-index:1000}
	#customNavigationControls .imageLayer {background:url(/public/globalista/images/map/controls.png) no-repeat; width:107px; height:69px}
	#customNavigationControls .clickLayer {position:absolute; top:0; left:0}
		#customNavigationControls .clickLayer div {text-indent:-9999px; position:absolute; cursor:pointer}
		#customNavigationControls .zoom-in {width:20px; height:20px; top:7px}
		#customNavigationControls .zoom-out {width:20px; height:20px; top:40px}
		#customNavigationControls .pan-left {height:26px; left:41px; top:20px; width:14px}
		#customNavigationControls .pan-right {height:26px; left:89px; top:20px; width:14px}
		#customNavigationControls .pan-up {height:14px; left:59px; top:2px; width:26px}
		#customNavigationControls .pan-down {height:14px; left:59px; top:50px; width:26px}
		#customNavigationControls .recenter {height:30px; left:57px; top:18px; width:30px}
	#shadow-top {position:absolute; top:0; left:0; width:800px; height:11px; background:url(/public/globalista/images/map/shadow_around_map2.png)}
	#shadow-right {position:absolute; top:0; right:0; width:11px; height:460px; background:url(/public/globalista/images/map/shadow_around_map3.png)}
	#shadow-bottom {position:absolute; bottom:0; left:0; width:800px; height:11px; background:url(/public/globalista/images/map/shadow_around_map1.png)}
	#legend-wrapper {position:absolute; left:0; top:0; width:160px; overflow:hidden; height:460px; z-index:100}
	#legend-container {background:#fff; border:1px solid #bcb6ad; border-left-width:2px; position:absolute; top:0; left:138px; margin-left:-138px; width:135px; height:458px; font-size:11px}
	.minimised {width:26px !important}
		#legend {position:absolute; width:135px; padding-top:107px; background:url(/public/globalista/images/map/doubleline-top.png) no-repeat 0 107px}
		.closed {left:1px !important}	
			#legend h2 {color:#334e5b; margin:0; padding:16px 0 12px 5px; border-bottom:1px dotted #1c3a48; text-indent:-9999px}
			#legend h2.options {background:url(/public/globalista/images/map/heading_options.png) no-repeat 12px 16px}
			#legend h2.view {background:url(/public/globalista/images/map/heading_view.png) no-repeat 12px 14px}
			#toggleView {position:absolute; right:-25px; top:190px; width:27px; height:92px; z-index:100}
				#toggleView div {width:27px; height:92px; cursor:pointer; text-indent:-9999px}
				.click-to-hide {background:url(/public/globalista/images/map/tab_hide.png) no-repeat}
				.click-to-show {background:url(/public/globalista/images/map/tab_show.png) no-repeat}
			#drawerShadow {position:absolute; top:-1px; right:-11px; width:11px; background:url(/public/globalista/images/map/shadow_around_map4.png); height:460px}
			#legend p {margin:0 12px -6px; padding:0; color:#a8a8a8}
			#legend ul, #legend li {list-style:none; margin:0; padding:0}
			#legend ul {margin:0; padding:8px 0 0}
				#legend li {position:relative; padding:4px 0}
			#legend .option-permanent-layer {padding-top:8px}
				#legend .option-permanent-layer li {margin:0 12px 6px 10px; padding:4px 0 12px 32px; color:#515151; border-bottom:1px solid #eaeaea}
				.loadingName {background:url(/public/globalista/images/map/loader-small.gif) no-repeat 0 0}
				.unselected label {opacity:.8; filter:alpha(opacity=80)}
					#legend input {font-size:10px; margin-left:12px}
					#legend label {position:absolute; left:30px; top:4px; height:26px; display:block; color:#515151; padding-top:5px}
					#legend .option-filters li label {padding-left:32px}
					#mapContainer #destinations label, .option-permanent-layer .destinations {background:url(/public/globalista/images/map/key_destination.png) no-repeat}
					#hotels label, .option-permanent-layer .hotels {background:url(/public/globalista/images/map/key_hotel.png) no-repeat}
					#restaurants label, .option-permanent-layer .restaurants {background:url(/public/globalista/images/map/key_restaurant.png) no-repeat}
					#events label, .option-permanent-layer .events {background:url(/public/globalista/images/map/key_event.png) no-repeat}
			.option-view {background:url(/public/globalista/images/map/doubleline-bottom.png) no-repeat 0 100%; padding-top:12px !important; padding-bottom:80px !important}
				.option-view li {padding:0 !important}
				.option-view label {top:0 !important}
	.custom-info-window {position:absolute; background:url(/public/globalista/images/map/infowindow/shadow.png) no-repeat 100% 100%; height:116px !important; margin-top:-16px}
		.custom-info-window .imageLayer {background-repeat:no-repeat; background-position:0 100%; height:116px; width:171px}
		.destinations .imageLayer {background-image:url(/public/globalista/images/map/infowindow/overlay_destination.png)}
		.hotels .imageLayer {background-image:url(/public/globalista/images/map/infowindow/overlay_hotel.png)}
		.restaurants .imageLayer {background-image:url(/public/globalista/images/map/infowindow/overlay_restaurant.png)}
		.events .imageLayer {background-image:url(/public/globalista/images/map/infowindow/overlay_event.png)}
		.custom-info-window .contentLayer {position:absolute; top:0; width:171px}
			.custom-info-window-content {height:87px; padding:8px 10px 22px 10px; color:#fff}
				.custom-info-window-content-scrollinner {overflow:auto; height:73px; width:151px; background:#435b63}
					.custom-info-window-content-scrollinner ol {margin:5px 0; padding-left:2px}
				.custom-info-window-content h3 {font-size:13px !important; font-weight:normal; text-decoration: none; margin:0 0 3px !important; padding:2px 15px 3px 1px !important;
				visibility:visible !important;}
				.custom-info-window-content p {font-size:11px; font-weight:normal; margin:0 0 3px; overflow:hidden; max-height:55px}
				.custom-info-window-content a {text-decoration: none !important; color:#fff !important; font-weight:normal !important; display:block; width:135px; white-space:nowrap; overflow:hidden}
				.custom-info-window-content a:hover {text-decoration:underline !important}
				.custom-info-window-content a.moreLink {font-size:11px; bottom:14px; position:absolute; text-decoration:underline !important}
				.close-info-window {width:11px; height:11px; display:block; background:url(/public/globalista/images/map/infowindow/X.png) no-repeat; cursor:pointer; position:absolute; top:10px; right:10px}

/* 
 * IE6 tweaks
 */
* html #error-container, * html #loading-data-container {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/public/globalista/images/map/semi_transp_bg.png',sizingMethod='scale'); height:400px}
	* html #error-message, * html #loading-data {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/public/globalista/images/map/semi_transp_bg.png',sizingMethod='scale')}
* html #customNavigationControls .imageLayer {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/public/globalista/images/map/controls.png',sizingMethod='scale')}
* html #drawerShadow {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/public/globalista/images/map/shadow_around_map4.png',sizingMethod='scale')}
* html #shadow-top {overflow:hidden; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/public/globalista/images/map/shadow_around_map2.png',sizingMethod='scale')}
* html #shadow-right {overflow:hidden; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/public/globalista/images/map/shadow_around_map3.png',sizingMethod='scale')}
* html #shadow-bottom {overflow:hidden; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/public/globalista/images/map/shadow_around_map1.png',sizingMethod='scale')}
		* html .option-filters li {zoom:1}
		* html #toggleView {right:-26px}
			* html .click-to-hide {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/public/globalista/images/map/tab_hide.png',sizingMethod='crop')}
			* html .click-to-show {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/public/globalista/images/map/tab_show.png',sizingMethod='crop')}
* html .custom-info-window {background:none /* TO DO: info window shadows in IE6 */}
	* html .destinations .imageLayer {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(/public/globalista/images/map/infowindow/overlay_destination.png',sizingMethod='scale')}
	* html .hotels .imageLayer {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/public/globalista/images/map/infowindow/overlay_hotel.png',sizingMethod='scale')}
	* html .restaurants .imageLayer {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/public/globalista/images/map/infowindow/overlay_restaurant.png',sizingMethod='scale')}
	* html .events .imageLayer {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/public/globalista/images/map/infowindow/overlay_event.png',sizingMethod='scale')}
		* html .close-info-window {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/public/globalista/images/map/infowindow/X.png',sizingMethod='scale'); overflow:hidden}