.ratepost { 
  width: 60px;
  position: relative;
  display: block;
}

.ratepost .starsbar {
  height: 12px;
}

.ratepost .starsbar .outer {
  width: 60px;
  height: 12px;
  background: url('../stars/oxygen/stars12.png') repeat-x 0px 0px;
}

.ratepost .starsbar .inner { 
  width: 0;
  height: 12px;
  background: url('../stars/oxygen/stars12.png') repeat-x 0px -24px;
}

.ratepost .starsbar a:active, .ratepost .starsbar a:visible, .ratepost .starsbar a:hover {
  text-decoration: none;
  border: 0;
}

.ratepost .starsbar a {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  text-decoration: none;
  border: 0;
  height: 12px;
  cursor: pointer;
}

.ratepost .starsbar a:hover {
  background: url('../stars/oxygen/stars12.png') repeat-x 0px -12px;
}

.ratepost .starsbar a.s1 { width: 12px; }
.ratepost .starsbar a.s2 { width: 24px; }
.ratepost .starsbar a.s3 { width: 36px; }
.ratepost .starsbar a.s4 { width: 48px; }
.ratepost .starsbar a.s5 { width: 60px; }

.ratingblockarticle {
    font-size: 1em;
}

.ratingloaderarticle {
    height: 12px;
    font-size: 9px;
    text-align: center;
    vertical-align: middle;
}