.rating {
	font-size: 65%;
	margin-bottom: 2px;
}

.rating ul {
list-style: none;
position: relative;
width: 100px;
height: 20px;
background: transparent url("ratings.png") -100px 0 no-repeat;
padding: 0;
left: 50px;
margin-left: -50px;
overflow: hidden;
}

.rating li {
margin: 0;
padding: 0;
float: left;
}

.rating li a {
display: block;
position: absolute;
width: 20px;
height: 20px;
text-indent: -100px;
overflow: hidden;
z-index: 20;
}

.rating ul.worst { background-position: -80px 0;}
.rating ul.bad { background-position: -60px 0;}
.rating ul.fair { background-position: -40px 0;}
.rating ul.good { background-position: -20px 0;}
.rating ul.best { background-position: 0 0;}

.rating a.worst { left: 0; }
.rating a.bad { left: 20px; }
.rating a.fair { left: 40px; }
.rating a.good { left: 60px; }
.rating a.best { left: 80px; }

.rating li a:hover {
	background: transparent url("star.png") left top repeat-x;
	left: 0;
	z-index: 1;
	}

.rating a.worst:hover {width: 20px;}	
.rating a.bad:hover {width: 40px;}
.rating a.fair:hover {width: 60px;}
.rating a.good:hover {width: 80px;}
.rating a.best:hover {width: 100px;}