.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: 12px;
	height: 11px;
	overflow: hidden;
	text-indent: -999em;

	margin: 0 0em;
}

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

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

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

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

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

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

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

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

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

}
.stars_after{cursor: default}
.rated{
	color:#999; 
	font-size: 10px; 
	/*float:left;
	width: 100%;*/
	padding-top:4px;
	clear:both;
	cursor:default;
}