Upgrade to ExtJS 3.3.1 - Released 11/30/2010
[extjs.git] / docs / resources / css / xtheme-gray.css
1 /*!
2  * Ext JS Library 3.2.1
3  * Copyright(c) 2006-2010 Ext JS, Inc.
4  * licensing@extjs.com
5  * http://www.extjs.com/license
6  */
7 .ext-el-mask {
8     background-color: #ccc;
9 }
10
11 .ext-el-mask-msg {
12     border-color:#999;
13     background-color:#ddd;
14     background-image:url(../images/gray/panel/white-top-bottom.gif);
15     background-position: 0 -1px;
16 }
17 .ext-el-mask-msg div {
18     background-color: #eee;
19     border-color:#d0d0d0;
20     color:#222;
21     font:normal 11px tahoma, arial, helvetica, sans-serif;
22 }
23
24 .x-mask-loading div {
25     background-color:#fbfbfb;
26     background-image:url(../images/default/grid/loading.gif);
27 }
28
29 .x-item-disabled {
30     color: gray;
31 }
32
33 .x-item-disabled * {
34     color: gray !important;
35 }
36
37 .x-splitbar-proxy {
38     background-color: #aaa;
39 }
40
41 .x-color-palette a {
42     border-color:#fff;
43 }
44
45 .x-color-palette a:hover, .x-color-palette a.x-color-palette-sel {
46     border-color:#CFCFCF;
47     background-color: #eaeaea;
48 }
49
50 .x-color-palette em:hover, .x-color-palette span:hover{   
51     background-color: #eaeaea;
52 }
53
54 .x-color-palette em {
55     border-color:#aca899;
56 }
57
58 .x-ie-shadow {
59     background-color:#777;
60 }
61
62 .x-shadow .xsmc {
63     background-image: url(../images/default/shadow-c.png);
64 }
65
66 .x-shadow .xsml, .x-shadow .xsmr {
67     background-image: url(../images/default/shadow-lr.png);
68 }
69
70 .x-shadow .xstl, .x-shadow .xstc,  .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbc, .x-shadow .xsbr{
71     background-image: url(../images/default/shadow.png);
72 }
73
74 .loading-indicator {
75     font-size: 11px;
76     background-image: url(../images/default/grid/loading.gif);
77 }
78
79 .x-spotlight {
80     background-color: #ccc;
81 }.x-tab-panel-header, .x-tab-panel-footer {
82         background-color: #eaeaea;
83         border-color:#d0d0d0;
84     overflow:hidden;
85     zoom:1;
86 }
87
88 .x-tab-panel-header, .x-tab-panel-footer {
89         border-color:#d0d0d0;
90 }
91
92 ul.x-tab-strip-top{
93     background-color:#dbdbdb;
94         background-image: url(../images/gray/tabs/tab-strip-bg.gif);
95         border-bottom-color:#d0d0d0;
96 }
97
98 ul.x-tab-strip-bottom{
99     background-color:#dbdbdb;
100         background-image: url(../images/gray/tabs/tab-strip-btm-bg.gif);
101         border-top-color:#d0d0d0;
102 }
103
104 .x-tab-panel-header-plain .x-tab-strip-spacer,
105 .x-tab-panel-footer-plain .x-tab-strip-spacer {
106     border-color:#d0d0d0;
107     background-color: #eaeaea;
108 }
109
110 .x-tab-strip span.x-tab-strip-text {
111         font:normal 11px tahoma,arial,helvetica;
112         color:#333;
113 }
114
115 .x-tab-strip-over span.x-tab-strip-text {
116         color:#111;
117 }
118
119 .x-tab-strip-active span.x-tab-strip-text {
120         color:#333;
121     font-weight:bold;
122 }
123
124 .x-tab-strip-disabled .x-tabs-text {
125         color:#aaaaaa;
126 }
127
128 .x-tab-strip-top .x-tab-right, .x-tab-strip-top .x-tab-left, .x-tab-strip-top .x-tab-strip-inner{
129         background-image: url(../images/gray/tabs/tabs-sprite.gif);
130 }
131
132 .x-tab-strip-bottom .x-tab-right {
133         background-image: url(../images/gray/tabs/tab-btm-inactive-right-bg.gif);
134 }
135
136 .x-tab-strip-bottom .x-tab-left {
137         background-image: url(../images/gray/tabs/tab-btm-inactive-left-bg.gif);
138 }
139
140 .x-tab-strip-bottom .x-tab-strip-over .x-tab-left {
141         background-image: url(../images/gray/tabs/tab-btm-over-left-bg.gif);
142 }
143
144 .x-tab-strip-bottom .x-tab-strip-over .x-tab-right {
145         background-image: url(../images/gray/tabs/tab-btm-over-right-bg.gif);
146 }
147
148 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
149         background-image: url(../images/gray/tabs/tab-btm-right-bg.gif);
150 }
151
152 .x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
153         background-image: url(../images/gray/tabs/tab-btm-left-bg.gif);
154 }
155
156 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
157         background-image:url(../images/gray/tabs/tab-close.gif);
158 }
159
160 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
161         background-image:url(../images/gray/tabs/tab-close.gif);
162 }
163
164 .x-tab-panel-body {
165     border-color:#d0d0d0;
166     background-color:#fff;
167 }
168
169 .x-tab-panel-body-top {
170     border-top: 0 none;
171 }
172
173 .x-tab-panel-body-bottom {
174     border-bottom: 0 none;
175 }
176
177 .x-tab-scroller-left {
178     background-image:url(../images/gray/tabs/scroll-left.gif);
179     border-bottom-color:#d0d0d0;
180 }
181
182 .x-tab-scroller-left-over {
183     background-position: 0 0;
184 }
185
186 .x-tab-scroller-left-disabled {
187     background-position: -18px 0;
188     opacity:.5;
189     -moz-opacity:.5;
190     filter:alpha(opacity=50);
191     cursor:default;
192 }
193
194 .x-tab-scroller-right {
195     background-image:url(../images/gray/tabs/scroll-right.gif);
196     border-bottom-color:#d0d0d0;
197 }
198
199 .x-tab-panel-bbar .x-toolbar, .x-tab-panel-tbar .x-toolbar {
200     border-color:#d0d0d0;
201 }
202 .x-form-field{
203     font:normal 12px tahoma, arial, helvetica, sans-serif;
204 }
205
206 .x-form-text, textarea.x-form-field{
207     background-color:#fff;
208     background-image:url(../images/default/form/text-bg.gif);
209     border-color:#C1C1C1;
210 }
211
212 .x-form-select-one {
213     background-color:#fff;
214     border-color:#C1C1C1;
215 }
216
217 .x-form-check-group-label {
218     border-bottom: 1px solid #d0d0d0;
219     color: #333;
220 }
221
222 .x-editor .x-form-check-wrap {
223     background-color:#fff;
224 }
225
226 .x-form-field-wrap .x-form-trigger{
227     background-image:url(../images/gray/form/trigger.gif);
228     border-bottom-color:#b5b8c8;
229 }
230
231 .x-form-field-wrap .x-form-date-trigger{
232     background-image: url(../images/gray/form/date-trigger.gif);
233 }
234
235 .x-form-field-wrap .x-form-clear-trigger{
236     background-image: url(../images/gray/form/clear-trigger.gif);
237 }
238
239 .x-form-field-wrap .x-form-search-trigger{
240     background-image: url(../images/gray/form/search-trigger.gif);
241 }
242
243 .x-trigger-wrap-focus .x-form-trigger{
244     border-bottom-color: #777777;
245 }
246
247 .x-item-disabled .x-form-trigger-over{
248     border-bottom-color:#b5b8c8;
249 }
250
251 .x-item-disabled .x-form-trigger-click{
252     border-bottom-color:#b5b8c8;
253 }
254
255 .x-form-focus, textarea.x-form-focus{
256         border-color:#777777;
257 }
258
259 .x-form-invalid, textarea.x-form-invalid{
260     background-color:#fff;
261         background-image:url(../images/default/grid/invalid_line.gif);
262         border-color:#c30;
263 }
264
265 .ext-webkit .x-form-invalid{
266         background-color:#fee;
267         border-color:#ff7870;
268 }
269
270 .x-form-inner-invalid, textarea.x-form-inner-invalid{
271     background-color:#fff;
272         background-image:url(../images/default/grid/invalid_line.gif);
273 }
274
275 .x-form-grow-sizer {
276         font:normal 12px tahoma, arial, helvetica, sans-serif;
277 }
278
279 .x-form-item {
280     font:normal 12px tahoma, arial, helvetica, sans-serif;
281 }
282
283 .x-form-invalid-msg {
284     color:#c0272b;
285     font:normal 11px tahoma, arial, helvetica, sans-serif;
286     background-image:url(../images/default/shared/warning.gif);
287 }
288
289 .x-form-empty-field {
290     color:gray;
291 }
292
293 .x-small-editor .x-form-field {
294     font:normal 11px arial, tahoma, helvetica, sans-serif;
295 }
296
297 .ext-webkit .x-small-editor .x-form-field {
298     font:normal 12px arial, tahoma, helvetica, sans-serif;
299 }
300
301 .x-form-invalid-icon {
302     background-image:url(../images/default/form/exclamation.gif);
303 }
304
305 .x-fieldset {
306     border-color:#CCCCCC;
307 }
308
309 .x-fieldset legend {
310     font:bold 11px tahoma, arial, helvetica, sans-serif;
311     color:#777777;
312 }.x-btn{
313         font:normal 11px tahoma, verdana, helvetica;
314 }
315
316 .x-btn button{
317     font:normal 11px arial,tahoma,verdana,helvetica;
318     color:#333;
319 }
320
321 .x-btn em {
322     font-style:normal;
323     font-weight:normal;
324 }
325
326 .x-btn-tl, .x-btn-tr, .x-btn-tc, .x-btn-ml, .x-btn-mr, .x-btn-mc, .x-btn-bl, .x-btn-br, .x-btn-bc{
327         background-image:url(../images/gray/button/btn.gif);
328 }
329
330 .x-btn-click .x-btn-text, .x-btn-menu-active .x-btn-text, .x-btn-pressed .x-btn-text{
331     color:#000;
332 }
333
334 .x-btn-disabled *{
335         color:gray !important;
336 }
337
338 .x-btn-mc em.x-btn-arrow {
339     background-image:url(../images/default/button/arrow.gif);
340 }
341
342 .x-btn-mc em.x-btn-split {
343     background-image:url(../images/default/button/s-arrow.gif);
344 }
345
346 .x-btn-over .x-btn-mc em.x-btn-split, .x-btn-click .x-btn-mc em.x-btn-split, .x-btn-menu-active .x-btn-mc em.x-btn-split, .x-btn-pressed .x-btn-mc em.x-btn-split {
347     background-image:url(../images/gray/button/s-arrow-o.gif);
348 }
349
350 .x-btn-mc em.x-btn-arrow-bottom {
351     background-image:url(../images/default/button/s-arrow-b-noline.gif);
352 }
353
354 .x-btn-mc em.x-btn-split-bottom {
355     background-image:url(../images/default/button/s-arrow-b.gif);
356 }
357
358 .x-btn-over .x-btn-mc em.x-btn-split-bottom, .x-btn-click .x-btn-mc em.x-btn-split-bottom, .x-btn-menu-active .x-btn-mc em.x-btn-split-bottom, .x-btn-pressed .x-btn-mc em.x-btn-split-bottom {
359     background-image:url(../images/gray/button/s-arrow-bo.gif);
360 }
361
362 .x-btn-group-header {
363     color: #666;
364 }
365
366 .x-btn-group-tc {
367         background-image: url(../images/gray/button/group-tb.gif);
368 }
369
370 .x-btn-group-tl {
371         background-image: url(../images/gray/button/group-cs.gif);
372 }
373
374 .x-btn-group-tr {
375         background-image: url(../images/gray/button/group-cs.gif);
376 }
377
378 .x-btn-group-bc {
379         background-image: url(../images/gray/button/group-tb.gif);
380 }
381
382 .x-btn-group-bl {
383         background-image: url(../images/gray/button/group-cs.gif);
384 }
385
386 .x-btn-group-br {
387         background-image: url(../images/gray/button/group-cs.gif);
388 }
389
390 .x-btn-group-ml {
391         background-image: url(../images/gray/button/group-lr.gif);
392 }
393 .x-btn-group-mr {
394         background-image: url(../images/gray/button/group-lr.gif);
395 }
396
397 .x-btn-group-notitle .x-btn-group-tc {
398         background-image: url(../images/gray/button/group-tb.gif);
399 }
400 .x-toolbar{
401         border-color:#d0d0d0;
402     background-color:#f0f0f0;
403     background-image:url(../images/gray/toolbar/bg.gif);
404 }
405
406 .x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{
407     font:normal 11px arial,tahoma, helvetica, sans-serif;
408 }
409
410 .x-toolbar .x-item-disabled {
411         color:gray;
412 }
413
414 .x-toolbar .x-item-disabled * {
415         color:gray;
416 }
417
418 .x-toolbar .x-btn-mc em.x-btn-split {
419     background-image:url(../images/default/button/s-arrow-noline.gif);
420 }
421
422 .x-toolbar .x-btn-over .x-btn-mc em.x-btn-split, .x-toolbar .x-btn-click .x-btn-mc em.x-btn-split, 
423 .x-toolbar .x-btn-menu-active .x-btn-mc em.x-btn-split, .x-toolbar .x-btn-pressed .x-btn-mc em.x-btn-split 
424 {
425     background-image:url(../images/gray/button/s-arrow-o.gif);
426 }
427
428 .x-toolbar .x-btn-mc em.x-btn-split-bottom {
429     background-image:url(../images/default/button/s-arrow-b-noline.gif);
430 }
431
432 .x-toolbar .x-btn-over .x-btn-mc em.x-btn-split-bottom, .x-toolbar .x-btn-click .x-btn-mc em.x-btn-split-bottom, 
433 .x-toolbar .x-btn-menu-active .x-btn-mc em.x-btn-split-bottom, .x-toolbar .x-btn-pressed .x-btn-mc em.x-btn-split-bottom 
434 {
435     background-image:url(../images/gray/button/s-arrow-bo.gif);
436 }
437
438 .x-toolbar .xtb-sep {
439         background-image: url(../images/default/grid/grid-split.gif);
440 }
441
442 .x-tbar-page-first{
443         background-image: url(../images/gray/grid/page-first.gif) !important;
444 }
445
446 .x-tbar-loading{
447         background-image: url(../images/gray/grid/refresh.gif) !important;
448 }
449
450 .x-tbar-page-last{
451         background-image: url(../images/gray/grid/page-last.gif) !important;
452 }
453
454 .x-tbar-page-next{
455         background-image: url(../images/gray/grid/page-next.gif) !important;
456 }
457
458 .x-tbar-page-prev{
459         background-image: url(../images/gray/grid/page-prev.gif) !important;
460 }
461
462 .x-item-disabled .x-tbar-loading{
463         background-image: url(../images/default/grid/loading.gif) !important;
464 }
465
466 .x-item-disabled .x-tbar-page-first{
467         background-image: url(../images/default/grid/page-first-disabled.gif) !important;
468 }
469
470 .x-item-disabled .x-tbar-page-last{
471         background-image: url(../images/default/grid/page-last-disabled.gif) !important;
472 }
473
474 .x-item-disabled .x-tbar-page-next{
475         background-image: url(../images/default/grid/page-next-disabled.gif) !important;
476 }
477
478 .x-item-disabled .x-tbar-page-prev{
479         background-image: url(../images/default/grid/page-prev-disabled.gif) !important;
480 }
481
482 .x-paging-info {
483     color:#444;
484 }
485
486 .x-toolbar-more-icon {
487     background-image: url(../images/gray/toolbar/more.gif) !important;
488 }
489 .x-resizable-handle {
490         background-color:#fff;
491 }
492
493 .x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-east,
494 .x-resizable-over .x-resizable-handle-west, .x-resizable-pinned .x-resizable-handle-west
495 {
496     background-image:url(../images/gray/sizer/e-handle.gif);
497 }
498
499 .x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south,
500 .x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north
501 {
502     background-image:url(../images/gray/sizer/s-handle.gif);
503 }
504
505 .x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north{
506     background-image:url(../images/gray/sizer/s-handle.gif);
507 }
508 .x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast{
509     background-image:url(../images/gray/sizer/se-handle.gif);
510 }
511 .x-resizable-over .x-resizable-handle-northwest, .x-resizable-pinned .x-resizable-handle-northwest{
512     background-image:url(../images/gray/sizer/nw-handle.gif);
513 }
514 .x-resizable-over .x-resizable-handle-northeast, .x-resizable-pinned .x-resizable-handle-northeast{
515     background-image:url(../images/gray/sizer/ne-handle.gif);
516 }
517 .x-resizable-over .x-resizable-handle-southwest, .x-resizable-pinned .x-resizable-handle-southwest{
518     background-image:url(../images/gray/sizer/sw-handle.gif);
519 }
520 .x-resizable-proxy{
521     border-color:#565656;
522 }
523 .x-resizable-overlay{
524     background-color:#fff;
525 }
526 .x-grid3 {
527     background-color:#fff;
528 }
529
530 .x-grid-panel .x-panel-mc .x-panel-body {
531     border-color:#d0d0d0;
532 }
533
534 .x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td{
535         font:normal 11px arial, tahoma, helvetica, sans-serif;
536 }
537
538 .x-grid3-hd-row td {
539     border-left-color:#eee;
540     border-right-color:#d0d0d0;
541 }
542
543 .x-grid-row-loading {
544     background-color: #fff;
545     background-image:url(../images/default/shared/loading-balls.gif);
546 }
547
548 .x-grid3-row {
549     border-color:#ededed;
550     border-top-color:#fff;
551 }
552
553 .x-grid3-row-alt{
554         background-color:#fafafa;
555 }
556
557 .x-grid3-row-over {
558         border-color:#ddd;
559     background-color:#efefef;
560     background-image:url(../images/default/grid/row-over.gif);
561 }
562
563 .x-grid3-resize-proxy {
564     background-color:#777;
565 }
566
567 .x-grid3-resize-marker {
568     background-color:#777;
569 }
570
571 .x-grid3-header{
572     background-color:#f9f9f9;
573         background-image:url(../images/gray/grid/grid3-hrow2.gif);
574 }
575
576 .x-grid3-header-pop {
577     border-left-color:#d0d0d0;
578 }
579
580 .x-grid3-header-pop-inner {
581     border-left-color:#eee;
582     background-image:url(../images/default/grid/hd-pop.gif);
583 }
584
585 td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {
586     border-left-color:#ACACAC;
587     border-right-color:#ACACAC;
588 }
589
590 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 {
591     background-color:#f9f9f9;
592     background-image:url(../images/gray/grid/grid3-hrow-over2.gif);
593
594 }
595
596 .sort-asc .x-grid3-sort-icon {
597         background-image: url(../images/gray/grid/sort_asc.gif);
598 }
599
600 .sort-desc .x-grid3-sort-icon {
601         background-image: url(../images/gray/grid/sort_desc.gif);
602 }
603
604 .x-grid3-cell-text, .x-grid3-hd-text {
605         color:#000;
606 }
607
608 .x-grid3-split {
609         background-image: url(../images/default/grid/grid-split.gif);
610 }
611
612 .x-grid3-hd-text {
613         color:#333;
614 }
615
616 .x-dd-drag-proxy .x-grid3-hd-inner{
617     background-color:#f9f9f9;
618         background-image:url(../images/gray/grid/grid3-hrow-over2.gif);
619         border-color:#ACACAC;
620 }
621
622 .col-move-top{
623         background-image:url(../images/gray/grid/col-move-top.gif);
624 }
625
626 .col-move-bottom{
627         background-image:url(../images/gray/grid/col-move-bottom.gif);
628 }
629
630 .x-grid3-row-selected {
631         background-color:#CCCCCC !important;
632         background-image: none;
633         border-color:#ACACAC;
634 }
635
636 .x-grid3-cell-selected{
637         background-color: #CBCBCB !important;
638         color:#000;
639 }
640
641 .x-grid3-cell-selected span{
642         color:#000 !important;
643 }
644
645 .x-grid3-cell-selected .x-grid3-cell-text{
646         color:#000;
647 }
648
649 .x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{
650     background-color:#ebeadb !important;
651     background-image:url(../images/default/grid/grid-hrow.gif) !important;
652     color:#000;
653     border-top-color:#fff;
654     border-right-color:#6fa0df !important;
655 }
656
657 .x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{
658     color:#333 !important;
659 }
660
661 .x-grid3-dirty-cell {
662     background-image:url(../images/default/grid/dirty.gif);
663 }
664
665 .x-grid3-topbar, .x-grid3-bottombar{
666         font:normal 11px arial, tahoma, helvetica, sans-serif;
667 }
668
669 .x-grid3-bottombar .x-toolbar{
670         border-top-color:#a9bfd3;
671 }
672
673 .x-props-grid .x-grid3-td-name .x-grid3-cell-inner{
674         background-image:url(../images/default/grid/grid3-special-col-bg.gif) !important;
675     color:#000 !important;
676 }
677
678 .x-props-grid .x-grid3-body .x-grid3-td-name{
679     background-color:#fff !important;
680     border-right-color:#eee;
681 }
682
683 .xg-hmenu-sort-asc .x-menu-item-icon{
684         background-image: url(../images/default/grid/hmenu-asc.gif);
685 }
686
687 .xg-hmenu-sort-desc .x-menu-item-icon{
688         background-image: url(../images/default/grid/hmenu-desc.gif);
689 }
690
691 .xg-hmenu-lock .x-menu-item-icon{
692         background-image: url(../images/default/grid/hmenu-lock.gif);
693 }
694
695 .xg-hmenu-unlock .x-menu-item-icon{
696         background-image: url(../images/default/grid/hmenu-unlock.gif);
697 }
698
699 .x-grid3-hd-btn {
700     background-color:#f9f9f9;
701     background-image:url(../images/gray/grid/grid3-hd-btn.gif);
702 }
703
704 .x-grid3-body .x-grid3-td-expander {
705     background-image:url(../images/default/grid/grid3-special-col-bg.gif);
706 }
707
708 .x-grid3-row-expander {
709     background-image:url(../images/gray/grid/row-expand-sprite.gif);
710 }
711
712 .x-grid3-body .x-grid3-td-checker {
713     background-image: url(../images/default/grid/grid3-special-col-bg.gif);
714 }
715
716 .x-grid3-row-checker, .x-grid3-hd-checker {
717     background-image:url(../images/default/grid/row-check-sprite.gif);
718 }
719
720 .x-grid3-body .x-grid3-td-numberer {
721     background-image:url(../images/default/grid/grid3-special-col-bg.gif);
722 }
723
724 .x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {
725         color:#444;
726 }
727
728 .x-grid3-body .x-grid3-td-row-icon {
729     background-image:url(../images/default/grid/grid3-special-col-bg.gif);
730 }
731
732 .x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,
733 .x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,
734 .x-grid3-body .x-grid3-row-selected .x-grid3-td-expander {
735         background-image:url(../images/gray/grid/grid3-special-col-sel-bg.gif);
736 }
737
738 .x-grid3-check-col {
739         background-image:url(../images/default/menu/unchecked.gif);
740 }
741
742 .x-grid3-check-col-on {
743         background-image:url(../images/default/menu/checked.gif);
744 }
745
746 .x-grid-group, .x-grid-group-body, .x-grid-group-hd {
747     zoom:1;
748 }
749
750 .x-grid-group-hd {
751     border-bottom-color:#d0d0d0;
752 }
753
754 .x-grid-group-hd div.x-grid-group-title {
755     background-image:url(../images/gray/grid/group-collapse.gif);
756     color:#5F5F5F;
757     font:bold 11px tahoma, arial, helvetica, sans-serif;
758 }
759
760 .x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title {
761     background-image:url(../images/gray/grid/group-expand.gif);
762 }
763
764 .x-group-by-icon {
765     background-image:url(../images/default/grid/group-by.gif);
766 }
767
768 .x-cols-icon {
769     background-image:url(../images/default/grid/columns.gif);
770 }
771
772 .x-show-groups-icon {
773     background-image:url(../images/default/grid/group-by.gif);
774 }
775
776 .x-grid-empty {
777     color:gray;
778     font:normal 11px tahoma, arial, helvetica, sans-serif;
779 }
780
781 .x-grid-with-col-lines .x-grid3-row td.x-grid3-cell {
782     border-right-color:#ededed;
783 }
784
785 .x-grid-with-col-lines .x-grid3-row{
786     border-top-color:#ededed;
787 }
788
789 .x-grid-with-col-lines .x-grid3-row-selected {
790         border-top-color:#B9B9B9;
791 }
792 .x-dd-drag-ghost{
793         color:#000;
794         font: normal 11px arial, helvetica, sans-serif;
795     border-color: #ddd #bbb #bbb #ddd;
796         background-color:#fff;
797 }
798
799 .x-dd-drop-nodrop .x-dd-drop-icon{
800   background-image: url(../images/default/dd/drop-no.gif);
801 }
802
803 .x-dd-drop-ok .x-dd-drop-icon{
804   background-image: url(../images/default/dd/drop-yes.gif);
805 }
806
807 .x-dd-drop-ok-add .x-dd-drop-icon{
808   background-image: url(../images/default/dd/drop-add.gif);
809 }
810
811 .x-view-selector {
812     background-color:#D6D6D6;
813     border-color:#888888;
814 }.x-tree-node-expanded .x-tree-node-icon{
815         background-image:url(../images/default/tree/folder-open.gif);
816 }
817
818 .x-tree-node-leaf .x-tree-node-icon{
819         background-image:url(../images/default/tree/leaf.gif);
820 }
821
822 .x-tree-node-collapsed .x-tree-node-icon{
823         background-image:url(../images/default/tree/folder.gif);
824 }
825
826 .x-tree-node-loading .x-tree-node-icon{
827         background-image:url(../images/default/tree/loading.gif) !important;
828 }
829
830 .x-tree-node .x-tree-node-inline-icon {
831     background-image: none;
832 }
833
834 .x-tree-node-loading a span{
835          font-style: italic;
836          color:#444444;
837 }
838
839 .ext-ie .x-tree-node-el input {
840     width:15px;
841     height:15px;
842 }
843
844 .x-tree-lines .x-tree-elbow{
845         background-image:url(../images/default/tree/elbow.gif);
846 }
847
848 .x-tree-lines .x-tree-elbow-plus{
849         background-image:url(../images/default/tree/elbow-plus.gif);
850 }
851
852 .x-tree-lines .x-tree-elbow-minus{
853         background-image:url(../images/default/tree/elbow-minus.gif);
854 }
855
856 .x-tree-lines .x-tree-elbow-end{
857         background-image:url(../images/default/tree/elbow-end.gif);
858 }
859
860 .x-tree-lines .x-tree-elbow-end-plus{
861         background-image:url(../images/gray/tree/elbow-end-plus.gif);
862 }
863
864 .x-tree-lines .x-tree-elbow-end-minus{
865         background-image:url(../images/gray/tree/elbow-end-minus.gif);
866 }
867
868 .x-tree-lines .x-tree-elbow-line{
869         background-image:url(../images/default/tree/elbow-line.gif);
870 }
871
872 .x-tree-no-lines .x-tree-elbow-plus{
873         background-image:url(../images/default/tree/elbow-plus-nl.gif);
874 }
875
876 .x-tree-no-lines .x-tree-elbow-minus{
877         background-image:url(../images/default/tree/elbow-minus-nl.gif);
878 }
879
880 .x-tree-no-lines .x-tree-elbow-end-plus{
881         background-image:url(../images/gray/tree/elbow-end-plus-nl.gif);
882 }
883
884 .x-tree-no-lines .x-tree-elbow-end-minus{
885         background-image:url(../images/gray/tree/elbow-end-minus-nl.gif);
886 }
887
888 .x-tree-arrows .x-tree-elbow-plus{
889     background-image:url(../images/gray/tree/arrows.gif);
890 }
891
892 .x-tree-arrows .x-tree-elbow-minus{
893     background-image:url(../images/gray/tree/arrows.gif);
894 }
895
896 .x-tree-arrows .x-tree-elbow-end-plus{
897     background-image:url(../images/gray/tree/arrows.gif);
898 }
899
900 .x-tree-arrows .x-tree-elbow-end-minus{
901     background-image:url(../images/gray/tree/arrows.gif);
902 }
903
904 .x-tree-node{
905         color:#000;
906         font: normal 11px arial, tahoma, helvetica, sans-serif;
907 }
908
909 .x-tree-node a, .x-dd-drag-ghost a{
910         color:#000;
911 }
912
913 .x-tree-node a span, .x-dd-drag-ghost a span{
914         color:#000;
915 }
916
917 .x-tree-node .x-tree-node-disabled a span{
918         color:gray !important;
919 }
920
921 .x-tree-node div.x-tree-drag-insert-below{
922          border-bottom-color:#36c;
923 }
924
925 .x-tree-node div.x-tree-drag-insert-above{
926          border-top-color:#36c;
927 }
928
929 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{
930          border-bottom-color:#36c;
931 }
932
933 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{
934          border-top-color:#36c;
935 }
936
937 .x-tree-node .x-tree-drag-append a span{
938          background-color:#ddd;
939          border-color:gray;
940 }
941
942 .x-tree-node .x-tree-node-over {
943         background-color: #eee;
944 }
945
946 .x-tree-node .x-tree-selected {
947         background-color: #ddd;
948 }
949
950 .x-tree-drop-ok-append .x-dd-drop-icon{
951   background-image: url(../images/default/tree/drop-add.gif);
952 }
953
954 .x-tree-drop-ok-above .x-dd-drop-icon{
955   background-image: url(../images/default/tree/drop-over.gif);
956 }
957
958 .x-tree-drop-ok-below .x-dd-drop-icon{
959   background-image: url(../images/default/tree/drop-under.gif);
960 }
961
962 .x-tree-drop-ok-between .x-dd-drop-icon{
963   background-image: url(../images/default/tree/drop-between.gif);
964 }
965 .x-date-picker {
966     border-color:#585858;
967     background-color:#fff;
968 }
969
970 .x-date-middle,.x-date-left,.x-date-right {
971         background-image: url(../images/gray/shared/hd-sprite.gif);
972         color:#fff;
973         font:bold 11px "sans serif", tahoma, verdana, helvetica;
974 }
975
976 .x-date-middle .x-btn .x-btn-text {
977     color:#fff;
978 }
979
980 .x-date-middle .x-btn-mc em.x-btn-arrow {
981     background-image:url(../images/gray/toolbar/btn-arrow-light.gif);
982 }
983
984 .x-date-right a {
985     background-image: url(../images/gray/shared/right-btn.gif);
986 }
987
988 .x-date-left a{
989         background-image: url(../images/gray/shared/left-btn.gif);
990 }
991
992 .x-date-inner th {
993     background-color:#D8D8D8;
994     background-image: url(../images/gray/panel/white-top-bottom.gif);
995         border-bottom-color:#AFAFAF;
996     font:normal 10px arial, helvetica,tahoma,sans-serif;
997         color:#595959;
998 }
999
1000 .x-date-inner td {
1001     border-color:#fff;
1002 }
1003
1004 .x-date-inner a {
1005     font:normal 11px arial, helvetica,tahoma,sans-serif;
1006     color:#000;
1007 }
1008
1009 .x-date-inner .x-date-active{
1010         color:#000;
1011 }
1012
1013 .x-date-inner .x-date-selected a{
1014     background-image: none;
1015     background-color:#D8D8D8;
1016         border-color:#DCDCDC;
1017 }
1018
1019 .x-date-inner .x-date-today a{
1020         border-color:darkred;
1021 }
1022
1023 .x-date-inner .x-date-selected span{
1024     font-weight:bold;
1025 }
1026
1027 .x-date-inner .x-date-prevday a,.x-date-inner .x-date-nextday a {
1028         color:#aaa;
1029 }
1030
1031 .x-date-bottom {
1032     border-top-color:#AFAFAF;
1033     background-color:#D8D8D8;
1034     background:#D8D8D8 url(../images/gray/panel/white-top-bottom.gif) 0 -2px;
1035 }
1036
1037 .x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover{
1038     color:#000;
1039     background-color:#D8D8D8;
1040 }
1041
1042 .x-date-inner .x-date-disabled a {
1043         background-color:#eee;
1044         color:#bbb;
1045 }
1046
1047 .x-date-mmenu{
1048     background-color:#eee !important;
1049 }
1050
1051 .x-date-mmenu .x-menu-item {
1052         font-size:10px;
1053         color:#000;
1054 }
1055
1056 .x-date-mp {
1057         background-color:#fff;
1058 }
1059
1060 .x-date-mp td {
1061         font:normal 11px arial, helvetica,tahoma,sans-serif;
1062 }
1063
1064 .x-date-mp-btns button {
1065         background-color:#4E565F;
1066         color:#fff;
1067         border-color:#C0C0C0 #434343 #434343 #C0C0C0;
1068         font:normal 11px arial, helvetica,tahoma,sans-serif;
1069 }
1070
1071 .x-date-mp-btns {
1072     background-color:#D8D8D8;
1073     background:#D8D8D8 url(../images/gray/panel/white-top-bottom.gif) 0 -2px;
1074 }
1075
1076 .x-date-mp-btns td {
1077         border-top-color:#AFAFAF;
1078 }
1079
1080 td.x-date-mp-month a,td.x-date-mp-year a {
1081         color: #333;
1082 }
1083
1084 td.x-date-mp-month a:hover,td.x-date-mp-year a:hover {
1085         color:#333;
1086         background-color:#FDFDFD;
1087 }
1088
1089 td.x-date-mp-sel a {
1090     background-color:#D8D8D8;
1091     background:#D8D8D8 url(../images/gray/panel/white-top-bottom.gif) 0 -2px;
1092         border-color:#DCDCDC;
1093 }
1094
1095 .x-date-mp-ybtn a {
1096     background-image:url(../images/gray/panel/tool-sprites.gif);
1097 }
1098
1099 td.x-date-mp-sep {
1100    border-right-color:#D7D7D7;
1101 }.x-tip .x-tip-close{
1102         background-image: url(../images/gray/qtip/close.gif);
1103 }
1104
1105 .x-tip .x-tip-tc, .x-tip .x-tip-tl, .x-tip .x-tip-tr, .x-tip .x-tip-bc, .x-tip .x-tip-bl, .x-tip .x-tip-br, .x-tip .x-tip-ml, .x-tip .x-tip-mr {
1106         background-image: url(../images/gray/qtip/tip-sprite.gif);
1107 }
1108
1109 .x-tip .x-tip-mc {
1110     font: normal 11px tahoma,arial,helvetica,sans-serif;
1111 }
1112 .x-tip .x-tip-ml {
1113         background-color: #fff;
1114 }
1115
1116 .x-tip .x-tip-header-text {
1117     font: bold 11px tahoma,arial,helvetica,sans-serif;
1118     color:#444;
1119 }
1120
1121 .x-tip .x-tip-body {
1122     font: normal 11px tahoma,arial,helvetica,sans-serif;
1123     color:#444;
1124 }
1125
1126 .x-form-invalid-tip .x-tip-tc, .x-form-invalid-tip .x-tip-tl, .x-form-invalid-tip .x-tip-tr, .x-form-invalid-tip .x-tip-bc,
1127 .x-form-invalid-tip .x-tip-bl, .x-form-invalid-tip .x-tip-br, .x-form-invalid-tip .x-tip-ml, .x-form-invalid-tip .x-tip-mr
1128 {
1129         background-image: url(../images/default/form/error-tip-corners.gif);
1130 }
1131
1132 .x-form-invalid-tip .x-tip-body {
1133     background-image:url(../images/default/form/exclamation.gif);
1134 }
1135
1136 .x-tip-anchor {
1137     background-image:url(../images/gray/qtip/tip-anchor-sprite.gif);
1138 }.x-menu {
1139     background-color:#f0f0f0;
1140         background-image:url(../images/default/menu/menu.gif);
1141 }
1142
1143 .x-menu-floating{
1144     border-color:#7D7D7D;
1145 }
1146
1147 .x-menu-nosep {
1148         background-image:none;
1149 }
1150
1151 .x-menu-list-item{
1152         font:normal 11px arial,tahoma,sans-serif;
1153 }
1154
1155 .x-menu-item-arrow{
1156         background-image:url(../images/gray/menu/menu-parent.gif);
1157 }
1158
1159 .x-menu-sep {
1160     background-color:#e0e0e0;
1161         border-bottom-color:#fff;
1162 }
1163
1164 a.x-menu-item {
1165         color:#222;
1166 }
1167
1168 .x-menu-item-active {
1169     background-image: url(../images/gray/menu/item-over.gif);
1170         background-color: #f1f1f1;
1171     border-color:#ACACAC;
1172 }
1173
1174 .x-menu-item-active a.x-menu-item {
1175         border-color:#ACACAC;
1176 }
1177
1178 .x-menu-check-item .x-menu-item-icon{
1179         background-image:url(../images/default/menu/unchecked.gif);
1180 }
1181
1182 .x-menu-item-checked .x-menu-item-icon{
1183         background-image:url(../images/default/menu/checked.gif);
1184 }
1185
1186 .x-menu-item-checked .x-menu-group-item .x-menu-item-icon{
1187     background-image:url(../images/gray/menu/group-checked.gif);
1188 }
1189
1190 .x-menu-group-item .x-menu-item-icon{
1191     background-image:none;
1192 }
1193
1194 .x-menu-plain {
1195         background-color:#fff !important;
1196 }
1197
1198 .x-menu .x-date-picker{
1199     border-color:#AFAFAF;
1200 }
1201
1202 .x-cycle-menu .x-menu-item-checked {
1203     border-color:#B9B9B9 !important;
1204     background-color:#F1F1F1;
1205 }
1206
1207 .x-menu-scroller-top {
1208     background-image:url(../images/default/layout/mini-top.gif);
1209 }
1210
1211 .x-menu-scroller-bottom {
1212     background-image:url(../images/default/layout/mini-bottom.gif);
1213 }.x-box-tl {
1214         background-image: url(../images/default/box/corners.gif);
1215 }
1216
1217 .x-box-tc {
1218         background-image: url(../images/default/box/tb.gif);
1219 }
1220
1221 .x-box-tr {
1222         background-image: url(../images/default/box/corners.gif);
1223 }
1224
1225 .x-box-ml {
1226         background-image: url(../images/default/box/l.gif);
1227 }
1228
1229 .x-box-mc {
1230         background-color: #eee;
1231     background-image: url(../images/default/box/tb.gif);
1232         font-family: "Myriad Pro","Myriad Web","Tahoma","Helvetica","Arial",sans-serif;
1233         color: #393939;
1234         font-size: 12px;
1235 }
1236
1237 .x-box-mc h3 {
1238         font-size: 14px;
1239         font-weight: bold;
1240 }
1241
1242 .x-box-mr {
1243         background-image: url(../images/default/box/r.gif);
1244 }
1245
1246 .x-box-bl {
1247         background-image: url(../images/default/box/corners.gif);
1248 }
1249
1250 .x-box-bc {
1251         background-image: url(../images/default/box/tb.gif);
1252 }
1253
1254 .x-box-br {
1255         background-image: url(../images/default/box/corners.gif);
1256 }
1257
1258 .x-box-blue .x-box-bl, .x-box-blue .x-box-br, .x-box-blue .x-box-tl, .x-box-blue .x-box-tr {
1259         background-image: url(../images/default/box/corners-blue.gif);
1260 }
1261
1262 .x-box-blue .x-box-bc, .x-box-blue .x-box-mc, .x-box-blue .x-box-tc {
1263         background-image: url(../images/default/box/tb-blue.gif);
1264 }
1265
1266 .x-box-blue .x-box-mc {
1267         background-color: #c3daf9;
1268 }
1269
1270 .x-box-blue .x-box-mc h3 {
1271         color: #17385b;
1272 }
1273
1274 .x-box-blue .x-box-ml {
1275         background-image: url(../images/default/box/l-blue.gif);
1276 }
1277
1278 .x-box-blue .x-box-mr {
1279         background-image: url(../images/default/box/r-blue.gif);
1280 }
1281 .x-combo-list {
1282     border-color:#ccc;
1283     background-color:#ddd;
1284     font:normal 12px tahoma, arial, helvetica, sans-serif;
1285 }
1286
1287 .x-combo-list-inner {
1288     background-color:#fff;
1289 }
1290
1291 .x-combo-list-hd {
1292     font:bold 11px tahoma, arial, helvetica, sans-serif;
1293     color:#333;
1294     background-image: url(../images/default/layout/panel-title-light-bg.gif);
1295     border-bottom-color:#BCBCBC;
1296 }
1297
1298 .x-resizable-pinned .x-combo-list-inner {
1299     border-bottom-color:#BEBEBE;
1300 }
1301
1302 .x-combo-list-item {
1303     border-color:#fff;
1304 }
1305
1306 .x-combo-list .x-combo-selected{
1307         border-color:#777 !important;
1308     background-color:#f0f0f0;
1309 }
1310
1311 .x-combo-list .x-toolbar {
1312     border-top-color:#BCBCBC;
1313 }
1314
1315 .x-combo-list-small {
1316     font:normal 11px tahoma, arial, helvetica, sans-serif;
1317 }.x-panel {
1318     border-color: #d0d0d0;
1319 }
1320
1321 .x-panel-header {
1322     color:#333;
1323         font-weight:bold; 
1324     font-size: 11px;
1325     font-family: tahoma,arial,verdana,sans-serif;
1326     border-color:#d0d0d0;
1327     background-image: url(../images/gray/panel/white-top-bottom.gif);
1328 }
1329
1330 .x-panel-body {
1331     border-color:#d0d0d0;
1332     background-color:#fff;
1333 }
1334
1335 .x-panel-bbar .x-toolbar, .x-panel-tbar .x-toolbar {
1336     border-color:#d0d0d0;
1337 }
1338
1339 .x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
1340     border-top-color:#d0d0d0;
1341 }
1342
1343 .x-panel-body-noheader, .x-panel-mc .x-panel-body {
1344     border-top-color:#d0d0d0;
1345 }
1346
1347 .x-panel-tl .x-panel-header {
1348     color:#333;
1349         font:bold 11px tahoma,arial,verdana,sans-serif;
1350 }
1351
1352 .x-panel-tc {
1353         background-image: url(../images/gray/panel/top-bottom.gif);
1354 }
1355
1356 .x-panel-tl, .x-panel-tr, .x-panel-bl,  .x-panel-br{
1357         background-image: url(../images/gray/panel/corners-sprite.gif);
1358     border-bottom-color:#d0d0d0;
1359 }
1360
1361 .x-panel-bc {
1362         background-image: url(../images/gray/panel/top-bottom.gif);
1363 }
1364
1365 .x-panel-mc {
1366     font: normal 11px tahoma,arial,helvetica,sans-serif;
1367     background-color:#f1f1f1;
1368 }
1369
1370 .x-panel-ml {
1371         background-color: #fff;
1372     background-image:url(../images/gray/panel/left-right.gif);
1373 }
1374
1375 .x-panel-mr {
1376         background-image: url(../images/gray/panel/left-right.gif);
1377 }
1378
1379 .x-tool {
1380     background-image:url(../images/gray/panel/tool-sprites.gif);
1381 }
1382
1383 .x-panel-ghost {
1384     background-color:#f2f2f2;
1385 }
1386
1387 .x-panel-ghost ul {
1388     border-color:#d0d0d0;
1389 }
1390
1391 .x-panel-dd-spacer {
1392     border-color:#d0d0d0;
1393 }
1394
1395 .x-panel-fbar td,.x-panel-fbar span,.x-panel-fbar input,.x-panel-fbar div,.x-panel-fbar select,.x-panel-fbar label{
1396     font:normal 11px arial,tahoma, helvetica, sans-serif;
1397 }
1398 .x-window-proxy {
1399     background-color:#fcfcfc;
1400     border-color:#d0d0d0;
1401 }
1402
1403 .x-window-tl .x-window-header {
1404     color:#555;
1405         font:bold 11px tahoma,arial,verdana,sans-serif;
1406 }
1407
1408 .x-window-tc {
1409         background-image: url(../images/gray/window/top-bottom.png);
1410 }
1411
1412 .x-window-tl {
1413         background-image: url(../images/gray/window/left-corners.png);
1414 }
1415
1416 .x-window-tr {
1417         background-image: url(../images/gray/window/right-corners.png);
1418 }
1419
1420 .x-window-bc {
1421         background-image: url(../images/gray/window/top-bottom.png);
1422 }
1423
1424 .x-window-bl {
1425         background-image: url(../images/gray/window/left-corners.png);
1426 }
1427
1428 .x-window-br {
1429         background-image: url(../images/gray/window/right-corners.png);
1430 }
1431
1432 .x-window-mc {
1433     border-color:#d0d0d0;
1434     font: normal 11px tahoma,arial,helvetica,sans-serif;
1435     background-color:#e8e8e8;
1436 }
1437
1438 .x-window-ml {
1439         background-image: url(../images/gray/window/left-right.png);
1440 }
1441
1442 .x-window-mr {
1443         background-image: url(../images/gray/window/left-right.png);
1444 }
1445
1446 .x-window-maximized .x-window-tc {
1447     background-color:#fff;
1448 }
1449
1450 .x-window-bbar .x-toolbar {
1451     border-top-color:#d0d0d0;
1452 }
1453
1454 .x-panel-ghost .x-window-tl {
1455     border-bottom-color:#d0d0d0;
1456 }
1457
1458 .x-panel-collapsed .x-window-tl {
1459     border-bottom-color:#d0d0d0;
1460 }
1461
1462 .x-dlg-mask{
1463    background-color:#ccc;
1464 }
1465
1466 .x-window-plain .x-window-mc {
1467     background-color: #E8E8E8;
1468     border-color: #D0D0D0 #EEEEEE #EEEEEE #D0D0D0;
1469 }
1470
1471 .x-window-plain .x-window-body {
1472     border-color: #EEEEEE #D0D0D0 #D0D0D0 #EEEEEE;
1473 }
1474
1475 body.x-body-masked .x-window-plain .x-window-mc {
1476     background-color: #E4E4E4;
1477 }
1478 .x-html-editor-wrap {
1479     border-color:#BCBCBC;
1480     background-color:#fff;
1481 }
1482 .x-html-editor-tb .x-btn-text {
1483     background-image:url(../images/default/editor/tb-sprite.gif);
1484 }
1485 .x-panel-noborder .x-panel-header-noborder {
1486     border-bottom-color:#d0d0d0;
1487 }
1488
1489 .x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
1490     border-bottom-color:#d0d0d0;
1491 }
1492
1493 .x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
1494     border-top-color:#d0d0d0;
1495 }
1496
1497 .x-tab-panel-bbar-noborder .x-toolbar {
1498     border-top-color:#d0d0d0;
1499 }
1500
1501 .x-tab-panel-tbar-noborder .x-toolbar {
1502     border-bottom-color:#d0d0d0;
1503 }
1504
1505 .x-border-layout-ct {
1506     background-color:#f0f0f0;
1507 }
1508 .x-border-layout-ct {
1509     background-color:#f0f0f0;
1510 }
1511
1512 .x-accordion-hd {
1513         color:#222;
1514     font-weight:normal;
1515     background-image: url(../images/gray/panel/light-hd.gif);
1516 }
1517
1518 .x-layout-collapsed{
1519     background-color:#dfdfdf;
1520         border-color:#d0d0d0;
1521 }
1522
1523 .x-layout-collapsed-over{
1524     background-color:#e7e7e7;
1525 }
1526
1527 .x-layout-split-west .x-layout-mini {
1528     background-image:url(../images/default/layout/mini-left.gif);
1529 }
1530 .x-layout-split-east .x-layout-mini {
1531     background-image:url(../images/default/layout/mini-right.gif);
1532 }
1533 .x-layout-split-north .x-layout-mini {
1534     background-image:url(../images/default/layout/mini-top.gif);
1535 }
1536 .x-layout-split-south .x-layout-mini {
1537     background-image:url(../images/default/layout/mini-bottom.gif);
1538 }
1539
1540 .x-layout-cmini-west .x-layout-mini {
1541     background-image:url(../images/default/layout/mini-right.gif);
1542 }
1543
1544 .x-layout-cmini-east .x-layout-mini {
1545     background-image:url(../images/default/layout/mini-left.gif);
1546 }
1547
1548 .x-layout-cmini-north .x-layout-mini {
1549     background-image:url(../images/default/layout/mini-bottom.gif);
1550 }
1551
1552 .x-layout-cmini-south .x-layout-mini {
1553     background-image:url(../images/default/layout/mini-top.gif);
1554 }
1555 .x-progress-wrap {
1556     border-color:#8E8E8E;
1557 }
1558
1559 .x-progress-inner {
1560     background-color:#E7E7E7;
1561     background-image:url(../images/gray/qtip/bg.gif);
1562 }
1563
1564 .x-progress-bar {
1565     background-color:#BCBCBC;
1566     background-image:url(../images/gray/progress/progress-bg.gif);
1567     border-top-color:#E2E2E2;
1568     border-bottom-color:#A4A4A4;
1569     border-right-color:#A4A4A4;
1570 }
1571
1572 .x-progress-text {
1573     font-size:11px;
1574     font-weight:bold;
1575     color:#fff;
1576 }
1577
1578 .x-progress-text-back {
1579     color:#5F5F5F;
1580 }
1581 .x-list-header{
1582     background-color:#f9f9f9;
1583         background-image:url(../images/gray/grid/grid3-hrow2.gif);
1584 }
1585
1586 .x-list-header-inner div em {
1587     border-left-color:#ddd;
1588     font:normal 11px arial, tahoma, helvetica, sans-serif;
1589 }
1590
1591 .x-list-body dt em {
1592     font:normal 11px arial, tahoma, helvetica, sans-serif;
1593 }
1594
1595 .x-list-over {
1596     background-color:#eee;
1597 }
1598
1599 .x-list-selected {
1600     background-color:#f0f0f0;
1601 }
1602
1603 .x-list-resizer {
1604     border-left-color:#555;
1605     border-right-color:#555;
1606 }
1607
1608 .x-list-header-inner em.sort-asc, .x-list-header-inner em.sort-desc {
1609     background-image:none;
1610     border-color: #d0d0d0;
1611 }
1612 .x-slider-horz, .x-slider-horz .x-slider-end, .x-slider-horz .x-slider-inner {
1613     background-image:url(../images/default/slider/slider-bg.png);
1614 }
1615
1616 .x-slider-horz .x-slider-thumb {
1617     background-image:url(../images/gray/slider/slider-thumb.png);
1618 }
1619
1620 .x-slider-vert, .x-slider-vert .x-slider-end, .x-slider-vert .x-slider-inner {
1621     background-image:url(../images/default/slider/slider-v-bg.png);
1622 }
1623
1624 .x-slider-vert .x-slider-thumb {
1625     background-image:url(../images/gray/slider/slider-v-thumb.png);
1626 }
1627 .x-window-dlg .ext-mb-text,
1628 .x-window-dlg .x-window-header-text {
1629     font-size:12px;
1630 }
1631
1632 .x-window-dlg .ext-mb-textarea {
1633     font:normal 12px tahoma,arial,helvetica,sans-serif;
1634 }
1635
1636 .x-window-dlg .x-msg-box-wait {
1637     background-image:url(../images/default/grid/loading.gif);
1638 }
1639
1640 .x-window-dlg .ext-mb-info {
1641     background-image:url(../images/gray/window/icon-info.gif);
1642 }
1643
1644 .x-window-dlg .ext-mb-warning {
1645     background-image:url(../images/gray/window/icon-warning.gif);
1646 }
1647
1648 .x-window-dlg .ext-mb-question {
1649     background-image:url(../images/gray/window/icon-question.gif);
1650 }
1651
1652 .x-window-dlg .ext-mb-error {
1653     background-image:url(../images/gray/window/icon-error.gif);
1654 }