/* Styles for the horizontal slider */

/* la barra horizontal */
.fd-slider
        {
        position:relative;
        width:90%;
        height:20px;
        text-align:left;
        border:0 none;
        text-decoration:none;
        display:block;
        cursor:pointer;
        }
/* el rectangulo del fondo - lo pongo a cero para que no salga */
.fd-slider-inner
        {
        position:relative;
        display:block;
        z-index:1;
        height:0px;
        text-align:left;
        background:#fcfcfc;
        }
/* mas de la barra horizontal */
.fd-slider-bar
        {
        position:absolute;
        display:block;
        z-index:2;
        height:2px;
        border:1px solid #555a60;
        border-bottom:1px solid #555a60;
        border-right:1px solid #555a60;
        background:#7fba28;
        margin:0;
        padding:0;
        overflow:hidden;
        line-height:4px;
        top:8px;
        bottom:none;
        left:1px;
        right:1px; 
        }
/* black handle, no glow */
.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(../javascript/slider-disabled.png) no-repeat 0px 0px;
        cursor:W-resize;  
        line-height:20px;
        font-size:20px;       
        }
.fd-slider-handle:focus
        {
        outline:0px none;
        border:0 none;
        }
/* black handle, glow */
.fd-slider-hover .fd-slider-handle
        {
        background:transparent url(../javascript/slider-disabled-1.png) no-repeat 0px 0px;
        }
/* blue handle, no glow */
.focused .fd-slider-handle
        {
        background:transparent url(../javascript/slider.png) no-repeat 0px 0px;
        }
/* blue handle glow */
.focused.fd-slider-hover .fd-slider-handle
        {
        background:transparent url(../javascript/slider-1.png) no-repeat 0px 0px;
        }
body.slider-drag-vertical
        {
        cursor:N-resize !important;
        }
body.slider-drag-horizontal
        {
        cursor:W-resize !important;
        }
.fd_hide_slider_input
        {
        display:none;
        }    
/* Disabled Sliders */  
.slider-disabled
        {
        opacity:.8;
        filter:alpha(opacity=80);
        }
.slider-disabled .fd-slider-handle
        {
        cursor:auto !important;
        }