﻿.RatingText{
	/*line-height:15px;*/
	/*margin:2px 5px 0 5px;*/
	float:left;
	margin-left:5px;
	margin-right:5px;
}


/*Show Rating control*/

.ContentRatingDiv {
	margin:0 0 0 0;
	float:left;
	font-size:10px;
	color:#6e7072;
	font-weight:bold;
	height:13px;
}

.RatingPanel
{
	background-color: #d0dd93;
	background-image: url(imgs/ui/rating/ratingpanel_bg_left.gif);
	background-repeat: no-repeat;
	/* 5px 8px 6px;*/
	height: 21px;
	width: 83px;
	/*background-color:#ccdeec;*/
	float:left;
	/*width:70px;*/
	/*height:13px;*/
	margin: 0 0 0 0;
	padding:0;
	overflow:hidden;
	position:relative; /*must be declared, otherwise onclick event don't work in IE8*/ 
	left:0px;
}
div.RatingStartElement
{
	height:13px; 
	width:14px; 
	background-position:left top;
	background-repeat:no-repeat; 
	/*background-color:#c6c6c6; */
	float:left; 
	margin:4px 0 0 6px;
	padding:0;
	background-image: url(imgs/ui/rating/StarEmpty.gif);
}
* html div.RatingStartElement{margin-left:3px;}
div.RatingElement
{
	height:13px; 
	width:14px;
	/*background-color:#c6c6c6; */
	float:left; 
	margin:4px 0 0 0;	
	padding:0;
	/*line-height:1px;*/
	background-image: url(imgs/ui/rating/StarEmpty.gif);
}
div.RatingEndElement
{
	height:13px;
	width:14px; 
	background-position:right top; 
	background-repeat:no-repeat;
	/*background-color:#c6c6c6;*/ 
	background-image: url(imgs/ui/rating/StarEmpty.gif);
	float:left;
	margin: 4px 0 0 0;
}
div.RatingStartActive
{
	height:13px; 
	width:14px;
	background-position:left top; 
	background-repeat:no-repeat;
	background-image: url(imgs/ui/rating/StarSaved.gif);
	/*background-color:#44a51c*/
}
div.Rating2Active
{
	height:13px; 
	width:14px;
	background-image: url(imgs/ui/rating/StarSaved.gif);
	/*background-color:#4cae24*/	
}
div.Rating3Active
{
	height:13px; 
	width:14px;
	background-image: url(imgs/ui/rating/StarSaved.gif);
	/*background-color:#5cbf37*/
}
div.Rating4Active
{
	height:13px; 
	width:14px;
	background-image: url(imgs/ui/rating/StarSaved.gif);
	/*background-color:#5bc633*/	
}
div.RatingEndActive
{
	height:13px;
	width:14px; 
	background-image: url(imgs/ui/rating/StarSaved.gif); 
	background-position:right top;
	background-repeat:no-repeat;
	/*background-color:#5ed133*/
}


/* Give Rating control */
.RatingPanelGive
{
	/*background-color:#ccdeec;*/
	/*5x14=70px*/
	background-color: #D0DD93;
	background-image: url(imgs/ui/rating/ratingpanel_bg_left.gif);
	background-repeat: no-repeat;
	/*width:70px;
	height:13px;*/
	height: 21px;
	width: 83px;
	margin:4px 0 0 0;
	padding:0;
	float:left;
}

div.RatingPanelGive div.RatingControl
{
	width:70px;
	height:13px;
	margin:3px 0 0 6px;	
	padding:0;
	float:left;
	line-height:1px;
}

div.RatingPanelGive div.RatingControl a
{
	margin:0 0 0 0;	
	padding:0;
	height:13px;
	line-height:1px;
}

div.RatingPanelGive div.RatingControl a span
{
	margin:0 0 0 0;	
	height:13px;
	line-height:1px;
}

.ratingElement {
	line-height:1px;
	font-size:1px;
    height:1px; 
	width:14px;
	/*background-color:#c6c6c6;*/
    margin:0 0 0 0;	
	padding:0;
    cursor: pointer;
    float:left;
    /*display: block;
    background-repeat: no-repeat;*/
}

.filledRatingElement
{
	background-image: url(imgs/ui/rating/StarSaved.gif);
	/*background-color: #99b88c;*/
	margin: 0 0 0 0;
	padding: 0;
}

.emptyRatingElement {
    background-image: url(imgs/ui/rating/StarEmpty.gif);
}

.savedRatingElement {
    background-image: url(imgs/ui/rating/StarSaved.gif);
    /*background-color:#5bc633*/
}

