/* Progressbar */

div.progressBar 
{
    background: url('Bars/Gray.gif');
    background-repeat: repeat-x;
    padding: 0px;
    border-color: #fff;
    border-style: solid;
    border-width: 1px;
    margin-top: 1px;
    min-height: 11px;
}

div.progressBar div 
{
    min-height: 11px;
}

div.progressBar div.low
{
    height: 100%;
    background: url('Bars/Red.gif');
    background-repeat: repeat-x;
}

div.progressBar div.med
{
    height: 100%;
    background: url('Bars/Blue.gif');
    background-repeat: repeat-x;
    
}

div.progressBar div.high
{
    height: 100%;
    background: url('Bars/Green.gif');
    background-repeat: repeat-x;
}

div.progressBar div.full
{
    height: 100%;
    background: url('Bars/Gold.gif');
    background-repeat: repeat-x;
}

div.progressBar div div 
{
    padding: 0 0 0 3px;
    font-size: 8px;
}

/* PlusMinusBar */

div.plusMinusBar
{
    background: url('Bars/Gray.gif');
    background-repeat: repeat-x;
    padding: 0px;
    border-color: #fff;
    border-style: solid;
    border-width: 1px;
    min-height: 11px;
    margin-top: 1px;
    overflow: auto;
}

div.plusMinusBar div.negholder
{
    width: 50%;
    height: 100%;
    float: left;
    min-height: 11px;
}

div.plusMinusBar div.posholder
{
    background: url('Bars/GrayPlusMinus.gif');
    background-repeat: repeat-x;
    width: 50%;
    height: 100%;
    float: left;
    min-height: 11px;
}

div.plusMinusBar div.neg
{
    height: 100%;
    background: url('Bars/Red.gif');
    background-repeat: repeat-x;
    float: right;
    min-height: 11px;
}

div.plusMinusBar div.pos
{
    margin-left: 1px;
    height: 100%;
    background: url('Bars/Green.gif');
    background-repeat: repeat-x;
    min-height: 11px;
}

div.plusMinusBar div.zero
{
    margin-left: 1px;
    height: 100%;
    min-height: 11px;
}

div.plusMinusBar div.pos div, div.plusMinusBar div.zero div
{
    padding: 0 0 0 3px;
    font-size: 8px;
}

div.plusMinusBar div.neg div
{
    padding: 0 3px 0 0;
    text-align: right;
    font-size: 8px;
}