﻿#SiteFilterOptions ul { list-style: none; margin-left: 0px;}
#SiteFilterOptions ul > li > label { padding-left: 5px; }
#SiteFilterOptions ul > li > input { margin-bottom: 0px; }
.bravoSearchInput { overflow: visible; position: relative; }
.searchInput { position: relative; }
.searchInput input[type=text]{
    background: none repeat scroll 0 0 #eee;
	border: none;
	color: #333;
	float: left;
	font: 15px 'Helvetica','Lucida Sans Unicode','Lucida Grande',sans-serif;
    line-height: 18px;
	margin: 0;
	padding: 3px;
	transition: background 0.3s ease-in-out 0s;
	width: 90%;
	min-height: 40px;
	outline:none;
}
.searchInput a.SearchButton:link {
    background: url("../images/search.png") no-repeat scroll center center #7eac10;
	cursor: pointer;
	height: 40px;
	width: 40px;
    text-indent: -99999em;
	transition: background 0.3s ease-in-out 0s;
	border: 2px solid #fff;
    display: inline-block;
    padding: 1px 6px;
    margin: 0em;
}
.bravoSearchInput .SiteFilterOptions {position:absolute; display:none; width: 300px; background: none repeat scroll 0 0 #eee; border: 1px solid #eee; margin-top: 4px;}
.bravoSearchInput .SiteFilterOptions ul { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); list-style: outside none none; margin: 8px; padding: 0; }
.bravoSearchInput .SiteFilterOptions input[type="checkbox"] { margin: 2px 2px 1px 0; }
.bravoSearchInput .SiteFilterOptions ul li label { color: #333; }

@media screen and (min-width:0px) and (max-width:540px){
.bravoSearchInput {width: 100% !important;}
.searchInput input[type=text]{width:85%;}
}

@media screen and (min-width:541px) and (max-width:739px){
.bravoSearchInput {width: 80% !important;}
}

