

    
   

div.simpleSliderBox {
	border: 2px solid #cd3301;
	height: 12px;
	background: url('http://media.jinni.com/images/sliderright.gif') left center;
	}

div.simpleSliderBox div.sliderOverlay {
	height: 12px;
	background:
		url('http://media.jinni.com/images/sliderleft.gif')
		left center;
}

div.simpleSliderBox div.sliderPointer {
	background:
		url('http://media.jinni.com/images/knob.gif')
		center center no-repeat;
	width: 11px;
	height: 10px;
	position: absolute;
}
span.lowRateImage, span.highRateImage { float: left; height: 24px; width: 24px;}

.sliderContainter span.lowRateImage {background:
		url('http://media.jinni.com/images/24_rubish_red.gif')
		left center;
}
.sliderContainter span.highRateImage {background:
		url('http://media.jinni.com/images/24_Oscar_red.gif')
		left center;
}

/* suggested mode */
div.suggestedRating div.simpleSliderBox {
	border: 2px solid #579482;
	height: 12px;
	background:
		url('http://media.jinni.com/images/sliderright_turq.gif')
		left center;
}

div.suggestedRating div.simpleSliderBox div.sliderOverlay {
	height: 12px;
	background:
		url('http://media.jinni.com/images/sliderleft_turq.gif')
		left center;
}

div.suggestedRating div.simpleSliderBox div.sliderPointer {
	background:
		url('http://media.jinni.com/images/knob_turquois.gif')
		center center no-repeat;
	width: 11px;
	height: 10px;
	position: absolute;
}
div.suggestedRating span.lowRateImage {background:
		url('http://media.jinni.com/images/24_rubish_turquois.gif')
		left center;
}
div.suggestedRating span.highRateImage {background:
		url('http://media.jinni.com/images/24_Oscar_turquois.gif')
		left center;
}

