table.star-rating-wrap {padding:1px;margin:0px}
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
        background: url(star.png) left -1000px repeat-x;
}
.star-rating{
        position:relative;
        width:125px;
        height:25px;
        overflow:hidden;
        list-style:none;
        margin:0;
        padding:0;
        background-position: left top;
}
.star-rating li{
        display: inline;
}
.star-rating a,
.star-rating .current-rating{
        position:absolute;
        top:0;
        left:0;
        text-indent:-1000em;
        height:25px;
        line-height:25px;
        outline:none;
        overflow:hidden;
        border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
        background-position: left bottom;
}
.star-rating a.one-star{
        width:20%;
        z-index:6;
}
.star-rating a.two-stars{
        width:40%;
        z-index:5;
}
.star-rating a.three-stars{
        width:60%;
        z-index:4;
}
.star-rating a.four-stars{
        width:80%;
        z-index:3;
}
.star-rating a.five-stars{
        width:100%;
        z-index:2;
}
.star-rating .current-rating{
        z-index:1;
        background-position: left center;
}       

/* for an inline rater */
.inline-rating{
        display:-moz-inline-block;
        display:-moz-inline-box;
        display:inline-block;
        vertical-align: middle;
}

/* smaller star */
.small-star{
        width:50px;
        height:10px;
}
.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating{
        background-image: url(star_small.gif);
        line-height: 10px;
        height: 10px;
}