/* Static View-only Star Version */

.fivestar-tanstars div.fivestar-widget-static.fivestar-rating-0,
.fivestar-tanstars div.fivestar-widget-static .star.off{
  display:none;
}

.fivestar-tanstars{
  text-align:center;
}

.fivestar-tanstars div.fivestar-widget-static .star {
  width: 18px;
  height: 18px;
  background: url(tanstars_star.png) no-repeat 0 0px;
  float:none;
  display:inline-block;
  vertical-align: top;
}

.fivestar-tanstars div.fivestar-widget-static .star span.on {
  background: url(tanstars_star.png) no-repeat 0 -18px;
}

.fivestar-tanstars div.fivestar-widget-static .star span.off {
  background: url(tanstars_star.png) no-repeat 0 0px;
  display:none;
}

/* Javascript Star Version */
.fivestar-tanstars div.fivestar-widget .cancel,
.fivestar-tanstars div.fivestar-widget .star {
  width: 18px;
  height: 18px;
}
.fivestar-tanstars div.fivestar-widget .cancel,
.fivestar-tanstars div.fivestar-widget .cancel a {
  background: url(tanstars_cancel.png) no-repeat 0 0;
}

.fivestar-tanstars div.fivestar-widget .cancel a:hover {
  background-position: 0 -18px;
}

.fivestar-tanstars div.fivestar-widget .star,
.fivestar-tanstars div.fivestar-widget .star a {
  background: url(tanstars_star.png) no-repeat 0 0px;
}

.fivestar-tanstars div.fivestar-widget div.on a {
  background-position: 0 -18px;
}
.fivestar-tanstars div.fivestar-widget div.hover a,
.fivestar-tanstars div.rating div a:hover {
  background-position: 0 -36px;
}