@charset "utf-8";
/* CSS Document */
/*-------------------------------------------

* Filename:		search.css
* Description:	CSS for Site Search alternate version
* Version:		1.1.2 (11-10-2010)
* Author:		CBBB

---------------------------------------------

/*  KEEP CSS CLEAN
    Some guidelines to follow:
    1. Break code down into sections.
    2. Keep your rules alphabetically sorted.
    3. Only put one selector per line for a block of rules that apply to multiple selectors (except for reset).
    4. Indent your rules, only one rule per line.
    5. Indent proprietary properties with two spaces. Keep these properties directly below the proposed property.
        
        example:
        
        element#id,
        element.class {
            rule1: value;
              -webkit-rule2: value;
              -moz-rule2: value;
            rule2: value;
            top: value;
        }
-------------------------------------------*/
/* --- Refine Box Typography ---*/
.refine {
	font-size:1.1em;
}
.refine h4 {
	color:#9E2B1E;
	font-size:1.2em;
	font-family:Verdana, Helvetica, sans-serif;
}
.refine h5 {
	font-size:1.1em;
}
.refine label {
	color: #02647E;
	font-size:1em;
	font-weight:100;
	margin:0;
}
.refine .showmore {
	font-style:italic;
}
.refine .active {
	font-style:italic;
}
.refine .active label{
	color: #333333;
}
/* --- More options structure --- */
.moreoptions {
	font-size:1.2em;
}
/* --- Search Info Typography --- */
#sitesearch .search-info h3 {
	font-size:1.2em;
	font-weight:100;
}
.search-info span {
	color:#9E2B1E;
	font-weight:700;
}
.search-info p {
	font-size:1.2em;
}
.search-info ul {
	font-size:1.2em;
}
/* Search Intro Typography */
#search-intro h3 {
	color:#568222;
}
#search-intro ul {
	font-size:1.2em;
}

/* --- Search Typography --- */
#tab p {
	color: #fff;
	font-size: 12px;
	font-weight:700;
}
#tab ul li {
	color: #066077;
	font-size:12px;
	font-weight:700;
}
#tab ul li.results {
	color:#fff; 
}
/*
#tab ul li a {
	color: #fff;
}
*/
#tab.sitesearch ul li a {
	color: #fff;
}
#tab.sitesearch ul li a:hover {
	color: #066077;
}
.results-biz-header a,
.results-biz-header span {
	color:#333333;
	font-size:1.2em;
	font-weight:bold;
	text-decoration:none;
}
#sitesearchresults h3 {
	font-size: 1.4em;
	font-weight: bold;
}
#sitesearchresults p.bold {
	font-weight:700;
}
.match {
	font-weight:700;
}
.biz-accred-status a {
	font-size:1.2em;
}
/* --- Search Pager Typography --- */
#pager ul li {
	font-size:12px;
}
#pager ul li.here {
	font-weight: 700;
}
#pager .pagedisplay {
	color: #333;
	font-family: Verdana;
	font-size: 12px;
	font-weight: 100;
}
/* --- Sidebar Typography --- */
.sidebar .box h4 {
	color:#9E2B1E;
	font-size:1.5em;
	font-family:Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
}
.sidebar .narrow a {
	font-size:1.1em;
}
.sidebar .promo a.text {
	font-size:1.2;
}
#text-size {
	font-size:1.2em;
}

/* --- Refine Box Structure --- */
.refine {
	margin:10px 0 0;
	overflow:hidden;
	padding:10px;
}
.refinesmall {
	height:20px;
}
.refine h4 {
/*  left:100%;
  margin:0 0 0 -102px;
  position:absolute;
  top:10px;*/
  float:right;
  width:92px;
}
.refine h4 a {
	background: url("../images/cbbb-sprites.png") no-repeat -862px -46px;
	display:block;
	float:right;
	height:22px;
	text-indent:-9999px;
	width:92px;
}
.refinesmall h4 a {
	background: url("../images/cbbb-sprites.png") no-repeat -862px -20px;
}
div.float-left {
	float:left;
}
.greyborderL {
	border-left: 1px dotted #CCCCCC;
	padding-left: 15px;
}
.refine h5 {
/*	line-height:22px;
*/	line-height:16px;
	padding:4px 0 0;
	margin:0 10px 0 0;
	width:150px;
}	
.refine .first h5 {
	line-height:16px;
	padding:4px 0 0;
	width:140px
}
.refine .distancefilter h5 {
	padding-right:10px;
	width:110px;
}
.refine .distancefilter ul {
	width: 120px;
}
.refine .filter {
	overflow:hidden;
	padding:3px 0 0;
}
.refine input[type="checkbox"] {
	float:left;
	height:1em;
	margin:0 4px;
	padding:0;
	width:18px;
}
.refine label {
	display:block;
	/* float:left; */
	padding:0;
	width:130px;
}
.refine ul {
	margin:10px 0 0 5px;
	width:130px;
}
.refine ul.tob2 {
	margin-top: 30px;
}
.refinesmall ul {
	display:none;
}
.refine li {
	margin:4px 0;
	overflow: visible;
	padding:1px 5px 1px 0;
}
/*
.refine .active {
	background: url(../images/err-red.gif) 0px 2px no-repeat;
	font-style:italic;
	padding-left:6px;
}
*/

