.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('../images/icon/cross.png') no-repeat 0 -16px;
}

.star,.star a {
background:url('../images/icon/star.png') 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;
}