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

#container {
        width: 100%;
        }
        
.ratingblock {
        display:block;
       padding-bottom:3px;
        margin-bottom:3px;
        }

.loading {
        height: 20px;
        background: url('../images/working.gif') 50% 50% no-repeat;
        }
        
.unit-rating { /* the UL */
        list-style:none;
        margin: 0px;
        padding:0px;
        height: 20px;
        position: relative;
        background: url('../images/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:20px;
        height: 20px;
        text-decoration: none;
        text-indent: -9000px;
        z-index: 20;
        position: absolute;
        padding: 0px;
        }
        
.unit-rating li a:hover{
        background: url('../images/starrating.gif') left center;
        z-index: 2;
        left: 0px;
        }

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:20px;}
.unit-rating a.r2-unit{left:20px;}
.unit-rating a.r2-unit:hover{width: 40px;}
.unit-rating a.r3-unit{left: 40px;}
.unit-rating a.r3-unit:hover{width: 60px;}
.unit-rating a.r4-unit{left: 60px;}
.unit-rating a.r4-unit:hover{width: 80px;}
.unit-rating a.r5-unit{left: 80px;}
.unit-rating a.r5-unit:hover{width: 100px;}
.unit-rating a.r6-unit{left: 100px;}
.unit-rating a.r6-unit:hover{width: 120px;}
.unit-rating a.r7-unit{left: 120px;}
.unit-rating a.r7-unit:hover{width: 140px;}
.unit-rating a.r8-unit{left: 140px;}
.unit-rating a.r8-unit:hover{width: 160px;}
.unit-rating a.r9-unit{left: 160px;}
.unit-rating a.r9-unit:hover{width: 180px;}
.unit-rating a.r10-unit{left: 180px;}
.unit-rating a.r10-unit:hover{width: 200px;}

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

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