
.starbar {

  position: relative;
  height: 15px;
}
.starbar .outer {

  position: absolute;
  width: 70px;
  height: 15px;
  background: url(/img/stars2.gif) no-repeat 0px -15px;
  
}
.starbar .inner { 
/*  position: absolute;*/
  width: 0;
  height: 15px;
  background: url(/img/stars2.gif) no-repeat 0px 0px;
}
#tn15rating.save .active .inner, 
#tn15rating.user .active .inner {
  background-position: 0 -30px;
}
.starbar a {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  height: 15px;
}
.starbar a:hover {
  background: url(/img/stars2.gif) no-repeat 0px 0px;
}
.starbar a.s1  { width:  8px; }
.starbar a.s2  { width:  14px; }
.starbar a.s3  { width:  22px; }
.starbar a.s4  { width:  28px; }
.starbar a.s5  { width: 36px; }
.starbar a.s6  { width: 42px; }
.starbar a.s7  { width: 50px; }
.starbar a.s8  { width: 56px; }
.starbar a.s9  { width: 64px; }
.starbar a.s10 { width: 70px; }

#tn15rating { 
  width: 420px;
  height: 5em;
  overflow: hidden;
  white-space: nowrap;
}
#tn15rating.unrated { 
  height: 3em;
}
#tn15rating .rating { 
  width: 200px; 
  position: relative;
}

#tn15rating.two .general { top: -4em; }
#tn15rating.two .usr { 
  left: 220px;
  height: 4em;
}
#tn15rating.guest .usr { height: 1.6em; }
#tn15rating.guest .general { top: -1.6em; }

#tn15rating.one    .static { display: none; }
#tn15rating.two    .static { display: block; }

#tn15rating .general { height: 3em; }

#tn15rating .hint { 
  position: relative;
  left: 205px;
  top: -4.3em;
}

#tn15rating.two .hint { display: none; }

#tn15rating .message div { 
  display: none; 
  font-weight: bold;
}

#tn15rating.save   .message .save, 
#tn15rating.delete .message .delete, 
#tn15rating.error  .message .error,  
#tn15rating.user   .message .user { 
  display: block; 
}
#tn15rating .message .save  { color: #880; }
#tn15rating .message .error { color: #800; }

#tn15rating .message .extra { 
  display: block;
  position: absolute;
  width: 15.4em;
  z-index: 100;
}

#tn15rating .message .extra a { 
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  text-align: center;
  font-weight: normal;
  font-size: 77%;
  line-height: 90%;
  height: 2em;
  width: 4em;
}
#tn15rating .message .extra a.del { 
  right: 4em;
}

#tn15rating .bottom div.left { 
  position: absolute;
}
#tn15rating .bottom div.left a { 
  position: absolute;
  top: 0px;
  left: 0px;
}
#tn15rating .bottom div.right { 
  text-align: right;
}

#tn15content.thin #tn15rating .hint { display: none; }
#tn15content.thin #tn15rating .rating { position: static; }
#tn15content.thin #tn15rating { width: 200px; height: 8em; }
#tn15content.thin #tn15rating.one { height: 5em; }
#tn15content.thin #tn15rating.unrated { height: 3.2em; }
#tn15content.thin #tn15rating.unrated.two { height: 6.4em; } 
#tn15content.thin #tn15rating.unrated.guest { height: 4.6em; }
#tn15content.thin #tn15rating.two { height: 8em; }
#tn15content.thin #tn15rating.guest { height: 6.4em; }
#tn15content.thin #tn15rating.two .usr { height: 3.2em; }
#tn15content.thin #tn15rating.guest .usr { height: 1.6em; }
