#map-canvas {clear: left; width: 100%; height: 400px; position: relative; background-color: silver; border: solid 1px #00315D; margin-bottom: 20px; float: left;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: black}

/* legend and search */
.legend {clear: both; margin: 0 auto; width: 100%;  text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.legend_label {height: 25px; display: inline-block; margin: 0 10px;}
.boxedsearch {width: 100%; position: relative; float: right; BACKGROUND-COLOR: #e0f1fa; padding: 20px; text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;margin-bottom: 20px; color: black}
.boxedsearch h3 {margin: 10px 0; text-align: left}

.boxer {width: 100%; position: relative; float: left; text-align: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.form1 {width: 60%; position: relative; float: left;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.form2 {width: 40%; position: relative; float: left;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

.boxer input#submit, a.clear, a.clear:visited {background-color: #0F4460; border: none; padding: 2px 5px; text-transform: capitalize; margin-top: 20px; font-size: 14px;  color: white;text-decoration: none; height: 24px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block;}
a.clear, a.clear:visited { padding-top: 4px;}
.boxer input#submit:hover, a.clear:hover {background-color: #ADB948; color: white;}
.boxer input#search {border: none; padding: 2px 5px; margin-right: 20px;margin-bottom: 10px;}
.boxer img {max-height: 20px;}

.line {width: 100%; height: 20px; border-top: solid 1px#004A8B; position: relative; float: left;}

span.strong {font-weight: 700;}
.lister {margin: 0 0 0px 10px;}
a.finder_branch, a.finder_branch:visited{font-size: 15px; color: #004A8B;}
a.finder_branch:hover {color: #00A852}

/* markers */
.legend i, .form2 i, .listbox i {font-size: 20px; color: #0F4460; margin: 0 5px;}

/* results */
.listcol1, .listcol2 {width: 49%; position: relative; float: left; margin: 0 .5% 10px .5%; border: solid 0px blue;  color: black}/* height: 825px;*/
.listbox {padding: 10px 0 10px 12%; border-bottom: solid 1px #EEEEEE; width: 88%; position: relative;  }
.listbox table td {font-size: 14px; padding: 2px 5px;}
.listbox p {margin: 5px 0 0 0;}
.pinned {position: absolute; top: 10px; left: 0px;}
.pinned i {font-size: 32px;}
.pinned img {max-height: 32px;}

/* for error messages */
.note {color: red; font-size: 16px;}

}



@media only screen and (max-width: 1060px) {

	.form1, .form2 {width: 50%;}
}


@media only screen and (max-width: 850px) {
	
	.form1, .form2 {width: 100%;}

	.legend {width: 150px; position: relative; float: left;}
	.legend_icon, .legend_label {margin-bottom: 5px;}
	.listcol1, .listcol2 {width: 100%;}


}