.rating {

	cursor: pointer;
	clear: both;
display: block;

}

.rating:after {

	content: '.';

	display: block;

	height: 0;

	width: 0;

	clear: both;

	visibility: hidden;

}

.cancel,

.star {

	float: left;

	width: 17px;

	height: 15px;

	overflow: hidden;

	text-indent: -999em;

	cursor: pointer;

}

.cancel,

.cancel a {background: url(delete.gif) no-repeat 0 -16px;}



.star,

.star a {background: url(star.gif) no-repeat 0 0px;}

	

.cancel a,

.star a {

	display: block;

	width: 100%;

	height: 100%;

	background-position: 0 0px;

}



div.rating div.on a {

	background-position: 0 -16px;

}

div.rating div.hover a,

div.rating div a:hover {

	background-position: 0 -32px;

}