/*	Rating Background Layer	*/
.RatingBackgroundLayer{
	position:relative;
	width:80px;
	margin-top: 4px;
	max-width: 80px;
	height:12px;
	max-height: 12px;
	display: block;
	float: left;
	visibility: visible;
	background-color: transparent;
}
.RatingBackgroundLayerLarge{
	width:100px;
	max-width: 100px;
	height:15px;
	max-height: 15px;
}
.RatingBackgroundLayerWhite{ background-color: #ffffff; }
.RatingBackgroundLayerLightGrey{ background-color: #e6e6e6; }
.RatingBackgroundLayerBlue{ background-color: #4d4d4d; }
.RatingBackgroundLayerGrey{ background-color: #f2f2f2; }

/*	Rating Spreading Layer	*/
.RatingBackgroundLayer .RatingSpreadingLayer{
	overflow: hidden;
	position: absolute;
	left: 0px;
	border: none;
	height:12px;
	max-height: 12px;
	display: block;
	float: left;
	visibility: visible;
}
.RatingBackgroundLayerLarge .RatingSpreadingLayer{
	height:15px;
	max-height: 15px;
}
.RatingSpreadingLayerWhite{ background-color: #ffffff; }
.RatingBackgroundLayer:hover .RatingSpreadingLayerBlue, .RatingSpreadingLayerBlue:hover{ background-color: #fd7326; }
.RatingSpreadingLayerBlue, .ReadOnly .RatingSpreadingLayerBlue,
.RatingBackgroundLayer.ReadOnly:hover .RatingSpreadingLayerBlue, .ReadOnly .RatingSpreadingLayerBlue:hover{ background-color: #4d4d4d; }

/*	Rating Image Layer	*/
.RatingImageLayer{
	width:80px;
	left: 0px;
	max-width: 80px;
	height:12px;
	max-height: 12px;
	display: block;
	float: left;
	visibility: visible;
	cursor:pointer;
}
.ReadOnly .RatingImageLayer, .ReadOnly .RatingImageLayer:hover { cursor:default; }
.EntityBox .RatingImageLayer:hover{ cursor:pointer; }

.RatingBackgroundLayerLarge .RatingImageLayer{
	width:100px;
	max-width: 100px;
	height:15px;
	max-height: 15px;
}
.RatingImageLayer .RatingDot{
	width: 20%;
	height: 13px;
	top:-1px;
	display: block;
	float: left;
	position: relative;
	margin: 0px;
}
.RatingBackgroundLayerLarge .RatingImageLayer .RatingDot{
	height: 16px;
}

.RatingImageLayer.RatingDotFrameWhite .RatingDot .IconSVG.Frame,
.RatingImageLayerWhite .RatingDot .IconSVG.Cover{ fill:#ffffff; }
.RatingImageLayerGrey .RatingDot .IconSVG.Cover{ fill:#cccccc; }
.RatingImageLayerLightgrey .RatingDot .IconSVG.Cover{ fill:#f2f2f2; }
.RatingImageLayerBlue .RatingDot .IconSVG.Cover{ fill:#4d4d4d; }
.EntityBox:hover .RatingBackgroundLayerBlue .RatingImageLayerBlue .RatingDot .IconSVG.Cover{ fill:#fd7326; }

.RatingWidget { height:55px; }

span.RatingSeparator {
	float:left;
	display:block;
	margin-left: 3px;
	margin-right: 2px;
	height:12px;
	width:1px;
}
span.RatingSeparatorLargeGrey {
	height:23px;
	margin-left: 11px;
	margin-right: 10px;
	background-color: #cccccc;
}
span.RatingSeparatorWhite {
	height:20px;
	margin-left: 4px;
	margin-right: 8px;
	float:right;
	background-color: #ffffff;
}
span.RatingSeparatorNone {
	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: #4d4d4d;
	text-align:left;
}
span.TotalRatingsCountBlack{
	color: #4d4d4d;
	margin-right:8px;
}
span.TotalRatingsCountGrey{
	color: #a6a6a6;
	margin-top:5px;
	font-size:12px;
	text-align:right;
	width:auto;
}
.DocumentRating .TotalRatingsCount{ display:none; }