.star-rating, .star-rating a:hover, .star-rating a:active, .star-rating .current-rating{
background: url('../images/rating/rating_star.gif') left -1000px repeat-x;
}
.star-rating{
position:relative;
width:125px;
height:25px;
overflow:hidden;
list-style:none;
margin:0;
padding:0;
background-position: left top;
}
.star-rating li{display: inline;}
.star-rating a, .star-rating .current-rating{
position:absolute;
top:0;
left:0;
text-indent:-1000em;
height:25px;
line-height:25px;
outline:none;
overflow:hidden;
border: none;
}
.star-rating a:hover{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;
}
/*SECOND STAR ALREADY VOTED*/
.star-rating2 a:hover{background-color: transparent;}
.star-rating2, .star-rating2 a:active, .star-rating2 .current-rating{
background: url('../images/rating/rating_star_2.gif') left -1000px repeat-x;
}
.star-rating2{
position:relative;
width:125px;
height:25px;
overflow:hidden;
list-style:none;
margin:0;
padding:0;
background-position: left top;
}
.star-rating2 li{display: inline;}
.star-rating2 a, .star-rating2 .current-rating {
position:absolute;
top:0;
left:0;
text-indent:-1000em;
height:25px;
line-height:25px;
outline:none;
overflow:hidden;
border: none;
cursor:default;
}
.star-rating2 a.one-star{
width:20%;
z-index:6;
}
.star-rating2 a.two-stars{
width:40%;
z-index:5;
}
.star-rating2 a.three-stars{
width:60%;
z-index:4;
}
.star-rating2 a.four-stars{
width:80%;
z-index:3;
}
.star-rating2 a.five-stars{
width:100%;
z-index:2;
}
.star-rating2 .current-rating{
z-index:1;
background-position: left center;
}
/* for an inline rater */
.inline-rating{vertical-align: middle;}
/* The text that displays the rating information */
.rated_text {
font-size:1em;
margin-bottom:5px;
}
/* Green text that shows 3.34/5 */
.out5Class {
font-weight:bold;
}
.percentClass {
/* Insert styles here for the percentage display. Example (74%) */
}
.votesClass {
/* Insert styles here for the votes display. Example (2 Votes) */
}