.rateWrapper
{
    float: left;
    padding-top: 10px;
    height: 24px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}
.rateWrapper .rate,.rateWrapper .rateDone
{
    display: block;
    float: left;
    background: #fff;
    text-decoration: none;
    background-image: url(../images/sprite.png);
    background-repeat: no-repeat;
    font-weight: bold;
}
.rateWrapper .rate
{
    cursor: pointer;
}
.rateWrapper .rateDone
{
    cursor: default;
}
.rateWrapper .rateUp
{
    background-position: 0 0;
    border-top: solid 1px #aaa;
    border-bottom: solid 1px #aaa;
    border-left: solid 1px #aaa;
    -webkit-border-top-left-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-bottomleft: 7px;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
    padding: 3px 10px 0 35px;
    height: 21px;
}
.rateWrapper .rateDown
{
    background-position: 0 -48px;
    border: solid 1px #aaa;
    -webkit-border-top-right-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
    -moz-border-radius-topright: 7px;
    -moz-border-radius-bottomright: 7px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    padding: 3px 10px 0 35px;
    height: 21px;
}
.rateWrapper .rateUp:hover,.rateWrapper .rateUp.active
{
    background-position: 0 -24px;
}
.rateWrapper .rateDown:hover,.rateWrapper .rateDown.active
{
    background-position: 0 -72px;
}