/* CSS Document */
.rating,
.rating a:hover,
.rating a:active,
.rating .current-rating{
        background:url(images/rate_star.png) left -1000px repeat-x;
}
.rating{
   
        position:relative;
        width:125px;
        height:25px;
        overflow:hidden;
        list-style:none;
        margin:0;
        padding:0;
        background-position: left top;
}

.rating li{
        display: inline;
}


.rating a, 
.rating .current-rating{
        position:absolute;
        top:0;
        left:0;
        text-indent:-1000em;
        height:25px;
        line-height:25px;
        outline:none;
        overflow:hidden;
        border: none;
}

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






/* SECOND STAR (ALREADY VOTED */


.star-rating2,
.star-rating2 a:active,
.star-rating2 .current-rating{
        background: url(images/rate_star.png) 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 bottom;
}


/* END SECOND STAR */


.voted_twice {
        
        padding:5px 5px 5px 16px;
        text-align:center;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        color:#F7C148;
        width:130px;
        font-size:11px;
        }
.voted {
        
        padding:5px 5px 5px 16px;
        text-align:center;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        color:#F7C148;
        width:130px;
        font-size:11px;
        }
/* The text that displays the rating information */
.rated_text {
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:11px;
        margin-bottom:5px;
        color:#cccccc;
        }
/* 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) */
        }
.topRatedList {
        padding:0;
        margin:0;
        }
.topRatedList li {
        list-style-type:none;
        }