.lineBlock {
    float:left;
    clear:both;
    width:100%;
    margin: 10px 0 0 0;
    /*white-space: nowrap;*/
}
.barBlock {
    float:left;
    background: #dddddd;
    height: 24px;
    width:58%;
    border-radius: 4px;
}
.bar {
    float:left;
    /*background: #0bc078;*/
    background-image: url("../images/bg_bar.png") !important;
    background-repeat: repeat-x;
    height: 20px;
    margin:2px 0 0 2px;
    border-radius: 4px;
}
.titleBlock {
    float: left;
    width: 30%;
    margin:5px 5px 0 0;
    text-align:right;
}
.valueBlock {
    float: left;
    width: 10%;
    margin:5px 5px 0 0;
    text-align: right;
    font-weight: bold;
}
.mainTitleBlock {
    float: left;
    width: 100%;
    text-align: center;
    font: bold 14px "Arial";
    margin: 10px 0 0 0;
}

#tooltip{position: absolute; border: solid 2px #bababa; background-color: #fff; padding:10px; z-index: 1000; color:#000; font: bold 14px Arial; max-width: 200px; text-align: center; border-radius: 4px}