﻿

/* ****************** RatingStar ****************** */

.ratingStar1
{
	
	font-size:11px;
	font-family:Arial, Verdana;
	color:#000;
}
.ratingStar .ratingItem {
    font-size: 0pt;
    width: 50px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    display: block;
    background-repeat: no-repeat;
	cursor:pointer;
}
.ratingStar .Filled {
    background-image: url(images/ratingStarFilled.png);
}
.ratingStar .Empty {
    background-image: url(images/ratingStarEmpty.png);
}
.ratingStar .Saved {
    background-image: url(images/ratingStarSaved.png);
}

/* ****************** Gauge ****************** */
.ratingGauge
{
	white-space:nowrap;
    font-size: 0pt;
	width:122px;
	height:12px;
	padding:1px 0 1px 1px;
	margin:1em;
	background-color:transparent;
	background-position:top left;
	background-repeat:no-repeat;
	background-image:url(images/ratingGauge.png);
}
.ratingGauge .ratingItem {
    font-size:0pt;
    width:20px;
    height:8px;
    margin:0;
    padding:0;
    display:block;
    background-repeat: repeat-x;
	cursor:e-resize;
}
.ratingGauge .Filled {
    background-color:transparent;
}
.ratingGauge .Empty {
    background-color:#ff0;
}
.ratingGauge .Saved {
    background-color:#f00;
}

/* ****************** Thermometer ****************** */
.ratingThermometer 
{
	white-space:nowrap;
	width:220px;
	height:0px;
	padding:26px 20px 20px 16px;
	margin:1em;
	background-color:transparent;
	background-position:top left;
	background-repeat:no-repeat;
	background-image:url(images/ratingThermometer2.png);
}
.ratingThermometer .ratingItem {
    font-size: 0pt;
    width: 10px;
    height: 8px;
    margin: 0;
    padding: 0;
    display: block;
    background-repeat: repeat-x;
	cursor:e-resize;
}
.ratingThermometer .Filled {
    background-image: url(images/ratingFilled.png);
}
.ratingThermometer .Empty {
    background-image: url(images/ratingEmpty.png);
}
.ratingThermometer .Saved {
    background-image: url(images/ratingSaved.png);
    
}

.StarCss {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.ratingStarCss {
      font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(images/FilledStar.png);    
}

.emptyRatingStar {
    background-image: url(images/EmptyStar.png);    
}

.savedRatingStar {
    background-image: url(images/SavedStar.png);
}

