/*
* Style by Rogie http://www.komodomedia.com/blog/2007/01/css-star-rating-redux/
*/

.post-rating-wrapper {
  background: #f8f8f8; /* Old browsers */
  background: -moz-linear-gradient(top, #f8f8f8 0%, #f0f0f0 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#f0f0f0)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f8f8f8 0%,#f0f0f0 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f8f8f8 0%,#f0f0f0 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f8f8f8 0%,#f0f0f0 100%); /* IE10+ */
  background: linear-gradient(to bottom, #f8f8f8 0%,#f0f0f0 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
  width: 200px;	
  border: 1px solid #E2E2E2;
  border-radius: 15px;
  height: 24px;
  padding-left: 6px;
  box-shadow: 0px 1px 1px #B1B1B1;
}

.small-ajaxful-rating-wrapper {
	width: 60px;
	float: left;
}

.ajaxful-rating-wrapper {
	width: 125px;
	float: left;
}

.rate-it {
	width: 50px;
	float: left;
	line-height: 25px;
/*  color: #438EC8;*/
	margin-left: 5px;
	margin-bottom: 5px;
  background: url(/images/ajaxful_rating/separator.png) no-repeat left;
  padding-left: 14px;
}

.ajaxful-rating,
.ajaxful-rating a:hover,
.ajaxful-rating a:active,
.ajaxful-rating a:focus,
.ajaxful-rating .current-rating{
    background: url(/images/ajaxful_rating/star-new.png) left -1000px repeat-x;
}
.ajaxful-rating{
    position: relative;
    /*width: 125px; this is setted dynamically */
    height: 25px;
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 0;
    background-position: left top;
}
.ajaxful-rating li{ display: inline; }
.ajaxful-rating a,
.ajaxful-rating span,
.ajaxful-rating .current-rating{
    position: absolute;
    top: 0;
    left: 0;
    text-indent: -1000em;
    height: 25px;
    line-height: 25px;
    outline: none;
    overflow: hidden;
    border: none;
}
.ajaxful-rating a:hover,
.ajaxful-rating a:active,
.ajaxful-rating a:focus{
    /* need to be important to beat the theme editor */
    background-color: transparent !important;
    background-position: left bottom;
}

/* This section is generated dynamically.
Just add a call to the helper method 'ajaxful_rating_style' within
the head tags in your main layout 
.ajaxful-rating .stars-1{
width: 20%;
z-index: 6;
}
.ajaxful-rating .stars-2{
width: 40%;
z-index: 5;
}
.ajaxful-rating .stars-3{
width: 60%;
z-index: 4;
}
.ajaxful-rating .stars-4{
width: 80%;
z-index: 3;
}
.ajaxful-rating .stars-5{
width: 100%;
z-index: 2;
}
*/
.ajaxful-rating .current-rating{
    background-position: left center;
}

/* smaller star */
.small-star{
    /*width: 50px; this is setted dynamically */
    height: 10px;
}
.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating{
    background-image: url(/images/ajaxful_rating/star_small.png);
    line-height: 10px;
    height: 10px;
}