/*  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; padding: 0; margin: 0; }
.loading { height: 30px; background: url('/siteimages/ratings/working.gif') 50% 50% no-repeat; }
.unit-rating { list-style: none; margin: 0px; padding: 0px; height: 30px; position: relative; background: url('/siteimages/ratings/starrating-halves.png') 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('/siteimages/ratings/starrating-halves.png') 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: 180px; }
.unit-rating a.r5-unit:hover{ width: 210px; }


.unit-rating li.current-rating { background: url('/siteimages/ratings/starrating-halves.png') left bottom; position: absolute; height: 30px; display: block; text-indent: -9000px; z-index: 1; }
.voted { color: #999; }
.thanks { color: #36AA3D; float: right; position: relative; }
.static { color: #FFFFFF; position: relative; display: block; margin: 0; padding: 0; text-align: center; width: 150px; margin-bottom: 10px; padding-bottom: 10px; }


span.ministars { float: left; position: relative; background: url('/siteimages/small-stars.png') top left no-repeat; height: 16px; width: 17px; }
span.ministars2 { float: left; position: relative; background: url('/siteimages/small-stars.png') top right no-repeat; height: 16px; width: 17px; }