.star-rating, .star-rating a:hover, .star-rating a:active, .star-rating a:focus, .star-rating {
    background: url(images/star.png) left -1000px repeat-x;
}
.current-rating {
    background: url(images/star_rating.png) left repeat-x;
}

.star-rating {
    position:relative;
    width:110px;
    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, .star-rating a:focus {
    background-position: left bottom;
	background-image: url(images/star_focus.png);
}
    
.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;
}




    /* for an inline rater */
.inline-rating {
    display:-moz-inline-block;
    display:-moz-inline-box;
    display:inline-block;
    vertical-align: middle;
}

    /* smaller star */
.small-star{
    width:22x;
    height:25px;
	 background-image: url(images/star.png);
}

.small-star, .small-star a:hover, .small-star a:active, .small-star a:focus, .small-star .current-rating {
    background-image: url(images/star.png);
    line-height: 25px;
    height: 25px;
}