﻿.volCalcBackground
{
    background: url(../../img/opaqBackground.png) repeat;
}
#volCalc
{
    background: #405d92;
    border: solid 1px #e4cf37;
    padding: 0;
    font-family: Garamond;
}
#volCalcHeader
{
    background: #e4cf37;
    text-align: center;
}
#volCalcHeader h6
{
    padding: 6px 2px;
    margin: 0 0 10px 0;
    font-size: 13pt;
    font-weight: bold;
}
#volCalcControls
{
    border: solid 1px #000000;
    margin: 15px 8px;
    padding: 10px 13px 0px 13px;
}
#volCalcControls .variable
{
    clear: both;
    margin: 3px 0 8px 0;
}
#volCalcControls .variable p
{
    margin: 0;
    padding: 0;
    clear: left;
    position: relative;
    left: 70px;
    color: #e4cf37;
}
#volCalcControls .variable label
{
    float: left;
    font-size: 11pt;
    font-weight: bold;
    width: 70px;
}
#volCalcControls .variable input
{
    float: left;
    width: 100px;
    margin-right: 8px;
    position: relative;
}
#volcalcButtons
{
    margin: 15px auto 10px auto;
    text-align: center;
}
#volcalcButtons input
{
    float: none;
    width: 80px;
}
#volume
{
    text-align: center;
    color: #e4cf37;
    font-weight: bold;
    font-size: 12pt;
}
#volcalcFooter
{
    background: #000000;
    clear: both;
    margin: 5px 0 0 0;
    padding: 2px;
    text-align: right;
    font-size: 10pt;
    font-weight: bold;
}
#volcalcFooter a
{
    color: #FFFFFF;
    text-decoration: none;
}
#volcalcFooter a:hover
{
    color: #e4cf37;
}
