/* the whole class for text - div */
#star  {
	/* start edit */
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #888;
	margin-bottom:-80px;
	margin-top:-35px;
	/* end edit */
}
/* The text under the stars, like You can re-rate this article or Not Yet rated, Poor, Good etc. */
#star div.user {
	/* start edit */
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #888;
	/* end edit */
	position: relative;
	float: left;
}
/* when user already rated, config full */
#star ul.star2_full {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 169px;
	height: 20px;
	top: -5px;
	position: relative;
	float: left;
	background: url('graphic/stars.gif') repeat-x;
	cursor: default;
}
/* when user already rated, config half */
#star ul.star2_half {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 85px;
	height: 20px;
	top: -5px;
	position: relative;
	float: left;
	background: url('graphic/stars.gif') repeat-x;
	cursor: default;
}

/* DO NOT EDIT */

/* the image */
#star ul {
	list-style: none;
	margin: 0;
	padding: 0;
	top: -5px;
	position: relative;
	float: left;
	background: url('graphic/stars.gif') repeat-x;
	cursor: pointer;
}
/* the image */
#star li {
	padding: 0;
	margin: 0;
	float: left;
	display: block;
	width: 85px;
	height: 20px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
}
/* */
#star li.curr {
	background: url('graphic/stars.gif') left 25px;
	font-size: 1px;
}
.clear{ clear:both;}