/*  styles for the unit rater
--------------------------------------------------------- 
ryan masuga, masugadesign.com
ryan@masugadesign.com 
Licensed under a Creative Commons Attribution 3.0 License.
http://creativecommons.org/licenses/by/3.0/
See readme.txt for full credit details.
--------------------------------------------------------- */
#Content .stars {
  display: block;
  /*border-bottom: 1px solid #999;*/
  padding-bottom: 8px;
  margin-bottom: 8px;
}
#Content .loading {
  height: 30px;
  background: url(/images/voting/working.gif) 50% 50% no-repeat;
}
#Content .unit-rating {
  list-style: none;
  margin: 0px;
  padding: 0px;
  height: 30px;
  position: relative;
  background: url(/images/voting/starrating.gif) repeat-x left top;
}
#Content .unit-rating li {
  text-indent: -90000px;
  padding: 0px;
  margin: 0px;
  /*\*/
  float: left;
  /* */
}
#Content .unit-rating li a {
  outline: none;
  display: block;
  width: 30px;
  height: 30px;
  text-decoration: none;
  text-indent: -9000px;
  z-index: 20;
  position: absolute;
  padding: 0px;
}
#Content .unit-rating li a:hover {
  background: url(/images/voting/starrating.gif) left center;
  z-index: 2;
  left: 0px;
}
#Content .unit-rating a.r1-unit {
  left: 0px;
}
#Content .unit-rating a.r1-unit:hover {
  width: 30px;
}
#Content .unit-rating a.r2-unit {
  left: 30px;
}
#Content .unit-rating a.r2-unit:hover {
  width: 60px;
}
#Content .unit-rating a.r3-unit {
  left: 60px;
}
#Content .unit-rating a.r3-unit:hover {
  width: 90px;
}
#Content .unit-rating a.r4-unit {
  left: 90px;
}
#Content .unit-rating a.r4-unit:hover {
  width: 120px;
}
#Content .unit-rating a.r5-unit {
  left: 120px;
}
#Content .unit-rating a.r5-unit:hover {
  width: 150px;
}
#Content .unit-rating a.r6-unit {
  left: 150px;
}
#Content .unit-rating a.r6-unit:hover {
  width: 180px;
}
#Content .unit-rating a.r7-unit {
  left: 180px;
}
#Content .unit-rating a.r7-unit:hover {
  width: 210px;
}
#Content .unit-rating a.r8-unit {
  left: 210px;
}
#Content .unit-rating a.r8-unit:hover {
  width: 240px;
}
#Content .unit-rating a.r9-unit {
  left: 240px;
}
#Content .unit-rating a.r9-unit:hover {
  width: 270px;
}
#Content .unit-rating a.r10-unit {
  left: 270px;
}
#Content .unit-rating a.r10-unit:hover {
  width: 300px;
}
#Content .unit-rating li.current-rating {
  background: url(/images/voting/starrating.gif) left bottom;
  position: absolute;
  height: 30px;
  display: block;
  text-indent: -9000px;
  z-index: 1;
}
#Content .voted {
  color: #999;
}
#Content .thanks {
  color: #36AA3D;
}
#Content .static {
  color: #5D3126;
}