.ratecmm { 
  width: 300px;
  position: relative;
  display: block;
}

.ratecmm .starsbar {
  position: relative;
  height: 30px;
}

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

.ratecmm .starsbar .inner { 
/*  position: absolute;*/
  width: 0;
  height: 30px;
  background: url('../stars/inspire/stars30.png') repeat-x 0px -60px;
}

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

.ratecmm .starsbar a {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  text-decoration: none;
  border: 0;
  height: 30px;
}
    
.ratecmm .starsbar a:hover {
  background: url('../stars/inspire/stars30.png') repeat-x 0px -30px;
}

.ratecmm .starsbar a.s1 { width: 30px; }
.ratecmm .starsbar a.s2 { width: 60px; }
.ratecmm .starsbar a.s3 { width: 90px; }
.ratecmm .starsbar a.s4 { width: 120px; }
.ratecmm .starsbar a.s5 { width: 150px; }
.ratecmm .starsbar a.s6 { width: 180px; }
.ratecmm .starsbar a.s7 { width: 210px; }
.ratecmm .starsbar a.s8 { width: 240px; }
.ratecmm .starsbar a.s9 { width: 270px; }
.ratecmm .starsbar a.s10 { width: 300px; }

.ratingblockcomment {
    font-size: 0.8em;
}

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