.fd-slider
        {
        position:relative;
        width:100%;
        height:20px;
        text-align:center;
        }
.fd-slider-inner
        {
        position:relative;
        height:18px;
		background:url(../images/slider-bg.gif) top left no-repeat;
        -moz-user-focus:normal;
        -moz-user-select:none;
        voice-family: "\"}\"";
        voice-family: inherit;
        height:20px;
        }
.fd-slider-bar
        {
        position:relative;
        height:4px;
        margin:0;
        overflow:hidden;
        line-height:4px;
        -moz-user-select:none;
        voice-family: "\"}\"";
        voice-family: inherit;
        height:2px;
        }
html>body .fd-slider-bar
        {
        height:2px;
        }

/* CSS common to both vertical and horizontal sliders */
.fd-slider-inner:focus,
.focused
        {
        }
.fd-slider-handle
        {
        position:absolute;
        top:0;
        left:0;
        width:12px;
        height:20px;
        background:transparent url(../images/slider-handle.gif) 0px 0px no-repeat !important;
        -moz-user-select:none;
        }
.fd-slider-hover
        {
        background:transparent url(../images/slider-handle-over.gif) 0px 0px no-repeat !important;
        background:none;
        }
/* (DEMO ONLY) An extra class that floats the horizontal sliders left for the demo */
div.extraclass
        {
        width:99px;
        float:left;
		margin:0 10px 0 0;
        }