/*             styles for the star rater                */

.star-rating {
	background: url(./img/sstar_rating.gif) top left repeat-x;
	height: 20px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: relative;
	width: 120px;
}

.star-rating li {
	margin: 0px;
	padding: 0px;

	/*\*/
	float: left;
	/* */
}

.star-rating li a {
	display: block;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	padding: 0px;
	position: absolute;
	text-decoration: none;
	text-indent: -999em;
	width: 24px;
	z-index: 20;
}

.star-rating li a:hover {
	background: url(./img/sstar_rating.gif) left center;
	border: none;
	left: 0px;
	z-index: 2;
}

.star-rating a.one-star { left: 0px; }
.star-rating a.two-stars { left: 24px; }
.star-rating a.three-stars { left: 48px; }
.star-rating a.four-stars { left: 72px; }
.star-rating a.five-stars { left: 96px; }
.star-rating a.six-stars { left: 120px; }
.star-rating a.seven-stars { left: 144px; }
.star-rating a.eight-stars { left: 168px; }
.star-rating a.nine-stars { left: 192px; }
.star-rating a.ten-stars { left: 216px; }

.star-rating a.one-star:hover { width: 24px; }
.star-rating a.two-stars:hover { width: 48px; }
.star-rating a.three-stars:hover { width: 72px; }
.star-rating a.four-stars:hover { width: 96px; }
.star-rating a.five-stars:hover { width: 120px; }
.star-rating a.six-stars:hover { width: 144px; }
.star-rating a.seven-stars:hover { width: 168px; }
.star-rating a.eight-stars:hover { width: 192px; }
.star-rating a.nine-stars:hover { width: 216px; }
.star-rating a.ten-stars:hover { width: 240px; }

.star-rating li.current-rating {
	background: url(./img/sstar_rating.gif) left bottom;
	display: block;
	height: 20px;
	position: absolute;
	text-indent: -999em;
	z-index: 1;
}


/* styles for the star rater small display */

.star-rating-small {
	background: url(./img/sstar_rating_small.gif) top left repeat-x;
	height: 19px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: relative;
	width: 100px;
}

.star-rating-small li {
	left: 0;
	margin: 0px;
	padding: 0px;

	/*\*/
	float: left;
	/* */
}

.star-rating-small li a {
	display: block;
	height: 19px;
	line-height: 20px;
	overflow: hidden;
	padding: 0px;
	position: absolute;
	text-decoration: none;
	text-indent: -999em;
	width: 20px;
	z-index: 20;
}

.star-rating-small li a:hover {
	background: url(./img/sstar_rating_small.gif) left center;
	border: none;
	left: 0px;
	z-index: 2;
}

.star-rating-small a.one-star { left: 0px; }
.star-rating-small a.two-star { left: 20px; }
.star-rating-small a.three-star { left: 40px; }
.star-rating-small a.four-star { left: 60px; }
.star-rating-small a.five-star { left: 80px; }
.star-rating-small a.six-star { left: 100px; }
.star-rating-small a.seven-star { left: 120px; }
.star-rating-small a.eight-star { left: 140px; }
.star-rating-small a.nine-star { left: 160px; }
.star-rating-small a.ten-star { left: 180px; }

.star-rating-small a.one-star:hover { width: 20px; }
.star-rating-small a.two-star:hover { width: 40px; }
.star-rating-small a.three-star:hover { width: 60px; }
.star-rating-small a.four-star:hover { width: 80px; }
.star-rating-small a.five-star:hover { width: 100px; }
.star-rating-small a.six-star:hover { width: 120px; }
.star-rating-small a.seven-star:hover { width: 140px; }
.star-rating-small a.eight-star:hover { width: 160px; }
.star-rating-small a.nine-star:hover { width: 180px; }
.star-rating-small a.ten-star:hover { width: 200px; }

.star-rating-small li.current-rating {
	background: url(./img/sstar_rating_small.gif) left bottom;
	display: block;
	height: 18px;
	position: absolute;
	text-indent: -999em;
	z-index: 1;
}


/* styles for the star rater xtra-small display */

.star-rating.xs {
	background-image: url(./img/sstar_rating_xs.gif);
	height: 15px;
	width: 180px;
}

.star-rating.xs li a {
	height: 15px;
	line-height: 15px;
	width: 28px;
}

.star-rating.xs a.one-star { left: 0px; }
.star-rating.xs a.two-stars { left: 18px; }
.star-rating.xs a.three-stars { left: 36px; }
.star-rating.xs a.four-stars { left: 54px; }
.star-rating.xs a.five-stars { left: 72px; }
.star-rating.xs a.six-stars { left: 90px; }
.star-rating.xs a.seven-stars { left: 108px; }
.star-rating.xs a.eight-stars { left: 126px; }
.star-rating.xs a.nine-stars { left: 144px; }
.star-rating.xs a.ten-stars { left: 162px; }

.star-rating.xs a.one-star:hover { width: 18px; }
.star-rating.xs a.two-stars:hover { width: 36px; }
.star-rating.xs a.three-stars:hover { width: 54px; }
.star-rating.xs a.four-stars:hover { width: 72px; }
.star-rating.xs a.five-stars:hover { width: 90px; }
.star-rating.xs a.six-stars:hover { width: 108px; }
.star-rating.xs a.seven-stars:hover { width: 126px; }
.star-rating.xs a.eight-stars:hover { width: 144px; }
.star-rating.xs a.nine-stars:hover { width: 162px; }
.star-rating.xs a.ten-stars:hover { width: 180px; }

.star-rating.xs li.current-rating {
	background-image: url(./img/sstar_rating_xs.gif);
	height: 15px;
}