/*             styles for the star rater                */
#rateform .star-rating{
	list-style:none;
	margin: 0px;
	padding:0px;
	width: 100px;
	height: 20px;
	position: relative;
	background: url(star_rating.gif) top left repeat-x;		
}
#rateform .star-rated { background: url(star_rating.gif) repeat-x left bottom; margin: 0; padding: 0; width: 20px; height: 20px; display: none; }
#rateform .star-rating li{
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
}
#rateform .star-rating li a{
	display:block;
	width:20px;
	height: 20px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
}
#rateform .star-rating li a:hover{
	background: url(star_rating.gif) left bottom;
	z-index: 1;
	left: 0px;
}
#rateform .star-rating a.one-star{
	left: 0px;
}
#rateform .star-rating a.one-star:hover{
	width:20px;
}
#rateform .star-rating a.two-stars{
	left:20px;
}
#rateform .star-rating a.two-stars:hover{
	width: 40px;
}
#rateform .star-rating a.three-stars:hover{
	width: 60px;
}
#rateform .star-rating a.three-stars{
	left: 40px;
}
#rateform .star-rating a.four-stars{
	left: 60px;
}
#rateform .star-rating a.four-stars:hover{
	width: 80px;
}
#rateform .star-rating a.five-stars{
	left: 80px;
}
#rateform .star-rating a.five-stars:hover{
	width: 100px;
}
#rateform .star-rating-text { font-family: "arial black"; font-size: 14px; color: #aaa; font-style: italic; }
#rate-page-table td { padding-top: 3px; padding-bottom: 3px; }
#page-rating-reset { background-image: url(resetbutton.gif); background-repeat: no-repeat; background-position: 0 bottom; position: absolute; right: 180px; bottom: 7px; width: 72px; height: 27px; z-index: 10002; cursor: pointer; }
#page-rating-submit { background-image: url(submitbutton.gif); background-repeat: no-repeat; background-position: 0 bottom; cursor: pointer; position: absolute; z-index: 10002; right: 50px; bottom: 7px; width: 72px; height: 27px; }
a.siteoptionbutton { background-color: transparent; background-repeat: no-repeat; background-position: right top; position: absolute; width: 25px; height: 21px; z-index: 1002; display: block; overflow: hidden; font-size: 1px; }
a:hover.siteoptionbutton { background-color: transparent; background-position: right bottom; width: 103px; height: 21px; overflow: hidden; }
#soaddbutton { background-image: url(addbutton.png); bottom:46; right:3; }
#soratebutton { background-image: url(ratebutton.png); bottom:4; right:3; }
#sosendbutton { background-image: url(sendbutton.png); bottom:25; right:3; }
p#addpagelinks { text-align: center; }
p#addpagelinks a { color: #fff; font-size: 14px; font-family: verdana; font-weight: bold; text-decoration: none; float: left; margin: 2px; white-space: nowrap; padding: 5px; border: dotted 1px #646464; display: block; }
p#addpagelinks a span { text-align: center; position: absolute; top: 30px; left: 0; width: 300px; height: 20px; overflow: hidden; display: none; }
html>body p#addpagelinks a span { top: 40px; }
p#addpagelinks a:hover span { display: block; }
p#addpagelinks a img { margin: 4px; }
p#addpagelinks a:hover img { }
p#addpagelinks a:hover { color: #fff; background-color: #202020; border: dotted 1px #646464; }
html>body p#addpagelinks { margin-top: 15px; margin-left: 20px; }
html>body p#ratepagep { padding-top: 10px; }