.ratingContainer{
	float: left;	
	position:relative;
	padding-left:10px;
	top:-3px;
}

.ratingButton{
 	 background-repeat: no-repeat;
	 background-position: center center;
	 display:block;
}
  
.ratingInitialState .ratingButton,
.ratingReadOnlyState .ratingButton,
.ratingRatedState .ratingButton
{
	display: block;
	width: 20px;
	height: 17px;
	float: left;
}


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

.ratingFull{
	background-image:url('../images/site/star1.gif') !important;
	display:block;
}
 
.ratingEmpty{
	 background-image: url('../images/site/star2.gif') !important;
	 display:block;
}
 
.ratingHalf{
	 background-image: url('../images/site/star1.gif') !important;
	 display:block;
}

.ratingHover{
	 background-image: url('../images/site/star1.gif') !important;
	 cursor: pointer;
	 display:block;
}

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

.ratingReadOnlyState .ratingHalf{
 	background-image: url('../images/site/star1.gif') !important;
}

.ratingReadOnlyErrMsg, .ratingRatedMsg{	
	display: none;
}

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