.star-rating {
  list-style:none;
  width:70px;
  height:12px;
  position:relative;
  background:url(star_rating.gif) top left repeat-x;
  margin:0;padding:0;
}
.star-rating li{
  float:left;
  width:auto;
  margin:0;
  padding:0;
}
.star-rating li a{
  display:block;
  width:14px;
  height:12px;
  float:left;
  text-decoration:none;
  text-indent:-9000px;
  z-index:2;
  position:absolute;
  font-size:6px;
  padding:0;
}
.star-rating li a:hover{
  background:url(star_rating.gif) left bottom;
  z-index:1;left:0;
}
.star-rating a.one-stars:hover{width:14px;}
.star-rating a.one-stars-focus{background:url(star_rating.gif) left bottom;width:14px;}
.star-rating a.two-stars{left:14px;}
.star-rating a.two-stars:hover{width:28px;}
.star-rating a.two-stars-focus{background:url(star_rating.gif) left bottom;width:28px;}
.star-rating a.three-stars{left:28px;}
.star-rating a.three-stars:hover{width:42px;}
.star-rating a.three-stars-focus{background:url(star_rating.gif) left bottom;width:42px;}
.star-rating a.four-stars{left:42px;}
.star-rating a.four-stars:hover{width:56px;}
.star-rating a.four-stars-focus{background:url(star_rating.gif) left bottom;width:56px;}
.star-rating a.five-stars{left:56px;}
.star-rating a.five-stars:hover{width:70px;}
.star-rating a.five-stars-focus{background:url(star_rating.gif) left bottom;width:70px;}

.star-rating a.one-stars,.star-rating a.two-stars-done,.star-rating a.three-stars-done,.star-rating a.four-stars-done,.star-rating a.five-stars-done {
  left:0;
}