/* Static View-only Bravostar Version */
div.fivestar-widget-static .star {
  width: 21px;
  height: 21px;
  background-image: url(bravostar.png);
}

div.fivestar-widget-static .star span.on {
  background-image: url(bravostar.png);
}

div.fivestar-widget-static .star span.off {
  background-image: url(bravostar.png);
}

div.fivestar-widget-static .star {
  float: left; /* RTL */
  width: 25px;
  height: 21px;
  overflow: hidden;
  text-indent: -999em;
  background: url(bravostar.png) no-repeat 0 0px;
}

div.fivestar-widget-static .star span.on {
  display: block;
  width: 100%;
  height: 100%;
  background: url(bravostar.png) no-repeat 0 -42px;
}

div.fivestar-widget-static .star span.off {
  display: block;
  width: 100%;
  height: 100%;
  background: url(bravostar.png) no-repeat 0 0px;
}

/* Javascript Bravostar Version */
div.fivestar-widget .cancel,
div.fivestar-widget .cancel a {
  width: 21px;
  height: 21px;
  background-image: url(cancel.png);
}
div.fivestar-widget .star,
div.fivestar-widget .star a {
  width: 25px;
  height: 21px;
  background-image: url(bravostar.png);
}
div.fivestar-widget div.on a {
  background-image: url(bravostar.png);
  background-position: 0 -21px;
}
div.fivestar-widget div.hover a,
div.rating div a:hover {
  background-image: url(bravostar.png);
  background-position: 0 -42px;
}