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

.clearboth { 
	clear:both; 
}

.rowmapsdisclaimer {
	font-size: 10px; 
	color: #555; 
	background-color: #FFC; 
	margin-left: 1em; 
	margin-bottom: 8em; /*to avoid search form contents wrapping below disclaimer*/
	padding: 0.5em; 
	border-radius: 0.5em; 
	width: 300px; 
	height: auto;
	border: 1px solid #0056b3; 
	float: right;
}

/*if <850px wide, auto width for rowmapdisclaimer so it appears on top, and clear margin-bottom */
/*when on screen, display width is as declared below minus ~20px*/
@media screen and (max-width: 850px) {
    .rowmapsdisclaimer {
		margin-left: 0; 
		margin-bottom: 1em;
		width: auto;
		float: none;
	}
}

/*ajax notify message ("Working...") -- applied same for rowmaps and rso*/
.notifymessage {
	display: inline-block;
	float: right;
	font: 12px/100% Arial, Helvetica, sans-serif;
	padding: 0.5em 3em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	border-radius: 0.5em; 
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	background: url(../images/ui-anim_basic_16x16.gif) no-repeat scroll right center #F0F0F0;
}

.ui-autocomplete { /*content that pops up when input entered in search box*/
	font-size: 12px; 
	max-height: 200px;
	overflow-x: hidden; /*prevent horizontal scrollbar*/
	overflow-y: auto;
	text-align: left;
	min-width: 300px;
	max-width: 600px;
}

/*Search form*/
#basicSearch > div > div { /*keeps search and clear buttons together */
	display: inline-block;
	padding-top: 3px;  /*for smaller screen so buttons don't appear to stick to input boxes*/
}

.searchLabel {
	font-weight: bold;
	width: 140px;
}

input:focus {
    outline: none;
    border-color: #9ecaed;
    box-shadow: 0 0 4px #9ecaed;
	padding: 2px;
	border-radius: 3px;
}

button[type=button] { /*modifies the size and font of search and clear buttons*/
	font-size: 1em;
}

.runsearch, .clearsearch {
	background-color: #f2f2f2; 
	border-color: #bebebe;
	line-height: 13px;
}

.runsearch:hover, .clearsearch:hover {
	background-color: #d8d8d8;
	background-position: 0;
}

.runsearch:focus, .clearsearch:focus {
	border-color: none;
	box-shadow: none;
}

/*Filter button*/
.filterbutton {
	background-position: right top;
	background-repeat: no-repeat;
	width: 120px;
	display: inline-block;
	padding-right:20px;
	padding-left: 5px;
	border: 1px solid #bebebe;
	border-radius: .5em;
	font-weight: bold;
	background-color: #eeeeee;
}

.filterbutton:hover {
	background-color: #d8d8d8;
}

.filter_expanded {
	background-image: url("../images/grey_arrow_down.gif");
}

.filter_collapsed {
	background-image: url("../images/grey_arrow_right.gif");
}
/*END Filter button*/

/*Filter content*/
.sectionTitle {
	font-weight: bold;
	border-bottom: 2px solid #999;
	margin-bottom: 3px;
	padding-bottom: 2px;
}

.typeSection label {
	display: inline-block;
	width: 140px;
}

.typeSection {
	width: 200px;
	border: 1px solid #eef;
	margin: 4px;
	padding: 5px;
}

.facilityType, .mapType, .projectYear, .adl, .plats { 
	float: left; 
}
/*END Filter content*/
/*END Search form*/

/*Results*/
#matchingMapDisplay {
	padding-top: 3px;
	margin-top: 4px;
	margin-bottom: 4px;
	border-top: 2px solid #e2e4ff;
	overflow-y: auto;
}
/*END Results*/