/* Static stars */

.star-rating {
	display: inline-block;
	position: relative;
	width: 5em;
	height: 1em;
	line-height: 1.0;
	text-align: left;
	white-space: nowrap;
	color: #262626;
}

.star-rating > a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	border: 0 !important;
}

.star-rating .rating-value {
	display: none;
}

.star-rating .stars-under,
.star-rating .stars-over {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-size: inherit !important;
}

.star-rating .stars-under {
	color: #939393;
}

.star-rating .stars-over {
	overflow: hidden;
}

.star-rating i {
	width: 1em;
}

/* Ajax stars */

.ajax-star-rating-container {
    display: inline-block;
    position: relative;
    line-height: 1.0;
    height: 1em;
    width: 6em;
    color: #939393;
}
.ajax-star-rating-container .spinner {
	display: none;
}

.ajax-star-rating-container.rated .spinner {
	display: inline;
}

.ajax-star-rating-container .star {
    display: block;
    position: absolute;
    top: 0;
    left: 0.5em;
    cursor: pointer;
}

.ajax-star-rating-container > span.star {
	left: 0;
}

.ajax-star-rating-container .star i {
    overflow: hidden;
    width: 0.5em;
    color: inherit;
}

.ajax-star-rating-container .star-whole > i:before {
    position: relative;
    right: 0.5em;
}

.ajax-star-rating-container.unrated .star:hover > i:before {
    color: #ea7d00;
}

.ajax-star-rating-container.rated > .star {
	display: none;
}

/* Multi rating stars */

.multi-rating-stars-container {
    position: relative;
    line-height: 1.0;
    height: 1em;
    width: 6em;
    color: #939393;
}

.multi-rating-stars-container .star,
.multi-rating-stars-container .cancel {
    display: block;
    position: absolute;
    top: 0;
    left: 0.5em;
}

.multi-rating-stars-container > span.star {
    left: 1em;
}

.multi-rating-stars-container.unrated .star,
.multi-rating-stars-container.rated .cancel {
    cursor: pointer;
}

.multi-rating-stars-container .cancel {
    left: 0;
    color: inherit;
}

.multi-rating-stars-container.rated .cancel:hover {
    color: #ea7d00;
}

.multi-rating-stars-container .star i {
    overflow: hidden;
    width: 0.5em;
    color: inherit;
}

.multi-rating-stars-container .star-whole > i:before {
    position: relative;
    right: 0.5em;
}

.multi-rating-stars-container.unrated .star:hover > i:before,
.multi-rating-stars-container .star.active > i:before {
    color: #ea7d00;
}