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: 
rlm@46: /* Shared styles */
rlm@46: .x-slider {
rlm@46:     zoom:1;
rlm@46: }
rlm@46: .x-slider-inner {
rlm@46:     position:relative;
rlm@46:     left:0;
rlm@46:     top:0;
rlm@46:     overflow:visible;
rlm@46:     zoom:1;
rlm@46: }
rlm@46: .x-slider-focus {
rlm@46: 	position:absolute;
rlm@46: 	left:0;
rlm@46: 	top:0;
rlm@46: 	width:1px;
rlm@46: 	height:1px;
rlm@46:     line-height:1px;
rlm@46:     font-size:1px;
rlm@46:     -moz-outline:0 none;
rlm@46:     outline:0 none;
rlm@46:     -moz-user-select: normal;
rlm@46:     -khtml-user-select: normal;  
rlm@46: }
rlm@46: 
rlm@46: /* Horizontal styles */
rlm@46: .x-slider-horz {
rlm@46:     padding-left:7px;
rlm@46:     background:transparent url(../images/default/slider/slider-bg.png) no-repeat 0 -22px;
rlm@46: }
rlm@46: .x-slider-horz .x-slider-end {
rlm@46:     padding-right:7px;
rlm@46:     zoom:1;
rlm@46:     background:transparent url(../images/default/slider/slider-bg.png) no-repeat right -44px;
rlm@46: }
rlm@46: .x-slider-horz .x-slider-inner {
rlm@46:     background:transparent url(../images/default/slider/slider-bg.png) repeat-x 0 0;
rlm@46:     height:22px;
rlm@46: }
rlm@46: .x-slider-horz .x-slider-thumb {
rlm@46:     width:14px;
rlm@46:     height:15px;
rlm@46:     position:absolute;
rlm@46:     left:0;
rlm@46:     top:3px;
rlm@46:     background:transparent url(../images/default/slider/slider-thumb.png) no-repeat 0 0;
rlm@46: }
rlm@46: .x-slider-horz .x-slider-thumb-over {
rlm@46:     background-position: -14px -15px;
rlm@46: }
rlm@46: .x-slider-horz .x-slider-thumb-drag {
rlm@46:     background-position: -28px -30px;
rlm@46: }
rlm@46: 
rlm@46: /* Vertical styles */
rlm@46: .x-slider-vert {
rlm@46:     padding-top:7px;
rlm@46:     background:transparent url(../images/default/slider/slider-v-bg.png) no-repeat -44px 0;
rlm@46:     width:22px;
rlm@46: }
rlm@46: .x-slider-vert .x-slider-end {
rlm@46:     padding-bottom:7px;
rlm@46:     zoom:1;
rlm@46:     background:transparent url(../images/default/slider/slider-v-bg.png) no-repeat -22px bottom;
rlm@46: }
rlm@46: .x-slider-vert .x-slider-inner {
rlm@46:     background:transparent url(../images/default/slider/slider-v-bg.png) repeat-y 0 0;
rlm@46: }
rlm@46: .x-slider-vert .x-slider-thumb {
rlm@46:     width:15px;
rlm@46:     height:14px;
rlm@46:     position:absolute;
rlm@46:     left:3px;
rlm@46:     bottom:0;
rlm@46:     background:transparent url(../images/default/slider/slider-v-thumb.png) no-repeat 0 0;
rlm@46: }
rlm@46: .x-slider-vert .x-slider-thumb-over {
rlm@46:     background-position: -15px -14px;
rlm@46: }
rlm@46: .x-slider-vert .x-slider-thumb-drag {
rlm@46:     background-position: -30px -28px;
rlm@46: }