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

.ratepost .starsbar {
  height: 30px;
}

.ratepost .starsbar .outer {
  width: 150px;
  height: 30px;
  background: url('../stars/crystal/stars30.png') repeat-x 0px 0px;
}

.ratepost .starsbar .inner { 
  width: 0;
  height: 30px;
  background: url('../stars/crystal/stars30.png') repeat-x 0px -60px;
}

.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: 30px;
  cursor: pointer;
}

.ratepost .starsbar a:hover {
  background: url('../stars/crystal/stars30.png') repeat-x 0px -30px;
}

.ratepost .starsbar a.s1 { width: 30px; }
.ratepost .starsbar a.s2 { width: 60px; }
.ratepost .starsbar a.s3 { width: 90px; }
.ratepost .starsbar a.s4 { width: 120px; }
.ratepost .starsbar a.s5 { width: 150px; }

.ratingblockarticle {
    font-size: 1em;
}

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