@charset "utf-8";

.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating {
	background: url(images/vote.png) left -1000px repeat-x;
}

.star-rating {
	position: relative;
	width: 200px;
	height: 20px;
	overflow: hidden;
	list-style: none;
	margin: 0 0 10px 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;
	width: 0%;
	height: 20px;
	line-height: 25px;
	outline: none;
	overflow: hidden;
	border: none;
	margin: 0;
	float: left;
}

.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus {
	background-position: left bottom;
}

.star-rating a.one-star {
	width: 10%;
	z-index: 11;
}

.star-rating a.two-stars {
	width: 20%;
	z-index: 10;
}

.star-rating a.three-stars {
	width: 30%;
	z-index: 9;
}

.star-rating a.four-stars {
	width: 40%;
	z-index: 8;
}

.star-rating a.five-stars {
	width: 50%;
	z-index: 7;
}

.star-rating a.six-stars {
	width: 60%;
	z-index: 6;
}

.star-rating a.seven-stars {
	width: 70%;
	z-index: 5;
}

.star-rating a.eight-stars {
	width: 80%;
	z-index: 4;
}

.star-rating a.nine-stars {
	width: 90%;
	z-index: 3;
}

.star-rating a.ten-stars {
	width: 100%;
	z-index: 2;
}

.star-rating .current-rating {
	z-index: 1;
	background-position: left bottom;
}