/* --- More options structure --- */
.moreoptions {
	background-color:#FFFFFF;
	border:2px solid #E1A238;
	left:50%;
	margin:0 0 0 -150px;
	padding:10px;
	position:absolute;
	top:300px;
	width:300px;
	z-index:100;
}
.moreoptions ul {
	margin:5px 0 0 5px;
}
.moreoptions li {
	margin:3px 0;
}
.closewin a {
	background:url("../images/cbbb-sprites.png") no-repeat -457px -80px;
	border:0 solid red;
	color:#727272;
	cursor:pointer;
	display:block;
	font-weight:700;
	height:24px;
	line-height:24px;
	position:absolute;
	right:5px;
	text-align:center;
	text-decoration:none;
	top:5px;
	width:24px;
	z-index:200;
}

/* --- Search Results Structure --- */
.search {
	float:left;
	width:760px;
}
#section .search h2 {
	margin:5px 0;
}
#sitesearch {
	float:left;
	/*margin:0 0 0 10px;*/
	width:100%;
}
/* --- Search Error --- */
.search-error {
	margin: 20px 0 0;
}
.search-error p {
	margin: 1em;
}

/* --- Did you mean --- */
.search-info {
	border-bottom:1px solid #676767;
	/* Disabled unless search had issues
	display:block !important;
	*/
	padding:10px;
}
.search-info h3 {
}
.search-info p {
	margin:8px 0;
}
.search-info ul {
	margin:3px 0 10px 15px;
}
.search-info li {
	margin:0 0 3px;
}

/* Search Intro */
#search-intro {
	margin: 10px 0 0;
	padding: 0;
	overflow: hidden;
	width: 100%;
}
#search-intro h3 {
	margin: 0 0 10px;
}
#search-intro p {
	margin: .3em 0;
}
#search-intro ul {
	padding:10px;
	margin: 5px 0 5px 10px;
}
#search-intro ul li {
	background:url(../images/err-red.gif) no-repeat 0 4px;
	padding:1px 0 0 8px;
}

/* --- Search Tab bar --- */
#tab {
	background: url(../images/bg-tab.gif) repeat-x;
	margin: 10px 0 0;
	padding: 0;
	overflow: hidden;
	width: 100%;
	/*width: 700px*/
}
#tab p {
	position: absolute;
	right: 10px;
	top: 0;
}
#tab ul {
	display: block;
	list-style: none;
	margin: 9px 0 0;
	padding: 0; 
}
#tab ul li {
	float: left;
	margin: 0 0 0 10px;
} 
#tab.sitesearch ul li a, 
#tab.sitesearch ul li span {
	background:#005A78;
	display: block;
	height: 13px;
	margin:  0;
	padding: 5px 10px 4px;
	text-decoration: none;
		-moz-border-radius-topright: 10px;
		-moz-border-radius-topleft: 10px;
}

#tab.sitesearch ul li span, 
#tab.sitesearch ul li a:hover {
	background:#FFF;
}
/* --- Search Results Listings --- */
.headerSortUp {
	background: url(../images/sort-arrow-up.png) no-repeat right center;
}
.headerSortDown {
	background: url(../images/sort-arrow-down.png) no-repeat right center;
}
#sitesearchresultslist {
	border-collapse: collapse;
	overflow:hidden;
	text-align: left;	
}
#sitesearchresultslist td {
	vertical-align: top;
}
.content-search li {
	padding:5px 10px;
}
tr.result-row td {
	border-bottom: 1px solid #F5F5F5;
	padding: 10px 10px 5px;
}
.results-biz-header th {
	border-bottom:1px solid #676767;
	cursor: pointer;
	margin:0 0 0 1px;
	padding:8px 0 8px 10px !important;
	text-align: left;
}

th.biz-info,
td.biz-info,
li.biz-info {
	width:270px;
}
th.biz-tob,
td.biz-tob,
li.biz-tob {
	padding:0 10px;
	width:170px;
}
th.biz-distance,
td.biz-distance {
	padding:0 10px;
	width:100px;
}
th.biz-accred-status,
td.biz-accred-status {
	padding:0 0 0 10px;
	width:140px;
}
td.biz-accred-status {
	text-align: center;
}
#sitesearchresults h3 {
	margin: 0 0 3px;
	padding: 0;
}
.dymcity a {
	display: block;
}
#sitesearchresults h3.did-you-mean {
    margin: 0 0 10px;
}
#sitesearchresults {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	/* width: 100%; */
}
#sitesearchresults p {
	display: block;
	margin: 0;
	padding: 0 0 5px 0;
}
.expand-icon,
.collapse-icon {
	display:inline-block;
	height:19px;
	margin:5px 0;
	padding:0 0 0 24px;
	font-size:1.2em;
	line-height:19px;
}
.expand-icon {
	background:url("../images/cbbb-expand-icon.png") no-repeat;
	/* margin:5px 0 8px; */
}
.collapse-icon {
	background:url("../images/cbbb-collapse-icon.png") no-repeat;
}
ul.multi-location {
	border-left:1px dotted #333333;
	margin:0 0 5px 0;
	padding: 0;
}
ul.multi-location li {
	border-top:1px dotted #333333;
	padding: 4px 0 0 6px;
}

