.rating-container {
	display: inline-block;
	height: 24px;
	vertical-align: top;
	/* remove inline-block whitespace */
	font-size: 0;
	/* flip the order so we can use the + and ~ combinators */
	unicode-bidi: bidi-override;
	direction: rtl;
	input[type="radio"] + label{
		@include transform(translateY(0));
	}
	#rating-0,
	label[for="rating-0"]{
		display: none;
	}
}

.rating-container * {
	font-size: 20px;
}

.rating-container > input {
	display: none;
}

.rating-container > input + label {
	/* only enough room for the star */
	font-family: $star_icon_font;
	line-height: 1;
}

.rating-container > input + label:before {
	display: inline-block;
	content: $star_icon;
	color: $star_icon_color;
}

.rating-container > input:checked ~ label:before,
.rating-container > input + label:hover ~ label:before,
.rating-container > input + label:hover:before,
.cms-rating-icon-filled:before {
	content: $star_icon_filled;
	color: $star_icon_filled_color;
}
.rating-container > .star-cb-clear + label {
}
.rating-container > .star-cb-clear + label:before {
}

.rating-container:hover > input + label:before,
.cms-rating-icon-empty:before{
	content: $star_icon;
	color: $star_icon_color;
	text-shadow: none;
}

.rating-container:hover > input + label:hover ~ label:before,
.rating-container:hover > input + label:hover:before {
	content: $star_icon_filled;
	color: $star_icon_filled_color;
}

.comment-respond .rating-container > .star-cb-clear + label, .comment-respond .rating-container > input + label:before {
	//text-indent: 9999px;
}

.comment-respond .rating-container > input + label {
	//text-indent: -9999px;
}

.cms-rating-icon-filled,
.cms-rating-icon-empty{
	font-family: $star_icon_font;
	display: inline-block;
	overflow: hidden;
	width: 1em;
	white-space: nowrap;
	cursor: pointer;
	margin: 0;
}
.cms-rating-icon-empty{
	z-index: -1;
}

// Star rated
.cms-star-rating {
	width: 90px;
	height: 14px;
	display: inline-block;
	letter-spacing: 3px;
	color: $star_icon_color;
	font-size: 13px;
	&:before{
		font-family: $star_icon_font;
		content: '\e948\e948\e948\e948\e948';
	}
	.cms-star-rated{
		top: 0;
		//color: $star_icon_filled_color;
		&:before{
			font-family: $star_icon_font;
			content: '\e949\e949\e949\e949\e949';
		}
	}
}
.cms-star-rated{
	color: $star_icon_filled_color;
	white-space: nowrap;
	overflow: hidden;
}