.legend, .boxedsearch {background-color: #EEEEEE;}
.boxedsearch label, input[type=checkbox] {display: inline !important;}

#map-canvas {width: 70%;}
.boxedsearch {padding: 0;width: 28%;}
.legend {text-align: left; padding: 30px 10px;}
.legend_label {display: block;}
.boxedsearch h2 {display: none;}

.legend_label.pinny {padding-left: 20px;}


a.clear, a.clear:visited, button#exedout, button.clear, input[type=submit], input.go{display: inline-block; background-color: #00315D; color: white; padding: 5px 10px; margin: 10px 10px 5px 0; text-decoration: none; border: none;cursor: pointer; height: auto; font-size: 16px; font-family: arial, 'sans-serif'; line-height: 1;  text-decoration: none;}

a.clear:hover, a.clear:focus, button#exedout:hover, button#exedout:focus, button.clear:hover, button.clear:focus, input[type=submit]:focus, input.go:focus, input[type=submit]:hover, input.go:hover { background-color: #B30232; color: white;  text-decoration: none;}

input.go{ padding: 4px 10px; font-size: 14px; margin: 0 0 0 5px;}
button#exedout {display: none;}

/*.listbox blockquote {border: 0; margin: 0 10px; font-size: 14px;}*/

.pinned div.label {padding-left: 0; padding-right: 0;}

@media only screen and (max-width: 1100px) {
	#map-canvas, .boxedsearch {width: 100%;}
	.boxedsearch {height: auto;}
	.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);}
	.legend {text-align: center; padding: 20px;}
	.legend_label {display: inline-block;}

}

@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;}
}