.star-rating li {
	display: inline;
}

.new-rating {	
	z-index: 13;
	background-image: url(/templates/basic/icons/star_full.gif);
	
}

.new-background {
	z-index: 12;
	background-image: url(/templates/basic/icons/star_empty.gif);
}

.star-rating, 
.current-rating,
.new-rating,
.new-background {
	text-indent: -1000px;
	width: 100px;
	height: 20px;
	background-repeat: repeat-x;
	overflow: hidden;
	outline: none;
	padding: 0px;
	margin: 0px;
}

.star-rating {
	background-image: url(/templates/basic/icons/star_empty.gif);
	position: relative;
}

.current-rating,
.star-rating a, 
.star-rating a:hover,
.new-rating,
.new-background {
	position:absolute;
	top: 0px;
	left: 0px;
	padding: 0px;
	margin: 0px;
}

.current-rating {
	background-image: url(/templates/basic/icons/star_full.gif);
}

.star-rating a:hover {
	cursor: pointer;
	height: 100%;
	background-image: url(/templates/basic/icons/star_hover.gif);
}


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

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

.star-rating a.r1-5 {
	width: 30%;
	z-index: 9;
}

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

.star-rating a.r2-5 {
	width: 50%;
	z-index: 7;
}

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

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

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

.star-rating a.r4-5 {
	width: 90%;
	z-index: 3;
}
.star-rating a.r5 {
	width: 100%;
	z-index: 2;
}