body {
    font-family: Verdana, sans-serif;
    font-size: 10px;
}

div#map_container {
    width: 100%;
    height: 100%;
    position: absolute;
    padding: 0px 0px 0px 220px;
}

div#map {
    width: 100%;
    height: 100%;
}

div#leftbar {
    width: 220px;
    height: 100%;
    padding: 5px;
    
    position: absolute;
    background-color: #404040;
        
    z-index: 1;
}

div.infobox {
    margin: 10px 0px;
    width: 100%;
    padding: 5px;
    background-color: #F8F8F8;
    border: 1px solid;
    border-radius: 8px;
}

div.infobox > h2 {
    padding: 0px 0px 5px 0px;
    font-size: 120%;
    font-weight: bold;
}

div.infobox table {
    width: 100%;
    background-color: #FFFFFF;
}

div.infobox td {
    padding: 3px;
    border: 1px none #E0E0E0;
}

div.infobox td.name {
    width: 45%;
}

div.infobox td.value {
    text-align: right;
}

div.infobox input {
    width: 80%;
    font-family: inherit;
    font-size: 100%;
}

div.infobox span.comment {
    display: inline-block;
    padding: 5px;
}

.ui-slider {
    margin: 5px;
}