#map-canvas, .boxedsearch {height: 550px;}


.boxedsearch, .legend {BACKGROUND-COLOR: white; border: solid 2px #859D38; }
.boxedsearch h2 {font-size: 36px;}
.legend h3 {font-size: 28px;}


section.content a.clear, section.content a.clear:visited, button#exedout, button.clear, input.go, input[type=submit]{ color: white !important; cursor: pointer; border: solid 2px #3A375A !important; background-color: #585395;font-weight: 600; text-transform: uppercase; font-size: 13.3333px; padding: 2px 10px; text-decoration: none;font-family: "MS Shell Dlg \32", arial;}

section.content a.clear:hover, section.content a.clear:focus, button#exedout:hover, button#exedout:focus, button.clear:hover, button.clear:focus, input.go:focus, input.go:hover, input[type=submit]:focus, input[type=submit]:hover {color: white; background-color: #859D38; text-decoration: none; border: solid 2px #3A375A;}

section.content a.clear {padding: 3px 10px 4px 10px;}


@media only screen and (max-width: 1100px) {
	#map-canvas, .boxedsearch {width: 100%;}
	.boxedsearch {height: 400px;}
	.boxedsearch fieldset {width: 33%;position: relative; float: right; top: -150px}
	#directionsPanel{position: absolute; top: 550px; left: 2%; width: 96%; background-color: white;z-index: 99;}
	#exedout {position: absolute; top: 515px; left: 2%;-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.5); box-shadow: 0 0 5px 0 rgba(0,0,0,.5);}
}

@media only screen and (max-width: 800px) {
	.boxedsearch fieldset {width: 100%; float: none; top: 0}
	.boxedsearch {height: auto;}
	.loc_list {width: 100%; float: none; margin-bottom: 20px;}
}