/* ratings layout */

/* rate this post */
.ms-Ratings { color: #ef7d16; font-size: .85em; }

.ms-RateThis { width: 46%; float: left; }
.ms-RateThis span { display: block; width: 75px; margin-top: 5px; float: left; }
.ms-RateThis .star-rating {
    position:relative;
    width: 100px;
    height:25px;
    overflow:hidden;
    list-style:none;
    margin:0;
    padding:0;
    background-position: left top;
}

.ms-RatingDisplay { width: 200px; float: right; text-align: right; }
.ms-RatingDisplay span { display: block; width: 85px; margin-top: 5px; float: left; text-align: right; }
.ms-RatingDisplay .star-rating {
    position:relative;
    width: 100px;
    height:25px;
    overflow:hidden;
    list-style:none;
    margin:0;
    padding:0;
    background-position: left top;
}


/* star displays */

.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating,
.star-rating .current-user-rating{
    background: url("/Style%20Library/SQTComm_designs/Silver_images/Stars_silver.gif") left -1000px repeat-x;
}
.star-rating li{
    display: inline;
}
.star-rating a, 
.star-rating .current-rating,
.star-rating .current-user-rating{
    position:absolute;
    top:0px;
    left:0;
    text-indent:-1000em;
    height:25px;
    line-height:25px;
    outline:none;
    overflow:hidden;
    border: none;
}

.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
    background-position: left bottom;
}
.star-rating a.one-star{
    width:20%;
    z-index:6;
}
.star-rating a.two-stars{
    width:40%;
    z-index:5;
}
.star-rating a.three-stars{
    width:60%;
    z-index:4;
}
.star-rating a.four-stars{
    width:80%;
    z-index:3;
}
.star-rating a.five-stars{
    width:100%;
    z-index:2;
}
.star-rating .current-rating{
    z-index:1;
    background-position: left center;
}
.star-rating .current-user-rating{
    z-index:1;
    background-position: left bottom;
}