#map-canvas {clear: left; width: 100%; height: 400px; position: relative; background-color: silver; border: solid 1px gray; 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: #FFFFEF; 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: #5A4E45; 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;}
.boxer input#submit:hover, a.clear:hover {background-color: #A97631; 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 #5A4E45; 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: black;}
a.finder_branch:hover {color: red}

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

/* results */
.listcol1, .listcol2 {width: 49%; position: relative; float: left; margin: 0 .5% 10px .5%; border: solid 0px #A97631;  color: black}/* height: 825px;*/
.listbox {padding: 10px 0 10px 12%; border-bottom: solid 1px gray; 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;}

/* forms */
form.cms_form_obj {max-width: 500px }
.cms_form_item, .cms_form_content_block {clear: both; padding: 5px 0; }
.cms_form_label {width: 33%; position: relative; float: left;  margin: 0 1% 2px 0;}
.cms_form_object {width: 66%; position: relative; float: left;}
.cms_form_textinput, .cms_form_dropdown  {width: 100%;}
.cms_form_textarea {width: 100%; height: 100px;}
.cms_form_required_block {color: silver; font-style: italic; border-bottom: 1px solid silver;}



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


}


@media only screen and (max-width: 500px) {
	.cms_form_label {width: 98%;   margin: 0 ;}
	.cms_form_object {width: 98%; }
}