/* @override http://funderstogether:10088/css/search.css */

#advanced-search { float: left; position: relative; width: 906px; height: 0; margin: 15px 0px 0px 0px; z-index: 200; }
#advanced-search form { position: absolute; top: 0; left: 0; width: 906px; background: #EEE0D4 url(/css/images/search/searchBar_bg.gif) repeat-x bottom left; }

#advanced-search dl { margin: 0; padding: 0; overflow: hidden; }
#advanced-search dl.filters { display: none; height: 140px; padding: 10px 0 0 10px; }

#advanced-search fieldset { float: left; height: 100%; margin: 0px 15px 0px 0px; padding: 0 15px 0 0; border: none; border-right: 1px dotted #B07F4E; list-style: none; }

#advanced-search div { overflow: hidden; }
#advanced-search label, #advanced-search select { float: left; font-weight: normal; clear: both; }
#advanced-search label.header { width: 100%; color: #B07F4F; font-size: 12px; }
#advanced-search input { margin-right: 5px; }
#advanced-search select { margin: 0; padding: 0; }

#advanced-search div.group { overflow: hidden; margin: 0 0 9px 0; }

#advanced-search div.content { width: 220px; }
#advanced-search div.content label { width: 110px; margin: 0; padding: 0; clear: none !important; }

#advanced-search #fieldset-four { float: left; width: 260px; border: none; margin: 0; padding: 0; }

#advanced-search button#filter { 
	clear:  both; float: left; width: 67px; height: 34px; margin: 0; padding: 0; border: none; text-indent: -9000px;
	background: url(/css/images/search/search_btn_filter.png) no-repeat; cursor: pointer;
}

#advanced-search.active-filters button#filter { 
	clear:  both; float: left; width: 67px; height: 34px; margin: 0; padding: 0; border: none; text-indent: -9000px;
	background: url(/css/images/search/search_btn_filter_wFilters.png) no-repeat; cursor: pointer;
}

#advanced-search dl.keywords {
	float: left; height: 34px;
	background: url(/css/images/search/search_btn_keywords.png) no-repeat 0 0;
}
#advanced-search dl.keywords input { width: 460px; margin: 9px 0 0 90px; }
#advanced-search dl.submit { float: left; margin: 9px 0 0 18px; clear: right; }
#advanced-search dl.submit button { 
	clear:  both; float: left; width: 52px; height: 18px; margin: 0; padding: 0; border: none; text-indent: -9000px;
	background: url(/css/images/btn_submit.png) no-repeat; cursor: pointer;
}

div.one-column h1 { float: left; }

a.suggested-searches, a.search-help, a.map-help {
	float: right;
	display: block;
	margin:4px 0px 0px 0px;
	padding:0;
	width: 150px;
	height: 18px;
	background: url(/css/images/search/btn_suggestedSearches.png) top left no-repeat;
}
a.search-help { width: 87px; margin-right: 10px; background: url(/css/images/btn_help_search.png) top left no-repeat; }
a.map-help { width: 66px; margin-right: 10px; background: url(/css/images/btn_help_map.png) top left no-repeat; }

#advanced-results { float: left; position: relative; width: 906px; height: 494px; margin: 0; padding: 0; overflow: hidden; clear: both; }
#advanced-results div.inner {
	position: absolute;
	width: 2000px;
	left: 0px;
	margin-top: 50px;
}

div#map-canvas { float: left; width: 622px; height: 491px; background-color: #CCC; z-index: 10; }

div#map-canvas div.map-window { position: absolute; width: 275px; height: 278px; background: url(/css/images/search/map_window_bg.png) no-repeat; }
div#map-canvas div.map-window div.close { float: left; }
div#map-canvas div.map-window div.close a { display: block; color: #0067B2; width: 20px; height: 20px; margin: 6px 6px 0px 240px; text-align: center; }
div#map-canvas div.map-window div.close a:hover { color: #119AFF; text-decoration: none; }
div#map-canvas div.map-window div.content { clear: both; float: left; width: 250px; margin: 0 10px 10px 10px; }
div#map-canvas div.map-window span.headline { width: 225px; }
div#map-canvas div.map-window ul { float: left; width: 250px; height: 200px; margin: 0px 0 0 0; padding: 0; list-style: none; overflow: auto; clear: both; }
div#map-canvas div.map-window ul li { margin-bottom: 10px; }
div#map-canvas div.map-window ul li a.title { float: left; display: block; width: 225px; font-weight: bold; color: #B07F4F; }

#advanced-results div.results { float: left; width: 766px; margin-left: 18px; overflow: hidden; }

#advanced-results div.results a#banner-partner, #advanced-results div.results a#banner-partner.hideMap { float: left; width: 266px; height: 81px; margin: 0 0 9px 0; background: url(/css/images/search/callout_partner_short.jpg) no-repeat; clear: both; }
#advanced-results div.results a#banner-partner.showMap { width: 766px; background: url(/css/images/search/callout_partner_long.jpg) no-repeat; }

#advanced-results div.results a#toggle-view, #advanced-results div.results a#toggle-view.hideMap { float: left; width: 162px; height: 20px; margin: 0 0 9px 0; padding: 0; text-indent: -9000px; background: url(/css/images/search/btn_hideMap.png) no-repeat; clear: both; }
#advanced-results div.results a#toggle-view.showMap { width: 167px; background: url(/css/images/search/btn_showMap.png) no-repeat; }

#advanced-results div.results div.autoflow { float: left; width: 266px; height: 325px; margin: 0; padding: 0; overflow: auto; clear: both; } /* Expanded width: 766px */

