/* ****************** Some basic stuff ****************** */
li 
{
	clear:both;
	/*margin-bottom:1em;*/
	margin-bottom:2px; /*WR*/
	margin: 0px; /*WR*/
	border-bottom:1px solid #eee;
	padding: 0px; /*WR*/
}
/* ****************** RatingStar ****************** */
.ratingStar
{
	white-space:nowrap;
	/*margin:1em;*/
	margin:2px;/*WR*/
	padding: 0px; /*WR*/
	border-width: 0px; /*WR*/
	height:14px;
}
.ratingStar .ratingItem {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    display: block;
    background-repeat: no-repeat;
	cursor:pointer;
}
.ratingStar .Filled {
    background-image: url(images/rating/ratingStarFilled.png);
}
.ratingStar .Empty {
    background-image: url(images/rating/ratingStarEmpty.png);
}
.ratingStar .Saved {
    background-image: url(images/rating/ratingStarSaved.png);
}

.ratingStar .FilledGreen {
    background-image: url(images/rating/ratingStarFilledGreen.png);
}

.ratingStar .FilledBlue {
    background-image: url(images/rating/ratingStarFilledBlue.png);
}

/* ****************** Gauge ****************** */
.ratingGauge
{
	white-space:nowrap;
    font-size: 0pt;
    /*setting this width smaller than the width of the background 
    image has no effect appart from bawlsing things up*/
	/*width:122px;*/
	width:42px;
	height:12px;
	padding:1px 0 1px 1px;
	/*margin:1em;*/
	margin:1px;
	background-color:transparent;
	background-position:top left;
	background-repeat:no-repeat;
	background-image:url(images/rating/ratingGauge.png);
}
.ratingGauge .ratingItem {
    font-size:0pt;
    /*This width parameter has to be altered if we want to 
    make the control larger or smaller or change the
    number of gradations represented by the control*/
    /*
    width of this item * no of gradations + 2 = width of background image
    the + 2 is important - allows for the 11 pixcell wide black border at both ends
    */
    /*width:20px;*/
    /*width:20px;*/
    width:8px;
    /*width:4px;*/ /*IE6 uses this setting byt friefox does not*/
    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/rating/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/rating/ratingFilled.png);
}
.ratingThermometer .Empty {
    background-image: url(images/rating/ratingEmpty.png);
}
.ratingThermometer .Saved {
    background-image: url(images/rating/ratingSaved.png);
}