.rating_stars {
	clear: both;
	display: block;
}
.rating_stars:after {
	content: '.';
	display: block;
	height: 0;
	width: 0;
	clear: both;
	visibility: hidden;
}
.cancel, .star {
	float: left;
	width: 14px;
	height: 14px;
	overflow: hidden;
	text-indent: -999em;
	padding:0 2px 0 0;
}
.cancel {
	padding:0 3px 0 0;
}
.little.cancel, .little.star {
	width: 12px;
	height: 12px;
}
.star-left, .star-right {
  width: 7px
}
.little.star-left, .little.star-right {
  width: 6px
}
.star-left {
  padding:0;
}
.cancel, .cancel a {
  background: url(cancel.png) no-repeat 0 -14px;
}
.little.cancel, .little.cancel a {
  background: url(cancel.png) no-repeat 0 -12px;
}
.star, .star a {
  background: url(star.png) no-repeat 0 0px;
}
.star-left, .star-left a {
  background: url(star-left.png) no-repeat 0 0px;
}
.star-right, .star-right a {
  background: url(star-right.png) no-repeat 0 0px;
}
.little.star-left, .little.star-left a {
  background: url(little-star-left.png) no-repeat 0 0px;
}
.little.star-right, .little.star-right a {
  background: url(little-star-right.png) no-repeat 0 0px;
}
.rating_stars a {
	transition:none;
}
.rating_stars .star.readonly a {
 cursor:default;
}
.cancel a, .star a {
	display: block;
	width: 100%;
	height: 100%;
	background-position: 0 0px;
}
div.rating_stars div.on a, div.rating_stars div.hover:not(.readonly) a, div.rating_stars div:not(.readonly) a:hover {
	background-position: 0 -28px;
}

div.rating_stars div.on.little a, div.rating_stars div.little.hover:not(.readonly) a, div.rating_stars div.little:not(.readonly) a:hover {
	background-position: 0 -24px;
}