rlm@46: /*
rlm@46:  * Ext JS Library 2.1
rlm@46:  * Copyright(c) 2006-2008, Ext JS, LLC.
rlm@46:  * licensing@extjs.com
rlm@46:  * 
rlm@46:  * http://extjs.com/license
rlm@46:  */
rlm@46: #slider-fill {
rlm@46:     width:50px; 
rlm@46:     height:20px;
rlm@46:     padding:0px;
rlm@46:     margin:0px;   
rlm@46:     background-image:url(../img/rainbow1.png);  
rlm@46:     background-position: 0px 2px;  
rlm@46:     background-repeat: no-repeat; 
rlm@46:     
rlm@46: }  
rlm@46: #slider-stroke {
rlm@46:     width:50px; 
rlm@46:     height:20px;
rlm@46:     padding:0px;
rlm@46:     margin:0px;   
rlm@46:     background-image:url(../img/rainbow1.png);  
rlm@46:     background-position: 0px 2px;  
rlm@46:     background-repeat: no-repeat;
rlm@46: }    
rlm@46: #opacity-slider-fill {  
rlm@46:     position: relative; 
rlm@46:     top:-3px;
rlm@46: 
rlm@46:     width:50px; 
rlm@46:     height:14px;
rlm@46:     padding-top:0px;
rlm@46:     padding-left:0px;
rlm@46:     padding-right:0px; 
rlm@46:     margin-left:0px; 
rlm@46:     margin-right:0px;   
rlm@46:     background-image:url(../img/bar.gif);  
rlm@46:     background-position: 0px 2px;  
rlm@46:     background-repeat: repeat-x;    
rlm@46:     background-color: #ff0000;
rlm@46:     opacity: 1;
rlm@46:     -moz-opacity: 1;
rlm@46:     filter: alpha(opacity=100);
rlm@46: 
rlm@46: }
rlm@46: 
rlm@46: #opacity-slider-stroke {   
rlm@46:     position: relative; 
rlm@46:     top:-20px;
rlm@46: 
rlm@46: 
rlm@46:     width:50px; 
rlm@46:     height:14px;
rlm@46:     padding-top:0px; 
rlm@46:     padding-left:0px;
rlm@46:     padding-right:0px;
rlm@46:     margin-left:0px;  
rlm@46:     margin-right:0px; 
rlm@46:     background-image:url(../img/bar.gif);  
rlm@46:     background-position: 0px 2px;  
rlm@46:     background-repeat: repeat-x;  
rlm@46:     background-color: #000000;  
rlm@46:     opacity: 1;
rlm@46:     -moz-opacity: 1;
rlm@46:     filter: alpha(opacity=100);
rlm@46: 
rlm@46: } 
rlm@46: 
rlm@46: #width-slider-stroke-mask {   
rlm@46:     position: relative; 
rlm@46:     top:-4px;
rlm@46:     width:1px; 
rlm@46:     height:14px;      
rlm@46:     padding-top:0px; 
rlm@46:     padding-left:0px;
rlm@46:     padding-right:0px;
rlm@46:     margin-left:0px;  
rlm@46:     margin-right:0px; 
rlm@46:     background-color: #000000; 
rlm@46:  
rlm@46: } 
rlm@46: #width-slider-stroke { 
rlm@46:     position:relative;
rlm@46:     width:50px; 
rlm@46:     height:14px;
rlm@46:     top:-18px;
rlm@46:     padding-top:0px; 
rlm@46:     padding-left:0px;
rlm@46:     padding-right:0px;
rlm@46:     margin-left:0px;  
rlm@46:     margin-right:0px; 
rlm@46:     background-image:url(../img/bar.gif);  
rlm@46:     background-position: 0px 2px;  
rlm@46:     background-repeat: repeat-x;  
rlm@46:     background-color: transparent; 
rlm@46:  
rlm@46: } 
rlm@46: #slider-fill .x-slider-thumb { 
rlm@46:     top:0px; 
rlm@46:     height:12px;
rlm@46:     background-image:url(../img/slider-point.gif); 
rlm@46:         padding:0px;
rlm@46:     margin:0px;   
rlm@46: 
rlm@46: }
rlm@46: #slider-stroke .x-slider-thumb { 
rlm@46:     top:0px;  
rlm@46:     height:12px;
rlm@46:     background-image:url(../img/slider-point.gif); 
rlm@46: }
rlm@46: #opacity-slider-fill .x-slider-thumb { 
rlm@46:     top:0px;
rlm@46:     background-image:url(../img/slider-metal.gif); 
rlm@46: }
rlm@46: #opacity-slider-stroke .x-slider-thumb { 
rlm@46:     top:0px;
rlm@46:     background-image:url(../img/slider-metal.gif);  
rlm@46: }
rlm@46: #width-slider-stroke .x-slider-thumb { 
rlm@46:     top:0px;
rlm@46:     background-image:url(../img/slider-metal.gif); 
rlm@46: }
rlm@46: 
rlm@46: .x-slider{zoom:1;}
rlm@46: .x-slider-inner{position:relative;left:0;top:0;overflow:visible;zoom:1;}
rlm@46: .x-slider-focus{position:absolute;left:0;top:0;width:1px;height:1px;line-height:1px;font-size:1px;-moz-outline:0 none;outline:0 none;-moz-user-select:normal;-khtml-user-select:normal;}
rlm@46: 
rlm@46: .x-slider-horz .x-slider-thumb-over{background-position:-14px -15px;}
rlm@46: .x-slider-horz .x-slider-thumb-drag{background-position:-28px -30px;}
rlm@46: 
rlm@46: 
rlm@46: .x-slider-horz{padding-left:7px;background:transparent url() no-repeat 0 -22px;}
rlm@46: .x-slider-horz .x-slider-end{padding-right:7px;zoom:1;background:transparent url() no-repeat right -44px;}
rlm@46: .x-slider-horz .x-slider-inner{background:transparent url() repeat-x 0 0;height:22px;}
rlm@46: .x-slider-horz .x-slider-thumb{width:14px;height:15px;position:absolute;left:0;top:3px;background:transparent url() no-repeat 0 0;}