/*body, html {*/
/*    margin: 0;*/
/*    padding: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*}*/

#map {
    width: 100%;
    position: relative;
}

#map > .charpos, #map > .mousepos {
    position: absolute;
    color: #ffffff;
    font-size: 9pt;
    font-family: 'Comic Sans MS', cursive, sans-serif;
    text-shadow: 1px 1px #000;
    text-rendering: geometricPrecision;
    z-index: 2;
    pointer-events: none;
}

#map > .charpos {
    top: 1px;
    left: 3px;
}

#map > .mousepos {
    bottom: 1px;
    left: 3px;
}