.filterHead {background-color:#7cb5f7;color:#FFF;margin:4px 0;padding:4px 0 0 10px;height:34px;}
  .filterHead{cursor: pointer;}
  .filterList {display:none;}
  .regioList {display:none;}
  .filterList li {height:30px;list-style:none;}
  .regioList {margin-left:12px;}
  #clearFilters:hover {text-decoration: underline;cursor: pointer;}
 
 /*add collapsible icons*/
 .filterHead:after {
	color:#fff;
 	border-style: solid;
	border-width: 0.25em 0.25em 0 0;
	content: '';
	display: inline-block;
	height: 0.80em;
	left: 0.25em;
	position: relative;
	top: 0.15em;
	transform: rotate(135deg);
	vertical-align: top;
	width: 0.80em;
    padding-left: 5px;
	margin-right:20px;
    float: right;
    font-size: 20px;
}
 .filterHead.active:after {
 	top: 0.35em;
	transform: rotate(-45deg);
  }
  
 /* filter buttons */ 
  .filterButton {
	 background-color:#ddd; 
	 padding: 4px 8px;
	 margin: 6px 6px 6px 0;
	 border-radius: 6px;
	 display:inline-block;
	 cursor: pointer;
	 width: auto;
	  }
	.filterButton:after{
	  content:"x";
	  margin-left:3px;
	  padding: 0 8px 2px 8px;
	  border-radius: 10px;
    }
	.filterButton:hover:after{
	  background-color:#bebebe;
	}

@media only screen and (max-width: 40em){
	.filterButton {font-size:12px;}
	#gotoResults {width:90%;}
	}
	
		
/* Style checkboxes */
label {
  font-size: 16px;
  position: relative;
  display: block;
  margin-bottom: 15px;
  padding-left: 30px;
  cursor: pointer;
}
label input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.control_indicator {
  position: absolute;
  top: 2px;
  left: 0;
  width: 20px;
  height: 20px;
  background: #e6e6e6;
}
/* Hover and focus states */
label:hover input ~ .control_indicator,
label input:focus ~ .control_indicator {
  background: #ccc;
}
/* Checked state */
label input:checked ~ .control_indicator {
  background: #54d8ce;
}
/* Check mark */
.control_indicator:after {
  position: absolute;
  display: none;
  content: '';
}
/* Show check mark */
label input:checked ~ .control_indicator:after {
  display: block;
}
/* Checkbox tick */
.control_indicator:after {
  top: 1px;
  left: 6px;
  width: 7px;
  height: 14px;
  transform: rotate(45deg);
  border: solid #fff;
  border-width: 0 3px 3px 0;
}
#search-filter{
	float:left;
	margin:20px 0 0 0;
}
.sfield-medium{width:80%;}
#txtHint-filter{
float:left;
text-align:left;
position:absolute;
left:14px;
top: 60px;
width: 90%;
border: solid 1px #bebebe;
background-color:#ededed;
font-size:16px;
z-index:5000;
visibility:hidden;
-webkit-box-shadow: 1px 5px 10px 0px rgba(50, 50, 50, 0.2);
-moz-box-shadow:    1px 5px 10px 0px rgba(50, 50, 50, 0.2);
box-shadow:         1px 5px 10px 0px rgba(50, 50, 50, 0.2);
}
#txtHint-filter a:hover li{background:#bebebe;}
#txtHint-filter li{list-style:none;}