.rating {
    cursor: pointer;
    margin: 0;
    display: block;
    vertical-align: top;
    width: 130px;
    height: 0px;
    overflow: hidden;
    float: left;
}

.rating.small {
    width: 120px;
}
.rating input {
    display: inline;
}

.rating:after {
    content: '.';
    display: block;
    height: 0;
    width: 0;
/*    clear: both;*/
    visibility: hidden;
}
.cancel,
.star {
    float: left;
    width: 19px;
    height: 16px;
    overflow: hidden;
    display: inline;
    text-indent: -9999em;
    cursor: pointer;
}

.small .cancel, .small .star {
    width: 16px;
    height: 15px;
}

.cancel a {background: url(../images/big_no-nos.png) no-repeat 0 0px; }

.small .cancel,
.small .cancel a { }

.star.userrating,
.star.userrating a {background: url(../images/big_stars_user.png) no-repeat 0 0px;}

.small .star.userrating,
.small .star.userrating a {background-image: url(../images/small_stars_user.png);}

.star.averagerating,
.star.averagerating a {background: url(../images/big_stars.png) no-repeat 0 0px;}

.small .star.averagerating,
.small .star.averagerating a {background-image: url(../images/small_stars.png);}

.cancel a,
.star a {
    display: block;
    width: 100%;
    height: 100%;
    background-position: 0 0px;
}

.cancel {
margin-right: 5px;
}


div.rating div.cancel a:hover {
    background-position: 0 -21px !important;
}

div.rating div.cancel.on a {
    background-position: 0 -30px;
}



div.rating.small div.cancel.on a {
    background-position: 0 -41px;
}

div.rating div.on a {
    display: block;
    background-position: 0 -38px;
}

div.rating.small div.on a {
    background-position: 0 -32px;
}

div.rating div.hover a,
div.rating div a:hover {
    display: block;
    background-position: 0 -19px;
}

div.rating.small div.hover a,
div.rating.small div a:hover {
    background-position: 0 -16px;
}