/* Static View-only Star Version */
.fivestar-basic div.fivestar-widget-static .star {
  background-image: url(star.png);
}

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

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

/* Javascript Star Version */
.fivestar-basic div.fivestar-widget .cancel,
.fivestar-basic div.fivestar-widget .cancel a {
  background-image: url(cancel.png);
}
.fivestar-basic div.fivestar-widget .star,
.fivestar-basic div.fivestar-widget .star a {
  background-image: url(star.png);
}

.fivestar-basic div.fivestar-widget div.hover a,
.fivestar-basic div.rating div a:hover {
  background-image: url(star.png);
}

@media only screen and (min-width: 2800px) {

  .fivestar-basic div.fivestar-widget-static .star {
    background-image: url(star4k.png);
    height: 30px; width: 30px;
  }
  
  .fivestar-basic div.fivestar-widget-static .star span.on {
    background-image: url(star4k.png);
    height: 30px; width: 30px;
  }
  
  .fivestar-basic div.fivestar-widget-static .star span.off {
    background-image: url(star4k.png);
    height: 30px; width: 30px;
  }
  

  .fivestar-basic div.fivestar-widget .cancel,
  .fivestar-basic div.fivestar-widget .cancel a {
    background-image: url(cancel4k.png);
    height: 30px; width: 30px;
  }
  .fivestar-basic div.fivestar-widget .star,
  .fivestar-basic div.fivestar-widget .star a {
    background-image: url(star4k.png);
    height: 30px; width: 30px;
  }
  
  .fivestar-basic div.fivestar-widget div.hover a,
  .fivestar-basic div.rating div a:hover {
    background-image: url(star4k.png);
    height: 30px; width: 30px;
  }
 
  div.cancel a{height: 30px; width: 30px;}
  .star.star-1.odd.star-first {height: 30px ; width: 30px;}
  .star.star-2.even {height: 30px ;  width: 30px;}
  .star.star-3.odd {height: 30px ;  width: 30px;}
  .star.star-4.even {height: 30px ;  width: 30px;}
  .star.star-5.odd.star-last {height: 30px ;  width: 30px;}
  
  .star.star-1.odd.star-first.on-hover {height: 30px ; width: 30px;}
  .star.star-2.even.on-hover {height: 30px ;  width: 30px;}
  .star.star-3.odd.on-hover {height: 30px ;  width: 30px;}
  .star.star-4.even.on-hover {height: 30px ;  width: 30px;}
  .star.star-5.odd.star-last.on-hover {height: 30px ;  width: 30px;}

}