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

.star-rating li
{
   padding:0px;
   margin:0px;
   height:30px;
   width: 30px;
   float: left;
}

.star-rating li a
{
   display:block;
   width:30px;
   height: 30px;
   line-height:30px;
   text-decoration: none;
   text-indent: 100%;
   z-index: 20;
   position: absolute;
   padding: 0px;
   overflow:hidden;
   white-space: nowrap;
}

.star-rating a.one-star
{
   left: 0px;
}

.star-rating a.two-stars
{
   left:30px;
}

.star-rating a.three-stars
{
   left: 60px;
}

.star-rating a.four-stars
{
   left: 90px;
}

.star-rating a.five-stars
{
   left: 120px;
}

.star-rating li.current-rating
{
   background: url('../images/star_rating.png') left bottom;
   position: absolute;
   height: 30px;
   display: block;
   text-indent: 100%;
   z-index: 1;
   white-space: nowrap;
   overflow: hidden;
}

/* remove halo effect in firefox   */
a:active
{
   outline: none;
}