.unit-rating { 
        list-style:none;
        margin: 0px;
        padding:0px;
        height: 29px;
        position: relative;
        background: url('../images/rating.png') top left repeat-x;
}

.unit-rating2 { 
        margin: 0px;
        padding:0px;
        height: 15px;
        position: relative;
        background: url('../images/rating2.png') top left repeat-x;
        display: inline-table;
        vertical-align: middle;
}

.unit-rating li {
        text-indent: -90000px;
        padding: 0px;
        margin: 0px;
        float: left;
}
        
.unit-rating li a {
        outline: none;
        display: block;
        width: 30px;
        height: 29px;
        text-decoration: none;
        text-indent: -9000px;
        z-index: 20;
        position: absolute;
        padding: 0px;
}
        
.unit-rating li a:hover {
        background: url('../images/rating.png') left center;
        z-index: 2;
        left: 0px;
}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:30px;}
.unit-rating a.r2-unit{left:30px;}
.unit-rating a.r2-unit:hover{width: 60px;}
.unit-rating a.r3-unit{left: 60px;}
.unit-rating a.r3-unit:hover{width: 90px;}
.unit-rating a.r4-unit{left: 90px;}        
.unit-rating a.r4-unit:hover{width: 120px;}
.unit-rating a.r5-unit{left: 120px;}
.unit-rating a.r5-unit:hover{width: 150px;}

.unit-rating li.current-rating {
        background: url('../images/rating.png') left bottom;
        position: absolute;
        height: 29px;
        display: block;
        text-indent: -9000px;
        z-index: 1;
}

.unit-rating2 div.current-rating {
        background: url('../images/rating2.png') left 15px;
        position: absolute;
        height: 15px;
        display: block;
        text-indent: -9000px;
        z-index: 1;
        overflow: hidden;
}

.error {
}                

#rating {
    padding-top: 20px;
    padding-right: 20px;
}