/*** COMMON GRAPH STYLES ***/

.graphWrap {
    /*width:100%;*/
    padding:0 20px;
    display:block;
    position:relative;
    top:30px;
}


/*** BAR GRAPH STYLES ***/
/*
.graph_bar div {
    font-size:10px;
    background-color:steelblue;
    text-align:right;
    padding:3px;
    margin:1px;
    color:white;
}*/

.graph_bar_rect {
    stroke:white;
    fill:steelblue;
}

.graph_bar_text {
    fill:white;
    font-size:10px;
}

.graph_bar_nr_line {
    stroke:#000;
    stroke-width:1;
}
.graph_bar_br_line {
    stroke:#000;
    stroke-width:1;
}

.graph_bar_nr_text {
    fill:#000;
    font-size:10px;
}
.graph_bar_br_text {
    fill:#000;
    font-size:10px;
}
.graph_dot 
{
    fill:steelblue;
    fill-opacity: 0.5;
}
line.whisker
{
    stroke:#000;
    stroke-width:1;
}
line.median
{
    stroke:#000;
    stroke-width:1;
}
line.center
{
    stroke:#000;
    stroke-width:1;
}
text.box
{
    fill:#000;
    font-size:10px;
}
text.whisker
{
    fill:#000;
    font-size:10px;
}
rect.box
{
    stroke:black;
    fill:white;    
}
.box circle.outlier {
stroke: #CCC;
fill: none;
}
.bubble_circle 
{
    fill: #3BB9FF;
    stroke: black;
    fill-opacity: 0.1;
    stroke-opacity: 0.3;    
}
.bubble_circle_hidden
{
    visibility: hidden;
}
.bubble_circle_selected
{
    fill: #FBB117;
    stroke: black;
    fill-opacity: 0.5;
    stroke-opacity: 1;
}
.bubble_circle_text 
{
    fill:black;
    font-size:10px;
}
.bubble_circle_text_hidden 
{
    visibility: hidden;
}
.scalebox
{
    fill: #CCC;
    stroke: #CCC;
    fill-opacity: 0.5;
    stroke-opacity: 1;
}
.scaletext
{
    fill:black;
    font-size:10px;
}