body {
    font-family:arial;
    font-size:100%;
}




/* --- Votes Bar Class CSS --- */

.votes_bar {
    font-size:11px;
    color:#777;
    background:#ddd url('images/bg_gray.jpg') left top repeat-x;
    height:15px;
    position:relative;
}

.votes_bar .text {
    text-align:center;
}

.votes_bar .negative, .votes_bar .positive {
    position:absolute;
    top:0;
    height:15px;
    width:0;
    z-index:1;
}

.votes_bar .negative {
    right:50%;
    background:#f00 url('images/bg_red.jpg') left top repeat-x;
}

.votes_bar .positive {
    left:50%;
    background:#0f0 url('images/bg_green.jpg') left top repeat-x;
}



.votes_bar .end_left {
    background:#999999 url(images/end.jpg) no-repeat scroll left top;
    height:15px;
    left:0;
    position:absolute;
    top:0;
    width:1px;
    z-index:100;
}
.votes_bar .end_right {
    background:#999999 url(images/end.jpg) no-repeat scroll left top;
    height:15px;
    position:absolute;
    right:0;
    top:0;
    width:1px;
    z-index:100;
}

.votes_bar .text_left {
    left:3px;
    position:absolute;
    top:1px;
    z-index:50;
}

.votes_bar .text_right {
    position:absolute;
    right:3px;
    top:1px;
    z-index:50;
}




/* --- Heat Bar Class CSS --- */

.heat_bar {
    font-size:11px;
    color:#777;
    background:#ddd url('images/bg_gray.jpg') left top repeat-x;
    height:15px;
    position:relative;
}

.heat_bar .text {
    text-align:center;
}

.heat_bar .color {
    position:absolute;
    top:0;
    left:0;
    height:15px;
    width:0;
    z-index:1;
}

.heat_bar .red {
    background:#CB001D url('images/bg_red.jpg') left top repeat-x;
}

.heat_bar .yellow {
    background:#CEB900 url('images/bg_yellow.jpg') left top repeat-x;
}

.heat_bar .green {
    background:#9BEEAA url('images/bg_green.jpg') left top repeat-x;
}

.heat_bar .end_left {
    background:#999999 url(images/end.jpg) no-repeat scroll left top;
    height:15px;
    left:0;
    position:absolute;
    top:0;
    width:1px;
    z-index:100;
}
.heat_bar .end_right {
    background:#999999 url(images/end.jpg) no-repeat scroll left top;
    height:15px;
    position:absolute;
    right:0;
    top:0;
    width:1px;
    z-index:100;
}

.heat_bar .text_left {
    left:3px;
    position:absolute;
    top:1px;
    z-index:50;
}

.heat_bar .text_right {
    position:absolute;
    right:3px;
    top:1px;
    z-index:50;
}

/* --- Accumulative Bar Class CSS --- */


.accumulative_bar {
    background:#ccc url('images/bg_gray.jpg') left top repeat-x;
    height:15px;
    position:relative;
    padding: 0 1px 0 1px;
}

.accumulative_bar .end_left {
    position:absolute;
    left:0;
    top:0;
    width:1px;
    height:15px;
    background:#999 url('images/end.jpg') left top no-repeat;
}

.accumulative_bar .end_right {
    position:absolute;
    right:0;
    top:0;
    width:1px;
    height:15px;
    background:#999 url('images/end.jpg') left top no-repeat;
}

.accumulative_bar .color {
    float:left;
    height:15px;
}

.accumulative_bar .green {
    background:#9BEEAA url('images/bg_green.jpg') left top repeat-x;
}

.accumulative_bar .blue {
    background:#029FD2 url('images/bg_blue.jpg') left top repeat-x;
}

.accumulative_bar .yellow {
    background:#CEB900 url('images/bg_yellow.jpg') left top repeat-x;
}

.accumulative_bar .red {
    background:#CB001D url('images/bg_red.jpg') left top repeat-x;
}