ul.multi-location li.nearest {
	border-top:none;
	padding: 0 0 0 6px;
}

ul.multi-location li p {
	padding:0;
}
#sitesearchresults .distance {
	font-style:italic;
}
.best-match h5{
	background:#efa017 url("../images/cbbb-sprites.png") no-repeat -245px -149px;
	border: 1px solid #eeeeee;
	display:block;
	float: left;
	margin: -5px 10px 0 -10px;
	min-height: 61px;
	padding: 4px 3px;
	width: 12px;
	text-indent: -9999px;
}
.best-match .match-biz-info{float: left; width:238px;}
/* --- Search Paging --- */
#pager  {
	/* border-top: 1px #7F7F7F solid; */
	clear:both;
	margin: 5px 0 0;
	padding: 10px;
	overflow: hidden;
	/*width: 700px;*/
}
#pager p {
	display: block;
	float: left;
	line-height: 14px;
	margin: 0;
	padding: 0;
	width: 200px;	
}
#pager ul {
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
}
#pager ul li {
	float: left;
	margin: 0;
	padding: 0 2px;
}
#pager ul li a,
#pager ul li span {
	line-height: 14px;
}
#pager .pagedisplay {
	background:transparent;
	border: none;
	height: 14px;
	line-height: 14px;
	overflow: hidden;
	padding: 0;
	text-align: center;
	width: 45px;
}
/* --- sidebar structure ---*/
.sidebar .first {
	margin:10px 0 20px;
}
.promo {
	margin:0 0 20px;
}
.box {
	border:2px solid #EEEEEE;
	margin:10px 0;
	overflow: hidden;
	padding:0 0 10px;
}
.box .container {
	padding: 10px;
}
.sidebar {
	width:216px;
}
.sidebar .narrow {
	width:136px;
}
.sidebar .box h4 {
	background-image:url("../images/cbbb-sprites.png");
	background-position:-614px -285px;
	background-repeat:no-repeat;
	border:0 solid blue;
	height:42px;
	line-height:40px;
	margin:-2px 0 0 -2px;
	padding:0 0 0 10px;
	width:209px;
}
.sidebar .narrow h4 {
	width:172px;
}
.sidebar .promo p, .sidebar .promo a.text {
	/*padding:10px 0 10px 10px;*/
}

.sidebar #text-size  {
	border:0 solid red;
	font-weight:bold;
	height:25px;
	padding:0;
	position:relative;
}
.sidebar #text-size span {
	border: 0px solid red; 	
	display: inline-block;
	top: 8px;
	margin: 0 5px 0 10px;
	padding: 0 0 0 0;
	position: relative;
}
.sidebar #text-size a {
	background-image: url('../images/cbbb-sprites.png');
	background-position: left top;
	background-repeat: no-repeat;		
	border: 0px solid red; 	
	display: inline-block;
	margin: 0 0 0 5px;
	padding: 0 0 0 0;
	position: relative;
	text-indent: -9999px;
}
.sidebar #text-size a.text-small {
	background-position: -130px -24px;	
	height: 20px;
	position:relative;
	top: 6px;
	width: 20px;
}
.sidebar #text-size a.text-med {
	background-position: -153px -22px;	
	height: 22px;
	position:relative;
	top: 4px;
	width: 22px;
}
.sidebar #text-size a.text-large {
	background-position: -177px -18px;	
	height: 25px;
	position:relative;
	top: 0px;
	width: 25px;
}
/* --- Type of Business Location Prompt ---- */
#location-box label,
#location-box input,
#location-box select,
#location-box textarea,
#location-box p {
	display:block;
	font-size:1.2em;
	margin:5px 10px;
	width:350px;
}
#location-box label {
	font-weight:700;
}

#location-box div {
	overflow:hidden;
	margin:10px 0 0;
}
#location-box input[type="submit"] {
	display:block;
	float:left;
	width:78px;
}
#location-box .alerttext {
	margin:0 0 0 10px;
	width:350px;
}
#l-close {
	display:block;
	float:left;
	font-size:1.2em;
	height:26px;
	line-height:26px;
	margin:5px 0 0 10px;
	width:60px;
}
/* --- Request a review be developed --- */
#section.request h2 {
	margin-bottom: 12px;
}
.request .bbbform {
	padding: 10px;
}
.request h3.yourinfo {
	margin: 10px 0 5px;
}
legend {
	padding:5px 0;
	white-space:normal;
}
.request textarea {
	height:15em;
	width:99%;
}
.request .submit {
	float: left;
}
.request .cancel {
	display:block;
	float:left;
	font-size:1.2em;
	height:26px;
	line-height:26px;
	margin:0 0 0 10px;
	width:250px;
}

#sitesearchresults h3.did-you-mean a { display:inline;}
#sitesearchresults div.did-you-mean a { display:inline;}
