/**
* CSS technique used from this article:
* http://www.komodomedia.com/blog/2007/01/css-star-rating-redux/
*/

#fivestarvotes .star-rating,
#fivestarvotes .star-rating li a.item:hover,
#fivestarvotes .star-rating li a.item:active,
#fivestarvotes .star-rating li a.item:focus,
#fivestarvotes .star-rating li.current-rating {
    background: url(rating.png) left -1000px repeat-x;
}
#fivestarvotes .star-rating li a.item,
#fivestarvotes .star-rating li.current-rating {
    padding: 0;
    margin: 0;
    border-right: none;
    background-color: transparent;
}
#fivestarvotes .star-rating {
    position:relative;
    width: 80px;
    height: 18px;
    overflow:hidden;
    list-style:none;
    margin:0;
    padding:0;
    display: block;
    background-position: 0 -40px;
    border: none;
    text-align: left;
}
#fivestarvotes .star-rating li {
    display: inline;
    border: none;
}
#fivestarvotes .star-rating li a,
#fivestarvotes .star-rating li.current-rating {
    position:absolute;
    top:0;
    left:0;
    text-indent:-1000em;
    height:25px;
    line-height:25px;
    outline:none;
    overflow:hidden;
    border: none;
    background-color: transparent;
}
#fivestarvotes.active .star-rating li a.item:hover {
    background-position: 0 -19px;
}
#fivestarvotes .star-rating li a.item:active,
#fivestarvotes .star-rating li a.item:focus {
    /*background-position: 0 1px;*/
}
#fivestarvotes .star-rating li a.one-star {
    width:20%;
    z-index:6;
}
#fivestarvotes .star-rating li a.two-star{
    width:40%;
    z-index:5;
}
#fivestarvotes .star-rating li a.three-star{
    width:60%;
    z-index:4;
}
#fivestarvotes .star-rating li a.four-star{
    width:80%;
    z-index:3;
}
#fivestarvotes .star-rating li a.five-star{
    width:100%;
    z-index:2;
 }
#fivestarvotes .star-rating li.current-rating{
    z-index:1;
    background-position: 0 1px;
}

#fivestarvotes {
    display: -moz-inline-block;
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: middle;
}