﻿#StarRatings {
    /* float:left; */
    width:155px;
}
#StarRatings li { float:right; position:relative;list-style: none; }
#StarRatings li input {
    position:absolute;
    top:0px;
    left:0px;
    opacity:0;
}
#StarRatings li label {
    display:inline-block;
    width:29px;
    height:28px;
    text-align:center;
    color:#FFF;
    background:#ccc;
    font-size:30px;
    margin-right:2px;
    margin-left:0;
    line-height:30px;
	background:transparent url('../images/star-sprite.png') left bottom no-repeat;
}
#StarRatings li:hover ~ li label,
#StarRatings li:hover label,
#StarRatings li.checked label,
#StarRatings li.checked ~ li label {
    background:#F90;
    color:#FFF;
	background:transparent url('../images/star-sprite.png') left top no-repeat;
}

ul#Form_ReviewForm_StarRating{
    display: flex;
    flex-direction: row-reverse;
}

.review-header{
    font-size: 22px;
    font-weight: 400;
}

.star-rating-wrapper {
    width:300px;
    margin:24px auto;

}

.rating-card{
  background:#f7f7f7;
  border:none;
  min-height: 100%; 
}

.rating-card span{
    color:gray;
}


.star-rating {
	width:145px;
    margin:0 auto 12px;
	background:transparent url('../images/star-sprite.png') left bottom repeat;
}
.star-rating__cover {
	height:28px;
	background:transparent url('../images/star-sprite.png') left top repeat;
}

#site-reviews-load-more {
	display:block;
    padding: 7px 30px;
	margin-bottom:50px;
	width:100%;
	clear:both;
    box-shadow: transparent 0px 0px 1px;
    background-color: rgba(0, 10, 18, 0.08);
    color: rgba(0, 10, 18, 0.4);
    font-size: 14px;
	text-align:center;
    border: none;
    border-radius: 3px;
    line-height: 1.33;
    transition: background-color 0.3s ease;
    cursor: pointer;
}
#site-reviews-load-more:hover {
	background-color: rgba(0, 10, 18, 0.15);
}