/*
 * @author: Johan Voeten - johan@procurios.nl
 * @about: 	This file defines the default layout of the ProBase Rating form element
 */

/**
 * 	rating list items no-js
 */

.no-js .pbuic-fe-rating .proFormListRadio label,
.no-js .pbuic-fe-rating .proFormListRadio input {
	position: static;
	left: auto;
}

/**
 * 	rating list items
 */
.pbuic-fer-result,
.pbuic-fe-rating {
	line-height: 16px; /** prevent vertical offset of rating elements */
}

.has-js .pbuic-fe-rating {
	display: block;
}

.has-js .pbuic-fe-rating .proFormListRadio label,
.has-js .pbuic-fe-rating input {
	position: absolute;
	left: -999em;
}

.pbuic-fe-rating ul li {
	width: auto;
}

/**
 * 	style the LI elements as stars.
 */

.has-js .pbuic-fe-rating ul li {
	display: inline-block;
	vertical-align: top;
	width: 8px;
	height: 16px;
	margin: .2em 0;
	padding: 0;
	background: transparent url(fer-sprite-24.png) no-repeat 0 0;
	cursor: pointer;
}

.has-js .pbuic-fer-result li {
	cursor: default;
}

.has-js .pbuic-fe-rating .even {
	background-position: -8px 0;
}

.has-js .pbuic-fe-rating .fer-active-odd {
	background-position: 0 -16px;
}

.has-js .pbuic-fe-rating .fer-active-even {
	background-position: -8px -16px;
}

.pbuic-ferr-bar,
.pbuic-ferrb-score {
	display: inline-block;
	vertical-align: baseline;
	width: 80px;
	height: 15px;
	background: transparent url(fer-sprite-24.png) repeat-x 0 0;
}

.pbuic-ferrb-score {
	width: 0;
	background-position: 0 -16px;
}

.pbuic-ferr-score-number {
	padding-left: 8px;
	font-size: 11px;
	color: #5f5f5f;
}