@charset "utf-8";
/* CSS Document */

#reyting{ float:right; width:75px;}
#reyting2{ float:left; width:75px;}
#reyting3{ 
  float:none;
  padding-left:3px;
  width:79px;}
  
.star-rating,  
.star-rating a:hover,  
.star-rating a:active,  
.star-rating a:focus,  
.star-rating .current-rating{  
 background:url(../img/star_reyting.png) top repeat-x;} 
 
.star-rating{  
  background-position: left top;
  height: 13px;
  list-style: none;  
  margin: 0; padding: 0;
  overflow: hidden;
  position: relative;  
  width: 75px;}
  
.star-rating li{ display: inline;}
  
.star-rating a,  
.star-rating .current-rating{  
  border: none; 
  height: 13px;  
  line-height: 13px;  
  outline: none;  
  overflow: hidden;  
  position: absolute; top: 0; left: 0;}
  
*:first-child+html .star-rating a,
*:first-child+html .star-rating .current-rating{
  position: absolute; top: -1px; left: 0;}
  
.star-rating a:hover,  
.star-rating a:active,  
.star-rating a:focus{  
  background-position: left bottom;}
  
*:first-child+html .star-rating a:hover,
*:first-child+html .star-rating a:active,  
*:first-child+html .star-rating a:focus{
  background-position:0 -12px;}
	 
.star-rating a.one-star   { width: 20%; z-index: 6;}   
.star-rating a.two-stars  { width: 40%; z-index: 5;}
.star-rating a.three-stars{ width: 60%; z-index: 4;}
.star-rating a.four-stars { width: 80%; z-index: 3;}     
.star-rating a.five-stars { width:100%; z-index:2;} 
  
.star-rating .current-rating{  
  z-index: 1; background-position: left center;}