/*  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 {
	background-color: #fff;
	border: 1px solid #ddd;
	display:block;
	margin-top: 10px;
	padding: 2px 5px 2px 5px;
	}


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

	}

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

ul.unit-rating a.r1-unit{left: 0px;}
ul.unit-rating a.r1-unit:hover{width:20px;}
ul.unit-rating a.r2-unit{left:20px;}
ul.unit-rating a.r2-unit:hover{width: 40px;}
ul.unit-rating a.r3-unit{left: 40px;}
ul.unit-rating a.r3-unit:hover{width: 60px;}
ul.unit-rating a.r4-unit{left: 60px;}	
ul.unit-rating a.r4-unit:hover{width: 80px;}
ul.unit-rating a.r5-unit{left: 80px;}
ul.unit-rating a.r5-unit:hover{width: 100px;}
ul.unit-rating a.r6-unit{left: 100px;}
ul.unit-rating a.r6-unit:hover{width: 120px;}
ul.unit-rating a.r7-unit{left: 120px;}
ul.unit-rating a.r7-unit:hover{width: 140px;}
ul.unit-rating a.r8-unit{left: 140px;}
ul.unit-rating a.r8-unit:hover{width: 160px;}
ul.unit-rating a.r9-unit{left: 160px;}
ul.unit-rating a.r9-unit:hover{width: 180px;}
ul.unit-rating a.r10-unit{left: 180px;}
ul.unit-rating a.r10-unit:hover{width: 110px;}

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


/* Come sopra ma per liste (home page, profile page, etc)... */

.ratingblockSMALL {
	background-color: #fff;
	border: 1px solid #ddd;
	display:block;
	margin: 0;
	padding: 2px 5px 2px 5px;
	vertical-align:middle;
	
	}

.loadingSMALL {
	height: 15px;
	background: url('/scripts/rating/images/working.gif') 50% 50% no-repeat;
	}
	
ul.unit-ratingSMALL { /* the UL */
	list-style:none;
	margin: 0;
	padding: 0;
	height: 15px;
	position: relative;
	background: url('/scripts/rating/images/starrating15px.gif') top left repeat-x;

	}

ul.unit-ratingSMALL li{
	
    text-indent: -90000px;
	overflow: hidden;
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	line-height: 15px;
	list-style:none;
	/* */
	}
	
ul.unit-ratingSMALL li a {
	outline: none;
	display:block;
	width:15px;
	height: 15px;
	text-decoration: none;
	text-indent: -9000px;

	overflow: hidden;
	z-index: 15;
	position: absolute;
	padding: 0px;
	line-height: 15px;
	}
	
ul.unit-ratingSMALL li a:hover{
	background: url('/scripts/rating/images/starrating15px.gif') left center;
	z-index: 2;
	left: 0px;
	line-height: 15px;
	}

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

ul.unit-ratingSMALL li.current-ratingSMALL {
	background: url('/scripts/rating/images/starrating15px.gif') left bottom;
	position: absolute;
	height: 15px;
	display: block;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 1;
}






/* Stili comuni... */

.ratingtablecss {
	line-height: 0.5em;
	margin: 0;
	padding: 0;
}

.ratingtablecss td, .ratingtablecss tr {
	margin: 0;
	padding: 0;
}








.voted {color:#999;}
.thanks {color:#36AA3D;}
.static {color:#5D3126;}	




/* Style Fabrizio per rimuovere eventuali bullets!!! */
#ratingremovebullets UL LI {
	list-style-type: none;
	margin: 0;
	list-style:none;
}


/* New likes system by Fabrizio 9-15-2011 */

.likebutton:link, .likebutton:visited {
	background:transparent url(/mc/images/icons/LikeWorkFF2.png) top left no-repeat;
	width:53px;
	height:24px;
	display:block;

}

.likebutton:hover {
	background:transparent url(/mc/images/icons/LikeWorkFF2hover.png) top left no-repeat;
	width:53px;
	height:24px;
	display:block;

}

.likebuttonmini:link, .likebuttonmini:visited {
	background:transparent url(/mc/images/icons/LikeWorkFF2mini.png) top left no-repeat;
	width:40px;
	height:18px;
	display:block;
	
	

}

.likebuttonmini:hover {
	background:transparent url(/mc/images/icons/LikeWorkFF2hovermini.png) top left no-repeat;
	width:40px;
	height:18px;
	display:block;
	

}