/* ------------------------------------------------

   'Site' Template > 'Rating' Stylesheet
   
   * This stylesheet is loaded by any page that calls 
     the include 'rating.php'     

--------------------------------------------------- */

/* ------------------------------------------------
	=CONTENT STRUCTURE
   ------------------------------------------------ */
   
	/* SITEWIDE RATING CONTAINER */			
	.star-rating-container {
		margin: 0px 0px 3px 0px;
		padding: 1px 5px;
		position: relative;
		width: 95px;
		height: 17px;
		text-align: center;
		overflow: hidden;
	}
	
	/* STAR RATING */			
	.star-rating {
		list-style:none;
		margin: 0px;
		padding:0px;
		width: 95px;
		height: 17px;
		position: relative;
		background: url(../images/gr-ratingstars.gif) top left repeat-x;
	}

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

		/* CURRENT STAR RATING */			
		.star-rating li.current-rating {
			background: url(../images/gr-ratingstars.gif) left bottom;
			height: 17px;
			display: block;
			text-indent: -9000px;
			z-index: 1;
			position: absolute;
			width:0px;
		}
		.star-rating-container ul li.empty {
			font-size: 1.2em;
			line-height: 1.4em;
			color: #666666;
			position: relative;
			top: -1px;
			display:none;
		}

		.star-rating li a {
			display:block;
			width:19px;
			height: 17px;
			text-decoration: none;
			text-indent: -9000px;
			z-index: 20;
			position: absolute;
			padding: 0px;
			outline: none;
		}

		.star-rating li a:hover {
			background: url(../images/gr-ratingstars.gif) left bottom;
			z-index: 1;
			left: 0px;
		}
		
		.star-rating a.one-star {
			left: 0px;
		}

			.star-rating a.one-star:hover {
				width:19px;
			}

		.star-rating a.two-stars {
			left:19px;
		}

			.star-rating a.two-stars:hover {
				width: 38px;
			}

		.star-rating a.three-stars {
			left: 38px;
		}

			.star-rating a.three-stars:hover {
				width: 57px;
			}

		.star-rating a.four-stars {
			left: 57px;
		}	

			.star-rating a.four-stars:hover {
				width: 76px;
			}

		.star-rating a.five-stars {
			left: 76px;
		}

			.star-rating a.five-stars:hover {
				width: 95px;
			}