.star-rating {position:relative;width:125px;height:10px;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:10px;line-height:10px;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;}

/* 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 .current-rating {background-image: url(images/star_small.gif);line-height: 10px;height: 10px;}
.star-rating .current-rating {z-index:1;background-position: left center;}