.rating-small-right {
float: right;
width: 200px;
margin: 1px;
}
.rating-small-right .rating-stars {
float:right;
width:75px;
}
.rating-small-right .rating-text {
float:right;
width:125px;
text-align: right;
font-size: 85%;
color: gray;
padding: 0 0 3px 0;
}

.rating-big {
border-top: 1px dotted gray;
}
.rating-big .rating-stars {
margin: 0 auto;
width: 250px;
text-align: left;
}
.rating-big .rating-text {
text-align: center;
color: gray;
font-size: 90%;
}

/*---------------- small rating ------------------------ */
.rating-small-right	.star-rating{
		list-style:none;
		margin: 0px;
		padding:0px;
		width: 75px;
		height: 15px;
		position: relative;
		overflow:hidden;
		background: url(/_gfx/star-small.gif) top left repeat-x;
	}
.rating-small-right	.star-rating li{
		padding:0px;
		margin:0px;
		text-indent: -9000px;
		/*\*/
		float: left;
		/* */
	}
.rating-small-right	.star-rating li a{
		display:block;
		width:15px;
		height: 15px;
		line-height:15px;
		text-decoration: none;
		text-indent: -9000px;
		z-index: 10;
		position: absolute;
		padding: 0px;
		overflow:hidden;
	}
.rating-small-right	.star-rating li a:hover{
		background: url(/_gfx/star-small.gif) left bottom;
		z-index: 2;
		left: 0px;
		border:none;
	}
.rating-small-right	.star-rating a.one-star{
		left: 0px;
	}
.rating-small-right	.star-rating a.one-star:hover{
		width:15px;
	}
.rating-small-right	.star-rating a.two-stars{
		left:15px;
	}
.rating-small-right	.star-rating a.two-stars:hover{
		width: 30px;
	}
.rating-small-right	.star-rating a.three-stars{
		left: 30px;
	}
.rating-small-right	.star-rating a.three-stars:hover{
		width: 45px;
	}
.rating-small-right	.star-rating a.four-stars{
		left: 45px;
	}
.rating-small-right	.star-rating a.four-stars:hover{
		width: 60px;
	}
.rating-small-right	.star-rating a.five-stars{
		left: 60px;
	}
.rating-small-right	.star-rating a.five-stars:hover{
		width: 75px;
	}
.rating-small-right	.star-rating li.current-rating{
		background: url(/_gfx/star-small.gif) left center;
		position: absolute;
		height: 15px;
		display: block;
		text-indent: -9000px;
		z-index: 1;
	}

/*---------------- BIG rating ----------------------*/
.rating-big	.star-rating{
		list-style:none;
		margin: 0px;
		padding:0px;
		width: 250px;
		height: 50px;
		position: relative;
		overflow:hidden;
		background: url(/_gfx/star-big.gif) top left repeat-x;
	}
.rating-big	.star-rating li{
		padding:0px;
		margin:0px;
		text-indent: -9000px;
		/*\*/
		float: left;
		/* */
	}
.rating-big	.star-rating li a{
		display:block;
		width:50px;
		height: 50px;
		line-height:50px;
		text-decoration: none;
		text-indent: -9000px;
		z-index: 10;
		position: absolute;
		padding: 0px;
		overflow:hidden;
	}
.rating-big	.star-rating li a:hover{
		background: url(/_gfx/star-big.gif) left bottom;
		z-index: 2;
		left: 0px;
		border:none;
	}
.rating-big	.star-rating a.one-star{
		left: 0px;
	}
.rating-big	.star-rating a.one-star:hover{
		width:50px;
	}
.rating-big	.star-rating a.two-stars{
		left:50px;
	}
.rating-big	.star-rating a.two-stars:hover{
		width: 100px;
	}
.rating-big	.star-rating a.three-stars{
		left: 100px;
	}
.rating-big	.star-rating a.three-stars:hover{
		width: 150px;
	}
.rating-big	.star-rating a.four-stars{
		left: 150px;
	}
.rating-big	.star-rating a.four-stars:hover{
		width: 200px;
	}
.rating-big	.star-rating a.five-stars{
		left: 200px;
	}
.rating-big	.star-rating a.five-stars:hover{
		width: 250px;
	}
.rating-big	.star-rating li.current-rating{
		background: url(/_gfx/star-big.gif) left center;
		position: absolute;
		height: 50px;
		display: block;
		text-indent: -9000px;
		z-index: 1;
	}

	/* remove halo effect in firefox   */
	a:active{
		outline: none;
	}
/* konec rating */