.rating{
    list-style:none;
    margin: 0px;
    padding:0px;
    width: 100px;
    height: 15px;
    position: relative;
    background: url('rate.gif') top left no-repeat;
/*    display: block;*/
display:none;
    transform: scale(1.2, 1.9);
}

.rating li{
    text-indent: -90000px;
    padding:0px;
    margin:0px;
    /*\*/
    float: left;
    /* */
}
.rating li a{
    display:block;
    width:10px;
    height: 15px;
    text-decoration: none;
    text-indent: -9000px;
    z-index: 20;
    position: absolute;
    padding: 0px;
}
.rating li a:hover{
    background: url('rate.gif') left bottom;
    z-index: 2;
    left: 0px;
}
.rating a.r1{left: 0px;}
.rating a.r1:hover{width:10px;}
.rating a.r2{left:10px;}
.rating a.r2:hover{width: 20px;}
.rating a.r3{left: 20px;}
.rating a.r3:hover{width: 30px;}
.rating a.r4{left: 30px;}
.rating a.r4:hover{width: 40px;}
.rating a.r5{left: 40px;}
.rating a.r5:hover{width: 50px;}
.rating a.r6{left: 50px;}
.rating a.r6:hover{width: 60px;}
.rating a.r7{left: 60px;}
.rating a.r7:hover{width: 70px;}
.rating a.r8{left: 70px;}
.rating a.r8:hover{width: 80px;}
.rating a.r9{left: 80px;}
.rating a.r9:hover{width: 90px;}
.rating a.r10{left: 90px;}
.rating a.r10:hover{width: 100px;}

.rating li.current-rating{
    background: url('rate.gif') left center;
    position: absolute;
    height: 15px;
    display: block;
    text-indent: -9000px;
    z-index: 1;
    left: 0px;
}