/* These are the generics for the star rating block */
.ratings {
	
	cursor: pointer;
	margin: 0px;
	width: 90px;
	height: 14px;	
	padding: 0px;
	float: left;
	position: absolute;
	right: 80px;
	top: 39px;
}

/* This rule will match the first element after the rating block 
.ratings:after {
	content: '.';
	display: block;
	height: 0;
	width: 0;
	clear: both;
	visibility: hidden;
}*/

/* Set up the generics for the actual star or cancel cells */
.cancel, .star {
	
	float: left;
	width: 16px;
	height: 14px;
	overflow: hidden;
	text-indent: -999em;
	cursor: pointer;
}

/* These are the specific stylings for the cancel ratings button */
.cancel, .cancel a {
	
	background: url(/images/backgrounds/delete.gif) no-repeat 0 -16px;
}

/* This is the default state of the stars cell */
.star, .star a {
	
	background: url(/images/backgrounds/stars.gif) no-repeat 0 0px;
}

/* Generics for the links within the star or cancel cells */
.cancel a, .star a {
	
	display: block;
	width: 100%;
	height: 100%;
	background-position: 0 -2px;
}

/* This is the state of a star that is filled */
div.ratings div.on a {
	
	background-position: 0 -17px;
}

/* This is the hover state for the stars */
div.ratings div.hover a, div.ratings div a:hover {
	
	background-position: 0 -33px;
}