.codespacing_progress_map_area {
	width: 100%;
	background: #fff;
	border-bottom:0px solid #097faa;
	border-top:0px solid #097faa;
}

div[id^=codespacing_progress_map_div]{
	margin: 0px auto;
	padding:0;
}

div[id^=codespacing_progress_map_div] img,
#codespacing_progress_map_light img,
#codespacing_progress_map_static img{
	max-width:none;
}

.marker_holder img{
	border:5px solid #0066cc;			
	text-align:center;
	width:70px;
	height:70px;
	border-radius: 50%;
}


/* ==== Rounded Overlay ==== */

.pin_overlay_img{
	border-radius: 50%;	
	width: 55px;
	height: 55px;	
}

.pin_overlay{
	border-radius: 50% 50% 50% 0%;
	position: relative;
	cursor: default;
	/*border:2px solid rgba(255,255,255,0.6);*/
	box-shadow:inset 0 0 0 0px rgba(255,255,255,1),0px 0px 0px 2px rgba(255,255,255,0.9);
		
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	z-index:1;
	background: rgba(255,255,255,0.9);
	width: 55px;
	height: 55px;	
}

.pin_overlay_content {
	position: absolute;
	background: rgba(255,255,255, 0.7);
	border-radius: 50%;
	opacity: 0;
	width: 55px;
	height: 55px;		
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	
	-webkit-backface-visibility: hidden;
}

.pin_overlay_content a {
	color: #fff;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	position:relative;
	top:30%;
	left:25%;
	font-family: 'Open Sans', Arial, sans-serif;
	text-shadow: 
		0 0 1px #fff, 
		0 1px 2px rgba(0,0,0,0.3);
	color: #097faa;	
}

.pin_overlay_content a:hover {
	color:#189ac9;
}

.pin_overlay:hover {
	/*box-shadow: 
		inset 0 0 0 6px rgba(255,255,255,0.9),
		1px 1px 1px rgba(0,0,0,0.0);*/
}

.pin_overlay:hover .pin_overlay_content, .pin_overlay_content-active {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 0.7;	
}

/* ===== Image Overlay ===== */

.marker_overlay_desc{
	height:59px;
	width:226px; 
	background:rgba(255,255,255,0.8); 
	margin-left:-36px; 
	padding-left:41px; 
	overflow:hidden; 
	font-size:14px !important; 
	float:left;	
}

.img_map_holder{
	width:250px !important;	
}

.img_map_holder .pin_overlay{
	float:left !important;	
}

div.explore_area{
	color:#333;
	font-size:11px;
	cursor:pointer;
	margin:2px 0;	
	background: rgba(255,255,255,0.9);
	border-radius:2px;
	box-shadow:0px 0px 2px #333;	
	/*display:none;*/
}

div.nearby_overlay{
	color:#000;
	width:200px;
	font-weight:normal;
	font-size:10px;
	background:rgba(255,255,255,0.8);
}

div.nearby_overlay_arrow_box {
	position: relative;
	background: #ffffff;
}

div.nearby_overlay_arrow_box:after {
	right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

div.nearby_overlay_arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #ffffff;
	border-width: 5px;
	top: 50%;
	margin-top: -5px;
}

/* ===== InfoWindow Overlay ==== */

.infoWindowOverlay{
	width:250px; 
	height:150px;
}

.infoWindowOverlayTop{
	background:#fff; 
	width:250px; 
	height:120px; 
	border-bottom:7px solid #0066cc;	
}

.infoWindowOverlayTopLeft{
	width:55px;
	height:120px; 
	float:left;	
}

.InfoWindowOverlayImgHolder{
	position:relative; 
	top:-10px; 
	left:-10px;	
}

.infoWindowOverlayImg{
	border-radius:50%; 
	box-shadow:none; 
	border:3px solid #fff;	
	width: 55px;
	height: 55px;
	position: relative;
	cursor: default;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	z-index:1;
	
}

.infoWindowOverlayClose{
	margin:30px 0 0 10px;
	background:url(../img/close.png) no-repeat left bottom;
	width:16px;
	height:16px;
	cursor:pointer;
}

.infoWindowOverlayTopRight{
	height:auto; 
	width:185px; 
	float:left;
	margin-top:6px;
	height:120px;
	overflow:hidden;
}

.infoWindowOverlayTopRight p strong{
	font-size:14px;
}

.infoWindowOverlayTopRight p{
	font-size:12px;
	height:100px;
	overflow:auto;
}

.infoWindowOverlayTopRight p a{
	font-weight:normal;
	color:#097faa;
	font-size:13px;
}

.infoWindowOverlayTopRight p a:hover{
	color:#189ac9;
}

.infoWindowOverlayArrow{
	width:2px; 
	height:30px; 
	background:#0066cc; 
	margin:auto;	
}

/* ==== Zoom Control ==== */

.codespacing_zoom_container {
	position: absolute;
	width: 46px;
	height: 76px;
	z-index: 999; 
	margin: 20px 0 0 20px;
}

div[class^=codespacing_map_zoom_in],
div[class^=codespacing_light_map_zoom_in] { 	
	position: relative; 
	left: 0px; 
	top: 1px; 
	width: 46px; 
	height: 38px; 
	background-image: url(../img/zoom-in.jpg); 
	background-repeat: no-repeat; 
	background-position: 50% 50%; 
	z-index: 9; 
	cursor: pointer; 
	opacity:0.9;
}

div[class^=codespacing_map_zoom_in]:hover,
div[class^=codespacing_light_map_zoom_in]:hover,
div[class^=codespacing_map_zoom_out]:hover,
div[class^=codespacing_light_map_zoom_out]:hover { 	
	opacity:1;
}

