/* styles for the star rater */

.star-rating { float: left; position: relative; width: 60px; height: 16px; overflow: hidden; margin: 0 0 0 5px; padding: 0; list-style: none; background: url(/images/star_rating/star_rating.png) left 0 repeat-x; }
*html .star-rating { position: relative; width: 60px; height: 16px; overflow: hidden; margin: 2px 0 0 5px; padding: 0; list-style: none; background: url(/images/star_rating/star_rating.gif) left 0 repeat-x; }
    .star-rating li { /*  */float: left; margin: 0; padding: 0; }
        .star-rating li a { display: block; position: absolute; z-index: 20; width: 12px; height: 16px;  margin: -5px 0 0 0; padding: 0; text-decoration: none; text-indent: -9000px; cursor: default; }
            .star-rating li a.rate:hover { z-index: 1; left: 0; background: url(/images/star_rating/star_rating.png) left 16px; }
            *html .star-rating li a.rate:hover { z-index: 1; left: 0; background: url(/images/star_rating/star_rating.gif) left 16px; }
            
                .star-rating a#one-star { right: 48px; }
                    .star-rating a#one-star.rate:hover { width: 12px; }
                    .star-rating a#one-star.on { z-index: 1; left: 0; width: 12px; background: url(/images/star_rating/star_rating.png) left 16px; }
                    *html .star-rating a#one-star.on { z-index: 1; left: 0; width: 12px; background: url(/images/star_rating/star_rating.gif) left 16px; }
                    
                .star-rating a#two-stars { right: 36px; }
                    .star-rating a#two-stars.rate:hover { width: 24px; }
                    .star-rating a#two-stars.on { z-index: 1; left: 0; width: 24px; background: url(/images/star_rating/star_rating.png) left 16px; }
                    *html .star-rating a#two-stars.on { z-index: 1; left: 0; width: 24px; background: url(/images/star_rating/star_rating.gif) left 16px; }

                .star-rating a#three-stars { right: 24px; }
                    .star-rating a#three-stars.rate:hover { width: 36px; }
                    .star-rating a#three-stars.on { z-index: 1; left: 0; width: 36px; background: url(/images/star_rating/star_rating.png) left 16px; }
                    *html .star-rating a#three-stars.on { z-index: 1; left: 0; width: 36px; background: url(/images/star_rating/star_rating.gif) left 16px; }

                .star-rating a#four-stars { right: 12px; }
                    .star-rating a#four-stars.rate:hover { width: 48px; }
                    .star-rating a#four-stars.on { z-index: 1; left: 0; width: 48px; background: url(/images/star_rating/star_rating.png) left 16px; }
                    *html .star-rating a#four-stars.on { z-index: 1; left: 0; width: 48px; background: url(/images/star_rating/star_rating.gif) left 16px; }

                .star-rating a#five-stars { right: 0; }
                    .star-rating a#five-stars.rate:hover { width: 60px; }
                    .star-rating a#five-stars.on { z-index: 1; left: 0; width: 60px; background: url(/images/star_rating/star_rating.png) left 16px; }
                    *html .star-rating a#five-stars.on { z-index: 1; left: 0; width: 60px; background: url(/images/star_rating/star_rating.gif) left 16px; }

.star-rating a#one-stars.rate, .star-rating a#two-stars.rate, .star-rating a#three-stars.rate, .star-rating a#four-stars.rate, .star-rating a#five-stars.rate { cursor: pointer; }

/* Stars Front */
.stars { float: right; position: relative; width: 80px; height: 16px; overflow: hidden; margin: 0; padding: 0; list-style: none; }
    .stars li { /*  */float: left; margin: 0; padding: 0; }
        .stars li a { display: block; z-index: 20; width: 13px; height: 16px; margin: 0; padding: 0; text-decoration: none; text-indent: -9000px; cursor: default; }
        
            .stars li a { z-index: 1; left: 0; background: url(/images/star_rating/star_rating.png) left 0; }
            *html .stars li a { z-index: 1; left: 0; background: url(/images/star_rating/star_rating.gif) left 0; }
            .stars li a.on { margin: -5px 0 0 0; z-index: 1; left: 0; background: url(/images/star_rating/star_rating.png) left 16px; }
            *html .stars li a.on { z-index: 1; left: 0; background: url(/images/star_rating/star_rating.gif) left 16px; }
    
    .block.artiste .headerBlock p.rating { margin: -8px; }
    
/* Evaluations page User Profil Créateurs & Galerie*/
    .block.user .contentBlock ul.stars { position: relative; top: -12px; right: 40px; width: 85px;}
    .block.user .contentBlock ul.stars li { padding: 0 !important;}
        .block.user .contentBlock p.rating { width: 60px;}
     
     .block.user .contentBlock ul.star-rating { position: relative; top: -12px; left: 65px;}
     
     .block.user .contentBlock p.rating { clear: both; }
       *html .block .contentBlock p.comment { margin: 0 0 0 12px; }

     .block.user .contentBlock .stars { margin: 10px 0 0 5px;  }
       *html .block.user .contentBlock .stars { margin: -45px 0 0 5px; }
       
/* Page evaluations on dashboard */

     #col2 .block .contentBlock p.rating { clear: both; float: left; }
         *html #col2 .block .contentBlock p.rating { float: left; margin: 0 0 0 7px; }
        
         #col2 .block .contentBlock .stars { float: left; margin: 0 0 0 5px; }
             *html #col2 .block .contentBlock .stars { margin: 3px 0 0 5px; }
         #col2 .block .contentBlock form#rating.inscription .stars { float: left; margin: 10px 0 0 5px; }
    
    #col2 .block .contentBlock form#rating.inscription p.textarea label { float: left; margin: 0 5px 0 0 ;}
    #col2 .block .contentBlock form#rating.inscription p.textarea textarea { width: 300px; height: 50px; border: 1px solid #4C4C4C; }
        *html #col2 .block .contentBlock form#rating.inscription p.textarea label { float: left; margin: 0 5px 0 13px ;}

      #col2 .block .contentBlock form p input { margin: 0; padding: 0; border: 1px solid #4C4C4C; }
        #col2 .block .contentBlock form p.bouton { margin: 10px 0 0 200px;}
      #col2 .block .contentBlock form p.bouton input.small { height: 20px; margin: 0; padding: 0 30px 0 30px; border: 0;  font-size: 13px;  background: url(/images/decogalerie/commun/bt_validate.gif) center 0 no-repeat; cursor: pointer; }
          *html #col2 .block .contentBlock form p.bouton input.small { width: 77px; text-align: center; margin: 0 20px 0 20px; padding: 0; color:#fff; }