/*

   Slider CSS, style as you please.

   Note: The png images used for this demo were originally located at http://www.schillmania.com/

   Remove the -moz & -khtml styles if you want the css to validate.
   
   Change the image paths to suit you installation.

*/

/* Styles for the horizontal slider */
.fd-slider
        {
        position:relative;
        width:304px;
        height:27px;
		padding:0;
        text-align:center;
        border:0 none;
        text-decoration:none;
        display:block;
		margin:0 0 5px 0;
        -moz-user-select:none;
        -khtml-user-select:none;
        cursor:pointer;
		background:url(../images/bg-slider.gif) left top no-repeat;
		z-index:1;
        }
.fd-slider-inner
        {
        position:relative;
        display:block;
        z-index:1;
        height:26px;
        text-align:left;   
		    
        }
.fd-slider-bar
        {
        position:absolute;
        display:block;
        z-index:2;
        height:16px;
        border:0;
        margin:0;
        padding:0;
        overflow:hidden;
        line-height:4px;
        top:5px;
        bottom:none;  
		z-index:5;
        }
/* Styles for the vertical slider */
.fd-slider-vertical
        {
        position:relative;
        border:0 none;
        text-decoration:none;
        display:block;
        width:20px;
        height:100%;
        text-align:center;
        -moz-user-select:none;
        -khtml-user-select:none
        cursor:pointer;
        cursor:hand;
        }
.fd-slider-vertical .fd-slider-inner
        {
        display:block;
        width:18px;
        height:100%;
        text-align:left;
        background:#fcfcfc;
        border:1px solid #ccc;
        }
.fd-slider-vertical .fd-slider-bar
        {         
        width:2px;   
        top:10px;
        bottom:10px;
        left:8px;
        right:none;
        height:auto;
        }
.fd-slider-vertical .fd-slider-handle
        {
        cursor:N-resize;
        }
.focused .fd-slider-inner
        {
        }
/* black handle, no glow */
.fd-slider-handle
        {
        position:absolute;
        display:block;
        padding:0;
        border:0 none;
        margin:0;
        z-index:3;
        top:3px;
        left:0;
        width:112px;
        height:22px;
        outline:0px none;
        background:transparent url(../images/bg-slider.png) no-repeat center bottom;
        cursor:W-resize;  
        line-height:22px;
        font-size:22px;       
        -webkit-user-select: none;
        -moz-user-select:none;
        -moz-user-focus:none;
        -moz-outline:0px none;               
        }
.fd-slider-handle:focus
        {
        outline:0px none;
        border:0 none;
        -moz-user-focus:normal;
        }
button.fd-slider-handle:focus::-moz-focus-inner { border-color: transparent; }

/* black handle, glow */
.fd-slider-hover .fd-slider-handle
        {
        background:transparent url(../images/bg-slider.png) no-repeat center bottom;
        }
/* blue handle, no glow */
.focused .fd-slider-handle
        {
        background:transparent url(../images/bg-slider.png) no-repeat center bottom;
        }
/* blue handle glow */
.focused.fd-slider-hover .fd-slider-handle
        {
        background:transparent url(../images/bg-slider.png) no-repeat center bottom;
        }
body.slider-drag-vertical
        {
        cursor:N-resize !important;
        }
body.slider-drag-horizontal
        {
        cursor:W-resize !important;
        }
.fd_hide_slider_input
        {
        display:none;
        }
		
		
/* ENHANCEMENTS BY FC */
.amount{
	position:absolute;
	left:-15px;
	top:-10px;
	width:50px;
	height:30px;
	margin:-20px 0 0 0;
	padding:0;
	z-index:10;
	text-align:center;
	font-size:1.3em;
	font-weight:bold;
}
.upper{
	float:right;width:20%;
	margin:5px -10px 0 0;
	font-weight:bold;
	font-size:0.94em;
}
.lower{
	float:left;width:20%;
	margin:5px 0 0 -10px;
	font-weight:bold;
	font-size:0.94em;
}