.rating {
    cursor: pointer;
    margin: 0px;
    padding: 3px 10px;
    clear: both;
    display: block;
}
.rating:after {
    content: '.';
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden;
}
div.rating div.on a {background-position: 0 -16px;}
div.rating div.hover a,
div.rating div a:hover { background-position: 0 -32px;}

.cancel, .cancel a {background: url(/rating/delete.gif) no-repeat 0 -16px;}
.cancel, .star, .heart, .bucks {float: left;width: 17px;height: 15px;overflow: hidden;text-indent: -999em;cursor: pointer;}
.cancel a, .star a,  .heart a,  .bucks a {display: block;width: 100%;height: 100%;background-position: 0 0px;}

.star, .star a {background: url(/rating/star.gif) no-repeat 0 0px;}
.star-left, .star-right, .heart-left, .heart-right, .bucks-left, .bucks-right {width: 8px}
.star-left, .star-left a {background: url(/rating/star-left.gif) no-repeat 0 0px;}
.star-right, .star-right a {background: url(/rating/star-right.gif) no-repeat 0 0px;}
.heart, .heart a {background: url(/rating/heart.gif) no-repeat 0 0px;}
.heart-left, .heart-left a {background: url(/rating/heart-left.gif) no-repeat 0 0px;}
.heart-right, .heart-right a {background: url(/rating/heart-right.gif) no-repeat 0 0px;}
.bucks, .bucks a {background: url(/rating/bucks.gif) no-repeat 0 0px;}
.bucks-left, .bucks-left a {background: url(/rating/bucks-left.gif) no-repeat 0 0px;}
.bucks-right, .bucks-right a {background: url(/rating/bucks-right.gif) no-repeat 0 0px;}