/* Styles for the horizontal slider */
.fd-slider
        {
        position:relative;
        width:100%;
        height:20px;
        text-align:center;
        border:0 none;
        text-decoration:none;
        display:block;
        cursor:pointer;
        }
/* Box around sliders  */
.fd-slider-inner
        {
        position:relative;
        display:block;
        z-index:1;
        height:18px;
        text-align:left;
		margin-right:8px;
        background:#fcfcfc;
        border:1px solid #ccc;
        } 

/* This shows the background of the slider */		
.fd-slider-bar
        {
        position:absolute;
        display:block;
        z-index:2;
        height:2px;
		width:235px;
        border:1px solid #bbb;
        border-bottom:1px solid #aaa;
        border-right:1px solid #aaa;
        background:#ddd;
        margin-top:3px;
        overflow:hidden;
        line-height:4px;
        }

/* sets the background on the active slider to look focused */
.focused .fd-slider-inner
        {
        background:#eee !important;
        border:1px solid #aaa !important;
        } 
/* styles for the slider button */
.fd-slider-handle
        {
        position:absolute;
        display:block;
        padding:0;
        border:0 none;
        margin:0;
        z-index:3;
        top:0;
        left:0;
        width:20px;
        height:20px;
        outline:0px none;
        background:transparent url(/images/calcs/slider-disabled.png) no-repeat 0px 0px;
        cursor:W-resize;
        }
		

/* black handle, glow */
.fd-slider-hover .fd-slider-handle
        {
        background:transparent url(/images/calcs/slider-disabled-1.png) no-repeat 0px 0px;
        }

/* Makes the button glow blue when active */
.focused.fd-slider-hover .fd-slider-handle
        {
        background:transparent url(/images/calcs/slider-1.png) no-repeat 0px 0px;
    }