/* CSS Document */
body { margin:0px; padding:0px; font: Arial, Helvetica, sans-serif; }

/*RATE IT ------------------------------------------------------------------------------------------------*/

.rating { cursor: pointer; display: block; width: 200px; }
.rating:after { content: '.'; display: block; height: 0;width: 0;clear: both; visibility: hidden; }

.cancel, .star {float: left; width: 35px;height: 35px;overflow: hidden;text-indent: -999em;cursor: pointer; }

.star,
.star a {background: url(estrela.png) no-repeat 0 0px;}
.star a { display: block; width: 100%; height: 100%; background: url(estrela.png)}

div.rating div.on a {background: url(estrela1.png) }
div.rating div.hover a, div.rating div a:hover {background: url(estrela1.png)}

div.done, div.done a { cursor: default; }