/*  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.
--------------------------------------------------------- */

.ratingblock { display:block; /*border-bottom:1px solid #999;*/ padding-bottom:8px; margin-bottom:8px; }

.loading { height: 30px; background: url('/img/rating/working.gif') 50% 50% no-repeat; }
	
.unit-rating { /* the UL */ list-style:none; margin: 0px; padding:0px; height: 30px; position: relative; background: url('/img/rating/starrating.gif') top left repeat-x; }

.unit-rating li{ text-indent: -90000px; padding:0px; margin:0px; float: left; }
	
.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; }
	
.unit-rating li a:hover{ background: url('/img/rating/starrating.gif') left center; z-index: 2; left: 0px; }

.unit-rating a.r1-unit{ left: 0px; }
.unit-rating a.r1-unit:hover{ width:30px; }
.unit-rating a.r2-unit{ left:30px; }
.unit-rating a.r2-unit:hover{ width: 60px; }
.unit-rating a.r3-unit{ left: 60px; }
.unit-rating a.r3-unit:hover{ width: 90px; }
.unit-rating a.r4-unit{ left: 90px; }	
.unit-rating a.r4-unit:hover{ width: 120px; }
.unit-rating a.r5-unit{ left: 120px; }
.unit-rating a.r5-unit:hover{ width: 150px; }
.unit-rating a.r6-unit{ left: 150px; }
.unit-rating a.r6-unit:hover{ width: 180px; }
.unit-rating a.r7-unit{ left: 180px; }
.unit-rating a.r7-unit:hover{ width: 210px; }
.unit-rating a.r8-unit{ left: 210px; }
.unit-rating a.r8-unit:hover{ width: 240px; }
.unit-rating a.r9-unit{ left: 240px; }
.unit-rating a.r9-unit:hover{ width: 270px; }
.unit-rating a.r10-unit{ left: 270px; }
.unit-rating a.r10-unit:hover{ width: 300px; }

.unit-rating li.current-rating { background: url('/img/rating/starrating.gif') left bottom; position: absolute; height: 30px; display: block; text-indent: -9000px; z-index: 1; }

.voted { color: #999; }
.thanks { color: #36AA3D; }
.static { color: #5D3126; }
.notice { color: #; }