.ratingContainer{float: left;}
.ratingButton{background-repeat: no-repeat; background-position: center center; display: none;}
.ratingInitialState .ratingButton, .ratingReadOnlyState .ratingButton, .ratingRatedState .ratingButton {display: block; width: 25px; height: 25px; 	float: left;}
.ratingInitialState input, .ratingReadOnlyState input, .ratingRatedState input {display: none;}
.ratingFull {background-image: url('SpryStarFullSmall.gif');} 
.ratingEmpty {background-image: url('SpryStarEmptySmall.gif');} 
.ratingHalf {background-image: url('SpryStarHalfSmall.gif');}
.ratingHover {background-image: url('SpryStarHoverSmall.gif'); cursor: pointer;}
.ratingFullSmall {background-image: url('SpryStarFullSmall.gif');}
 .ratingEmptySmall {background-image: url('SpryStarEmptySmall.gif');} 
.ratingHalfSmall {background-image: url('SpryStarHalfSmall.gif');}
.ratingHoverSmall {background-image: url('SpryStarHoverSmall.gif'); cursor: pointer;}
.ratingReadOnlyState .ratingFull {background-image: url('SpryStarFullRO.gif');}
.ratingReadOnlyState .ratingHalf {background-image: url('SpryStarHalfRO.gif');}
.ratingReadOnlyState .ratingFullSmall {background-image: url('SpryStarFullROSmall.gif');}
.ratingReadOnlyState .ratingHalfSmall {background-image: url('SpryStarHalfROSmall.gif');}
.ratingReadOnlyErrMsg, .ratingRatedMsg {display: none;}
.ratingReadOnlyErrState .ratingReadOnlyErrMsg {display: inline;	color: #CC3333;	border: 1px solid #CC3333;}
.ratingRatedState .ratingRatedMsg {display: block; color: green;}
.ratingCounter {color: green;}