.rating {
	margin: 0px;
	clear: both;
	float: left ;
	padding-right: 6px ;
}
.rating:after {
	content: '.';
	display: block;
	height: 0;
	width: 0;
	clear: both;
	visibility: hidden;
}

div.cancel,
div.star,
div.locked {
	float: left;
	width: 16px;
	height: 15px;
	overflow: hidden;
	text-indent: -999em;
}

.cancel,
.star {
	cursor: pointer;
}

.cancel,
.cancel a {background: url(..\img\delete.gif) no-repeat 0 -16px;}

.star,
.star a {
	background: url(../img/star.gif) no-repeat 0 0px;
	}

.locked {
	background: url(../img/star.gif) no-repeat 0 0px;
}

/*We need to override the blanket 'hover' that applies to all other hypelinks in globa.jsp
	a.k.a  "a[href]:hover { background: #ffa }" */
.star a[href]:hover { 
	background: url(../img/star.gif) no-repeat 0 -32px;
}
	
.cancel a,
.star a, .locked {
	display: block;
	width: 100%;
	height: 100%;
	background-position: 0 0px;
}

div.rating div.on,  div.rating div.on a {
	background-position: 0 -16px;
}

div.rating div.hover a,
div.rating div.star a:hover,.star a[href]:hover {
	background-position: 0 -32px;
}

div.ratingHeader {
	font-size: 11px;
	color: #999999;
	padding-bottom: 2px;
	height: 16px ;
	line-height: 16px ;
	}