div.interactive {
 border: 1px solid #999;
 background-color: #ddd;
 padding: 5px;
 
}

.ratingbox {
 width: 100px;
 height: 20px;
 background-color: #b2b2b2;
 border: 1px solid #444;
}

.ratingbox div.off {
     background: url(/style/resonance/images/ratingstar-off.jpg);   
    float: left;
    width: 20px;
    height: 20px;
}

.ratingbox div.on {
     background: url(/style/resonance/images/ratingstar-on.jpg);   
    float: left;
    width: 20px;
    height: 20px;
}

.ratingbox a {
     background: url(/style/resonance/images/ratingstar-off.jpg);   
 display: block;
 float: left;
 width: 20px;
 height: 20px;
}


.ratingbox a.off {
 background: url(/style/resonance/images/ratingstar-off.jpg);   
}

.ratingbox a.on {
 background: url(/style/resonance/images/ratingstar-on.jpg);   
}


.ratingform td { padding: 3px; }