form.rating {
    padding: 1em;
    border: 1px solid #ccc;
}

.rating {
    cursor: pointer;
    clear: both;
    display: block;
    width: 140px;
}

.rating:after {
    content: '.';
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden;
}

.star {
    float: left;
    width: 17px;
    height: 15px;
    overflow: hidden;
    text-indent: -999em;
    cursor: pointer;
}

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

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

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

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

div.notifytext {
    margin-top: 5px;
    font-size: .8em;
    clear: both;
    height: 24px;
    width: 250px;
}

#ratingdiv {
    height: 35px;
    width: 200px;
}

/* Rating - small icons*/
.stars-sprite {
      background: transparent url(../images/stars.png) repeat-x 0 0;
      padding: 0;
      cursor: pointer;
}

.rating-small{
      width: 60px;
      height: 14px;
      vertical-align: top;
      cursor: default;
}
.rating-0\.0{
      background-position: -60px 0;
}
.rating-0\.5{
      background-position: -48px -16px;
}
.rating-1\.0{
      background-position: -48px 0px;
}
.rating-1\.5{
      background-position: -36px -16px;
}
.rating-2\.0{
      background-position: -36px 0px;
}
.rating-2\.5{
      background-position: -24px -16px;
}
.rating-3\.0{
      background-position: -24px 0px;
}
.rating-3\.5{
      background-position: -12px -16px;
}
.rating-4\.0{
      background-position: -12px 0px;
}
.rating-4\.5{
      background-position: 0px -16px;
}
.rating-5\.0{
      background-position: 0 0;
}
/* End Rating */