/* map */
#travelplanner #map-container {
	margin:10px 0 0;
	color: inherit;
	position:relative;
}

#travelplanner #map {
	background: #fff url(/media/images/loading.gif) no-repeat center;
	border-top:1px dashed #D4D3D0;
}

#travelplanner #map-filter {
	border-top:1px dashed #D4D3D0;
	background:#EEE;
	height:36px;
	position:relative;
}
	#travelplanner #map-filter h3 {
		padding:0 10px;
		line-height:36px;
	}
	#travelplanner #map-filter h3 a {
		font-family:Arial,Helvetica,Garuda,sans-serif;
		font-size:18px;
		color:#D0480A;
		font-weight:bold;
	}
		#travelplanner #map-filter h3 span.active a { color:#565656; }

		#travelplanner #map-filter ol {
			position:absolute;
			left:150px;
			top:10px;
			width:790px;
		}

			#travelplanner #map-filter ol li { display: inline; }
			#travelplanner #map-filter ol li a{ font-family: arial, sans-serif; }

		#travelplanner #back-to-sea {
			display:none;
			position:absolute;
			top:10px;
			font-weight:normal;
			right:10px;
			padding-left:20px;
			background:url(/media/images/icons/magifier_zoom_out.png) no-repeat left center;
			height:16px;
			line-height:13px;
			color:#D0480A;
			font-size:9px;
			text-transform:uppercase;
		}
		
		#travelplanner #map-info-pane {
			border:1px dashed #D4D3D0;
			width:320px;
			height:340px;
			position:absolute;
			z-index:100;
			top:56px;
			right:20px;
			padding:10px;
		}
		
		#travelplanner #map-info-pane-bkg {
			position:absolute;
			width:100%;
			height:100%;
			left:0;
			top:0;
			background:#FFF;
			opacity:0.8;
			filter:alpha(opacity=80);
			-moz-opacity:0.8;
		}
		
		#travelplanner #map-info-pane-content { position:relative; }
		
		#travelplanner #map-info-pane-content h4 {
			position:absolute;
			top:0;
			left:0;
			background:#FFF;
			color:#D0480A;
			font-size:18px;
			font-weight:bold;
			text-transform:capitalize;
			font-family:Arial,Helvetica,Garuda,sans-serif;
			padding:5px 10px 5px 5px;
			opacity:0.8;
			filter:alpha(opacity=80);
			-moz-opacity:0.8;
		}
		
			#travelplanner #close-info-pane {
				display:block;
				position:absolute;
				top:0px;
				right:0px;
				background:#FFF url(/media/images/icons/cross.png) no-repeat 5px center;
				height:16px;
				line-height:13px;
				color:#D0480A;
				font-size:13px;
				padding:5px 5px 5px 25px;
				opacity:0.8;
				filter:alpha(opacity=80);
				-moz-opacity:0.8;
			}
		
			#travelplanner .hovered #map-info-pane-bkg,
			#travelplanner .hovered #map-info-pane-content h4,
			#travelplanner .hovered #close-info-pane {
				background-color:#FFC;
				cursor:pointer;
				opacity:1;
				filter:alpha(opacity=100);
				-moz-opacity:1;
			}

			#travelplanner #map-info-pane-content p {
				color:#999;
				font-size:13px;
				padding:5px;
				cursor:pointer;
			}
				#travelplanner .hovered #map-info-pane-content p { color:#565656; }
				
			#travelplanner #map-info-pane-content img { background:#F7F7F7; height:170px; }
			
	#travelplanner #map-overlay {
		position:absolute;
		top:38px;
		left:0;
		width:940px;
		height:400px;
	}
	
		#travelplanner #map-overlay-bkg {
			position:absolute;
			width:100%;
			height:100%;
			left:0;
			top:0;
			background:#FFF;
			opacity:0.8;
			filter:alpha(opacity=80);
			-moz-opacity:0.8;
		}
		
		#travelplanner #map-overlay-content {
			color:#565656;
			position:absolute;
			width:100%;
			height:400px;
			top:0;
			left:0;
		}
			#travelplanner #map-overlay-content .addToItinerary {
				margin-bottom:10px;
				margin-left:20px;
			}
			
			#travelplanner #map-overlay-content h3 {
				font-family:Arial,Helvetica,Garuda,sans-serif;
				font-size:24px;
				font-weight:bold;
				padding:20px 20px 10px;
			}
			#travelplanner #map-overlay-content a.prevImg {
				position:absolute;
				right:20px;
				top:20px;
				border:1px solid #D4D3D0;
				padding:5px;
				background-position:center center;
				background-repeat:no-repeat;
				width:320px;
				height:170px;
			}
			#travelplanner #map-overlay-content p {
				width:540px;
				padding:0 20px;
			}
			#travelplanner #things-to-do {
				background:#DDD;
				border-top:1px dashed #D4D3D0;
				bottom:0;
				height:160px;
				left:0;
				position:absolute;
				width:940px;
			}
				
				#travelplanner #things-to-do h4 {
					background:none repeat scroll 0 0 #EEEEEE;
					border-bottom:1px dashed #D4D3D0;
					color:#999999;
					font-size:12px;
					font-weight:bold;
					padding:5px 20px;
					text-align:center;
				}
				
				#travelplanner .slide-left-button,
				#travelplanner .slide-right-button {
					display:block;
					width:24px;
					height:24px;
					position:absolute;
					bottom:70px;
					text-indent:-9999px;
					background:#E0E0E0 url(/media/images/slider_arrows.gif) no-repeat;
					border:1px solid #EEE;
					border-radius: 5px;
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
					zoom: 1;
					z-index:999;
					cursor:pointer;
				}
				#travelplanner .slide-left-button { left:12px; background-position:left top; }
				#travelplanner .slide-right-button { right:12px; background-position:left bottom; }

					#travelplanner .slide-left-button:hover,
					#travelplanner .slide-right-button:hover { background-color:#EEE; border-color:#FFF; }
				
				#travelplanner #things-to-do-list {
					height:120px;
					margin:10px auto 0;
					overflow:hidden;
					width:852px;
					position:relative;
				}
			
				#travelplanner #things-to-do ol {
					height:120px;
					padding-left:5px;
					position:absolute;
					left:0;
					top:0;
					width:3000px;
				}

				#travelplanner #things-to-do li {
					float:left;
					height:120px;
					margin-right:10px;
					width:160px;
				}
				
					#travelplanner #things-to-do li a {
						border:1px solid #EEE;
						background-color:#E0E0E0;
						display:block;
						height:75px;
						width:160px;
					}
						#travelplanner #things-to-do li a:hover {
							border-color:#FFF;
							background-color:#EEE;
						}
					
					#travelplanner #things-to-do li span {
						color:#636363;
						display:block;
						padding-top:8px;
						font-size:11px;
						text-align:center;
						width:160px;
						line-height:1.2;
						height:28px;
						overflow:hidden;
					}
					
		#travelplanner #map-overlay-close {
			display:block;
			position:absolute;
			top:-27px;
			right:10px;
			padding-left:20px;
			background:url(/media/images/icons/map_magnify.png) no-repeat left center;
			height:16px;
			line-height:15px;
			color:#D0480A;
			font-size:9px;
			text-transform:uppercase;
		}

#travelplanner-tooltip{
	position: absolute;
	display: none;
	color: #fff;
	background: #565656;
	background: rgba(0,0,0,.5);
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 4px 6px;
	z-index: 100;
	font-family: helvetica, arial, sans-serif;
	font-size: 12px;
	text-shadow: 0 1px #000;
}