/*             styles for the star rater                */
/*            copyright http://komodomedia.com/blog/index.php/2007/01/20/css-star-rating-redux/               */

.star-rating,

.star-rating a:hover,

.star-rating a:active,

.star-rating a:focus,

.star-rating .current-rating{

background: url(stars.png) left -1000px repeat-x;

}

.star-rating{

position:relative;

width:60px;

height:12px;

overflow:hidden;

list-style:none !important;

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:12px;

line-height:12px;

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;

}

.inline-rating{

display:-moz-inline-block;

display:-moz-inline-box;

display:inline-block;

vertical-align: middle;

}