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

#pbLogo {
        height: 5em;
}

#logo {
        width: 20em;
}

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

#temp, #vis, #map {
        min-height: 400px;
}

div.row {
        padding: .5em;
}

#media {
        padding-top: .5em;
        margin-left: -.5em;
        margin-right: -.5em;
}

#media img {
        padding: .5em;
}

label {
        display: inline-block;
        text-align: right;
        padding-right: .5em;
        padding-top: .5em;
        padding-bottom: 0;
}

#queryBox > label {
        width: 6em;
}

#queryBox > select {
        margin-bottom: .5em;
}

#projectBox > label, #siteBox > label, #stationBox > label {
        min-width: 8em;
}

#projectBox, #siteBox, #stationBox {
        padding-bottom: 1em;
        padding-top: .5em;
        border-top: 1px solid grey;
}

#empty {
        padding-top: .5em;
}

#projectBox > span, #siteBox > span, #stationBox > span {
        padding-right: 1.5em;
}

div.legend {
        padding: .25em;
        padding-left: 0;
        padding-bottom: 0;
}

button {
        margin: .25em;
        padding: 0;
}