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

.rating-tabler  {
	width:100%;
	border-collapse:collapse;
	
}


.sma {
	width:190px;
	white-space:nowrap; 
	vertical-align:bottom;
}
.rating-tabler td.sm {
	white-space:nowrap;
	
}


.rating-table  {
	width:100%;
	border-collapse:collapse;
	
}

.rating-table td {
	padding-bottom:10px; 
	vertical-align:top;
}

.rating-td {
	
	white-space:nowrap;
	padding-top:20px;  
	width:220px;
	vertical-align:bottom;
}

.rating-index {
	text-align:right;
	white-space:nowrap;
	padding:0px 0px 0px 0px !important;
	}

.ratingblock * {
	margin-top:0px !important;
}	
	
.ratingblock {
	white-space:nowrap;
	}

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

.unit-rating li{
    text-indent: -90000px;
	padding:0px;
	margin:0px;
	display:block;
	float:left;
	list-style:none;
	}
	
.unit-rating li a {
	outline: none;
	display:block;
	width:15px;
	height: 15px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	text-align:left;
	float:left;
	}
	
.unit-rating li a:hover{
	background: url('../images/starrating.gif') left center repeat-x;
	z-index: 2;
	left: 0px;
	}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:15px;}
.unit-rating a.r2-unit{left:15px;}
.unit-rating a.r2-unit:hover{width: 30px;}
.unit-rating a.r3-unit{left: 30px;}
.unit-rating a.r3-unit:hover{width: 45px;}
.unit-rating a.r4-unit{left: 45px;}	
.unit-rating a.r4-unit:hover{width: 60px;}
.unit-rating a.r5-unit{left: 60px;}
.unit-rating a.r5-unit:hover{width: 75px;}
.unit-rating a.r6-unit{left: 75px;}
.unit-rating a.r6-unit:hover{width: 90px;}
.unit-rating a.r7-unit{left: 90px;}
.unit-rating a.r7-unit:hover{width: 105px;}
.unit-rating a.r8-unit{left: 105px;}
.unit-rating a.r8-unit:hover{width: 120px;}
.unit-rating a.r9-unit{left: 120px;}
.unit-rating a.r9-unit:hover{width: 135px;}
.unit-rating a.r10-unit{left: 135px;}
.unit-rating a.r10-unit:hover{width: 150px;}

.unit-rating li.current-rating {
	background: url('../images/starrating.gif') left bottom;
	position: absolute;
	height: 15px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	text-align:left;
	}
	
#ratingblock p  {
	font-size:93%;
	color:#999;
	float:left;
	}	

#ratingblock p strong {
	font-size:120%;
	color:#000;
}
.thanks {
	color:#36AA3D;
	position:absolute;
	background:#fff;
	margin-left:3px;
	}
.static {color:#5D3126;}

.all {color:#aaaaaa;
      font-size:90%}
      	
.border {margin:1px;}
.border,.ba,.bb,.bc,.bd,.be,.bg {display:block;overflow:hidden;font-size:1px;}
.ba {background:#999999;margin:0 5px;}
.ba,.bb,.bc,.be,.bd {height:1px;}
.bb,.bc,.bd,.bf,.bg {border:#999999 solid;}
.bb {border-width:0 2px;margin:0 3px;}
.bc {margin:0 2px;}
.bc,.bd,.bf {border-width:0 1px;}
.bd {margin:0 1px;}
.bg {background:red;border-width:2px;height:7px;}
.slovo {font-size:12px;padding:3px 0 3px 6px;}
.ocenka {float: left;}
.ocenkar  {float: left; font-size:11px; color:#666666;}