/*.summary-info-search-box {margin-top: 10px; padding-top: 15px}*/ /* only used if heading is outside the box */
.summary-info-search-box {padding-left: 15px; padding-right: 5px;}
#search-map-container {float:left; margin-right: 10px}
#map_canvas, #NameIndexContainer {height: 530px}
#map_canvas, #MapMessage {width: 460px}
#NameIndexContainer {width: 240px}
#NameIndexContainer {position: relative}
.NameIndexBox {border: 1px solid #CCC}
.NameIndexBox {display: none; overflow: auto; height: auto; width: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: white}
.NameIndex {font-size: 8pt; font-family: arial; background-color: white; white-space: nowrap}
.NameIndex div {padding-left: 5px; padding-right: 10px}
.NameIndex .Highlighted {background-color: #f0f0f0}
label {cursor: pointer}
#MapMessage {font-size: 10pt; height: 1.5em}

#area-selector-box {float: left}
#area-type-selector-outer-box {float: left}
#name-index-outer-box {float: left}
/* possible to use inline-block instead of floats but IE7 doesn't like it:
#area-type-selector-outer-box {display:inline-block; margin-right: -5px; vertical-align: top}
#name-index-outer-box {display:inline-block; vertical-align: top}
*/

#bodytextmargin {margin-bottom: 20px}
#AreaTypeSelectorBox {margin-bottom: 10px; width: 225px}
#AreaTypeRadioButtons {margin-top: 5px; position: relative; left: 1px; z-index: 1; font-size: 10pt}
#AreaTypeRadioButtons label {display: block; padding: 1px 10px}
#AreaTypeRadioButtons input {position: absolute; left: -99999px} /* only way to hide in IE but keep them functional */
#AreaTypeRadioButtons div {border: 1px solid transparent}
#AreaTypeRadioButtons div.selected {background-color: white; border-color: #CCC; border-right-style: none}
#AreaTypeRadioButtons div.unselected label:hover {background-color: #f8f8f8}
.AreaHighlight {
	visibility: hidden;
	z-index: 1;
	position: absolute; top: 0; left: 0;
}

#wetland-summary-table td.icons {white-space: nowrap; text-align: right; vertical-align: baseline}
#wetland-summary-table td.icons img {max-width:none} /* the default value of 100% in base.css somehow results in the column being too narrow */
#wetland-summary-legend {font-family: Verdana, sans-serif; font-size: 100%}
#wetland-summary-legend .label {width: auto; padding: 0 10px 10px 5px; text-align: left}

#SearchQuery {width:400x}
@media screen and (max-width: 530px) {
	#SearchQuery {width:300x}
}