/* PROGRESS BAR / BATTERY CONTROL */
#battery {width: 344px;	height: 133px; margin: 30px auto 40px; background: url(../img/battery.png)}
#battery .fuel_left {width: 25px; height: 133px; float: left; background: url(../img/fuel_left.png) no-repeat left;}

body.green #battery .fuel_left {background: url(../img/fuel_left_green.png) no-repeat left;}
body.yellow #battery .fuel_left {background: url(../img/fuel_left_yellow.png) no-repeat left;}
body.pink #battery .fuel_left {background: url(../img/fuel_left_pink.png) no-repeat left;}
body.red #battery .fuel_left {background: url(../img/fuel_left_red.png) no-repeat left;}

#battery .fuel_right {float: left; width: 18px; height: 133px; background: url(../img/fuel_right.png) no-repeat right;}
body.green #battery .fuel_right {background: url(../img/fuel_right_green.png) no-repeat right;}
body.yellow #battery .fuel_right {background: url(../img/fuel_right_yellow.png) no-repeat right;}
body.pink #battery .fuel_right {background: url(../img/fuel_right_pink.png) no-repeat right;}
body.red #battery .fuel_right {background: url(../img/fuel_right_red.png) no-repeat right;}

/* PERCENT INDICATOR */
.percent {width: 54px; height: 31px; background: url(../img/percent.png) no-repeat top; background-position: 0 -775px; margin: 53px 0 0 123px; display:none;}