/**
 * Ext.ux.StarRating CSS class
 * @author S. Alexandre Lemaire (Saeven)
 * 
 * Stand-alone or form component object that provides a visual rating system.
 * (c) 2007, saeven.net consulting inc.
 * http://saeven.net/ext
 *
 * Distributed under the Ext dual-licensing model
 * http://extjs.com/license
 */

	.rating {
		cursor: pointer;
		/*margin: 2em;*/
		clear: both;
		display: inline;
	}
	.rating:after {
		content: '.';
		display: block;
		height: 0;
		width: 0;
		clear: both;
		visibility: hidden;
	}
	.cancel,
	.star {
		float: left;
		width: 17px;
		height: 15px;
		overflow: hidden;
		text-indent: -999em;
		cursor: pointer;
	}
	
	.star,
	.star a {background: url('../../images/cmg/star_rating.gif') no-repeat 0 0px;}
		
	.cancel a,
	.star a {
		display: block;
		width: 100%;
		height: 100%;
		background-position: 0 0px;
	}
	
	.rating div.on a {
		background-position: 0 -32px;
	}
	
	.rating div.hover a,
	.rating div a:hover {
			background-position: 0 -16px;
	}
	
	.rating div.disabled a:hover {
			background-position: 0 0px;
	}
	
	.rating div.on.disabled a:hover {
			background-position: 0 -32px;
	}
	
	
	
	
	
	.cancel, .cancel a {
		background:transparent url( 'images/delete.png' ) no-repeat scroll 0pt -0px;
	}
	
	#stars-text { 
		padding-left : 5px;
	}