/*  styles for the unit rater
--------------------------------------------------------- 
ryan masuga, masugadesign.com
ryan@masugadesign.com 
Licensed under a Creative Commons Attribution 3.0 License.
http://creativecommons.org/licenses/by/3.0/
See readme.txt for full credit details.
--------------------------------------------------------- */

.ratingblock {
	display:block;
	/*border-bottom:1px solid #999;*/
	/*padding-bottom:8px;
	margin-bottom:8px;*/
	}

.loading {
	height: 30px;
	background: url('../../graphics/original/working.gif') 50% 50% no-repeat;
	}
	
.unit-rating { /* the UL */
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 30px;
	position: relative;
	background: url('../../graphics/original/starrating.gif') top left repeat-x;		
	}

.unit-rating li{
	overflow: hidden;
    text-indent: -90000px;
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
	}
	
.unit-rating li a {
	outline: none;
	display:block;
	width:30px;
	height: 30px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	overflow: hidden;
	}
	
.unit-rating li a:hover{
	background: url('../../graphics/original/starrating.gif') left center;
	z-index: 2;
	left: 0px;
	}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width: 30px;}
.unit-rating a.r2-unit{left: 30px;}
.unit-rating a.r2-unit:hover{width: 60px;}
.unit-rating a.r3-unit{left: 60px;}
.unit-rating a.r3-unit:hover{width: 90px;}
.unit-rating a.r4-unit{left: 90px;}	
.unit-rating a.r4-unit:hover{width: 120px;}
.unit-rating a.r5-unit{left: 120px;}
.unit-rating a.r5-unit:hover{width: 150px;}
.unit-rating a.r6-unit{left: 150px;}
.unit-rating a.r6-unit:hover{width: 180px;}
.unit-rating a.r7-unit{left: 180px;}
.unit-rating a.r7-unit:hover{width: 210px;}
.unit-rating a.r8-unit{left: 210px;}
.unit-rating a.r8-unit:hover{width: 240px;}
.unit-rating a.r9-unit{left: 240px;}
.unit-rating a.r9-unit:hover{width: 270px;}
.unit-rating a.r10-unit{left: 270px;}
.unit-rating a.r10-unit:hover{width: 300px;}

.rate_rtl .unit-rating a.r1-unit{right: 0px;}
.rate_rtl .unit-rating a.r1-unit:hover{width: 30px;}
.rate_rtl .unit-rating a.r2-unit{right: 30px;}
.rate_rtl .unit-rating a.r2-unit:hover{width: 60px; margin-right: -30px;}
.rate_rtl .unit-rating a.r3-unit{right: 60px;}
.rate_rtl .unit-rating a.r3-unit:hover{width: 90px; margin-right: -60px;}
.rate_rtl .unit-rating a.r4-unit{right: 90px;}	
.rate_rtl .unit-rating a.r4-unit:hover{width: 120px; margin-right: -90px;}
.rate_rtl .unit-rating a.r5-unit{right: 120px;}
.rate_rtl .unit-rating a.r5-unit:hover{width: 150px; margin-right: -120px;}
.rate_rtl .unit-rating a.r6-unit{right: 150px;}
.rate_rtl .unit-rating a.r6-unit:hover{width: 180px; margin-right: -150px;}
.rate_rtl .unit-rating a.r7-unit{right: 180px;}
.rate_rtl .unit-rating a.r7-unit:hover{width: 210px; margin-right: -180px;}
.rate_rtl .unit-rating a.r8-unit{right: 210px;}
.rate_rtl .unit-rating a.r8-unit:hover{width: 240px; margin-right: -210px;}
.rate_rtl .unit-rating a.r9-unit{right: 240px;}
.rate_rtl .unit-rating a.r9-unit:hover{width: 270px; margin-right: -2400px;}
.rate_rtl .unit-rating a.r10-unit{right: 270px;}
.rate_rtl .unit-rating a.r10-unit:hover{width: 300px; margin-right: -270px;}

.unit-rating li.current-rating {
	background: url('../../graphics/original/starrating.gif') left bottom;
/*	position: absolute; */
	height: 30px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	}

.voted {color:#999;}
.thanks {color:#36AA3D;}
.static {}
div#rateArticle { border-right: 2px dashed #ACD3F1; width: 255px;}
/*div#rateArticle .ratingblock { border: 1px dashed green;}
div#rateArticle #rateStars { width: 300px;}
div#rateArticle #unit_long5 { border: 1px dashed black;}
div#rateArticle p  { border: 1px dashed yellow;}
*/
div#rateArticle, div.ratingblock{
	float: left;
}

div#rateStars div.checkmarkShow{
	background: #ffffff url('../../graphics/original/shared/checkmark.gif') no-repeat center;
	CASWI_Ratings_Graphic.gif
	margin: 0;
	padding: 10px 30px ;
	float: left;
}

/*for right to left languages*/
.rate_rtl .unit-rating li { float: right; }
.rate_rtl .unit-rating li.current-rating { background: url('../../graphics/original/starrating.gif') right bottom; }	
.rate_rtl div#rateArticle { border-left: 2px dashed #ACD3F1; border-right: none; }
.rate_rtl div#rateArticle, .rate_rtl div.ratingblock { float: right; }
.rate_rtl div#rateStars div.checkmarkShow { float: right; }