* {margin:0; padding:0; font-family:Arial,Helvetica,Sans-Serif;}
body {background:rgb(64,64,64); color:rgb(128,128,128); width:100%;}
table {border-collapse:collapse; border-spacing:0; min-width:400px; max-width:800px;}
th,td {color:rgb(0,16,64); padding:0.25em}
th.heading {background:rgb(216,232,250); font-size:150%;}
td {color:rgb(64,80,128);}
body header, footer {width:100%; color:yellow; text-align:center; padding:20px 0px;}
body header.h1 {padding-bottom:1em;}
footer {padding-bottom:0.25em;}
#menu ul {list-style:none; border:0; margin:0; padding:0px 40px; border-top:medium dashed yellow; text-align:center; height:1.5em;}
#menu li {float:left;}
#menu a {background:rgb(64,64,64); color:rgb(200,200,200); display:block; text-decoration:none; font-size:1.5em; padding:0.25em 1em; border:0; margin:0;}
#menu a:hover {background:rgb(96,96,96);}
#menu a.active {background:rgb(128,128,128);}
#content {background:rgb(230,230,230); text-align:center; padding:1.5em 2em; margin:0 auto; vertical-align:top;}
.floating {display:inline-block; margin:0px auto;}
#map-canvas {width:400px; height:300px; margin:0 auto;}
.dialog {width:600px;}
.boxed {background:white; margin:0px 20px 25px; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.7); padding:5px; color:#333; border-radius:15px;}
.boxed header {background:#666; margin-bottom:5px; color:yellow; font-size:1.2em; font-weight:600; border-radius:10px 10px 0 0;}
.boxed.inline {border-radius:0;}
.boxed select, .boxed input {margin:20px 20px 5px; width:90%;}
.boxed .help {display:block; margin:0px 20px 15px; width:90%; font-size:0.8em; color:#999;}
.boxed button {display:block; position:relative; margin:5px auto 20px; color:yellow; background:rgb(128,128,128); outline:initial; border:none; padding:5px 15px; font-size:1.3em; font-weight:400; border-radius:5px; box-shadow:0px 0px 10px rgba(51, 51, 51, 0.4); cursor:pointer; transition:all 0.15s ease-in-out;}
.boxed button:hover {background:rgb(64,64,64);}
.boxed img {image-rendering: optimizeSpeed; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: pixelated; image-rendering: optimize-contrast; -ms-interpolation-mode: nearest-neighbor;}
.info, .warning, .error, .debug {color:white; border:1px solid #365fa5; background:#3e78dd;}
.warning {border:1px solid #aa7606; background:#e8a006;}
.error {border:1px solid #8c1505; background:#cc2610;}
.debug {border:1px solid #236b11; background:#39aa1d;}
.info p, .warning p, .error p, .debug p, label {margin:10px;}