.rating {
	clear: both;
	display: block;
	margin: 0 0em;
	margin-top:8px;
}

.rating:after {
	content: '.';
	display: block;
	height: 0;
	width: 0;
	clear: both;
	visibility: hidden;
	margin: 0 0em;
}

.cancel, .star {
	float: left;
	width: 24px;
	height: 24px;
	overflow: hidden;
	text-indent: -999em;

	margin: 0 0em;
}

.star-left{
	width:12px;
	margin:0px;
}

.star-right {
	width: 12px;
	margin:0px;
}

.cancel, .cancel a {
	background: url(../img/delete.png) no-repeat 0 -24px;
}

.star, .star a {
	background: url(../img/stars-24.png) no-repeat 0 0px;
}

.star-left, .star-left a {
	background: url(../img/stars-24-left.png) no-repeat 0 0px;
}

.star-right, .star-right a {
	background: url(../img/stars-24-right.png) 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 -24px;
}

div.rating div.hover a, div.rating div a:hover {
	background-position: 0 -48px;
}

/* for tooltip and post-rating */
.stars_off{
	margin-top:8px;
	background: transparent url(../img/stars-24.png) repeat-x;
	height:24px;
	width:120px;
	overflow: hidden;
	cursor:default;
}

.stars_on {}
.stars_on, .stars_after{
	background: transparent url(../img/stars-24.png) repeat-x 0 -24px;
	height:24px;

}
.stars_after{cursor: default}
.rated{
	color:#666; 
	font-size: 13px; 
	float:left;
	width: 100%;
	margin-top:12px;
	clear:both;
	cursor:default;
}