h1 {float:left} /* aligns map with the top of heading when floated right */
#record-details {padding-top: 20px; clear:left}
#record-details h3 {float:left; clear:left; width: 160px}
#record-details .value {margin-left: 160px}
#record-details h3, #record-details .value {margin-top: 0; margin-bottom: 20px} /* labels and values have to have exactly the same top and bottom margins otherwise we get "margin creep" */
.balloon-content {font-size: 8pt; white-space:nowrap}
#map-draggable-container, #map-placeholder, #NameIndexContainer {width: 250px; height: 300px}

label {cursor:pointer}
.site_element.Highlighted {background-color: #e0e0e0}
#site_element_stp {clear:left; position:relative; margin-top:1em; margin-left:1px; padding-left: 10px; overflow:hidden}
#site_element_stp h4 {margin-left:62px}
.point-type-heading td {position:relative}
.point-type-heading h4 {margin-left:62px}
.point-type-legend {position:absolute; left:9px; top:5px}
.point-type-legend div {display:inline-block;width:25px;height:25px;border:1px solid #CCC; border-radius: 14px;}
.point-type-legend input {margin-left: 6px; position:relative; bottom:6px; cursor:pointer}
.colour-f {background-color:#e42203}
.colour-w {background-color:#3997ac}
.colour-l {background-color:#a09543}
@media (max-width: 900px) {
	h1 {float:none}
	#map-container.right {float:none}
}
@media (max-width: 530px) {
	#record-details h3 {float:none; width: auto; margin: 0}
	#record-details .value {margin-left: 0}
}