.rating {
	cursor: pointer;
	width: 150px;
	text-align: center;
	padding-right: 24px;
}
.rating:after {
	content: '.';
	height: 0;
	width: 0;
	clear: both;
	visibility: hidden;
}
.cancel,
.star 
{
	position: relative;
	float:left;
	width: 24px;
	height: 22px;
	margin: -12px 0px 0px 0px;
	overflow: hidden;
	text-indent: -999em;
	cursor: pointer;
}
.star-left,
.star-right {
  width: 12px
}
.cancel,
.cancel a {background: url(/theme/images/delete.gif) no-repeat 0 -23px;}

.star,
.star a {background: url(/theme/images/rating_star.gif) no-repeat 0 0px;}
.star-left,
.star-left a {background: url(/theme/images/rating_star-left.gif) no-repeat 0 0px;}
.star-right,
.star-right a {background: url(/theme/images/rating_star-right.gif) no-repeat 0 0px;}
	
.cancel a,
.star a {
	display: block;
	width: 23px;
	height: 24px;
	background-position: 0 0px;
}

div.rating div.on a {
	background-position: 0 -24px;
}
div.rating div.hover a,
div.rating div a:hover {
	background-position: 0 -47px;
}