/*  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.
--------------------------------------------------------- */

.oylamauyari {
	font-size: 14px;
	position: absolute;
	z-index: 11;
	height: 30px;
	width: 300px;
	top: -12px;
	}
	
.oylamauyarim {
	font-size: 14px;
	position: absolute;
	z-index: 10;
    height: 25px;
	width: 300px;
	display:none;
	}
	
.oylamauyari a {
	border: 1px solid #d9d9d9;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: #d9d9d9 0px 1px 1px;
	-moz-box-shadow: #d9d9d9 0px 1px 1px;
	box-shadow: #d9d9d9 0px 1px 1px;
	background: #f4f4f4;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f4f4f4), to(#d9d9d9));
	background: -webkit-linear-gradient(#f4f4f4, #d9d9d9);
	background: -moz-linear-gradient(#f4f4f4, #d9d9d9);
	background: -ms-linear-gradient(#f4f4f4, #d9d9d9);
	background: -o-linear-gradient(#f4f4f4, #d9d9d9);
	background: linear-gradient(#f4f4f4, #d9d9d9);
	-pie-background: linear-gradient(#f4f4f4, #d9d9d9);
	behavior: url(/PIE.htc);
	color: #333333;
	text-decoration: none;
	float: left;
	margin-right: 8px;
	font-size: 16px;
	padding-top: 3px;
	padding-right: 14px;
	padding-bottom: 3px;
	padding-left: 12px;
	height: 25px;
	width: 300px;
	}
	
.oylamauyari a:hover {
border: 1px solid #d9d9d9;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: #d9d9d9 0px 1px 1px;
	-moz-box-shadow: #d9d9d9 0px 1px 1px;
	box-shadow: #d9d9d9 0px 1px 1px;
	background: #d9d9d9;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#d9d9d9), to(#f4f4f4));
	background: -webkit-linear-gradient(#d9d9d9, #f4f4f4);
	background: -moz-linear-gradient(#d9d9d9, #f4f4f4);
	background: -ms-linear-gradient(#d9d9d9, #f4f4f4);
	background: -o-linear-gradient(#d9d9d9, #f4f4f4);
	background: linear-gradient(#d9d9d9, #f4f4f4);
	-pie-background: linear-gradient(#d9d9d9, #f4f4f4);
	behavior: url(/PIE.htc);
	color: #333333;
	text-decoration: none;
	float: left;
	margin-right: 8px;
	padding-top: 3px;
	padding-right: 14px;
	padding-bottom: 3px;
	padding-left: 12px;
	height: 25px;
	width: 300px;

	}	
	
div.oylamauyari:hover div.oylamauyarim  {display:block;}
div.current-rating:hover div.oylamauyarim  {display:block;}

.ratingblock {
	display:block;
	padding-bottom:8px;
	margin-bottom:8px;
	}

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

.unit-rating li{
    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;
	}
	
.unit-rating li a:hover{
	background: url('../images/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;}

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

.voted {
	color: #CCCCCC !important;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../../images/header.jpg);
	width: 60px;
	float: left;
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	height: 50px;
	position: absolute;
	text-align: center;
	}

.votedone {
	font-size: 22px;
	color: #F90;
	}
.thanks {
	xcolor: #FFF;
	position: absolute;
	padding-top: 2px;
	padding-left: 10px;
	font-style: italic;
	background-color: #FF0000;
	margin-left: 130px;
	padding-bottom: 2px;
	padding-right: 10px;
	margin-top: 12px;
	width: 85px;
	color: #FFF;
}
.static {color:#5D3126;}