div.rater {width:110px;height:30px;position:relative; margin:0 auto;}
div.rater div.empty{float:left;width:100%;background:white url('/site_media/images/rate/blue_empty.gif') repeat-x;height:100%}
div.rater div.active{float:left;background:white url('/site_media/images/rate/blue_fill.gif') repeat-x;height:100%} 
div.rater div.editor_empty{float:left;width:100%;background:white url('/site_media/images/rate/editor_empty.gif') repeat-x;height:100%}
div.rater div.editor_active{float:left;background:white url('/site_media/images/rate/editor_fill.gif') repeat-x;height:100%} 
.rater .editor_active,.editor_empty,.active,.empty{position:absolute;top:0;left:0}

div.little div.rater {width:75px;height:21px;position:relative; margin:0 auto;}
div.little div.rater div.empty{float:left;width:100%;background:white url('/site_media/images/rate/littleraterblue_empty.gif') repeat-x;height:100%}
div.little div.rater div.active{float:left;background:white url('/site_media/images/rate/littleraterblue_fill.gif') repeat-x;height:100%} 
div.little div.rater div.editor_empty{float:left;width:100%;background:white url('/site_media/images/rate/littleratereditor_empty.gif') repeat-x;height:100%}
div.little div.rater div.editor_active{float:left;background:white url('/site_media/images/rate/littleratereditor_fill.gif') repeat-x;height:100%}