.LabeledMarker_markerLabel {color: white; font-family: arial,sans-serif; font-size: 11px}
#content #map_canvas img {margin:0}
#map-placeholder {position: relative}
#map-draggable-container.docked {position: absolute}
#map-draggable-container.undocked {position: fixed; box-shadow: 4px 4px 5px rgba(0,0,0,.4);}
#map-draggable-container {z-index: 8000} /* z-index should be less than main menu dropdown 9000 */
#map-draggable-container {background-color: #D0D8DE;} /* tint of #516473 */
#map-draggable-container, #map-placeholder-background {padding: 0; margin: 0}
#map-placeholder-background {position: absolute; top:0; right:0; bottom:0; left:0; background-color: #D0D8DE; opacity: 0.5}
#map-draggable-container-top-bar {cursor: move; text-align: center; font-size: 10px; font-family: arial; margin: 1px 0 0}
#map-draggable-container-top-bar.displaying-message {color: red}
#map-draggable-container.ui-resizable-disabled .ui-resizable-handle {visibility: hidden;}
#map-draggable-container.ui-resizable-disabled {opacity: 1}
#map-draggable-container #map_canvas {position: absolute; bottom: 2px; left: 2px; right: 2px; top: 16px}

@media (max-width: 700px) {
	#MapMessage {display:none} /* Causes problems with viewport width on all pages where it's used, and only displays information when hovering, so not very useful on mobile devices */
	#search-map-container {margin:0 0 10px 0 !important; float:none !important} /* belongs with #MapMessage rule above */
}
@media (max-width: 530px) {
	.large-map #map_canvas {width: 400px !important}
	.large-map #NameIndexContainer {width: 177px !important}
	.large-map #site_list {width: 400px !important}
	.summary-info-search-box {padding-left: 10px !important}
}
@media (max-width: 445px) {
	.large-map #map_canvas {width: 270px !important; height: 350px}
	.large-map #site_list {width: 270px !important; height: 350px}
	.large-map #NameIndexContainer {width: 270px !important}
}