/*	Rating Background Layer	*/
span.RatingBackgroundLayer{
	position:relative;
	width:76px;
	max-width: 76px;
	height:13px;
  	max-height: 13px;
  	display: -moz-inline-box; /* For FF 2 */
  	display: block;
  	float: left;
    visibility: visible;
}
span.RatingBackgroundLayerLargeGrey{
	width:95px;
	max-width: 95px;
	height:15px;
  	max-height: 15px;
}
span.RatingBackgroundLayerWhite{ background-color: #ffffff; }
span.RatingBackgroundLayerLightgrey{ background-color: #e7e7e7; }
span.RatingBackgroundLayerBlue, span.RatingBackgroundLayerLargeBlue{ background-color: #b0b0b0; }
span.RatingBackgroundLayerGrey, span.RatingBackgroundLayerLargeGrey{ background-color: #cccccc; }


/*	Rating Spreading Layer	*/
span.RatingSpreadingLayer {
	overflow: hidden;
	position: absolute;
	left: 0px;
	border: none;
	height:13px;
  	max-height: 13px;
  	display: -moz-inline-box; /* For FF 2 */
  	display: block;
  	float: left;
    visibility: visible;
}
span.RatingSpreadingLayerLarge{
  	overflow: hidden;
	position: absolute;
	left: 0px;
	border: none;
	height:15px;
  	max-height: 15px;
  	display: -moz-inline-box; /* For FF 2 */
  	display: block;
  	float: left;
    visibility: visible;
}
span.RatingSpreadingLayerWhite{ background-color: #ffffff; }
span.RatingSpreadingLayerBlue{ background-color: #666666; }



/*	Rating Image Layer	*/
span.RatingImageLayer{
	width:76px;
	left: 0px;
	position: absolute;
	max-width: 76px;
	background-repeat:repeat-x;
	background-position: left top;
	height:13px;
  	max-height: 13px;
  	display: -moz-inline-box; /* For FF 2 */
  	display: block;
  	float: left;
    visibility: visible;
}
span.RatingImageLayerLargeWhite {
	width:95px;
	max-width: 95px;
	height:15px;
  	max-height: 15px;
	background-image:url("images/rating.dot.large.white.png");
	cursor:pointer;
}
span.RatingImageLayerBlue{ background-image:url("images/rating.dot.bg.blue.png"); }
span.RatingImageLayerGrey{	background-image:url("images/rating.dot.bg.grey.png"); }
span.RatingImageLayerWhite{ background-image:url("images/rating.dot.bg.white.png"); }
span.RatingImageLayerLightgrey{ background-image:url("images/rating.dot.bg.lightgrey.png"); }


/*	Rating Dot Frame Image Layer */
span.RatingDotFrameWhite{
	position: absolute;
	left: 0px;
	background-repeat:repeat-x;
	background-image:url("images/rating.dot.frame.white.png");
	background-position: left top;
	height:13px;
  	max-height: 13px;
  	display: block;
  	float: left;
	width:76px;
}
span.NoRatingDotFrame{
	display:none;
}



.RatingWidget {
	height:55px;
}
.RatingWidget:hover span.RatingSpreadingLayerBlue { background-color: #7f7f7f;}

span.RatingContainer{
	margin-top:3px;
	float:left;
}

span.RatingSeperator {
	float:left;
	display:block;
	margin-left: 3px;
	margin-right: 2px;
	height:13px;
	width:1px;
}
span.RatingSeperatorLargeGrey {
	height:23px;
	margin-left: 11px;
	margin-right: 10px;
	background-color: #cccccc;
}
span.RatingSeperatorWhite {
	height:20px;
	margin-left: 4px;
	margin-right: 8px;
	background-color: #ffffff;
}
span.RatingSeperatorNone {
	display:none;
}

span.RatingTotalCountContainer{
	float:left;
	line-height:1;
	margin-top:4px;
	font-size:11px;
	width:24px;
	font-weight:bold;
	text-align:center;
}
span.TotalRatingsCountWhite {
	color: #ffffff;
}
span.TotalRatingsCountBlue{
	color: #b0b0b0;
	text-align:left;
}
span.TotalRatingsCountBlack{
	color: #4d4d4d;
	margin-right:8px;
}
span.TotalRatingsCountGrey{
	color: #666666;
	margin-top:5px;
	font-size:12px;
	text-align:right;
	width:auto;
}