/* Static View-only Star Version */
div.fivestar-widget-static .star {
  width: 16px;
  height: 16px;
  background-image: none;
}
div.fivestar-widget-static .star-1 {
   background-image: url(1.gif);
}
div.fivestar-widget-static .star-2 {
   background-image: url(2.gif);
}
div.fivestar-widget-static .star-3 {
   background-image: url(3.gif);
}
div.fivestar-widget-static .star-4 {
   background-image: url(4.gif);
}
div.fivestar-widget-static .star-5 {
   background-image: url(5.gif);
}

div.fivestar-widget-static .star-1 span.on {
  background: url(1.gif) no-repeat 0 -32px;
}

div.fivestar-widget-static .star-1 span.off {
  background: url(1.gif) no-repeat 0 0px;
}

div.fivestar-widget-static .star-2 span.on {
  background: url(2.gif) no-repeat 0 -32px;
}

div.fivestar-widget-static .star-2 span.off {
  background: url(2.gif) no-repeat 0 0px;
}

div.fivestar-widget-static .star-3 span.on {
  background: url(3.gif) no-repeat 0 -32px;
}

div.fivestar-widget-static .star-3 span.off {
  background: url(3.gif) no-repeat 0 0px;
}


div.fivestar-widget-static .star-4 span.on {
  background: url(4.gif) no-repeat 0 -32px;
}

div.fivestar-widget-static .star-4 span.off {
  background: url(4.gif) no-repeat 0 0px;
}

div.fivestar-widget-static .star-5 span.on {
  background: url(5.gif) no-repeat 0 -32px;
}

div.fivestar-widget-static .star-5 span.off {
  background: url(5.gif) no-repeat 0 0px;
}

/* Javascript Star Version */
div.fivestar-widget .cancel, div.fivestar-widget .star {
  width: 16px;
  height: 16px;
}

div.fivestar-widget .cancel, div.fivestar-widget .cancel a {
  background: url(cancel.png) no-repeat 0 0;
}

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

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

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

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

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

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