/**
 * Zikula Application Framework
 * @copyright (c) 2009, Zikula Development Team
 * @link http://www.zikula.org
 * @version $Id: star_rating.css 23 2010-04-06 16:10:42Z yokav $
 * @license GNU/GPL - http://www.gnu.org/copyleft/gpl.html
 * @package Zikula_Value_Addons
 * @subpackage Ratings
 */

.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating {
    background: url(../pnimages/stars.gif) left -1000px repeat-x;
}
.star-rating {
    position:relative;
    height:25px;
    overflow:hidden;
    list-style:none;
    margin:0;
    padding:0;
    background-position: left top;
}
.star-rating-fivestars {
    width:125px;
}
.star-rating-tenstars {
    width:250px;
}

.star-rating li {
    display: inline;
    margin: 0;
    padding: 0;
}
.star-rating a, 
.star-rating .current-rating {
    position:absolute;
    top:0;
    left:0;
    text-indent:-1000em;
    height:25px;
    line-height:25px;
    outline:none;
    overflow:hidden;
    border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus {
    background-position: left bottom;
}
.star-rating-tenstars a.one-star {
    width:10%;
    z-index:11;
}
.star-rating-tenstars a.two-stars {
    width:20%;
    z-index:10;
}
.star-rating-tenstars a.three-stars {
    width:30%;
    z-index:9;
}
.star-rating-tenstars a.four-stars {
    width:40%;
    z-index:8;
}
.star-rating-tenstars a.five-stars {
    width:50%;
    z-index:7;
}
.star-rating-tenstars a.six-stars {
    width:60%;
    z-index:6;
}
.star-rating-tenstars a.seven-stars {
    width:70%;
    z-index:5;
}
.star-rating-tenstars a.eight-stars {
    width:80%;
    z-index:4;
}
.star-rating-tenstars a.nine-stars {
    width:90%;
    z-index:3;
}
.star-rating-tenstars a.ten-stars {
    width:100%;
    z-index:2;
}
.star-rating-fivestars a.one-star {
    width:20%;
    z-index:6;
}
.star-rating-fivestars a.two-stars {
    width:40%;
    z-index:5;
}
.star-rating-fivestars a.three-stars {
    width:60%;
    z-index:4;
}
.star-rating-fivestars a.four-stars {
    width:80%;
    z-index:3;
}
.star-rating-fivestars a.five-stars {
    width:100%;
    z-index:2;
}
.star-rating .current-rating {
    z-index:1;
    background-position: left center;
}	

/* for an inline rater */
.inline-rating {
    display:-moz-inline-block;
    display:-moz-inline-box;
    display:inline-block;
    vertical-align: middle;
}

/* smaller star */
.small-star {
    width:50px;
    height:10px;
}
.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating {
    background-image: url(../pnimages/stars_small.gif);
    line-height: 10px;
    height: 10px;
}