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

/******************************/
/* PAGE CONTENT RELATED       */
/******************************/

#response_output {
	position: relative;
}
#jengo_pfor_options{
display:none;}

/* loading bar */
#response_output .loading {	
	position: absolute;
	top: -30px;
	width: 100%;	
	background-color: #337ab7;
	border-color: #2e6da4;
	color: #fff;
	font-size: 12px;
	padding: 3px 10px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	display: none;
	margin-bottom: 10px;
}

/******************************/
/* QUICK SEARCH BLOCK RELATED */
/******************************/

/* auto suggestions drop down */
#suggestions ul {
	margin: 4px 0px 20px 0px;
background:#fff;
}

#suggestions ul li {
	font-size: 11px;
	margin: 0px;
}

#suggestions .response ul li a {
	display: block;
	padding: 2px 2px;
	margin-right: 0px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: #323A45;
}

#suggestions .response ul li a:hover, 
#suggestions .response ul li a.selected {
	background: #428bca;
	color: #fff;
	text-decoration: none;
}

/******************************/
/* MAP RELATED                */
/******************************/

/* map overlay */
#map-surround { position: relative; }

	#map {
		width: 100%;
		height: 500px;
	}

#map-surround .map-loading-overlay, 
#map-surround .no-results-overlay,
#map-surround .drawn-to-list-overlay
{ 
	position: absolute; 
	width: 100%;
	height: 100%;
	background: rgba( 0,0,0,0.2 );
	z-index: 10;
	/*pointer-events: none;*/
	display: none;
}

#map-surround .map-loading-overlay img {
	width: 40px;
	height: 40px;
	margin-left: 47%;
	margin-top: 220px;
}

#map-surround .no-results-overlay .content,
#map-surround .drawn-to-list-overlay .content {
	width: 40%;
	margin: 0 auto;
	border: 4px solid #fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin-top: 150px;
	background: rgba( 0,0,0,0.5 );
	color: #fff;
	padding: 10px;
}

#map-surround .no-results-overlay .content h3,
#map-surround .drawn-to-list-overlay .content h3 {
	font-size: 16px;
	margin: 0px;
color:#fff;
}
#map-surround .drawn-to-list-overlay .content .button {
	display: inline-block;
	padding: 2px 5px;
	border: 2px solid #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	pointer-events: all;
	margin-top: 20px;
}

#map-surround .drawn-to-list-overlay .content .button:hover {
	background: red;
	text-decoration: none;
}

#map-surround .no-results-overlay .content ul {
	font-size: 12px;
	margin: 0px;
	margin-top: 10px;
	padding-left: 30px;
}

.draw-button:visited, 
.draw-button:focus, 
.draw-button {
	display: inline-block;
	background: #666;
	color: #fff;
	padding: 6px 12px;
	margin: 4px 0px;
	border-color: #666;
	
	text-decoration: none !important;
	font-size: 11px !important;
	text-align: center;
}

	.draw-button:hover,	
	.draw-button.selected {
		background: #0f40fb;
		color: #fff;
		text-decoration: none;
	}

.draw-button.clear.hide {
	display: none;
}

.marker_properties_block {
	width: 420px;
	min-height: 190px;
	overflow: hidden;
	position: relative;
}

.marker_properties_surround {
	width: 9999px;
	height: 180px;
	overflow-x: auto;
	position: absolute;
	left: 0px;
	top: 0px;
	-webkit-transition: all 0.5s ease-out;
}	

.marker_property_detail {
	float: left;
	width: 420px;
}

.marker_property_index {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	margin-top: 170px;
}

.marker_property_index li {
	display: inline-block;
	margin: 3px;
}

.marker_index_dot {
	width: 20px;
	height: 20px;
	font-size: 11px;	
	border: 1px solid #337ab7;
	color: #337ab7;
	background: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-align: center;
	line-height: 20px;
}

.marker_index_dot:hover, 
.marker_index_dot.selected 
{
	background: #337ab7;
	color: #fff;
}

#schools_list_surround,
#transport_list_surround{
padding:0 15px;
}

/******************************/
/* QUICKSEACRH RELATED        */
/******************************/

#suggestions ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

	#suggestions ul li {
		margin-left: 8px;
		font-size: 11px;
		/* font-weight: 700; */
		/* color: #323A45; */
	}

#searchFormInput input[type=text], 
#searchFormInput select.form-control 
{
	width: 95%; 
	width: 100%;
	display: block;
}

#searchFormInput input[type=text] {
	text-transform: uppercase;
}

/******************************/
/* WIDGET RELATED             */
/******************************/

.filter-button {
	
	display: inline-block;
	background: transparent;
	color: #0f40fb;
	width: 16%;
        text-align: center;
	padding: 4px 8px;
	margin: 4px 0px;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	margin-left: 10px;
	/*! margin-top: 20px; */
	border: 1px solid #0f40fb;
	font-size: 11px;
	text-transform: uppercase;
	padding: 7px 15px;
	font-weight: 500;
}
	.filter-button:hover,
	.filter-button.selected {
		background: #0f40fb;
		color: #fff;
		text-decoration: none;
		border: 1px solid #0f40fb;
		cursor: pointer;
	}

/* location map widget */

.location-widget-wrap {
	/*
	background:#FFF; 
	margin:50px auto;
	padding:15px;
	*/
}

#location-map {
	width: 100%;
	height: 200px;
}

/* location map widget */

.streetview-widget-wrap {
	/*
	background:#FFF; 
	margin:50px auto;
	padding:15px;
	*/
}

#streetview-map {
	width: 100%;
	height: 400px;
}

/* schools widget */

.schools-widget-wrap {
	background:#fff; 
	/*margin:50px auto;
	padding:15px;*/
}

#schools-map {
	width: 100%;
	height: 400px;
}

/* transport widget */

.transport-widget-wrap {
	background:transparent; 
}

#transport-map {
	width: 100%;
	height: 400px;
}

/* poi widget */ 

.poi-widget-wrap {
	background:#FFF; 
}

#poi-map {
	width: 100%;
	height: 400px;
}

#location-map {
    width: 100%;
    height: 400px;
}

.map-window .thumb_surround {
	max-height: 160px;
	overflow: hidden;
}
.map-window p{
color:#0f40fb;
}
/* next / previous buttons */
.next-prev {
	display: inline-block;
	padding: 2px 5px;
	background: #337ab7;
	color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.next-prev:hover {
	color: #fff;
}



.jengo-filters {
    margin-top: 20px;
padding:0 15px;
}

input.btn.btn-xs.btn-primary {
    margin-top: -75px;
}
@media only screen and (max-width : 600px) {
.filter-button {
width:30%;}
}