Upgrade to ExtJS 3.2.0 - Released 03/30/2010
[extjs.git] / resources / css / ext-all.css
1 /*!
2  * Ext JS Library 3.2.0
3  * Copyright(c) 2006-2010 Ext JS, Inc.
4  * licensing@extjs.com
5  * http://www.extjs.com/license
6  */
7 html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}img,body,html{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}.ext-el-mask {
8     z-index: 100;
9     position: absolute;
10     top:0;
11     left:0;
12     -moz-opacity: 0.5;
13     opacity: .50;
14     filter: alpha(opacity=50);
15     width: 100%;
16     height: 100%;
17     zoom: 1;
18 }
19
20 .ext-el-mask-msg {
21     z-index: 20001;
22     position: absolute;
23     top: 0;
24     left: 0;
25     border:1px solid;
26     background:repeat-x 0 -16px;
27     padding:2px;
28 }
29
30 .ext-el-mask-msg div {
31     padding:5px 10px 5px 10px;
32     border:1px solid;
33     cursor:wait;
34 }
35
36 .ext-shim {
37     position:absolute;
38     visibility:hidden;
39     left:0;
40     top:0;
41     overflow:hidden;
42 }
43
44 .ext-ie .ext-shim {
45     filter: alpha(opacity=0);
46 }
47
48 .ext-ie6 .ext-shim {
49     margin-left: 5px;
50     margin-top: 3px;
51 }
52
53 .x-mask-loading div {
54     padding:5px 10px 5px 25px;
55     background:no-repeat 5px 5px;
56     line-height:16px;
57 }
58
59 /* class for hiding elements without using display:none */
60 .x-hidden, .x-hide-offsets {
61     position:absolute !important;
62     left:-10000px;
63     top:-10000px;
64     visibility:hidden;
65 }
66
67 .x-hide-display {
68     display:none !important;
69 }
70
71 .x-hide-visibility {
72     visibility:hidden !important;
73 }
74
75 .x-masked {
76     overflow: hidden !important;
77 }
78 .x-masked-relative {
79     position: relative !important;
80 }
81
82 .x-masked select, .x-masked object, .x-masked embed {
83     visibility: hidden;
84 }
85
86 .x-layer {
87     visibility: hidden;
88 }
89
90 .x-unselectable, .x-unselectable * {
91     -moz-user-select: none;
92     -khtml-user-select: none;
93     -webkit-user-select:ignore;
94 }
95
96 .x-repaint {
97     zoom: 1;
98     background-color: transparent;
99     -moz-outline: none;
100     outline: none;
101 }
102
103 .x-item-disabled {
104     cursor: default;
105     opacity: .6;
106     -moz-opacity: .6;
107     filter: alpha(opacity=60);
108 }
109
110 .x-item-disabled * {
111     cursor: default !important;
112 }
113
114 .x-form-radio-group .x-item-disabled {
115     filter: none;
116 }
117
118 .x-splitbar-proxy {
119     position: absolute;
120     visibility: hidden;
121     z-index: 20001;
122     zoom: 1;
123     line-height: 1px;
124     font-size: 1px;
125     overflow: hidden;
126 }
127
128 .x-splitbar-h, .x-splitbar-proxy-h {
129     cursor: e-resize;
130     cursor: col-resize;
131 }
132
133 .x-splitbar-v, .x-splitbar-proxy-v {
134     cursor: s-resize;
135     cursor: row-resize;
136 }
137
138 .x-color-palette {
139     width: 150px;
140     height: 92px;
141     cursor: pointer;
142 }
143
144 .x-color-palette a {
145     border: 1px solid;
146     float: left;
147     padding: 2px;
148     text-decoration: none;
149     -moz-outline: 0 none;
150     outline: 0 none;
151     cursor: pointer;
152 }
153
154 .x-color-palette a:hover, .x-color-palette a.x-color-palette-sel {
155     border: 1px solid;
156 }
157
158 .x-color-palette em {
159     display: block;
160     border: 1px solid;
161 }
162
163 .x-color-palette em span {
164     cursor: pointer;
165     display: block;
166     height: 10px;
167     line-height: 10px;
168     width: 10px;
169 }
170
171 .x-ie-shadow {
172     display: none;
173     position: absolute;
174     overflow: hidden;
175     left:0;
176     top:0;
177     zoom:1;
178 }
179
180 .x-shadow {
181     display: none;
182     position: absolute;
183     overflow: hidden;
184     left:0;
185     top:0;
186 }
187
188 .x-shadow * {
189     overflow: hidden;
190 }
191
192 .x-shadow * {
193     padding: 0;
194     border: 0;
195     margin: 0;
196     clear: none;
197     zoom: 1;
198 }
199
200 /* top  bottom */
201 .x-shadow .xstc, .x-shadow .xsbc {
202     height: 6px;
203     float: left;
204 }
205
206 /* corners */
207 .x-shadow .xstl, .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbr {
208     width: 6px;
209     height: 6px;
210     float: left;
211 }
212
213 /* sides */
214 .x-shadow .xsc {
215     width: 100%;
216 }
217
218 .x-shadow .xsml, .x-shadow .xsmr {
219     width: 6px;
220     float: left;
221     height: 100%;
222 }
223
224 .x-shadow .xsmc {
225     float: left;
226     height: 100%;
227     background: transparent;
228 }
229
230 .x-shadow .xst, .x-shadow .xsb {
231     height: 6px;
232     overflow: hidden;
233     width: 100%;
234 }
235
236 .x-shadow .xsml {
237     background: transparent repeat-y 0 0;
238 }
239
240 .x-shadow .xsmr {
241     background: transparent repeat-y -6px 0;
242 }
243
244 .x-shadow .xstl {
245     background: transparent no-repeat 0 0;
246 }
247
248 .x-shadow .xstc {
249     background: transparent repeat-x 0 -30px;
250 }
251
252 .x-shadow .xstr {
253     background: transparent repeat-x 0 -18px;
254 }
255
256 .x-shadow .xsbl {
257     background: transparent no-repeat 0 -12px;
258 }
259
260 .x-shadow .xsbc {
261     background: transparent repeat-x 0 -36px;
262 }
263
264 .x-shadow .xsbr {
265     background: transparent repeat-x 0 -6px;
266 }
267
268 .loading-indicator {
269     background: no-repeat left;
270     padding-left: 20px;
271     line-height: 16px;
272     margin: 3px;
273 }
274
275 .x-text-resize {
276     position: absolute;
277     left: -1000px;
278     top: -1000px;
279     visibility: hidden;
280     zoom: 1;
281 }
282
283 .x-drag-overlay {
284     width: 100%;
285     height: 100%;
286     display: none;
287     position: absolute;
288     left: 0;
289     top: 0;
290     background-image:url(../images/default/s.gif);
291     z-index: 20000;
292 }
293
294 .x-clear {
295     clear:both;
296     height:0;
297     overflow:hidden;
298     line-height:0;
299     font-size:0;
300 }
301
302 .x-spotlight {
303     z-index: 8999;
304     position: absolute;
305     top:0;
306     left:0;
307     -moz-opacity: 0.5;
308     opacity: .50;
309     filter: alpha(opacity=50);
310     width:0;
311     height:0;
312     zoom: 1;
313 }
314
315 #x-history-frame {
316     position:absolute;
317     top:-1px;
318     left:0;
319         width:1px;
320     height:1px;
321     visibility:hidden;
322 }
323
324 #x-history-field {
325     position:absolute;
326     top:0;
327     left:-1px;
328         width:1px;
329     height:1px;
330     visibility:hidden;
331 }
332 .x-resizable-handle {
333     position:absolute;
334     z-index:100;
335     /* ie needs these */
336     font-size:1px;
337     line-height:6px;
338     overflow:hidden;
339         filter:alpha(opacity=0);
340         opacity:0;
341         zoom:1;
342 }
343
344 .x-resizable-handle-east{
345     width:6px;
346     cursor:e-resize;
347     right:0;
348     top:0;
349     height:100%;
350 }
351
352 .ext-ie .x-resizable-handle-east {
353     margin-right:-1px; /*IE rounding error*/
354 }
355
356 .x-resizable-handle-south{
357     width:100%;
358     cursor:s-resize;
359     left:0;
360     bottom:0;
361     height:6px;
362 }
363
364 .ext-ie .x-resizable-handle-south {
365     margin-bottom:-1px; /*IE rounding error*/
366 }
367
368 .x-resizable-handle-west{
369     width:6px;
370     cursor:w-resize;
371     left:0;
372     top:0;
373     height:100%;
374 }
375
376 .x-resizable-handle-north{
377     width:100%;
378     cursor:n-resize;
379     left:0;
380     top:0;
381     height:6px;
382 }
383
384 .x-resizable-handle-southeast{
385     width:6px;
386     cursor:se-resize;
387     right:0;
388     bottom:0;
389     height:6px;
390     z-index:101;
391 }
392
393 .x-resizable-handle-northwest{
394     width:6px;
395     cursor:nw-resize;
396     left:0;
397     top:0;
398     height:6px;
399     z-index:101;
400 }
401
402 .x-resizable-handle-northeast{
403     width:6px;
404     cursor:ne-resize;
405     right:0;
406     top:0;
407     height:6px;
408     z-index:101;
409 }
410
411 .x-resizable-handle-southwest{
412     width:6px;
413     cursor:sw-resize;
414     left:0;
415     bottom:0;
416     height:6px;
417     z-index:101;
418 }
419
420 .x-resizable-over .x-resizable-handle, .x-resizable-pinned .x-resizable-handle{
421     filter:alpha(opacity=100);
422         opacity:1;
423 }
424
425 .x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-east,
426 .x-resizable-over .x-resizable-handle-west, .x-resizable-pinned .x-resizable-handle-west
427 {
428         background-position: left;
429 }
430
431 .x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south,
432 .x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north
433 {
434     background-position: top;
435 }
436
437 .x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast{
438     background-position: top left;
439 }
440
441 .x-resizable-over .x-resizable-handle-northwest, .x-resizable-pinned .x-resizable-handle-northwest{
442     background-position:bottom right;
443 }
444
445 .x-resizable-over .x-resizable-handle-northeast, .x-resizable-pinned .x-resizable-handle-northeast{
446     background-position: bottom left;
447 }
448
449 .x-resizable-over .x-resizable-handle-southwest, .x-resizable-pinned .x-resizable-handle-southwest{
450     background-position: top right;
451 }
452
453 .x-resizable-proxy{
454     border: 1px dashed;
455     position:absolute;
456     overflow:hidden;
457     display:none;
458         left:0;
459     top:0;
460     z-index:50000;
461 }
462
463 .x-resizable-overlay{
464     width:100%;
465         height:100%;
466         display:none;
467         position:absolute;
468         left:0;
469         top:0;
470         z-index:200000;
471         -moz-opacity: 0;
472     opacity:0;
473     filter: alpha(opacity=0);
474 }
475 .x-tab-panel {
476     overflow:hidden;
477 }
478
479 .x-tab-panel-header, .x-tab-panel-footer {
480         border: 1px solid;
481     overflow:hidden;
482     zoom:1;
483 }
484
485 .x-tab-panel-header {
486         border: 1px solid;
487         padding-bottom: 2px;
488 }
489
490 .x-tab-panel-footer {
491         border: 1px solid;
492         padding-top: 2px;
493 }
494
495 .x-tab-strip-wrap {
496         width:100%;
497     overflow:hidden;
498     position:relative;
499     zoom:1;
500 }
501
502 ul.x-tab-strip {
503         display:block;
504     width:5000px;
505     zoom:1;
506 }
507
508 ul.x-tab-strip-top{
509         padding-top: 1px;
510         background: repeat-x bottom;
511         border-bottom: 1px solid;
512 }
513
514 ul.x-tab-strip-bottom{
515         padding-bottom: 1px;
516         background: repeat-x top;
517         border-top: 1px solid;
518         border-bottom: 0 none;
519 }
520
521 .x-tab-panel-header-plain .x-tab-strip-top {
522     background:transparent !important;
523     padding-top:0 !important;
524 }
525
526 .x-tab-panel-header-plain {
527     background:transparent !important;
528     border-width:0 !important;
529     padding-bottom:0 !important;
530 }
531
532 .x-tab-panel-header-plain .x-tab-strip-spacer,
533 .x-tab-panel-footer-plain .x-tab-strip-spacer {
534     border:1px solid;
535     height:2px;
536     font-size:1px;
537     line-height:1px;
538 }
539
540 .x-tab-panel-header-plain .x-tab-strip-spacer {
541     border-top: 0 none;
542 }
543
544 .x-tab-panel-footer-plain .x-tab-strip-spacer {
545     border-bottom: 0 none;
546 }
547
548 .x-tab-panel-footer-plain .x-tab-strip-bottom {
549     background:transparent !important;
550     padding-bottom:0 !important;
551 }
552
553 .x-tab-panel-footer-plain {
554     background:transparent !important;
555     border-width:0 !important;
556     padding-top:0 !important;
557 }
558
559 .ext-border-box .x-tab-panel-header-plain .x-tab-strip-spacer,
560 .ext-border-box .x-tab-panel-footer-plain .x-tab-strip-spacer {
561     height:3px;
562 }
563
564 ul.x-tab-strip li {
565     float:left;
566     margin-left:2px;
567 }
568
569 ul.x-tab-strip li.x-tab-edge {
570     float:left;
571     margin:0 !important;
572     padding:0 !important;
573     border:0 none !important;
574     font-size:1px !important;
575     line-height:1px !important;
576     overflow:hidden;
577     zoom:1;
578     background:transparent !important;
579     width:1px;
580 }
581
582 .x-tab-strip a, .x-tab-strip span, .x-tab-strip em {
583         display:block;
584 }
585
586 .x-tab-strip a {
587         text-decoration:none !important;
588         -moz-outline: none;
589         outline: none;
590         cursor:pointer;
591 }
592
593 .x-tab-strip-inner {
594     overflow:hidden;
595         text-overflow: ellipsis;
596 }
597
598 .x-tab-strip span.x-tab-strip-text {
599         white-space: nowrap;
600         cursor:pointer;
601     padding:4px 0;
602 }
603
604 .x-tab-strip-top .x-tab-with-icon .x-tab-right {
605     padding-left:6px;
606 }
607
608 .x-tab-strip .x-tab-with-icon span.x-tab-strip-text {
609         padding-left:20px;
610     background-position: 0 3px;
611     background-repeat: no-repeat;
612 }
613
614 .x-tab-strip-active, .x-tab-strip-active a.x-tab-right {
615     cursor:default;
616 }
617
618 .x-tab-strip-active span.x-tab-strip-text {
619         cursor:default;
620 }
621
622 .x-tab-strip-disabled .x-tabs-text {
623         cursor:default;
624 }
625
626 .x-tab-panel-body {
627     overflow:hidden;
628 }
629
630 .x-tab-panel-bwrap {
631     overflow:hidden;
632 }
633
634 .ext-ie .x-tab-strip .x-tab-right {
635     position:relative;
636 }
637
638 .x-tab-strip-top .x-tab-strip-active .x-tab-right {
639     margin-bottom:-1px;
640 }
641
642 /*
643  * Horrible hack for IE8 in quirks mode
644  */
645 .ext-ie8 ul.x-tab-strip li {
646     position: relative;
647 }
648 .ext-ie8 .x-tab-strip .x-tab-right{
649     margin-bottom: 0 !important;
650     top: 1px;
651 }
652 .ext-ie8 ul.x-tab-strip-top {
653     padding-top: 0;
654 }
655 .ext-ie8 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
656     top:4px;
657 }
658 .ext-ie8 .x-tab-strip-bottom .x-tab-right{
659     top:0;
660 }
661
662
663 .x-tab-strip-top .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
664     padding-bottom:5px;
665 }
666
667 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
668     margin-top:-1px;
669 }
670
671 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
672     padding-top:5px;
673 }
674
675 .x-tab-strip-top .x-tab-right {
676         background: transparent no-repeat 0 -51px;
677     padding-left:10px;
678 }
679
680 .x-tab-strip-top .x-tab-left {
681         background: transparent no-repeat right -351px;
682     padding-right:10px;
683 }
684
685 .x-tab-strip-top .x-tab-strip-inner {
686         background: transparent repeat-x 0 -201px;
687 }
688
689 .x-tab-strip-top .x-tab-strip-over .x-tab-right {
690          background-position:0 -101px;
691 }
692
693 .x-tab-strip-top .x-tab-strip-over .x-tab-left {
694          background-position:right -401px;
695 }
696
697 .x-tab-strip-top .x-tab-strip-over .x-tab-strip-inner {
698          background-position:0 -251px;
699 }
700
701 .x-tab-strip-top .x-tab-strip-active .x-tab-right {
702         background-position: 0 0;
703 }
704
705 .x-tab-strip-top .x-tab-strip-active .x-tab-left {
706         background-position: right -301px;
707 }
708
709 .x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner {
710         background-position: 0 -151px;
711 }
712
713 .x-tab-strip-bottom .x-tab-right {
714         background: no-repeat bottom right;
715 }
716
717 .x-tab-strip-bottom .x-tab-left {
718         background: no-repeat bottom left;
719 }
720
721 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
722         background: no-repeat bottom right;
723 }
724
725 .x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
726         background: no-repeat bottom left;
727 }
728
729 .x-tab-strip-bottom .x-tab-left {
730     margin-right: 3px;
731     padding:0 10px;
732 }
733
734 .x-tab-strip-bottom .x-tab-right {
735     padding:0;
736 }
737
738 .x-tab-strip .x-tab-strip-close {
739     display:none;
740 }
741
742 .x-tab-strip-closable {
743     position:relative;
744 }
745
746 .x-tab-strip-closable .x-tab-left {
747     padding-right:19px;
748 }
749
750 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
751     opacity:.6;
752     -moz-opacity:.6;
753     background-repeat:no-repeat;
754     display:block;
755         width:11px;
756     height:11px;
757     position:absolute;
758     top:3px;
759     right:3px;
760     cursor:pointer;
761     z-index:2;
762 }
763
764 .x-tab-strip .x-tab-strip-active a.x-tab-strip-close {
765     opacity:.8;
766     -moz-opacity:.8;
767 }
768 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
769     opacity:1;
770     -moz-opacity:1;
771 }
772
773 .x-tab-panel-body {
774     border: 1px solid;
775 }
776
777 .x-tab-panel-body-top {
778     border-top: 0 none;
779 }
780
781 .x-tab-panel-body-bottom {
782     border-bottom: 0 none;
783 }
784
785 .x-tab-scroller-left {
786     background: transparent no-repeat -18px 0;
787     border-bottom: 1px solid;
788     width:18px;
789     position:absolute;
790     left:0;
791     top:0;
792     z-index:10;
793     cursor:pointer;
794 }
795 .x-tab-scroller-left-over {
796     background-position: 0 0;
797 }
798
799 .x-tab-scroller-left-disabled {
800     background-position: -18px 0;
801     opacity:.5;
802     -moz-opacity:.5;
803     filter:alpha(opacity=50);
804     cursor:default;
805 }
806
807 .x-tab-scroller-right {
808     background: transparent no-repeat 0 0;
809     border-bottom: 1px solid;
810     width:18px;
811     position:absolute;
812     right:0;
813     top:0;
814     z-index:10;
815     cursor:pointer;
816 }
817
818 .x-tab-scroller-right-over {
819     background-position: -18px 0;
820 }
821
822 .x-tab-scroller-right-disabled {
823     background-position: 0 0;
824     opacity:.5;
825     -moz-opacity:.5;
826     filter:alpha(opacity=50);
827     cursor:default;
828 }
829
830 .x-tab-scrolling-bottom .x-tab-scroller-left, .x-tab-scrolling-bottom .x-tab-scroller-right{
831     margin-top: 1px;
832 }
833
834 .x-tab-scrolling .x-tab-strip-wrap {
835     margin-left:18px;
836     margin-right:18px;
837 }
838
839 .x-tab-scrolling {
840     position:relative;    
841 }
842
843 .x-tab-panel-bbar .x-toolbar {
844     border:1px solid;
845     border-top:0 none;
846     overflow:hidden;
847     padding:2px;
848 }
849
850 .x-tab-panel-tbar .x-toolbar {
851     border:1px solid;
852     border-top:0 none;
853     overflow:hidden;
854     padding:2px;
855 }/* all fields */
856 .x-form-field{
857     margin: 0 0 0 0;
858 }
859
860 .ext-webkit *:focus{
861     outline: none !important;
862 }
863
864 /* ---- text fields ---- */
865 .x-form-text, textarea.x-form-field{
866     padding:1px 3px;
867     background:repeat-x 0 0;
868     border:1px solid;
869 }
870
871 textarea.x-form-field {
872     padding:2px 3px;
873 }
874
875 .x-form-text, .ext-ie .x-form-file {
876     height:22px;
877     line-height:18px;
878     vertical-align:middle;
879 }
880
881 .ext-ie6 .x-form-text, .ext-ie7 .x-form-text {
882     margin:-1px 0; /* ie bogus margin bug */
883     height:22px; /* ie quirks */
884     line-height:18px;
885 }
886
887 .ext-ie6 textarea.x-form-field, .ext-ie7 textarea.x-form-field {
888     margin:-1px 0; /* ie bogus margin bug */
889 }
890
891 .ext-strict .x-form-text {
892     height:18px;
893 }
894
895 .ext-safari.ext-mac textarea.x-form-field {
896     margin-bottom:-2px; /* another bogus margin bug, safari/mac only */
897 }
898
899 .ext-strict .ext-ie8 .x-form-text, .ext-strict .ext-ie8 textarea.x-form-field {
900     margin-bottom: 1px;
901 }
902
903 .ext-gecko .x-form-text , .ext-ie8 .x-form-text {
904     padding-top:2px; /* FF won't center the text vertically */
905     padding-bottom:0;
906 }
907
908 .ext-ie6 .x-form-composite .x-form-text.x-box-item, .ext-ie7 .x-form-composite .x-form-text.x-box-item {
909     margin: 0 !important; /* clear ie bogus margin bug fix */
910 }
911
912 textarea {
913     resize: none;  /* Disable browser resizable textarea */
914 }
915
916 /* select boxes */
917 .x-form-select-one {
918     height:20px;
919     line-height:18px;
920     vertical-align:middle;
921     border: 1px solid;
922 }
923
924 /* multi select boxes */
925
926 /* --- TODO --- */
927
928 /* 2.0.2 style */
929 .x-form-check-wrap {
930     line-height:18px;
931     height: auto;
932 }
933
934 .ext-ie .x-form-check-wrap input {
935     width:15px;
936     height:15px;
937 }
938
939 .x-form-check-wrap input{
940     vertical-align: bottom;
941 }
942
943 .x-editor .x-form-check-wrap {
944     padding:3px;
945 }
946
947 .x-editor .x-form-checkbox {
948     height:13px;
949 }
950
951 .x-form-check-group-label {
952     border-bottom: 1px solid;
953     margin-bottom: 5px;
954     padding-left: 3px !important;
955     float: none !important;
956 }
957
958 /* wrapped fields and triggers */
959 .x-form-field-wrap .x-form-trigger{
960     width:17px;
961     height:21px;
962     border:0;
963     background:transparent no-repeat 0 0;
964     cursor:pointer;
965     border-bottom: 1px solid;
966     position:absolute;
967     top:0;
968 }
969
970 .x-form-field-wrap .x-form-date-trigger, .x-form-field-wrap .x-form-clear-trigger, .x-form-field-wrap .x-form-search-trigger{
971     cursor:pointer;
972 }
973
974 .x-form-field-wrap .x-form-twin-triggers .x-form-trigger{
975     position:static;
976     top:auto;
977     vertical-align:top;
978 }
979
980 .x-form-field-wrap {
981     position:relative;
982     left:0;top:0;
983     text-align: left;
984     zoom:1;
985     white-space: nowrap;
986 }
987
988 .ext-strict .ext-ie8 .x-toolbar-cell .x-form-field-trigger-wrap .x-form-trigger {
989     right: 0; /* IE8 Strict mode trigger bug */
990 }
991
992 .x-form-field-wrap .x-form-trigger-over{
993     background-position:-17px 0;
994 }
995
996 .x-form-field-wrap .x-form-trigger-click{
997     background-position:-34px 0;
998 }
999
1000 .x-trigger-wrap-focus .x-form-trigger{
1001     background-position:-51px 0;
1002 }
1003
1004 .x-trigger-wrap-focus .x-form-trigger-over{
1005     background-position:-68px 0;
1006 }
1007
1008 .x-trigger-wrap-focus .x-form-trigger-click{
1009     background-position:-85px 0;
1010 }
1011
1012 .x-trigger-wrap-focus .x-form-trigger{
1013     border-bottom: 1px solid;
1014 }
1015
1016 .x-item-disabled .x-form-trigger-over{
1017     background-position:0 0 !important;
1018     border-bottom: 1px solid;
1019 }
1020
1021 .x-item-disabled .x-form-trigger-click{
1022     background-position:0 0 !important;
1023     border-bottom: 1px solid;
1024 }
1025
1026 .x-trigger-noedit{
1027     cursor:pointer;
1028 }
1029
1030 /* field focus style */
1031 .x-form-focus, textarea.x-form-focus{
1032     border: 1px solid;
1033 }
1034
1035 /* invalid fields */
1036 .x-form-invalid, textarea.x-form-invalid{
1037     background:repeat-x bottom;
1038     border: 1px solid;
1039 }
1040
1041 .ext-webkit .x-form-invalid{
1042     border: 1px solid;
1043 }
1044
1045 .x-form-inner-invalid, textarea.x-form-inner-invalid{
1046     background:repeat-x bottom;
1047 }
1048
1049 /* editors */
1050 .x-editor {
1051     visibility:hidden;
1052     padding:0;
1053     margin:0;
1054 }
1055
1056 .x-form-grow-sizer {
1057     left: -10000px;
1058     padding: 8px 3px;
1059     position: absolute;
1060     visibility:hidden;
1061     top: -10000px;
1062     white-space: pre-wrap;
1063     white-space: -moz-pre-wrap;
1064     white-space: -pre-wrap;
1065     white-space: -o-pre-wrap;
1066     word-wrap: break-word;
1067     zoom:1;
1068 }
1069
1070 .x-form-grow-sizer p {
1071     margin:0 !important;
1072     border:0 none !important;
1073     padding:0 !important;
1074 }
1075
1076 /* Form Items CSS */
1077
1078 .x-form-item {
1079     display:block;
1080     margin-bottom:4px;
1081     zoom:1;
1082 }
1083
1084 .x-form-item label.x-form-item-label {
1085     display:block;
1086     float:left;
1087     width:100px;
1088     padding:3px;
1089     padding-left:0;
1090     clear:left;
1091     z-index:2;
1092     position:relative;
1093 }
1094
1095 .x-form-element {
1096     padding-left:105px;
1097     position:relative;
1098 }
1099
1100 .x-form-invalid-msg {
1101     padding:2px;
1102     padding-left:18px;
1103     background: transparent no-repeat 0 2px;
1104     line-height:16px;
1105     width:200px;
1106 }
1107
1108 .x-form-label-left label.x-form-item-label {
1109    text-align:left;
1110 }
1111
1112 .x-form-label-right label.x-form-item-label {
1113    text-align:right;
1114 }
1115
1116 .x-form-label-top .x-form-item label.x-form-item-label {
1117     width:auto;
1118     float:none;
1119     clear:none;
1120     display:inline;
1121     margin-bottom:4px;
1122     position:static;
1123 }
1124
1125 .x-form-label-top .x-form-element {
1126     padding-left:0;
1127     padding-top:4px;
1128 }
1129
1130 .x-form-label-top .x-form-item {
1131     padding-bottom:4px;
1132 }
1133
1134 /* Editor small font for grid, toolbar and tree */
1135 .x-small-editor .x-form-text {
1136     height:20px;
1137     line-height:16px;
1138     vertical-align:middle;
1139 }
1140
1141 .ext-ie6 .x-small-editor .x-form-text, .ext-ie7 .x-small-editor .x-form-text {
1142     margin-top:-1px !important; /* ie bogus margin bug */
1143     margin-bottom:-1px !important;
1144     height:20px !important; /* ie quirks */
1145     line-height:16px !important;
1146 }
1147
1148 .ext-strict .x-small-editor .x-form-text {
1149     height:16px !important;
1150 }
1151
1152 .ext-ie6 .x-small-editor .x-form-text, .ext-ie7 .x-small-editor .x-form-text {
1153     height:20px;
1154     line-height:16px;
1155 }
1156
1157 .ext-border-box .x-small-editor .x-form-text {
1158     height:20px;
1159 }
1160
1161 .x-small-editor .x-form-select-one {
1162     height:20px;
1163     line-height:16px;
1164     vertical-align:middle;
1165 }
1166
1167 .x-small-editor .x-form-num-field {
1168     text-align:right;
1169 }
1170
1171 .x-small-editor .x-form-field-wrap .x-form-trigger{
1172     height:19px;
1173 }
1174
1175 .ext-webkit .x-small-editor .x-form-text{padding-top:3px;font-size:100%;}
1176
1177 .x-form-clear {
1178     clear:both;
1179     height:0;
1180     overflow:hidden;
1181     line-height:0;
1182     font-size:0;
1183 }
1184 .x-form-clear-left {
1185     clear:left;
1186     height:0;
1187     overflow:hidden;
1188     line-height:0;
1189     font-size:0;
1190 }
1191
1192 .ext-ie6 .x-form-check-wrap input, .ext-border-box .x-form-check-wrap input{
1193    margin-top: 3px;
1194 }
1195
1196 .x-form-cb-label {
1197     position: relative;
1198     margin-left:4px;
1199     top: 2px;
1200 }
1201
1202 .ext-ie .x-form-cb-label{
1203     top: 1px;
1204 }
1205
1206 .ext-ie6 .x-form-cb-label, .ext-border-box .x-form-cb-label{
1207     top: 3px;
1208 }
1209
1210 .x-form-display-field{
1211     padding-top: 2px;
1212 }
1213
1214 .ext-gecko .x-form-display-field, .ext-strict .ext-ie7 .x-form-display-field{
1215     padding-top: 1px;
1216 }
1217
1218 .ext-ie .x-form-display-field{
1219     padding-top: 3px;
1220 }
1221
1222 .ext-strict .ext-ie8 .x-form-display-field{
1223     padding-top: 0;
1224 }
1225
1226 .x-form-column {
1227     float:left;
1228     padding:0;
1229     margin:0;
1230     width:48%;
1231     overflow:hidden;
1232     zoom:1;
1233 }
1234
1235 /* buttons */
1236 .x-form .x-form-btns-ct .x-btn{
1237     float:right;
1238     clear:none;
1239 }
1240
1241 .x-form .x-form-btns-ct .x-form-btns td {
1242     border:0;
1243     padding:0;
1244 }
1245
1246 .x-form .x-form-btns-ct .x-form-btns-right table{
1247     float:right;
1248     clear:none;
1249 }
1250
1251 .x-form .x-form-btns-ct .x-form-btns-left table{
1252     float:left;
1253     clear:none;
1254 }
1255
1256 .x-form .x-form-btns-ct .x-form-btns-center{
1257     text-align:center; /*ie*/
1258 }
1259
1260 .x-form .x-form-btns-ct .x-form-btns-center table{
1261     margin:0 auto; /*everyone else*/
1262 }
1263
1264 .x-form .x-form-btns-ct table td.x-form-btn-td{
1265     padding:3px;
1266 }
1267
1268 .x-form .x-form-btns-ct .x-btn-focus .x-btn-left{
1269     background-position:0 -147px;
1270 }
1271
1272 .x-form .x-form-btns-ct .x-btn-focus .x-btn-right{
1273     background-position:0 -168px;
1274 }
1275
1276 .x-form .x-form-btns-ct .x-btn-focus .x-btn-center{
1277     background-position:0 -189px;
1278 }
1279
1280 .x-form .x-form-btns-ct .x-btn-click .x-btn-center{
1281     background-position:0 -126px;
1282 }
1283
1284 .x-form .x-form-btns-ct .x-btn-click  .x-btn-right{
1285     background-position:0 -84px;
1286 }
1287
1288 .x-form .x-form-btns-ct .x-btn-click .x-btn-left{
1289     background-position:0 -63px;
1290 }
1291
1292 .x-form-invalid-icon {
1293     width:16px;
1294     height:18px;
1295     visibility:hidden;
1296     position:absolute;
1297     left:0;
1298     top:0;
1299     display:block;
1300     background:transparent no-repeat 0 2px;
1301 }
1302
1303 /* fieldsets */
1304 .x-fieldset {
1305     border:1px solid;
1306     padding:10px;
1307     margin-bottom:10px;
1308     display:block; /* preserve margins in IE */
1309 }
1310
1311 /* make top of checkbox/tools visible in webkit */
1312 .ext-webkit .x-fieldset-header {
1313     padding-top: 1px;
1314 }
1315
1316 .ext-ie .x-fieldset legend {
1317     margin-bottom:10px;
1318 }
1319
1320 .ext-ie .x-fieldset {
1321     padding-top: 0;
1322     padding-bottom:10px;
1323 }
1324
1325 .x-fieldset legend .x-tool-toggle {
1326     margin-right:3px;
1327     margin-left:0;
1328     float:left !important;
1329 }
1330
1331 .x-fieldset legend input {
1332     margin-right:3px;
1333     float:left !important;
1334     height:13px;
1335     width:13px;
1336 }
1337
1338 fieldset.x-panel-collapsed {
1339     padding-bottom:0 !important;
1340     border-width: 1px 1px 0 1px !important;
1341     border-left-color: transparent;
1342     border-right-color: transparent;
1343 }
1344
1345 .ext-ie6 fieldset.x-panel-collapsed{
1346     padding-bottom:0 !important;
1347     border-width: 1px 0 0 0 !important;
1348     margin-left: 1px;
1349     margin-right: 1px;
1350 }
1351
1352 fieldset.x-panel-collapsed .x-fieldset-bwrap {
1353     visibility:hidden;
1354     position:absolute;
1355     left:-1000px;
1356     top:-1000px;
1357 }
1358
1359 .ext-ie .x-fieldset-bwrap {
1360     zoom:1;
1361 }
1362
1363 .x-fieldset-noborder {
1364     border:0px none transparent;
1365 }
1366
1367 .x-fieldset-noborder legend {
1368     margin-left:-3px;
1369 }
1370
1371 /* IE legend positioning bug */
1372 .ext-ie .x-fieldset-noborder legend {
1373     position: relative;
1374     margin-bottom:23px;
1375 }
1376 .ext-ie .x-fieldset-noborder legend span {
1377     position: absolute;
1378     left:16px;
1379 }
1380
1381 .ext-gecko .x-window-body .x-form-item {
1382     -moz-outline: none;
1383     outline: none;
1384     overflow: auto;
1385 }
1386
1387 .ext-gecko .x-form-item {
1388     -moz-outline: none;
1389     outline: none;
1390 }
1391
1392 .x-hide-label label.x-form-item-label {
1393      display:none;
1394 }
1395
1396 .x-hide-label .x-form-element {
1397      padding-left: 0 !important;
1398 }
1399
1400 .x-form-label-top .x-hide-label label.x-form-item-label{
1401     display: none;
1402 }
1403
1404 .x-fieldset {
1405     overflow:hidden;
1406 }
1407
1408 .x-fieldset-bwrap {
1409     overflow:hidden;
1410     zoom:1;
1411 }
1412
1413 .x-fieldset-body {
1414     overflow:hidden;
1415 }
1416 .x-btn{
1417         cursor:pointer;
1418         white-space: nowrap;
1419 }
1420
1421 .x-btn button{
1422     border:0 none;
1423     background:transparent;
1424     padding-left:3px;
1425     padding-right:3px;
1426     cursor:pointer;
1427     margin:0;
1428     overflow:visible;
1429     width:auto;
1430     -moz-outline:0 none;
1431     outline:0 none;
1432 }
1433
1434 * html .ext-ie .x-btn button {
1435     width:1px;
1436 }
1437
1438 .ext-gecko .x-btn button, .ext-webkit .x-btn button {
1439     padding-left:0;
1440     padding-right:0;
1441 }
1442
1443 .ext-gecko .x-btn button::-moz-focus-inner {
1444     padding:0;
1445 }
1446
1447 .ext-ie .x-btn button {
1448     padding-top:2px;
1449 }
1450
1451 .x-btn td {
1452     padding:0 !important;
1453 }
1454
1455 .x-btn-text {
1456     cursor:pointer;
1457         white-space: nowrap;
1458     padding:0;
1459 }
1460
1461 /* icon placement and sizing styles */
1462
1463 /* Only text */
1464 .x-btn-noicon .x-btn-small .x-btn-text{
1465         height: 16px;
1466 }
1467
1468 .x-btn-noicon .x-btn-medium .x-btn-text{
1469     height: 24px;
1470 }
1471
1472 .x-btn-noicon .x-btn-large .x-btn-text{
1473     height: 32px;
1474 }
1475
1476 /* Only icons */
1477 .x-btn-icon .x-btn-text{
1478     background-position: center;
1479         background-repeat: no-repeat;
1480 }
1481
1482 .x-btn-icon .x-btn-small .x-btn-text{
1483         height: 16px;
1484         width: 16px;
1485 }
1486
1487 .x-btn-icon .x-btn-medium .x-btn-text{
1488     height: 24px;
1489         width: 24px;
1490 }
1491
1492 .x-btn-icon .x-btn-large .x-btn-text{
1493     height: 32px;
1494         width: 32px;
1495 }
1496
1497 /* Icons and text */
1498 /* left */
1499 .x-btn-text-icon .x-btn-icon-small-left .x-btn-text{
1500     background-position: 0 center;
1501         background-repeat: no-repeat;
1502     padding-left:18px;
1503     height:16px;
1504 }
1505
1506 .x-btn-text-icon .x-btn-icon-medium-left .x-btn-text{
1507     background-position: 0 center;
1508         background-repeat: no-repeat;
1509     padding-left:26px;
1510     height:24px;
1511 }
1512
1513 .x-btn-text-icon .x-btn-icon-large-left .x-btn-text{
1514     background-position: 0 center;
1515         background-repeat: no-repeat;
1516     padding-left:34px;
1517     height:32px;
1518 }
1519
1520 /* top */
1521 .x-btn-text-icon .x-btn-icon-small-top .x-btn-text{
1522     background-position: center 0;
1523         background-repeat: no-repeat;
1524     padding-top:18px;
1525 }
1526
1527 .x-btn-text-icon .x-btn-icon-medium-top .x-btn-text{
1528     background-position: center 0;
1529         background-repeat: no-repeat;
1530     padding-top:26px;
1531 }
1532
1533 .x-btn-text-icon .x-btn-icon-large-top .x-btn-text{
1534     background-position: center 0;
1535         background-repeat: no-repeat;
1536     padding-top:34px;
1537 }
1538
1539 /* right */
1540 .x-btn-text-icon .x-btn-icon-small-right .x-btn-text{
1541     background-position: right center;
1542         background-repeat: no-repeat;
1543     padding-right:18px;
1544     height:16px;
1545 }
1546
1547 .x-btn-text-icon .x-btn-icon-medium-right .x-btn-text{
1548     background-position: right center;
1549         background-repeat: no-repeat;
1550     padding-right:26px;
1551     height:24px;
1552 }
1553
1554 .x-btn-text-icon .x-btn-icon-large-right .x-btn-text{
1555     background-position: right center;
1556         background-repeat: no-repeat;
1557     padding-right:34px;
1558     height:32px;
1559 }
1560
1561 /* bottom */
1562 .x-btn-text-icon .x-btn-icon-small-bottom .x-btn-text{
1563     background-position: center bottom;
1564         background-repeat: no-repeat;
1565     padding-bottom:18px;
1566 }
1567
1568 .x-btn-text-icon .x-btn-icon-medium-bottom .x-btn-text{
1569     background-position: center bottom;
1570         background-repeat: no-repeat;
1571     padding-bottom:26px;
1572 }
1573
1574 .x-btn-text-icon .x-btn-icon-large-bottom .x-btn-text{
1575     background-position: center bottom;
1576         background-repeat: no-repeat;
1577     padding-bottom:34px;
1578 }
1579
1580 /* background positioning */
1581 .x-btn-tr i, .x-btn-tl i, .x-btn-mr i, .x-btn-ml i, .x-btn-br i, .x-btn-bl i{
1582         font-size:1px;
1583     line-height:1px;
1584     width:3px;
1585     display:block;
1586     overflow:hidden;
1587 }
1588
1589 .x-btn-tr i, .x-btn-tl i, .x-btn-br i, .x-btn-bl i{
1590         height:3px;
1591 }
1592
1593 .x-btn-tl{
1594         width:3px;
1595         height:3px;
1596         background:no-repeat 0 0;
1597 }
1598 .x-btn-tr{
1599         width:3px;
1600         height:3px;
1601         background:no-repeat -3px 0;
1602 }
1603 .x-btn-tc{
1604         height:3px;
1605         background:repeat-x 0 -6px;
1606 }
1607
1608 .x-btn-ml{
1609         width:3px;
1610         background:no-repeat 0 -24px;
1611 }
1612 .x-btn-mr{
1613         width:3px;
1614         background:no-repeat -3px -24px;
1615 }
1616
1617 .x-btn-mc{
1618         background:repeat-x 0 -1096px;
1619     vertical-align: middle;
1620         text-align:center;
1621         padding:0 5px;
1622         cursor:pointer;
1623         white-space:nowrap;
1624 }
1625
1626 /* Fixes an issue with the button height */
1627 .ext-strict .ext-ie6 .x-btn-mc, .ext-strict .ext-ie7 .x-btn-mc {
1628     height: 100%;
1629 }
1630
1631 .x-btn-bl{
1632         width:3px;
1633         height:3px;
1634         background:no-repeat 0 -3px;
1635 }
1636
1637 .x-btn-br{
1638         width:3px;
1639         height:3px;
1640         background:no-repeat -3px -3px;
1641 }
1642
1643 .x-btn-bc{
1644         height:3px;
1645         background:repeat-x 0 -15px;
1646 }
1647
1648 .x-btn-over .x-btn-tl{
1649         background-position: -6px 0;
1650 }
1651
1652 .x-btn-over .x-btn-tr{
1653         background-position: -9px 0;
1654 }
1655
1656 .x-btn-over .x-btn-tc{
1657         background-position: 0 -9px;
1658 }
1659
1660 .x-btn-over .x-btn-ml{
1661         background-position: -6px -24px;
1662 }
1663
1664 .x-btn-over .x-btn-mr{
1665         background-position: -9px -24px;
1666 }
1667
1668 .x-btn-over .x-btn-mc{
1669         background-position: 0 -2168px;
1670 }
1671
1672 .x-btn-over .x-btn-bl{
1673         background-position: -6px -3px;
1674 }
1675
1676 .x-btn-over .x-btn-br{
1677         background-position: -9px -3px;
1678 }
1679
1680 .x-btn-over .x-btn-bc{
1681         background-position: 0 -18px;
1682 }
1683
1684 .x-btn-click .x-btn-tl, .x-btn-menu-active .x-btn-tl, .x-btn-pressed .x-btn-tl{
1685         background-position: -12px 0;
1686 }
1687
1688 .x-btn-click .x-btn-tr, .x-btn-menu-active .x-btn-tr, .x-btn-pressed .x-btn-tr{
1689         background-position: -15px 0;
1690 }
1691
1692 .x-btn-click .x-btn-tc, .x-btn-menu-active .x-btn-tc, .x-btn-pressed .x-btn-tc{
1693         background-position: 0 -12px;
1694 }
1695
1696 .x-btn-click .x-btn-ml, .x-btn-menu-active .x-btn-ml, .x-btn-pressed .x-btn-ml{
1697         background-position: -12px -24px;
1698 }
1699
1700 .x-btn-click .x-btn-mr, .x-btn-menu-active .x-btn-mr, .x-btn-pressed .x-btn-mr{
1701         background-position: -15px -24px;
1702 }
1703
1704 .x-btn-click .x-btn-mc, .x-btn-menu-active .x-btn-mc, .x-btn-pressed .x-btn-mc{
1705         background-position: 0 -3240px;
1706 }
1707
1708 .x-btn-click .x-btn-bl, .x-btn-menu-active .x-btn-bl, .x-btn-pressed .x-btn-bl{
1709         background-position: -12px -3px;
1710 }
1711
1712 .x-btn-click .x-btn-br, .x-btn-menu-active .x-btn-br, .x-btn-pressed .x-btn-br{
1713         background-position: -15px -3px;
1714 }
1715
1716 .x-btn-click .x-btn-bc, .x-btn-menu-active .x-btn-bc, .x-btn-pressed .x-btn-bc{
1717         background-position: 0 -21px;
1718 }
1719
1720 .x-btn-disabled *{
1721         cursor:default !important;
1722 }
1723
1724
1725 /* With a menu arrow */
1726 /* right */
1727 .x-btn-mc em.x-btn-arrow {
1728     display:block;
1729     background:transparent no-repeat right center;
1730         padding-right:10px;
1731 }
1732
1733 .x-btn-mc em.x-btn-split {
1734     display:block;
1735     background:transparent no-repeat right center;
1736         padding-right:14px;
1737 }
1738
1739 /* bottom */
1740 .x-btn-mc em.x-btn-arrow-bottom {
1741     display:block;
1742     background:transparent no-repeat center bottom;
1743         padding-bottom:14px;
1744 }
1745
1746 .x-btn-mc em.x-btn-split-bottom {
1747     display:block;
1748     background:transparent no-repeat center bottom;
1749         padding-bottom:14px;
1750 }
1751
1752 /* height adjustment class */
1753 .x-btn-as-arrow .x-btn-mc em {
1754     display:block;
1755     background:transparent;
1756         padding-bottom:14px;
1757 }
1758
1759 /* groups */
1760 .x-btn-group {
1761     padding:1px;
1762 }
1763
1764 .x-btn-group-header {
1765     padding:2px;
1766     text-align:center;
1767 }
1768
1769 .x-btn-group-tc {
1770         background: transparent repeat-x 0 0;
1771         overflow:hidden;
1772 }
1773
1774 .x-btn-group-tl {
1775         background: transparent no-repeat 0 0;
1776         padding-left:3px;
1777     zoom:1;
1778 }
1779
1780 .x-btn-group-tr {
1781         background: transparent no-repeat right 0;
1782         zoom:1;
1783     padding-right:3px;
1784 }
1785
1786 .x-btn-group-bc {
1787         background: transparent repeat-x 0 bottom;
1788     zoom:1;
1789 }
1790
1791 .x-btn-group-bc .x-panel-footer {
1792     zoom:1;
1793 }
1794
1795 .x-btn-group-bl {
1796         background: transparent no-repeat 0 bottom;
1797         padding-left:3px;
1798     zoom:1;
1799 }
1800
1801 .x-btn-group-br {
1802         background: transparent no-repeat right bottom;
1803         padding-right:3px;
1804     zoom:1;
1805 }
1806
1807 .x-btn-group-mc {
1808     border:0 none;
1809     padding:1px 0 0 0;
1810     margin:0;
1811 }
1812
1813 .x-btn-group-mc .x-btn-group-body {
1814     background:transparent;
1815     border: 0 none;
1816 }
1817
1818 .x-btn-group-ml {
1819         background: transparent repeat-y 0 0;
1820         padding-left:3px;
1821     zoom:1;
1822 }
1823
1824 .x-btn-group-mr {
1825         background: transparent repeat-y right 0;
1826         padding-right:3px;
1827     zoom:1;
1828 }
1829
1830 .x-btn-group-bc .x-btn-group-footer {
1831     padding-bottom:6px;
1832 }
1833
1834 .x-panel-nofooter .x-btn-group-bc {
1835         height:3px;
1836     font-size:0;
1837     line-height:0;
1838 }
1839
1840 .x-btn-group-bwrap {
1841     overflow:hidden;
1842     zoom:1;
1843 }
1844
1845 .x-btn-group-body {
1846     overflow:hidden;
1847     zoom:1;
1848 }
1849
1850 .x-btn-group-notitle .x-btn-group-tc {
1851         background: transparent repeat-x 0 0;
1852         overflow:hidden;
1853     height:2px;
1854 }.x-toolbar{
1855     border-style:solid;
1856     border-width:0 0 1px 0;
1857     display: block;
1858         padding:2px;
1859     background:repeat-x top left;
1860     position:relative;
1861     left:0;
1862     top:0;
1863     zoom:1;
1864     overflow:hidden;
1865 }
1866
1867 .x-toolbar-left {
1868     width: 100%;
1869 }
1870
1871 .x-toolbar .x-item-disabled .x-btn-icon {
1872     opacity: .35;
1873     -moz-opacity: .35;
1874     filter: alpha(opacity=35);
1875 }
1876
1877 .x-toolbar td {
1878         vertical-align:middle;
1879 }
1880
1881 .x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{
1882         white-space: nowrap;
1883 }
1884
1885 .x-toolbar .x-item-disabled {
1886         cursor:default;
1887         opacity:.6;
1888         -moz-opacity:.6;
1889         filter:alpha(opacity=60);
1890 }
1891
1892 .x-toolbar .x-item-disabled * {
1893         cursor:default;
1894 }
1895
1896 .x-toolbar .x-toolbar-cell {
1897     vertical-align:middle;
1898 }
1899
1900 .x-toolbar .x-btn-tl, .x-toolbar .x-btn-tr, .x-toolbar .x-btn-tc, .x-toolbar .x-btn-ml, .x-toolbar .x-btn-mr,
1901 .x-toolbar .x-btn-mc, .x-toolbar .x-btn-bl, .x-toolbar .x-btn-br, .x-toolbar .x-btn-bc
1902 {
1903         background-position: 500px 500px;
1904 }
1905
1906 /* These rules are duplicated from button.css to give priority of x-toolbar rules above */
1907 .x-toolbar .x-btn-over .x-btn-tl{
1908         background-position: -6px 0;
1909 }
1910
1911 .x-toolbar .x-btn-over .x-btn-tr{
1912         background-position: -9px 0;
1913 }
1914
1915 .x-toolbar .x-btn-over .x-btn-tc{
1916         background-position: 0 -9px;
1917 }
1918
1919 .x-toolbar .x-btn-over .x-btn-ml{
1920         background-position: -6px -24px;
1921 }
1922
1923 .x-toolbar .x-btn-over .x-btn-mr{
1924         background-position: -9px -24px;
1925 }
1926
1927 .x-toolbar .x-btn-over .x-btn-mc{
1928         background-position: 0 -2168px;
1929 }
1930
1931 .x-toolbar .x-btn-over .x-btn-bl{
1932         background-position: -6px -3px;
1933 }
1934
1935 .x-toolbar .x-btn-over .x-btn-br{
1936         background-position: -9px -3px;
1937 }
1938
1939 .x-toolbar .x-btn-over .x-btn-bc{
1940         background-position: 0 -18px;
1941 }
1942
1943 .x-toolbar .x-btn-click .x-btn-tl, .x-toolbar .x-btn-menu-active .x-btn-tl, .x-toolbar .x-btn-pressed .x-btn-tl{
1944         background-position: -12px 0;
1945 }
1946
1947 .x-toolbar .x-btn-click .x-btn-tr, .x-toolbar .x-btn-menu-active .x-btn-tr, .x-toolbar .x-btn-pressed .x-btn-tr{
1948         background-position: -15px 0;
1949 }
1950
1951 .x-toolbar .x-btn-click .x-btn-tc, .x-toolbar .x-btn-menu-active .x-btn-tc, .x-toolbar .x-btn-pressed .x-btn-tc{
1952         background-position: 0 -12px;
1953 }
1954
1955 .x-toolbar .x-btn-click .x-btn-ml, .x-toolbar .x-btn-menu-active .x-btn-ml, .x-toolbar .x-btn-pressed .x-btn-ml{
1956         background-position: -12px -24px;
1957 }
1958
1959 .x-toolbar .x-btn-click .x-btn-mr, .x-toolbar .x-btn-menu-active .x-btn-mr, .x-toolbar .x-btn-pressed .x-btn-mr{
1960         background-position: -15px -24px;
1961 }
1962
1963 .x-toolbar .x-btn-click .x-btn-mc, .x-toolbar .x-btn-menu-active .x-btn-mc, .x-toolbar .x-btn-pressed .x-btn-mc{
1964         background-position: 0 -3240px;
1965 }
1966
1967 .x-toolbar .x-btn-click .x-btn-bl, .x-toolbar .x-btn-menu-active .x-btn-bl, .x-toolbar .x-btn-pressed .x-btn-bl{
1968         background-position: -12px -3px;
1969 }
1970
1971 .x-toolbar .x-btn-click .x-btn-br, .x-toolbar .x-btn-menu-active .x-btn-br, .x-toolbar .x-btn-pressed .x-btn-br{
1972         background-position: -15px -3px;
1973 }
1974
1975 .x-toolbar .x-btn-click .x-btn-bc, .x-toolbar .x-btn-menu-active .x-btn-bc, .x-toolbar .x-btn-pressed .x-btn-bc{
1976         background-position: 0 -21px;
1977 }
1978
1979 .x-toolbar div.xtb-text{
1980     padding:2px 2px 0;
1981     line-height:16px;
1982     display:block;
1983 }
1984
1985 .x-toolbar .xtb-sep {
1986         background-position: center;
1987         background-repeat: no-repeat;
1988         display: block;
1989         font-size: 1px;
1990         height: 16px;
1991         width:4px;
1992         overflow: hidden;
1993         cursor:default;
1994         margin: 0 2px 0;
1995         border:0;
1996 }
1997
1998 .x-toolbar .xtb-spacer {
1999     width:2px;
2000 }
2001
2002 /* Paging Toolbar */
2003 .x-tbar-page-number{
2004         width:30px;
2005         height:14px;
2006 }
2007
2008 .ext-ie .x-tbar-page-number{
2009     margin-top: 2px;
2010 }
2011
2012 .x-paging-info {
2013     position:absolute;
2014     top:5px;
2015     right: 8px;
2016 }
2017
2018 /* floating */
2019 .x-toolbar-ct {
2020     width:100%;
2021 }
2022
2023 .x-toolbar-right td {
2024     text-align: center;
2025 }
2026
2027 .x-panel-tbar, .x-panel-bbar, .x-window-tbar, .x-window-bbar, .x-tab-panel-tbar, .x-tab-panel-bbar, .x-plain-tbar, .x-plain-bbar {
2028     overflow:hidden;
2029     zoom:1;
2030 }
2031
2032 .x-toolbar-more .x-btn-small .x-btn-text{
2033         height: 16px;
2034         width: 12px;
2035 }
2036
2037 .x-toolbar-more em.x-btn-arrow {
2038     display:inline;
2039     background:transparent;
2040         padding-right:0;
2041 }
2042
2043 .x-toolbar-more .x-btn-mc em.x-btn-arrow {
2044     background-image: none;
2045 }
2046
2047 div.x-toolbar-no-items {
2048     color:gray !important;
2049     padding:5px 10px !important;
2050 }
2051
2052 /* fix ie toolbar form items */
2053 .ext-border-box .x-toolbar-cell .x-form-text {
2054     margin-bottom:-1px !important;
2055 }
2056
2057 .ext-border-box .x-toolbar-cell .x-form-field-wrap .x-form-text {
2058     margin:0 !important;
2059 }
2060
2061 .ext-ie .x-toolbar-cell .x-form-field-wrap {
2062     height:21px;
2063 }
2064
2065 .ext-ie .x-toolbar-cell .x-form-text {
2066     position:relative;
2067     top:-1px;
2068 }
2069
2070 .ext-strict .ext-ie8 .x-toolbar-cell .x-form-field-trigger-wrap .x-form-text, .ext-strict .ext-ie .x-toolbar-cell .x-form-text {
2071     top: 0px;
2072 }
2073
2074 .x-toolbar-right td .x-form-field-trigger-wrap{
2075     text-align: left;
2076 }
2077
2078 .x-toolbar-cell .x-form-checkbox, .x-toolbar-cell .x-form-radio{
2079     margin-top: 5px;
2080 }
2081
2082 .x-toolbar-cell .x-form-cb-label{
2083     vertical-align: bottom;
2084     top: 1px;
2085 }
2086
2087 .ext-ie .x-toolbar-cell .x-form-checkbox, .ext-ie .x-toolbar-cell .x-form-radio{
2088     margin-top: 4px;
2089 }
2090
2091 .ext-ie .x-toolbar-cell .x-form-cb-label{
2092     top: 0;
2093 }
2094 /* Grid3 styles */
2095 .x-grid3 {
2096         position:relative;
2097         overflow:hidden;
2098 }
2099
2100 .x-grid-panel .x-panel-body {
2101     overflow:hidden !important;
2102 }
2103
2104 .x-grid-panel .x-panel-mc .x-panel-body {
2105     border:1px solid;
2106 }
2107
2108 .x-grid3 table {
2109     table-layout:fixed;
2110 }
2111
2112 .x-grid3-viewport{
2113         overflow:hidden;
2114 }
2115
2116 .x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td{
2117     -moz-outline: none;
2118     outline: none;
2119         -moz-user-focus: normal;
2120 }
2121
2122 .x-grid3-row td, .x-grid3-summary-row td {
2123     line-height:13px;
2124     vertical-align: top;
2125         padding-left:1px;
2126     padding-right:1px;
2127     -moz-user-select: none;
2128     -khtml-user-select:none;
2129     -webkit-user-select:ignore;
2130 }
2131
2132 .x-grid3-cell{
2133     -moz-user-select: none;
2134     -khtml-user-select:none;
2135     -webkit-user-select:ignore;
2136 }
2137
2138 .x-grid3-hd-row td {
2139     line-height:15px;
2140     vertical-align:middle;
2141     border-left:1px solid;
2142     border-right:1px solid;
2143 }
2144
2145 .x-grid3-hd-row .x-grid3-marker-hd {
2146     padding:3px;
2147 }
2148
2149 .x-grid3-row .x-grid3-marker {
2150     padding:3px;
2151 }
2152
2153 .x-grid3-cell-inner, .x-grid3-hd-inner{
2154         overflow:hidden;
2155         -o-text-overflow: ellipsis;
2156         text-overflow: ellipsis;
2157     padding:3px 3px 3px 5px;
2158     white-space: nowrap;
2159 }
2160
2161 .x-grid3-hd-inner {
2162     position:relative;
2163         cursor:inherit;
2164         padding:4px 3px 4px 5px;
2165 }
2166
2167 .x-grid3-row-body {
2168     white-space:normal;
2169 }
2170
2171 .x-grid3-body-cell {
2172     -moz-outline:0 none;
2173     outline:0 none;
2174 }
2175
2176 /* IE Quirks to clip */
2177 .ext-ie .x-grid3-cell-inner, .ext-ie .x-grid3-hd-inner{
2178         width:100%;
2179 }
2180
2181 /* reverse above in strict mode */
2182 .ext-strict .x-grid3-cell-inner, .ext-strict .x-grid3-hd-inner{
2183         width:auto;
2184 }
2185
2186 .x-grid-row-loading {
2187     background: no-repeat center center;
2188 }
2189
2190 .x-grid-page {
2191     overflow:hidden;
2192 }
2193
2194 .x-grid3-row {
2195         cursor: default;
2196     border: 1px solid;
2197     width:100%;
2198 }
2199
2200 .x-grid3-row-over {
2201         border:1px solid;
2202     background: repeat-x left top;
2203 }
2204
2205 .x-grid3-resize-proxy {
2206         width:1px;
2207     left:0;
2208         cursor: e-resize;
2209         cursor: col-resize;
2210         position:absolute;
2211         top:0;
2212         height:100px;
2213         overflow:hidden;
2214         visibility:hidden;
2215         border:0 none;
2216         z-index:7;
2217 }
2218
2219 .x-grid3-resize-marker {
2220         width:1px;
2221         left:0;
2222         position:absolute;
2223         top:0;
2224         height:100px;
2225         overflow:hidden;
2226         visibility:hidden;
2227         border:0 none;
2228         z-index:7;
2229 }
2230
2231 .x-grid3-focus {
2232         position:absolute;
2233         left:0;
2234         top:0;
2235         width:1px;
2236         height:1px;
2237     line-height:1px;
2238     font-size:1px;
2239     -moz-outline:0 none;
2240     outline:0 none;
2241     -moz-user-select: text;
2242     -khtml-user-select: text;
2243     -webkit-user-select:ignore;
2244 }
2245
2246 /* header styles */
2247 .x-grid3-header{
2248         background: repeat-x 0 bottom;
2249         cursor:default;
2250     zoom:1;
2251     padding:1px 0 0 0;
2252 }
2253
2254 .x-grid3-header-pop {
2255     border-left:1px solid;
2256     float:right;
2257     clear:none;
2258 }
2259
2260 .x-grid3-header-pop-inner {
2261     border-left:1px solid;
2262     width:14px;
2263     height:19px;
2264     background: transparent no-repeat center center;
2265 }
2266
2267 .ext-ie .x-grid3-header-pop-inner {
2268     width:15px;
2269 }
2270
2271 .ext-strict .x-grid3-header-pop-inner {
2272     width:14px; 
2273 }
2274
2275 .x-grid3-header-inner {
2276     overflow:hidden;
2277     zoom:1;
2278     float:left;
2279 }
2280
2281 .x-grid3-header-offset {
2282     padding-left:1px;
2283     text-align: left;
2284 }
2285
2286 td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {
2287     border-left:1px solid;
2288     border-right:1px solid;
2289 }
2290
2291 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 {
2292     background: repeat-x left bottom;
2293
2294 }
2295
2296 .x-grid3-sort-icon{
2297         background-repeat: no-repeat;
2298         display: none;
2299         height: 4px;
2300         width: 13px;
2301         margin-left:3px;
2302         vertical-align: middle;
2303 }
2304
2305 .sort-asc .x-grid3-sort-icon, .sort-desc .x-grid3-sort-icon {
2306         display: inline;
2307 }
2308
2309 /* Header position fixes for IE strict mode */
2310 .ext-strict .ext-ie .x-grid3-header-inner, .ext-strict .ext-ie6 .x-grid3-hd {
2311     position:relative;
2312 }
2313
2314 .ext-strict .ext-ie6 .x-grid3-hd-inner{
2315     position:static;
2316 }
2317
2318 /* Body Styles */
2319 .x-grid3-body {
2320         zoom:1;
2321 }
2322
2323 .x-grid3-scroller {
2324         overflow:auto;
2325     zoom:1;
2326     position:relative;
2327 }
2328
2329 .x-grid3-cell-text, .x-grid3-hd-text {
2330         display: block;
2331         padding: 3px 5px 3px 5px;
2332         -moz-user-select: none;
2333         -khtml-user-select: none;
2334     -webkit-user-select:ignore;
2335 }
2336
2337 .x-grid3-split {
2338         background-position: center;
2339         background-repeat: no-repeat;
2340         cursor: e-resize;
2341         cursor: col-resize;
2342         display: block;
2343         font-size: 1px;
2344         height: 16px;
2345         overflow: hidden;
2346         position: absolute;
2347         top: 2px;
2348         width: 6px;
2349         z-index: 3;
2350 }
2351
2352 /* Column Reorder DD */
2353 .x-dd-drag-proxy .x-grid3-hd-inner{
2354         background: repeat-x left bottom;
2355         width:120px;
2356         padding:3px;
2357         border:1px solid;
2358         overflow:hidden;
2359 }
2360
2361 .col-move-top, .col-move-bottom{
2362         width:9px;
2363         height:9px;
2364         position:absolute;
2365         top:0;
2366         line-height:1px;
2367         font-size:1px;
2368         overflow:hidden;
2369         visibility:hidden;
2370         z-index:20000;
2371     background:transparent no-repeat left top;
2372 }
2373
2374 /* Selection Styles */
2375 .x-grid3-row-selected {
2376         border:1px dotted;
2377 }
2378
2379 .x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{
2380     background: repeat-x 0 bottom !important;
2381     vertical-align:middle !important;
2382     padding:0;
2383     border-top:1px solid;
2384     border-bottom:none !important;
2385     border-right:1px solid !important;
2386     text-align:center;
2387 }
2388
2389 .x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{
2390     padding:0 4px;
2391     text-align:center;
2392 }
2393
2394 /* dirty cells */
2395 .x-grid3-dirty-cell {
2396     background: transparent no-repeat 0 0;
2397 }
2398
2399 /* Grid Toolbars */
2400 .x-grid3-topbar, .x-grid3-bottombar{
2401     overflow:hidden;
2402         display:none;
2403         zoom:1;
2404     position:relative;
2405 }
2406
2407 .x-grid3-topbar .x-toolbar{
2408         border-right:0 none;
2409 }
2410
2411 .x-grid3-bottombar .x-toolbar{
2412         border-right:0 none;
2413         border-bottom:0 none;
2414         border-top:1px solid;
2415 }
2416
2417 /* Props Grid Styles */
2418 .x-props-grid .x-grid3-cell{
2419         padding:1px;
2420 }
2421
2422 .x-props-grid .x-grid3-td-name .x-grid3-cell-inner{
2423         background:transparent repeat-y -16px !important;
2424     padding-left:12px;
2425 }
2426
2427 .x-props-grid .x-grid3-body .x-grid3-td-name{
2428     padding:1px;
2429     padding-right:0;
2430     border:0 none;
2431     border-right:1px solid;
2432 }
2433
2434 /* dd */
2435 .x-grid3-col-dd {
2436     border:0 none;
2437     padding:0;
2438     background:transparent;
2439 }
2440
2441 .x-dd-drag-ghost .x-grid3-dd-wrap {
2442     padding:1px 3px 3px 1px;
2443 }
2444
2445 .x-grid3-hd {
2446     -moz-user-select:none;
2447     -khtml-user-select:none;
2448     -webkit-user-select:ignore;
2449 }
2450
2451 .x-grid3-hd-btn {
2452     display:none;
2453     position:absolute;
2454     width:14px;
2455     background:no-repeat left center;
2456     right:0;
2457     top:0;
2458     z-index:2;
2459         cursor:pointer;
2460 }
2461
2462 .x-grid3-hd-over .x-grid3-hd-btn, .x-grid3-hd-menu-open .x-grid3-hd-btn {
2463     display:block;
2464 }
2465
2466 a.x-grid3-hd-btn:hover {
2467     background-position:-14px center;
2468 }
2469
2470 /* Expanders */
2471 .x-grid3-body .x-grid3-td-expander {
2472     background:transparent repeat-y right;
2473 }
2474
2475 .x-grid3-body .x-grid3-td-expander .x-grid3-cell-inner {
2476     padding:0 !important;
2477     height:100%;
2478 }
2479
2480 .x-grid3-row-expander {
2481     width:100%;
2482     height:18px;
2483     background-position:4px 2px;
2484     background-repeat:no-repeat;
2485     background-color:transparent;
2486 }
2487
2488 .x-grid3-row-collapsed .x-grid3-row-expander {
2489     background-position:4px 2px;
2490 }
2491
2492 .x-grid3-row-expanded .x-grid3-row-expander {
2493     background-position:-21px 2px;
2494 }
2495
2496 .x-grid3-row-collapsed .x-grid3-row-body {
2497     display:none !important;
2498 }
2499
2500 .x-grid3-row-expanded .x-grid3-row-body {
2501     display:block !important;
2502 }
2503
2504 /* Checkers */
2505 .x-grid3-body .x-grid3-td-checker {
2506     background:transparent repeat-y right;
2507 }
2508
2509 .x-grid3-body .x-grid3-td-checker .x-grid3-cell-inner, .x-grid3-header .x-grid3-td-checker .x-grid3-hd-inner {
2510     padding:0 !important;
2511     height:100%;
2512 }
2513
2514 .x-grid3-row-checker, .x-grid3-hd-checker {
2515     width:100%;
2516     height:18px;
2517     background-position:2px 2px;
2518     background-repeat:no-repeat;
2519     background-color:transparent;
2520 }
2521
2522 .x-grid3-row .x-grid3-row-checker {
2523     background-position:2px 2px;
2524 }
2525
2526 .x-grid3-row-selected .x-grid3-row-checker, .x-grid3-hd-checker-on .x-grid3-hd-checker,.x-grid3-row-checked .x-grid3-row-checker {
2527     background-position:-23px 2px;
2528 }
2529
2530 .x-grid3-hd-checker {
2531     background-position:2px 1px;
2532 }
2533
2534 .ext-border-box .x-grid3-hd-checker {
2535     background-position:2px 3px;
2536 }
2537
2538 .x-grid3-hd-checker-on .x-grid3-hd-checker {
2539     background-position:-23px 1px;
2540 }
2541
2542 .ext-border-box .x-grid3-hd-checker-on .x-grid3-hd-checker {
2543     background-position:-23px 3px;
2544 }
2545
2546 /* Numberer */
2547 .x-grid3-body .x-grid3-td-numberer {
2548     background:transparent repeat-y right;
2549 }
2550
2551 .x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {
2552     padding:3px 5px 0 0 !important;
2553     text-align:right;
2554 }
2555
2556 /* Row Icon */
2557
2558 .x-grid3-body .x-grid3-td-row-icon {
2559     background:transparent repeat-y right;
2560     vertical-align:top;
2561     text-align:center;
2562 }
2563
2564 .x-grid3-body .x-grid3-td-row-icon .x-grid3-cell-inner {
2565     padding:0 !important;
2566     background-position:center center;
2567     background-repeat:no-repeat;
2568     width:16px;
2569     height:16px;
2570     margin-left:2px;
2571     margin-top:3px;
2572 }
2573
2574 /* All specials */
2575 .x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,
2576 .x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,
2577 .x-grid3-body .x-grid3-row-selected .x-grid3-td-expander {
2578         background:transparent repeat-y right;
2579 }
2580
2581 .x-grid3-body .x-grid3-check-col-td .x-grid3-cell-inner {
2582     padding: 1px 0 0 0 !important;
2583 }
2584
2585 .x-grid3-check-col {
2586     width:100%;
2587     height:16px;
2588     background-position:center center;
2589     background-repeat:no-repeat;
2590     background-color:transparent;
2591 }
2592
2593 .x-grid3-check-col-on {
2594     width:100%;
2595     height:16px;
2596     background-position:center center;
2597     background-repeat:no-repeat;
2598     background-color:transparent;
2599 }
2600
2601 /* Grouping classes */
2602 .x-grid-group, .x-grid-group-body, .x-grid-group-hd {
2603     zoom:1;
2604 }
2605
2606 .x-grid-group-hd {
2607     border-bottom: 2px solid;
2608     cursor:pointer;
2609     padding-top:6px;
2610 }
2611
2612 .x-grid-group-hd div.x-grid-group-title {
2613     background:transparent no-repeat 3px 3px;
2614     padding:4px 4px 4px 17px;
2615 }
2616
2617 .x-grid-group-collapsed .x-grid-group-body {
2618     display:none;
2619 }
2620
2621 .ext-ie6 .x-grid3 .x-editor .x-form-text, .ext-ie7 .x-grid3 .x-editor .x-form-text {
2622     position:relative;
2623     top:-1px;
2624 }
2625
2626 .ext-ie .x-props-grid .x-editor .x-form-text {
2627     position:static;
2628     top:0;
2629 }
2630
2631 .x-grid-empty {
2632     padding:10px;
2633 }
2634
2635 /* fix floating toolbar issue */
2636 .ext-ie7 .x-grid-panel .x-panel-bbar {
2637     position:relative;
2638 }
2639
2640
2641 /* Reset position to static when Grid Panel has been framed */
2642 /* to resolve 'snapping' from top to bottom behavior. */
2643 /* @forumThread 86656 */
2644 .ext-ie7 .x-grid-panel .x-panel-mc .x-panel-bbar {
2645     position: static;
2646 }
2647
2648 .ext-ie6 .x-grid3-header {
2649     position: relative;
2650 }
2651
2652 /* Fix WebKit bug in Grids */
2653 .ext-webkit .x-grid-panel .x-panel-bwrap{
2654     -webkit-user-select:none;
2655 }
2656 .ext-webkit .x-tbar-page-number{
2657     -webkit-user-select:ignore;
2658 }
2659 /* end*/
2660
2661 /* column lines */
2662 .x-grid-with-col-lines .x-grid3-row td.x-grid3-cell {
2663     padding-right:0;
2664     border-right:1px solid;
2665 }
2666 .x-dd-drag-proxy{
2667         position:absolute;
2668         left:0;
2669     top:0;
2670         visibility:hidden;
2671         z-index:15000;
2672 }
2673
2674 .x-dd-drag-ghost{
2675         -moz-opacity: 0.85;
2676     opacity:.85;
2677     filter: alpha(opacity=85);
2678     border: 1px solid;
2679         padding:3px;
2680         padding-left:20px;
2681         white-space:nowrap;
2682 }
2683
2684 .x-dd-drag-repair .x-dd-drag-ghost{
2685         -moz-opacity: 0.4;
2686     opacity:.4;
2687     filter: alpha(opacity=40);
2688         border:0 none;
2689         padding:0;
2690         background-color:transparent;
2691 }
2692
2693 .x-dd-drag-repair .x-dd-drop-icon{
2694         visibility:hidden;
2695 }
2696
2697 .x-dd-drop-icon{
2698     position:absolute;
2699         top:3px;
2700         left:3px;
2701         display:block;
2702         width:16px;
2703         height:16px;
2704         background-color:transparent;
2705         background-position: center;
2706         background-repeat: no-repeat;
2707         z-index:1;
2708 }
2709
2710 .x-view-selector {
2711     position:absolute;
2712     left:0;
2713     top:0;
2714     width:0;
2715     border:1px dotted;
2716         opacity: .5;
2717     -moz-opacity: .5;
2718     filter:alpha(opacity=50);
2719     zoom:1;
2720 }.ext-strict .ext-ie .x-tree .x-panel-bwrap{
2721     position:relative;
2722     overflow:hidden;
2723 }
2724
2725 .x-tree-icon, .x-tree-ec-icon, .x-tree-elbow-line, .x-tree-elbow, .x-tree-elbow-end, .x-tree-elbow-plus, .x-tree-elbow-minus, .x-tree-elbow-end-plus, .x-tree-elbow-end-minus{
2726         border: 0 none;
2727         height: 18px;
2728         margin: 0;
2729         padding: 0;
2730         vertical-align: top;
2731         width: 16px;
2732     background-repeat: no-repeat;
2733 }
2734
2735 .x-tree-node-collapsed .x-tree-node-icon, .x-tree-node-expanded .x-tree-node-icon, .x-tree-node-leaf .x-tree-node-icon{
2736         border: 0 none;
2737         height: 18px;
2738         margin: 0;
2739         padding: 0;
2740         vertical-align: top;
2741         width: 16px;
2742         background-position:center;
2743     background-repeat: no-repeat;
2744 }
2745
2746 .ext-ie .x-tree-node-indent img, .ext-ie .x-tree-node-icon, .ext-ie .x-tree-ec-icon {
2747     vertical-align: middle !important;
2748 }
2749
2750 .ext-strict .ext-ie8 .x-tree-node-indent img, .ext-strict .ext-ie8 .x-tree-node-icon, .ext-strict .ext-ie8 .x-tree-ec-icon {
2751     vertical-align: top !important;
2752 }
2753
2754 /* checkboxes */
2755
2756 input.x-tree-node-cb {
2757     margin-left:1px;
2758     height: 19px;
2759         vertical-align: bottom;
2760 }
2761
2762 .ext-ie input.x-tree-node-cb {
2763     margin-left:0;
2764     margin-top: 1px;
2765     width: 16px;
2766     height: 16px;
2767     vertical-align: middle;
2768 }
2769
2770 .ext-strict .ext-ie8 input.x-tree-node-cb{
2771     margin: 1px 1px;
2772     height: 14px;
2773     vertical-align: bottom;
2774 }
2775
2776 .ext-strict .ext-ie8 input.x-tree-node-cb + a{
2777     vertical-align: bottom;
2778 }
2779
2780 .ext-opera input.x-tree-node-cb {
2781     height: 14px;
2782     vertical-align: middle;
2783 }
2784
2785 .x-tree-noicon .x-tree-node-icon{
2786         width:0; height:0;
2787 }
2788
2789 /* No line styles */
2790 .x-tree-no-lines .x-tree-elbow{
2791         background:transparent;
2792 }
2793
2794 .x-tree-no-lines .x-tree-elbow-end{
2795         background:transparent;
2796 }
2797
2798 .x-tree-no-lines .x-tree-elbow-line{
2799         background:transparent;
2800 }
2801
2802 /* Arrows */
2803 .x-tree-arrows .x-tree-elbow{
2804         background:transparent;
2805 }
2806
2807 .x-tree-arrows .x-tree-elbow-plus{
2808     background:transparent no-repeat 0 0;
2809 }
2810
2811 .x-tree-arrows .x-tree-elbow-minus{
2812     background:transparent no-repeat -16px 0;
2813 }
2814
2815 .x-tree-arrows .x-tree-elbow-end{
2816         background:transparent;
2817 }
2818
2819 .x-tree-arrows .x-tree-elbow-end-plus{
2820     background:transparent no-repeat 0 0;
2821 }
2822
2823 .x-tree-arrows .x-tree-elbow-end-minus{
2824     background:transparent no-repeat -16px 0;
2825 }
2826
2827 .x-tree-arrows .x-tree-elbow-line{
2828         background:transparent;
2829 }
2830
2831 .x-tree-arrows .x-tree-ec-over .x-tree-elbow-plus{
2832     background-position:-32px 0;
2833 }
2834
2835 .x-tree-arrows .x-tree-ec-over .x-tree-elbow-minus{
2836     background-position:-48px 0;
2837 }
2838
2839 .x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-plus{
2840     background-position:-32px 0;
2841 }
2842
2843 .x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-minus{
2844     background-position:-48px 0;
2845 }
2846
2847 .x-tree-elbow-plus, .x-tree-elbow-minus, .x-tree-elbow-end-plus, .x-tree-elbow-end-minus{
2848         cursor:pointer;
2849 }
2850
2851 .ext-ie ul.x-tree-node-ct{
2852     font-size:0;
2853     line-height:0;
2854     zoom:1;
2855 }
2856
2857 .x-tree-node{
2858         white-space: nowrap;
2859 }
2860
2861 .x-tree-node-el {
2862     line-height:18px;
2863     cursor:pointer;
2864 }
2865
2866 .x-tree-node a, .x-dd-drag-ghost a{
2867         text-decoration:none;
2868         -khtml-user-select:none;
2869         -moz-user-select:none;
2870     -webkit-user-select:ignore;
2871     -kthml-user-focus:normal;
2872     -moz-user-focus:normal;
2873     -moz-outline: 0 none;
2874     outline:0 none;
2875 }
2876
2877 .x-tree-node a span, .x-dd-drag-ghost a span{
2878         text-decoration:none;
2879         padding:1px 3px 1px 2px;
2880 }
2881
2882 .x-tree-node .x-tree-node-disabled .x-tree-node-icon{
2883         -moz-opacity: 0.5;
2884    opacity:.5;
2885    filter: alpha(opacity=50);
2886 }
2887
2888 .x-tree-node .x-tree-node-inline-icon{
2889         background:transparent;
2890 }
2891
2892 .x-tree-node a:hover, .x-dd-drag-ghost a:hover{
2893         text-decoration:none;
2894 }
2895
2896 .x-tree-node div.x-tree-drag-insert-below{
2897          border-bottom:1px dotted;
2898 }
2899
2900 .x-tree-node div.x-tree-drag-insert-above{
2901          border-top:1px dotted;
2902 }
2903
2904 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below{
2905          border-bottom:0 none;
2906 }
2907
2908 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above{
2909          border-top:0 none;
2910 }
2911
2912 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{
2913          border-bottom:2px solid;
2914 }
2915
2916 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{
2917          border-top:2px solid;
2918 }
2919
2920 .x-tree-node .x-tree-drag-append a span{
2921          border:1px dotted;
2922 }
2923
2924 .x-dd-drag-ghost .x-tree-node-indent, .x-dd-drag-ghost .x-tree-ec-icon{
2925         display:none !important;
2926 }
2927
2928 /* Fix for ie rootVisible:false issue */
2929 .x-tree-root-ct {
2930     zoom:1;
2931 }
2932 .x-date-picker {
2933     border: 1px solid;
2934     border-top:0 none;
2935         position:relative;
2936 }
2937
2938 .x-date-picker a {
2939     -moz-outline:0 none;
2940     outline:0 none;
2941 }
2942
2943 .x-date-inner, .x-date-inner td, .x-date-inner th{
2944     border-collapse:separate;
2945 }
2946
2947 .x-date-middle,.x-date-left,.x-date-right {
2948         background: repeat-x 0 -83px;
2949         overflow:hidden;
2950 }
2951
2952 .x-date-middle .x-btn-tc,.x-date-middle .x-btn-tl,.x-date-middle .x-btn-tr,
2953 .x-date-middle .x-btn-mc,.x-date-middle .x-btn-ml,.x-date-middle .x-btn-mr,
2954 .x-date-middle .x-btn-bc,.x-date-middle .x-btn-bl,.x-date-middle .x-btn-br{
2955         background:transparent !important;
2956     vertical-align:middle;
2957 }
2958
2959 .x-date-middle .x-btn-mc em.x-btn-arrow {
2960     background:transparent no-repeat right 0;
2961 }
2962
2963 .x-date-right, .x-date-left {
2964     width:18px;
2965 }
2966
2967 .x-date-right{
2968     text-align:right;
2969 }
2970
2971 .x-date-middle {
2972     padding-top:2px;
2973     padding-bottom:2px;
2974     width:130px; /* FF3 */
2975 }
2976
2977 .x-date-right a, .x-date-left a{
2978     display:block;
2979     width:16px;
2980         height:16px;
2981         background-position: center;
2982         background-repeat: no-repeat;
2983         cursor:pointer;
2984     -moz-opacity: 0.6;
2985     opacity:.6;
2986     filter: alpha(opacity=60);
2987 }
2988
2989 .x-date-right a:hover, .x-date-left a:hover{
2990     -moz-opacity: 1;
2991     opacity:1;
2992     filter: alpha(opacity=100);
2993 }
2994
2995 .x-item-disabled .x-date-right a:hover, .x-item-disabled .x-date-left a:hover{
2996     -moz-opacity: 0.6;
2997     opacity:.6;
2998     filter: alpha(opacity=60);
2999 }
3000
3001 .x-date-right a {
3002     margin-right:2px;
3003     text-decoration:none !important;
3004 }
3005
3006 .x-date-left a{
3007     margin-left:2px;
3008     text-decoration:none !important;
3009 }
3010
3011 table.x-date-inner {
3012     width: 100%;
3013     table-layout:fixed;
3014 }
3015
3016 .ext-webkit table.x-date-inner{
3017     /* Fix for webkit browsers */
3018     width: 175px;
3019 }
3020
3021
3022 .x-date-inner th {
3023     width:25px;
3024 }
3025
3026 .x-date-inner th {
3027     background: repeat-x left top;
3028     text-align:right !important;
3029         border-bottom: 1px solid;
3030         cursor:default;
3031     padding:0;
3032     border-collapse:separate;
3033 }
3034
3035 .x-date-inner th span {
3036     display:block;
3037     padding:2px;
3038     padding-right:7px;
3039 }
3040
3041 .x-date-inner td {
3042     border: 1px solid;
3043         text-align:right;
3044     padding:0;
3045 }
3046
3047 .x-date-inner a {
3048     padding:2px 5px;
3049     display:block;
3050         text-decoration:none;
3051     text-align:right;
3052     zoom:1;
3053 }
3054
3055 .x-date-inner .x-date-active{
3056         cursor:pointer;
3057         color:black;
3058 }
3059
3060 .x-date-inner .x-date-selected a{
3061         background: repeat-x left top;
3062         border:1px solid;
3063     padding:1px 4px;
3064 }
3065
3066 .x-date-inner .x-date-today a{
3067         border: 1px solid;
3068     padding:1px 4px;
3069 }
3070
3071 .x-date-inner .x-date-prevday a,.x-date-inner .x-date-nextday a {
3072     text-decoration:none !important;
3073 }
3074
3075 .x-date-bottom {
3076     padding:4px;
3077     border-top: 1px solid;
3078     background: repeat-x left top;
3079 }
3080
3081 .x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover{
3082     text-decoration:none !important;
3083 }
3084
3085 .x-item-disabled .x-date-inner a:hover{
3086     background: none;
3087 }
3088
3089 .x-date-inner .x-date-disabled a {
3090         cursor:default;
3091 }
3092
3093 .x-date-menu .x-menu-item {
3094         padding:1px 24px 1px 4px;
3095         white-space: nowrap;
3096 }
3097
3098 .x-date-menu .x-menu-item .x-menu-item-icon {
3099     width:10px;
3100     height:10px;
3101     margin-right:5px;
3102     background-position:center -4px !important;
3103 }
3104
3105 .x-date-mp {
3106         position:absolute;
3107         left:0;
3108         top:0;
3109         display:none;
3110 }
3111
3112 .x-date-mp td {
3113     padding:2px;
3114         font:normal 11px arial, helvetica,tahoma,sans-serif;
3115 }
3116
3117 td.x-date-mp-month,td.x-date-mp-year,td.x-date-mp-ybtn {
3118     border: 0 none;
3119         text-align:center;
3120         vertical-align: middle;
3121         width:25%;
3122 }
3123
3124 .x-date-mp-ok {
3125         margin-right:3px;
3126 }
3127
3128 .x-date-mp-btns button {
3129         text-decoration:none;
3130         text-align:center;
3131         text-decoration:none !important;
3132         border:1px solid;
3133         padding:1px 3px 1px;
3134         cursor:pointer;
3135 }
3136
3137 .x-date-mp-btns {
3138         background: repeat-x left top;
3139 }
3140
3141 .x-date-mp-btns td {
3142         border-top: 1px solid;
3143     text-align:center;
3144 }
3145
3146 td.x-date-mp-month a,td.x-date-mp-year a {
3147         display:block;
3148         padding:2px 4px;
3149         text-decoration:none;
3150         text-align:center;
3151 }
3152
3153 td.x-date-mp-month a:hover,td.x-date-mp-year a:hover {
3154         text-decoration:none;
3155         cursor:pointer;
3156 }
3157
3158 td.x-date-mp-sel a {
3159         padding:1px 3px;
3160         background: repeat-x left top;
3161         border:1px solid;
3162 }
3163
3164 .x-date-mp-ybtn a {
3165     overflow:hidden;
3166     width:15px;
3167     height:15px;
3168     cursor:pointer;
3169     background:transparent no-repeat;
3170     display:block;
3171     margin:0 auto;
3172 }
3173
3174 .x-date-mp-ybtn a.x-date-mp-next {
3175     background-position:0 -120px;
3176 }
3177
3178 .x-date-mp-ybtn a.x-date-mp-next:hover {
3179     background-position:-15px -120px;
3180 }
3181
3182 .x-date-mp-ybtn a.x-date-mp-prev {
3183     background-position:0 -105px;
3184 }
3185
3186 .x-date-mp-ybtn a.x-date-mp-prev:hover {
3187     background-position:-15px -105px;
3188 }
3189
3190 .x-date-mp-ybtn {
3191    text-align:center;
3192 }
3193
3194 td.x-date-mp-sep {
3195    border-right:1px solid;
3196 }.x-tip{
3197         position: absolute;
3198         top: 0;
3199     left:0;
3200     visibility: hidden;
3201         z-index: 20002;
3202     border:0 none;
3203 }
3204
3205 .x-tip .x-tip-close{
3206         height: 15px;
3207         float:right;
3208         width: 15px;
3209     margin:0 0 2px 2px;
3210     cursor:pointer;
3211     display:none;
3212 }
3213
3214 .x-tip .x-tip-tc {
3215         background: transparent no-repeat 0 -62px;
3216         padding-top:3px;
3217     overflow:hidden;
3218     zoom:1;
3219 }
3220
3221 .x-tip .x-tip-tl {
3222         background: transparent no-repeat 0 0;
3223         padding-left:6px;
3224     overflow:hidden;
3225     zoom:1;
3226 }
3227
3228 .x-tip .x-tip-tr {
3229         background: transparent no-repeat right 0;
3230         padding-right:6px;
3231     overflow:hidden;
3232     zoom:1;
3233 }
3234
3235 .x-tip .x-tip-bc {
3236         background: transparent no-repeat 0 -121px;
3237         height:3px;
3238     overflow:hidden;
3239 }
3240
3241 .x-tip .x-tip-bl {
3242         background: transparent no-repeat 0 -59px;
3243         padding-left:6px;
3244     zoom:1;
3245 }
3246
3247 .x-tip .x-tip-br {
3248         background: transparent no-repeat right -59px;
3249         padding-right:6px;
3250     zoom:1;
3251 }
3252
3253 .x-tip .x-tip-mc {
3254     border:0 none;
3255 }
3256
3257 .x-tip .x-tip-ml {
3258         background: no-repeat 0 -124px;
3259         padding-left:6px;
3260     zoom:1;
3261 }
3262
3263 .x-tip .x-tip-mr {
3264         background: transparent no-repeat right -124px;
3265         padding-right:6px;
3266     zoom:1;
3267 }
3268
3269 .ext-ie .x-tip .x-tip-header,.ext-ie .x-tip .x-tip-tc {
3270     font-size:0;
3271     line-height:0;
3272 }
3273
3274 .ext-border-box .x-tip .x-tip-header, .ext-border-box .x-tip .x-tip-tc{
3275     line-height: 1px;
3276 }
3277
3278 .x-tip .x-tip-header-text {
3279     padding:0;
3280     margin:0 0 2px 0;
3281 }
3282
3283 .x-tip .x-tip-body {
3284     margin:0 !important;
3285     line-height:14px;
3286     padding:0;
3287 }
3288
3289 .x-tip .x-tip-body .loading-indicator {
3290     margin:0;
3291 }
3292
3293 .x-tip-draggable .x-tip-header,.x-tip-draggable .x-tip-header-text {
3294     cursor:move;
3295 }
3296
3297 .x-form-invalid-tip .x-tip-tc {
3298         background: repeat-x 0 -12px;
3299     padding-top:6px;
3300 }
3301
3302 .x-form-invalid-tip .x-tip-bc {
3303         background: repeat-x 0 -18px;
3304     height:6px;
3305 }
3306
3307 .x-form-invalid-tip .x-tip-bl {
3308         background: no-repeat 0 -6px;
3309 }
3310
3311 .x-form-invalid-tip .x-tip-br {
3312         background: no-repeat right -6px;
3313 }
3314
3315 .x-form-invalid-tip .x-tip-body {
3316     padding:2px;
3317 }
3318
3319 .x-form-invalid-tip .x-tip-body {
3320     padding-left:24px;
3321     background:transparent no-repeat 2px 2px;
3322 }
3323
3324 .x-tip-anchor {
3325     position: absolute;
3326     width: 9px;
3327     height: 10px;
3328     overflow:hidden;
3329     background: transparent no-repeat 0 0;
3330     zoom:1;
3331 }
3332 .x-tip-anchor-bottom {
3333     background-position: -9px 0;
3334 }
3335 .x-tip-anchor-right {
3336     background-position: -18px 0;
3337     width: 10px;
3338 }
3339 .x-tip-anchor-left {
3340     background-position: -28px 0;
3341     width: 10px;
3342 }.x-menu {
3343         z-index: 15000;
3344         zoom: 1;
3345         background: repeat-y;
3346 }
3347
3348 .x-menu-floating{
3349     border: 1px solid;
3350 }
3351
3352 .x-menu a {
3353     text-decoration: none !important;
3354 }
3355
3356 .ext-ie .x-menu {
3357     zoom:1;
3358     overflow:hidden;
3359 }
3360
3361 .x-menu-list{
3362     padding: 2px;
3363         background:transparent;
3364         border:0 none;
3365     overflow:hidden;
3366     overflow-y: hidden;
3367 }
3368
3369 .ext-strict .ext-ie .x-menu-list{
3370     position: relative;
3371 }
3372
3373 .x-menu li{
3374         line-height:100%;
3375 }
3376
3377 .x-menu li.x-menu-sep-li{
3378         font-size:1px;
3379         line-height:1px;
3380 }
3381
3382 .x-menu-list-item{
3383     white-space: nowrap;
3384         display:block;
3385         padding:1px;
3386 }
3387
3388 .x-menu-item{
3389     -moz-user-select: none;
3390     -khtml-user-select:none;
3391     -webkit-user-select:ignore;
3392 }
3393
3394 .x-menu-item-arrow{
3395         background:transparent no-repeat right;
3396 }
3397
3398 .x-menu-sep {
3399         display:block;
3400         font-size:1px;
3401         line-height:1px;
3402         margin: 2px 3px;
3403         border-bottom:1px solid;
3404     overflow:hidden;
3405 }
3406
3407 .x-menu-focus {
3408         position:absolute;
3409         left:-1px;
3410         top:-1px;
3411         width:1px;
3412         height:1px;
3413     line-height:1px;
3414     font-size:1px;
3415     -moz-outline:0 none;
3416     outline:0 none;
3417     -moz-user-select: none;
3418     -khtml-user-select:none;
3419     -webkit-user-select:ignore;
3420     overflow:hidden;
3421     display:block;
3422 }
3423
3424 a.x-menu-item {
3425     cursor: pointer;
3426     display: block;
3427     line-height: 16px;
3428     outline-color: -moz-use-text-color;
3429     outline-style: none;
3430     outline-width: 0;
3431     padding: 3px 21px 3px 27px;
3432     position: relative;
3433     text-decoration: none;
3434     white-space: nowrap;
3435 }
3436
3437 .x-menu-item-active {
3438     background-repeat: repeat-x;
3439     background-position: left bottom;
3440     border-style:solid;
3441     border-width: 1px 0;
3442     margin:0 1px;
3443         padding: 0;
3444 }
3445
3446 .x-menu-item-active a.x-menu-item {
3447     border-style:solid;
3448     border-width:0 1px;
3449     margin:0 -1px;
3450 }
3451
3452 .x-menu-item-icon {
3453         border: 0 none;
3454         height: 16px;
3455         padding: 0;
3456         vertical-align: top;
3457         width: 16px;
3458         position: absolute;
3459     left: 3px;
3460     top: 3px;
3461     margin: 0;
3462     background-position:center;
3463 }
3464
3465 .ext-ie .x-menu-item-icon {
3466     left: -24px;
3467 }
3468 .ext-strict .x-menu-item-icon {
3469     left: 3px;
3470 }
3471
3472 .ext-ie6 .x-menu-item-icon {
3473     left: -24px;
3474 }
3475
3476 .ext-ie .x-menu-item-icon {
3477     vertical-align: middle;
3478 }
3479
3480 .x-menu-check-item .x-menu-item-icon{
3481         background: transparent no-repeat center;
3482 }
3483
3484 .x-menu-group-item .x-menu-item-icon{
3485         background: transparent;
3486 }
3487
3488 .x-menu-item-checked .x-menu-group-item .x-menu-item-icon{
3489     background: transparent no-repeat center;
3490 }
3491
3492 .x-date-menu .x-menu-list{
3493     padding: 0;
3494 }
3495
3496 .x-menu-date-item{
3497         padding:0;
3498 }
3499
3500 .x-menu .x-color-palette, .x-menu .x-date-picker{
3501     margin-left: 26px;
3502         margin-right:4px;
3503 }
3504
3505 .x-menu .x-date-picker{
3506     border:1px solid;
3507     margin-top:2px;
3508     margin-bottom:2px;
3509 }
3510
3511 .x-menu-plain .x-color-palette, .x-menu-plain .x-date-picker{
3512          margin: 0;
3513          border: 0 none;
3514 }
3515
3516 .x-date-menu {
3517    padding:0 !important;
3518 }
3519
3520 /*
3521  * fixes separator visibility problem in IE 6
3522  */
3523 .ext-strict .ext-ie6 .x-menu-sep-li {
3524     padding: 3px 4px;
3525 }
3526 .ext-strict .ext-ie6 .x-menu-sep {
3527     margin: 0;
3528     height: 1px;
3529 }
3530
3531 /*
3532  * Ugly mess to remove the white border under the picker
3533  */
3534 .ext-ie .x-date-menu{
3535     height: 199px;
3536 }
3537
3538 .ext-strict .ext-ie .x-date-menu, .ext-border-box .ext-ie8 .x-date-menu{
3539     height: 197px;
3540 }
3541
3542 .ext-strict .ext-ie7 .x-date-menu{
3543     height: 195px;
3544 }
3545
3546 .ext-strict .ext-ie8 .x-date-menu{
3547     height: auto;
3548 }
3549
3550 .x-cycle-menu .x-menu-item-checked {
3551     border:1px dotted !important;
3552         padding:0;
3553 }
3554
3555 .x-menu .x-menu-scroller {
3556     width: 100%;
3557         background-repeat:no-repeat;
3558         background-position:center;
3559         height:8px;
3560     line-height: 8px;
3561         cursor:pointer;
3562     margin: 0;
3563     padding: 0;
3564 }
3565
3566 .x-menu .x-menu-scroller-active{
3567     height: 6px;
3568     line-height: 6px;
3569 }
3570
3571 .x-menu-list-item-indent{
3572     padding-left: 27px;
3573 }/*
3574  Creates rounded, raised boxes like on the Ext website - the markup isn't pretty:
3575   <div class="x-box-blue">
3576         <div class="x-box-tl"><div class="x-box-tr"><div class="x-box-tc"></div></div></div>
3577         <div class="x-box-ml"><div class="x-box-mr"><div class="x-box-mc">
3578             <h3>YOUR TITLE HERE (optional)</h3>
3579             <div>YOUR CONTENT HERE</div>
3580         </div></div></div>
3581         <div class="x-box-bl"><div class="x-box-br"><div class="x-box-bc"></div></div></div>
3582     </div>
3583  */
3584
3585 .x-box-tl {
3586         background: transparent no-repeat 0 0;
3587     zoom:1;
3588 }
3589
3590 .x-box-tc {
3591         height: 8px;
3592         background: transparent repeat-x 0 0;
3593         overflow: hidden;
3594 }
3595
3596 .x-box-tr {
3597         background: transparent no-repeat right -8px;
3598 }
3599
3600 .x-box-ml {
3601         background: transparent repeat-y 0;
3602         padding-left: 4px;
3603         overflow: hidden;
3604     zoom:1;
3605 }
3606
3607 .x-box-mc {
3608         background: repeat-x 0 -16px;
3609         padding: 4px 10px;
3610 }
3611
3612 .x-box-mc h3 {
3613         margin: 0 0 4px 0;
3614     zoom:1;
3615 }
3616
3617 .x-box-mr {
3618         background: transparent repeat-y right;
3619         padding-right: 4px;
3620         overflow: hidden;
3621 }
3622
3623 .x-box-bl {
3624         background: transparent no-repeat 0 -16px;
3625     zoom:1;
3626 }
3627
3628 .x-box-bc {
3629         background: transparent repeat-x 0 -8px;
3630         height: 8px;
3631         overflow: hidden;
3632 }
3633
3634 .x-box-br {
3635         background: transparent no-repeat right -24px;
3636 }
3637
3638 .x-box-tl, .x-box-bl {
3639         padding-left: 8px;
3640         overflow: hidden;
3641 }
3642
3643 .x-box-tr, .x-box-br {
3644         padding-right: 8px;
3645         overflow: hidden;
3646 }.x-combo-list {
3647     border:1px solid;
3648     zoom:1;
3649     overflow:hidden;
3650 }
3651
3652 .x-combo-list-inner {
3653     overflow:auto;
3654     position:relative; /* for calculating scroll offsets */
3655     zoom:1;
3656     overflow-x:hidden;
3657 }
3658
3659 .x-combo-list-hd {
3660     border-bottom:1px solid;
3661     padding:3px;
3662 }
3663
3664 .x-resizable-pinned .x-combo-list-inner {
3665     border-bottom:1px solid;
3666 }
3667
3668 .x-combo-list-item {
3669     padding:2px;
3670     border:1px solid;
3671     white-space: nowrap;
3672     overflow:hidden;
3673     text-overflow: ellipsis;
3674 }
3675
3676 .x-combo-list .x-combo-selected{
3677         border:1px dotted !important;
3678     cursor:pointer;
3679 }
3680
3681 .x-combo-list .x-toolbar {
3682     border-top:1px solid;
3683     border-bottom:0 none;
3684 }.x-panel {
3685     border-style: solid;
3686     border-width:0;
3687 }
3688
3689 .x-panel-header {
3690     overflow:hidden;
3691     zoom:1;
3692     padding:5px 3px 4px 5px;
3693     border:1px solid;
3694     line-height: 15px;
3695     background: transparent repeat-x 0 -1px;
3696 }
3697
3698 .x-panel-body {
3699     border:1px solid;
3700     border-top:0 none;
3701     overflow:hidden;
3702     position: relative; /* added for item scroll positioning */
3703 }
3704
3705 .x-panel-bbar .x-toolbar, .x-panel-tbar .x-toolbar {
3706     border:1px solid;
3707     border-top:0 none;
3708     overflow:hidden;
3709     padding:2px;
3710 }
3711
3712 .x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
3713     border-top:1px solid;
3714     border-bottom: 0 none;
3715 }
3716
3717 .x-panel-body-noheader, .x-panel-mc .x-panel-body {
3718     border-top:1px solid;
3719 }
3720
3721 .x-panel-header {
3722     overflow:hidden;
3723     zoom:1;
3724 }
3725
3726 .x-panel-tl .x-panel-header {
3727     padding:5px 0 4px 0;
3728     border:0 none;
3729     background:transparent;
3730 }
3731
3732 .x-panel-tl .x-panel-icon, .x-window-tl .x-panel-icon {
3733     padding-left:20px !important;
3734     background-repeat:no-repeat;
3735     background-position:0 4px;
3736     zoom:1;
3737 }
3738
3739 .x-panel-inline-icon {
3740     width:16px;
3741         height:16px;
3742     background-repeat:no-repeat;
3743     background-position:0 0;
3744         vertical-align:middle;
3745         margin-right:4px;
3746         margin-top:-1px;
3747         margin-bottom:-1px;
3748 }
3749
3750 .x-panel-tc {
3751         background: transparent repeat-x 0 0;
3752         overflow:hidden;
3753 }
3754
3755 /* fix ie7 strict mode bug */
3756 .ext-strict .ext-ie7 .x-panel-tc {
3757     overflow: visible;
3758 }
3759
3760 .x-panel-tl {
3761         background: transparent no-repeat 0 0;
3762         padding-left:6px;
3763     zoom:1;
3764     border-bottom:1px solid;
3765 }
3766
3767 .x-panel-tr {
3768         background: transparent no-repeat right 0;
3769         zoom:1;
3770     padding-right:6px;
3771 }
3772
3773 .x-panel-bc {
3774         background: transparent repeat-x 0 bottom;
3775     zoom:1;
3776 }
3777
3778 .x-panel-bc .x-panel-footer {
3779     zoom:1;
3780 }
3781
3782 .x-panel-bl {
3783         background: transparent no-repeat 0 bottom;
3784         padding-left:6px;
3785     zoom:1;
3786 }
3787
3788 .x-panel-br {
3789         background: transparent no-repeat right bottom;
3790         padding-right:6px;
3791     zoom:1;
3792 }
3793
3794 .x-panel-mc {
3795     border:0 none;
3796     padding:0;
3797     margin:0;
3798     padding-top:6px;
3799 }
3800
3801 .x-panel-mc .x-panel-body {
3802     background:transparent;
3803     border: 0 none;
3804 }
3805
3806 .x-panel-ml {
3807         background: repeat-y 0 0;
3808         padding-left:6px;
3809     zoom:1;
3810 }
3811
3812 .x-panel-mr {
3813         background: transparent repeat-y right 0;
3814         padding-right:6px;
3815     zoom:1;
3816 }
3817
3818 .x-panel-bc .x-panel-footer {
3819     padding-bottom:6px;
3820 }
3821
3822 .x-panel-nofooter .x-panel-bc, .x-panel-nofooter .x-window-bc {
3823         height:6px;
3824     font-size:0;
3825     line-height:0;
3826 }
3827
3828 .x-panel-bwrap {
3829     overflow:hidden;
3830     zoom:1;
3831     left:0;
3832     top:0;
3833 }
3834 .x-panel-body {
3835     overflow:hidden;
3836     zoom:1;
3837 }
3838
3839 .x-panel-collapsed .x-resizable-handle{
3840     display:none;
3841 }
3842
3843 .ext-gecko .x-panel-animated div {
3844     overflow:hidden !important;
3845 }
3846
3847 /* Plain */
3848 .x-plain-body {
3849     overflow:hidden;
3850 }
3851
3852 .x-plain-bbar .x-toolbar {
3853     overflow:hidden;
3854     padding:2px;
3855 }
3856
3857 .x-plain-tbar .x-toolbar {
3858     overflow:hidden;
3859     padding:2px;
3860 }
3861
3862 .x-plain-bwrap {
3863     overflow:hidden;
3864     zoom:1;
3865 }
3866
3867 .x-plain {
3868     overflow:hidden;
3869 }
3870
3871 /* Tools */
3872 .x-tool {
3873     overflow:hidden;
3874     width:15px;
3875     height:15px;
3876     float:right;
3877     cursor:pointer;
3878     background:transparent no-repeat;
3879     margin-left:2px;
3880 }
3881
3882 /* expand / collapse tools */
3883 .x-tool-toggle {
3884     background-position:0 -60px;
3885 }
3886
3887 .x-tool-toggle-over {
3888     background-position:-15px -60px;
3889 }
3890
3891 .x-panel-collapsed .x-tool-toggle {
3892     background-position:0 -75px;
3893 }
3894
3895 .x-panel-collapsed .x-tool-toggle-over {
3896     background-position:-15px -75px;
3897 }
3898
3899
3900 .x-tool-close {
3901     background-position:0 -0;
3902 }
3903
3904 .x-tool-close-over {
3905     background-position:-15px 0;
3906 }
3907
3908 .x-tool-minimize {
3909     background-position:0 -15px;
3910 }
3911
3912 .x-tool-minimize-over {
3913     background-position:-15px -15px;
3914 }
3915
3916 .x-tool-maximize {
3917     background-position:0 -30px;
3918 }
3919
3920 .x-tool-maximize-over {
3921     background-position:-15px -30px;
3922 }
3923
3924 .x-tool-restore {
3925     background-position:0 -45px;
3926 }
3927
3928 .x-tool-restore-over {
3929     background-position:-15px -45px;
3930 }
3931
3932 .x-tool-gear {
3933     background-position:0 -90px;
3934 }
3935
3936 .x-tool-gear-over {
3937     background-position:-15px -90px;
3938 }
3939
3940 .x-tool-pin {
3941     background-position:0 -135px;
3942 }
3943
3944 .x-tool-pin-over {
3945     background-position:-15px -135px;
3946 }
3947
3948 .x-tool-unpin {
3949     background-position:0 -150px;
3950 }
3951
3952 .x-tool-unpin-over {
3953     background-position:-15px -150px;
3954 }
3955
3956 .x-tool-right {
3957     background-position:0 -165px;
3958 }
3959
3960 .x-tool-right-over {
3961     background-position:-15px -165px;
3962 }
3963
3964 .x-tool-left {
3965     background-position:0 -180px;
3966 }
3967
3968 .x-tool-left-over {
3969     background-position:-15px -180px;
3970 }
3971
3972 .x-tool-up {
3973     background-position:0 -210px;
3974 }
3975
3976 .x-tool-up-over {
3977     background-position:-15px -210px;
3978 }
3979
3980 .x-tool-down {
3981     background-position:0 -195px;
3982 }
3983
3984 .x-tool-down-over {
3985     background-position:-15px -195px;
3986 }
3987
3988 .x-tool-refresh {
3989     background-position:0 -225px;
3990 }
3991
3992 .x-tool-refresh-over {
3993     background-position:-15px -225px;
3994 }
3995
3996 .x-tool-minus {
3997     background-position:0 -255px;
3998 }
3999
4000 .x-tool-minus-over {
4001     background-position:-15px -255px;
4002 }
4003
4004 .x-tool-plus {
4005     background-position:0 -240px;
4006 }
4007
4008 .x-tool-plus-over {
4009     background-position:-15px -240px;
4010 }
4011
4012 .x-tool-search {
4013     background-position:0 -270px;
4014 }
4015
4016 .x-tool-search-over {
4017     background-position:-15px -270px;
4018 }
4019
4020 .x-tool-save {
4021     background-position:0 -285px;
4022 }
4023
4024 .x-tool-save-over {
4025     background-position:-15px -285px;
4026 }
4027
4028 .x-tool-help {
4029     background-position:0 -300px;
4030 }
4031
4032 .x-tool-help-over {
4033     background-position:-15px -300px;
4034 }
4035
4036 .x-tool-print {
4037     background-position:0 -315px;
4038 }
4039
4040 .x-tool-print-over {
4041     background-position:-15px -315px;
4042 }
4043
4044 /* Ghosting */
4045 .x-panel-ghost {
4046     z-index:12000;
4047     overflow:hidden;
4048     position:absolute;
4049     left:0;top:0;
4050     opacity:.65;
4051     -moz-opacity:.65;
4052     filter:alpha(opacity=65);
4053 }
4054
4055 .x-panel-ghost ul {
4056     margin:0;
4057     padding:0;
4058     overflow:hidden;
4059     font-size:0;
4060     line-height:0;
4061     border:1px solid;
4062     border-top:0 none;
4063     display:block;
4064 }
4065
4066 .x-panel-ghost * {
4067     cursor:move !important;
4068 }
4069
4070 .x-panel-dd-spacer {
4071     border:2px dashed;
4072 }
4073
4074 /* Buttons */
4075 .x-panel-btns {
4076     padding:5px;
4077     overflow:hidden;
4078 }
4079
4080 .x-panel-btns td.x-toolbar-cell{
4081         padding:3px;
4082 }
4083
4084 .x-panel-btns .x-btn-focus .x-btn-left{
4085         background-position:0 -147px;
4086 }
4087
4088 .x-panel-btns .x-btn-focus .x-btn-right{
4089         background-position:0 -168px;
4090 }
4091
4092 .x-panel-btns .x-btn-focus .x-btn-center{
4093         background-position:0 -189px;
4094 }
4095
4096 .x-panel-btns .x-btn-over .x-btn-left{
4097         background-position:0 -63px;
4098 }
4099
4100 .x-panel-btns .x-btn-over .x-btn-right{
4101         background-position:0 -84px;
4102 }
4103
4104 .x-panel-btns .x-btn-over .x-btn-center{
4105         background-position:0 -105px;
4106 }
4107
4108 .x-panel-btns .x-btn-click .x-btn-center{
4109         background-position:0 -126px;
4110 }
4111
4112 .x-panel-btns .x-btn-click  .x-btn-right{
4113         background-position:0 -84px;
4114 }
4115
4116 .x-panel-btns .x-btn-click .x-btn-left{
4117         background-position:0 -63px;
4118 }
4119
4120 .x-panel-fbar td,.x-panel-fbar span,.x-panel-fbar input,.x-panel-fbar div,.x-panel-fbar select,.x-panel-fbar label{
4121         white-space: nowrap;
4122 }
4123 /**
4124  * W3C Suggested Default style sheet for HTML 4
4125  * http://www.w3.org/TR/CSS21/sample.html
4126  *
4127  * Resets for Ext.Panel @cfg normal: true
4128  */
4129 .x-panel-reset .x-panel-body html,
4130 .x-panel-reset .x-panel-body address,
4131 .x-panel-reset .x-panel-body blockquote,
4132 .x-panel-reset .x-panel-body body,
4133 .x-panel-reset .x-panel-body dd,
4134 .x-panel-reset .x-panel-body div,
4135 .x-panel-reset .x-panel-body dl,
4136 .x-panel-reset .x-panel-body dt,
4137 .x-panel-reset .x-panel-body fieldset,
4138 .x-panel-reset .x-panel-body form,
4139 .x-panel-reset .x-panel-body frame, frameset,
4140 .x-panel-reset .x-panel-body h1,
4141 .x-panel-reset .x-panel-body h2,
4142 .x-panel-reset .x-panel-body h3,
4143 .x-panel-reset .x-panel-body h4,
4144 .x-panel-reset .x-panel-body h5,
4145 .x-panel-reset .x-panel-body h6,
4146 .x-panel-reset .x-panel-body noframes,
4147 .x-panel-reset .x-panel-body ol,
4148 .x-panel-reset .x-panel-body p,
4149 .x-panel-reset .x-panel-body ul,
4150 .x-panel-reset .x-panel-body center,
4151 .x-panel-reset .x-panel-body dir,
4152 .x-panel-reset .x-panel-body hr,
4153 .x-panel-reset .x-panel-body menu,
4154 .x-panel-reset .x-panel-body pre                          { display: block }
4155 .x-panel-reset .x-panel-body li              { display: list-item }
4156 .x-panel-reset .x-panel-body head            { display: none }
4157 .x-panel-reset .x-panel-body table           { display: table }
4158 .x-panel-reset .x-panel-body tr              { display: table-row }
4159 .x-panel-reset .x-panel-body thead           { display: table-header-group }
4160 .x-panel-reset .x-panel-body tbody           { display: table-row-group }
4161 .x-panel-reset .x-panel-body tfoot           { display: table-footer-group }
4162 .x-panel-reset .x-panel-body col             { display: table-column }
4163 .x-panel-reset .x-panel-body colgroup        { display: table-column-group }
4164 .x-panel-reset .x-panel-body td,
4165 .x-panel-reset .x-panel-body th                   { display: table-cell }
4166 .x-panel-reset .x-panel-body caption         { display: table-caption }
4167 .x-panel-reset .x-panel-body th              { font-weight: bolder; text-align: center }
4168 .x-panel-reset .x-panel-body caption         { text-align: center }
4169 .x-panel-reset .x-panel-body body            { margin: 8px }
4170 .x-panel-reset .x-panel-body h1              { font-size: 2em; margin: .67em 0 }
4171 .x-panel-reset .x-panel-body h2              { font-size: 1.5em; margin: .75em 0 }
4172 .x-panel-reset .x-panel-body h3              { font-size: 1.17em; margin: .83em 0 }
4173 .x-panel-reset .x-panel-body h4,
4174 .x-panel-reset .x-panel-body p,
4175 .x-panel-reset .x-panel-body blockquote,
4176 .x-panel-reset .x-panel-body ul,
4177 .x-panel-reset .x-panel-body fieldset,
4178 .x-panel-reset .x-panel-body form,
4179 .x-panel-reset .x-panel-body ol,
4180 .x-panel-reset .x-panel-body dl,
4181 .x-panel-reset .x-panel-body dir,
4182 .x-panel-reset .x-panel-body menu            { margin: 1.12em 0 }
4183 .x-panel-reset .x-panel-body h5              { font-size: .83em; margin: 1.5em 0 }
4184 .x-panel-reset .x-panel-body h6              { font-size: .75em; margin: 1.67em 0 }
4185 .x-panel-reset .x-panel-body h1,
4186 .x-panel-reset .x-panel-body h2,
4187 .x-panel-reset .x-panel-body h3,
4188 .x-panel-reset .x-panel-body h4,
4189 .x-panel-reset .x-panel-body h5,
4190 .x-panel-reset .x-panel-body h6,
4191 .x-panel-reset .x-panel-body b,
4192 .x-panel-reset .x-panel-body strong          { font-weight: bolder }
4193 .x-panel-reset .x-panel-body blockquote      { margin-left: 40px; margin-right: 40px }
4194 .x-panel-reset .x-panel-body i,
4195 .x-panel-reset .x-panel-body cite,
4196 .x-panel-reset .x-panel-body em,
4197 .x-panel-reset .x-panel-body var,
4198 .x-panel-reset .x-panel-body address              { font-style: italic }
4199 .x-panel-reset .x-panel-body pre,
4200 .x-panel-reset .x-panel-body tt,
4201 .x-panel-reset .x-panel-body code,
4202 .x-panel-reset .x-panel-body kbd,
4203 .x-panel-reset .x-panel-body samp                 { font-family: monospace }
4204 .x-panel-reset .x-panel-body pre             { white-space: pre }
4205 .x-panel-reset .x-panel-body button,
4206 .x-panel-reset .x-panel-body textarea,
4207 .x-panel-reset .x-panel-body input,
4208 .x-panel-reset .x-panel-body select               { display: inline-block }
4209 .x-panel-reset .x-panel-body big             { font-size: 1.17em }
4210 .x-panel-reset .x-panel-body small,
4211 .x-panel-reset .x-panel-body sub,
4212 .x-panel-reset .x-panel-body sup                          { font-size: .83em }
4213 .x-panel-reset .x-panel-body sub             { vertical-align: sub }
4214 .x-panel-reset .x-panel-body sup             { vertical-align: super }
4215 .x-panel-reset .x-panel-body table           { border-spacing: 2px; }
4216 .x-panel-reset .x-panel-body thead,
4217 .x-panel-reset .x-panel-body tbody,
4218 .x-panel-reset .x-panel-body tfoot           { vertical-align: middle }
4219 .x-panel-reset .x-panel-body td,
4220 .x-panel-reset .x-panel-body th                   { vertical-align: inherit }
4221 .x-panel-reset .x-panel-body s,
4222 .x-panel-reset .x-panel-body strike,
4223 .x-panel-reset .x-panel-body del                          { text-decoration: line-through }
4224 .x-panel-reset .x-panel-body hr              { border: 1px inset }
4225 .x-panel-reset .x-panel-body ol,
4226 .x-panel-reset .x-panel-body ul,
4227 .x-panel-reset .x-panel-body dir,
4228 .x-panel-reset .x-panel-body menu,
4229 .x-panel-reset .x-panel-body dd           { margin-left: 40px }
4230 .x-panel-reset .x-panel-body ul, .x-panel-reset .x-panel-body menu, .x-panel-reset .x-panel-body dir { list-style-type: disc;}
4231 .x-panel-reset .x-panel-body ol              { list-style-type: decimal }
4232 .x-panel-reset .x-panel-body ol ul,
4233 .x-panel-reset .x-panel-body ul ol,
4234 .x-panel-reset .x-panel-body ul ul,
4235 .x-panel-reset .x-panel-body ol ol                { margin-top: 0; margin-bottom: 0 }
4236 .x-panel-reset .x-panel-body u,
4237 .x-panel-reset .x-panel-body ins                  { text-decoration: underline }
4238 .x-panel-reset .x-panel-body br:before       { content: "\A" }
4239 .x-panel-reset .x-panel-body :before, .x-panel-reset .x-panel-body :after { white-space: pre-line }
4240 .x-panel-reset .x-panel-body center          { text-align: center }
4241 .x-panel-reset .x-panel-body :link, .x-panel-reset .x-panel-body :visited { text-decoration: underline }
4242 .x-panel-reset .x-panel-body :focus          { outline: invert dotted thin }
4243
4244 /* Begin bidirectionality settings (do not change) */
4245 .x-panel-reset .x-panel-body BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
4246 .x-panel-reset .x-panel-body BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }
4247 .x-window {
4248     zoom:1;
4249 }
4250
4251 .x-window .x-window-handle {
4252     opacity:0;
4253     -moz-opacity:0;
4254     filter:alpha(opacity=0);
4255 }
4256
4257 .x-window-proxy {
4258     border:1px solid;
4259     z-index:12000;
4260     overflow:hidden;
4261     position:absolute;
4262     left:0;top:0;
4263     display:none;
4264     opacity:.5;
4265     -moz-opacity:.5;
4266     filter:alpha(opacity=50);
4267 }
4268
4269 .x-window-header {
4270     overflow:hidden;
4271     zoom:1;
4272 }
4273
4274 .x-window-bwrap {
4275     z-index:1;
4276     position:relative;
4277     zoom:1;
4278     left:0;top:0;
4279 }
4280
4281 .x-window-tl .x-window-header {
4282     padding:5px 0 4px 0;
4283 }
4284
4285 .x-window-header-text {
4286     cursor:pointer;
4287 }
4288
4289 .x-window-tc {
4290         background: transparent repeat-x 0 0;
4291         overflow:hidden;
4292     zoom:1;
4293 }
4294
4295 .x-window-tl {
4296         background: transparent no-repeat 0 0;
4297         padding-left:6px;
4298     zoom:1;
4299     z-index:1;
4300     position:relative;
4301 }
4302
4303 .x-window-tr {
4304         background: transparent no-repeat right 0;
4305         padding-right:6px;
4306 }
4307
4308 .x-window-bc {
4309         background: transparent repeat-x 0 bottom;
4310     zoom:1;
4311 }
4312
4313 .x-window-bc .x-window-footer {
4314     padding-bottom:6px;
4315     zoom:1;
4316     font-size:0;
4317     line-height:0;
4318 }
4319
4320 .x-window-bl {
4321         background: transparent no-repeat 0 bottom;
4322         padding-left:6px;
4323     zoom:1;
4324 }
4325
4326 .x-window-br {
4327         background: transparent no-repeat right bottom;
4328         padding-right:6px;
4329     zoom:1;
4330 }
4331
4332 .x-window-mc {
4333     border:1px solid;
4334     padding:0;
4335     margin:0;
4336 }
4337
4338 .x-window-ml {
4339         background: transparent repeat-y 0 0;
4340         padding-left:6px;
4341     zoom:1;
4342 }
4343
4344 .x-window-mr {
4345         background: transparent repeat-y right 0;
4346         padding-right:6px;
4347     zoom:1;
4348 }
4349
4350 .x-window-body {
4351     overflow:hidden;
4352 }
4353
4354 .x-window-bwrap {
4355     overflow:hidden;
4356 }
4357
4358 .x-window-maximized .x-window-bl, .x-window-maximized .x-window-br,
4359     .x-window-maximized .x-window-ml, .x-window-maximized .x-window-mr,
4360     .x-window-maximized .x-window-tl, .x-window-maximized .x-window-tr {
4361     padding:0;
4362 }
4363
4364 .x-window-maximized .x-window-footer {
4365     padding-bottom:0;
4366 }
4367
4368 .x-window-maximized .x-window-tc {
4369     padding-left:3px;
4370     padding-right:3px;
4371 }
4372
4373 .x-window-maximized .x-window-mc {
4374     border-left:0 none;
4375     border-right:0 none;
4376 }
4377
4378 .x-window-tbar .x-toolbar, .x-window-bbar .x-toolbar {
4379     border-left:0 none;
4380     border-right: 0 none;
4381 }
4382
4383 .x-window-bbar .x-toolbar {
4384     border-top:1px solid;
4385     border-bottom:0 none;
4386 }
4387
4388 .x-window-draggable, .x-window-draggable .x-window-header-text {
4389     cursor:move;
4390 }
4391
4392 .x-window-maximized .x-window-draggable, .x-window-maximized .x-window-draggable .x-window-header-text {
4393     cursor:default;
4394 }
4395
4396 .x-window-body {
4397     background:transparent;
4398 }
4399
4400 .x-panel-ghost .x-window-tl {
4401     border-bottom:1px solid;
4402 }
4403
4404 .x-panel-collapsed .x-window-tl {
4405     border-bottom:1px solid;
4406 }
4407
4408 .x-window-maximized-ct {
4409     overflow:hidden;
4410 }
4411
4412 .x-window-maximized .x-window-handle {
4413     display:none;
4414 }
4415
4416 .x-window-sizing-ghost ul {
4417     border:0 none !important;
4418 }
4419
4420 .x-dlg-focus{
4421         -moz-outline:0 none;
4422         outline:0 none;
4423         width:0;
4424         height:0;
4425         overflow:hidden;
4426         position:absolute;
4427         top:0;
4428         left:0;
4429 }
4430
4431 .ext-webkit .x-dlg-focus{
4432     width: 1px;
4433     height: 1px;
4434 }
4435
4436 .x-dlg-mask{
4437     z-index:10000;
4438     display:none;
4439     position:absolute;
4440     top:0;
4441     left:0;
4442     -moz-opacity: 0.5;
4443     opacity:.50;
4444     filter: alpha(opacity=50);
4445 }
4446
4447 body.ext-ie6.x-body-masked select {
4448         visibility:hidden;
4449 }
4450
4451 body.ext-ie6.x-body-masked .x-window select {
4452         visibility:visible;
4453 }
4454
4455 .x-window-plain .x-window-mc {
4456     border: 1px solid;
4457 }
4458
4459 .x-window-plain .x-window-body {
4460     border: 1px solid;
4461     background:transparent !important;
4462 }.x-html-editor-wrap {
4463     border:1px solid;
4464 }
4465
4466 .x-html-editor-tb .x-btn-text {
4467     background:transparent no-repeat;
4468 }
4469
4470 .x-html-editor-tb .x-edit-bold, .x-menu-item img.x-edit-bold {
4471     background-position:0 0;
4472     background-image:url(../images/default/editor/tb-sprite.gif);    
4473 }
4474
4475 .x-html-editor-tb .x-edit-italic, .x-menu-item img.x-edit-italic {
4476     background-position:-16px 0;
4477     background-image:url(../images/default/editor/tb-sprite.gif);
4478 }
4479
4480 .x-html-editor-tb .x-edit-underline, .x-menu-item img.x-edit-underline {
4481     background-position:-32px 0;
4482     background-image:url(../images/default/editor/tb-sprite.gif);
4483 }
4484
4485 .x-html-editor-tb .x-edit-forecolor, .x-menu-item img.x-edit-forecolor {
4486     background-position:-160px 0;
4487     background-image:url(../images/default/editor/tb-sprite.gif);
4488 }
4489
4490 .x-html-editor-tb .x-edit-backcolor, .x-menu-item img.x-edit-backcolor {
4491     background-position:-176px 0;
4492     background-image:url(../images/default/editor/tb-sprite.gif);
4493 }
4494
4495 .x-html-editor-tb .x-edit-justifyleft, .x-menu-item img.x-edit-justifyleft {
4496     background-position:-112px 0;
4497     background-image:url(../images/default/editor/tb-sprite.gif);
4498 }
4499
4500 .x-html-editor-tb .x-edit-justifycenter, .x-menu-item img.x-edit-justifycenter {
4501     background-position:-128px 0;
4502     background-image:url(../images/default/editor/tb-sprite.gif);
4503 }
4504
4505 .x-html-editor-tb .x-edit-justifyright, .x-menu-item img.x-edit-justifyright {
4506     background-position:-144px 0;
4507     background-image:url(../images/default/editor/tb-sprite.gif);
4508 }
4509
4510 .x-html-editor-tb .x-edit-insertorderedlist, .x-menu-item img.x-edit-insertorderedlist {
4511     background-position:-80px 0;
4512     background-image:url(../images/default/editor/tb-sprite.gif);
4513 }
4514
4515 .x-html-editor-tb .x-edit-insertunorderedlist, .x-menu-item img.x-edit-insertunorderedlist {
4516     background-position:-96px 0;
4517     background-image:url(../images/default/editor/tb-sprite.gif);
4518 }
4519
4520 .x-html-editor-tb .x-edit-increasefontsize, .x-menu-item img.x-edit-increasefontsize {
4521     background-position:-48px 0;
4522     background-image:url(../images/default/editor/tb-sprite.gif);
4523 }
4524
4525 .x-html-editor-tb .x-edit-decreasefontsize, .x-menu-item img.x-edit-decreasefontsize {
4526     background-position:-64px 0;
4527     background-image:url(../images/default/editor/tb-sprite.gif);
4528 }
4529
4530 .x-html-editor-tb .x-edit-sourceedit, .x-menu-item img.x-edit-sourceedit {
4531     background-position:-192px 0;
4532     background-image:url(../images/default/editor/tb-sprite.gif);
4533 }
4534
4535 .x-html-editor-tb .x-edit-createlink, .x-menu-item img.x-edit-createlink {
4536     background-position:-208px 0;
4537     background-image:url(../images/default/editor/tb-sprite.gif);
4538 }
4539
4540 .x-html-editor-tip .x-tip-bd .x-tip-bd-inner {
4541     padding:5px;
4542     padding-bottom:1px;
4543 }
4544
4545 .x-html-editor-tb .x-toolbar {
4546     position:static !important;
4547 }.x-panel-noborder .x-panel-body-noborder {
4548     border-width:0;
4549 }
4550
4551 .x-panel-noborder .x-panel-header-noborder {
4552     border-width:0 0 1px;
4553     border-style:solid;
4554 }
4555
4556 .x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
4557     border-width:0 0 1px;
4558     border-style:solid;
4559 }
4560
4561 .x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
4562     border-width:1px 0 0 0;
4563     border-style:solid;
4564 }
4565
4566 .x-window-noborder .x-window-mc {
4567     border-width:0;
4568 }
4569
4570 .x-window-plain .x-window-body-noborder {
4571     border-width:0;
4572 }
4573
4574 .x-tab-panel-noborder .x-tab-panel-body-noborder {
4575         border-width:0;
4576 }
4577
4578 .x-tab-panel-noborder .x-tab-panel-header-noborder {
4579     border-width: 0 0 1px 0;
4580 }
4581
4582 .x-tab-panel-noborder .x-tab-panel-footer-noborder {
4583     border-width: 1px 0 0 0;
4584 }
4585
4586 .x-tab-panel-bbar-noborder .x-toolbar {
4587     border-width: 1px 0 0 0;
4588     border-style:solid;
4589 }
4590
4591 .x-tab-panel-tbar-noborder .x-toolbar {
4592     border-width:0 0 1px;
4593     border-style:solid;
4594 }.x-border-layout-ct {
4595     position: relative;
4596 }
4597
4598 .x-border-panel {
4599     position:absolute;
4600     left:0;
4601     top:0;
4602 }
4603
4604 .x-tool-collapse-south {
4605     background-position:0 -195px;
4606 }
4607
4608 .x-tool-collapse-south-over {
4609     background-position:-15px -195px;
4610 }
4611
4612 .x-tool-collapse-north {
4613     background-position:0 -210px;
4614 }
4615
4616 .x-tool-collapse-north-over {
4617     background-position:-15px -210px;
4618 }
4619
4620 .x-tool-collapse-west {
4621     background-position:0 -180px;
4622 }
4623
4624 .x-tool-collapse-west-over {
4625     background-position:-15px -180px;
4626 }
4627
4628 .x-tool-collapse-east {
4629     background-position:0 -165px;
4630 }
4631
4632 .x-tool-collapse-east-over {
4633     background-position:-15px -165px;
4634 }
4635
4636 .x-tool-expand-south {
4637     background-position:0 -210px;
4638 }
4639
4640 .x-tool-expand-south-over {
4641     background-position:-15px -210px;
4642 }
4643
4644 .x-tool-expand-north {
4645     background-position:0 -195px;
4646 }
4647 .x-tool-expand-north-over {
4648     background-position:-15px -195px;
4649 }
4650
4651 .x-tool-expand-west {
4652     background-position:0 -165px;
4653 }
4654
4655 .x-tool-expand-west-over {
4656     background-position:-15px -165px;
4657 }
4658
4659 .x-tool-expand-east {
4660     background-position:0 -180px;
4661 }
4662
4663 .x-tool-expand-east-over {
4664     background-position:-15px -180px;
4665 }
4666
4667 .x-tool-expand-north, .x-tool-expand-south {
4668     float:right;
4669     margin:3px;
4670 }
4671
4672 .x-tool-expand-east, .x-tool-expand-west {
4673     float:none;
4674     margin:3px auto;
4675 }
4676
4677 .x-accordion-hd .x-tool-toggle {
4678     background-position:0 -255px;
4679 }
4680
4681 .x-accordion-hd .x-tool-toggle-over {
4682     background-position:-15px -255px;
4683 }
4684
4685 .x-panel-collapsed .x-accordion-hd .x-tool-toggle {
4686     background-position:0 -240px;
4687 }
4688
4689 .x-panel-collapsed .x-accordion-hd .x-tool-toggle-over {
4690     background-position:-15px -240px;
4691 }
4692
4693 .x-accordion-hd {
4694         padding-top:4px;
4695         padding-bottom:3px;
4696         border-top:0 none;
4697     background: transparent repeat-x 0 -9px;
4698 }
4699
4700 .x-layout-collapsed{
4701     position:absolute;
4702     left:-10000px;
4703     top:-10000px;
4704     visibility:hidden;
4705     width:20px;
4706     height:20px;
4707     overflow:hidden;
4708         border:1px solid;
4709         z-index:20;
4710 }
4711
4712 .ext-border-box .x-layout-collapsed{
4713     width:22px;
4714     height:22px;
4715 }
4716
4717 .x-layout-collapsed-over{
4718     cursor:pointer;
4719 }
4720
4721 .x-layout-collapsed-west .x-layout-collapsed-tools, .x-layout-collapsed-east .x-layout-collapsed-tools{
4722         position:absolute;
4723     top:0;
4724     left:0;
4725     width:20px;
4726     height:20px;
4727 }
4728
4729
4730 .x-layout-split{
4731     position:absolute;
4732     height:5px;
4733     width:5px;
4734     line-height:1px;
4735     font-size:1px;
4736     z-index:3;
4737     background-color:transparent;
4738 }
4739
4740 /* IE6 strict won't drag w/out a color */
4741 .ext-strict .ext-ie6 .x-layout-split{
4742     background-color: #fff !important;
4743     filter: alpha(opacity=1);
4744 }
4745
4746 .x-layout-split-h{
4747     background-image:url(../images/default/s.gif);
4748     background-position: left;
4749 }
4750
4751 .x-layout-split-v{
4752     background-image:url(../images/default/s.gif);
4753     background-position: top;
4754 }
4755
4756 .x-column-layout-ct {
4757     overflow:hidden;
4758     zoom:1;
4759 }
4760
4761 .x-column {
4762     float:left;
4763     padding:0;
4764     margin:0;
4765     overflow:hidden;
4766     zoom:1;
4767 }
4768
4769 .x-column-inner {
4770     overflow:hidden;
4771     zoom:1;
4772 }
4773
4774 /* mini mode */
4775 .x-layout-mini {
4776     position:absolute;
4777     top:0;
4778     left:0;
4779     display:block;
4780     width:5px;
4781     height:35px;
4782     cursor:pointer;
4783     opacity:.5;
4784     -moz-opacity:.5;
4785     filter:alpha(opacity=50);
4786 }
4787
4788 .x-layout-mini-over, .x-layout-collapsed-over .x-layout-mini{
4789     opacity:1;
4790     -moz-opacity:1;
4791     filter:none;
4792 }
4793
4794 .x-layout-split-west .x-layout-mini {
4795     top:48%;
4796 }
4797
4798 .x-layout-split-east .x-layout-mini {
4799     top:48%;
4800 }
4801
4802 .x-layout-split-north .x-layout-mini {
4803     left:48%;
4804     height:5px;
4805     width:35px;
4806 }
4807
4808 .x-layout-split-south .x-layout-mini {
4809     left:48%;
4810     height:5px;
4811     width:35px;
4812 }
4813
4814 .x-layout-cmini-west .x-layout-mini {
4815     top:48%;
4816 }
4817
4818 .x-layout-cmini-east .x-layout-mini {
4819     top:48%;
4820 }
4821
4822 .x-layout-cmini-north .x-layout-mini {
4823     left:48%;
4824     height:5px;
4825     width:35px;
4826 }
4827
4828 .x-layout-cmini-south .x-layout-mini {
4829     left:48%;
4830     height:5px;
4831     width:35px;
4832 }
4833
4834 .x-layout-cmini-west, .x-layout-cmini-east {
4835     border:0 none;
4836     width:5px !important;
4837     padding:0;
4838     background:transparent;
4839 }
4840
4841 .x-layout-cmini-north, .x-layout-cmini-south {
4842     border:0 none;
4843     height:5px !important;
4844     padding:0;
4845     background:transparent;
4846 }
4847
4848 .x-viewport, .x-viewport body {
4849     margin: 0;
4850     padding: 0;
4851     border: 0 none;
4852     overflow: hidden;
4853     height: 100%;
4854 }
4855
4856 .x-abs-layout-item {
4857     position:absolute;
4858     left:0;
4859     top:0;
4860 }
4861
4862 .ext-ie input.x-abs-layout-item, .ext-ie textarea.x-abs-layout-item {
4863     margin:0;
4864 }
4865
4866 .x-box-layout-ct {
4867     overflow:hidden;
4868     zoom:1;
4869 }
4870
4871 .x-box-inner {
4872     overflow:hidden;
4873     zoom:1;
4874     position:relative;
4875     left:0;
4876     top:0;
4877 }
4878
4879 .x-box-item {
4880     position:absolute;
4881     left:0;
4882     top:0;
4883 }.x-progress-wrap {
4884     border:1px solid;
4885     overflow:hidden;
4886 }
4887
4888 .x-progress-inner {
4889     height:18px;
4890     background:repeat-x;
4891     position:relative;
4892 }
4893
4894 .x-progress-bar {
4895     height:18px;
4896     float:left;
4897     width:0;
4898     background: repeat-x left center;
4899     border-top:1px solid;
4900     border-bottom:1px solid;
4901     border-right:1px solid;
4902 }
4903
4904 .x-progress-text {
4905     padding:1px 5px;
4906     overflow:hidden;
4907     position:absolute;
4908     left:0;
4909     text-align:center;
4910 }
4911
4912 .x-progress-text-back {
4913     line-height:16px;
4914 }
4915
4916 .ext-ie .x-progress-text-back {
4917     line-height:15px;
4918 }
4919
4920 .ext-strict .ext-ie7 .x-progress-text-back{
4921     width: 100%;
4922 }
4923 .x-list-header{
4924         background: repeat-x 0 bottom;
4925         cursor:default;
4926     zoom:1;
4927     height:22px;
4928 }
4929
4930 .x-list-header-inner div {
4931     display:block;
4932     float:left;
4933     overflow:hidden;
4934         -o-text-overflow: ellipsis;
4935         text-overflow: ellipsis;
4936     white-space: nowrap;
4937 }
4938
4939 .x-list-header-inner div em {
4940     display:block;
4941     border-left:1px solid;
4942     padding:4px 4px;
4943     overflow:hidden;
4944     -moz-user-select: none;
4945     -khtml-user-select: none;
4946     line-height:14px;
4947 }
4948
4949 .x-list-body {
4950     overflow:auto;
4951     overflow-x:hidden;
4952     overflow-y:auto;
4953     zoom:1;
4954     float: left;
4955     width: 100%;
4956 }
4957
4958 .x-list-body dl {
4959     zoom:1;
4960 }
4961
4962 .x-list-body dt {
4963     display:block;
4964     float:left;
4965     overflow:hidden;
4966         -o-text-overflow: ellipsis;
4967         text-overflow: ellipsis;
4968     white-space: nowrap;
4969     cursor:pointer;
4970     zoom:1;
4971 }
4972
4973 .x-list-body dt em {
4974     display:block;
4975     padding:3px 4px;
4976     overflow:hidden;
4977     -moz-user-select: none;
4978     -khtml-user-select: none;
4979 }
4980
4981 .x-list-resizer {
4982     border-left:1px solid;
4983     border-right:1px solid;
4984     position:absolute;
4985     left:0;
4986     top:0;
4987 }
4988
4989 .x-list-header-inner em.sort-asc {
4990     background: transparent no-repeat center 0;
4991     border-style:solid;
4992     border-width: 0 1px 1px;
4993     padding-bottom:3px;
4994 }
4995
4996 .x-list-header-inner em.sort-desc {
4997     background: transparent no-repeat center -23px;
4998     border-style:solid;
4999     border-width: 0 1px 1px;
5000     padding-bottom:3px;
5001 }
5002
5003 /* Shared styles */
5004 .x-slider {
5005     zoom:1;
5006 }
5007
5008 .x-slider-inner {
5009     position:relative;
5010     left:0;
5011     top:0;
5012     overflow:visible;
5013     zoom:1;
5014 }
5015
5016 .x-slider-focus {
5017         position:absolute;
5018         left:0;
5019         top:0;
5020         width:1px;
5021         height:1px;
5022     line-height:1px;
5023     font-size:1px;
5024     -moz-outline:0 none;
5025     outline:0 none;
5026     -moz-user-select: none;
5027     -khtml-user-select:none;
5028     -webkit-user-select:ignore;
5029         display:block;
5030         overflow:hidden;  
5031 }
5032
5033 /* Horizontal styles */
5034 .x-slider-horz {
5035     padding-left:7px;
5036     background:transparent no-repeat 0 -22px;
5037 }
5038
5039 .x-slider-horz .x-slider-end {
5040     padding-right:7px;
5041     zoom:1;
5042     background:transparent no-repeat right -44px;
5043 }
5044
5045 .x-slider-horz .x-slider-inner {
5046     background:transparent repeat-x 0 0;
5047     height:22px;
5048 }
5049
5050 .x-slider-horz .x-slider-thumb {
5051     width:14px;
5052     height:15px;
5053     position:absolute;
5054     left:0;
5055     top:3px;
5056     background:transparent no-repeat 0 0;
5057 }
5058
5059 .x-slider-horz .x-slider-thumb-over {
5060     background-position: -14px -15px;
5061 }
5062
5063 .x-slider-horz .x-slider-thumb-drag {
5064     background-position: -28px -30px;
5065 }
5066
5067 /* Vertical styles */
5068 .x-slider-vert {
5069     padding-top:7px;
5070     background:transparent no-repeat -44px 0;
5071     width:22px;
5072 }
5073
5074 .x-slider-vert .x-slider-end {
5075     padding-bottom:7px;
5076     zoom:1;
5077     background:transparent no-repeat -22px bottom;
5078 }
5079
5080 .x-slider-vert .x-slider-inner {
5081     background:transparent repeat-y 0 0;
5082 }
5083
5084 .x-slider-vert .x-slider-thumb {
5085     width:15px;
5086     height:14px;
5087     position:absolute;
5088     left:3px;
5089     bottom:0;
5090     background:transparent no-repeat 0 0;
5091 }
5092
5093 .x-slider-vert .x-slider-thumb-over {
5094     background-position: -15px -14px;
5095 }
5096
5097 .x-slider-vert .x-slider-thumb-drag {
5098     background-position: -30px -28px;
5099 }.x-window-dlg .x-window-body {
5100     border:0 none !important;
5101     padding:5px 10px;
5102     overflow:hidden !important;
5103 }
5104
5105 .x-window-dlg .x-window-mc {
5106     border:0 none !important;
5107 }
5108
5109 .x-window-dlg .ext-mb-input {
5110     margin-top:4px;
5111     width:95%;
5112 }
5113
5114 .x-window-dlg .ext-mb-textarea {
5115     margin-top:4px;
5116 }
5117
5118 .x-window-dlg .x-progress-wrap {
5119     margin-top:4px;
5120 }
5121
5122 .ext-ie .x-window-dlg .x-progress-wrap {
5123     margin-top:6px;
5124 }
5125
5126 .x-window-dlg .x-msg-box-wait {
5127     background:transparent no-repeat left;
5128     display:block;
5129     width:300px;
5130     padding-left:18px;
5131     line-height:18px;
5132 }
5133
5134 .x-window-dlg .ext-mb-icon {
5135     float:left;
5136     width:47px;
5137     height:32px;
5138 }
5139
5140 .ext-ie .x-window-dlg .ext-mb-icon {
5141     width:44px; /* 3px IE margin issue */
5142 }
5143
5144 .x-window-dlg .x-dlg-icon .ext-mb-content{
5145     zoom: 1; margin-left: 47px;
5146 }
5147
5148 .x-window-dlg .ext-mb-info, .x-window-dlg .ext-mb-warning, .x-window-dlg .ext-mb-question, .x-window-dlg .ext-mb-error {
5149     background:transparent no-repeat top left;
5150 }
5151
5152 .ext-gecko2 .ext-mb-fix-cursor {
5153     overflow:auto;
5154 }.ext-el-mask {
5155     background-color: #ccc;
5156 }
5157
5158 .ext-el-mask-msg {
5159     border-color:#6593cf;
5160     background-color:#c3daf9;
5161     background-image:url(../images/default/box/tb-blue.gif);
5162 }
5163 .ext-el-mask-msg div {
5164     background-color: #eee;
5165     border-color:#a3bad9;
5166     color:#222;
5167     font:normal 11px tahoma, arial, helvetica, sans-serif;
5168 }
5169
5170 .x-mask-loading div {
5171     background-color:#fbfbfb;
5172     background-image:url(../images/default/grid/loading.gif);
5173 }
5174
5175 .x-item-disabled {
5176     color: gray;
5177 }
5178
5179 .x-item-disabled * {
5180     color: gray !important;
5181 }
5182
5183 .x-splitbar-proxy {
5184     background-color: #aaa;
5185 }
5186
5187 .x-color-palette a {
5188     border-color:#fff;
5189 }
5190
5191 .x-color-palette a:hover, .x-color-palette a.x-color-palette-sel {
5192     border-color:#8bb8f3;
5193     background-color: #deecfd;
5194 }
5195
5196 .x-color-palette em:hover, .x-color-palette span:hover{   
5197     background-color: #deecfd;
5198 }
5199
5200 .x-color-palette em {
5201     border-color:#aca899;
5202 }
5203
5204 .x-ie-shadow {
5205     background-color:#777;
5206 }
5207
5208 .x-shadow .xsmc {
5209     background-image: url(../images/default/shadow-c.png);
5210 }
5211
5212 .x-shadow .xsml, .x-shadow .xsmr {
5213     background-image: url(../images/default/shadow-lr.png);
5214 }
5215
5216 .x-shadow .xstl, .x-shadow .xstc,  .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbc, .x-shadow .xsbr{
5217     background-image: url(../images/default/shadow.png);
5218 }
5219
5220 .loading-indicator {
5221     font-size: 11px;
5222     background-image: url(../images/default/grid/loading.gif);
5223 }
5224
5225 .x-spotlight {
5226     background-color: #ccc;
5227 }
5228 .x-tab-panel-header, .x-tab-panel-footer {
5229         background-color: #deecfd;
5230         border-color:#8db2e3;
5231     overflow:hidden;
5232     zoom:1;
5233 }
5234
5235 .x-tab-panel-header, .x-tab-panel-footer {
5236         border-color:#8db2e3;
5237 }
5238
5239 ul.x-tab-strip-top{
5240     background-color:#cedff5;
5241         background-image: url(../images/default/tabs/tab-strip-bg.gif);
5242         border-bottom-color:#8db2e3;
5243 }
5244
5245 ul.x-tab-strip-bottom{
5246     background-color:#cedff5;
5247         background-image: url(../images/default/tabs/tab-strip-btm-bg.gif);
5248         border-top-color:#8db2e3;
5249 }
5250
5251 .x-tab-panel-header-plain .x-tab-strip-spacer,
5252 .x-tab-panel-footer-plain .x-tab-strip-spacer {
5253     border-color:#8db2e3;
5254     background-color: #deecfd;
5255 }
5256
5257 .x-tab-strip span.x-tab-strip-text {
5258         font:normal 11px tahoma,arial,helvetica;
5259         color:#416aa3;
5260 }
5261
5262 .x-tab-strip-over span.x-tab-strip-text {
5263         color:#15428b;
5264 }
5265
5266 .x-tab-strip-active span.x-tab-strip-text {
5267         color:#15428b;
5268     font-weight:bold;
5269 }
5270
5271 .x-tab-strip-disabled .x-tabs-text {
5272         color:#aaaaaa;
5273 }
5274
5275 .x-tab-strip-top .x-tab-right, .x-tab-strip-top .x-tab-left, .x-tab-strip-top .x-tab-strip-inner{
5276         background-image: url(../images/default/tabs/tabs-sprite.gif);
5277 }
5278
5279 .x-tab-strip-bottom .x-tab-right {
5280         background-image: url(../images/default/tabs/tab-btm-inactive-right-bg.gif);
5281 }
5282
5283 .x-tab-strip-bottom .x-tab-left {
5284         background-image: url(../images/default/tabs/tab-btm-inactive-left-bg.gif);
5285 }
5286
5287 .x-tab-strip-bottom .x-tab-strip-over .x-tab-right {
5288         background-image: url(../images/default/tabs/tab-btm-over-right-bg.gif);
5289 }
5290
5291 .x-tab-strip-bottom .x-tab-strip-over .x-tab-left {
5292         background-image: url(../images/default/tabs/tab-btm-over-left-bg.gif);
5293 }
5294
5295 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
5296         background-image: url(../images/default/tabs/tab-btm-right-bg.gif);
5297 }
5298
5299 .x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
5300         background-image: url(../images/default/tabs/tab-btm-left-bg.gif);
5301 }
5302
5303 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
5304         background-image:url(../images/default/tabs/tab-close.gif);
5305 }
5306
5307 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
5308         background-image:url(../images/default/tabs/tab-close.gif);
5309 }
5310
5311 .x-tab-panel-body {
5312     border-color:#8db2e3;
5313     background-color:#fff;
5314 }
5315
5316 .x-tab-panel-body-top {
5317     border-top: 0 none;
5318 }
5319
5320 .x-tab-panel-body-bottom {
5321     border-bottom: 0 none;
5322 }
5323
5324 .x-tab-scroller-left {
5325     background-image:url(../images/default/tabs/scroll-left.gif);
5326     border-bottom-color:#8db2e3;
5327 }
5328
5329 .x-tab-scroller-left-over {
5330     background-position: 0 0;
5331 }
5332
5333 .x-tab-scroller-left-disabled {
5334     background-position: -18px 0;
5335     opacity:.5;
5336     -moz-opacity:.5;
5337     filter:alpha(opacity=50);
5338     cursor:default;
5339 }
5340
5341 .x-tab-scroller-right {
5342     background-image:url(../images/default/tabs/scroll-right.gif);
5343     border-bottom-color:#8db2e3;
5344 }
5345
5346 .x-tab-panel-bbar .x-toolbar, .x-tab-panel-tbar .x-toolbar {
5347     border-color:#99bbe8;
5348 }.x-form-field {
5349     font:normal 12px tahoma, arial, helvetica, sans-serif;
5350 }
5351
5352 .x-form-text, textarea.x-form-field {
5353     background-color:#fff;
5354     background-image:url(../images/default/form/text-bg.gif);
5355     border-color:#b5b8c8;
5356 }
5357
5358 .x-form-select-one {
5359     background-color:#fff;
5360     border-color:#b5b8c8;
5361 }
5362
5363 .x-form-check-group-label {
5364     border-bottom: 1px solid #99bbe8;
5365     color: #15428b;
5366 }
5367
5368 .x-editor .x-form-check-wrap {
5369     background-color:#fff;
5370 }
5371
5372 .x-form-field-wrap .x-form-trigger {
5373     background-image:url(../images/default/form/trigger.gif);
5374     border-bottom-color:#b5b8c8;
5375 }
5376
5377 .x-form-field-wrap .x-form-date-trigger {
5378     background-image: url(../images/default/form/date-trigger.gif);
5379 }
5380
5381 .x-form-field-wrap .x-form-clear-trigger {
5382     background-image: url(../images/default/form/clear-trigger.gif);
5383 }
5384
5385 .x-form-field-wrap .x-form-search-trigger {
5386     background-image: url(../images/default/form/search-trigger.gif);
5387 }
5388
5389 .x-trigger-wrap-focus .x-form-trigger {
5390     border-bottom-color:#7eadd9;
5391 }
5392
5393 .x-item-disabled .x-form-trigger-over {
5394     border-bottom-color:#b5b8c8;
5395 }
5396
5397 .x-item-disabled .x-form-trigger-click {
5398     border-bottom-color:#b5b8c8;
5399 }
5400
5401 .x-form-focus, textarea.x-form-focus {
5402         border-color:#7eadd9;
5403 }
5404
5405 .x-form-invalid, textarea.x-form-invalid {
5406     background-color:#fff;
5407         background-image:url(../images/default/grid/invalid_line.gif);
5408         border-color:#c30;
5409 }
5410
5411 .x-form-invalid.x-form-composite {
5412     border: none;
5413     background-image: none;
5414 }
5415
5416 .x-form-invalid.x-form-composite .x-form-invalid {
5417     background-color:#fff;
5418         background-image:url(../images/default/grid/invalid_line.gif);
5419         border-color:#c30;
5420 }
5421
5422 .x-form-inner-invalid, textarea.x-form-inner-invalid {
5423     background-color:#fff;
5424         background-image:url(../images/default/grid/invalid_line.gif);
5425 }
5426
5427 .x-form-grow-sizer {
5428         font:normal 12px tahoma, arial, helvetica, sans-serif;
5429 }
5430
5431 .x-form-item {
5432     font:normal 12px tahoma, arial, helvetica, sans-serif;
5433 }
5434
5435 .x-form-invalid-msg {
5436     color:#c0272b;
5437     font:normal 11px tahoma, arial, helvetica, sans-serif;
5438     background-image:url(../images/default/shared/warning.gif);
5439 }
5440
5441 .x-form-empty-field {
5442     color:gray;
5443 }
5444
5445 .x-small-editor .x-form-field {
5446     font:normal 11px arial, tahoma, helvetica, sans-serif;
5447 }
5448
5449 .ext-webkit .x-small-editor .x-form-field {
5450     font:normal 11px arial, tahoma, helvetica, sans-serif;
5451 }
5452
5453 .x-form-invalid-icon {
5454     background-image:url(../images/default/form/exclamation.gif);
5455 }
5456
5457 .x-fieldset {
5458     border-color:#b5b8c8;
5459 }
5460
5461 .x-fieldset legend {
5462     font:bold 11px tahoma, arial, helvetica, sans-serif;
5463     color:#15428b;
5464 }
5465 .x-btn{
5466         font:normal 11px tahoma, verdana, helvetica;
5467 }
5468
5469 .x-btn button{
5470     font:normal 11px arial,tahoma,verdana,helvetica;
5471     color:#333;
5472 }
5473
5474 .x-btn em {
5475     font-style:normal;
5476     font-weight:normal;
5477 }
5478
5479 .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{
5480         background-image:url(../images/default/button/btn.gif);
5481 }
5482
5483 .x-btn-click .x-btn-text, .x-btn-menu-active .x-btn-text, .x-btn-pressed .x-btn-text{
5484     color:#000;
5485 }
5486
5487 .x-btn-disabled *{
5488         color:gray !important;
5489 }
5490
5491 .x-btn-mc em.x-btn-arrow {
5492     background-image:url(../images/default/button/arrow.gif);
5493 }
5494
5495 .x-btn-mc em.x-btn-split {
5496     background-image:url(../images/default/button/s-arrow.gif);
5497 }
5498
5499 .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 {
5500     background-image:url(../images/default/button/s-arrow-o.gif);
5501 }
5502
5503 .x-btn-mc em.x-btn-arrow-bottom {
5504     background-image:url(../images/default/button/s-arrow-b-noline.gif);
5505 }
5506
5507 .x-btn-mc em.x-btn-split-bottom {
5508     background-image:url(../images/default/button/s-arrow-b.gif);
5509 }
5510
5511 .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 {
5512     background-image:url(../images/default/button/s-arrow-bo.gif);
5513 }
5514
5515 .x-btn-group-header {
5516     color: #3e6aaa;
5517 }
5518
5519 .x-btn-group-tc {
5520         background-image: url(../images/default/button/group-tb.gif);
5521 }
5522
5523 .x-btn-group-tl {
5524         background-image: url(../images/default/button/group-cs.gif);
5525 }
5526
5527 .x-btn-group-tr {
5528         background-image: url(../images/default/button/group-cs.gif);
5529 }
5530
5531 .x-btn-group-bc {
5532         background-image: url(../images/default/button/group-tb.gif);
5533 }
5534
5535 .x-btn-group-bl {
5536         background-image: url(../images/default/button/group-cs.gif);
5537 }
5538
5539 .x-btn-group-br {
5540         background-image: url(../images/default/button/group-cs.gif);
5541 }
5542
5543 .x-btn-group-ml {
5544         background-image: url(../images/default/button/group-lr.gif);
5545 }
5546 .x-btn-group-mr {
5547         background-image: url(../images/default/button/group-lr.gif);
5548 }
5549
5550 .x-btn-group-notitle .x-btn-group-tc {
5551         background-image: url(../images/default/button/group-tb.gif);
5552 }.x-toolbar{
5553         border-color:#a9bfd3;
5554     background-color:#d0def0;
5555     background-image:url(../images/default/toolbar/bg.gif);
5556 }
5557
5558 .x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{
5559     font:normal 11px arial,tahoma, helvetica, sans-serif;
5560 }
5561
5562 .x-toolbar .x-item-disabled {
5563         color:gray;
5564 }
5565
5566 .x-toolbar .x-item-disabled * {
5567         color:gray;
5568 }
5569
5570 .x-toolbar .x-btn-mc em.x-btn-split {
5571     background-image:url(../images/default/button/s-arrow-noline.gif);
5572 }
5573
5574 .x-toolbar .x-btn-over .x-btn-mc em.x-btn-split, .x-toolbar .x-btn-click .x-btn-mc em.x-btn-split,
5575 .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
5576 {
5577     background-image:url(../images/default/button/s-arrow-o.gif);
5578 }
5579
5580 .x-toolbar .x-btn-mc em.x-btn-split-bottom {
5581     background-image:url(../images/default/button/s-arrow-b-noline.gif);
5582 }
5583
5584 .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,
5585 .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
5586 {
5587     background-image:url(../images/default/button/s-arrow-bo.gif);
5588 }
5589
5590 .x-toolbar .xtb-sep {
5591         background-image: url(../images/default/grid/grid-blue-split.gif);
5592 }
5593
5594 .x-tbar-page-first{
5595         background-image: url(../images/default/grid/page-first.gif) !important;
5596 }
5597
5598 .x-tbar-loading{
5599         background-image: url(../images/default/grid/refresh.gif) !important;
5600 }
5601
5602 .x-tbar-page-last{
5603         background-image: url(../images/default/grid/page-last.gif) !important;
5604 }
5605
5606 .x-tbar-page-next{
5607         background-image: url(../images/default/grid/page-next.gif) !important;
5608 }
5609
5610 .x-tbar-page-prev{
5611         background-image: url(../images/default/grid/page-prev.gif) !important;
5612 }
5613
5614 .x-item-disabled .x-tbar-loading{
5615         background-image: url(../images/default/grid/loading.gif) !important;
5616 }
5617
5618 .x-item-disabled .x-tbar-page-first{
5619         background-image: url(../images/default/grid/page-first-disabled.gif) !important;
5620 }
5621
5622 .x-item-disabled .x-tbar-page-last{
5623         background-image: url(../images/default/grid/page-last-disabled.gif) !important;
5624 }
5625
5626 .x-item-disabled .x-tbar-page-next{
5627         background-image: url(../images/default/grid/page-next-disabled.gif) !important;
5628 }
5629
5630 .x-item-disabled .x-tbar-page-prev{
5631         background-image: url(../images/default/grid/page-prev-disabled.gif) !important;
5632 }
5633
5634 .x-paging-info {
5635     color:#444;
5636 }
5637
5638 .x-toolbar-more-icon {
5639     background-image: url(../images/default/toolbar/more.gif) !important;
5640 }.x-resizable-handle {
5641         background-color:#fff;
5642 }
5643
5644 .x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-east,
5645 .x-resizable-over .x-resizable-handle-west, .x-resizable-pinned .x-resizable-handle-west
5646 {
5647     background-image:url(../images/default/sizer/e-handle.gif);
5648 }
5649
5650 .x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south,
5651 .x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north
5652 {
5653     background-image:url(../images/default/sizer/s-handle.gif);
5654 }
5655
5656 .x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north{
5657     background-image:url(../images/default/sizer/s-handle.gif);
5658 }
5659 .x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast{
5660     background-image:url(../images/default/sizer/se-handle.gif);
5661 }
5662 .x-resizable-over .x-resizable-handle-northwest, .x-resizable-pinned .x-resizable-handle-northwest{
5663     background-image:url(../images/default/sizer/nw-handle.gif);
5664 }
5665 .x-resizable-over .x-resizable-handle-northeast, .x-resizable-pinned .x-resizable-handle-northeast{
5666     background-image:url(../images/default/sizer/ne-handle.gif);
5667 }
5668 .x-resizable-over .x-resizable-handle-southwest, .x-resizable-pinned .x-resizable-handle-southwest{
5669     background-image:url(../images/default/sizer/sw-handle.gif);
5670 }
5671 .x-resizable-proxy{
5672     border-color:#3b5a82;
5673 }
5674 .x-resizable-overlay{
5675     background-color:#fff;
5676 }
5677 .x-grid3 {
5678     background-color:#fff;
5679 }
5680
5681 .x-grid-panel .x-panel-mc .x-panel-body {
5682     border-color:#99bbe8;
5683 }
5684
5685 .x-grid3-row td, .x-grid3-summary-row td{
5686         font:normal 11px/13px arial, tahoma, helvetica, sans-serif;
5687 }
5688
5689 .x-grid3-hd-row td {
5690         font:normal 11px/15px arial, tahoma, helvetica, sans-serif;
5691 }
5692
5693
5694 .x-grid3-hd-row td {
5695     border-left-color:#eee;
5696     border-right-color:#d0d0d0;
5697 }
5698
5699 .x-grid-row-loading {
5700     background-color: #fff;
5701     background-image:url(../images/default/shared/loading-balls.gif);
5702 }
5703
5704 .x-grid3-row {
5705     border-color:#ededed;
5706     border-top-color:#fff;
5707 }
5708
5709 .x-grid3-row-alt{
5710         background-color:#fafafa;
5711 }
5712
5713 .x-grid3-row-over {
5714         border-color:#ddd;
5715     background-color:#efefef;
5716     background-image:url(../images/default/grid/row-over.gif);
5717 }
5718
5719 .x-grid3-resize-proxy {
5720     background-color:#777;
5721 }
5722
5723 .x-grid3-resize-marker {
5724     background-color:#777;
5725 }
5726
5727 .x-grid3-header{
5728     background-color:#f9f9f9;
5729         background-image:url(../images/default/grid/grid3-hrow.gif);
5730 }
5731
5732 .x-grid3-header-pop {
5733     border-left-color:#d0d0d0;
5734 }
5735
5736 .x-grid3-header-pop-inner {
5737     border-left-color:#eee;
5738     background-image:url(../images/default/grid/hd-pop.gif);
5739 }
5740
5741 td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {
5742     border-left-color:#aaccf6;
5743     border-right-color:#aaccf6;
5744 }
5745
5746 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 {
5747     background-color:#ebf3fd;
5748     background-image:url(../images/default/grid/grid3-hrow-over.gif);
5749
5750 }
5751
5752 .sort-asc .x-grid3-sort-icon {
5753         background-image: url(../images/default/grid/sort_asc.gif);
5754 }
5755
5756 .sort-desc .x-grid3-sort-icon {
5757         background-image: url(../images/default/grid/sort_desc.gif);
5758 }
5759
5760 .x-grid3-cell-text, .x-grid3-hd-text {
5761         color:#000;
5762 }
5763
5764 .x-grid3-split {
5765         background-image: url(../images/default/grid/grid-split.gif);
5766 }
5767
5768 .x-grid3-hd-text {
5769         color:#15428b;
5770 }
5771
5772 .x-dd-drag-proxy .x-grid3-hd-inner{
5773     background-color:#ebf3fd;
5774         background-image:url(../images/default/grid/grid3-hrow-over.gif);
5775         border-color:#aaccf6;
5776 }
5777
5778 .col-move-top{
5779         background-image:url(../images/default/grid/col-move-top.gif);
5780 }
5781
5782 .col-move-bottom{
5783         background-image:url(../images/default/grid/col-move-bottom.gif);
5784 }
5785
5786 .x-grid3-row-selected {
5787         background-color: #dfe8f6 !important;
5788         background-image: none;
5789         border-color:#a3bae9;
5790 }
5791
5792 .x-grid3-cell-selected{
5793         background-color: #b8cfee !important;
5794         color:#000;
5795 }
5796
5797 .x-grid3-cell-selected span{
5798         color:#000 !important;
5799 }
5800
5801 .x-grid3-cell-selected .x-grid3-cell-text{
5802         color:#000;
5803 }
5804
5805 .x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{
5806     background-color:#ebeadb !important;
5807     background-image:url(../images/default/grid/grid-hrow.gif) !important;
5808     color:#000;
5809     border-top-color:#fff;
5810     border-right-color:#6fa0df !important;
5811 }
5812
5813 .x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{
5814     color:#15428b !important;
5815 }
5816
5817 .x-grid3-dirty-cell {
5818     background-image:url(../images/default/grid/dirty.gif);
5819 }
5820
5821 .x-grid3-topbar, .x-grid3-bottombar{
5822         font:normal 11px arial, tahoma, helvetica, sans-serif;
5823 }
5824
5825 .x-grid3-bottombar .x-toolbar{
5826         border-top-color:#a9bfd3;
5827 }
5828
5829 .x-props-grid .x-grid3-td-name .x-grid3-cell-inner{
5830         background-image:url(../images/default/grid/grid3-special-col-bg.gif) !important;
5831     color:#000 !important;
5832 }
5833
5834 .x-props-grid .x-grid3-body .x-grid3-td-name{
5835     background-color:#fff !important;
5836     border-right-color:#eee;
5837 }
5838
5839 .xg-hmenu-sort-asc .x-menu-item-icon{
5840         background-image: url(../images/default/grid/hmenu-asc.gif);
5841 }
5842
5843 .xg-hmenu-sort-desc .x-menu-item-icon{
5844         background-image: url(../images/default/grid/hmenu-desc.gif);
5845 }
5846
5847 .xg-hmenu-lock .x-menu-item-icon{
5848         background-image: url(../images/default/grid/hmenu-lock.gif);
5849 }
5850
5851 .xg-hmenu-unlock .x-menu-item-icon{
5852         background-image: url(../images/default/grid/hmenu-unlock.gif);
5853 }
5854
5855 .x-grid3-hd-btn {
5856     background-color:#c3daf9;
5857     background-image:url(../images/default/grid/grid3-hd-btn.gif);
5858 }
5859
5860 .x-grid3-body .x-grid3-td-expander {
5861     background-image:url(../images/default/grid/grid3-special-col-bg.gif);
5862 }
5863
5864 .x-grid3-row-expander {
5865     background-image:url(../images/default/grid/row-expand-sprite.gif);
5866 }
5867
5868 .x-grid3-body .x-grid3-td-checker {
5869     background-image: url(../images/default/grid/grid3-special-col-bg.gif);
5870 }
5871
5872 .x-grid3-row-checker, .x-grid3-hd-checker {
5873     background-image:url(../images/default/grid/row-check-sprite.gif);
5874 }
5875
5876 .x-grid3-body .x-grid3-td-numberer {
5877     background-image:url(../images/default/grid/grid3-special-col-bg.gif);
5878 }
5879
5880 .x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {
5881         color:#444;
5882 }
5883
5884 .x-grid3-body .x-grid3-td-row-icon {
5885     background-image:url(../images/default/grid/grid3-special-col-bg.gif);
5886 }
5887
5888 .x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,
5889 .x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,
5890 .x-grid3-body .x-grid3-row-selected .x-grid3-td-expander {
5891         background-image:url(../images/default/grid/grid3-special-col-sel-bg.gif);
5892 }
5893
5894 .x-grid3-check-col {
5895         background-image:url(../images/default/menu/unchecked.gif);
5896 }
5897
5898 .x-grid3-check-col-on {
5899         background-image:url(../images/default/menu/checked.gif);
5900 }
5901
5902 .x-grid-group, .x-grid-group-body, .x-grid-group-hd {
5903     zoom:1;
5904 }
5905
5906 .x-grid-group-hd {
5907     border-bottom-color:#99bbe8;
5908 }
5909
5910 .x-grid-group-hd div.x-grid-group-title {
5911     background-image:url(../images/default/grid/group-collapse.gif);
5912     color:#3764a0;
5913     font:bold 11px tahoma, arial, helvetica, sans-serif;
5914 }
5915
5916 .x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title {
5917     background-image:url(../images/default/grid/group-expand.gif);
5918 }
5919
5920 .x-group-by-icon {
5921     background-image:url(../images/default/grid/group-by.gif);
5922 }
5923
5924 .x-cols-icon {
5925     background-image:url(../images/default/grid/columns.gif);
5926 }
5927
5928 .x-show-groups-icon {
5929     background-image:url(../images/default/grid/group-by.gif);
5930 }
5931
5932 .x-grid-empty {
5933     color:gray;
5934     font:normal 11px tahoma, arial, helvetica, sans-serif;
5935 }
5936
5937 .x-grid-with-col-lines .x-grid3-row td.x-grid3-cell {
5938     border-right-color:#ededed;
5939 }
5940
5941 .x-grid-with-col-lines .x-grid3-row-selected {
5942         border-top-color:#a3bae9;
5943 }.x-dd-drag-ghost{
5944         color:#000;
5945         font: normal 11px arial, helvetica, sans-serif;
5946     border-color: #ddd #bbb #bbb #ddd;
5947         background-color:#fff;
5948 }
5949
5950 .x-dd-drop-nodrop .x-dd-drop-icon{
5951   background-image: url(../images/default/dd/drop-no.gif);
5952 }
5953
5954 .x-dd-drop-ok .x-dd-drop-icon{
5955   background-image: url(../images/default/dd/drop-yes.gif);
5956 }
5957
5958 .x-dd-drop-ok-add .x-dd-drop-icon{
5959   background-image: url(../images/default/dd/drop-add.gif);
5960 }
5961
5962 .x-view-selector {
5963     background-color:#c3daf9;
5964     border-color:#3399bb;
5965 }.x-tree-node-expanded .x-tree-node-icon{
5966         background-image:url(../images/default/tree/folder-open.gif);
5967 }
5968
5969 .x-tree-node-leaf .x-tree-node-icon{
5970         background-image:url(../images/default/tree/leaf.gif);
5971 }
5972
5973 .x-tree-node-collapsed .x-tree-node-icon{
5974         background-image:url(../images/default/tree/folder.gif);
5975 }
5976
5977 .x-tree-node-loading .x-tree-node-icon{
5978         background-image:url(../images/default/tree/loading.gif) !important;
5979 }
5980
5981 .x-tree-node .x-tree-node-inline-icon {
5982     background-image: none;
5983 }
5984
5985 .x-tree-node-loading a span{
5986          font-style: italic;
5987          color:#444444;
5988 }
5989
5990 .x-tree-lines .x-tree-elbow{
5991         background-image:url(../images/default/tree/elbow.gif);
5992 }
5993
5994 .x-tree-lines .x-tree-elbow-plus{
5995         background-image:url(../images/default/tree/elbow-plus.gif);
5996 }
5997
5998 .x-tree-lines .x-tree-elbow-minus{
5999         background-image:url(../images/default/tree/elbow-minus.gif);
6000 }
6001
6002 .x-tree-lines .x-tree-elbow-end{
6003         background-image:url(../images/default/tree/elbow-end.gif);
6004 }
6005
6006 .x-tree-lines .x-tree-elbow-end-plus{
6007         background-image:url(../images/default/tree/elbow-end-plus.gif);
6008 }
6009
6010 .x-tree-lines .x-tree-elbow-end-minus{
6011         background-image:url(../images/default/tree/elbow-end-minus.gif);
6012 }
6013
6014 .x-tree-lines .x-tree-elbow-line{
6015         background-image:url(../images/default/tree/elbow-line.gif);
6016 }
6017
6018 .x-tree-no-lines .x-tree-elbow-plus{
6019         background-image:url(../images/default/tree/elbow-plus-nl.gif);
6020 }
6021
6022 .x-tree-no-lines .x-tree-elbow-minus{
6023         background-image:url(../images/default/tree/elbow-minus-nl.gif);
6024 }
6025
6026 .x-tree-no-lines .x-tree-elbow-end-plus{
6027         background-image:url(../images/default/tree/elbow-end-plus-nl.gif);
6028 }
6029
6030 .x-tree-no-lines .x-tree-elbow-end-minus{
6031         background-image:url(../images/default/tree/elbow-end-minus-nl.gif);
6032 }
6033
6034 .x-tree-arrows .x-tree-elbow-plus{
6035     background-image:url(../images/default/tree/arrows.gif);
6036 }
6037
6038 .x-tree-arrows .x-tree-elbow-minus{
6039     background-image:url(../images/default/tree/arrows.gif);
6040 }
6041
6042 .x-tree-arrows .x-tree-elbow-end-plus{
6043     background-image:url(../images/default/tree/arrows.gif);
6044 }
6045
6046 .x-tree-arrows .x-tree-elbow-end-minus{
6047     background-image:url(../images/default/tree/arrows.gif);
6048 }
6049
6050 .x-tree-node{
6051         color:#000;
6052         font: normal 11px arial, tahoma, helvetica, sans-serif;
6053 }
6054
6055 .x-tree-node a, .x-dd-drag-ghost a{
6056         color:#000;
6057 }
6058
6059 .x-tree-node a span, .x-dd-drag-ghost a span{
6060         color:#000;
6061 }
6062
6063 .x-tree-node .x-tree-node-disabled a span{
6064         color:gray !important;
6065 }
6066
6067 .x-tree-node div.x-tree-drag-insert-below{
6068          border-bottom-color:#36c;
6069 }
6070
6071 .x-tree-node div.x-tree-drag-insert-above{
6072          border-top-color:#36c;
6073 }
6074
6075 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{
6076          border-bottom-color:#36c;
6077 }
6078
6079 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{
6080          border-top-color:#36c;
6081 }
6082
6083 .x-tree-node .x-tree-drag-append a span{
6084          background-color:#ddd;
6085          border-color:gray;
6086 }
6087
6088 .x-tree-node .x-tree-node-over {
6089         background-color: #eee;
6090 }
6091
6092 .x-tree-node .x-tree-selected {
6093         background-color: #d9e8fb;
6094 }
6095
6096 .x-tree-drop-ok-append .x-dd-drop-icon{
6097   background-image: url(../images/default/tree/drop-add.gif);
6098 }
6099
6100 .x-tree-drop-ok-above .x-dd-drop-icon{
6101   background-image: url(../images/default/tree/drop-over.gif);
6102 }
6103
6104 .x-tree-drop-ok-below .x-dd-drop-icon{
6105   background-image: url(../images/default/tree/drop-under.gif);
6106 }
6107
6108 .x-tree-drop-ok-between .x-dd-drop-icon{
6109   background-image: url(../images/default/tree/drop-between.gif);
6110 }.x-date-picker {
6111     border-color: #1b376c;
6112     background-color:#fff;
6113 }
6114
6115 .x-date-middle,.x-date-left,.x-date-right {
6116         background-image: url(../images/default/shared/hd-sprite.gif);
6117         color:#fff;
6118         font:bold 11px "sans serif", tahoma, verdana, helvetica;
6119 }
6120
6121 .x-date-middle .x-btn .x-btn-text {
6122     color:#fff;
6123 }
6124
6125 .x-date-middle .x-btn-mc em.x-btn-arrow {
6126     background-image:url(../images/default/toolbar/btn-arrow-light.gif);
6127 }
6128
6129 .x-date-right a {
6130     background-image: url(../images/default/shared/right-btn.gif);
6131 }
6132
6133 .x-date-left a{
6134         background-image: url(../images/default/shared/left-btn.gif);
6135 }
6136
6137 .x-date-inner th {
6138     background-color:#dfecfb;
6139     background-image:url(../images/default/shared/glass-bg.gif);
6140         border-bottom-color:#a3bad9;
6141     font:normal 10px arial, helvetica,tahoma,sans-serif;
6142         color:#233d6d;
6143 }
6144
6145 .x-date-inner td {
6146     border-color:#fff;
6147 }
6148
6149 .x-date-inner a {
6150     font:normal 11px arial, helvetica,tahoma,sans-serif;
6151     color:#000;
6152 }
6153
6154 .x-date-inner .x-date-active{
6155         color:#000;
6156 }
6157
6158 .x-date-inner .x-date-selected a{
6159     background-color:#dfecfb;
6160         background-image:url(../images/default/shared/glass-bg.gif);
6161         border-color:#8db2e3;
6162 }
6163
6164 .x-date-inner .x-date-today a{
6165         border-color:darkred;
6166 }
6167
6168 .x-date-inner .x-date-selected span{
6169     font-weight:bold;
6170 }
6171
6172 .x-date-inner .x-date-prevday a,.x-date-inner .x-date-nextday a {
6173         color:#aaa;
6174 }
6175
6176 .x-date-bottom {
6177     border-top-color:#a3bad9;
6178     background-color:#dfecfb;
6179     background-image:url(../images/default/shared/glass-bg.gif);
6180 }
6181
6182 .x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover{
6183     color:#000;
6184     background-color:#ddecfe;
6185 }
6186
6187 .x-date-inner .x-date-disabled a {
6188         background-color:#eee;
6189         color:#bbb;
6190 }
6191
6192 .x-date-mmenu{
6193     background-color:#eee !important;
6194 }
6195
6196 .x-date-mmenu .x-menu-item {
6197         font-size:10px;
6198         color:#000;
6199 }
6200
6201 .x-date-mp {
6202         background-color:#fff;
6203 }
6204
6205 .x-date-mp td {
6206         font:normal 11px arial, helvetica,tahoma,sans-serif;
6207 }
6208
6209 .x-date-mp-btns button {
6210         background-color:#083772;
6211         color:#fff;
6212         border-color: #3366cc #000055 #000055 #3366cc;
6213         font:normal 11px arial, helvetica,tahoma,sans-serif;
6214 }
6215
6216 .x-date-mp-btns {
6217     background-color: #dfecfb;
6218         background-image: url(../images/default/shared/glass-bg.gif);
6219 }
6220
6221 .x-date-mp-btns td {
6222         border-top-color: #c5d2df;
6223 }
6224
6225 td.x-date-mp-month a,td.x-date-mp-year a {
6226         color:#15428b;
6227 }
6228
6229 td.x-date-mp-month a:hover,td.x-date-mp-year a:hover {
6230         color:#15428b;
6231         background-color: #ddecfe;
6232 }
6233
6234 td.x-date-mp-sel a {
6235     background-color: #dfecfb;
6236         background-image: url(../images/default/shared/glass-bg.gif);
6237         border-color:#8db2e3;
6238 }
6239
6240 .x-date-mp-ybtn a {
6241     background-image:url(../images/default/panel/tool-sprites.gif);
6242 }
6243
6244 td.x-date-mp-sep {
6245    border-right-color:#c5d2df;
6246 }.x-tip .x-tip-close{
6247         background-image: url(../images/default/qtip/close.gif);
6248 }
6249
6250 .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 {
6251         background-image: url(../images/default/qtip/tip-sprite.gif);
6252 }
6253
6254 .x-tip .x-tip-mc {
6255     font: normal 11px tahoma,arial,helvetica,sans-serif;
6256 }
6257 .x-tip .x-tip-ml {
6258         background-color: #fff;
6259 }
6260
6261 .x-tip .x-tip-header-text {
6262     font: bold 11px tahoma,arial,helvetica,sans-serif;
6263     color:#444;
6264 }
6265
6266 .x-tip .x-tip-body {
6267     font: normal 11px tahoma,arial,helvetica,sans-serif;
6268     color:#444;
6269 }
6270
6271 .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,
6272 .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
6273 {
6274         background-image: url(../images/default/form/error-tip-corners.gif);
6275 }
6276
6277 .x-form-invalid-tip .x-tip-body {
6278     background-image:url(../images/default/form/exclamation.gif);
6279 }
6280
6281 .x-tip-anchor {
6282     background-image:url(../images/default/qtip/tip-anchor-sprite.gif);
6283 }.x-menu {
6284     background-color:#f0f0f0;
6285         background-image:url(../images/default/menu/menu.gif);
6286 }
6287
6288 .x-menu-floating{
6289     border-color:#718bb7;
6290 }
6291
6292 .x-menu-nosep {
6293         background-image:none;
6294 }
6295
6296 .x-menu-list-item{
6297         font:normal 11px arial,tahoma,sans-serif;
6298 }
6299
6300 .x-menu-item-arrow{
6301         background-image:url(../images/default/menu/menu-parent.gif);
6302 }
6303
6304 .x-menu-sep {
6305     background-color:#e0e0e0;
6306         border-bottom-color:#fff;
6307 }
6308
6309 a.x-menu-item {
6310         color:#222;
6311 }
6312
6313 .x-menu-item-active {
6314     background-image: url(../images/default/menu/item-over.gif);
6315         background-color: #dbecf4;
6316     border-color:#aaccf6;
6317 }
6318
6319 .x-menu-item-active a.x-menu-item {
6320         border-color:#aaccf6;
6321 }
6322
6323 .x-menu-check-item .x-menu-item-icon{
6324         background-image:url(../images/default/menu/unchecked.gif);
6325 }
6326
6327 .x-menu-item-checked .x-menu-item-icon{
6328         background-image:url(../images/default/menu/checked.gif);
6329 }
6330
6331 .x-menu-item-checked .x-menu-group-item .x-menu-item-icon{
6332     background-image:url(../images/default/menu/group-checked.gif);
6333 }
6334
6335 .x-menu-group-item .x-menu-item-icon{
6336     background-image:none;
6337 }
6338
6339 .x-menu-plain {
6340         background-color:#f0f0f0 !important;
6341     background-image: none;
6342 }
6343
6344 .x-date-menu, .x-color-menu{
6345     background-color: #fff !important;
6346 }
6347
6348 .x-menu .x-date-picker{
6349     border-color:#a3bad9;
6350 }
6351
6352 .x-cycle-menu .x-menu-item-checked {
6353     border-color:#a3bae9 !important;
6354     background-color:#def8f6;
6355 }
6356
6357 .x-menu-scroller-top {
6358     background-image:url(../images/default/layout/mini-top.gif);
6359 }
6360
6361 .x-menu-scroller-bottom {
6362     background-image:url(../images/default/layout/mini-bottom.gif);
6363 }
6364 .x-box-tl {
6365         background-image: url(../images/default/box/corners.gif);
6366 }
6367
6368 .x-box-tc {
6369         background-image: url(../images/default/box/tb.gif);
6370 }
6371
6372 .x-box-tr {
6373         background-image: url(../images/default/box/corners.gif);
6374 }
6375
6376 .x-box-ml {
6377         background-image: url(../images/default/box/l.gif);
6378 }
6379
6380 .x-box-mc {
6381         background-color: #eee;
6382     background-image: url(../images/default/box/tb.gif);
6383         font-family: "Myriad Pro","Myriad Web","Tahoma","Helvetica","Arial",sans-serif;
6384         color: #393939;
6385         font-size: 12px;
6386 }
6387
6388 .x-box-mc h3 {
6389         font-size: 14px;
6390         font-weight: bold;
6391 }
6392
6393 .x-box-mr {
6394         background-image: url(../images/default/box/r.gif);
6395 }
6396
6397 .x-box-bl {
6398         background-image: url(../images/default/box/corners.gif);
6399 }
6400
6401 .x-box-bc {
6402         background-image: url(../images/default/box/tb.gif);
6403 }
6404
6405 .x-box-br {
6406         background-image: url(../images/default/box/corners.gif);
6407 }
6408
6409 .x-box-blue .x-box-bl, .x-box-blue .x-box-br, .x-box-blue .x-box-tl, .x-box-blue .x-box-tr {
6410         background-image: url(../images/default/box/corners-blue.gif);
6411 }
6412
6413 .x-box-blue .x-box-bc, .x-box-blue .x-box-mc, .x-box-blue .x-box-tc {
6414         background-image: url(../images/default/box/tb-blue.gif);
6415 }
6416
6417 .x-box-blue .x-box-mc {
6418         background-color: #c3daf9;
6419 }
6420
6421 .x-box-blue .x-box-mc h3 {
6422         color: #17385b;
6423 }
6424
6425 .x-box-blue .x-box-ml {
6426         background-image: url(../images/default/box/l-blue.gif);
6427 }
6428
6429 .x-box-blue .x-box-mr {
6430         background-image: url(../images/default/box/r-blue.gif);
6431 }.x-combo-list {
6432     border-color:#98c0f4;
6433     background-color:#ddecfe;
6434     font:normal 12px tahoma, arial, helvetica, sans-serif;
6435 }
6436
6437 .x-combo-list-inner {
6438     background-color:#fff;
6439 }
6440
6441 .x-combo-list-hd {
6442     font:bold 11px tahoma, arial, helvetica, sans-serif;
6443     color:#15428b;
6444     background-image: url(../images/default/layout/panel-title-light-bg.gif);
6445     border-bottom-color:#98c0f4;
6446 }
6447
6448 .x-resizable-pinned .x-combo-list-inner {
6449     border-bottom-color:#98c0f4;
6450 }
6451
6452 .x-combo-list-item {
6453     border-color:#fff;
6454 }
6455
6456 .x-combo-list .x-combo-selected{
6457         border-color:#a3bae9 !important;
6458     background-color:#dfe8f6;
6459 }
6460
6461 .x-combo-list .x-toolbar {
6462     border-top-color:#98c0f4;
6463 }
6464
6465 .x-combo-list-small {
6466     font:normal 11px tahoma, arial, helvetica, sans-serif;
6467 }.x-panel {
6468     border-color: #99bbe8;
6469 }
6470
6471 .x-panel-header {
6472     color:#15428b;
6473         font-weight:bold; 
6474     font-size: 11px;
6475     font-family: tahoma,arial,verdana,sans-serif;
6476     border-color:#99bbe8;
6477     background-image: url(../images/default/panel/white-top-bottom.gif);
6478 }
6479
6480 .x-panel-body {
6481     border-color:#99bbe8;
6482     background-color:#fff;
6483 }
6484
6485 .x-panel-bbar .x-toolbar, .x-panel-tbar .x-toolbar {
6486     border-color:#99bbe8;
6487 }
6488
6489 .x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
6490     border-top-color:#99bbe8;
6491 }
6492
6493 .x-panel-body-noheader, .x-panel-mc .x-panel-body {
6494     border-top-color:#99bbe8;
6495 }
6496
6497 .x-panel-tl .x-panel-header {
6498     color:#15428b;
6499         font:bold 11px tahoma,arial,verdana,sans-serif;
6500 }
6501
6502 .x-panel-tc {
6503         background-image: url(../images/default/panel/top-bottom.gif);
6504 }
6505
6506 .x-panel-tl, .x-panel-tr, .x-panel-bl,  .x-panel-br{
6507         background-image: url(../images/default/panel/corners-sprite.gif);
6508     border-bottom-color:#99bbe8;
6509 }
6510
6511 .x-panel-bc {
6512         background-image: url(../images/default/panel/top-bottom.gif);
6513 }
6514
6515 .x-panel-mc {
6516     font: normal 11px tahoma,arial,helvetica,sans-serif;
6517     background-color:#dfe8f6;
6518 }
6519
6520 .x-panel-ml {
6521         background-color: #fff;
6522     background-image:url(../images/default/panel/left-right.gif);
6523 }
6524
6525 .x-panel-mr {
6526         background-image: url(../images/default/panel/left-right.gif);
6527 }
6528
6529 .x-tool {
6530     background-image:url(../images/default/panel/tool-sprites.gif);
6531 }
6532
6533 .x-panel-ghost {
6534     background-color:#cbddf3;
6535 }
6536
6537 .x-panel-ghost ul {
6538     border-color:#99bbe8;
6539 }
6540
6541 .x-panel-dd-spacer {
6542     border-color:#99bbe8;
6543 }
6544
6545 .x-panel-fbar td,.x-panel-fbar span,.x-panel-fbar input,.x-panel-fbar div,.x-panel-fbar select,.x-panel-fbar label{
6546     font:normal 11px arial,tahoma, helvetica, sans-serif;
6547 }
6548 .x-window-proxy {
6549     background-color:#c7dffc;
6550     border-color:#99bbe8;
6551 }
6552
6553 .x-window-tl .x-window-header {
6554     color:#15428b;
6555         font:bold 11px tahoma,arial,verdana,sans-serif;
6556 }
6557
6558 .x-window-tc {
6559         background-image: url(../images/default/window/top-bottom.png);
6560 }
6561
6562 .x-window-tl {
6563         background-image: url(../images/default/window/left-corners.png);
6564 }
6565
6566 .x-window-tr {
6567         background-image: url(../images/default/window/right-corners.png);
6568 }
6569
6570 .x-window-bc {
6571         background-image: url(../images/default/window/top-bottom.png);
6572 }
6573
6574 .x-window-bl {
6575         background-image: url(../images/default/window/left-corners.png);
6576 }
6577
6578 .x-window-br {
6579         background-image: url(../images/default/window/right-corners.png);
6580 }
6581
6582 .x-window-mc {
6583     border-color:#99bbe8;
6584     font: normal 11px tahoma,arial,helvetica,sans-serif;
6585     background-color:#dfe8f6;
6586 }
6587
6588 .x-window-ml {
6589         background-image: url(../images/default/window/left-right.png);
6590 }
6591
6592 .x-window-mr {
6593         background-image: url(../images/default/window/left-right.png);
6594 }
6595
6596 .x-window-maximized .x-window-tc {
6597     background-color:#fff;
6598 }
6599
6600 .x-window-bbar .x-toolbar {
6601     border-top-color:#99bbe8;
6602 }
6603
6604 .x-panel-ghost .x-window-tl {
6605     border-bottom-color:#99bbe8;
6606 }
6607
6608 .x-panel-collapsed .x-window-tl {
6609     border-bottom-color:#84a0c4;
6610 }
6611
6612 .x-dlg-mask{
6613    background-color:#ccc;
6614 }
6615
6616 .x-window-plain .x-window-mc {
6617     background-color: #ccd9e8;
6618     border-color: #a3bae9 #dfe8f6 #dfe8f6 #a3bae9;
6619 }
6620
6621 .x-window-plain .x-window-body {
6622     border-color: #dfe8f6 #a3bae9 #a3bae9 #dfe8f6;
6623 }
6624
6625 body.x-body-masked .x-window-plain .x-window-mc {
6626     background-color: #ccd9e8;
6627 }.x-html-editor-wrap {
6628     border-color:#a9bfd3;
6629     background-color:#fff;
6630 }
6631 .x-html-editor-tb .x-btn-text {
6632     background-image:url(../images/default/editor/tb-sprite.gif);
6633 }.x-panel-noborder .x-panel-header-noborder {
6634     border-bottom-color:#99bbe8;
6635 }
6636
6637 .x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
6638     border-bottom-color:#99bbe8;
6639 }
6640
6641 .x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
6642     border-top-color:#99bbe8;
6643 }
6644
6645 .x-tab-panel-bbar-noborder .x-toolbar {
6646     border-top-color:#99bbe8;
6647 }
6648
6649 .x-tab-panel-tbar-noborder .x-toolbar {
6650     border-bottom-color:#99bbe8;
6651 }.x-border-layout-ct {
6652     background-color:#dfe8f6;
6653 }
6654
6655 .x-accordion-hd {
6656         color:#222;
6657     font-weight:normal;
6658     background-image: url(../images/default/panel/light-hd.gif);
6659 }
6660
6661 .x-layout-collapsed{
6662     background-color:#d2e0f2;
6663         border-color:#98c0f4;
6664 }
6665
6666 .x-layout-collapsed-over{
6667     background-color:#d9e8fb;
6668 }
6669
6670 .x-layout-split-west .x-layout-mini {
6671     background-image:url(../images/default/layout/mini-left.gif);
6672 }
6673 .x-layout-split-east .x-layout-mini {
6674     background-image:url(../images/default/layout/mini-right.gif);
6675 }
6676 .x-layout-split-north .x-layout-mini {
6677     background-image:url(../images/default/layout/mini-top.gif);
6678 }
6679 .x-layout-split-south .x-layout-mini {
6680     background-image:url(../images/default/layout/mini-bottom.gif);
6681 }
6682
6683 .x-layout-cmini-west .x-layout-mini {
6684     background-image:url(../images/default/layout/mini-right.gif);
6685 }
6686
6687 .x-layout-cmini-east .x-layout-mini {
6688     background-image:url(../images/default/layout/mini-left.gif);
6689 }
6690
6691 .x-layout-cmini-north .x-layout-mini {
6692     background-image:url(../images/default/layout/mini-bottom.gif);
6693 }
6694
6695 .x-layout-cmini-south .x-layout-mini {
6696     background-image:url(../images/default/layout/mini-top.gif);
6697 }.x-progress-wrap {
6698     border-color:#6593cf;
6699 }
6700
6701 .x-progress-inner {
6702     background-color:#e0e8f3;
6703     background-image:url(../images/default/qtip/bg.gif);
6704 }
6705
6706 .x-progress-bar {
6707     background-color:#9cbfee;
6708     background-image:url(../images/default/progress/progress-bg.gif);
6709     border-top-color:#d1e4fd;
6710     border-bottom-color:#7fa9e4;
6711     border-right-color:#7fa9e4;
6712 }
6713
6714 .x-progress-text {
6715     font-size:11px;
6716     font-weight:bold;
6717     color:#fff;
6718 }
6719
6720 .x-progress-text-back {
6721     color:#396095;
6722 }.x-list-header{
6723     background-color:#f9f9f9;
6724         background-image:url(../images/default/grid/grid3-hrow.gif);
6725 }
6726
6727 .x-list-header-inner div em {
6728     border-left-color:#ddd;
6729     font:normal 11px arial, tahoma, helvetica, sans-serif;
6730 }
6731
6732 .x-list-body dt em {
6733     font:normal 11px arial, tahoma, helvetica, sans-serif;
6734 }
6735
6736 .x-list-over {
6737     background-color:#eee;
6738 }
6739
6740 .x-list-selected {
6741     background-color:#dfe8f6;
6742 }
6743
6744 .x-list-resizer {
6745     border-left-color:#555;
6746     border-right-color:#555;
6747 }
6748
6749 .x-list-header-inner em.sort-asc, .x-list-header-inner em.sort-desc {
6750     background-image:url(../images/default/grid/sort-hd.gif);
6751     border-color: #99bbe8;
6752 }.x-slider-horz, .x-slider-horz .x-slider-end, .x-slider-horz .x-slider-inner {
6753     background-image:url(../images/default/slider/slider-bg.png);
6754 }
6755
6756 .x-slider-horz .x-slider-thumb {
6757     background-image:url(../images/default/slider/slider-thumb.png);
6758 }
6759
6760 .x-slider-vert, .x-slider-vert .x-slider-end, .x-slider-vert .x-slider-inner {
6761     background-image:url(../images/default/slider/slider-v-bg.png);
6762 }
6763
6764 .x-slider-vert .x-slider-thumb {
6765     background-image:url(../images/default/slider/slider-v-thumb.png);
6766 }.x-window-dlg .ext-mb-text,
6767 .x-window-dlg .x-window-header-text {
6768     font-size:12px;
6769 }
6770
6771 .x-window-dlg .ext-mb-textarea {
6772     font:normal 12px tahoma,arial,helvetica,sans-serif;
6773 }
6774
6775 .x-window-dlg .x-msg-box-wait {
6776     background-image:url(../images/default/grid/loading.gif);
6777 }
6778
6779 .x-window-dlg .ext-mb-info {
6780     background-image:url(../images/default/window/icon-info.gif);
6781 }
6782
6783 .x-window-dlg .ext-mb-warning {
6784     background-image:url(../images/default/window/icon-warning.gif);
6785 }
6786
6787 .x-window-dlg .ext-mb-question {
6788     background-image:url(../images/default/window/icon-question.gif);
6789 }
6790
6791 .x-window-dlg .ext-mb-error {
6792     background-image:url(../images/default/window/icon-error.gif);
6793 }