<style> .empty { background-image: url(images/nfrating.png); background-repeat: no-repeat; background-position: 0px 0px; } .selected { background-image: url(images/nfrating.png); background-repeat: no-repeat; background-position: -18px 0px; } .hovered { background-image: url(images/nfrating.png); background-repeat: no-repeat; background-position: -36px 0px; } </style> <ig:webrating ID="WebRating1" runat="server" ImageHeight="18" ImageWidth="18"> <ClientEvents Rating="WebRating_RatingEventHandler" /> <%-- Set custom css classes --%> <RatingImage HoveredImageCssClass="hovered" ImageCssClass="empty" SelectedImageCssClass="selected" /> </ig:webrating>