.positioner {
    position: relative;
    display: inline-block;
    line-height: 0;
}

.starbox .colorbar,
.starbox .ghost {
    z-index: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
}

.starbox .stars {
    display: inline-block;
}

.starbox .stars .star_holder {
    position: relative;
    z-index: 1;
}

.starbox .stars .star_holder .star {
    display: inline-block;
    vertical-align: baseline;
    background-repeat: no-repeat;
}


/* Override with your own image and size… */
.starbox .stars .star_holder .star {
    background-image: url('/assets/jstarbox-5-large.png');
    background-size:cover;
    width: 20px;
    height: 20px;
}

/* Override with your own colours… */
.starbox .stars { background: #ccc; }
.starbox .rated .stars { background: #dcdcdc; }
.starbox .rated.hover .stars { background: transparent; }
.starbox .colorbar { background: #ed3618; }
.starbox .hover .colorbar { background: #ffcc1c; }
.starbox .rated .colorbar { background: #64b2ff; }
.starbox .rated.hover .colorbar { background: #1e90ff; }
.starbox .ghost { background: #a1a1a1; }