﻿.barContainer
{
    vertical-align: top;
    text-align: left;
    width: 200px;
    height: 20px;
    background-color: #999999;
    position: relative;
    float: right;
}
.bar
{
    height: 18px !important;
    background-color: Green;
}
.parentBar
{
    height: 18px !important;
    background-color: Blue;
}
.parentRow
{
    background-color: #D8D8D8;
    cursor: pointer;
}
.marker
{
    background-color: black;
    height: 20px;
    width: 5px;
    z-index: 100;
    margin-top: -20px;
    margin-left: -2px;
    position: absolute;
}
.marker2
{
	background-color: yellow;
    height: 20px;
    width: 4px;
    z-index: 100;
    margin-top: -20px;
    margin-left: -2px;
    position: absolute;
}
.barLabelContainer
{
    font-weight: bolder;
    color: Green;
    width: 50px !important;
    text-align: right;
}

.barGraphTable
{
    width: 630px !important;
    border: 0px none;
    padding: 0px 0px 0px 0px !important;
    margin: 0px 0px 0px 0px !important;
    border-collapse: collapse;
}


.fill
{
    width: 100%;
}

.textCell
{
    width: 200px !important;
    height: 38px;
}
.sampleCell
{
    text-align: right;
}
.chartDiv
{
    margin: 2% 2% 0 2%;
    padding: 5px 5px 5px 5px !important;
    width: 100% !important;
    cursor: pointer;
    font-weight: bolder;
    margin-bottom: 0px !important;
    margin-top: 5px !important;
    font-weight : bold !important;
    font-size : 110%;
    height:auto;
    overflow :hidden ;
    text-align :left ;
}
.chartChildDiv
{
    text-align :left ;
    /* margin: 2% 2% 2% 2%; */
    padding: 5px 5px 5px 5px !important;
    width: 100% !important;
    /* margin-bottom: 2px !important; */
        height:auto;
    overflow :hidden ;
    border-bottom: none 0px !important;
    border-top: none 0px !important;
    background-color: White !important;
}

.chartChildDivAlt
{
    text-align :left ;
    /* margin: 2% 2% 2% 2%; */
    padding: 5px 5px 5px 5px !important;
    width: 100% !important;
    /* margin-bottom: 2px !important; */
        height:auto;
    overflow :hidden ;
    border-bottom: none 0px !important;
    border-top: none 0px !important;
    background-color: #cccccc  !important;
}

.topRight
{
    float: right;
    width: 43%;
    display: inline;
    vertical-align: top;
}
.topLeft
{
    float: left;
    width: 55%;
    display: inline;
    vertical-align: top;
}

.right
{
    float: right;
    display: inline;
    vertical-align: top;
    padding: 0px 0px 0px 0px;
    margin-bottom: 4px;
    width: 33%;
    text-align :right ;
}
.left
{
    float: left;
    display: inline;
    vertical-align: top;
    padding: 0px 0px 0px 0px;
    margin-bottom: 4px;
    
}
.noFluff
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
.starImage
{
    display: block;
}

.centerText
{
    text-align: center;
}

.boxLetter
{
    color: White ;
    font-size : larger !important;
    width : 16px !important;
    font-weight :bold !important;
    text-align : center !important;
    
    }