/*********************/
/** jRating CSS **/
/*********************/

span.rating {padding:0!important;    float: left;}
/**Div containing the color of the stars */
.jRatingAverage {
	
	background: url("../img/jquery/stars.png") repeat-x 0 0 !important;
	 /*background-color:#ff8800;f4c239*/
	position:relative;
	top:0;
	left:0;
	z-index:5;
	height:100%;
}
.jRatingColor {
	/*background-color:#333;  bgcolor of the stars - #ed7e00*/
	position:relative;
	top:0;
	left:0;
	z-index:2;
	height:100%;
}

/** Div containing the stars **/
.jStar {
	position:relative;
	left:0;
	z-index:3;
	background: url("../img/jquery/stars.png") repeat-x 0 -21px !important;
}

/** P containing the rate informations **/
p.jRatingInfos {
	position:		absolute;
	z-index:9999;
	background-color: #333;
	color:			#ee7f01;
	display:		none;
	width:			91px;
	height:			29px;	
	font-size:16px;
	text-align:center;
	padding-top:5px;
}
	p.jRatingInfos span.maxRate {
		color:#c9c9c9;
		font-size:14px;
	}
.rateNumber span{
	float:left;
	padding: 0 5px
	}
#resetRating {
	color:#ee7f01
	}

	.ratingExplain{
		clear: left;
		float: left;
		margin-left: 106px !important;
		width: 75% !important;
		}
.starRating,
.starRate{
	float:left;
	margin: -5px 0 10px;
	width:104px;
	height:21px;
	position:relative;
	}
	.starRating{
		background: url("../img/jquery/stars.png") repeat-x 0 -21px !important;
		margin-top:0;
		}
	.starRating div{
		background: url("../img/jquery/stars.png") repeat-x 0 0 !important;
		height: 21px;
		margin-top:-1px;
		}
	.starRate .jStar{
		position:absolute;
		left:0;
		bottom:0;
		z-index:3;
		width:100%;
		height:21px;
		background: url("../img/jquery/stars.png") repeat-x 0 -21px !important;
		}
	.starRate .jRatingAverage{
		background: url("../img/jquery/stars.png") repeat-x 0 0 !important;
		 /*background-color:#ff8800;f4c239*/
		position:relative;
		top:-22px !important;
		left:0;
		z-index:5;
		height:100%;
		}