.rating select {
  display: none;
}

.rating {
  cursor: pointer;
  display: block;
  width: 200px;
}

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

.star.static {
  cursor: default;
}

.star-left,
.star-right {
  width: 8px
}

.cancel,
.cancel a {
  background: url(/images/delete.gif) no-repeat 0 -16px;
}

.star,
.star span,
.star a {background: url(/images/star.gif) no-repeat 0 0px;}
.star-left,
.star-left span,
.star-left a {background: url(/images/star-left.gif) no-repeat 0 0px;}
.star-right,
.star-right span,
.star-right a {background: url(/images/star-right.gif) no-repeat 0 0px;}
	
.cancel a,
.star a,
.cancel span,
.star span {
  display: block;
  width: 100%;
  height: 100%;
  background-position: 0 0px;
}

div.rating div.on a,
div.rating div.on span {
  background-position: 0 -16px;
}

div.rating div.hover a,
div.rating div a:hover {
  background-position: 0 -32px;
}




    /* </dtml-with> */