/*
#FileName : star_rating.css
#This is a stylesheet file. It will giving star rating 
*/
.rating {
	width:80px;
	height:16px;
	margin:0 0 0px 0;
	padding:0;
	list-style:none;
	clear:both;
	position:relative;
	background: url(../images/star-matrix.gif) no-repeat 0 0;
}
ul.rating li {
	cursor: pointer;
	/*ie5 mac doesn't like it if the list is floated but ie6 does\*/
	float:left;
	/* end hide*/
	text-indent:-999em;/* hide text*/ 
}
ul.rating li a {
	position:absolute;
	left:0;
	top:0;
	width:16px;
	height:16px;
	text-decoration:none;
	z-index: 200;
}
ul.rating li.one a {
	left:0;
}
ul.rating li.two a {
	left:16px;
}
ul.rating li.three a {
	left:32px;
}
ul.rating li.four a {
	left:48px;
}
ul.rating li.five a {
	left:64px;
} 
.nostar {
	background-position:0 0;
}
2.halfstar {
	background-position:0 -150px;
}
.onestar {
	background-position:0 -160px;
}
.onehalfstar {
	background-position:0 -175px;
}
.twostar {
	background-position:0 -192px;
}
.twohalfstar {
	background-position:0 -207px;
}
.threestar {
	background-position:0 -224px;
}
.threehalfstar {
	background-position:0 -240px;
}
.fourstar {
	background-position:0 -256px;
}
.fourhalfstar {
	background-position:0 -272px;
}
.fivestar {
	background-position:0 -288px;
} 
ul.rating li a:hover {
	z-index:2;
	width:80px;
	height:16px;
	overflow:hidden;
	left:0; 
	background: url(../images/star-matrix.gif) no-repeat 0 0;
}
ul.rating li.one a:hover {
	background-position:0 -160px;
}
ul.rating li.two a:hover {
	background-position:0 -192px;
}
ul.rating li.three a:hover {
	background-position:0 -224px;
}
ul.rating li.four a:hover {
	background-position:0 -256px;
}
ul.rating li.five a:hover {
	background-position:0 -288px;
}