/* Notations */
.rating,
.ratingSimple {
    width: 89px;
    height: 17px;
    margin: 2px auto;
    padding: 0;
    list-style: none;
    clear: both;
    position: relative;
    background: url(avis/star-matrix-rwd.png) no-repeat 0 0;
    display: inline-block;
    vertical-align: middle;
}
.rating {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
}
ul.rating li a,
ul.ratingSimple li span {
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 17px;
    text-decoration: none;
    z-index: 200;
}
/* add these classes to the ul to effect the change to the correct number of stars */
.nostar         { background-position: 0 0; }
.half_star      { background-position: 0 -17px; }
.onestar        { background-position: 0 -34px; }
.half_onestar   { background-position: 0 -51px; }
.twostar        { background-position: 0 -68px; }
.half_twostar   { background-position: 0 -85px; }
.threestar      { background-position: 0 -102px; }
.half_threestar { background-position: 0 -119px; }
.fourstar       { background-position: 0 -136px; }
.half_fourstar  { background-position: 0 -153px; }
.fivestar       { background-position: 0 -170px; }
ul.ratingSimple li {
    float: left;/*ie5 mac doesn't like it if the list is floated\*/
    text-indent: -999em;/* end hide*/
}
ul.rating li.one a,
ul.ratingSimple li.one span         { left: 0; }
ul.rating li.half_one a,
ul.ratingSimple li.half_one span    { left: 9px; }
ul.rating li.two a,
ul.ratingSimple li.two span         { left: 18px; }
ul.rating li.half_two a,
ul.ratingSimple li.half_two span    { left: 27px; }
ul.rating li.three a,
ul.ratingSimple li.three span       { left: 36px; }
ul.rating li.half_three a,
ul.ratingSimple li.half_three span  { left: 45px; }
ul.rating li.four a,
ul.ratingSimple li.four span        { left: 54px; }
ul.rating li.half_four a,
ul.ratingSimple li.half_four span   { left: 63px; }
ul.rating li.five a,
ul.ratingSimple li.five span        { left: 72px; }
ul.rating li {
    cursor: pointer;
    float: left; /*ie5 mac doesn't like it if the list is floated\*/
    text-indent: -999em; /* end hide*/
}
ul.rating li.one a:hover    { background-position: 0 -34px; }
ul.rating li.two a:hover    { background-position: 0 -68px; }
ul.rating li.three a:hover  { background-position: 0 -102px; }
ul.rating li.four a:hover   { background-position: 0 -136px; }
ul.rating li.five a:hover   { background-position: 0 -170px; }
ul.rating li a:hover {
    z-index: 2;
    width: 89px;
    height: 17px;
    overflow: hidden;
    left: 0;
    background: url(avis/star-matrix-rwd.png) no-repeat 0 0;
}