/* ==========================================================================
   Global
   ========================================================================== */

body{
	overflow: hidden;
}

form{
	margin-top:50px;
}

/* ==========================================================================
Buttons
========================================================================== */

#btnCloseOverlay{

	float: right;
	margin-top: 13px;
	margin-right: 8px;
}

#btnSave{
	display:none;
}

#btnRemove{
	display:none;
}

#createMarker{
	width:210px;
}

#getLatLong{
	margin-left:28px;
	margin-top:10px;
}

#clearLatLong{
	margin-top:10px;
}

/* ==========================================================================
Map
========================================================================== */
#deletePopUp{
	display:none;
	width: 100px;
	height: 50px;
	background-color: #ccc;
	position: absolute;
	z-index: 100;
	opacity: 0.8;
	padding-left: 10px;
	box-shadow: 1px 1px 1px 1px;
	border-radius: 3px;
}
#deleteMarker{
	cursor:pointer;
}
#closePopUp{
	margin-left: 85px;
	cursor:pointer;
}
#map-canvas{
	top:0px;
	position:absolute;
	width:100%;
	height:100%;
}

#map-canvas img{
	max-width:none;
}

#map-vignette{
	top:0px;
	pointer-events:none;
	position:absolute;
	width:100%;
	height:100%;
	opacity:1;
	background: -webkit-radial-gradient(rgba(127, 127, 127, 0.2),
                rgba(127, 127, 127, 0.2) 40%,
              	rgba(0, 0, 0, 0.2));
}

/* ==========================================================================
Overlays
========================================================================== */

#marker-overlay{

	display:none;
	width:500px;
	height:100%;
	position:absolute;
	left:0px;
	top:40px;
	background-color: rgba(255,255,255,0.5);
	overflow-y:scroll;
}

#controls-overlay{

	width:20%;
	height:100%;
	position:absolute;
	right:0px;
	top:40px;
	background-color: rgba(255,255,255,0.25);
}

.form-horizontal input{
	margin-top: -3px;
	margin-right: 10px;
}

.form-horizontal label{
	font-size: 12px !important;
}

.form-horizontal .control-label{
	width: 80px;
}

.form-horizontal .controls{
	margin-left: 100px;
}

.form-horizontal .control-group{
	margin-bottom: 5px;
}

#latLng{
	width:300px;
	height:50px;
	overflow-y:scroll;
	font-size:10px;
	line-height: 10px;
}

.checkbox input[type="checkbox"]{
	margin-top:5px;
}

.descriptionTextArea{
	width:329px;
}

select.agencyFilters{
	margin-bottom:5px;
}