html, body {
    height: 100%;
    width: 100%;
}
.beta {
    text-transform: uppercase;
    color: red;
    font-size: 10pt;
}
#content {
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}
#page {
    margin: 0px;
    padding: 0px;
}
#legend {
    float:left;
}
#legendDlr {
    display: inline-block;
    width: 300px;
    height: 250px;
    float:right;
}
#search-here-button {
    height: 40px !important;
    width: 160px !important;
    font-size: 1.5em;
    padding: 8px;
}
.gradient {
    width: 200px;
    white-space: nowrap;
    position: relative;
    display: block;
    padding-bottom: 15px;
}
.grad-step {
    display: inline-block;
    height: 20px;
    width: 1%;
}
.gradient .domain-min {
    position: absolute;
    left: 0;
    font-size: 11px;
    bottom: 3px;
}
.gradient .domain-med {
    position: absolute;
    right: 25%;
    left: 25%;
    text-align: center;
    font-size: 11px;
    bottom: 3px;
}
.gradient .domain-max {
    position: absolute;
    right: 0;
    font-size: 11px;
    bottom: 3px;
}