.range
{
	width: 95%;
	margin: 1.5em auto;
}
.rangeSlider
{
	position: relative;
	width: 95%;
	max-width: 750px;
	display: inline-block;
	height: 3em;
	border: 2px outset gray;
	vertical-align: middle;
	border-radius: 5px;
}
.rangeSlider table { width: 100%; height: 100%; display: table; margin: 0px; }
.rangeSlider tbody { width: 100%; height: 100%; }
.rangeSlider td { vertical-align:middle; }


.greentored {
	background: #fff; /* Old browsers */
	background: -moz-linear-gradient(left,  #46e646 0%, #e64646 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#46e646), color-stop(100%,#e64646)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #46e646 0%,#e64646 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #46e646 0%,#e64646 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #46e646 0%,#e64646 100%); /* IE10+ */
	background: linear-gradient(left, #46e646 0%,#e64646 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46e646', endColorstr='#e64646',GradientType=1 ); /* IE6-9 */
}
.redtogreen {
	background: #fff; /* Old browsers */
	background: -moz-linear-gradient(left,  #e64646 0%, #46e646 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e64646), color-stop(100%,#46e646)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #e64646 0%,#46e646 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #e64646 0%,#46e646 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #e64646 0%,#46e646 100%); /* IE10+ */
	background: linear-gradient(left, #e64646 0%,#46e646 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e64646', endColorstr='#46e646',GradientType=1 ); /* IE6-9 */
}
.rangeBall
{
	position: absolute;
	top: 0.5em;   /* 1.5 */
	height: 2em;
	width: 2em;
	border-radius: 2em;
	border: 1px outset black;
	display: none;
	background: #bfbfff;
}
/*
.rangeNA { display: none; }
.rangeNA+label {
	display: inline-block;
	padding: 5px;
	margin: 0 0 0 20px;
	vertical-align: middle;
	height : 2em;
	width : 2em;
	line-height: 2em;
	text-align: center;
	border-radius: 5px;
	border: 2px outset gray;
	font-weight: bold;
}
.rangeNA:checked+label {
	background-color: #bbd;
}
*/
.rangeLabelLeft, .rangeLabelRight {
	text-shadow: -2px -2px 4px white,
	             -2px  2px 4px white,
	              2px -2px 4px white,
	              2px  2px 4px white;
}
.rangeLabelLeft { float:left; margin-left:10px; text-align: left; }
.rangeLabelRight { float:right; margin-right:10px; text-align: right; }