.ratingContainer{
	clear:both;
	padding-left:11px;
	display:block;
}

.ratingButton{
 	 background-repeat: no-repeat;
	 background-position: center center;
	 display:block;
}
.ratingInitialState{
	margin-left:10px;
}  
.ratingInitialState .ratingButton,
.ratingReadOnlyState .ratingButton,
.ratingRatedState .ratingButton
{
	display: block;
	width: 18px;
	height: 22px;
	float: left;
}


.ratingInitialState input,
.ratingReadOnlyState input,
.ratingRatedState input
{
	display: none;
}

.ratingFull{
	background-image:url('../images/stars/over.jpg') !important;
	display:block;
}
 
.ratingEmpty{
	 background-image: url('../images/stars/normal.jpg') !important;
	 display:block;
}
 
.ratingHalf{
	 background-image: url('../images/stars/normal.jpg') !important;
	 display:block;
}

.ratingHover{
	 background-image: url('../images/stars/over.jpg') !important;
	 cursor: pointer;
	 display:block;
}

/* Star state can be further modified by the state of the container widget */
.ratingReadOnlyState .ratingFull{
 	background-image: url('../images/stars/over.jpg') !important;
}

.ratingReadOnlyState .ratingHalf{
 	background-image: url('../images/stars/normal.jpg') !important;
}

.ratingReadOnlyErrMsg, .ratingRatedMsg{	
	display: none;
}

.ratingReadOnlyErrState .ratingReadOnlyErrMsg{
	display: inline;
	color: #CC3333;
	border: 1px solid #CC3333;	
}