0b5ff96e3107671c50fbb5b44db16a1c9c798496
[tine20] / tine20 / themes / tine20 / resources / css / layout.css
1 /*!
2  * Ext JS Library 3.0.0
3  * Copyright(c) 2006-2009 Ext JS, LLC
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 }
101
102 .x-item-disabled {
103     cursor: default;
104     opacity: .6;
105     -moz-opacity: .6;
106     filter: alpha(opacity=60);
107 }
108
109 .x-item-disabled * {
110     cursor: default !important;
111 }
112
113 .x-splitbar-proxy {
114     position: absolute;
115     visibility: hidden;
116     z-index: 20001;
117     zoom: 1;
118     line-height: 1px;
119     font-size: 1px;
120     overflow: hidden;
121 }
122
123 .x-splitbar-h, .x-splitbar-proxy-h {
124     cursor: e-resize;
125     cursor: col-resize;
126 }
127
128 .x-splitbar-v, .x-splitbar-proxy-v {
129     cursor: s-resize;
130     cursor: row-resize;
131 }
132
133 .x-color-palette {
134     width: 150px;
135     height: 92px;
136     cursor: pointer;
137 }
138
139 .x-color-palette a {
140     border: 1px solid;
141     float: left;
142     padding: 2px;
143     text-decoration: none;
144     -moz-outline: 0 none;
145     outline: 0 none;
146     cursor: pointer;
147 }
148
149 .x-color-palette a:hover, .x-color-palette a.x-color-palette-sel {
150     border: 1px solid;
151 }
152
153 .x-color-palette em {
154     display: block;
155     border: 1px solid;
156 }
157
158 .x-color-palette em span {
159     cursor: pointer;
160     display: block;
161     height: 10px;
162     line-height: 10px;
163     width: 10px;
164 }
165
166 .x-ie-shadow {
167     display: none;
168     position: absolute;
169     overflow: hidden;
170     left:0;
171     top:0;
172     zoom:1;
173 }
174
175 .x-shadow {
176     display: none;
177     position: absolute;
178     overflow: hidden;
179     left:0;
180     top:0;
181 }
182
183 .x-shadow * {
184     overflow: hidden;
185 }
186
187 .x-shadow * {
188     padding: 0;
189     border: 0;
190     margin: 0;
191     clear: none;
192     zoom: 1;
193 }
194
195 /* top  bottom */
196 .x-shadow .xstc, .x-shadow .xsbc {
197     height: 6px;
198     float: left;
199 }
200
201 /* corners */
202 .x-shadow .xstl, .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbr {
203     width: 6px;
204     height: 6px;
205     float: left;
206 }
207
208 /* sides */
209 .x-shadow .xsc {
210     width: 100%;
211 }
212
213 .x-shadow .xsml, .x-shadow .xsmr {
214     width: 6px;
215     float: left;
216     height: 100%;
217 }
218
219 .x-shadow .xsmc {
220     float: left;
221     height: 100%;
222     background: transparent;
223 }
224
225 .x-shadow .xst, .x-shadow .xsb {
226     height: 6px;
227     overflow: hidden;
228     width: 100%;
229 }
230
231 .x-shadow .xsml {
232     background: transparent repeat-y 0 0;
233 }
234
235 .x-shadow .xsmr {
236     background: transparent repeat-y -6px 0;
237 }
238
239 .x-shadow .xstl {
240     background: transparent no-repeat 0 0;
241 }
242
243 .x-shadow .xstc {
244     background: transparent repeat-x 0 -30px;
245 }
246
247 .x-shadow .xstr {
248     background: transparent repeat-x 0 -18px;
249 }
250
251 .x-shadow .xsbl {
252     background: transparent no-repeat 0 -12px;
253 }
254
255 .x-shadow .xsbc {
256     background: transparent repeat-x 0 -36px;
257 }
258
259 .x-shadow .xsbr {
260     background: transparent repeat-x 0 -6px;
261 }
262
263 .loading-indicator {
264     background: no-repeat left;
265     padding-left: 20px;
266     line-height: 16px;
267     margin: 3px;
268 }
269
270 .x-text-resize {
271     position: absolute;
272     left: -1000px;
273     top: -1000px;
274     visibility: hidden;
275     zoom: 1;
276 }
277
278 .x-drag-overlay {
279     width: 100%;
280     height: 100%;
281     display: none;
282     position: absolute;
283     left: 0;
284     top: 0;
285     background-image:url(../../../../library/ExtJS/resources/images/default/s.gif);
286     z-index: 20000;
287 }
288
289 .x-clear {
290     clear:both;
291     height:0;
292     overflow:hidden;
293     line-height:0;
294     font-size:0;
295 }
296
297 .x-spotlight {
298     z-index: 8999;
299     position: absolute;
300     top:0;
301     left:0;
302     -moz-opacity: 0.5;
303     opacity: .50;
304     filter: alpha(opacity=50);
305     width:0;
306     height:0;
307     zoom: 1;
308 }
309
310 #x-history-frame {
311     position:absolute;
312     top:-1px;
313     left:0;
314         width:1px;
315     height:1px;
316     visibility:hidden;
317 }
318
319 #x-history-field {
320     position:absolute;
321     top:0;
322     left:-1px;
323         width:1px;
324     height:1px;
325     visibility:hidden;
326 }
327 .x-resizable-handle {
328     position:absolute;
329     z-index:100;
330     /* ie needs these */
331     font-size:1px;
332     line-height:6px;
333     overflow:hidden;
334         filter:alpha(opacity=0);
335         opacity:0;
336         zoom:1;
337 }
338
339 .x-resizable-handle-east{
340     width:6px;
341     cursor:e-resize;
342     right:0;
343     top:0;
344     height:100%;
345 }
346
347 .ext-ie .x-resizable-handle-east {
348     margin-right:-1px; /*IE rounding error*/
349 }
350
351 .x-resizable-handle-south{
352     width:100%;
353     cursor:s-resize;
354     left:0;
355     bottom:0;
356     height:6px;
357 }
358
359 .ext-ie .x-resizable-handle-south {
360     margin-bottom:-1px; /*IE rounding error*/
361 }
362
363 .x-resizable-handle-west{
364     width:6px;
365     cursor:w-resize;
366     left:0;
367     top:0;
368     height:100%;
369 }
370
371 .x-resizable-handle-north{
372     width:100%;
373     cursor:n-resize;
374     left:0;
375     top:0;
376     height:6px;
377 }
378
379 .x-resizable-handle-southeast{
380     width:6px;
381     cursor:se-resize;
382     right:0;
383     bottom:0;
384     height:6px;
385     z-index:101;
386 }
387
388 .x-resizable-handle-northwest{
389     width:6px;
390     cursor:nw-resize;
391     left:0;
392     top:0;
393     height:6px;
394     z-index:101;
395 }
396
397 .x-resizable-handle-northeast{
398     width:6px;
399     cursor:ne-resize;
400     right:0;
401     top:0;
402     height:6px;
403     z-index:101;
404 }
405
406 .x-resizable-handle-southwest{
407     width:6px;
408     cursor:sw-resize;
409     left:0;
410     bottom:0;
411     height:6px;
412     z-index:101;
413 }
414
415 .x-resizable-over .x-resizable-handle, .x-resizable-pinned .x-resizable-handle{
416     filter:alpha(opacity=100);
417         opacity:1;
418 }
419
420 .x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-east,
421 .x-resizable-over .x-resizable-handle-west, .x-resizable-pinned .x-resizable-handle-west
422 {
423         background-position: left;
424 }
425
426 .x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south,
427 .x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north
428 {
429     background-position: top;
430 }
431
432 .x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast{
433     background-position: top left;
434 }
435
436 .x-resizable-over .x-resizable-handle-northwest, .x-resizable-pinned .x-resizable-handle-northwest{
437     background-position:bottom right;
438 }
439
440 .x-resizable-over .x-resizable-handle-northeast, .x-resizable-pinned .x-resizable-handle-northeast{
441     background-position: bottom left;
442 }
443
444 .x-resizable-over .x-resizable-handle-southwest, .x-resizable-pinned .x-resizable-handle-southwest{
445     background-position: top right;
446 }
447
448 .x-resizable-proxy{
449     border: 1px dashed;
450     position:absolute;
451     overflow:hidden;
452     display:none;
453         left:0;
454     top:0;
455     z-index:50000;
456 }
457
458 .x-resizable-overlay{
459     width:100%;
460         height:100%;
461         display:none;
462         position:absolute;
463         left:0;
464         top:0;
465         z-index:200000;
466         -moz-opacity: 0;
467     opacity:0;
468     filter: alpha(opacity=0);
469 }
470 .x-tab-panel {
471     overflow:hidden;
472 }
473
474 .x-tab-panel-header, .x-tab-panel-footer {
475         border: 1px solid;
476     overflow:hidden;
477     zoom:1;
478 }
479
480 .x-tab-panel-header {
481         border: 1px solid;
482         padding-bottom: 2px;
483 }
484
485 .x-tab-panel-footer {
486         border: 1px solid;
487         padding-top: 2px;
488 }
489
490 .x-tab-strip-wrap {
491         width:100%;
492     overflow:hidden;
493     position:relative;
494     zoom:1;
495 }
496
497 ul.x-tab-strip {
498         display:block;
499     width:5000px;
500     zoom:1;
501 }
502
503 ul.x-tab-strip-top{
504         padding-top: 1px;
505         background: repeat-x bottom;
506         border-bottom: 1px solid;
507 }
508
509 ul.x-tab-strip-bottom{
510         padding-bottom: 1px;
511         background: repeat-x top;
512         border-top: 1px solid;
513         border-bottom: 0 none;
514 }
515
516 .x-tab-panel-header-plain .x-tab-strip-top {
517     background:transparent !important;
518     padding-top:0 !important;
519 }
520
521 .x-tab-panel-header-plain {
522     background:transparent !important;
523     border-width:0 !important;
524     padding-bottom:0 !important;
525 }
526
527 .x-tab-panel-header-plain .x-tab-strip-spacer,
528 .x-tab-panel-footer-plain .x-tab-strip-spacer {
529     border:1px solid;
530     height:2px;
531     font-size:1px;
532     line-height:1px;
533 }
534
535 .x-tab-panel-header-plain .x-tab-strip-spacer {
536     border-top: 0 none;
537 }
538
539 .x-tab-panel-footer-plain .x-tab-strip-spacer {
540     border-bottom: 0 none;
541 }
542
543 .x-tab-panel-footer-plain .x-tab-strip-bottom {
544     background:transparent !important;
545     padding-bottom:0 !important;
546 }
547
548 .x-tab-panel-footer-plain {
549     background:transparent !important;
550     border-width:0 !important;
551     padding-top:0 !important;
552 }
553
554 .ext-border-box .x-tab-panel-header-plain .x-tab-strip-spacer,
555 .ext-border-box .x-tab-panel-footer-plain .x-tab-strip-spacer {
556     height:3px;
557 }
558
559 ul.x-tab-strip li {
560     float:left;
561     margin-left:2px;
562 }
563
564 ul.x-tab-strip li.x-tab-edge {
565     float:left;
566     margin:0 !important;
567     padding:0 !important;
568     border:0 none !important;
569     font-size:1px !important;
570     line-height:1px !important;
571     overflow:hidden;
572     zoom:1;
573     background:transparent !important;
574     width:1px;
575 }
576
577 .x-tab-strip a, .x-tab-strip span, .x-tab-strip em {
578         display:block;
579 }
580
581 .x-tab-strip a {
582         text-decoration:none !important;
583         -moz-outline: none;
584         outline: none;
585         cursor:pointer;
586 }
587
588 .x-tab-strip-inner {
589     overflow:hidden;
590         text-overflow: ellipsis;
591 }
592
593 .x-tab-strip span.x-tab-strip-text {
594         white-space: nowrap;
595         cursor:pointer;
596     padding:4px 0;
597 }
598
599 .x-tab-strip-top .x-tab-with-icon .x-tab-right {
600     padding-left:6px;
601 }
602
603 .x-tab-strip .x-tab-with-icon span.x-tab-strip-text {
604         padding-left:20px;
605     background-position: 0 3px;
606     background-repeat: no-repeat;
607 }
608
609 .x-tab-strip-active, .x-tab-strip-active a.x-tab-right {
610     cursor:default;
611 }
612
613 .x-tab-strip-active span.x-tab-strip-text {
614         cursor:default;
615 }
616
617 .x-tab-strip-disabled .x-tabs-text {
618         cursor:default;
619 }
620
621 .x-tab-panel-body {
622     overflow:hidden;
623 }
624
625 .x-tab-panel-bwrap {
626     overflow:hidden;
627 }
628
629 .ext-ie .x-tab-strip .x-tab-right {
630     position:relative;
631 }
632
633 .x-tab-strip-top .x-tab-strip-active .x-tab-right {
634     margin-bottom:-1px;
635 }
636
637 /*
638  * Horrible hack for IE8 in quirks mode
639  */
640 .ext-border-box .ext-ie8 .x-tab-strip .x-tab-right{
641     top: 1px;
642 }
643
644 .x-tab-strip-top .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
645     padding-bottom:5px;
646 }
647
648 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
649     margin-top:-1px;
650 }
651
652 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
653     padding-top:5px;
654 }
655
656 .x-tab-strip-top .x-tab-right {
657         background: transparent no-repeat 0 -51px;
658     padding-left:10px;
659 }
660
661 .x-tab-strip-top .x-tab-left {
662         background: transparent no-repeat right -351px;
663     padding-right:10px;
664 }
665
666 .x-tab-strip-top .x-tab-strip-inner {
667         background: transparent repeat-x 0 -201px;
668 }
669
670 .x-tab-strip-top .x-tab-strip-over .x-tab-right {
671          background-position:0 -101px;
672 }
673
674 .x-tab-strip-top .x-tab-strip-over .x-tab-left {
675          background-position:right -401px;
676 }
677
678 .x-tab-strip-top .x-tab-strip-over .x-tab-strip-inner {
679          background-position:0 -251px;
680 }
681
682 .x-tab-strip-top .x-tab-strip-active .x-tab-right {
683         background-position: 0 0;
684 }
685
686 .x-tab-strip-top .x-tab-strip-active .x-tab-left {
687         background-position: right -301px;
688 }
689
690 .x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner {
691         background-position: 0 -151px;
692 }
693
694 .x-tab-strip-bottom .x-tab-right {
695         background: no-repeat bottom right;
696 }
697
698 .x-tab-strip-bottom .x-tab-left {
699         background: no-repeat bottom left;
700 }
701
702 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
703         background: no-repeat bottom left;
704 }
705
706 .x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
707         background: no-repeat bottom right;
708 }
709
710 .x-tab-strip-bottom .x-tab-left {
711     padding:0 10px;
712 }
713
714 .x-tab-strip-bottom .x-tab-right {
715     padding:0;
716 }
717
718 .x-tab-strip .x-tab-strip-close {
719     display:none;
720 }
721
722 .x-tab-strip-closable {
723     position:relative;
724 }
725
726 .x-tab-strip-closable .x-tab-left {
727     padding-right:19px;
728 }
729
730 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
731     opacity:.6;
732     -moz-opacity:.6;
733     background-repeat:no-repeat;
734     display:block;
735         width:11px;
736     height:11px;
737     position:absolute;
738     top:3px;
739     right:3px;
740     cursor:pointer;
741     z-index:2;
742 }
743
744 .x-tab-strip .x-tab-strip-active a.x-tab-strip-close {
745     opacity:.8;
746     -moz-opacity:.8;
747 }
748 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
749     opacity:1;
750     -moz-opacity:1;
751 }
752
753 .x-tab-panel-body {
754     border: 1px solid;
755 }
756
757 .x-tab-panel-body-top {
758     border-top: 0 none;
759 }
760
761 .x-tab-panel-body-bottom {
762     border-bottom: 0 none;
763 }
764
765 .x-tab-scroller-left {
766     background: transparent no-repeat -18px 0;
767     border-bottom: 1px solid;
768     width:18px;
769     position:absolute;
770     left:0;
771     top:0;
772     z-index:10;
773     cursor:pointer;
774 }
775 .x-tab-scroller-left-over {
776     background-position: 0 0;
777 }
778
779 .x-tab-scroller-left-disabled {
780     background-position: -18px 0;
781     opacity:.5;
782     -moz-opacity:.5;
783     filter:alpha(opacity=50);
784     cursor:default;
785 }
786
787 .x-tab-scroller-right {
788     background: transparent no-repeat 0 0;
789     border-bottom: 1px solid;
790     width:18px;
791     position:absolute;
792     right:0;
793     top:0;
794     z-index:10;
795     cursor:pointer;
796 }
797
798 .x-tab-scroller-right-over {
799     background-position: -18px 0;
800 }
801
802 .x-tab-scroller-right-disabled {
803     background-position: 0 0;
804     opacity:.5;
805     -moz-opacity:.5;
806     filter:alpha(opacity=50);
807     cursor:default;
808 }
809
810 .x-tab-scrolling-bottom .x-tab-scroller-left, .x-tab-scrolling-bottom .x-tab-scroller-right{
811     margin-top: 1px;
812 }
813
814 .x-tab-scrolling .x-tab-strip-wrap {
815     margin-left:18px;
816     margin-right:18px;
817 }
818
819 .x-tab-scrolling {
820     position:relative;    
821 }
822
823 .x-tab-panel-bbar .x-toolbar {
824     border:1px solid;
825     border-top:0 none;
826     overflow:hidden;
827     padding:2px;
828 }
829
830 .x-tab-panel-tbar .x-toolbar {
831     border:1px solid;
832     border-top:0 none;
833     overflow:hidden;
834     padding:2px;
835 }/* all fields */
836 .x-form-field{
837     margin: 0 0 0 0;
838 }
839
840 .ext-webkit *:focus{
841     outline: none !important;
842 }
843
844 /* ---- text fields ---- */
845 .x-form-text, textarea.x-form-field{
846     padding:1px 3px;
847     background:repeat-x 0 0;
848     border:1px solid;
849 }
850
851 textarea.x-form-field {
852     padding:2px 3px;
853 }
854
855 .x-form-text, .ext-ie .x-form-file {
856     height:22px;
857     line-height:18px;
858     vertical-align:middle;
859 }
860
861 .ext-ie6 .x-form-text, .ext-ie7 .x-form-text {
862     margin:-1px 0; /* ie bogus margin bug */
863     height:22px; /* ie quirks */
864     line-height:18px;
865 }
866
867 .ext-ie6 textarea.x-form-field, .ext-ie7 textarea.x-form-field {
868     margin:-1px 0; /* ie bogus margin bug */
869 }
870
871 .ext-strict .x-form-text {
872     height:18px;
873 }
874
875 .ext-safari.ext-mac textarea.x-form-field {
876     margin-bottom:-2px; /* another bogus margin bug, safari/mac only */
877 }
878
879 .ext-strict .ext-ie8 .x-form-text, .ext-strict .ext-ie8 textarea.x-form-field {
880         margin-bottom: 1px;
881 }
882
883 .ext-gecko .x-form-text , .ext-ie8 .x-form-text {
884     padding-top:2px; /* FF won't center the text vertically */
885     padding-bottom:0;
886 }
887
888 textarea {
889     resize: none;  /* Disable browser resizable textarea */
890 }
891
892 /* select boxes */
893 .x-form-select-one {
894     height:20px;
895     line-height:18px;
896     vertical-align:middle;
897     border: 1px solid;
898 }
899
900 /* multi select boxes */
901
902 /* --- TODO --- */
903
904 /* 2.0.2 style */
905 .x-form-check-wrap {
906     line-height:18px;
907 }
908
909 .ext-ie .x-form-check-wrap input {
910     width:15px;
911     height:15px;
912 }
913
914 .x-editor .x-form-check-wrap {
915     padding:3px;
916 }
917
918 .x-editor .x-form-checkbox {
919     height:13px;
920 }
921
922 .x-form-check-group-label {
923     border-bottom: 1px solid;
924     margin-bottom: 5px;
925     padding-left: 3px !important;
926     float: none !important;
927 }
928
929 /* wrapped fields and triggers */
930 .x-form-field-wrap .x-form-trigger{
931     width:17px;
932     height:21px;
933     border:0;
934     background:transparent no-repeat 0 0;
935     cursor:pointer;
936     border-bottom: 1px solid;
937     position:absolute;
938     top:0;
939 }
940
941 .x-form-field-wrap .x-form-date-trigger, .x-form-field-wrap .x-form-clear-trigger, .x-form-field-wrap .x-form-search-trigger{
942     cursor:pointer;
943 }
944
945 .ext-safari .x-form-field-wrap .x-form-trigger{
946     right:0;
947 }
948
949 .x-form-field-wrap .x-form-twin-triggers .x-form-trigger{
950     position:static;
951     top:auto;
952     vertical-align:top;
953 }
954
955 .x-form-field-wrap {
956     position:relative;
957     left:0;top:0;
958     zoom:1;
959     white-space: nowrap;
960 }
961
962 .x-form-field-wrap .x-form-trigger-over{
963     background-position:-17px 0;
964 }
965
966 .x-form-field-wrap .x-form-trigger-click{
967     background-position:-34px 0;
968 }
969
970 .x-trigger-wrap-focus .x-form-trigger{
971     background-position:-51px 0;
972 }
973
974 .x-trigger-wrap-focus .x-form-trigger-over{
975     background-position:-68px 0;
976 }
977
978 .x-trigger-wrap-focus .x-form-trigger-click{
979     background-position:-85px 0;
980 }
981
982 .x-trigger-wrap-focus .x-form-trigger{
983     border-bottom: 1px solid;
984 }
985
986 .x-item-disabled .x-form-trigger-over{
987     background-position:0 0 !important;
988     border-bottom: 1px solid;
989 }
990
991 .x-item-disabled .x-form-trigger-click{
992     background-position:0 0 !important;
993     border-bottom: 1px solid;
994 }
995
996 .x-trigger-noedit{
997     cursor:pointer;
998 }
999
1000 /* field focus style */
1001 .x-form-focus, textarea.x-form-focus{
1002         border: 1px solid;
1003 }
1004
1005 /* invalid fields */
1006 .x-form-invalid, textarea.x-form-invalid{
1007         background:repeat-x bottom;
1008         border: 1px solid;
1009 }
1010
1011 .ext-safari .x-form-invalid{
1012         border: 1px solid;
1013 }
1014
1015 .x-form-inner-invalid, textarea.x-form-inner-invalid{
1016         background:repeat-x bottom;
1017 }
1018
1019 /* editors */
1020 .x-editor {
1021     visibility:hidden;
1022     padding:0;
1023     margin:0;
1024 }
1025 .x-form-check-wrap {
1026     height: 22px;
1027     line-height:18px;
1028 }
1029
1030 .ext-ie .x-form-check-wrap input {
1031     width:15px;
1032     height:15px;
1033 }
1034
1035 .x-editor .x-form-check-wrap {
1036     padding:3px;
1037 }
1038
1039 .x-editor .x-form-checkbox {
1040     height:13px;
1041 }
1042
1043 .x-form-grow-sizer {
1044     left: -10000px;
1045         padding: 8px 3px;
1046     position: absolute;
1047     visibility:hidden;
1048     top: -10000px;
1049         white-space: pre-wrap;
1050     white-space: -moz-pre-wrap;
1051     white-space: -pre-wrap;
1052     white-space: -o-pre-wrap;
1053     word-wrap: break-word;
1054     zoom:1;
1055 }
1056
1057 .x-form-grow-sizer p {
1058     margin:0 !important;
1059     border:0 none !important;
1060     padding:0 !important;
1061 }
1062
1063 /* Form Items CSS */
1064
1065 .x-form-item {
1066     display:block;
1067     margin-bottom:4px;
1068     zoom:1;
1069 }
1070
1071 .x-form-item label {
1072     display:block;
1073     float:left;
1074     width:100px;
1075     padding:3px;
1076     padding-left:0;
1077     clear:left;
1078     z-index:2;
1079     position:relative;
1080 }
1081
1082 .x-form-element {
1083     padding-left:105px;
1084     position:relative;
1085 }
1086
1087 .x-form-invalid-msg {
1088     padding:2px;
1089     padding-left:18px;
1090     background: transparent no-repeat 0 2px;
1091     line-height:16px;
1092     width:200px;
1093 }
1094
1095 .x-form-label-left label {
1096    text-align:left;
1097 }
1098
1099 .x-form-label-right label {
1100    text-align:right;
1101 }
1102
1103 .x-form-label-top .x-form-item label {
1104     width:auto;
1105     float:none;
1106     clear:none;
1107     display:inline;
1108     margin-bottom:4px;
1109     position:static;
1110 }
1111
1112 .x-form-label-top .x-form-element {
1113     padding-left:0;
1114     padding-top:4px;
1115 }
1116
1117 .x-form-label-top .x-form-item {
1118     padding-bottom:4px;
1119 }
1120
1121 /* Editor small font for grid, toolbar and tree */
1122 .x-small-editor .x-form-text {
1123     height:20px;
1124     line-height:16px;
1125     vertical-align:middle;
1126 }
1127
1128 .ext-ie6 .x-small-editor .x-form-text, .ext-ie7 .x-small-editor .x-form-text {
1129     margin-top:-1px !important; /* ie bogus margin bug */
1130     margin-bottom:-1px !important;
1131     height:20px !important; /* ie quirks */
1132     line-height:16px !important;
1133 }
1134
1135 .ext-strict .x-small-editor .x-form-text {
1136     height:16px !important;
1137 }
1138
1139 .ext-ie6 .x-small-editor .x-form-text, .ext-ie7 .x-small-editor .x-form-text {
1140     height:20px;
1141     line-height:16px;
1142 }
1143
1144 .ext-border-box .x-small-editor .x-form-text {
1145     height:20px;
1146 }
1147
1148 .x-small-editor .x-form-select-one {
1149     height:20px;
1150     line-height:16px;
1151     vertical-align:middle;
1152 }
1153
1154 .x-small-editor .x-form-num-field {
1155     text-align:right;
1156 }
1157
1158 .x-small-editor .x-form-field-wrap .x-form-trigger{
1159     height:19px;
1160 }
1161
1162 .ext-webkit .x-small-editor .x-form-text{padding-top:3px;font-size:100%;}
1163
1164 .x-form-clear {
1165     clear:both;
1166     height:0;
1167     overflow:hidden;
1168     line-height:0;
1169     font-size:0;
1170 }
1171 .x-form-clear-left {
1172     clear:left;
1173     height:0;
1174     overflow:hidden;
1175     line-height:0;
1176     font-size:0;
1177 }
1178
1179 .x-form-cb-label {
1180     width:auto !important;
1181     float:none !important;
1182     clear:none !important;
1183     display:inline !important;
1184     margin-left:4px;
1185     top: -2px;
1186 }
1187
1188 .ext-gecko2 .x-form-cb-label{
1189     top: -1px;
1190 }
1191
1192 .ext-ie8 .x-form-cb-label{
1193     position: static;
1194 }
1195
1196 .ext-strict .ext-ie8 .x-form-cb-label {
1197     top: -3px;
1198     position: relative;
1199 }
1200
1201 .ext-opera .x-form-cb-label, .ext-safari3 .x-form-cb-label, .ext-ie7 .x-form-cb-label, .ext-ie6 .x-form-cb-label {
1202     top: 0;
1203 }
1204
1205 .x-form-column {
1206     float:left;
1207     padding:0;
1208     margin:0;
1209     width:48%;
1210     overflow:hidden;
1211     zoom:1;
1212 }
1213
1214 /* buttons */
1215 .x-form .x-form-btns-ct .x-btn{
1216         float:right;
1217         clear:none;
1218 }
1219
1220 .x-form .x-form-btns-ct .x-form-btns td {
1221         border:0;
1222         padding:0;
1223 }
1224
1225 .x-form .x-form-btns-ct .x-form-btns-right table{
1226         float:right;
1227         clear:none;
1228 }
1229
1230 .x-form .x-form-btns-ct .x-form-btns-left table{
1231         float:left;
1232         clear:none;
1233 }
1234
1235 .x-form .x-form-btns-ct .x-form-btns-center{
1236         text-align:center; /*ie*/
1237 }
1238
1239 .x-form .x-form-btns-ct .x-form-btns-center table{
1240         margin:0 auto; /*everyone else*/
1241 }
1242
1243 .x-form .x-form-btns-ct table td.x-form-btn-td{
1244         padding:3px;
1245 }
1246
1247 .x-form .x-form-btns-ct .x-btn-focus .x-btn-left{
1248         background-position:0 -147px;
1249 }
1250
1251 .x-form .x-form-btns-ct .x-btn-focus .x-btn-right{
1252         background-position:0 -168px;
1253 }
1254
1255 .x-form .x-form-btns-ct .x-btn-focus .x-btn-center{
1256         background-position:0 -189px;
1257 }
1258
1259 .x-form .x-form-btns-ct .x-btn-click .x-btn-center{
1260         background-position:0 -126px;
1261 }
1262
1263 .x-form .x-form-btns-ct .x-btn-click  .x-btn-right{
1264         background-position:0 -84px;
1265 }
1266
1267 .x-form .x-form-btns-ct .x-btn-click .x-btn-left{
1268         background-position:0 -63px;
1269 }
1270
1271 .x-form-invalid-icon {
1272     width:16px;
1273     height:18px;
1274     visibility:hidden;
1275     position:absolute;
1276     left:0;
1277     top:0;
1278     display:block;
1279     background:transparent no-repeat 0 2px;
1280 }
1281
1282 /* fieldsets */
1283 .x-fieldset {
1284     border:1px solid;
1285     padding:10px;
1286     margin-bottom:10px;
1287     display:block; /* preserve margins in IE */
1288 }
1289
1290 /* make top of checkbox/tools visible in webkit */
1291 .ext-webkit .x-fieldset-header {
1292     padding-top: 1px;
1293 }        
1294
1295 .ext-ie .x-fieldset legend {
1296     margin-bottom:10px;
1297 }
1298
1299 .ext-ie .x-fieldset {
1300     padding-top: 0;
1301     padding-bottom:10px;
1302 }
1303
1304 .x-fieldset legend .x-tool-toggle {
1305     margin-right:3px;
1306     margin-left:0;
1307     float:left !important;
1308 }
1309
1310 .x-fieldset legend input {
1311     margin-right:3px;
1312     float:left !important;
1313     height:13px;
1314     width:13px;
1315 }
1316
1317 fieldset.x-panel-collapsed {
1318     padding-bottom:0 !important;
1319     border-width: 1px 1px 0 1px !important;
1320     border-left-color: transparent;
1321     border-right-color: transparent;
1322 }      
1323   
1324 .ext-ie6 fieldset.x-panel-collapsed{
1325     padding-bottom:0 !important;
1326     border-width: 1px 0 0 0 !important;
1327     margin-left: 1px;
1328     margin-right: 1px;
1329 }
1330
1331 fieldset.x-panel-collapsed .x-fieldset-bwrap {
1332     visibility:hidden;
1333     position:absolute;
1334     left:-1000px;
1335     top:-1000px;
1336 }
1337
1338 .ext-ie .x-fieldset-bwrap {
1339     zoom:1;
1340 }
1341
1342 .x-fieldset-noborder {
1343     border:0px none transparent;
1344 }
1345
1346 .x-fieldset-noborder legend {
1347     margin-left:-3px;
1348 }
1349
1350 /* IE legend positioing bug */
1351 .ext-ie .x-fieldset-noborder legend {
1352     position: relative;
1353     margin-bottom:23px;
1354 }
1355 .ext-ie .x-fieldset-noborder legend span {
1356     position: absolute;
1357     left:16px;
1358 }
1359         
1360 .ext-gecko .x-window-body .x-form-item {
1361     -moz-outline: none;
1362     overflow: auto;
1363 }
1364
1365 .ext-gecko .x-form-item {
1366     -moz-outline: none;
1367 }
1368
1369 .x-hide-label label.x-form-item-label {
1370      display:none;
1371 }
1372
1373 .x-hide-label .x-form-element {
1374      padding-left: 0 !important;
1375 }
1376
1377 .x-fieldset {
1378     overflow:hidden;
1379 }
1380
1381 .x-fieldset-bwrap {
1382     overflow:hidden;
1383     zoom:1;
1384 }
1385
1386 .x-fieldset-body {
1387     overflow:hidden;
1388 }
1389
1390
1391 .x-btn{
1392         cursor:pointer;
1393         white-space: nowrap;
1394 }
1395
1396 .x-btn button{
1397     border:0 none;
1398     background:transparent;
1399     padding-left:3px;
1400     padding-right:3px;
1401     cursor:pointer;
1402     margin:0;
1403     overflow:visible;
1404     width:auto;
1405     -moz-outline:0 none;
1406     outline:0 none;
1407 }
1408
1409 * html .ext-ie .x-btn button {
1410     width:1px;
1411 }
1412
1413 .ext-gecko .x-btn button {
1414     padding-left:0;
1415     padding-right:0;
1416 }
1417
1418 .ext-gecko .x-btn button::-moz-focus-inner {
1419     padding:0;
1420 }
1421
1422 .ext-ie .x-btn button {
1423     padding-top:2px;
1424 }
1425
1426 .x-btn td {
1427     padding:0 !important;
1428 }
1429
1430 .x-btn-text {
1431     cursor:pointer;
1432         white-space: nowrap;
1433     padding:0;
1434 }
1435
1436 /* icon placement and sizing styles */
1437
1438 /* Only text */
1439 .x-btn-noicon .x-btn-small .x-btn-text{
1440         height: 16px;
1441 }
1442
1443 .x-btn-noicon .x-btn-medium .x-btn-text{
1444     height: 24px;
1445 }
1446
1447 .x-btn-noicon .x-btn-large .x-btn-text{
1448     height: 32px;
1449 }
1450
1451 /* Only icons */
1452 .x-btn-icon .x-btn-text{
1453     background-position: center;
1454         background-repeat: no-repeat;
1455 }
1456
1457 .x-btn-icon .x-btn-small .x-btn-text{
1458         height: 16px;
1459         width: 16px;
1460 }
1461
1462 .x-btn-icon .x-btn-medium .x-btn-text{
1463     height: 24px;
1464         width: 24px;
1465 }
1466
1467 .x-btn-icon .x-btn-large .x-btn-text{
1468     height: 32px;
1469         width: 32px;
1470 }
1471
1472 /* Icons and text */
1473 /* left */
1474 .x-btn-text-icon .x-btn-icon-small-left .x-btn-text{
1475     background-position: 0 center;
1476         background-repeat: no-repeat;
1477     padding-left:18px;
1478     height:16px;
1479 }
1480
1481 .x-btn-text-icon .x-btn-icon-medium-left .x-btn-text{
1482     background-position: 0 center;
1483         background-repeat: no-repeat;
1484     padding-left:26px;
1485     height:24px;
1486 }
1487
1488 .x-btn-text-icon .x-btn-icon-large-left .x-btn-text{
1489     background-position: 0 center;
1490         background-repeat: no-repeat;
1491     padding-left:34px;
1492     height:32px;
1493 }
1494
1495 /* top */
1496 .x-btn-text-icon .x-btn-icon-small-top .x-btn-text{
1497     background-position: center 0;
1498         background-repeat: no-repeat;
1499     padding-top:18px;
1500 }
1501
1502 .x-btn-text-icon .x-btn-icon-medium-top .x-btn-text{
1503     background-position: center 0;
1504         background-repeat: no-repeat;
1505     padding-top:26px;
1506 }
1507
1508 .x-btn-text-icon .x-btn-icon-large-top .x-btn-text{
1509     background-position: center 0;
1510         background-repeat: no-repeat;
1511     padding-top:34px;
1512 }
1513
1514 /* right */
1515 .x-btn-text-icon .x-btn-icon-small-right .x-btn-text{
1516     background-position: right center;
1517         background-repeat: no-repeat;
1518     padding-right:18px;
1519     height:16px;
1520 }
1521
1522 .x-btn-text-icon .x-btn-icon-medium-right .x-btn-text{
1523     background-position: right center;
1524         background-repeat: no-repeat;
1525     padding-right:26px;
1526     height:24px;
1527 }
1528
1529 .x-btn-text-icon .x-btn-icon-large-right .x-btn-text{
1530     background-position: right center;
1531         background-repeat: no-repeat;
1532     padding-right:34px;
1533     height:32px;
1534 }
1535
1536 /* bottom */
1537 .x-btn-text-icon .x-btn-icon-small-bottom .x-btn-text{
1538     background-position: center bottom;
1539         background-repeat: no-repeat;
1540     padding-bottom:18px;
1541 }
1542
1543 .x-btn-text-icon .x-btn-icon-medium-bottom .x-btn-text{
1544     background-position: center bottom;
1545         background-repeat: no-repeat;
1546     padding-bottom:26px;
1547 }
1548
1549 .x-btn-text-icon .x-btn-icon-large-bottom .x-btn-text{
1550     background-position: center bottom;
1551         background-repeat: no-repeat;
1552     padding-bottom:34px;
1553 }
1554
1555 /* background positioning */
1556 .x-btn-tr i, .x-btn-tl i, .x-btn-mr i, .x-btn-ml i, .x-btn-br i, .x-btn-bl i{
1557         font-size:1px;
1558     line-height:1px;
1559     width:3px;
1560     display:block;
1561     overflow:hidden;
1562 }
1563
1564 .x-btn-tr i, .x-btn-tl i, .x-btn-br i, .x-btn-bl i{
1565         height:3px;
1566 }
1567
1568 .x-btn-tl{
1569         width:3px;
1570         height:3px;
1571         background:no-repeat 0 0;
1572 }
1573 .x-btn-tr{
1574         width:3px;
1575         height:3px;
1576         background:no-repeat -3px 0;
1577 }
1578 .x-btn-tc{
1579         height:3px;
1580         background:repeat-x 0 -6px;
1581 }
1582
1583 .x-btn-ml{
1584         width:3px;
1585         background:no-repeat 0 -24px;
1586 }
1587 .x-btn-mr{
1588         width:3px;
1589         background:no-repeat -3px -24px;
1590 }
1591
1592 .x-btn-mc{
1593         background:repeat-x 0 -1096px;
1594     vertical-align: middle;
1595         text-align:center;
1596         padding:0 5px;
1597         cursor:pointer;
1598         white-space:nowrap;
1599 }
1600
1601 .x-btn-bl{
1602         width:3px;
1603         height:3px;
1604         background:no-repeat 0 -3px;
1605 }
1606
1607 .x-btn-br{
1608         width:3px;
1609         height:3px;
1610         background:no-repeat -3px -3px;
1611 }
1612
1613 .x-btn-bc{
1614         height:3px;
1615         background:repeat-x 0 -15px;
1616 }
1617
1618 .x-btn-over .x-btn-tl{
1619         background-position: -6px 0;
1620 }
1621
1622 .x-btn-over .x-btn-tr{
1623         background-position: -9px 0;
1624 }
1625
1626 .x-btn-over .x-btn-tc{
1627         background-position: 0 -9px;
1628 }
1629
1630 .x-btn-over .x-btn-ml{
1631         background-position: -6px -24px;
1632 }
1633
1634 .x-btn-over .x-btn-mr{
1635         background-position: -9px -24px;
1636 }
1637
1638 .x-btn-over .x-btn-mc{
1639         background-position: 0 -2168px;
1640 }
1641
1642 .x-btn-over .x-btn-bl{
1643         background-position: -6px -3px;
1644 }
1645
1646 .x-btn-over .x-btn-br{
1647         background-position: -9px -3px;
1648 }
1649
1650 .x-btn-over .x-btn-bc{
1651         background-position: 0 -18px;
1652 }
1653
1654 .x-btn-click .x-btn-tl, .x-btn-menu-active .x-btn-tl, .x-btn-pressed .x-btn-tl{
1655         background-position: -12px 0;
1656 }
1657
1658 .x-btn-click .x-btn-tr, .x-btn-menu-active .x-btn-tr, .x-btn-pressed .x-btn-tr{
1659         background-position: -15px 0;
1660 }
1661
1662 .x-btn-click .x-btn-tc, .x-btn-menu-active .x-btn-tc, .x-btn-pressed .x-btn-tc{
1663         background-position: 0 -12px;
1664 }
1665
1666 .x-btn-click .x-btn-ml, .x-btn-menu-active .x-btn-ml, .x-btn-pressed .x-btn-ml{
1667         background-position: -12px -24px;
1668 }
1669
1670 .x-btn-click .x-btn-mr, .x-btn-menu-active .x-btn-mr, .x-btn-pressed .x-btn-mr{
1671         background-position: -15px -24px;
1672 }
1673
1674 .x-btn-click .x-btn-mc, .x-btn-menu-active .x-btn-mc, .x-btn-pressed .x-btn-mc{
1675         background-position: 0 -3240px;
1676 }
1677
1678 .x-btn-click .x-btn-bl, .x-btn-menu-active .x-btn-bl, .x-btn-pressed .x-btn-bl{
1679         background-position: -12px -3px;
1680 }
1681
1682 .x-btn-click .x-btn-br, .x-btn-menu-active .x-btn-br, .x-btn-pressed .x-btn-br{
1683         background-position: -15px -3px;
1684 }
1685
1686 .x-btn-click .x-btn-bc, .x-btn-menu-active .x-btn-bc, .x-btn-pressed .x-btn-bc{
1687         background-position: 0 -21px;
1688 }
1689
1690 .x-btn-disabled *{
1691         cursor:default !important;
1692 }
1693
1694
1695 /* With a menu arrow */
1696 /* right */
1697 .x-btn-mc em.x-btn-arrow {
1698     display:block;
1699     background:transparent no-repeat right center;
1700         padding-right:10px;
1701 }
1702
1703 .x-btn-mc em.x-btn-split {
1704     display:block;
1705     background:transparent no-repeat right center;
1706         padding-right:14px;
1707 }
1708
1709 /* bottom */
1710 .x-btn-mc em.x-btn-arrow-bottom {
1711     display:block;
1712     background:transparent no-repeat center bottom;
1713         padding-bottom:14px;
1714 }
1715
1716 .x-btn-mc em.x-btn-split-bottom {
1717     display:block;
1718     background:transparent no-repeat center bottom;
1719         padding-bottom:14px;
1720 }
1721
1722 /* height adjustment class */
1723 .x-btn-as-arrow .x-btn-mc em {
1724     display:block;
1725     background:transparent;
1726         padding-bottom:14px;
1727 }
1728
1729 /* groups */
1730 .x-btn-group {
1731     padding:1px;
1732 }
1733
1734 .x-btn-group-header {
1735     padding:2px;
1736     text-align:center;
1737 }
1738
1739 .x-btn-group-tc {
1740         background: transparent repeat-x 0 0;
1741         overflow:hidden;
1742 }
1743
1744 .x-btn-group-tl {
1745         background: transparent no-repeat 0 0;
1746         padding-left:3px;
1747     zoom:1;
1748 }
1749
1750 .x-btn-group-tr {
1751         background: transparent no-repeat right 0;
1752         zoom:1;
1753     padding-right:3px;
1754 }
1755
1756 .x-btn-group-bc {
1757         background: transparent repeat-x 0 bottom;
1758     zoom:1;
1759 }
1760
1761 .x-btn-group-bc .x-panel-footer {
1762     zoom:1;
1763 }
1764
1765 .x-btn-group-bl {
1766         background: transparent no-repeat 0 bottom;
1767         padding-left:3px;
1768     zoom:1;
1769 }
1770
1771 .x-btn-group-br {
1772         background: transparent no-repeat right bottom;
1773         padding-right:3px;
1774     zoom:1;
1775 }
1776
1777 .x-btn-group-mc {
1778     border:0 none;
1779     padding:1px 0 0 0;
1780     margin:0;
1781 }
1782
1783 .x-btn-group-mc .x-btn-group-body {
1784     background:transparent;
1785     border: 0 none;
1786 }
1787
1788 .x-btn-group-ml {
1789         background: transparent repeat-y 0 0;
1790         padding-left:3px;
1791     zoom:1;
1792 }
1793
1794 .x-btn-group-mr {
1795         background: transparent repeat-y right 0;
1796         padding-right:3px;
1797     zoom:1;
1798 }
1799
1800 .x-btn-group-bc .x-btn-group-footer {
1801     padding-bottom:6px;
1802 }
1803
1804 .x-panel-nofooter .x-btn-group-bc {
1805         height:3px;
1806     font-size:0;
1807     line-height:0;
1808 }
1809
1810 .x-btn-group-bwrap {
1811     overflow:hidden;
1812     zoom:1;
1813 }
1814
1815 .x-btn-group-body {
1816     overflow:hidden;
1817     zoom:1;
1818 }
1819
1820 .x-btn-group-notitle .x-btn-group-tc {
1821         background: transparent repeat-x 0 0;
1822         overflow:hidden;
1823     height:2px;
1824 }.x-toolbar{
1825     border-style:solid;
1826     border-width:0 0 1px 0;
1827     display: block;
1828         padding:2px;
1829     background:repeat-x top left;
1830     position:relative;
1831     left:0;
1832     top:0;
1833     zoom:1;
1834     overflow:hidden;
1835 }
1836
1837 .x-toolbar .x-item-disabled .x-btn-icon {
1838     opacity: .35;
1839     -moz-opacity: .35;
1840     filter: alpha(opacity=35);
1841 }
1842
1843 .x-toolbar td {
1844         vertical-align:middle;
1845 }
1846
1847 .x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{
1848         white-space: nowrap;
1849 }
1850
1851 .x-toolbar .x-item-disabled {
1852         cursor:default;
1853         opacity:.6;
1854         -moz-opacity:.6;
1855         filter:alpha(opacity=60);
1856 }
1857
1858 .x-toolbar .x-item-disabled * {
1859         cursor:default;
1860 }
1861
1862 .x-toolbar .x-toolbar-cell {
1863     vertical-align:middle;
1864 }
1865
1866 .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, 
1867 .x-toolbar .x-btn-mc, .x-toolbar .x-btn-bl, .x-toolbar .x-btn-br, .x-toolbar .x-btn-bc
1868 {
1869         background-position: 500px 500px;
1870 }
1871
1872 /* These rules are duplicated from button.css to give priority of x-toolbar rules above */
1873 .x-toolbar .x-btn-over .x-btn-tl{
1874         background-position: -6px 0;
1875 }
1876
1877 .x-toolbar .x-btn-over .x-btn-tr{
1878         background-position: -9px 0;
1879 }
1880
1881 .x-toolbar .x-btn-over .x-btn-tc{
1882         background-position: 0 -9px;
1883 }
1884
1885 .x-toolbar .x-btn-over .x-btn-ml{
1886         background-position: -6px -24px;
1887 }
1888
1889 .x-toolbar .x-btn-over .x-btn-mr{
1890         background-position: -9px -24px;
1891 }
1892
1893 .x-toolbar .x-btn-over .x-btn-mc{
1894         background-position: 0 -2168px;
1895 }
1896
1897 .x-toolbar .x-btn-over .x-btn-bl{
1898         background-position: -6px -3px;
1899 }
1900
1901 .x-toolbar .x-btn-over .x-btn-br{
1902         background-position: -9px -3px;
1903 }
1904
1905 .x-toolbar .x-btn-over .x-btn-bc{
1906         background-position: 0 -18px;
1907 }
1908
1909 .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{
1910         background-position: -12px 0;
1911 }
1912
1913 .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{
1914         background-position: -15px 0;
1915 }
1916
1917 .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{
1918         background-position: 0 -12px;
1919 }
1920
1921 .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{
1922         background-position: -12px -24px;
1923 }
1924
1925 .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{
1926         background-position: -15px -24px;
1927 }
1928
1929 .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{
1930         background-position: 0 -3240px;
1931 }
1932
1933 .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{
1934         background-position: -12px -3px;
1935 }
1936
1937 .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{
1938         background-position: -15px -3px;
1939 }
1940
1941 .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{
1942         background-position: 0 -21px;
1943 }
1944
1945 .x-toolbar div.xtb-text{
1946     padding:2px 2px 0;
1947     line-height:16px;
1948     display:block;
1949 }
1950
1951 .x-toolbar .xtb-sep {
1952         background-position: center;
1953         background-repeat: no-repeat;
1954         display: block;
1955         font-size: 1px;
1956         height: 16px;
1957         width:4px;
1958         overflow: hidden;
1959         cursor:default;
1960         margin: 0 2px 0;
1961         border:0;
1962 }
1963
1964 .x-toolbar .xtb-spacer {
1965     width:2px;
1966 }
1967
1968 /* Paging Toolbar */
1969 .x-tbar-page-number{
1970         width:30px;
1971         height:14px;
1972 }
1973
1974 .ext-ie .x-tbar-page-number{
1975     margin-top: 2px;
1976 }
1977
1978 .x-paging-info {
1979     position:absolute;
1980     top:5px;
1981     right: 8px;
1982 }
1983
1984 /* floating */
1985 .x-toolbar-ct {
1986     width:100%;
1987 }
1988
1989 .x-toolbar-right td {
1990     text-align: center;
1991 }
1992
1993 .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 {
1994     overflow:hidden;
1995     zoom:1;
1996 }
1997
1998 .x-toolbar-more .x-btn-small .x-btn-text{
1999         height: 16px;
2000         width: 12px;
2001 }
2002
2003 .x-toolbar-more em.x-btn-arrow {
2004     display:inline;
2005     background:transparent;
2006         padding-right:0;
2007 }
2008
2009 .x-toolbar-more .x-btn-mc em.x-btn-arrow {
2010     background-image: none;
2011 }
2012
2013 div.x-toolbar-no-items {
2014     color:gray !important;
2015     padding:5px 10px !important;
2016 }
2017
2018 /* fix ie toolbar form items */
2019 .ext-border-box .x-toolbar-cell .x-form-text {
2020     margin-bottom:-1px !important;
2021 }
2022
2023 .ext-border-box .x-toolbar-cell .x-form-field-wrap .x-form-text {
2024     margin:0 !important;
2025 }
2026
2027 .ext-ie .x-toolbar-cell .x-form-field-wrap {
2028     height:21px;
2029 }
2030
2031 .ext-ie .x-toolbar-cell .x-form-text {
2032     position:relative;
2033     top:-1px;
2034 }
2035
2036 .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 {
2037     top: 0px;
2038 }
2039
2040 .x-toolbar-right td .x-form-field-trigger-wrap{
2041     text-align: left;
2042 }
2043
2044 .x-toolbar-cell .x-form-checkbox, .x-toolbar-cell .x-form-radio{
2045     vertical-align: top;
2046     margin-top: 5px;
2047 }
2048
2049 .ext-ie .x-toolbar-cell .x-form-checkbox, .ext-ie .x-toolbar-cell .x-form-radio{
2050     margin-top: 4px;
2051 }
2052
2053 .x-toolbar-cell .x-form-check-wrap label{
2054     vertical-align: bottom;
2055 }
2056
2057 /* StatusBar */
2058 .x-statusbar .x-status-text {
2059     height: 21px;
2060     line-height: 21px;
2061     padding: 0 4px;
2062     cursor: default;
2063 }
2064
2065 .x-statusbar .x-status-busy {
2066     padding-left: 25px;
2067     background: transparent no-repeat 3px 3px;
2068 }
2069
2070 .x-statusbar .x-status-text-panel {
2071     border-top: 1px solid;
2072     border-right: 1px solid;
2073     border-bottom: 1px solid;
2074     border-left: 1px solid;
2075     padding: 2px 8px 2px 5px;
2076 }.x-toolbar{
2077     border-style:solid;
2078     border-width:0 0 1px 0;
2079     display: block;
2080         padding:2px;
2081     background:repeat-x top left;
2082     position:relative;
2083     left:0;
2084     top:0;
2085     zoom:1;
2086     overflow:hidden;
2087 }
2088
2089 .x-toolbar .x-item-disabled .x-btn-icon {
2090     opacity: .35;
2091     -moz-opacity: .35;
2092     filter: alpha(opacity=35);
2093 }
2094
2095 .x-toolbar td {
2096         vertical-align:middle;
2097 }
2098
2099 .x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{
2100         white-space: nowrap;
2101 }
2102
2103 .x-toolbar .x-item-disabled {
2104         cursor:default;
2105         opacity:.6;
2106         -moz-opacity:.6;
2107         filter:alpha(opacity=60);
2108 }
2109
2110 .x-toolbar .x-item-disabled * {
2111         cursor:default;
2112 }
2113
2114 .x-toolbar .x-toolbar-cell {
2115     vertical-align:middle;
2116 }
2117
2118 .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, 
2119 .x-toolbar .x-btn-mc, .x-toolbar .x-btn-bl, .x-toolbar .x-btn-br, .x-toolbar .x-btn-bc
2120 {
2121         background-position: 500px 500px;
2122 }
2123
2124 /* These rules are duplicated from button.css to give priority of x-toolbar rules above */
2125 .x-toolbar .x-btn-over .x-btn-tl{
2126         background-position: -6px 0;
2127 }
2128
2129 .x-toolbar .x-btn-over .x-btn-tr{
2130         background-position: -9px 0;
2131 }
2132
2133 .x-toolbar .x-btn-over .x-btn-tc{
2134         background-position: 0 -9px;
2135 }
2136
2137 .x-toolbar .x-btn-over .x-btn-ml{
2138         background-position: -6px -24px;
2139 }
2140
2141 .x-toolbar .x-btn-over .x-btn-mr{
2142         background-position: -9px -24px;
2143 }
2144
2145 .x-toolbar .x-btn-over .x-btn-mc{
2146         background-position: 0 -2168px;
2147 }
2148
2149 .x-toolbar .x-btn-over .x-btn-bl{
2150         background-position: -6px -3px;
2151 }
2152
2153 .x-toolbar .x-btn-over .x-btn-br{
2154         background-position: -9px -3px;
2155 }
2156
2157 .x-toolbar .x-btn-over .x-btn-bc{
2158         background-position: 0 -18px;
2159 }
2160
2161 .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{
2162         background-position: -12px 0;
2163 }
2164
2165 .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{
2166         background-position: -15px 0;
2167 }
2168
2169 .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{
2170         background-position: 0 -12px;
2171 }
2172
2173 .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{
2174         background-position: -12px -24px;
2175 }
2176
2177 .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{
2178         background-position: -15px -24px;
2179 }
2180
2181 .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{
2182         background-position: 0 -3240px;
2183 }
2184
2185 .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{
2186         background-position: -12px -3px;
2187 }
2188
2189 .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{
2190         background-position: -15px -3px;
2191 }
2192
2193 .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{
2194         background-position: 0 -21px;
2195 }
2196
2197 .x-toolbar div.xtb-text{
2198     padding:2px 2px 0;
2199     line-height:16px;
2200     display:block;
2201 }
2202
2203 .x-toolbar .xtb-sep {
2204         background-position: center;
2205         background-repeat: no-repeat;
2206         display: block;
2207         font-size: 1px;
2208         height: 16px;
2209         width:4px;
2210         overflow: hidden;
2211         cursor:default;
2212         margin: 0 2px 0;
2213         border:0;
2214 }
2215
2216 .x-toolbar .xtb-spacer {
2217     width:2px;
2218 }
2219
2220 /* Paging Toolbar */
2221 .x-tbar-page-number{
2222         width:30px;
2223         height:14px;
2224 }
2225
2226 .ext-ie .x-tbar-page-number{
2227     margin-top: 2px;
2228 }
2229
2230 .x-paging-info {
2231     position:absolute;
2232     top:5px;
2233     right: 8px;
2234 }
2235
2236 /* floating */
2237 .x-toolbar-ct {
2238     width:100%;
2239 }
2240
2241 .x-toolbar-right td {
2242     text-align: center;
2243 }
2244
2245 .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 {
2246     overflow:hidden;
2247     zoom:1;
2248 }
2249
2250 .x-toolbar-more .x-btn-small .x-btn-text{
2251         height: 16px;
2252         width: 12px;
2253 }
2254
2255 .x-toolbar-more em.x-btn-arrow {
2256     display:inline;
2257     background:transparent;
2258         padding-right:0;
2259 }
2260
2261 .x-toolbar-more .x-btn-mc em.x-btn-arrow {
2262     background-image: none;
2263 }
2264
2265 div.x-toolbar-no-items {
2266     color:gray !important;
2267     padding:5px 10px !important;
2268 }
2269
2270 /* fix ie toolbar form items */
2271 .ext-border-box .x-toolbar-cell .x-form-text {
2272     margin-bottom:-1px !important;
2273 }
2274
2275 .ext-border-box .x-toolbar-cell .x-form-field-wrap .x-form-text {
2276     margin:0 !important;
2277 }
2278
2279 .ext-ie .x-toolbar-cell .x-form-field-wrap {
2280     height:21px;
2281 }
2282
2283 .ext-ie .x-toolbar-cell .x-form-text {
2284     position:relative;
2285     top:-1px;
2286 }
2287
2288 .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 {
2289     top: 0px;
2290 }
2291
2292 .x-toolbar-right td .x-form-field-trigger-wrap{
2293     text-align: left;
2294 }
2295
2296 .x-toolbar-cell .x-form-checkbox, .x-toolbar-cell .x-form-radio{
2297     vertical-align: top;
2298     margin-top: 5px;
2299 }
2300
2301 .ext-ie .x-toolbar-cell .x-form-checkbox, .ext-ie .x-toolbar-cell .x-form-radio{
2302     margin-top: 4px;
2303 }
2304
2305 .x-toolbar-cell .x-form-check-wrap label{
2306     vertical-align: bottom;
2307 }
2308
2309 /* StatusBar */
2310 .x-statusbar .x-status-text {
2311     height: 21px;
2312     line-height: 21px;
2313     padding: 0 4px;
2314     cursor: default;
2315 }
2316
2317 .x-statusbar .x-status-busy {
2318     padding-left: 25px;
2319     background: transparent no-repeat 3px 3px;
2320 }
2321
2322 .x-statusbar .x-status-text-panel {
2323     border-top: 1px solid;
2324     border-right: 1px solid;
2325     border-bottom: 1px solid;
2326     border-left: 1px solid;
2327     padding: 2px 8px 2px 5px;
2328 }/* Grid3 styles */
2329 .x-grid3 {
2330         position:relative;
2331         overflow:hidden;
2332 }
2333
2334 .x-grid-panel .x-panel-body {
2335     overflow:hidden !important;
2336 }
2337
2338 .x-grid-panel .x-panel-mc .x-panel-body {
2339     border:1px solid;
2340 }
2341
2342 .x-grid3 table {
2343     table-layout:fixed;
2344 }
2345
2346 .x-grid3-viewport{
2347         overflow:hidden;
2348 }
2349
2350 .x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td{
2351     -moz-outline: none;
2352         -moz-user-focus: normal;
2353 }
2354
2355 .x-grid3-row td, .x-grid3-summary-row td {
2356     line-height:13px;
2357     vertical-align: top;
2358         padding-left:1px;
2359     padding-right:1px;
2360     -moz-user-select: none;
2361     -khtml-user-select:none;
2362     -webkit-user-select:ignore;
2363 }
2364
2365 .x-grid3-cell{
2366     -moz-user-select: none;
2367     -khtml-user-select:none;
2368     -webkit-user-select:ignore;
2369 }
2370
2371 .x-grid3-hd-row td {
2372     line-height:15px;
2373     vertical-align:middle;
2374     border-left:1px solid;
2375     border-right:1px solid;
2376 }
2377
2378 .x-grid3-hd-row .x-grid3-marker-hd {
2379     padding:3px;
2380 }
2381
2382 .x-grid3-row .x-grid3-marker {
2383     padding:3px;
2384 }
2385
2386 .x-grid3-cell-inner, .x-grid3-hd-inner{
2387         overflow:hidden;
2388         -o-text-overflow: ellipsis;
2389         text-overflow: ellipsis;
2390     padding:3px 3px 3px 5px;
2391     white-space: nowrap;
2392 }
2393
2394 .x-grid3-hd-inner {
2395     position:relative;
2396         cursor:inherit;
2397         padding:4px 3px 4px 5px;
2398 }
2399
2400 .x-grid3-row-body {
2401     white-space:normal;
2402 }
2403
2404 .x-grid3-body-cell {
2405     -moz-outline:0 none;
2406     outline:0 none;
2407 }
2408
2409 /* IE Quirks to clip */
2410 .ext-ie .x-grid3-cell-inner, .ext-ie .x-grid3-hd-inner{
2411         width:100%;
2412 }
2413
2414 /* reverse above in strict mode */
2415 .ext-strict .x-grid3-cell-inner, .ext-strict .x-grid3-hd-inner{
2416         width:auto;
2417 }
2418
2419 .x-grid-row-loading {
2420     background: no-repeat center center;
2421 }
2422
2423 .x-grid-page {
2424     overflow:hidden;
2425 }
2426
2427 .x-grid3-row {
2428         cursor: default;
2429     border: 1px solid;
2430     width:100%;
2431 }
2432
2433 .x-grid3-row-over {
2434         border:1px solid;
2435     background: repeat-x left top;
2436 }
2437
2438 .x-grid3-resize-proxy {
2439         width:1px;
2440     left:0;
2441         cursor: e-resize;
2442         cursor: col-resize;
2443         position:absolute;
2444         top:0;
2445         height:100px;
2446         overflow:hidden;
2447         visibility:hidden;
2448         border:0 none;
2449         z-index:7;
2450 }
2451
2452 .x-grid3-resize-marker {
2453         width:1px;
2454         left:0;
2455         position:absolute;
2456         top:0;
2457         height:100px;
2458         overflow:hidden;
2459         visibility:hidden;
2460         border:0 none;
2461         z-index:7;
2462 }
2463
2464 .x-grid3-focus {
2465         position:absolute;
2466         left:0;
2467         top:0;
2468         width:1px;
2469         height:1px;
2470     line-height:1px;
2471     font-size:1px;
2472     -moz-outline:0 none;
2473     outline:0 none;
2474     -moz-user-select: text;
2475     -khtml-user-select: text;
2476     -webkit-user-select:ignore;
2477 }
2478
2479 /* header styles */
2480 .x-grid3-header{
2481         background: repeat-x 0 bottom;
2482         cursor:default;
2483     zoom:1;
2484     padding:1px 0 0 0;
2485 }
2486
2487 .x-grid3-header-pop {
2488     border-left:1px solid;
2489     float:right;
2490     clear:none;
2491 }
2492
2493 .x-grid3-header-pop-inner {
2494     border-left:1px solid;
2495     width:14px;
2496     height:19px;
2497     background: transparent no-repeat center center;
2498 }
2499
2500 .ext-ie .x-grid3-header-pop-inner {
2501     width:15px;
2502 }
2503
2504 .ext-strict .x-grid3-header-pop-inner {
2505     width:14px; 
2506 }
2507
2508 .x-grid3-header-inner {
2509     overflow:hidden;
2510     zoom:1;
2511     float:left;
2512 }
2513
2514 .x-grid3-header-offset {
2515     padding-left:1px;
2516     text-align: left;
2517 }
2518
2519 td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {
2520     border-left:1px solid;
2521     border-right:1px solid;
2522 }
2523
2524 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 {
2525     background: repeat-x left bottom;
2526
2527 }
2528
2529 .x-grid3-sort-icon{
2530         background-repeat: no-repeat;
2531         display: none;
2532         height: 4px;
2533         width: 13px;
2534         margin-left:3px;
2535         vertical-align: middle;
2536 }
2537
2538 .sort-asc .x-grid3-sort-icon, .sort-desc .x-grid3-sort-icon {
2539         display: inline;
2540 }
2541
2542 /* Header position fixes for IE strict mode */
2543 .ext-strict .ext-ie .x-grid3-header-inner, .ext-strict .ext-ie6 .x-grid3-hd {
2544     position:relative;
2545 }
2546
2547 .ext-strict .ext-ie6 .x-grid3-hd-inner{
2548     position:static;
2549 }
2550
2551 /* Body Styles */
2552 .x-grid3-body {
2553         zoom:1;
2554 }
2555
2556 .x-grid3-scroller {
2557         overflow:auto;
2558     zoom:1;
2559     position:relative;
2560 }
2561
2562 .x-grid3-cell-text, .x-grid3-hd-text {
2563         display: block;
2564         padding: 3px 5px 3px 5px;
2565         -moz-user-select: none;
2566         -khtml-user-select: none;
2567     -webkit-user-select:ignore;
2568 }
2569
2570 .x-grid3-split {
2571         background-position: center;
2572         background-repeat: no-repeat;
2573         cursor: e-resize;
2574         cursor: col-resize;
2575         display: block;
2576         font-size: 1px;
2577         height: 16px;
2578         overflow: hidden;
2579         position: absolute;
2580         top: 2px;
2581         width: 6px;
2582         z-index: 3;
2583 }
2584
2585 /* Column Reorder DD */
2586 .x-dd-drag-proxy .x-grid3-hd-inner{
2587         background: repeat-x left bottom;
2588         width:120px;
2589         padding:3px;
2590         border:1px solid;
2591         overflow:hidden;
2592 }
2593
2594 .col-move-top, .col-move-bottom{
2595         width:9px;
2596         height:9px;
2597         position:absolute;
2598         top:0;
2599         line-height:1px;
2600         font-size:1px;
2601         overflow:hidden;
2602         visibility:hidden;
2603         z-index:20000;
2604     background:transparent no-repeat left top;
2605 }
2606
2607 /* Selection Styles */
2608 .x-grid3-row-selected {
2609         border:1px dotted;
2610 }
2611
2612 .x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{
2613     background: repeat-x 0 bottom !important;
2614     vertical-align:middle !important;
2615     padding:0;
2616     border-top:1px solid;
2617     border-bottom:none !important;
2618     border-right:1px solid !important;
2619     text-align:center;
2620 }
2621
2622 .x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{
2623     padding:0 4px;
2624     text-align:center;
2625 }
2626
2627 /* dirty cells */
2628 .x-grid3-dirty-cell {
2629     background: transparent no-repeat 0 0;
2630 }
2631
2632 /* Grid Toolbars */
2633 .x-grid3-topbar, .x-grid3-bottombar{
2634     overflow:hidden;
2635         display:none;
2636         zoom:1;
2637     position:relative;
2638 }
2639
2640 .x-grid3-topbar .x-toolbar{
2641         border-right:0 none;
2642 }
2643
2644 .x-grid3-bottombar .x-toolbar{
2645         border-right:0 none;
2646         border-bottom:0 none;
2647         border-top:1px solid;
2648 }
2649
2650 /* Props Grid Styles */
2651 .x-props-grid .x-grid3-cell{
2652         padding:1px;
2653 }
2654
2655 .x-props-grid .x-grid3-td-name .x-grid3-cell-inner{
2656         background:transparent repeat-y -16px !important;
2657     padding-left:12px;
2658 }
2659
2660 .x-props-grid .x-grid3-body .x-grid3-td-name{
2661     padding:1px;
2662     padding-right:0;
2663     border:0 none;
2664     border-right:1px solid;
2665 }
2666
2667 /* dd */
2668 .x-grid3-col-dd {
2669     border:0 none;
2670     padding:0;
2671     background:transparent;
2672 }
2673
2674 .x-dd-drag-ghost .x-grid3-dd-wrap {
2675     padding:1px 3px 3px 1px;
2676 }
2677
2678 .x-grid3-hd {
2679     -moz-user-select:none;
2680     -khtml-user-select:none;
2681     -webkit-user-select:ignore;
2682 }
2683
2684 .x-grid3-hd-btn {
2685     display:none;
2686     position:absolute;
2687     width:14px;
2688     background:no-repeat left center;
2689     right:0;
2690     top:0;
2691     z-index:2;
2692         cursor:pointer;
2693 }
2694
2695 .x-grid3-hd-over .x-grid3-hd-btn, .x-grid3-hd-menu-open .x-grid3-hd-btn {
2696     display:block;
2697 }
2698
2699 a.x-grid3-hd-btn:hover {
2700     background-position:-14px center;
2701 }
2702
2703 /* Expanders */
2704 .x-grid3-body .x-grid3-td-expander {
2705     background:transparent repeat-y right;
2706 }
2707
2708 .x-grid3-body .x-grid3-td-expander .x-grid3-cell-inner {
2709     padding:0 !important;
2710     height:100%;
2711 }
2712
2713 .x-grid3-row-expander {
2714     width:100%;
2715     height:18px;
2716     background-position:4px 2px;
2717     background-repeat:no-repeat;
2718     background-color:transparent;
2719 }
2720
2721 .x-grid3-row-collapsed .x-grid3-row-expander {
2722     background-position:4px 2px;
2723 }
2724
2725 .x-grid3-row-expanded .x-grid3-row-expander {
2726     background-position:-21px 2px;
2727 }
2728
2729 .x-grid3-row-collapsed .x-grid3-row-body {
2730     display:none !important;
2731 }
2732
2733 .x-grid3-row-expanded .x-grid3-row-body {
2734     display:block !important;
2735 }
2736
2737 /* Checkers */
2738 .x-grid3-body .x-grid3-td-checker {
2739     background:transparent repeat-y right;
2740 }
2741
2742 .x-grid3-body .x-grid3-td-checker .x-grid3-cell-inner, .x-grid3-header .x-grid3-td-checker .x-grid3-hd-inner {
2743     padding:0 !important;
2744     height:100%;
2745 }
2746
2747 .x-grid3-row-checker, .x-grid3-hd-checker {
2748     width:100%;
2749     height:18px;
2750     background-position:2px 2px;
2751     background-repeat:no-repeat;
2752     background-color:transparent;
2753 }
2754
2755 .x-grid3-row .x-grid3-row-checker {
2756     background-position:2px 2px;
2757 }
2758
2759 .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 {
2760     background-position:-23px 2px;
2761 }
2762
2763 .x-grid3-hd-checker {
2764     background-position:2px 3px;
2765 }
2766
2767 .x-grid3-hd-checker-on .x-grid3-hd-checker {
2768     background-position:-23px 3px;
2769 }
2770
2771 /* Numberer */
2772 .x-grid3-body .x-grid3-td-numberer {
2773     background:transparent repeat-y right;
2774 }
2775
2776 .x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {
2777     padding:3px 5px 0 0 !important;
2778     text-align:right;
2779 }
2780
2781 /* Row Icon */
2782
2783 .x-grid3-body .x-grid3-td-row-icon {
2784     background:transparent repeat-y right;
2785     vertical-align:top;
2786     text-align:center;
2787 }
2788
2789 .x-grid3-body .x-grid3-td-row-icon .x-grid3-cell-inner {
2790     padding:0 !important;
2791     background-position:center center;
2792     background-repeat:no-repeat;
2793     width:16px;
2794     height:16px;
2795     margin-left:2px;
2796     margin-top:3px;
2797 }
2798
2799 /* All specials */
2800 .x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,
2801 .x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,
2802 .x-grid3-body .x-grid3-row-selected .x-grid3-td-expander {
2803         background:transparent repeat-y right;
2804 }
2805
2806 .x-grid3-body .x-grid3-check-col-td .x-grid3-cell-inner {
2807     padding: 1px 0 0 0 !important;
2808 }
2809
2810 .x-grid3-check-col {
2811     width:100%;
2812     height:16px;
2813     background-position:center center;
2814     background-repeat:no-repeat;
2815     background-color:transparent;
2816 }
2817
2818 .x-grid3-check-col-on {
2819     width:100%;
2820     height:16px;
2821     background-position:center center;
2822     background-repeat:no-repeat;
2823     background-color:transparent;
2824 }
2825
2826 /* Grouping classes */
2827 .x-grid-group, .x-grid-group-body, .x-grid-group-hd {
2828     zoom:1;
2829 }
2830
2831 .x-grid-group-hd {
2832     border-bottom: 2px solid;
2833     cursor:pointer;
2834     padding-top:6px;
2835 }
2836
2837 .x-grid-group-hd div.x-grid-group-title {
2838     background:transparent no-repeat 3px 3px;
2839     padding:4px 4px 4px 17px;
2840 }
2841
2842 .x-grid-group-collapsed .x-grid-group-body {
2843     display:none;
2844 }
2845
2846 .ext-ie6 .x-grid3 .x-editor .x-form-text, .ext-ie7 .x-grid3 .x-editor .x-form-text {
2847     position:relative;
2848     top:-1px;
2849 }
2850
2851 .ext-ie .x-props-grid .x-editor .x-form-text {
2852     position:static;
2853     top:0;
2854 }
2855
2856 .x-grid-empty {
2857     padding:10px;
2858 }
2859
2860 /* fix floating toolbar issue */
2861 .ext-ie7 .x-grid-panel .x-panel-bbar {
2862     position:relative;
2863 }
2864
2865 .ext-ie6 .x-grid3-header {
2866     position: relative;
2867 }
2868
2869 /* column lines */
2870 .x-grid-with-col-lines .x-grid3-row td.x-grid3-cell {
2871     padding-right:0;
2872     border-right:1px solid;
2873 }
2874 .x-dd-drag-proxy{
2875         position:absolute;
2876         left:0;
2877     top:0;
2878         visibility:hidden;
2879         z-index:15000;
2880 }
2881
2882 .x-dd-drag-ghost{
2883         -moz-opacity: 0.85;
2884     opacity:.85;
2885     filter: alpha(opacity=85);
2886     border: 1px solid;
2887         padding:3px;
2888         padding-left:20px;
2889         white-space:nowrap;
2890 }
2891
2892 .x-dd-drag-repair .x-dd-drag-ghost{
2893         -moz-opacity: 0.4;
2894     opacity:.4;
2895     filter: alpha(opacity=40);
2896         border:0 none;
2897         padding:0;
2898         background-color:transparent;
2899 }
2900
2901 .x-dd-drag-repair .x-dd-drop-icon{
2902         visibility:hidden;
2903 }
2904
2905 .x-dd-drop-icon{
2906     position:absolute;
2907         top:3px;
2908         left:3px;
2909         display:block;
2910         width:16px;
2911         height:16px;
2912         background-color:transparent;
2913         background-position: center;
2914         background-repeat: no-repeat;
2915         z-index:1;
2916 }
2917
2918 .x-view-selector {
2919     position:absolute;
2920     left:0;
2921     top:0;
2922     width:0;
2923     border:1px dotted;
2924         opacity: .5;
2925     -moz-opacity: .5;
2926     filter:alpha(opacity=50);
2927     zoom:1;
2928 }.ext-strict .ext-ie .x-tree .x-panel-bwrap{
2929     position:relative;
2930     overflow:hidden;
2931 }
2932
2933 .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{
2934         border: 0 none;
2935         height: 18px;
2936         margin: 0;
2937         padding: 0;
2938         vertical-align: top;
2939         width: 16px;
2940     background-repeat: no-repeat;
2941 }
2942
2943 .x-tree-node-collapsed .x-tree-node-icon, .x-tree-node-expanded .x-tree-node-icon, .x-tree-node-leaf .x-tree-node-icon{
2944         border: 0 none;
2945         height: 18px;
2946         margin: 0;
2947         padding: 0;
2948         vertical-align: top;
2949         width: 16px;
2950         background-position:center;
2951     background-repeat: no-repeat;
2952 }
2953
2954 .ext-ie .x-tree-node-indent img, .ext-ie .x-tree-node-icon, .ext-ie .x-tree-ec-icon {
2955     vertical-align:middle !important;
2956 }
2957
2958 /* checkboxes */
2959 .ext-ie input.x-tree-node-cb {
2960     width:15px;
2961     height:15px;
2962 }
2963
2964 input.x-tree-node-cb {
2965     margin-left:1px;
2966 }
2967
2968 .ext-ie input.x-tree-node-cb {
2969     margin-left:0;
2970 }
2971
2972 .x-tree-noicon .x-tree-node-icon{
2973         width:0; height:0;
2974 }
2975
2976 /* loading icon */
2977 .ext-ie .x-tree-node-el input {
2978     width:15px;
2979     height:15px;
2980 }
2981
2982 /* No line styles */
2983 .x-tree-no-lines .x-tree-elbow{
2984         background:transparent;
2985 }
2986
2987 .x-tree-no-lines .x-tree-elbow-end{
2988         background:transparent;
2989 }
2990
2991 .x-tree-no-lines .x-tree-elbow-line{
2992         background:transparent;
2993 }
2994
2995 /* Arrows */
2996 .x-tree-arrows .x-tree-elbow{
2997         background:transparent;
2998 }
2999
3000 .x-tree-arrows .x-tree-elbow-plus{
3001     background:transparent no-repeat 0 0;
3002 }
3003
3004 .x-tree-arrows .x-tree-elbow-minus{
3005     background:transparent no-repeat -16px 0;
3006 }
3007
3008 .x-tree-arrows .x-tree-elbow-end{
3009         background:transparent;
3010 }
3011
3012 .x-tree-arrows .x-tree-elbow-end-plus{
3013     background:transparent no-repeat 0 0;
3014 }
3015
3016 .x-tree-arrows .x-tree-elbow-end-minus{
3017     background:transparent no-repeat -16px 0;
3018 }
3019
3020 .x-tree-arrows .x-tree-elbow-line{
3021         background:transparent;
3022 }
3023
3024 .x-tree-arrows .x-tree-ec-over .x-tree-elbow-plus{
3025     background-position:-32px 0;
3026 }
3027
3028 .x-tree-arrows .x-tree-ec-over .x-tree-elbow-minus{
3029     background-position:-48px 0;
3030 }
3031
3032 .x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-plus{
3033     background-position:-32px 0;
3034 }
3035
3036 .x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-minus{
3037     background-position:-48px 0;
3038 }
3039
3040 .x-tree-elbow-plus, .x-tree-elbow-minus, .x-tree-elbow-end-plus, .x-tree-elbow-end-minus{
3041         cursor:pointer;
3042 }
3043
3044 .ext-ie ul.x-tree-node-ct{
3045     font-size:0;
3046     line-height:0;
3047     zoom:1;
3048 }
3049
3050 .x-tree-node{
3051         white-space: nowrap;
3052 }
3053
3054 .x-tree-node-el {
3055     line-height:18px;
3056     cursor:pointer;
3057 }
3058
3059 .x-tree-node a, .x-dd-drag-ghost a{
3060         text-decoration:none;
3061         -khtml-user-select:none;
3062         -moz-user-select:none;
3063     -webkit-user-select:ignore;
3064     -kthml-user-focus:normal;
3065     -moz-user-focus:normal;
3066     -moz-outline: 0 none;
3067     outline:0 none;
3068 }
3069
3070 .x-tree-node a span, .x-dd-drag-ghost a span{
3071         text-decoration:none;
3072         padding:1px 3px 1px 2px;
3073 }
3074
3075 .x-tree-node .x-tree-node-disabled .x-tree-node-icon{
3076         -moz-opacity: 0.5;
3077    opacity:.5;
3078    filter: alpha(opacity=50);
3079 }
3080
3081 .x-tree-node .x-tree-node-inline-icon{
3082         background:transparent;
3083 }
3084
3085 .x-tree-node a:hover, .x-dd-drag-ghost a:hover{
3086         text-decoration:none;
3087 }
3088
3089 .x-tree-node div.x-tree-drag-insert-below{
3090          border-bottom:1px dotted;
3091 }
3092
3093 .x-tree-node div.x-tree-drag-insert-above{
3094          border-top:1px dotted;
3095 }
3096
3097 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below{
3098          border-bottom:0 none;
3099 }
3100
3101 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above{
3102          border-top:0 none;
3103 }
3104
3105 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{
3106          border-bottom:2px solid;
3107 }
3108
3109 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{
3110          border-top:2px solid;
3111 }
3112
3113 .x-tree-node .x-tree-drag-append a span{
3114          border:1px dotted;
3115 }
3116
3117 .x-dd-drag-ghost .x-tree-node-indent, .x-dd-drag-ghost .x-tree-ec-icon{
3118         display:none !important;
3119 }
3120
3121 /* Fix for ie rootVisible:false issue */
3122 .x-tree-root-ct {
3123     zoom:1;
3124 }
3125 .x-date-picker {
3126     border: 1px solid;
3127     border-top:0 none;
3128         position:relative;
3129 }
3130
3131 .x-date-picker a {
3132     -moz-outline:0 none;
3133     outline:0 none;
3134 }
3135
3136 .x-date-inner, .x-date-inner td, .x-date-inner th{
3137     border-collapse:separate;
3138 }
3139
3140 .x-date-middle,.x-date-left,.x-date-right {
3141         background: repeat-x 0 -83px;
3142         overflow:hidden;
3143 }
3144
3145 .x-date-middle .x-btn-tc,.x-date-middle .x-btn-tl,.x-date-middle .x-btn-tr,
3146 .x-date-middle .x-btn-mc,.x-date-middle .x-btn-ml,.x-date-middle .x-btn-mr,
3147 .x-date-middle .x-btn-bc,.x-date-middle .x-btn-bl,.x-date-middle .x-btn-br{
3148         background:transparent !important;
3149     vertical-align:middle;
3150 }
3151
3152 .x-date-middle .x-btn-mc em.x-btn-arrow {
3153     background:transparent no-repeat right 0;
3154 }
3155
3156 .x-date-right, .x-date-left {
3157     width:18px;
3158 }
3159
3160 .x-date-right{
3161     text-align:right;
3162 }
3163
3164 .x-date-middle {
3165     padding-top:2px;
3166     padding-bottom:2px;
3167     width:130px; /* FF3 */
3168 }
3169
3170 .x-date-right a, .x-date-left a{
3171     display:block;
3172     width:16px;
3173         height:16px;
3174         background-position: center;
3175         background-repeat: no-repeat;
3176         cursor:pointer;
3177     -moz-opacity: 0.6;
3178     opacity:.6;
3179     filter: alpha(opacity=60);
3180 }
3181
3182 .x-date-right a:hover, .x-date-left a:hover{
3183     -moz-opacity: 1;
3184     opacity:1;
3185     filter: alpha(opacity=100);
3186 }
3187
3188 .x-item-disabled .x-date-right a:hover, .x-item-disabled .x-date-left a:hover{
3189     -moz-opacity: 0.6;
3190     opacity:.6;
3191     filter: alpha(opacity=60);
3192 }
3193
3194 .x-date-right a {
3195     margin-right:2px;
3196     text-decoration:none !important;
3197 }
3198
3199 .x-date-left a{
3200     margin-left:2px;
3201     text-decoration:none !important;
3202 }
3203
3204 table.x-date-inner {
3205     width:100%;
3206     table-layout:fixed;
3207 }
3208
3209 .x-date-inner th {
3210     width:25px;
3211 }
3212
3213 .x-date-inner th {
3214     background: repeat-x left top;
3215     text-align:right !important;
3216         border-bottom: 1px solid;
3217         cursor:default;
3218     padding:0;
3219     border-collapse:separate;
3220 }
3221
3222 .x-date-inner th span {
3223     display:block;
3224     padding:2px;
3225     padding-right:7px;
3226 }
3227
3228 .x-date-inner td {
3229     border: 1px solid;
3230         text-align:right;
3231     padding:0;
3232 }
3233
3234 .x-date-inner a {
3235     padding:2px 5px;
3236     display:block;
3237         text-decoration:none;
3238     text-align:right;
3239     zoom:1;
3240 }
3241
3242 .x-date-inner .x-date-active{
3243         cursor:pointer;
3244         color:black;
3245 }
3246
3247 .x-date-inner .x-date-selected a{
3248         background: repeat-x left top;
3249         border:1px solid;
3250     padding:1px 4px;
3251 }
3252
3253 .x-date-inner .x-date-today a{
3254         border: 1px solid;
3255     padding:1px 4px;
3256 }
3257
3258 .x-date-inner .x-date-prevday a,.x-date-inner .x-date-nextday a {
3259     text-decoration:none !important;
3260 }
3261
3262 .x-date-bottom {
3263     padding:4px;
3264     border-top: 1px solid;
3265     background: repeat-x left top;
3266 }
3267
3268 .x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover{
3269     text-decoration:none !important;
3270 }
3271
3272 .x-item-disabled .x-date-inner a:hover{
3273     background: none;
3274 }
3275
3276 .x-date-inner .x-date-disabled a {
3277         cursor:default;
3278 }
3279
3280 .x-date-menu .x-menu-item {
3281         padding:1px 24px 1px 4px;
3282         white-space: nowrap;
3283 }
3284
3285 .x-date-menu .x-menu-item .x-menu-item-icon {
3286     width:10px;
3287     height:10px;
3288     margin-right:5px;
3289     background-position:center -4px !important;
3290 }
3291
3292 .x-date-mp {
3293         position:absolute;
3294         left:0;
3295         top:0;
3296         display:none;
3297 }
3298
3299 .x-date-mp td {
3300     padding:2px;
3301         font:normal 11px arial, helvetica,tahoma,sans-serif;
3302 }
3303
3304 td.x-date-mp-month,td.x-date-mp-year,td.x-date-mp-ybtn {
3305     border: 0 none;
3306         text-align:center;
3307         vertical-align: middle;
3308         width:25%;
3309 }
3310
3311 .x-date-mp-ok {
3312         margin-right:3px;
3313 }
3314
3315 .x-date-mp-btns button {
3316         text-decoration:none;
3317         text-align:center;
3318         text-decoration:none !important;
3319         border:1px solid;
3320         padding:1px 3px 1px;
3321         cursor:pointer;
3322 }
3323
3324 .x-date-mp-btns {
3325         background: repeat-x left top;
3326 }
3327
3328 .x-date-mp-btns td {
3329         border-top: 1px solid;
3330     text-align:center;
3331 }
3332
3333 td.x-date-mp-month a,td.x-date-mp-year a {
3334         display:block;
3335         padding:2px 4px;
3336         text-decoration:none;
3337         text-align:center;
3338 }
3339
3340 td.x-date-mp-month a:hover,td.x-date-mp-year a:hover {
3341         text-decoration:none;
3342         cursor:pointer;
3343 }
3344
3345 td.x-date-mp-sel a {
3346         padding:1px 3px;
3347         background: repeat-x left top;
3348         border:1px solid;
3349 }
3350
3351 .x-date-mp-ybtn a {
3352     overflow:hidden;
3353     width:15px;
3354     height:15px;
3355     cursor:pointer;
3356     background:transparent no-repeat;
3357     display:block;
3358     margin:0 auto;
3359 }
3360
3361 .x-date-mp-ybtn a.x-date-mp-next {
3362     background-position:0 -120px;
3363 }
3364
3365 .x-date-mp-ybtn a.x-date-mp-next:hover {
3366     background-position:-15px -120px;
3367 }
3368
3369 .x-date-mp-ybtn a.x-date-mp-prev {
3370     background-position:0 -105px;
3371 }
3372
3373 .x-date-mp-ybtn a.x-date-mp-prev:hover {
3374     background-position:-15px -105px;
3375 }
3376
3377 .x-date-mp-ybtn {
3378    text-align:center;
3379 }
3380
3381 td.x-date-mp-sep {
3382    border-right:1px solid;
3383 }.x-tip{
3384         position: absolute;
3385         top: 0;
3386     left:0;
3387     visibility: hidden;
3388         z-index: 20000;
3389     border:0 none;
3390 }
3391
3392 .x-tip .x-tip-close{
3393         height: 15px;
3394         float:right;
3395         width: 15px;
3396     margin:0 0 2px 2px;
3397     cursor:pointer;
3398     display:none;
3399 }
3400
3401 .x-tip .x-tip-tc {
3402         background: transparent no-repeat 0 -62px;
3403         padding-top:3px;
3404     overflow:hidden;
3405     zoom:1;
3406 }
3407
3408 .x-tip .x-tip-tl {
3409         background: transparent no-repeat 0 0;
3410         padding-left:6px;
3411     overflow:hidden;
3412     zoom:1;
3413 }
3414
3415 .x-tip .x-tip-tr {
3416         background: transparent no-repeat right 0;
3417         padding-right:6px;
3418     overflow:hidden;
3419     zoom:1;
3420 }
3421
3422 .x-tip .x-tip-bc {
3423         background: transparent no-repeat 0 -121px;
3424         height:3px;
3425     overflow:hidden;
3426 }
3427
3428 .x-tip .x-tip-bl {
3429         background: transparent no-repeat 0 -59px;
3430         padding-left:6px;
3431     zoom:1;
3432 }
3433
3434 .x-tip .x-tip-br {
3435         background: transparent no-repeat right -59px;
3436         padding-right:6px;
3437     zoom:1;
3438 }
3439
3440 .x-tip .x-tip-mc {
3441     border:0 none;
3442 }
3443
3444 .x-tip .x-tip-ml {
3445         background: no-repeat 0 -124px;
3446         padding-left:6px;
3447     zoom:1;
3448 }
3449
3450 .x-tip .x-tip-mr {
3451         background: transparent no-repeat right -124px;
3452         padding-right:6px;
3453     zoom:1;
3454 }
3455
3456 .ext-ie .x-tip .x-tip-header,.ext-ie .x-tip .x-tip-tc {
3457     font-size:0;
3458     line-height:0;
3459 }
3460
3461 .ext-border-box .x-tip .x-tip-header, .ext-border-box .x-tip .x-tip-tc{
3462     line-height: 1px;
3463 }
3464
3465 .x-tip .x-tip-header-text {
3466     padding:0;
3467     margin:0 0 2px 0;
3468 }
3469
3470 .x-tip .x-tip-body {
3471     margin:0 !important;
3472     line-height:14px;
3473     padding:0;
3474 }
3475
3476 .x-tip .x-tip-body .loading-indicator {
3477     margin:0;
3478 }
3479
3480 .x-tip-draggable .x-tip-header,.x-tip-draggable .x-tip-header-text {
3481     cursor:move;
3482 }
3483
3484 .x-form-invalid-tip .x-tip-tc {
3485         background: repeat-x 0 -12px;
3486     padding-top:6px;
3487 }
3488
3489 .x-form-invalid-tip .x-tip-bc {
3490         background: repeat-x 0 -18px;
3491     height:6px;
3492 }
3493
3494 .x-form-invalid-tip .x-tip-bl {
3495         background: no-repeat 0 -6px;
3496 }
3497
3498 .x-form-invalid-tip .x-tip-br {
3499         background: no-repeat right -6px;
3500 }
3501
3502 .x-form-invalid-tip .x-tip-body {
3503     padding:2px;
3504 }
3505
3506 .x-form-invalid-tip .x-tip-body {
3507     padding-left:24px;
3508     background:transparent no-repeat 2px 2px;
3509 }
3510
3511 .x-tip-anchor {
3512     position: absolute;
3513     width: 9px;
3514     height: 10px;
3515     overflow:hidden;
3516     background: transparent no-repeat 0 0;
3517     zoom:1;
3518 }
3519 .x-tip-anchor-bottom {
3520     background-position: -9px 0;
3521 }
3522 .x-tip-anchor-right {
3523     background-position: -18px 0;
3524     width: 10px;
3525 }
3526 .x-tip-anchor-left {
3527     background-position: -28px 0;
3528     width: 10px;
3529 }.x-menu {
3530         z-index: 15000;
3531         zoom: 1;
3532         background: repeat-y;
3533 }
3534
3535 .x-menu-floating{
3536     border: 1px solid;
3537 }
3538
3539 .x-menu a {
3540     text-decoration: none !important;
3541 }
3542
3543 .ext-ie .x-menu {
3544     zoom:1;
3545     overflow:hidden;
3546 }
3547
3548 .x-menu-list{
3549     padding: 2px;
3550         background:transparent;
3551         border:0 none;
3552     overflow:hidden;
3553     overflow-y: hidden;
3554 }
3555
3556 .ext-strict .ext-ie .x-menu-list{
3557     position: relative;
3558 }
3559
3560 .x-menu li{
3561         line-height:100%;
3562 }
3563
3564 .x-menu li.x-menu-sep-li{
3565         font-size:1px;
3566         line-height:1px;
3567 }
3568
3569 .x-menu-list-item{
3570     white-space: nowrap;
3571     -moz-user-select: none;
3572     -khtml-user-select:none;
3573     -webkit-user-select:ignore;
3574         display:block;
3575         padding:1px;
3576 }
3577
3578 .x-menu-item-arrow{
3579         background:transparent no-repeat right;
3580 }
3581
3582 .x-menu-sep {
3583         display:block;
3584         font-size:1px;
3585         line-height:1px;
3586         margin: 2px 3px;
3587         border-bottom:1px solid;
3588     overflow:hidden;
3589 }
3590
3591 .x-menu-focus {
3592         position:absolute;
3593         left:-1px;
3594         top:-1px;
3595         width:1px;
3596         height:1px;
3597     line-height:1px;
3598     font-size:1px;
3599     -moz-outline:0 none;
3600     outline:0 none;
3601     -moz-user-select: none;
3602     -khtml-user-select:none;
3603     -webkit-user-select:ignore;
3604     overflow:hidden;
3605     display:block;
3606 }
3607
3608 a.x-menu-item {
3609     cursor: pointer;
3610     display: block;
3611     line-height: 16px;
3612     outline-color: -moz-use-text-color;
3613     outline-style: none;
3614     outline-width: 0;
3615     padding: 3px 21px 3px 27px;
3616     position: relative;
3617     text-decoration: none;
3618     white-space: nowrap;
3619 }
3620
3621 .x-menu-item-active {
3622     background-repeat: repeat-x;
3623     background-position: left bottom;
3624     border-style:solid;
3625     border-width: 1px 0;
3626     margin:0 1px;
3627         padding: 0;
3628 }
3629
3630 .x-menu-item-active a.x-menu-item {
3631     border-style:solid;
3632     border-width:0 1px;
3633     margin:0 -1px;
3634 }
3635
3636 .x-menu-item-icon {
3637         border: 0 none;
3638         height: 16px;
3639         padding: 0;
3640         vertical-align: top;
3641         width: 16px;
3642         position: absolute;
3643     left: 3px;
3644     top: 3px;
3645     margin: 0;
3646     background-position:center;
3647 }
3648
3649 .ext-ie .x-menu-item-icon {
3650     left: -24px;
3651 }
3652 .ext-strict .x-menu-item-icon {
3653     left: 3px;
3654 }
3655
3656 .ext-ie6 .x-menu-item-icon {
3657     left: -24px;
3658 }
3659
3660 .ext-ie .x-menu-item-icon {
3661     vertical-align: middle;
3662 }
3663
3664 .x-menu-check-item .x-menu-item-icon{
3665         background: transparent no-repeat center;
3666 }
3667
3668 .x-menu-group-item .x-menu-item-icon{
3669         background: transparent;
3670 }
3671
3672 .x-menu-item-checked .x-menu-group-item .x-menu-item-icon{
3673     background: transparent no-repeat center;
3674 }
3675
3676 .x-date-menu .x-menu-list{
3677     padding: 0;
3678 }
3679
3680 .x-menu-date-item{
3681         padding:0;
3682 }
3683
3684 .x-menu .x-color-palette, .x-menu .x-date-picker{
3685     margin-left: 26px;
3686         margin-right:4px;
3687 }
3688
3689 .x-menu .x-date-picker{
3690     border:1px solid;
3691     margin-top:2px;
3692     margin-bottom:2px;
3693 }
3694
3695 .x-menu-plain .x-color-palette, .x-menu-plain .x-date-picker{
3696          margin: 0;
3697          border: 0 none;
3698 }
3699
3700 .x-date-menu {
3701    padding:0 !important;
3702 }
3703
3704 .x-cycle-menu .x-menu-item-checked {
3705     border:1px dotted !important;
3706         padding:0;
3707 }
3708
3709 .x-menu .x-menu-scroller {
3710     width: 100%;
3711         background-repeat:no-repeat;
3712         background-position:center;
3713         height:8px;
3714     line-height: 8px;
3715         cursor:pointer;
3716     margin: 0;
3717     padding: 0;
3718 }
3719
3720 .x-menu .x-menu-scroller-active{
3721     height: 6px;
3722     line-height: 6px;
3723 }
3724
3725 .x-menu-list-item-indent{
3726     padding-left: 27px;
3727 }
3728 /*
3729  Creates rounded, raised boxes like on the Ext website - the markup isn't pretty:
3730   <div class="x-box-blue">
3731         <div class="x-box-tl"><div class="x-box-tr"><div class="x-box-tc"></div></div></div>
3732         <div class="x-box-ml"><div class="x-box-mr"><div class="x-box-mc">
3733             <h3>YOUR TITLE HERE (optional)</h3>
3734             <div>YOUR CONTENT HERE</div>
3735         </div></div></div>
3736         <div class="x-box-bl"><div class="x-box-br"><div class="x-box-bc"></div></div></div>
3737     </div>
3738  */
3739
3740 .x-box-tl {
3741         background: transparent no-repeat 0 0;
3742     zoom:1;
3743 }
3744
3745 .x-box-tc {
3746         height: 8px;
3747         background: transparent repeat-x 0 0;
3748         overflow: hidden;
3749 }
3750
3751 .x-box-tr {
3752         background: transparent no-repeat right -8px;
3753 }
3754
3755 .x-box-ml {
3756         background: transparent repeat-y 0;
3757         padding-left: 4px;
3758         overflow: hidden;
3759     zoom:1;
3760 }
3761
3762 .x-box-mc {
3763         background: repeat-x 0 -16px;
3764         padding: 4px 10px;
3765 }
3766
3767 .x-box-mc h3 {
3768         margin: 0 0 4px 0;
3769     zoom:1;
3770 }
3771
3772 .x-box-mr {
3773         background: transparent repeat-y right;
3774         padding-right: 4px;
3775         overflow: hidden;
3776 }
3777
3778 .x-box-bl {
3779         background: transparent no-repeat 0 -16px;
3780     zoom:1;
3781 }
3782
3783 .x-box-bc {
3784         background: transparent repeat-x 0 -8px;
3785         height: 8px;
3786         overflow: hidden;
3787 }
3788
3789 .x-box-br {
3790         background: transparent no-repeat right -24px;
3791 }
3792
3793 .x-box-tl, .x-box-bl {
3794         padding-left: 8px;
3795         overflow: hidden;
3796 }
3797
3798 .x-box-tr, .x-box-br {
3799         padding-right: 8px;
3800         overflow: hidden;
3801 }#x-debug-browser .x-tree .x-tree-node a span {
3802     padding-top:2px;
3803     line-height:18px;
3804 }
3805
3806 #x-debug-browser  .x-tool-toggle {
3807     background-position:0 -75px;
3808 }
3809
3810 #x-debug-browser  .x-tool-toggle-over {
3811     background-position:-15px -75px;
3812 }
3813
3814 #x-debug-browser.x-panel-collapsed .x-tool-toggle {
3815     background-position:0 -60px;
3816 }
3817
3818 #x-debug-browser.x-panel-collapsed .x-tool-toggle-over {
3819     background-position:-15px -60px;
3820 }.x-combo-list {
3821     border:1px solid;
3822     zoom:1;
3823     overflow:hidden;
3824 }
3825
3826 .x-combo-list-inner {
3827     overflow:auto;
3828     position:relative; /* for calculating scroll offsets */
3829     zoom:1;
3830     overflow-x:hidden;
3831 }
3832
3833 .x-combo-list-hd {
3834     border-bottom:1px solid;
3835     padding:3px;
3836 }
3837
3838 .x-resizable-pinned .x-combo-list-inner {
3839     border-bottom:1px solid;
3840 }
3841
3842 .x-combo-list-item {
3843     padding:2px;
3844     border:1px solid;
3845     white-space: nowrap;
3846     overflow:hidden;
3847     text-overflow: ellipsis;
3848 }
3849
3850 .x-combo-list .x-combo-selected{
3851         border:1px dotted !important;
3852     cursor:pointer;
3853 }
3854
3855 .x-combo-list .x-toolbar {
3856     border-top:1px solid;
3857     border-bottom:0 none;
3858 }.x-panel {
3859     border-style: solid;
3860     border-width:0;
3861 }
3862
3863 .x-panel-header {
3864     overflow:hidden;
3865     zoom:1;
3866     padding:5px 3px 4px 5px;
3867     border:1px solid;
3868     line-height: 15px;
3869     background: transparent repeat-x 0 -1px;
3870 }
3871
3872 .x-panel-body {
3873     border:1px solid;
3874     border-top:0 none;
3875     overflow:hidden;
3876     position: relative; /* added for item scroll positioning */
3877 }
3878
3879 .x-panel-bbar .x-toolbar, .x-panel-tbar .x-toolbar {
3880     border:1px solid;
3881     border-top:0 none;
3882     overflow:hidden;
3883     padding:2px;
3884 }
3885
3886 .x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
3887     border-top:1px solid;
3888     border-bottom: 0 none;
3889 }
3890
3891 .x-panel-body-noheader, .x-panel-mc .x-panel-body {
3892     border-top:1px solid;
3893 }
3894
3895 .x-panel-header {
3896     overflow:hidden;
3897     zoom:1;
3898 }
3899
3900 .x-panel-tl .x-panel-header {
3901     padding:5px 0 4px 0;
3902     border:0 none;
3903     background:transparent;
3904 }
3905
3906 .x-panel-tl .x-panel-icon, .x-window-tl .x-panel-icon {
3907     padding-left:20px !important;
3908     background-repeat:no-repeat;
3909     background-position:0 4px;
3910     zoom:1;
3911 }
3912
3913 .x-panel-inline-icon {
3914     width:16px;
3915         height:16px;
3916     background-repeat:no-repeat;
3917     background-position:0 0;
3918         vertical-align:middle;
3919         margin-right:4px;
3920         margin-top:-1px;
3921         margin-bottom:-1px;
3922 }
3923
3924 .x-panel-tc {
3925         background: transparent repeat-x 0 0;
3926         overflow:hidden;
3927 }
3928
3929 /* fix ie7 strict mode bug */
3930 .ext-strict .ext-ie7 .x-panel-tc {
3931     overflow: visible;
3932 }
3933
3934 .x-panel-tl {
3935         background: transparent no-repeat 0 0;
3936         padding-left:6px;
3937     zoom:1;
3938     border-bottom:1px solid;
3939 }
3940
3941 .x-panel-tr {
3942         background: transparent no-repeat right 0;
3943         zoom:1;
3944     padding-right:6px;
3945 }
3946
3947 .x-panel-bc {
3948         background: transparent repeat-x 0 bottom;
3949     zoom:1;
3950 }
3951
3952 .x-panel-bc .x-panel-footer {
3953     zoom:1;
3954 }
3955
3956 .x-panel-bl {
3957         background: transparent no-repeat 0 bottom;
3958         padding-left:6px;
3959     zoom:1;
3960 }
3961
3962 .x-panel-br {
3963         background: transparent no-repeat right bottom;
3964         padding-right:6px;
3965     zoom:1;
3966 }
3967
3968 .x-panel-mc {
3969     border:0 none;
3970     padding:0;
3971     margin:0;
3972     padding-top:6px;
3973 }
3974
3975 .x-panel-mc .x-panel-body {
3976     background:transparent;
3977     border: 0 none;
3978 }
3979
3980 .x-panel-ml {
3981         background: repeat-y 0 0;
3982         padding-left:6px;
3983     zoom:1;
3984 }
3985
3986 .x-panel-mr {
3987         background: transparent repeat-y right 0;
3988         padding-right:6px;
3989     zoom:1;
3990 }
3991
3992 .x-panel-bc .x-panel-footer {
3993     padding-bottom:6px;
3994 }
3995
3996 .x-panel-nofooter .x-panel-bc, .x-panel-nofooter .x-window-bc {
3997         height:6px;
3998     font-size:0;
3999     line-height:0;
4000 }
4001
4002 .x-panel-bwrap {
4003     overflow:hidden;
4004     zoom:1;
4005     left:0;
4006     top:0;
4007 }
4008 .x-panel-body {
4009     overflow:hidden;
4010     zoom:1;
4011 }
4012
4013 .x-panel-collapsed .x-resizable-handle{
4014     display:none;
4015 }
4016
4017 .ext-gecko .x-panel-animated div {
4018     overflow:hidden !important;
4019 }
4020
4021 /* Plain */
4022 .x-plain-body {
4023     overflow:hidden;
4024 }
4025
4026 .x-plain-bbar .x-toolbar {
4027     overflow:hidden;
4028     padding:2px;
4029 }
4030
4031 .x-plain-tbar .x-toolbar {
4032     overflow:hidden;
4033     padding:2px;
4034 }
4035
4036 .x-plain-bwrap {
4037     overflow:hidden;
4038     zoom:1;
4039 }
4040
4041 .x-plain {
4042     overflow:hidden;
4043 }
4044
4045 /* Tools */
4046 .x-tool {
4047     overflow:hidden;
4048     width:15px;
4049     height:15px;
4050     float:right;
4051     cursor:pointer;
4052     background:transparent no-repeat;
4053     margin-left:2px;
4054 }
4055
4056 /* expand / collapse tools */
4057 .x-tool-toggle {
4058     background-position:0 -60px;
4059 }
4060
4061 .x-tool-toggle-over {
4062     background-position:-15px -60px;
4063 }
4064
4065 .x-panel-collapsed .x-tool-toggle {
4066     background-position:0 -75px;
4067 }
4068
4069 .x-panel-collapsed .x-tool-toggle-over {
4070     background-position:-15px -75px;
4071 }
4072
4073
4074 .x-tool-close {
4075     background-position:0 -0;
4076 }
4077
4078 .x-tool-close-over {
4079     background-position:-15px 0;
4080 }
4081
4082 .x-tool-minimize {
4083     background-position:0 -15px;
4084 }
4085
4086 .x-tool-minimize-over {
4087     background-position:-15px -15px;
4088 }
4089
4090 .x-tool-maximize {
4091     background-position:0 -30px;
4092 }
4093
4094 .x-tool-maximize-over {
4095     background-position:-15px -30px;
4096 }
4097
4098 .x-tool-restore {
4099     background-position:0 -45px;
4100 }
4101
4102 .x-tool-restore-over {
4103     background-position:-15px -45px;
4104 }
4105
4106 .x-tool-gear {
4107     background-position:0 -90px;
4108 }
4109
4110 .x-tool-gear-over {
4111     background-position:-15px -90px;
4112 }
4113
4114 .x-tool-pin {
4115     background-position:0 -135px;
4116 }
4117
4118 .x-tool-pin-over {
4119     background-position:-15px -135px;
4120 }
4121
4122 .x-tool-unpin {
4123     background-position:0 -150px;
4124 }
4125
4126 .x-tool-unpin-over {
4127     background-position:-15px -150px;
4128 }
4129
4130 .x-tool-right {
4131     background-position:0 -165px;
4132 }
4133
4134 .x-tool-right-over {
4135     background-position:-15px -165px;
4136 }
4137
4138 .x-tool-left {
4139     background-position:0 -180px;
4140 }
4141
4142 .x-tool-left-over {
4143     background-position:-15px -180px;
4144 }
4145
4146 .x-tool-up {
4147     background-position:0 -210px;
4148 }
4149
4150 .x-tool-up-over {
4151     background-position:-15px -210px;
4152 }
4153
4154 .x-tool-down {
4155     background-position:0 -195px;
4156 }
4157
4158 .x-tool-down-over {
4159     background-position:-15px -195px;
4160 }
4161
4162 .x-tool-refresh {
4163     background-position:0 -225px;
4164 }
4165
4166 .x-tool-refresh-over {
4167     background-position:-15px -225px;
4168 }
4169
4170 .x-tool-minus {
4171     background-position:0 -255px;
4172 }
4173
4174 .x-tool-minus-over {
4175     background-position:-15px -255px;
4176 }
4177
4178 .x-tool-plus {
4179     background-position:0 -240px;
4180 }
4181
4182 .x-tool-plus-over {
4183     background-position:-15px -240px;
4184 }
4185
4186 .x-tool-search {
4187     background-position:0 -270px;
4188 }
4189
4190 .x-tool-search-over {
4191     background-position:-15px -270px;
4192 }
4193
4194 .x-tool-save {
4195     background-position:0 -285px;
4196 }
4197
4198 .x-tool-save-over {
4199     background-position:-15px -285px;
4200 }
4201
4202 .x-tool-help {
4203     background-position:0 -300px;
4204 }
4205
4206 .x-tool-help-over {
4207     background-position:-15px -300px;
4208 }
4209
4210 .x-tool-print {
4211     background-position:0 -315px;
4212 }
4213
4214 .x-tool-print-over {
4215     background-position:-15px -315px;
4216 }
4217
4218 /* Ghosting */
4219 .x-panel-ghost {
4220     z-index:12000;
4221     overflow:hidden;
4222     position:absolute;
4223     left:0;top:0;
4224     opacity:.65;
4225     -moz-opacity:.65;
4226     filter:alpha(opacity=65);
4227 }
4228
4229 .x-panel-ghost ul {
4230     margin:0;
4231     padding:0;
4232     overflow:hidden;
4233     font-size:0;
4234     line-height:0;
4235     border:1px solid;
4236     border-top:0 none;
4237     display:block;
4238 }
4239
4240 .x-panel-ghost * {
4241     cursor:move !important;
4242 }
4243
4244 .x-panel-dd-spacer {
4245     border:2px dashed;
4246 }
4247
4248 /* Buttons */
4249 .x-panel-btns {
4250     padding:5px;
4251     overflow:hidden;
4252 }
4253
4254 .x-panel-btns-right .x-panel-fbar {
4255         float:right;
4256         clear:none;
4257 }
4258
4259 .x-panel-btns-left .x-panel-fbar {
4260         clear:none;
4261 }
4262
4263 .x-panel-btns-center{
4264         text-align:center; /*ie*/
4265 }
4266
4267 .x-panel-btns-center .x-toolbar-ct {
4268         margin:0 auto; /*everyone else*/
4269     text-align:left;
4270     width:auto;
4271 }
4272
4273 .ext-gecko2 .x-panel-btns-right .x-toolbar-ct {
4274     width:auto;
4275 }
4276
4277 .x-panel-btns td.x-toolbar-cell{
4278         padding:3px;
4279 }
4280
4281 .x-panel-btns .x-btn-focus .x-btn-left{
4282         background-position:0 -147px;
4283 }
4284
4285 .x-panel-btns .x-btn-focus .x-btn-right{
4286         background-position:0 -168px;
4287 }
4288
4289 .x-panel-btns .x-btn-focus .x-btn-center{
4290         background-position:0 -189px;
4291 }
4292
4293 .x-panel-btns .x-btn-over .x-btn-left{
4294         background-position:0 -63px;
4295 }
4296
4297 .x-panel-btns .x-btn-over .x-btn-right{
4298         background-position:0 -84px;
4299 }
4300
4301 .x-panel-btns .x-btn-over .x-btn-center{
4302         background-position:0 -105px;
4303 }
4304
4305 .x-panel-btns .x-btn-click .x-btn-center{
4306         background-position:0 -126px;
4307 }
4308
4309 .x-panel-btns .x-btn-click  .x-btn-right{
4310         background-position:0 -84px;
4311 }
4312
4313 .x-panel-btns .x-btn-click .x-btn-left{
4314         background-position:0 -63px;
4315 }
4316
4317 .x-panel-fbar td,.x-panel-fbar span,.x-panel-fbar input,.x-panel-fbar div,.x-panel-fbar select,.x-panel-fbar label{
4318         white-space: nowrap;
4319 }
4320 /**
4321  * W3C Suggested Default style sheet for HTML 4
4322  * http://www.w3.org/TR/CSS21/sample.html
4323  *
4324  * Resets for Ext.Panel @cfg normal: true
4325  */
4326 .x-panel-reset .x-panel-body html,
4327 .x-panel-reset .x-panel-body address,
4328 .x-panel-reset .x-panel-body blockquote,
4329 .x-panel-reset .x-panel-body body,
4330 .x-panel-reset .x-panel-body dd,
4331 .x-panel-reset .x-panel-body div,
4332 .x-panel-reset .x-panel-body dl,
4333 .x-panel-reset .x-panel-body dt,
4334 .x-panel-reset .x-panel-body fieldset,
4335 .x-panel-reset .x-panel-body form,
4336 .x-panel-reset .x-panel-body frame, frameset,
4337 .x-panel-reset .x-panel-body h1,
4338 .x-panel-reset .x-panel-body h2,
4339 .x-panel-reset .x-panel-body h3,
4340 .x-panel-reset .x-panel-body h4,
4341 .x-panel-reset .x-panel-body h5,
4342 .x-panel-reset .x-panel-body h6,
4343 .x-panel-reset .x-panel-body noframes,
4344 .x-panel-reset .x-panel-body ol,
4345 .x-panel-reset .x-panel-body p,
4346 .x-panel-reset .x-panel-body ul,
4347 .x-panel-reset .x-panel-body center,
4348 .x-panel-reset .x-panel-body dir,
4349 .x-panel-reset .x-panel-body hr,
4350 .x-panel-reset .x-panel-body menu,
4351 .x-panel-reset .x-panel-body pre                          { display: block }
4352 .x-panel-reset .x-panel-body li              { display: list-item }
4353 .x-panel-reset .x-panel-body head            { display: none }
4354 .x-panel-reset .x-panel-body table           { display: table }
4355 .x-panel-reset .x-panel-body tr              { display: table-row }
4356 .x-panel-reset .x-panel-body thead           { display: table-header-group }
4357 .x-panel-reset .x-panel-body tbody           { display: table-row-group }
4358 .x-panel-reset .x-panel-body tfoot           { display: table-footer-group }
4359 .x-panel-reset .x-panel-body col             { display: table-column }
4360 .x-panel-reset .x-panel-body colgroup        { display: table-column-group }
4361 .x-panel-reset .x-panel-body td,
4362 .x-panel-reset .x-panel-body th                   { display: table-cell }
4363 .x-panel-reset .x-panel-body caption         { display: table-caption }
4364 .x-panel-reset .x-panel-body th              { font-weight: bolder; text-align: center }
4365 .x-panel-reset .x-panel-body caption         { text-align: center }
4366 .x-panel-reset .x-panel-body body            { margin: 8px }
4367 .x-panel-reset .x-panel-body h1              { font-size: 2em; margin: .67em 0 }
4368 .x-panel-reset .x-panel-body h2              { font-size: 1.5em; margin: .75em 0 }
4369 .x-panel-reset .x-panel-body h3              { font-size: 1.17em; margin: .83em 0 }
4370 .x-panel-reset .x-panel-body h4,
4371 .x-panel-reset .x-panel-body p,
4372 .x-panel-reset .x-panel-body blockquote,
4373 .x-panel-reset .x-panel-body ul,
4374 .x-panel-reset .x-panel-body fieldset,
4375 .x-panel-reset .x-panel-body form,
4376 .x-panel-reset .x-panel-body ol,
4377 .x-panel-reset .x-panel-body dl,
4378 .x-panel-reset .x-panel-body dir,
4379 .x-panel-reset .x-panel-body menu            { margin: 1.12em 0 }
4380 .x-panel-reset .x-panel-body h5              { font-size: .83em; margin: 1.5em 0 }
4381 .x-panel-reset .x-panel-body h6              { font-size: .75em; margin: 1.67em 0 }
4382 .x-panel-reset .x-panel-body h1,
4383 .x-panel-reset .x-panel-body h2,
4384 .x-panel-reset .x-panel-body h3,
4385 .x-panel-reset .x-panel-body h4,
4386 .x-panel-reset .x-panel-body h5,
4387 .x-panel-reset .x-panel-body h6,
4388 .x-panel-reset .x-panel-body b,
4389 .x-panel-reset .x-panel-body strong          { font-weight: bolder }
4390 .x-panel-reset .x-panel-body blockquote      { margin-left: 40px; margin-right: 40px }
4391 .x-panel-reset .x-panel-body i,
4392 .x-panel-reset .x-panel-body cite,
4393 .x-panel-reset .x-panel-body em,
4394 .x-panel-reset .x-panel-body var,
4395 .x-panel-reset .x-panel-body address              { font-style: italic }
4396 .x-panel-reset .x-panel-body pre,
4397 .x-panel-reset .x-panel-body tt,
4398 .x-panel-reset .x-panel-body code,
4399 .x-panel-reset .x-panel-body kbd,
4400 .x-panel-reset .x-panel-body samp                 { font-family: monospace }
4401 .x-panel-reset .x-panel-body pre             { white-space: pre }
4402 .x-panel-reset .x-panel-body button,
4403 .x-panel-reset .x-panel-body textarea,
4404 .x-panel-reset .x-panel-body input,
4405 .x-panel-reset .x-panel-body select               { display: inline-block }
4406 .x-panel-reset .x-panel-body big             { font-size: 1.17em }
4407 .x-panel-reset .x-panel-body small,
4408 .x-panel-reset .x-panel-body sub,
4409 .x-panel-reset .x-panel-body sup                          { font-size: .83em }
4410 .x-panel-reset .x-panel-body sub             { vertical-align: sub }
4411 .x-panel-reset .x-panel-body sup             { vertical-align: super }
4412 .x-panel-reset .x-panel-body table           { border-spacing: 2px; }
4413 .x-panel-reset .x-panel-body thead,
4414 .x-panel-reset .x-panel-body tbody,
4415 .x-panel-reset .x-panel-body tfoot           { vertical-align: middle }
4416 .x-panel-reset .x-panel-body td,
4417 .x-panel-reset .x-panel-body th                   { vertical-align: inherit }
4418 .x-panel-reset .x-panel-body s,
4419 .x-panel-reset .x-panel-body strike,
4420 .x-panel-reset .x-panel-body del                          { text-decoration: line-through }
4421 .x-panel-reset .x-panel-body hr              { border: 1px inset }
4422 .x-panel-reset .x-panel-body ol,
4423 .x-panel-reset .x-panel-body ul,
4424 .x-panel-reset .x-panel-body dir,
4425 .x-panel-reset .x-panel-body menu,
4426 .x-panel-reset .x-panel-body dd           { margin-left: 40px }
4427 .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;}
4428 .x-panel-reset .x-panel-body ol              { list-style-type: decimal }
4429 .x-panel-reset .x-panel-body ol ul,
4430 .x-panel-reset .x-panel-body ul ol,
4431 .x-panel-reset .x-panel-body ul ul,
4432 .x-panel-reset .x-panel-body ol ol                { margin-top: 0; margin-bottom: 0 }
4433 .x-panel-reset .x-panel-body u,
4434 .x-panel-reset .x-panel-body ins                  { text-decoration: underline }
4435 .x-panel-reset .x-panel-body br:before       { content: "\A" }
4436 .x-panel-reset .x-panel-body :before, .x-panel-reset .x-panel-body :after { white-space: pre-line }
4437 .x-panel-reset .x-panel-body center          { text-align: center }
4438 .x-panel-reset .x-panel-body :link, .x-panel-reset .x-panel-body :visited { text-decoration: underline }
4439 .x-panel-reset .x-panel-body :focus          { outline: thin dotted invert }
4440
4441 /* Begin bidirectionality settings (do not change) */
4442 .x-panel-reset .x-panel-body BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
4443 .x-panel-reset .x-panel-body BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }
4444 .x-window {
4445     zoom:1;
4446 }
4447
4448 .x-window .x-resizable-handle {
4449     opacity:0;
4450     -moz-opacity:0;
4451     filter:alpha(opacity=0);
4452 }
4453
4454 .x-window-proxy {
4455     border:1px solid;
4456     z-index:12000;
4457     overflow:hidden;
4458     position:absolute;
4459     left:0;top:0;
4460     display:none;
4461     opacity:.5;
4462     -moz-opacity:.5;
4463     filter:alpha(opacity=50);
4464 }
4465
4466 .x-window-header {
4467     overflow:hidden;
4468     zoom:1;
4469 }
4470
4471 .x-window-bwrap {
4472     z-index:1;
4473     position:relative;
4474     zoom:1;
4475     left:0;top:0;
4476 }
4477
4478 .x-window-tl .x-window-header {
4479     padding:5px 0 4px 0;
4480 }
4481
4482 .x-window-header-text {
4483     cursor:pointer;
4484 }
4485
4486 .x-window-tc {
4487         background: transparent repeat-x 0 0;
4488         overflow:hidden;
4489     zoom:1;
4490 }
4491
4492 .x-window-tl {
4493         background: transparent no-repeat 0 0;
4494         padding-left:6px;
4495     zoom:1;
4496     z-index:1;
4497     position:relative;
4498 }
4499
4500 .x-window-tr {
4501         background: transparent no-repeat right 0;
4502         padding-right:6px;
4503 }
4504
4505 .x-window-bc {
4506         background: transparent repeat-x 0 bottom;
4507     zoom:1;
4508 }
4509
4510 .x-window-bc .x-window-footer {
4511     padding-bottom:6px;
4512     zoom:1;
4513     font-size:0;
4514     line-height:0;
4515 }
4516
4517 .x-window-bl {
4518         background: transparent no-repeat 0 bottom;
4519         padding-left:6px;
4520     zoom:1;
4521 }
4522
4523 .x-window-br {
4524         background: transparent no-repeat right bottom;
4525         padding-right:6px;
4526     zoom:1;
4527 }
4528
4529 .x-window-mc {
4530     border:1px solid;
4531     padding:0;
4532     margin:0;
4533 }
4534
4535 .x-window-ml {
4536         background: transparent repeat-y 0 0;
4537         padding-left:6px;
4538     zoom:1;
4539 }
4540
4541 .x-window-mr {
4542         background: transparent repeat-y right 0;
4543         padding-right:6px;
4544     zoom:1;
4545 }
4546
4547 .x-window-body {
4548     overflow:hidden;
4549 }
4550
4551 .x-window-bwrap {
4552     overflow:hidden;
4553 }
4554
4555 .x-window-maximized .x-window-bl, .x-window-maximized .x-window-br,
4556     .x-window-maximized .x-window-ml, .x-window-maximized .x-window-mr,
4557     .x-window-maximized .x-window-tl, .x-window-maximized .x-window-tr {
4558     padding:0;
4559 }
4560
4561 .x-window-maximized .x-window-footer {
4562     padding-bottom:0;
4563 }
4564
4565 .x-window-maximized .x-window-tc {
4566     padding-left:3px;
4567     padding-right:3px;
4568 }
4569
4570 .x-window-maximized .x-window-mc {
4571     border-left:0 none;
4572     border-right:0 none;
4573 }
4574
4575 .x-window-tbar .x-toolbar, .x-window-bbar .x-toolbar {
4576     border-left:0 none;
4577     border-right: 0 none;
4578 }
4579
4580 .x-window-bbar .x-toolbar {
4581     border-top:1px solid;
4582     border-bottom:0 none;
4583 }
4584
4585 .x-window-draggable, .x-window-draggable .x-window-header-text {
4586     cursor:move;
4587 }
4588
4589 .x-window-maximized .x-window-draggable, .x-window-maximized .x-window-draggable .x-window-header-text {
4590     cursor:default;
4591 }
4592
4593 .x-window-body {
4594     background:transparent;
4595 }
4596
4597 .x-panel-ghost .x-window-tl {
4598     border-bottom:1px solid;
4599 }
4600
4601 .x-panel-collapsed .x-window-tl {
4602     border-bottom:1px solid;
4603 }
4604
4605 .x-window-maximized-ct {
4606     overflow:hidden;
4607 }
4608
4609 .x-window-maximized .x-resizable-handle {
4610     display:none;
4611 }
4612
4613 .x-window-sizing-ghost ul {
4614     border:0 none !important;
4615 }
4616
4617 .x-dlg-focus{
4618         -moz-outline:0 none;
4619         outline:0 none;
4620         width:0;
4621         height:0;
4622         overflow:hidden;
4623         position:absolute;
4624         top:0;
4625         left:0;
4626 }
4627
4628 .ext-webkit .x-dlg-focus{
4629     width: 1px;
4630     height: 1px;
4631 }
4632
4633 .x-dlg-mask{
4634     z-index:10000;
4635     display:none;
4636     position:absolute;
4637     top:0;
4638     left:0;
4639     -moz-opacity: 0.5;
4640     opacity:.50;
4641     filter: alpha(opacity=50);
4642 }
4643
4644 body.ext-ie6.x-body-masked select {
4645         visibility:hidden;
4646 }
4647
4648 body.ext-ie6.x-body-masked .x-window select {
4649         visibility:visible;
4650 }
4651
4652 .x-window-plain .x-window-mc {
4653     border: 1px solid;
4654 }
4655
4656 .x-window-plain .x-window-body {
4657     border: 1px solid;
4658     background:transparent !important;
4659 }.x-html-editor-wrap {
4660     border:1px solid;
4661 }
4662
4663 .x-html-editor-tb .x-btn-text {
4664     background:transparent no-repeat;
4665 }
4666
4667 .x-html-editor-tb .x-edit-bold, .x-menu-item img.x-edit-bold {
4668     background-position:0 0;
4669     background-image:url(../../../../library/ExtJS/resources/images/default/editor/tb-sprite.gif);    
4670 }
4671
4672 .x-html-editor-tb .x-edit-italic, .x-menu-item img.x-edit-italic {
4673     background-position:-16px 0;
4674     background-image:url(../../../../library/ExtJS/resources/images/default/editor/tb-sprite.gif);
4675 }
4676
4677 .x-html-editor-tb .x-edit-underline, .x-menu-item img.x-edit-underline {
4678     background-position:-32px 0;
4679     background-image:url(../../../../library/ExtJS/resources/images/default/editor/tb-sprite.gif);
4680 }
4681
4682 .x-html-editor-tb .x-edit-forecolor, .x-menu-item img.x-edit-forecolor {
4683     background-position:-160px 0;
4684     background-image:url(../../../../library/ExtJS/resources/images/default/editor/tb-sprite.gif);
4685 }
4686
4687 .x-html-editor-tb .x-edit-backcolor, .x-menu-item img.x-edit-backcolor {
4688     background-position:-176px 0;
4689     background-image:url(../../../../library/ExtJS/resources/images/default/editor/tb-sprite.gif);
4690 }
4691
4692 .x-html-editor-tb .x-edit-justifyleft, .x-menu-item img.x-edit-justifyleft {
4693     background-position:-112px 0;
4694     background-image:url(../../../../library/ExtJS/resources/images/default/editor/tb-sprite.gif);
4695 }
4696
4697 .x-html-editor-tb .x-edit-justifycenter, .x-menu-item img.x-edit-justifycenter {
4698     background-position:-128px 0;
4699     background-image:url(../../../../library/ExtJS/resources/images/default/editor/tb-sprite.gif);
4700 }
4701
4702 .x-html-editor-tb .x-edit-justifyright, .x-menu-item img.x-edit-justifyright {
4703     background-position:-144px 0;
4704     background-image:url(../../../../library/ExtJS/resources/images/default/editor/tb-sprite.gif);
4705 }
4706
4707 .x-html-editor-tb .x-edit-insertorderedlist, .x-menu-item img.x-edit-insertorderedlist {
4708     background-position:-80px 0;
4709     background-image:url(../../../../library/ExtJS/resources/images/default/editor/tb-sprite.gif);
4710 }
4711
4712 .x-html-editor-tb .x-edit-insertunorderedlist, .x-menu-item img.x-edit-insertunorderedlist {
4713     background-position:-96px 0;
4714     background-image:url(../../../../library/ExtJS/resources/images/default/editor/tb-sprite.gif);
4715 }
4716
4717 .x-html-editor-tb .x-edit-increasefontsize, .x-menu-item img.x-edit-increasefontsize {
4718     background-position:-48px 0;
4719     background-image:url(../../../../library/ExtJS/resources/images/default/editor/tb-sprite.gif);
4720 }
4721
4722 .x-html-editor-tb .x-edit-decreasefontsize, .x-menu-item img.x-edit-decreasefontsize {
4723     background-position:-64px 0;
4724     background-image:url(../../../../library/ExtJS/resources/images/default/editor/tb-sprite.gif);
4725 }
4726
4727 .x-html-editor-tb .x-edit-sourceedit, .x-menu-item img.x-edit-sourceedit {
4728     background-position:-192px 0;
4729     background-image:url(../../../../library/ExtJS/resources/images/default/editor/tb-sprite.gif);
4730 }
4731
4732 .x-html-editor-tb .x-edit-createlink, .x-menu-item img.x-edit-createlink {
4733     background-position:-208px 0;
4734     background-image:url(../../../../library/ExtJS/resources/images/default/editor/tb-sprite.gif);
4735 }
4736
4737 .x-html-editor-tip .x-tip-bd .x-tip-bd-inner {
4738     padding:5px;
4739     padding-bottom:1px;
4740 }
4741
4742 .x-html-editor-tb .x-toolbar {
4743     position:static !important;
4744 }.x-panel-noborder .x-panel-body-noborder {
4745     border-width:0;
4746 }
4747
4748 .x-panel-noborder .x-panel-header-noborder {
4749     border-width:0 0 1px;
4750     border-style:solid;
4751 }
4752
4753 .x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
4754     border-width:0 0 1px;
4755     border-style:solid;
4756 }
4757
4758 .x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
4759     border-width:1px 0 0 0;
4760     border-style:solid;
4761 }
4762
4763 .x-window-noborder .x-window-mc {
4764     border-width:0;
4765 }
4766
4767 .x-window-plain .x-window-body-noborder {
4768     border-width:0;
4769 }
4770
4771 .x-tab-panel-noborder .x-tab-panel-body-noborder {
4772         border-width:0;
4773 }
4774
4775 .x-tab-panel-noborder .x-tab-panel-header-noborder {
4776     border-width: 0 0 1px 0;
4777 }
4778
4779 .x-tab-panel-noborder .x-tab-panel-footer-noborder {
4780     border-width: 1px 0 0 0;
4781 }
4782
4783 .x-tab-panel-bbar-noborder .x-toolbar {
4784     border-width: 1px 0 0 0;
4785     border-style:solid;
4786 }
4787
4788 .x-tab-panel-tbar-noborder .x-toolbar {
4789     border-width:0 0 1px;
4790     border-style:solid;
4791 }.x-border-layout-ct {
4792     position: relative;
4793 }
4794
4795 .x-border-panel {
4796     position:absolute;
4797     left:0;