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