﻿/*----------------------------
					Star rater
----------------------------*/
.rating span,
.ratingonerow span
{
	color: black;
	font: normal 11px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
}

.rating span
{
	top: 5px;
	left: 2px;
	position: relative;
}

.ratingonerow
{
	padding-left: 5px;
}

.star-rating
{
	position: relative;
	width: 125px;
	height: 25px;
	overflow: hidden;
	list-style: none;
	margin: 0;
	padding: 0;
	background-position: left top;
}

.star-rating li
{
	display: inline;
}

.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 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;
	margin: 0px;
}

/* smaller star */

.small-star
{
	width: 90px;
	height: 16px;
}

.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating
{
	background-image: url('/images/common/rater_small.gif');
	line-height: 16px;
	height: 16px;
}