/*             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;
right: 0;
bottom: 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;

}