div[class^=codespacing_map_zoom_out],
div[class^=codespacing_light_map_zoom_out] { 
	position: relative; 
	left: 0px; 
	top: 2px; 
	width: 46px; 
	height: 38px; 
	background-image: url(../img/zoom-out.jpg); 
	background-repeat: no-repeat; 
	background-position: 50% 50%;
	z-index: 9; 
	cursor: pointer; 
	opacity:0.9;
}


/* ==== Details Area ==== */

.details_title{
	font-size:14px; 
	font-family: "PT Sans", Arial, Helvetica, sans-serif !important;
	background:rgba(0,102,204,0.2);
	color:#063f74;
	font-weight:normal;
	padding:5px 10px;
}

.details_infos{
	font-size:12px; 
	font-weight:normal; 	
	font-family: "PT Sans", Arial, Helvetica, sans-serif !important;	
	color:#343434; 
	padding:5px 10px; 
}

/* ==== Details Button ==== */

.item_infos{
	width:100%; 
	height:100%; 
	padding:0px; 
	margin:auto; 
}

.details_container{
	padding:0;
	float:left;
	overflow:hidden;
}

.item_infos:hover div.details_btn{
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);	
}

div.details_btn{
	position:absolute; 
	height:30px; 
	width:auto; 
	padding:0 20px; 
	text-align:center; 
	line-height:29px; 
	background:rgba(255,255,255, 0.9); 
	/*bottom:15px;*/
	box-shadow:1px 1px 0px #ccc;

	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);	
}

div.details_btn a{
	font-size:11px;
	color:#097faa;
}

div.details_btn a:hover{
	color:#189ac9;
}

/* ==== Small clustring posts widget ==== */	

div[class^=cluster_posts_widget]{
	position:absolute; 
	bottom:2px;
	left:2px;
	width:280px;
	height:86px;
	overflow:auto; 
	background:rgba(255,255,255,0.9);
	padding:10px;
	z-index:9999;
	/*box-shadow:0px 0px 1px rgba(0,0,0,0.6);*/
	display:none;
}

div[class^=cluster_posts_widget] ul{	
	width:auto;
	height:auto;
	list-style:none;
	margin:0;
	padding:2px;		
}

div[class^=cluster_posts_widget] ul li{
	height:auto;
	width:250px;
	margin-bottom:2px;	
	border-bottom:0px solid rgba(255,255,255,1);
}

div[class^=cluster_posts_widget] ul li a{
	padding: 0 10px;
	color:#097faa;
	font-size: 12px;
	width: 215px;
	display: inline-table;
	overflow:hidden;		
}

div[class^=cluster_posts_widget] ul li a:hover{
	color:#189ac9;
	cursor:pointer;
	text-decoration:none;
}

div[class^=cluster_posts_widget] ul li img{
	border-radius:0;		
	height:30px;
	width:30px;
	margin:0;	
}
	
/* ==== Posts count clause ==== */

div.number_of_posts_widget{
	font-size:22px;
	color:#38A5D0;
	font-weight:bold;
}

/* ==== faceted search ==== */

div[class^=faceted_search_container]{
	width:200px;
	height:auto;
	position:absolute;
	padding:0px;
	z-index:999;
	margin:116px 0 0 63px;
	display:none;
}

div[class^=faceted_search_container] form.faceted_search_form ul{
	margin:0 0 0 1px;
	padding:0px;
	list-style:none;	
	height:auto;
	max-height:120px;
	overflow:auto;
}

div[class^=faceted_search_container] form.faceted_search_form ul li{
	width:100%;
	height:auto;
	min-height:39px;
	padding:9px 9px 0 9px;
	margin:0 0 1px 0;
	background:rgba(27,192,140,0.9);
}

div[class^=faceted_search_container] form.faceted_search_form ul li div[class^=icheckbox_],
div[class^=faceted_search_container] form.faceted_search_form ul li div[class^=iradio_]{
	float:left;
}

div[class^=faceted_search_container] form.faceted_search_form ul li label{
	float:left;
	line-height:17px;
	margin-left:5px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	width:105px;
}

div[class^=faceted_search_container] form.faceted_search_form ul li.taxonomy_name{
	color:#A0A0A0;	
}

div[class^=reset_map_list]{
	position: absolute;
	z-index: 999; 
	margin: 155px 0 0 20px;
	width: 46px; 
	height: 40px; 
	background-image: url(../img/reset_map.jpg); 
	background-repeat: no-repeat; 
	background-position: 50% 50%;
	z-index: 9; 
	cursor: pointer; 
	opacity:0.9;
	display:none;
}

div[class^=reset_map_list_]:hover{
	opacity:1;
}

div.faceted_search_btn{
	position: absolute;
	z-index: 999; 
	margin: 115px 0 0 -154px;
	width: 46px; 
	height: 40px; 
	background-image: url(../img/faceted_search.jpg); 
	background-repeat: no-repeat; 
	background-position: 50% 50%;
	z-index: 9; 
	cursor: pointer; 
	opacity:0.9;
}

div.faceted_search_btn:hover{
	opacity:1;
}

.icheckbox_polaris,
.iradio_polaris{
	top:-4px;
}

/* ==== Carousel ==== */

ul[id^=codespacing_progress_map_carousel_] li:hover{
	cursor:pointer !important;	
}

/* ==== Map error msg ==== */

div.error_widget{
	color:#fff;
	background:#F00;
	padding:10px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;	
}

/* ==== Carousel on top ==== */

div.codespacing_progress_map_carousel_on_top{
	position: absolute;
	z-index: 9999;
	bottom: 20px;
	opacity: 0.9;
	left: 50%;
	padding:0; 
	height:auto;
}