/*Basic Table Stuff */
th[scope="col"] {
    vertical-align: bottom;
}

th[scope="row"] {
    text-align: right;
}
/* Graph Style Sheet */
table#Graph {
    width: 400px;
    height: 302px;
    background: #fff url(../../img/GraphBackground.gif) top right no-repeat;
    padding: 0;
    border: 0;
    /*margin-left: 80px;*/
}

    table#Graph caption {
        width: 400px;
        padding-left: 50px;
        margin-left: 80px;
        text-align: center;
        font-size: 12pt;
        font-weight: bold;
    }

    table#Graph tbody {
        height: 250px;
    }

    table#Graph tfoot {
        background: #fff;
    }

    table#Graph td.Bar {
        width: 70px;
        vertical-align: bottom;
        text-align: center;
    }

    table#Graph td.BlankColumn {
        width: 35px;
    }

    table#Graph td.Spacer {
        /*width: 50px;*/
    }

    table#Graph tfoot td {
        width: auto;
        vertical-align: top;
        white-space: nowrap;
        text-align: center;
    }

    table#Graph img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

#Discussion {
    border: dashed 1px #000;
    width: 450px;
    margin-left: 60px;
    font-size: 10pt;
    padding: 3px;
    margin-bottom: 25px;
}

.Absent {
    background-color: #69FFFF; /*background: url(/img/bluegrad.gif) top repeat-x;*/
}

.Low {
    background-color: #00FF00; /*background: url(/img/greengrad.gif) top repeat-x;*/
}

.Moderate {
    background-color: #FFFF00; /*background: url(/img/yellowgrad.gif) top repeat-x;*/
}

.High {
    background-color: #FF9900; /*background: url(/img/orangegrad.gif) top repeat-x;*/
}

.Very_High {
    background-color: #FF0000; /*background: url(/img/redgrad.gif) top repeat-x;*/
}

#Forecast, #Statistics, #PRSKey, #DensityKey {
    border-collapse: collapse;
    margin-left: 60px;
}

    #Forecast caption, #Statistics caption, #PRSKey caption, #DensityKey caption {
        text-align: Right;
        padding-bottom: 10px;
        padding-top: 15px;
        font-style: italic;
        font-size: 12pt;
    }

    #Forecast td, #Forecast th, #Statistics td, #Statistics th, #PRSKey td, #PRSKey th, #DensityKey td, #DensityKey th {
        padding: 5px;
        border: solid 1px #e5e5e5;
    }

    #Forecast th, #Statistics th, #PRSKey th {
        background: url(/assets/img/graygrad.gif) top repeat-x;
    }

    #DensityKey th[scope="col"] {
        background: url(/assets/img/graygrad.gif) top repeat-x;
    }

    #Forecast tbody th, #Statistics tbody th {
        text-align: right;
    }

    #DensityKey tbody th {
        text-align: left;
    }

    #Forecast tbody td, #Statistics tbody td, #DensityKey tbody td {
        text-align: center;
    }

    #Forecast td.empty, #Statistics td.empty, #DensityKey td.empty {
        border: 0;
    }

    #PRSKey thead th {
        text-align: left;
    }

div.Notes {
    width: 450px;
    margin-left: 60px;
}

em.invalid {
    color: red;
}

input[type=submit] {
    margin-top: 10px;
}

.indent {
    margin-left:50px;
}
.tabs .tab-content img {
    margin-bottom: 0px;
}
.content div.figure {
    /* display: inline; */
    float: left;
    border: solid 1px #ddd;
    margin: 0 0 20px 5px;
    padding: 5px 5px 0 5px;
    width: 202px;
}
.content div.figure img {
    margin: 0;
    padding: 0;
    display: inline;
}