@charset "UTF-8";
/* CSS Document */
.positioner {
	position: relative;
	display: inline-block;
	line-height: 0;
}
.starbox {
	cursor: pointer;
}
.starbox.unchangeable 
{
	cursor: default;
}
.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('../images/5-large.png');
	width: 33px;
	height: 33px;
}
.starbox.small .stars .star_holder .star {
  width: 17px;
  height: 17px;
  -webkit-background-size: 100% 100%;
       -o-background-size: 100% 100%;
          background-size: 100% 100%;
}

/* Override with your own colours… */
.starbox .stars { background: #cccccc; }
.starbox .rated .stars { background: #dcdcdc; }
.starbox .rated.hover .stars { background: #cccccc; }
.starbox .colorbar { background: #ffcc1c; }
.starbox .hover .colorbar { background: #1e90ff; }
.starbox .rated .colorbar { background: #ffd851; }
.starbox .rated.hover .colorbar { background: #1e90ff; }
.starbox .ghost { background: #a1a1a1; }

