/* ACTUAL STYLES NEEDED TO MAKE THE STAR BE STARY */

.rateIt {width: 90px;}
.starOutput {
	height: 20px;
	width: 100px;
	background-color: #EBEBEB;
	color: #000;
}

/* starsContainer1 styles are for the larger version of the star rater */
.starsContainer1 {
	background-image: url(/images/publicAction/starRatingBG_1.gif);
	background-repeat: no-repeat;
	height: 17px;
	padding: 1px 0px 0px 7px;
}

.starsContainer1 UL, 
.starsContainer1 UL LI a:hover, 
.starsContainer1 UL.rated1 A.oneStar, 
.starsContainer1 UL.rated2 A.twoStars, 
.starsContainer1 UL.rated3 A.threeStars, 
.starsContainer1 UL.rated4 A.fourStars, 
.starsContainer1 UL.rated5 A.fiveStars, 
.starsContainer1 UL.urated1 A.oneStar, 
.starsContainer1 UL.urated2 A.twoStars, 
.starsContainer1 UL.urated3 A.threeStars, 
.starsContainer1 UL.urated4 A.fourStars, 
.starsContainer1 UL.urated5 A.fiveStars {
	background-image: url(/images/publicAction/stars_1.gif);
	background-repeat: repeat-x;
}

.starsContainer1 UL {
	list-style:none;
	margin: 0px;
	padding: 0px;
	width: 75px;
	height: 15px;
	position: relative;
	background-position: 0px 0px;
}

.starsContainer1 UL LI {
	padding: 0px;
	margin: 0px;
	/*\*/
	float: left;
	/* */
}
.starsContainer1 UL LI A {
	display: block;
	width: 15px;
	height: 15px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
}

.starsContainer1 UL LI A:hover,
.starsContainer1 UL.rated1 A.oneStar, 
.starsContainer1 UL.rated2 A.twoStars, 
.starsContainer1 UL.rated3 A.threeStars, 
.starsContainer1 UL.rated4 A.fourStars, 
.starsContainer1 UL.rated5 A.fiveStars,
.starsContainer1 UL.urated1 A.oneStar, 
.starsContainer1 UL.urated2 A.twoStars, 
.starsContainer1 UL.urated3 A.threeStars, 
.starsContainer1 UL.urated4 A.fourStars, 
.starsContainer1 UL.urated5 A.fiveStars {
	z-index: 1;
	left: 0px;
}

.starsContainer1 UL LI A:hover, 
.starsContainer1 UL.urated1 A.oneStar, 
.starsContainer1 UL.urated2 A.twoStars, 
.starsContainer1 UL.urated3 A.threeStars, 
.starsContainer1 UL.urated4 A.fourStars, 
.starsContainer1 UL.urated5 A.fiveStars {background-position: 0px -16px;}

.starsContainer1 UL.rated1 A.oneStar, 
.starsContainer1 UL.rated2 A.twoStars, 
.starsContainer1 UL.rated3 A.threeStars, 
.starsContainer1 UL.rated4 A.fourStars, 
.starsContainer1 UL.rated5 A.fiveStars {background-position: 0px -31px;}

/* 1 STAR STYLES */
.starsContainer1 UL A.oneStar {left: 0px;}
.starsContainer1 UL A.oneStar:hover {width: 15px;}

.starsContainer1 UL.rated1 A.oneStar, 
.starsContainer1 UL.urated1 A.oneStar {width: 15px;}

/* 2 STAR STYLES */
.starsContainer1 UL A.twoStars {left: 15px;}
.starsContainer1 UL A.twoStars:hover {width: 30px;}

.starsContainer1 UL.rated2 A.twoStars,
.starsContainer1 UL.urated2 A.twoStars {width: 30px;}

/* 3 STAR STYLES */
.starsContainer1 UL A.threeStars {left: 30px;}
.starsContainer1 UL A.threeStars:hover {width: 45px;}

.starsContainer1 UL.rated3 A.threeStars,
.starsContainer1 UL.urated3 A.threeStars {width: 45px;}

/* 4 STAR STYLES */
.starsContainer1 UL A.fourStars {left: 45px;}	
.starsContainer1 UL A.fourStars:hover {width: 60px;}

.starsContainer1 UL.rated4 A.fourStars, 
.starsContainer1 UL.urated4 A.fourStars {width: 60px;}

/* 5 STAR STYLES */
.starsContainer1 UL A.fiveStars {left: 60px;}
.starsContainer1 UL A.fiveStars:hover {width: 75px;}

.starsContainer1 UL.rated5 A.fiveStars, 
.starsContainer1 UL.urated5 A.fiveStars {width: 75px;}

