@charset "UTF-8";
/* CSS Document */

body { margin:0; padding:0; }
#map { width:228px; height:400px; background: #8E969F; border: 1px solid #8E969F; }

/* on selector per rule as explained here : http://www.sitepoint.com/html5-full-screen-api/ */
#map:-webkit-full-screen { width: 100% !important; height: 100% !important; }
#map:-moz-full-screen { width: 100% !important; height: 100% !important; }
#map:full-screen { width: 100% !important; height: 100% !important; }

.leaflet-control-zoom-fullscreen {
	background: #FFF url(../js/leaflet/Leaflet.fullscreen/icon-fullscreen.png);
	border: 1px solid #888;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 23px !important;
	height: 23px !important;

	-webkit-box-shadow: 3px 3px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 3px 3px 2px rgba(0,0,0.2);
	box-shadow: 3px 3px 2px rgba(0,0,0,0.2);
}

.leaflet-control-scale.leaflet-control { /* raises scalebar above attribution */
	margin-bottom: 34px;
}

/* popup */

.leaflet-popup-content-wrapper, .leaflet-popup-tip {
	background: rgba(255,255,255,0.85);
}
.leaflet-popup-content {
	font-family: "myriad-pro", Arial;
	font-size: 11px;
	margin: 20px 8px 12px 8px;
	line-height: 1.3;
}

/* site icons */

.site_icon {
	width: 34px !important;
	height: 22px !important;
	background: url(../images/site_icon.png) no-repeat;
	background-position: 0px -132px;
}
.site_icon.disabled {
	opacity: 0.5;
}
.site_type {
	width: 29px;
	height: 16px;
	padding: 4px 0 0 0; /*3px for safari*/
	line-height: 10px;
	
	color: #FFF;
	font-size: 10px;
	text-align: center;
	font-family: "myriad-pro", Arial;
	font-weight: 600;
	/*text-shadow: 1px 1px 1px rgba(0,0,0,0.8);*/
}
.site_icon.other {
	background-position: 0px -44px;
}
.site_icon.select {
	background-position: 0px -66px;
}
.site_icon:hover {
	background-position: 0px -66px;
}


/* overlays */

.overlay {
	position: absolute;
	left: 24px;
	top: 2px;
	width: 13px;
	height: 13px;
	background-position: 0px 0px;
	
	padding: 2px 0 0 0; /*1px for safari*/
	line-height: 10px;
	
	color: #333;
	font-size: 10px;
	text-align: center;
	font-family: "myriad-pro", Arial;
	font-weight: normal;
}
.overlay.count {
	background: url(../images/overlay.png) no-repeat;
	background-position: 0px 0px;
}

/* marker-cluster */

.marker-cluster {
	margin-top: -18px !important;
	margin-left: -18px !important;
	width: 36px !important;
	height: 36px !important;

	background-color: transparent !important;
	background-image: url(../images/marker_cluster.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}

.marker-cluster div {
	width: 26px;
	height: 26px;
	text-align: center;
	background-color: transparent !important;
}
.marker-cluster div span {
	color: #333;
	font-size: 11px;
	font-family: "myriad-pro", Arial;
	font-weight: 600;
	/*text-shadow: 1px 1px 1px rgba(0,0,0,0.8);*/
	line-height: 26px;
}
.marker-cluster:hover {
	background-position: -40px 0;
	cursor: pointer;
}
.marker-cluster:hover div span {
	color: #FFF;
}

#powered_by_shape {
	position: absolute;
	bottom: 20px;
	right: 224px;
	width: 160px;
	height: 32px;
	z-index: 2000;
	background: url(../images/powered_by_shape.png) 0 0 no-repeat;
	cursor: pointer;
}
#powered_by_shape:hover {
	/*background-position: 0 -32px;*/
}

/* geocoder*/

.leaflet-center {
	position: absolute;
	top: 0;
	left: 50px;
	margin: 0;
	width: 200px;
}
.leaflet-control-geosearch {
	width: 180px;
}
.leaflet-container .leaflet-control-geosearch input {
	height: 18px;
	background: rgba(255,255,255,0.85);
}

/* retina */

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
 	.site_icon {
		background: url(../images/site_icon@2x.png) no-repeat;
		background-size: 34px 198px;
		background-position: 0px -132px;
	}
	.site_type {
		height: 20px;
		padding: 0 0 0 0;
		margin: 4px 0 0 0;
	}
	.marker-cluster {
    	background-image: url(../images/marker_cluster@2x.png);
    	background-size: 76px 36px;
  	}
	#powered_by_shape {
		background: url(../images/powered_by_shape@2x.png) 0 0 no-repeat;
		background-size: 160px 64px;
	}
	.overlay.count {
		background: url(../images/overlay@2x.png) no-repeat;
		background-size: 13px 73px;
	}
}