/* IE can't do partial PNG transparency, so send it a GIF with a white background */ 
.unit-rating li a:hover,
.unit-rating li.current-rating,
.unit-rating { background: none; background-image: url("star_rating.gif") }

/* All other browsers get a nice png that looks good on any background */
html>body .unit-rating li a:hover,
html>body .unit-rating li.current-rating,
html>body  .unit-rating { background-image: url("star_rating.png") }

/* Styles for the unit rater */
ul.unit-rating{
	list-style:none !important;
	margin: 0px !important; /* simple_zen skin */
	padding:0px !important; /* simple_zen skin */
	height: 20px !important; /* simple_zen skin */
	position: relative !important;
	background-position: top left; 
background-repeat: repeat-x;
}
ul.unit-rating li{
	text-indent: -90000px;
	padding:0px !important; /* evocamp skin */
	margin:0px !important;
	/*\*/
	float: left;
	/* */
}
ul.unit-rating li a {
	display:block;
	width:20px;
	height: 20px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
}
ul.unit-rating li a:hover {
	background-position: left center;
	z-index: 2;
	left: 0px;
}
ul.unit-rating li.current-rating {
	background-position: left bottom;
	position: absolute;
	height: 20px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
}
ul.unit-rating li a.starinfo, .unit-rating li a:hover.starinfo {
	display: block;
	height: 13px;
	width: 13px;
	background: url('infoicon.gif') no-repeat top right;
	position: absolute;
	left: 100px;
	top: 3px;
}
ul.unit-rating li a.starinfo span { display: none }
ul.unit-rating li a:hover.starinfo { background-position: top left }
ul.unit-rating a { outline: none }

#ratingResults {
	position: absolute;
	top: 20px;
	right: 30px;
	background-color: #000;
	color: #fff;
	padding: 22px;
	z-index: 90;
	font-family:Verdana, Arial, Helvetica, sans-serif !important;
	font-size:12px !important;
	text-align:left;
}

#ratingResults .ratingNotes { color: #fff; font-size: 130% }
#ratingResults .error { color: #f55 }
#ratingResults .success { color: #5f5 }
#ratingResults .stars { margin-left: 30px }
p.ratingNotes { color: #000; font-size: 90%; margin: 2px }

.unit-rating { width: 100px }
.unit-rating a.r1-unit { left: 0px }
.unit-rating a.r1-unit:hover { width: 20px }
.unit-rating a.r2-unit { left: 20px }
.unit-rating a.r2-unit:hover { width: 40px }
.unit-rating a.r3-unit { left: 40px }
.unit-rating a.r3-unit:hover { width: 60px }
.unit-rating a.r4-unit { left: 60px }
.unit-rating a.r4-unit:hover { width: 80px }
.unit-rating a.r5-unit { left: 80px }
.unit-rating a.r5-unit:hover { width: 100px }