#advanced-results div.results table { display: block; width: 100%; height: 325px; margin: 0; padding: 0; background: #FFF; }
#advanced-results div.results thead { background: #EEE; }

#advanced-results div.results th.title, #advanced-results div.results td.title { width: 100%; } /* Expanded width: 450px */
#advanced-results div.results th.date, #advanced-results div.results td.date { width: 65px; display: none; }
#advanced-results div.results th.location, #advanced-results div.results td.location { width: 201px; display: none; }

#advanced-results div.results td p { float: left; width: auto; margin: 0; padding: 0; clear: both; }



/* Example tokeninput style #1: Token vertical list*/

ul.token-input-list {
    overflow: hidden; 
    height: auto !important; 
    height: 1%;
    border: 1px solid #999;
    cursor: text;
    font-size: 12px;
    font-family: Verdana;
    z-index: 999;
    margin: 0;
    padding: 0;
    background-color: #fff;
}

ul.token-input-list li {
    list-style-type: none;
}

ul.token-input-list li input {
	width: 100%;
    border: 0;
    margin: 0 !important;
    background-color: white !important;
    border: none !important;
}

li.token-input-token {
    overflow: hidden; 
    height: auto !important; 
    height: 1%;
    margin: 3px;
    padding: 3px 5px;
    background-color: #d0efa0;
    color: #000;
    font-weight: bold;
    cursor: default;
    display: block;
}

li.token-input-token p {
    float: left;
    width: auto;
    display: block;
    padding: 0;
    margin: 0;
	text-align: left;
	clear: none;
}

li.token-input-token span {
    float: right;
    color: #777;
    cursor: pointer;
}

li.token-input-selected-token {
    background-color: #08844e;
    color: #fff;
}

li.token-input-selected-token span {
    color: #bbb;
}

div.token-input-dropdown {
	width: 250px;
    position: absolute;
    background-color: #fff;
    overflow: hidden;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    cursor: default;
    font-size: 12px;
    font-family: Verdana;
}

div.token-input-dropdown p {
    margin: 0;
    padding: 5px;
    font-weight: bold;
    color: #777;
}

div.token-input-dropdown ul {
    margin: 0;
    padding: 0;
}

div.token-input-dropdown ul li {
    background-color: #fff;
    padding: 3px;
    list-style-type: none;
}

div.token-input-dropdown ul li.token-input-dropdown-item {
    background-color: #fafafa;
}

div.token-input-dropdown ul li.token-input-dropdown-item2 {
    background-color: #fff;
}

div.token-input-dropdown ul li em {
    font-weight: bold;
    font-style: normal;
}

div.token-input-dropdown ul li.token-input-selected-dropdown-item {
    background-color: #d0efa0;
}



#mapOverlayBox {
	clear:both;
	float:left;
	position: relative;
	width:906px;
}


#mapOverlay, #helpSearchOverlay, #mapSearchOverlay {
	display:none;
	width:906px;
	height:494px !important;
	position: absolute;
	top:15px;
	filter:alpha(Opacity=92);
	opacity:0.92; -moz-opacity:0.92;
	-khtml-opacity:0.92;
	text-align:center;
	font:bold 12pt 'Arial';
	z-index:998;
	background: url(/css/images/search/search_overlay.png) no-repeat;
	color:#ffffff;
	text-align:left;
}
#mapOverlay.no-results { display: block; margin-top: 50px; height: 444px !important; z-index:100; }

#mapOverlay h1, #helpSearchOverlay h1, #mapSearchOverlay h1 {
	font-family: arial, verdana, sans-serif;
	font-size:24px;
	color: #FFF;
	font-weight: normal;
	margin: 30px 0px 0px 18px;
	padding: 0;
}

#mapOverlay p {
	font-family: arial, verdana, sans-serif;
	font-size:14px;
	color: #FFF;
	font-weight: normal;
	margin: 15px 0px 0px 18px;
	padding: 0;
	line-height: 1.45em;
	width: 860px;
}

#mapOverlay p a, #mapOverlay p a:hover {
	color: #FFF;
}

#mapOverlay ul#leftColumn {
	clear:both;
	float:left;
	width:400px;
	margin: 6px 0px 0px 36px;
}

#mapOverlay ul#rightColumn {
	float:left;
	width:400px;
	margin: 6px 0px 0px 36px;
}

#mapOverlay ul li {
	clear: both;
	float:left;
	width:350px;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 9px;
	list-style-type:none;
	color: #FFF;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.45em;
	background: url(/css/images/search/overlay_arrow.gif) 0px 7px no-repeat;
}

#mapOverlay ul li a {
	color: #FFF;
}

a.overlayClose {
	float:right;
	font-size:12px;
	margin: 15px 18px 0px 0px;
	color: #FFF;
}


#helpText {
	clear: both;
	float: left;
	margin: 15px 0px 0px 18px;
	padding: 0;
	width: 860px;
	height: 400px !important;
	overflow: auto;
}

#helpText p {
	font-family: arial, verdana, sans-serif;
	font-size:14px;
	color: #FFF;
	font-weight: normal;
	margin: 15px 0px 0px 0px;
	padding: 0;
	line-height: 1.45em;
	width: 840px;
}

#helpText p.top {
	margin-top: 0;
}

#helpText p a, #mapOverlay p a:hover {
	color: #FFF;
}

#helpText ol li {
	clear: both;
	float:left;
	width: 800px;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 9px;
	color: #FFF;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.45em;
}

#helpText ol li strong, #helpText ol li em {
	color: #FFF;
}

#helpText ol li p {
	width: 800px;
}

#helpText ul li a {
	color: #FFF;
}





