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