.star-rating,
.star-rating span,
.star-rating .current-rating{
	background: url(../img/star.png) left -1000px repeat-x;
}
.star-rating{
	position:relative;
	width:125px;
	height:25px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}

dl ul.star-rating {
    margin: 0 0 0 50px;
}

div.titleAndRating ul.star-rating {
   margin: auto;
   margin-bottom: 10px;
}

.star-rating li{
	display: inline;
}
.star-rating span,
.star-rating .current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:25px;
	line-height:25px;
	outline:none;
	overflow:hidden;
	border: none;
}

.star-rating span{
    cursor: pointer;
}

.star-rating span:hover{
	background-position: left bottom;
}

.star-rating span.one-star{
	width:20%;
	z-index:6;
}
.star-rating span.two-stars{
	width:40%;
	z-index:5;
}
.star-rating span.three-stars{
	width:60%;
	z-index:4;
}
.star-rating span.four-stars{
	width:80%;
	z-index:3;
}
.star-rating span.five-stars{
	width:100%;
	z-index:2;
}
.star-rating .current-rating{
	z-index:1;
	background-position: left center;
}	

/* for an inline rater */
.inline-rating{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	vertical-align: middle;
}

.width0{
	width:0%;
}
.width1{
	width:20%;
}
.width2{
	width:40%;
}
.width3{
	width:60%;
}
.width4{
	width:80%;
}
.width5{
	width:100%;
}