div.graphBox {

    font-size: 1.0rem;
    overflow-x: scroll;
}

div.graphBox td {

    color: #060;

}

div.graphBar {
    border: 1px solid #CCC;
    background: #FF7700;
    padding-top: 2px;
    width: 36px;
    font-size: 1.0rem;
    text-align: center;
    color: #060;
    min-height: 12px;
}

div.graphLine {
    position: absolute;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

div.graphLineBottom {
    position: absolute;
    top: 1px;
    /*border-bottom: 1px solid rgba(0, 0, 0, 1);*/
}

div.Low {
    background: #F66;
}

div.Med {
    background: #FA6;
}
div.quote{
    background: #AFBEFF;
}

div.High {
    background: #AFA;
}

div.Extreme {
    background: #6F6;
}

div.AverageMed {
    background: #FC0;
    width: 72px;
}

div.AverageHigh {
    background: #0D9;
    width: 72px;
}

table.graphBarDisplay {

    margin: 20px auto 40px auto;
    color: #060;

}

table.graphBarDisplay td.graphBarSizing {
    font-size: 1.0rem;
    text-align: right;
    border-right: 1px solid #000;
    padding: 4px 4px 0px 4px;

}

table.graphBarDisplay td.graphBarVal {
    border-bottom: 1px solid #000;
    padding: 4px;

}

table.graphBarDisplay td.graphBarKey {

    font-size: 1.0rem;
    font-weight: 600;
    text-align: left;
    vertical-align: middle;
    width: 32px;
    position: relative;
    left: 12px;
    top: 16px;

}