.rating a:hover, .rating a:active, .rating a:focus{ background: url(../pics/rate_temp.gif) left -1000px repeat-x; }
.rating{ background: url(../pics/rate_null.gif) left -1000px repeat-x; }
.rating .current-rating{ background: url(../pics/rate_full.gif) left -1000px repeat-x; }

.rating{
	position:relative; width:60px; height:14px;
	overflow:hidden;
	list-style:none;
	margin:0; padding:0;
	background-position: left 4px;
}
.rating li{ display: inline; }
.rating a, .rating .current-rating{
	position:absolute; top:0; left:0;
	text-indent:-1000em;
	height:14px;
	outline:none;
	overflow:hidden;
	border: none;
}
.rating a:hover, .rating a:active, .rating a:focus{ background-position: left 4px; }
.rating a.rate1{ width:20%; z-index:6; }
.rating a.rate2{ width:40%; z-index:5; }
.rating a.rate3{ width:60%; z-index:4; }
.rating a.rate4{ width:80%; z-index:3; }
.rating a.rate5{ width:100%; z-index:2; }
.rating .current-rating{ z-index:0; background-position: left 4px; }