div.rating {
 cursor: pointer;
 margin: 2em;
 clear: both;
 display: block;
}
div.rating:after {
 content: '.';
 display: block;
 height: 0;
 width: 0;
 clear: both;
 visibility: hidden;
}
div.cancel,
div.star {
 float: left;
 width: 26px;
 height: 15px;
 overflow: hidden;
 text-indent: -999em;
 cursor: pointer;
}
div.cancel,
div.cancel a {background:url(/images/delete.gif) no-repeat 0 -16px;}

div.star,
div.star a {background:url(/images/star.gif) no-repeat 0 0px;}
 
div.cancel a,
div.star a {
 display: block;
 /*width: 100%;*/width:16px;
 height: 100%;
 background-position: 0 0px;
 border:1 solid #FF0000; 
}


div.star_on a{ background-position: 0 -16px; }
div.star_hover a, div.star a:hover { background-position: 0 -32px; }

div.star_readonly a, div.star_readonly a:hover{ background-position: 0 0; cursor: default !important; }
div.star_on.star_readonly a{ background-position: 0 -16px !important; }

/* >*/
div.star{ width:18px; overflow:hidden !important; }
div.star_even a{ background-image:url(/images/star-right.gif); }
div.star_odd a{ background-image:url(/images/star-left.gif); }
/*< */