styles.css

body { margin:0; padding:0; }

body, table, tr, td, th, div, h1, h2, input { font-family: "Calibri", "Trebuchet MS", "Ubuntu", Serif; font-size: 11pt; }

#map { position:absolute; top:0; bottom:0; width:100%; } /* full size */

.ctl {
    padding: 2px 10px 2px 10px;
    background: white;
    background: rgba(255,255,255,0.9);
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
    border-radius: 5px;
    text-align: left;
}

.src {
    font-size: 10pt;
}

.legend { /* legend box style */
    line-height: 20px;
    color: #555;
    box-shadow: 0 1px 5px rgba(0,0,0,0.4);
    background: #fff;
    border-radius: 5px;
    padding-top: 3px;
    padding-bottom: 8px;
    padding-right: 12px;
    padding-left: 12px;
}

.legend i { /* color box style */
    padding-right: 20px;
    width: 10px;
    height: 18px;
    float: left;
    margin-right: 15px;
    display: inline-block;
}