/* starsContainer2 styles are for the slightly smaller version of the stars */
/* ACTUAL STYLES NEEDED TO MAKE THE STAR BE STARY */
.starsContainer2 {
	background-image: url(/images/publicAction/starRatingBG_2.gif);
	background-repeat: no-repeat;
	height: 14px;
	width: 72px;
	padding: 1px 0px 0px 4px;
}

.forumRating .starsContainer2 {float: right;}

.starsContainer2 UL, 
.starsContainer2 UL LI a:hover, 
.starsContainer2 UL.rated1 A.oneStar, 
.starsContainer2 UL.rated2 A.twoStars, 
.starsContainer2 UL.rated3 A.threeStars, 
.starsContainer2 UL.rated4 A.fourStars, 
.starsContainer2 UL.rated5 A.fiveStars, 
.starsContainer2 UL.urated1 A.oneStar, 
.starsContainer2 UL.urated2 A.twoStars, 
.starsContainer2 UL.urated3 A.threeStars, 
.starsContainer2 UL.urated4 A.fourStars, 
.starsContainer2 UL.urated5 A.fiveStars {
	background-image: url(/images/publicAction/stars_2.gif);
	background-repeat: repeat-x;
}

.starsContainer2 UL {
	list-style:none;
	margin: 0px;
	padding: 0px;
	width: 65px;
	height: 12px;
	position: relative;
	background-position: 0px 0px;
}

.starsContainer2 UL LI {
	padding: 0px;
	margin: 0px;
	/*\*/
	float: left;
	/* */
}
.starsContainer2 UL LI A {
	display: block;
	width: 12px;
	height: 13px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
}

.starsContainer2 UL LI A:hover,
.starsContainer2 UL.rated1 A.oneStar, 
.starsContainer2 UL.rated2 A.twoStars, 
.starsContainer2 UL.rated3 A.threeStars, 
.starsContainer2 UL.rated4 A.fourStars, 
.starsContainer2 UL.rated5 A.fiveStars,
.starsContainer2 UL.urated1 A.oneStar, 
.starsContainer2 UL.urated2 A.twoStars, 
.starsContainer2 UL.urated3 A.threeStars, 
.starsContainer2 UL.urated4 A.fourStars, 
.starsContainer2 UL.urated5 A.fiveStars {
	z-index: 1;
	left: 0px;
}

.starsContainer2 UL LI A:hover, 
.starsContainer2 UL.urated1 A.oneStar, 
.starsContainer2 UL.urated2 A.twoStars, 
.starsContainer2 UL.urated3 A.threeStars, 
.starsContainer2 UL.urated4 A.fourStars, 
.starsContainer2 UL.urated5 A.fiveStars {background-position: 0px -12px;}

.starsContainer2 UL.rated1 A.oneStar, 
.starsContainer2 UL.rated2 A.twoStars, 
.starsContainer2 UL.rated3 A.threeStars, 
.starsContainer2 UL.rated4 A.fourStars, 
.starsContainer2 UL.rated5 A.fiveStars {background-position: 0px -25px;}

/* 1 STAR STYLES */
.starsContainer2 UL A.oneStar {left: 0px;}
.starsContainer2 UL A.oneStar:hover {width: 13px;}

.starsContainer2 UL.rated1 A.oneStar, 
.starsContainer2 UL.urated1 A.oneStar {width: 13px;}

/* 2 STAR STYLES */
.starsContainer2 UL A.twoStars {left: 13px;}
.starsContainer2 UL A.twoStars:hover {width: 26px;}

.starsContainer2 UL.rated2 A.twoStars,
.starsContainer2 UL.urated2 A.twoStars {width: 26px;}

/* 3 STAR STYLES */
.starsContainer2 UL A.threeStars {left: 26px;}
.starsContainer2 UL A.threeStars:hover {width: 39px;}

.starsContainer2 UL.rated3 A.threeStars,
.starsContainer2 UL.urated3 A.threeStars {width: 39px;}

/* 4 STAR STYLES */
.starsContainer2 UL A.fourStars {left: 39px;}	
.starsContainer2 UL A.fourStars:hover {width: 52px;}

.starsContainer2 UL.rated4 A.fourStars, 
.starsContainer2 UL.urated4 A.fourStars {width: 52px;}

/* 5 STAR STYLES */
.starsContainer2 UL A.fiveStars {left: 52px;}
.starsContainer2 UL A.fiveStars:hover {width: 65px;}

.starsContainer2 UL.rated5 A.fiveStars, 
.starsContainer2 UL.urated5 A.fiveStars {width: 65px;}


/* fix the clickety click problems */
A.oneStar {z-index: 900;}
A.twoStars {z-index: 800;}
A.threeStars {z-index: 700;}
A.fourStars {z-index: 600;}
A.fiveStars {z-index: 500;}