/* ======= STAR-RATER ======== */
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
background: url(star.gif) left -1000px repeat-x;
}
.star-rating{
position:relative;
width:180px;
height:19px;
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:20px;
line-height:25px;
outline:none;
overflow:hidden;
border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
background-position: left bottom;
}
.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;
}

.small-star{
width:50px;
height:10px;
}
.star-rating a.one-star{
	width:10%;
	z-index:10;
}
.star-rating a.two-stars{
	width:20%;
	z-index:9;
}
.star-rating a.three-stars{
	width:30%;
	z-index:8;
}
.star-rating a.four-stars{
	width:40%;
	z-index:7;
}
.star-rating a.five-stars{
	width:50%;
	z-index:6;
}
.star-rating a.six-stars{
	width:60%;
	z-index:5;
}
.star-rating a.seven-stars{
	width:70%;
	z-index:4;
}
.star-rating a.eight-stars{
	width:80%;
	z-index:3;
}
.star-rating a.nine-stars{
	width:90%;
	z-index:2;
}
.star-rating a.ten-stars{
	width:100%;
	z-index:1;
}
.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating{
background-image: url(star_small.gif);
line-height: 10px;
height: 10px;
}
/* ======= /STAR-RATER ======== */