html, body {height:100vh}
body {margin:0; text-align:center; background-color:#999}
header {position:relative; min-width:1000px}
header #Imgs {background-color:#fff; padding:2px 19px; height:30px; white-space:nowrap; float:left; z-index:50}
header #Imgs img {float:left; margin-left:9px}
header #Imgs a img {margin:3px}
header #Imgs form {display:inline-block; margin:3px 5px}
header h2 {margin:0; height:27px; z-index:30; font-size:19px; line-height:23px; padding:3px 10px; min-width:300px; white-space:nowrap; display:inline-block}
header #Info {margin-left:19px; background-color:#000; color:#fff; float:left}
header #TTbl {background-color:#ffc; color:#000; cursor:zoom-in}
header span {display:none; max-height:90vh; overflow-y:auto; white-space:normal; color:#000; position:absolute; top:0; left:0; background-color:#ecc}
header span hr {width:40%}
#Over {display:none; position:fixed; top:0; left:0; z-index:700; background-color:#600; width:100vw; height:100vh}
#Wait {background-color:#fdd; border-radius:19px}
#mapid {position:fixed; top:36px; left:1vw; height:calc(100vh - 42px); width:98vw; z-index:10; border:solid 3px #c33; border-radius:15px}
.popupCustom {color:#fff; background-color:#000; font-size:13px; text-align:center; padding:0 7px; border:solid 2px rgba(128, 0, 0, .3); border-radius:5px}

.leaflet-control-boxzoom {background-color:white; border-radius:4px; border:1px solid #cccccc; position:relative; top:-5px; left:1px;width:30px; height:30px; line-height:25px !important; background-image:url(/shared/magglass.gif); background-repeat:no-repeat; background-size:21px 21px; background-position:center; box-shadow:0 1px 2px rgba(0,0,0,0.65); cursor:pointer}
.leaflet-control-boxzoom.leaflet-control-boxzoom-active {background-color:#ecc}
.leaflet-container.leaflet-control-boxzoom-active {cursor:crosshair}
