label.star {
    float: left;  
    display: block;
    /* background image is a sprite of grey and red star */
    background-image: url(../img/star.png);
  background-position: 0 0;
    /*width and height is 18px by 16px so we make that with padding */
    padding: 8px 9px; 
    margin: 0;  
    cursor: pointer;
}

input.star {
  width: 0;
  height: 0;
  -moz-opacity:0;
  filter:alpha(opacity:0);
  opacity:0;
}

/* set checked or hovered stars to be red. jQuery adds the hover and active classes */
label.star.active, label.star.hover {
    background-position: 0 64px;
    
}

/* if hovering, force stars after hover to be grey. jQuery adds the unhover class */
label.star.unhover {
    background-position: 0 0 !important;
}

/*remove outline when checking radio buttons*/
input.star:focus {
  outline: none;
}