2 * Ext JS Library 2.2.1
\r
3 * Copyright(c) 2006-2009, Ext JS, LLC.
\r
4 * licensing@extjs.com
\r
6 * http://extjs.com/license
\r
11 * Originally created by JC Bize
\r
16 background-color:#c8cbd0;
\r
19 border:1px solid #89a;
\r
20 background:#d8dbe0 url(../images/slate/box/tb-blue.gif) repeat-x 0 -16px;
\r
22 .ext-el-mask-msg div{
\r
24 border:1px solid #abc;
\r
28 color:#333 !important;
\r
34 .x-tab-panel-header, .x-tab-panel-footer{
\r
36 border-color:#4f657b;
\r
38 .x-tab-panel-header{
\r
41 .x-tab-panel-footer{
\r
45 background:#dbdbdb url(../images/slate/tabs/tab-strip-bg.gif) repeat-x left top;
\r
46 border-color:#4c647e;
\r
49 ul.x-tab-strip-bottom{
\r
50 background-image:url(../images/slate/tabs/tab-strip-btm-bg.gif);
\r
51 border-color:#566c82;
\r
53 .x-tab-strip span.x-tab-strip-text{
\r
56 .x-tab-strip-over span.x-tab-strip-text{
\r
59 .x-tab-strip-active span.x-tab-strip-text{
\r
62 .x-tab-strip-disabled .x-tabs-text{
\r
65 .x-tab-strip-top .x-tab-right{
\r
66 background-image:url(../images/slate/tabs/tabs-sprite.gif);
\r
68 .x-tab-strip-top .x-tab-left{
\r
69 background-image:url(../images/slate/tabs/tabs-sprite.gif);
\r
71 .x-tab-strip-top .x-tab-strip-inner{
\r
72 background-image:url(../images/slate/tabs/tabs-sprite.gif);
\r
74 .x-tab-strip-bottom .x-tab-right{
\r
75 background-image:url(../images/slate/tabs/tab-btm-inactive-right-bg.gif);
\r
77 .x-tab-strip-bottom .x-tab-left{
\r
78 background-image:url(../images/slate/tabs/tab-btm-inactive-left-bg.gif);
\r
80 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right{
\r
81 background-image:url(../images/slate/tabs/tab-btm-right-bg.gif);
\r
83 .x-tab-strip-bottom .x-tab-strip-active .x-tab-left{
\r
84 background-image:url(../images/slate/tabs/tab-btm-left-bg.gif);
\r
86 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close{
\r
87 background-image:url(../images/slate/tabs/tab-close.gif);
\r
89 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
\r
90 background-image:url(../images/slate/tabs/tab-close.gif);
\r
96 .x-tab-panel-bbar .x-toolbar{
\r
99 .x-tab-panel-tbar .x-toolbar{
\r
102 .x-tab-panel-header-plain .x-tab-strip-spacer,
\r
103 .x-tab-panel-footer-plain .x-tab-strip-spacer{
\r
105 background:#6b869f;
\r
107 .x-tab-scroller-left{
\r
108 background-image:url(../images/slate/tabs/scroll-left.gif);
\r
109 border-color:#aeaeae;
\r
111 .x-tab-scroller-right{
\r
112 background-image:url(../images/slate/tabs/scroll-right.gif);
\r
113 border-color:#aeaeae;
\r
120 background:url('../images/slate/form/checkbox.gif') no-repeat 0 0;
\r
123 background:url('../images/slate/form/radio.gif') no-repeat 0 0;
\r
125 .x-form-check-group-label{
\r
126 border-bottom:1px solid #99bbe8;
\r
129 padding-left:3px !important;
\r
130 float:none !important;
\r
132 .x-form-text, textarea.x-form-field{
\r
133 border:1px solid #9ab;
\r
135 .x-trigger-wrap-focus .x-form-trigger{
\r
136 border-bottom:1px solid #4a7192;
\r
138 .x-form-focus,textarea.x-form-focus{
\r
139 border:1px solid #4a7192;
\r
141 .x-form-field-wrap .x-form-trigger{
\r
142 background:transparent url(../images/slate/form/trigger.gif) no-repeat 0 0;
\r
144 .x-form-field-wrap .x-form-date-trigger{
\r
145 background-image:url(../images/slate/form/date-trigger.gif);
\r
147 .x-form-field-wrap .x-form-clear-trigger{
\r
148 background-image:url(../images/slate/form/clear-trigger.gif);
\r
150 .x-form-field-wrap .x-form-search-trigger{
\r
151 background-image:url(../images/slate/form/search-trigger.gif);
\r
153 .x-form-field-wrap .x-form-trigger{
\r
154 border-bottom:1px solid #778899;
\r
156 .x-form-field-wrap .x-form-trigger-over{
\r
157 background-position:-17px 0;
\r
159 .x-form-field-wrap .x-form-trigger-click{
\r
160 background-position:-34px 0;
\r
162 .x-trigger-wrap-focus .x-form-trigger{
\r
163 background-position:-51px 0;
\r
165 .x-trigger-wrap-focus .x-form-trigger-over{
\r
166 background-position:-68px 0;
\r
168 .x-trigger-wrap-focus .x-form-trigger-click{
\r
169 background-position:-85px 0;
\r
171 .x-form fieldset legend{
\r
181 .x-btn-over button{
\r
184 .x-btn-focus button{
\r
188 background-image:url(../images/slate/button/btn-sprite.gif);
\r
191 background-image:url(../images/slate/button/btn-sprite.gif);
\r
194 background-image:url(../images/slate/button/btn-sprite.gif);
\r
196 .x-btn-text-icon .x-btn-with-menu .x-btn-center em{
\r
197 background:transparent url(../images/slate/toolbar/btn-arrow.gif) no-repeat scroll right 3px;
\r
199 .x-btn-with-menu .x-btn-center em{
\r
200 background:transparent url(../images/slate/toolbar/btn-arrow.gif) no-repeat scroll right 0pt;
\r
202 .x-btn-menu-arrow-wrap .x-btn-center button{
\r
203 background:transparent url(../images/slate/button/btn-arrow.gif) no-repeat left 3px;
\r
211 background:#f0f4f5 url(../images/slate/toolbar/bg.gif) repeat-x top left;
\r
216 .x-toolbar .ytb-text{
\r
219 .x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button{
\r
220 background-image:url(../images/slate/toolbar/btn-arrow.gif);
\r
222 .x-toolbar .x-btn-text-icon .x-btn-menu-arrow-wrap .x-btn-center button{
\r
223 background-image:url(../images/slate/toolbar/btn-arrow.gif);
\r
225 .x-toolbar .x-btn-over .x-btn-left{
\r
226 background-image:url(../images/slate/toolbar/tb-btn-sprite.gif);
\r
228 .x-toolbar .x-btn-over .x-btn-right{
\r
229 background-image:url(../images/slate/toolbar/tb-btn-sprite.gif);
\r
231 .x-toolbar .x-btn-over .x-btn-center{
\r
232 background-image:url(../images/slate/toolbar/tb-btn-sprite.gif);
\r
234 .x-toolbar .x-btn-over button{
\r
237 .x-toolbar .x-btn-click .x-btn-left, .x-toolbar .x-btn-pressed .x-btn-left, .x-toolbar .x-btn-menu-active .x-btn-left{
\r
238 background-image:url(../images/slate/toolbar/tb-btn-sprite.gif);
\r
240 .x-toolbar .x-btn-click .x-btn-right, .x-toolbar .x-btn-pressed .x-btn-right, .x-toolbar .x-btn-menu-active .x-btn-right{
\r
241 background-image:url(../images/slate/toolbar/tb-btn-sprite.gif);
\r
243 .x-toolbar .x-btn-click .x-btn-center, .x-toolbar .x-btn-pressed .x-btn-center, .x-toolbar .x-btn-menu-active .x-btn-center{
\r
244 background-image:url(../images/slate/toolbar/tb-btn-sprite.gif);
\r
246 .x-toolbar .ytb-sep{
\r
247 background-image:url(../images/slate/grid/grid-split.gif);
\r
249 .x-statusbar .x-status-text-panel{
\r
250 border-color:#9ab #9ab #9ab #9ab;
\r
252 .x-statusbar .x-status-text{
\r
257 /* Resizable Handles */
\r
259 .x-resizable-over .x-resizable-handle-east,.x-resizable-pinned .x-resizable-handle-east{
\r
260 background:url(../images/slate/sizer/e-handle.gif);background-position:left;
\r
262 .x-resizable-over .x-resizable-handle-west,.x-resizable-pinned .x-resizable-handle-west{
\r
263 background:url(../images/slate/sizer/e-handle.gif);background-position:left;
\r
265 .x-resizable-over .x-resizable-handle-south,.x-resizable-pinned .x-resizable-handle-south{
\r
266 background:url(../images/slate/sizer/s-handle.gif);background-position:top;
\r
268 .x-resizable-over .x-resizable-handle-north,.x-resizable-pinned .x-resizable-handle-north{
\r
269 background:url(../images/slate/sizer/s-handle.gif);background-position:top;
\r
271 .x-resizable-over .x-resizable-handle-southeast,.x-resizable-pinned .x-resizable-handle-southeast{
\r
272 background:url(../images/slate/sizer/se-handle.gif);background-position:top left;
\r
274 .x-resizable-over .x-resizable-handle-northwest,.x-resizable-pinned .x-resizable-handle-northwest{
\r
275 background:url(../images/slate/sizer/nw-handle.gif);background-position:bottom right;
\r
277 .x-resizable-over .x-resizable-handle-northeast,.x-resizable-pinned .x-resizable-handle-northeast{
\r
278 background:url(../images/slate/sizer/ne-handle.gif);background-position:bottom left;
\r
280 .x-resizable-over .x-resizable-handle-southwest,.x-resizable-pinned .x-resizable-handle-southwest{
\r
281 background:url(../images/slate/sizer/sw-handle.gif);background-position:top right;
\r
283 .x-resizable-proxy{
\r
284 border:1px dashed #748296;
\r
290 .x-grid-panel .x-panel-mc .x-panel-body{
\r
291 border:1px solid #abc;
\r
293 .x-grid3-row-selected{
\r
294 background:#fbf0d2 !important;
\r
295 border:1px dotted #ccc;
\r
298 background:#f7ecc1 url(../images/slate/grid/grid3-hd-btn.gif) no-repeat left center;
\r
301 background:#f9f9f9 url(../images/slate/grid/grid3-hrow.gif) repeat-x 0 bottom;
\r
303 td.x-grid3-hd-over .x-grid3-hd-inner,td.sort-desc .x-grid3-hd-inner,td.sort-asc .x-grid3-hd-inner,td.x-grid3-hd-menu-open .x-grid3-hd-inner{
\r
304 background:#ebf3fd url(../images/slate/grid/grid3-hrow-over.gif) repeat-x left bottom;
\r
306 .sort-asc .x-grid3-sort-icon{
\r
307 background-image:url(../images/slate/grid/sort_asc.gif);
\r
309 .sort-desc .x-grid3-sort-icon{
\r
310 background-image:url(../images/slate/grid/sort_desc.gif);
\r
312 td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open{
\r
313 border-left:1px solid #fff;
\r
314 border-right:1px solid #ccc;
\r
316 .x-grid3-check-col{
\r
317 background-image:url(../images/slate/menu/unchecked.gif);
\r
319 .x-grid3-check-col-on{
\r
320 background-image:url(../images/slate/menu/checked.gif);
\r
322 .x-grid3-cell-selected{
\r
323 background-color:#e0eaee!important;
\r
325 .x-grid3-body .x-grid3-td-expander{
\r
326 background:transparent url(../images/slate/grid/grid3-special-col-bg.gif) repeat-y right;
\r
328 .x-grid3-body .x-grid3-td-checker{
\r
329 background:transparent url(../images/slate/grid/grid3-special-col-bg.gif) repeat-y right;
\r
331 .x-grid3-body .x-grid3-td-numberer{
\r
332 background:transparent url(../images/slate/grid/grid3-special-col-bg.gif) repeat-y right;
\r
334 .x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,.x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,.x-grid3-body .x-grid3-row-selected .x-grid3-td-expander{
\r
335 background:transparent url(../images/slate/grid/grid3-special-col-sel-bg.gif) repeat-y right;
\r
338 border-bottom:2px solid #abb;
\r
340 .x-grid-group-hd div{
\r
343 .x-dd-drag-proxy .x-grid3-hd-inner{
\r
344 background:#ebf3fd url(../images/slate/grid/grid3-hrow-over.gif) repeat-x left bottom;
\r
345 border:1px solid #abc;
\r
347 .x-tbar-page-first{
\r
348 background-image:url(../images/slate/grid/page-first.gif)!important;
\r
351 background-image:url(../images/slate/grid/page-last.gif)!important;
\r
354 background-image:url(../images/slate/grid/page-next.gif)!important;
\r
357 background-image:url(../images/slate/grid/page-prev.gif)!important;
\r
360 background-image:url(../images/slate/grid/refresh.gif)!important;
\r
369 .x-tree-node .x-tree-selected{
\r
370 background-color:#f7ecc1;
\r
372 .x-tree-node .x-tree-selected a span{
\r
373 background-color:#f7ecc1;
\r
376 .x-tree-arrows .x-tree-elbow-plus{
\r
377 background:transparent url(../images/slate/tree/arrows.gif) no-repeat 0 0;
\r
379 .x-tree-arrows .x-tree-elbow-minus{
\r
380 background:transparent url(../images/slate/tree/arrows.gif) no-repeat -16px 0;
\r
382 .x-tree-arrows .x-tree-elbow-end-plus{
\r
383 background:transparent url(../images/slate/tree/arrows.gif) no-repeat 0 0;
\r
385 .x-tree-arrows .x-tree-elbow-end-minus{
\r
386 background:transparent url(../images/slate/tree/arrows.gif) no-repeat -16px 0;
\r
392 .x-date-middle,.x-date-left,.x-date-right{
\r
393 background:url(../images/slate/shared/hd-sprite.gif) repeat-x 0 -83px;
\r
396 background:#dfecfb url(../images/slate/shared/glass-bg.gif) repeat-x scroll left top;
\r
397 border-top:1px solid #abc;
\r
400 background-image:url(../images/slate/shared/right-btn.gif);
\r
403 background-image:url(../images/slate/shared/left-btn.gif);
\r
406 background:#dfecfb url(../images/slate/shared/glass-bg.gif) repeat-x left top;
\r
407 border-bottom:1px solid #abc;
\r
410 .x-date-inner .x-date-selected a{
\r
411 background:#dfecfb url(../images/slate/shared/glass-bg.gif) repeat-x scroll left top;
\r
412 border:1px solid #89a;
\r
414 .x-date-inner a:hover,.x-date-inner .x-date-disabled a:hover{
\r
415 background:#faedc0;
\r
417 td.x-date-mp-month a:hover,td.x-date-mp-year a:hover{
\r
419 background:#faedc0;
\r
422 background:transparent url(../images/slate/panel/tool-sprites.gif) no-repeat;
\r
425 background:#dfecfb url(../images/slate/shared/glass-bg.gif) repeat-x scroll left top;
\r
427 td.x-date-mp-sel a{
\r
428 background:#dfecfb url(../images/slate/shared/glass-bg.gif) repeat-x left top;
\r
429 border:1px solid #abc;
\r
431 .x-date-mp-btns button{
\r
432 background:#405574;
\r
434 border-color:#abc #055 #055 #abc;
\r
440 .x-tip .x-tip-close{
\r
441 background-image:url(../images/slate/qtip/close.gif);
\r
444 background:transparent url(../images/slate/qtip/tip-sprite.gif) no-repeat 0 -62px;
\r
447 background:transparent url(../images/slate/qtip/tip-sprite.gif) no-repeat 0 0;
\r
450 background:transparent url(../images/slate/qtip/tip-sprite.gif) no-repeat right 0;
\r
453 background:transparent url(../images/slate/qtip/tip-sprite.gif) no-repeat 0 -121px;
\r
456 background:transparent url(../images/slate/qtip/tip-sprite.gif) no-repeat 0 -59px;
\r
459 background:transparent url(../images/slate/qtip/tip-sprite.gif) no-repeat right -59px;
\r
462 background:#fff url(../images/slate/qtip/tip-sprite.gif) no-repeat 0 -124px;
\r
465 background:transparent url(../images/slate/qtip/tip-sprite.gif) no-repeat right -124px;
\r
467 .x-form-invalid-tip .x-tip-tc{
\r
468 background:url(../images/default/form/error-tip-corners.gif) repeat-x 0 -12px;padding-top:6px;
\r
470 .x-form-invalid-tip .x-tip-tl{
\r
471 background-image:url(../images/default/form/error-tip-corners.gif);
\r
473 .x-form-invalid-tip .x-tip-tr{
\r
474 background-image:url(../images/default/form/error-tip-corners.gif);
\r
476 .x-form-invalid-tip .x-tip-bc{
\r
477 background:url(../images/default/form/error-tip-corners.gif) repeat-x 0 -18px;height:6px;
\r
479 .x-form-invalid-tip .x-tip-bl{
\r
480 background:url(../images/default/form/error-tip-corners.gif) no-repeat 0 -6px;
\r
482 .x-form-invalid-tip .x-tip-br{
\r
483 background:url(../images/default/form/error-tip-corners.gif) no-repeat right -6px;
\r
485 .x-form-invalid-tip .x-tip-ml{
\r
486 background-image:url(../images/default/form/error-tip-corners.gif);
\r
488 .x-form-invalid-tip .x-tip-mr{
\r
489 background-image:url(../images/default/form/error-tip-corners.gif);
\r
496 border:1px solid #aaa;
\r
497 background:#f0f0f0 url(../images/slate/menu/menu.gif) repeat-y;
\r
499 .x-menu-item-active{
\r
500 background:#ebf3fd url(../images/slate/menu/item-over.gif) repeat-x left bottom;
\r
501 border:1px solid #c2cbd2;
\r
503 .x-menu-item-arrow{
\r
504 background:transparent url(../images/slate/menu/menu-parent.gif) no-repeat right;
\r
506 .x-menu-check-item .x-menu-item-icon{
\r
507 background:transparent url(../images/slate/menu/unchecked.gif) no-repeat center;
\r
509 .x-menu-item-checked .x-menu-item-icon{
\r
510 background-image:url(../images/slate/menu/checked.gif);
\r
512 .x-menu-item-checked .x-menu-group-item .x-menu-item-icon{
\r
513 background:transparent url(../images/slate/menu/group-checked.gif)
\r
515 .x-menu-group-item .x-menu-item-icon{
\r
516 background:transparent none repeat scroll 0 0;
\r
523 border:1px solid #89a;
\r
524 background:#bdcbd4 none repeat scroll 0 0;
\r
526 .x-combo-list .x-combo-selected{
\r
527 border:1px dotted #ccc!important;
\r
528 background:#fbf0d2;
\r
530 .x-resizable-pinned .x-combo-list-inner{
\r
531 border-bottom:1px solid #9ab;
\r
538 border-style:solid;
\r
544 border:1px solid #abc;
\r
545 background-image:url(../images/slate/panel/white-top-bottom.gif);
\r
550 .x-panel-bbar .x-toolbar{
\r
553 .x-panel-tbar .x-toolbar{
\r
556 .x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar{
\r
559 .x-panel-body-noheader, .x-panel-mc .x-panel-body{
\r
562 .x-panel-tl .x-panel-header{
\r
566 background-image:url(../images/slate/panel/top-bottom.gif);
\r
569 background-image:url(../images/slate/panel/corners-sprite.gif);
\r
573 background-image:url(../images/slate/panel/corners-sprite.gif);
\r
576 background-image:url(../images/slate/panel/top-bottom.gif);
\r
579 background-image:url(../images/slate/panel/corners-sprite.gif);
\r
582 background-image:url(../images/slate/panel/corners-sprite.gif);
\r
585 background:#dde5e9;
\r
587 .x-panel-mc .x-panel-body{
\r
588 background:transparent;
\r
592 background-image:url(../images/slate/panel/left-right.gif);
\r
595 background-image:url(../images/slate/panel/left-right.gif);
\r
597 .x-panel-dd-spacer{
\r
598 border:2px dashed #89a;
\r
601 background-image:url(../images/slate/panel/tool-sprites.gif);
\r
604 background:#e0e0e0;
\r
607 border-color:#b0b0b0;
\r
614 background:#e4e8ec;
\r
617 .x-window-tl .x-window-header{
\r
621 background-image:url(../images/slate/window/top-bottom.png);
\r
624 background-image:url(../images/slate/window/left-corners.png);
\r
627 background-image:url(../images/slate/window/right-corners.png);
\r
630 background-image:url(../images/slate/window/top-bottom.png);
\r
633 background-image:url(../images/slate/window/left-corners.png);
\r
636 background-image:url(../images/slate/window/right-corners.png);
\r
639 border:1px solid #abc;
\r
640 background:#e8e8e8;
\r
643 background-image:url(../images/slate/window/left-right.png);
\r
646 background-image:url(../images/slate/window/left-right.png);
\r
648 .x-panel-ghost .x-window-tl{
\r
651 .x-panel-collapsed .x-window-tl{
\r
654 .x-window-plain .x-window-mc{
\r
655 background:#e8e8e8;
\r
656 border-right:1px solid #eee;
\r
657 border-bottom:1px solid #eee;
\r
658 border-top:1px solid #abc;
\r
659 border-left:1px solid #abc;
\r
661 .x-window-plain .x-window-body{
\r
662 border-left:1px solid #ddd;
\r
663 border-top:1px solid #ddd;
\r
664 border-bottom:1px solid #abc;
\r
665 border-right:1px solid #abc;
\r
666 background:transparent !important;
\r
668 body.x-body-masked .x-window-mc, body.x-body-masked .x-window-plain .x-window-mc{
\r
669 background-color:#eceef0;
\r
675 .x-html-editor-wrap{
\r
678 .x-html-editor-tb .x-btn-text{
\r
679 background:transparent url(../images/slate/editor/tb-sprite.gif) no-repeat scroll 0%;
\r
683 /* Panel Borders */
\r
685 .x-panel-noborder .x-panel-body-noborder{
\r
688 .x-panel-noborder .x-panel-header-noborder{
\r
690 border-bottom:1px solid #abc;
\r
692 .x-panel-noborder .x-panel-tbar-noborder .x-toolbar{
\r
694 border-bottom:1px solid #abc;
\r
696 .x-panel-noborder .x-panel-bbar-noborder .x-toolbar{
\r
698 border-top:1px solid #abc;
\r
700 .x-window-noborder .x-window-mc{
\r
703 .x-window-plain .x-window-body-noborder{
\r
706 .x-tab-panel-noborder .x-tab-panel-body-noborder{
\r
709 .x-tab-panel-noborder .x-tab-panel-header-noborder{
\r
710 border-top-width:0;
\r
711 border-left-width:0;
\r
712 border-right-width:0;
\r
714 .x-tab-panel-noborder .x-tab-panel-footer-noborder{
\r
715 border-bottom-width:0;
\r
716 border-left-width:0;
\r
717 border-right-width:0;
\r
719 .x-tab-panel-bbar-noborder .x-toolbar{
\r
721 border-top:1px solid #abc;
\r
723 .x-tab-panel-tbar-noborder .x-toolbar{
\r
725 border-bottom:1px solid #abc;
\r
731 .x-border-layout-ct{
\r
732 background:#f0f0f0;
\r
735 background-image:url(../images/slate/panel/light-hd.gif);
\r
737 .x-layout-collapsed{
\r
738 background-color:#567;
\r
739 border-color:#e0e0e0;
\r
741 .x-layout-collapsed-over{
\r
742 background-color:#789;
\r
746 /* Progress Bars */
\r
749 background:#fbefb4 url(../images/slate/progress/progress-bg.gif) repeat-x left center;
\r
750 border-top:1px solid #ddd;
\r
751 border-bottom:1px solid #ddd;
\r
754 background:#e0e8f3 url(../images/slate/qtip/bg.gif) repeat-x scroll 0 0;
\r
759 .x-progress-text-back{
\r
763 border:1px solid #b0b8c4;
\r
769 .x-slider-horz .x-slider-thumb{
\r
770 background:transparent url(../images/slate/slider/slider-thumb.png) no-repeat 0 0;
\r
772 .x-slider-vert .x-slider-thumb{
\r
773 background:transparent url(../images/slate/slider/slider-v-thumb.png) no-repeat 0 0;
\r
775 .x-slider-horz .x-slider-thumb-over{
\r
776 background-position:-14px -15px;
\r
778 .x-slider-horz .x-slider-thumb-drag{
\r
779 background-position:-28px -30px;
\r
781 .x-slider-vert .x-slider-thumb-over{
\r
782 background-position:-15px -14px;
\r
784 .x-slider-vert .x-slider-thumb-drag{
\r
785 background-position:-30px -28px;
\r
788 background:transparent url(../images/slate/slider/slider-bg.png) no-repeat 0 -22px;
\r
790 .x-slider-horz .x-slider-end{
\r
791 background:transparent url(../images/slate/slider/slider-bg.png) no-repeat right -44px;
\r
793 .x-slider-horz .x-slider-inner{
\r
794 background:transparent url(../images/slate/slider/slider-bg.png) repeat-x 0 0;
\r
797 background:transparent url(../images/slate/slider/slider-v-bg.png) no-repeat -44px 0;
\r
799 .x-slider-vert .x-slider-end{
\r
800 background:transparent url(../images/slate/slider/slider-v-bg.png) no-repeat -22px bottom;
\r
802 .x-slider-vert .x-slider-inner{
\r
803 background:transparent url(../images/slate/slider/slider-v-bg.png) repeat-y 0 0;
\r