/* 
   This file uses much from the MS book of dark arts. You may want to remove some of the gradient filters
   and just use solid background colours instead if you feel the U.I. is sluggish.  
*/

/* The slider is given this class whenever the value has not been set by the user */
.fd-slider-no-value .fd-slider-handle
        {
        /*background:transparent url(mhtml:/css/fd-slider/fd-slider-ie7.css!handlenovalue) repeat;*/
        }
.fd-slider,
.fd-slider-vertical
        {      
        /* We have to set the slider background to have either a solid colour or a background image in order for the :hover
           events to work in IE. Without a solid background colour or background image, the mouse pointer will never display
           the "hand" state - which limits the "clickable" area of the slider be the dimensions of the inner "track bar"
           that sits below the drag handle (the inner track bar has been given a background colour so :hover events work). 
           
           To counter this problem, I've set the background to be a 20px x 20px transparent .gif which has been base64
           encoded at the top of this file (along with the three .png images used for the drag handle states).
        */         
        /*background:transparent url(mhtml:/css/fd-slider/fd-slider-ie7.css!blank) repeat;*/
        }
.fd-slider-handle
        {
        /* Nasty - using an expression to not draw focus outline on drag handle */
        outline:expression(hideFocus='true');
        }
.fd-slider-inner
        {  
        display:none;      
        position:absolute;        
        height:2px;
        border:1px solid #bbf;
        background:#bbf;      
        top:4px;        
        bottom:none;
        left:4px;
        right:12px;              
        z-index:2;       
        margin:0;
        padding:0;
        overflow:hidden;
        line-height:4px;        
        filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=3.5); 
        }
/* Reposition the "blur" filter for the vertical slider */
.fd-slider-vertical .fd-slider-inner
        {        
        width:2px;
        height:auto;     
        top:4px;
        bottom:12px;
        left:4px;
        right:auto;
        }
/* Display the inner "glow" onfocus */
.fd-slider-focused .fd-slider-inner
        {
        display:block;
        }
.fd-slider-bar
        {  
        /* Using the gradient filter for IE. Colour strings in AARRGGBB format */
        filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffececec',endColorstr='#ffcccccc');
        }
.fd-slider-vertical .fd-slider-bar
        {  
        filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffececec',endColorstr='#ffcccccc');
        }
.fd-slider-range
        {  
        filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ff66cccc',endColorstr='#ff33ccff');
        }
.fd-slider-vertical .fd-slider-range
        {  
        filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ff66cccc',endColorstr='#ff33ccff');
        }        
/* Disabled slider styles */
.fd-slider-disabled .fd-slider-bar
        {
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ff222222',endColorstr='#ff000000');
        }
.fd-slider-disabled .fd-slider-range
        {
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ff666666',endColorstr='#ff333333');
        }
.fd-slider-vertical.fd-slider-disabled .fd-slider-bar
        {
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ff666666',endColorstr='#ff333333');
        }
.fd-slider-vertical.fd-slider-disabled .fd-slider-range
        {
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ff666666',endColorstr='#ff333333');
        }