#map-zone {
	margin-top : 10px;
	background-color : #eee;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14px;
	width : 100%;
	height : 600px;
	position : relative;
}
#map {
	position : relative;
	overflow : hidden;
	width : 100%;
	height : 100%;
}
#map-area { top: 0px; left:0px; }
#map img {
	top : 0px;
	left : 0px;
	position : absolute;
	cursor : move;
}

/* Selection */
#selectArea {
	cursor : move;
	background-color : rgba(0,0,0,0.12);
}
#selectArea:hover { background-color : rgba(0,0,0,0.1); }
#selectArea div { position : absolute; }
#selectArea .selectBorderT, #selectArea .selectBorderB {
	width : 100%;
	height : 1px;
	background-image : url('../images/border-anim-h.gif');
}
#selectArea .selectBorderL, #selectArea .selectBorderR {
	width : 1px;
	height : 100%;
	background-image : url('../images/border-anim-v.gif');
}
#selectArea .selectBorderT { top : 0px; left : 0px; }
#selectArea .selectBorderR { top : 0px; right : 0px; }
#selectArea .selectBorderB { bottom : 0px; left : 0px; }
#selectArea .selectBorderT { top : 0px; left : 0px; }
#selectArea .selectIcon {
	background-color : #fff;
	width : 4px;
	height : 4px;
	border : 1px solid #000;
}
#selectArea .TL { top : 0px; left : 0px; }
#selectArea .TR { top : 0px; right : 0px; }
#selectArea .BL { bottom : 0px; left : 0px; }
#selectArea .BR { bottom : 0px; right : 0px; }

.ui-resizable-s, .ui-resizable-sw { bottom : 0px !important; }
.ui-resizable-ne, .ui-resizable-e { right : 0px !important; }

/* Loader */
#loader {
	position : absolute;
	z-index : 50;
	width : 100%;
	height : 100%;
	top : 0px;
	left : 0px;
	background-color : #eee;
}
#loader div {
	position : absolute;
	background-color : #fff;
	text-align : center;
	width : 250px;
	margin-left : -125px;
	margin-top : -50px;
	padding-top : 40px;
	height : 60px;
	top : 50%;
	left : 50%;
	border-radius : 20px;
	vertical-align : top;
}

/* Slider */
#slider-vertical {
	position : absolute;
	top : 15px;
	right : 10px;
	height: 180px;
	opacity : 0.8;
}
.ui-slider-vertical {
	background-color : #fff;
	border : 1px solid #aaa;
	border-radius : 10px;
}
.ui-slider-vertical .ui-slider-handle {
	background-color : #ddd;
	border-radius : 4px;
	border : 1px solid #aaa;
	width: 1.3em !important;
}
.ui-slider-vertical .ui-slider-handle:hover {
	border : 1px solid #777;
	background-color : #eee;
}
.ui-slider-vertical .ui-slider-range {
}
.ui-slider-vertical .ui-slider-range-min {
	background-color : #d6d6d6;
	border-radius : 10px;
}
.ui-slider-vertical .ui-slider-range-max {
}

/* Share */
.map-options {
	display : none;
	margin-top : 10px;
	padding : 15px;
	border-radius : 8px;
	background-color : #eee;
}
.map-options h3 { margin : 0px; padding : 0px; }
#map-share .url { width : 550px; }