.rating  {
cursor : pointer;
clear : both;
}
.rating:after {
content : '.';
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(../img/delete.gif) no-repeat 0 -16px;
}
.star, .star a {
background : url(../img/star.gif) no-repeat 0 0;
}
.cancel a, .star a {
display : block;
width : 100%;
height : 100%;
background-position : 0 0;
}
div.rating div.on a {
background-position : 0 -16px;
}
div.rating div.hover a, div.rating div a:hover {
background-position : 0 -32px;
}