.starrating {
	background: transparent url(/starrating/starrating.png) repeat-x left top;
	height: 24px;
	position: relative;
	width: 140px;
}

.starrating .sr-visual {
	background: transparent url(/starrating/starrating.png) repeat-x left center;
	height: 100%;
	width: 0;
}

.starrating .sr-vote1, .starrating .sr-vote2, .starrating .sr-vote3, .starrating .sr-vote4, .starrating .sr-vote5 {
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	width: 20%;
}

.starrating .sr-vote1 {
	left: 0;
}

.starrating .sr-vote2 {
	left: 20%;
}

.starrating .sr-vote3 {
	left: 40%;
}

.starrating .sr-vote4 {
	left: 60%;
}

.starrating .sr-vote5 {
	left: 80%;
}

.starrating .sr-vote1:hover, .starrating .sr-vote2:hover, .starrating .sr-vote3:hover, .starrating .sr-vote4:hover, .starrating .sr-vote5:hover {
	background: transparent url(/starrating/starrating.png) repeat-x left bottom;
	left: 0;
}

.starrating .sr-vote2:hover {
	width: 40%;
}

.starrating .sr-vote3:hover {
	width: 60%;
}

.starrating .sr-vote4:hover {
	width: 80%;
}

.starrating .sr-vote5:hover {
	width: 100%;
}