[BUGFIX] Make Toolbar scrollable if there are too many Pagetypes
[Packages/TYPO3.CMS.git] / typo3 / sysext / core / Resources / Public / JavaScript / Contrib / extjs / resources / css / ext-all-notheme.css
1 /*
2 This file is part of Ext JS 3.4
3
4 Copyright (c) 2011-2013 Sencha Inc
5
6 Contact: http://www.sencha.com/contact
7
8 GNU General Public License Usage
9 This file may be used under the terms of the GNU General Public License version 3.0 as
10 published by the Free Software Foundation and appearing in the file LICENSE included in the
11 packaging of this file.
12
13 Please review the following information to ensure the GNU General Public License version 3.0
14 requirements will be met: http://www.gnu.org/copyleft/gpl.html.
15
16 If you are unsure which license is appropriate for your use, please contact the sales department
17 at http://www.sencha.com/contact.
18
19 Build date: 2013-04-03 15:07:25
20 */
21 /* this reset not used by TYPO3 CMS, we use normalize.css instead:
22 html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}img,body,html{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}
23 */
24
25 .ext-forced-border-box, .ext-forced-border-box * {
26 -moz-box-sizing: border-box;
27 -ms-box-sizing: border-box;
28 -webkit-box-sizing: border-box;
29 }
30 .ext-el-mask {
31 z-index: 100;
32 position: absolute;
33 top:0;
34 left:0;
35 -moz-opacity: 0.5;
36 opacity: .50;
37 filter: alpha(opacity=50);
38 width: 100%;
39 height: 100%;
40 zoom: 1;
41 }
42
43 .ext-el-mask-msg {
44 z-index: 20001;
45 position: absolute;
46 top: 0;
47 left: 0;
48 border:1px solid;
49 background:repeat-x 0 -16px;
50 padding:2px;
51 }
52
53 .ext-el-mask-msg div {
54 padding:5px 10px 5px 10px;
55 border:1px solid;
56 cursor:wait;
57 }
58
59 .ext-shim {
60 position:absolute;
61 visibility:hidden;
62 left:0;
63 top:0;
64 overflow:hidden;
65 }
66
67 .ext-ie .ext-shim {
68 filter: alpha(opacity=0);
69 }
70
71 .ext-ie6 .ext-shim {
72 margin-left: 5px;
73 margin-top: 3px;
74 }
75
76 .x-mask-loading div {
77 padding:5px 10px 5px 25px;
78 background:no-repeat 5px 5px;
79 line-height:16px;
80 }
81
82 /* class for hiding elements without using display:none */
83 .x-hidden, .x-hide-offsets {
84 position:absolute !important;
85 left:-10000px;
86 top:-10000px;
87 visibility:hidden;
88 }
89
90 .x-hide-display {
91 display:none !important;
92 }
93
94 .x-hide-nosize,
95 .x-hide-nosize * /* Emulate display:none for children */
96 {
97 height:0px!important;
98 width:0px!important;
99 visibility:hidden!important;
100 border:none!important;
101 zoom:1;
102 }
103
104 .x-hide-visibility {
105 visibility:hidden !important;
106 }
107
108 .x-masked {
109 overflow: hidden !important;
110 }
111 .x-masked-relative {
112 position: relative !important;
113 }
114
115 .x-masked select, .x-masked object, .x-masked embed {
116 visibility: hidden;
117 }
118
119 .x-layer {
120 visibility: hidden;
121 }
122
123 .x-unselectable, .x-unselectable * {
124 user-select: none;
125 -o-user-select: none;
126 -ms-user-select: none;
127 -moz-user-select: -moz-none;
128 -webkit-user-select: none;
129
130 cursor:default;
131 }
132
133 .x-repaint {
134 zoom: 1;
135 background-color: transparent;
136 -moz-outline: none;
137 outline: none;
138 }
139
140 .x-item-disabled {
141 cursor: default;
142 opacity: .6;
143 -moz-opacity: .6;
144 filter: alpha(opacity=60);
145 }
146
147 .x-item-disabled * {
148 cursor: default !important;
149 }
150
151 .x-form-radio-group .x-item-disabled {
152 filter: none;
153 }
154
155 .x-splitbar-proxy {
156 position: absolute;
157 visibility: hidden;
158 z-index: 20001;
159 zoom: 1;
160 line-height: 1px;
161 font-size: 1px;
162 overflow: hidden;
163 }
164
165 .x-splitbar-h, .x-splitbar-proxy-h {
166 cursor: e-resize;
167 cursor: col-resize;
168 }
169
170 .x-splitbar-v, .x-splitbar-proxy-v {
171 cursor: s-resize;
172 cursor: row-resize;
173 }
174
175 .x-color-palette {
176 width: 150px;
177 height: 92px;
178 cursor: pointer;
179 }
180
181 .x-color-palette a {
182 border: 1px solid;
183 float: left;
184 padding: 2px;
185 text-decoration: none;
186 -moz-outline: 0 none;
187 outline: 0 none;
188 cursor: pointer;
189 }
190
191 .x-color-palette a:hover, .x-color-palette a.x-color-palette-sel {
192 border: 1px solid;
193 }
194
195 .x-color-palette em {
196 display: block;
197 border: 1px solid;
198 }
199
200 .x-color-palette em span {
201 cursor: pointer;
202 display: block;
203 height: 10px;
204 line-height: 10px;
205 width: 10px;
206 }
207
208 .x-ie-shadow {
209 display: none;
210 position: absolute;
211 overflow: hidden;
212 left:0;
213 top:0;
214 zoom:1;
215 }
216
217 .x-shadow {
218 display: none;
219 position: absolute;
220 overflow: hidden;
221 left:0;
222 top:0;
223 }
224
225 .x-shadow * {
226 overflow: hidden;
227 }
228
229 .x-shadow * {
230 padding: 0;
231 border: 0;
232 margin: 0;
233 clear: none;
234 zoom: 1;
235 }
236
237 /* top bottom */
238 .x-shadow .xstc, .x-shadow .xsbc {
239 height: 6px;
240 float: left;
241 }
242
243 /* corners */
244 .x-shadow .xstl, .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbr {
245 width: 6px;
246 height: 6px;
247 float: left;
248 }
249
250 /* sides */
251 .x-shadow .xsc {
252 width: 100%;
253 }
254
255 .x-shadow .xsml, .x-shadow .xsmr {
256 width: 6px;
257 float: left;
258 height: 100%;
259 }
260
261 .x-shadow .xsmc {
262 float: left;
263 height: 100%;
264 background-color: transparent;
265 }
266
267 .x-shadow .xst, .x-shadow .xsb {
268 height: 6px;
269 overflow: hidden;
270 width: 100%;
271 }
272
273 .x-shadow .xsml {
274 background: transparent repeat-y 0 0;
275 }
276
277 .x-shadow .xsmr {
278 background: transparent repeat-y -6px 0;
279 }
280
281 .x-shadow .xstl {
282 background: transparent no-repeat 0 0;
283 }
284
285 .x-shadow .xstc {
286 background: transparent repeat-x 0 -30px;
287 }
288
289 .x-shadow .xstr {
290 background: transparent repeat-x 0 -18px;
291 }
292
293 .x-shadow .xsbl {
294 background: transparent no-repeat 0 -12px;
295 }
296
297 .x-shadow .xsbc {
298 background: transparent repeat-x 0 -36px;
299 }
300
301 .x-shadow .xsbr {
302 background: transparent repeat-x 0 -6px;
303 }
304
305 .loading-indicator {
306 background: no-repeat left;
307 padding-left: 20px;
308 line-height: 16px;
309 margin: 3px;
310 }
311
312 .x-text-resize {
313 position: absolute;
314 left: -1000px;
315 top: -1000px;
316 visibility: hidden;
317 zoom: 1;
318 }
319
320 .x-drag-overlay {
321 width: 100%;
322 height: 100%;
323 display: none;
324 position: absolute;
325 left: 0;
326 top: 0;
327 background-image:url(../images/default/s.gif);
328 z-index: 20000;
329 }
330
331 .x-clear {
332 clear:both;
333 height:0;
334 overflow:hidden;
335 line-height:0;
336 font-size:0;
337 }
338
339 .x-spotlight {
340 z-index: 8999;
341 position: absolute;
342 top:0;
343 left:0;
344 -moz-opacity: 0.5;
345 opacity: .50;
346 filter: alpha(opacity=50);
347 width:0;
348 height:0;
349 zoom: 1;
350 }
351
352 #x-history-frame {
353 position:absolute;
354 top:-1px;
355 left:0;
356 width:1px;
357 height:1px;
358 visibility:hidden;
359 }
360
361 #x-history-field {
362 position:absolute;
363 top:0;
364 left:-1px;
365 width:1px;
366 height:1px;
367 visibility:hidden;
368 }
369 .x-resizable-handle {
370 position:absolute;
371 z-index:100;
372 /* ie needs these */
373 font-size:1px;
374 line-height:6px;
375 overflow:hidden;
376 filter:alpha(opacity=0);
377 opacity:0;
378 zoom:1;
379 }
380
381 .x-resizable-handle-east{
382 width:6px;
383 cursor:e-resize;
384 right:0;
385 top:0;
386 height:100%;
387 }
388
389 .ext-ie .x-resizable-handle-east {
390 margin-right:-1px; /*IE rounding error*/
391 }
392
393 .x-resizable-handle-south{
394 width:100%;
395 cursor:s-resize;
396 left:0;
397 bottom:0;
398 height:6px;
399 }
400
401 .ext-ie .x-resizable-handle-south {
402 margin-bottom:-1px; /*IE rounding error*/
403 }
404
405 .x-resizable-handle-west{
406 width:6px;
407 cursor:w-resize;
408 left:0;
409 top:0;
410 height:100%;
411 }
412
413 .x-resizable-handle-north{
414 width:100%;
415 cursor:n-resize;
416 left:0;
417 top:0;
418 height:6px;
419 }
420
421 .x-resizable-handle-southeast{
422 width:6px;
423 cursor:se-resize;
424 right:0;
425 bottom:0;
426 height:6px;
427 z-index:101;
428 }
429
430 .x-resizable-handle-northwest{
431 width:6px;
432 cursor:nw-resize;
433 left:0;
434 top:0;
435 height:6px;
436 z-index:101;
437 }
438
439 .x-resizable-handle-northeast{
440 width:6px;
441 cursor:ne-resize;
442 right:0;
443 top:0;
444 height:6px;
445 z-index:101;
446 }
447
448 .x-resizable-handle-southwest{
449 width:6px;
450 cursor:sw-resize;
451 left:0;
452 bottom:0;
453 height:6px;
454 z-index:101;
455 }
456
457 .x-resizable-over .x-resizable-handle, .x-resizable-pinned .x-resizable-handle{
458 filter:alpha(opacity=100);
459 opacity:1;
460 }
461
462 .x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-east,
463 .x-resizable-over .x-resizable-handle-west, .x-resizable-pinned .x-resizable-handle-west
464 {
465 background-position: left;
466 }
467
468 .x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south,
469 .x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north
470 {
471 background-position: top;
472 }
473
474 .x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast{
475 background-position: top left;
476 }
477
478 .x-resizable-over .x-resizable-handle-northwest, .x-resizable-pinned .x-resizable-handle-northwest{
479 background-position:bottom right;
480 }
481
482 .x-resizable-over .x-resizable-handle-northeast, .x-resizable-pinned .x-resizable-handle-northeast{
483 background-position: bottom left;
484 }
485
486 .x-resizable-over .x-resizable-handle-southwest, .x-resizable-pinned .x-resizable-handle-southwest{
487 background-position: top right;
488 }
489
490 .x-resizable-proxy{
491 border: 1px dashed;
492 position:absolute;
493 overflow:hidden;
494 display:none;
495 left:0;
496 top:0;
497 z-index:50000;
498 }
499
500 .x-resizable-overlay{
501 width:100%;
502 height:100%;
503 display:none;
504 position:absolute;
505 left:0;
506 top:0;
507 z-index:200000;
508 -moz-opacity: 0;
509 opacity:0;
510 filter: alpha(opacity=0);
511 }
512 .x-tab-panel {
513 overflow:hidden;
514 }
515
516 .x-tab-panel-header, .x-tab-panel-footer {
517 border: 1px solid;
518 overflow:hidden;
519 zoom:1;
520 }
521
522 .x-tab-panel-header {
523 border: 1px solid;
524 padding-bottom: 2px;
525 }
526
527 .x-tab-panel-footer {
528 border: 1px solid;
529 padding-top: 2px;
530 }
531
532 .x-tab-strip-wrap {
533 width:100%;
534 overflow:hidden;
535 position:relative;
536 zoom:1;
537 }
538
539 ul.x-tab-strip {
540 display:block;
541 width:5000px;
542 zoom:1;
543 }
544
545 ul.x-tab-strip-top{
546 padding-top: 1px;
547 background: repeat-x bottom;
548 border-bottom: 1px solid;
549 }
550
551 ul.x-tab-strip-bottom{
552 padding-bottom: 1px;
553 background: repeat-x top;
554 border-top: 1px solid;
555 border-bottom: 0 none;
556 }
557
558 .x-tab-panel-header-plain .x-tab-strip-top {
559 background:transparent !important;
560 padding-top:0 !important;
561 }
562
563 .x-tab-panel-header-plain {
564 background:transparent !important;
565 border-width:0 !important;
566 padding-bottom:0 !important;
567 }
568
569 .x-tab-panel-header-plain .x-tab-strip-spacer,
570 .x-tab-panel-footer-plain .x-tab-strip-spacer {
571 border:1px solid;
572 height:2px;
573 font-size:1px;
574 line-height:1px;
575 }
576
577 .x-tab-panel-header-plain .x-tab-strip-spacer {
578 border-top: 0 none;
579 }
580
581 .x-tab-panel-footer-plain .x-tab-strip-spacer {
582 border-bottom: 0 none;
583 }
584
585 .x-tab-panel-footer-plain .x-tab-strip-bottom {
586 background:transparent !important;
587 padding-bottom:0 !important;
588 }
589
590 .x-tab-panel-footer-plain {
591 background:transparent !important;
592 border-width:0 !important;
593 padding-top:0 !important;
594 }
595
596 .ext-border-box .x-tab-panel-header-plain .x-tab-strip-spacer,
597 .ext-border-box .x-tab-panel-footer-plain .x-tab-strip-spacer {
598 height:3px;
599 }
600
601 ul.x-tab-strip li {
602 float:left;
603 margin-left:2px;
604 }
605
606 ul.x-tab-strip li.x-tab-edge {
607 float:left;
608 margin:0 !important;
609 padding:0 !important;
610 border:0 none !important;
611 font-size:1px !important;
612 line-height:1px !important;
613 overflow:hidden;
614 zoom:1;
615 background:transparent !important;
616 width:1px;
617 }
618
619 .x-tab-strip a, .x-tab-strip span, .x-tab-strip em {
620 display:block;
621 }
622
623 .x-tab-strip a {
624 text-decoration:none !important;
625 -moz-outline: none;
626 outline: none;
627 cursor:pointer;
628 }
629
630 .x-tab-strip-inner {
631 overflow:hidden;
632 text-overflow: ellipsis;
633 }
634
635 .x-tab-strip span.x-tab-strip-text {
636 white-space: nowrap;
637 cursor:pointer;
638 padding:4px 0;
639 }
640
641 .x-tab-strip-top .x-tab-with-icon .x-tab-right {
642 padding-left:6px;
643 }
644
645 .x-tab-strip .x-tab-with-icon span.x-tab-strip-text {
646 padding-left:20px;
647 background-position: 0 3px;
648 background-repeat: no-repeat;
649 }
650
651 .x-tab-strip-active, .x-tab-strip-active a.x-tab-right {
652 cursor:default;
653 }
654
655 .x-tab-strip-active span.x-tab-strip-text {
656 cursor:default;
657 }
658
659 .x-tab-strip-disabled .x-tabs-text {
660 cursor:default;
661 }
662
663 .x-tab-panel-body {
664 overflow:hidden;
665 }
666
667 .x-tab-panel-bwrap {
668 overflow:hidden;
669 }
670
671 .ext-ie .x-tab-strip .x-tab-right {
672 position:relative;
673 }
674
675 .x-tab-strip-top .x-tab-strip-active .x-tab-right {
676 margin-bottom:-1px;
677 }
678
679 /*
680 * For IE8/9 in quirks mode
681 */
682 .ext-ie8 .x-tab-strip li {
683 position: relative;
684 }
685 .ext-border-box .ext-ie8 .x-tab-strip-top .x-tab-right, .ext-border-box .ext-ie9 .x-tab-strip-top .x-tab-right {
686 top: 1px;
687 }
688 .ext-ie8 .x-tab-strip-top, .ext-ie9 .x-tab-strip-top {
689 padding-top: 1px;
690 }
691 .ext-border-box .ext-ie8 .x-tab-strip-top, .ext-border-box .ext-ie9 .x-tab-strip-top {
692 padding-top: 0;
693 }
694 .ext-ie8 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close, .ext-ie9 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
695 top:3px;
696 }
697 .ext-border-box .ext-ie8 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close,
698 .ext-border-box .ext-ie9 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
699 top:4px;
700 }
701 .ext-ie8 .x-tab-strip-bottom .x-tab-right, .ext-ie9 .x-tab-strip-bottom .x-tab-right{
702 top:0;
703 }
704
705
706 .x-tab-strip-top .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
707 padding-bottom:5px;
708 }
709
710 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
711 margin-top:-1px;
712 }
713
714 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
715 padding-top:5px;
716 }
717
718 .x-tab-strip-top .x-tab-right {
719 background: transparent no-repeat 0 -51px;
720 padding-left:10px;
721 }
722
723 .x-tab-strip-top .x-tab-left {
724 background: transparent no-repeat right -351px;
725 padding-right:10px;
726 }
727
728 .x-tab-strip-top .x-tab-strip-inner {
729 background: transparent repeat-x 0 -201px;
730 }
731
732 .x-tab-strip-top .x-tab-strip-over .x-tab-right {
733 background-position:0 -101px;
734 }
735
736 .x-tab-strip-top .x-tab-strip-over .x-tab-left {
737 background-position:right -401px;
738 }
739
740 .x-tab-strip-top .x-tab-strip-over .x-tab-strip-inner {
741 background-position:0 -251px;
742 }
743
744 .x-tab-strip-top .x-tab-strip-active .x-tab-right {
745 background-position: 0 0;
746 }
747
748 .x-tab-strip-top .x-tab-strip-active .x-tab-left {
749 background-position: right -301px;
750 }
751
752 .x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner {
753 background-position: 0 -151px;
754 }
755
756 .x-tab-strip-bottom .x-tab-right {
757 background: no-repeat bottom right;
758 }
759
760 .x-tab-strip-bottom .x-tab-left {
761 background: no-repeat bottom left;
762 }
763
764 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
765 background: no-repeat bottom right;
766 }
767
768 .x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
769 background: no-repeat bottom left;
770 }
771
772 .x-tab-strip-bottom .x-tab-left {
773 margin-right: 3px;
774 padding:0 10px;
775 }
776
777 .x-tab-strip-bottom .x-tab-right {
778 padding:0;
779 }
780
781 .x-tab-strip .x-tab-strip-close {
782 display:none;
783 }
784
785 .x-tab-strip-closable {
786 position:relative;
787 }
788
789 .x-tab-strip-closable .x-tab-left {
790 padding-right:19px;
791 }
792
793 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
794 opacity:.6;
795 -moz-opacity:.6;
796 background-repeat:no-repeat;
797 display:block;
798 width:11px;
799 height:11px;
800 position:absolute;
801 top:3px;
802 right:3px;
803 cursor:pointer;
804 z-index:2;
805 }
806
807 .x-tab-strip .x-tab-strip-active a.x-tab-strip-close {
808 opacity:.8;
809 -moz-opacity:.8;
810 }
811 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
812 opacity:1;
813 -moz-opacity:1;
814 }
815
816 .x-tab-panel-body {
817 border: 1px solid;
818 }
819
820 .x-tab-panel-body-top {
821 border-top: 0 none;
822 }
823
824 .x-tab-panel-body-bottom {
825 border-bottom: 0 none;
826 }
827
828 .x-tab-scroller-left {
829 background: transparent no-repeat -18px 0;
830 border-bottom: 1px solid;
831 width:18px;
832 position:absolute;
833 left:0;
834 top:0;
835 z-index:10;
836 cursor:pointer;
837 }
838 .x-tab-scroller-left-over {
839 background-position: 0 0;
840 }
841
842 .x-tab-scroller-left-disabled {
843 background-position: -18px 0;
844 opacity:.5;
845 -moz-opacity:.5;
846 filter:alpha(opacity=50);
847 cursor:default;
848 }
849
850 .x-tab-scroller-right {
851 background: transparent no-repeat 0 0;
852 border-bottom: 1px solid;
853 width:18px;
854 position:absolute;
855 right:0;
856 top:0;
857 z-index:10;
858 cursor:pointer;
859 }
860
861 .x-tab-scroller-right-over {
862 background-position: -18px 0;
863 }
864
865 .x-tab-scroller-right-disabled {
866 background-position: 0 0;
867 opacity:.5;
868 -moz-opacity:.5;
869 filter:alpha(opacity=50);
870 cursor:default;
871 }
872
873 .x-tab-scrolling-bottom .x-tab-scroller-left, .x-tab-scrolling-bottom .x-tab-scroller-right{
874 margin-top: 1px;
875 }
876
877 .x-tab-scrolling .x-tab-strip-wrap {
878 margin-left:18px;
879 margin-right:18px;
880 }
881
882 .x-tab-scrolling {
883 position:relative;
884 }
885
886 .x-tab-panel-bbar .x-toolbar {
887 border:1px solid;
888 border-top:0 none;
889 overflow:hidden;
890 padding:2px;
891 }
892
893 .x-tab-panel-tbar .x-toolbar {
894 border:1px solid;
895 border-top:0 none;
896 overflow:hidden;
897 padding:2px;
898 }/* all fields */
899 .x-form-field{
900 margin: 0 0 0 0;
901 }
902
903 .ext-webkit *:focus{
904 outline: none !important;
905 }
906
907 /* ---- text fields ---- */
908 .x-form-text, textarea.x-form-field{
909 padding:1px 3px;
910 background:repeat-x 0 0;
911 border:1px solid;
912 }
913
914 textarea.x-form-field {
915 padding:2px 3px;
916 }
917
918 .x-form-text, .ext-ie .x-form-file {
919 height:22px;
920 line-height:18px;
921 vertical-align:middle;
922 }
923
924 .ext-ie6 .x-form-text, .ext-ie7 .x-form-text {
925 margin:-1px 0; /* ie bogus margin bug */
926 height:22px; /* ie quirks */
927 line-height:18px;
928 }
929
930 .x-quirks .ext-ie9 .x-form-text {
931 height: 22px;
932 padding-top: 3px;
933 padding-bottom: 0px;
934 }
935
936 /* Ugly hacks for the bogus 1px margin bug in IE9 quirks */
937 .x-quirks .ext-ie9 .x-input-wrapper .x-form-text,
938 .x-quirks .ext-ie9 .x-form-field-trigger-wrap .x-form-text {
939 margin-top: -1px;
940 margin-bottom: -1px;
941 }
942 .x-quirks .ext-ie9 .x-input-wrapper .x-form-element {
943 margin-bottom: -1px;
944 }
945
946 .ext-ie6 .x-form-field-wrap .x-form-file-btn, .ext-ie7 .x-form-field-wrap .x-form-file-btn {
947 top: -1px; /* because of all these margin hacks, these buttons are off by one pixel in IE6,7 */
948 }
949
950 .ext-ie6 textarea.x-form-field, .ext-ie7 textarea.x-form-field {
951 margin:-1px 0; /* ie bogus margin bug */
952 }
953
954 .ext-strict .x-form-text {
955 height:18px;
956 }
957
958 .ext-safari.ext-mac textarea.x-form-field {
959 margin-bottom:-2px; /* another bogus margin bug, safari/mac only */
960 }
961
962 /*
963 .ext-strict .ext-ie8 .x-form-text, .ext-strict .ext-ie8 textarea.x-form-field {
964 margin-bottom: 1px;
965 }
966 */
967
968 .ext-gecko .x-form-text , .ext-ie8 .x-form-text {
969 padding-top:2px; /* FF won't center the text vertically */
970 padding-bottom:0;
971 }
972
973 .ext-ie6 .x-form-composite .x-form-text.x-box-item, .ext-ie7 .x-form-composite .x-form-text.x-box-item {
974 margin: 0 !important; /* clear ie bogus margin bug fix */
975 }
976
977 textarea {
978 resize: none; /* Disable browser resizable textarea */
979 }
980
981 /* select boxes */
982 .x-form-select-one {
983 height:20px;
984 line-height:18px;
985 vertical-align:middle;
986 border: 1px solid;
987 }
988
989 /* multi select boxes */
990
991 /* --- TODO --- */
992
993 /* 2.0.2 style */
994 .x-form-check-wrap {
995 line-height:18px;
996 height: auto;
997 }
998
999 .ext-ie .x-form-check-wrap input {
1000 width:15px;
1001 height:15px;
1002 }
1003
1004 .x-form-check-wrap input{
1005 vertical-align: bottom;
1006 }
1007
1008 .x-editor .x-form-check-wrap {
1009 padding:3px;
1010 }
1011
1012 .x-editor .x-form-checkbox {
1013 height:13px;
1014 }
1015
1016 .x-form-check-group-label {
1017 border-bottom: 1px solid;
1018 margin-bottom: 5px;
1019 padding-left: 3px !important;
1020 float: none !important;
1021 }
1022
1023 /* wrapped fields and triggers */
1024 .x-form-field-wrap .x-form-trigger{
1025 width:17px;
1026 height:21px;
1027 border:0;
1028 background:transparent no-repeat 0 0;
1029 cursor:pointer;
1030 border-bottom: 1px solid;
1031 position:absolute;
1032 top:0;
1033 }
1034
1035 .x-form-field-wrap .x-form-date-trigger, .x-form-field-wrap .x-form-clear-trigger, .x-form-field-wrap .x-form-search-trigger{
1036 cursor:pointer;
1037 }
1038
1039 .x-form-field-wrap .x-form-twin-triggers .x-form-trigger{
1040 position:static;
1041 top:auto;
1042 vertical-align:top;
1043 }
1044
1045 .x-form-field-wrap {
1046 position:relative;
1047 left:0;top:0;
1048 text-align: left;
1049 zoom:1;
1050 white-space: nowrap;
1051 }
1052
1053 .ext-strict .ext-ie8 .x-toolbar-cell .x-form-field-trigger-wrap .x-form-trigger {
1054 right: 0; /* IE8 Strict mode trigger bug */
1055 }
1056
1057 .x-form-field-wrap .x-form-trigger-over{
1058 background-position:-17px 0;
1059 }
1060
1061 .x-form-field-wrap .x-form-trigger-click{
1062 background-position:-34px 0;
1063 }
1064
1065 .x-trigger-wrap-focus .x-form-trigger{
1066 background-position:-51px 0;
1067 }
1068
1069 .x-trigger-wrap-focus .x-form-trigger-over{
1070 background-position:-68px 0;
1071 }
1072
1073 .x-trigger-wrap-focus .x-form-trigger-click{
1074 background-position:-85px 0;
1075 }
1076
1077 .x-trigger-wrap-focus .x-form-trigger{
1078 border-bottom: 1px solid;
1079 }
1080
1081 .x-item-disabled .x-form-trigger-over{
1082 background-position:0 0 !important;
1083 border-bottom: 1px solid;
1084 }
1085
1086 .x-item-disabled .x-form-trigger-click{
1087 background-position:0 0 !important;
1088 border-bottom: 1px solid;
1089 }
1090
1091 .x-trigger-noedit{
1092 cursor:pointer;
1093 }
1094
1095 /* field focus style */
1096 .x-form-focus, textarea.x-form-focus{
1097 border: 1px solid;
1098 }
1099
1100 /* invalid fields */
1101 .x-form-invalid, textarea.x-form-invalid{
1102 background:repeat-x bottom;
1103 border: 1px solid;
1104 }
1105
1106 .x-form-inner-invalid, textarea.x-form-inner-invalid{
1107 background:repeat-x bottom;
1108 }
1109
1110 /* editors */
1111 .x-editor {
1112 visibility:hidden;
1113 padding:0;
1114 margin:0;
1115 }
1116
1117 .x-form-grow-sizer {
1118 left: -10000px;
1119 padding: 8px 3px;
1120 position: absolute;
1121 visibility:hidden;
1122 top: -10000px;
1123 white-space: pre-wrap;
1124 white-space: -moz-pre-wrap;
1125 white-space: -pre-wrap;
1126 white-space: -o-pre-wrap;
1127 word-wrap: break-word;
1128 zoom:1;
1129 }
1130
1131 .x-form-grow-sizer p {
1132 margin:0 !important;
1133 border:0 none !important;
1134 padding:0 !important;
1135 }
1136
1137 /* Form Items CSS */
1138
1139 .x-form-item {
1140 display:block;
1141 margin-bottom:4px;
1142 zoom:1;
1143 }
1144
1145 .x-form-item label.x-form-item-label {
1146 display:block;
1147 float:left;
1148 width:100px;
1149 padding:3px;
1150 padding-left:0;
1151 clear:left;
1152 z-index:2;
1153 position:relative;
1154 }
1155
1156 .x-form-element {
1157 padding-left:105px;
1158 position:relative;
1159 }
1160
1161 .x-form-invalid-msg {
1162 padding:2px;
1163 padding-left:18px;
1164 background: transparent no-repeat 0 2px;
1165 line-height:16px;
1166 width:200px;
1167 }
1168
1169 .x-form-label-left label.x-form-item-label {
1170 text-align:left;
1171 }
1172
1173 .x-form-label-right label.x-form-item-label {
1174 text-align:right;
1175 }
1176
1177 .x-form-label-top .x-form-item label.x-form-item-label {
1178 width:auto;
1179 float:none;
1180 clear:none;
1181 display:inline;
1182 margin-bottom:4px;
1183 position:static;
1184 }
1185
1186 .x-form-label-top .x-form-element {
1187 padding-left:0;
1188 padding-top:4px;
1189 }
1190
1191 .x-form-label-top .x-form-item {
1192 padding-bottom:4px;
1193 }
1194
1195 /* Editor small font for grid, toolbar and tree */
1196 .x-small-editor .x-form-text {
1197 height:20px;
1198 line-height:16px;
1199 vertical-align:middle;
1200 }
1201
1202 .ext-ie6 .x-small-editor .x-form-text, .ext-ie7 .x-small-editor .x-form-text {
1203 margin-top:-1px !important; /* ie bogus margin bug */
1204 margin-bottom:-1px !important;
1205 height:20px !important; /* ie quirks */
1206 line-height:16px !important;
1207 }
1208
1209 .ext-strict .x-small-editor .x-form-text {
1210 height:16px !important;
1211 }
1212
1213 .ext-ie6 .x-small-editor .x-form-text, .ext-ie7 .x-small-editor .x-form-text {
1214 height:20px;
1215 line-height:16px;
1216 }
1217
1218 .ext-border-box .x-small-editor .x-form-text {
1219 height:20px;
1220 }
1221
1222 .x-small-editor .x-form-select-one {
1223 height:20px;
1224 line-height:16px;
1225 vertical-align:middle;
1226 }
1227
1228 .x-small-editor .x-form-num-field {
1229 text-align:right;
1230 }
1231
1232 .x-small-editor .x-form-field-wrap .x-form-trigger{
1233 height:19px;
1234 }
1235
1236 .ext-webkit .x-small-editor .x-form-text{padding-top:3px;font-size:100%;}
1237
1238 .ext-strict .ext-webkit .x-small-editor .x-form-text{
1239 height:14px !important;
1240 }
1241
1242 .x-form-clear {
1243 clear:both;
1244 height:0;
1245 overflow:hidden;
1246 line-height:0;
1247 font-size:0;
1248 }
1249 .x-form-clear-left {
1250 clear:left;
1251 height:0;
1252 overflow:hidden;
1253 line-height:0;
1254 font-size:0;
1255 }
1256
1257 .ext-ie6 .x-form-check-wrap input, .ext-border-box .x-form-check-wrap input{
1258 margin-top: 3px;
1259 }
1260
1261 .x-form-cb-label {
1262 position: relative;
1263 margin-left:4px;
1264 top: 2px;
1265 }
1266
1267 .ext-ie .x-form-cb-label{
1268 top: 1px;
1269 }
1270
1271 .ext-ie6 .x-form-cb-label, .ext-border-box .x-form-cb-label{
1272 top: 3px;
1273 }
1274
1275 .x-form-display-field{
1276 padding-top: 2px;
1277 }
1278
1279 .ext-gecko .x-form-display-field, .ext-strict .ext-ie7 .x-form-display-field{
1280 padding-top: 1px;
1281 }
1282
1283 .ext-ie .x-form-display-field{
1284 padding-top: 3px;
1285 }
1286
1287 .ext-strict .ext-ie8 .x-form-display-field{
1288 padding-top: 0;
1289 }
1290
1291 .x-form-column {
1292 float:left;
1293 padding:0;
1294 margin:0;
1295 width:48%;
1296 overflow:hidden;
1297 zoom:1;
1298 }
1299
1300 /* buttons */
1301 .x-form .x-form-btns-ct .x-btn{
1302 float:right;
1303 clear:none;
1304 }
1305
1306 .x-form .x-form-btns-ct .x-form-btns td {
1307 border:0;
1308 padding:0;
1309 }
1310
1311 .x-form .x-form-btns-ct .x-form-btns-right table{
1312 float:right;
1313 clear:none;
1314 }
1315
1316 .x-form .x-form-btns-ct .x-form-btns-left table{
1317 float:left;
1318 clear:none;
1319 }
1320
1321 .x-form .x-form-btns-ct .x-form-btns-center{
1322 text-align:center; /*ie*/
1323 }
1324
1325 .x-form .x-form-btns-ct .x-form-btns-center table{
1326 margin:0 auto; /*everyone else*/
1327 }
1328
1329 .x-form .x-form-btns-ct table td.x-form-btn-td{
1330 padding:3px;
1331 }
1332
1333 .x-form .x-form-btns-ct .x-btn-focus .x-btn-left{
1334 background-position:0 -147px;
1335 }
1336
1337 .x-form .x-form-btns-ct .x-btn-focus .x-btn-right{
1338 background-position:0 -168px;
1339 }
1340
1341 .x-form .x-form-btns-ct .x-btn-focus .x-btn-center{
1342 background-position:0 -189px;
1343 }
1344
1345 .x-form .x-form-btns-ct .x-btn-click .x-btn-center{
1346 background-position:0 -126px;
1347 }
1348
1349 .x-form .x-form-btns-ct .x-btn-click .x-btn-right{
1350 background-position:0 -84px;
1351 }
1352
1353 .x-form .x-form-btns-ct .x-btn-click .x-btn-left{
1354 background-position:0 -63px;
1355 }
1356
1357 .x-form-invalid-icon {
1358 width:16px;
1359 height:18px;
1360 visibility:hidden;
1361 position:absolute;
1362 left:0;
1363 top:0;
1364 display:block;
1365 background:transparent no-repeat 0 2px;
1366 }
1367
1368 /* fieldsets */
1369 .x-fieldset {
1370 border:1px solid;
1371 padding:10px;
1372 margin-bottom:10px;
1373 display:block; /* preserve margins in IE */
1374 }
1375
1376 /* make top of checkbox/tools visible in webkit */
1377 .ext-webkit .x-fieldset-header {
1378 padding-top: 1px;
1379 }
1380
1381 .ext-ie .x-fieldset legend {
1382 margin-bottom:10px;
1383 }
1384
1385 .ext-strict .ext-ie9 .x-fieldset legend.x-fieldset-header {
1386 padding-top: 1px;
1387 }
1388
1389 .ext-ie .x-fieldset {
1390 padding-top: 0;
1391 padding-bottom:10px;
1392 }
1393
1394 .x-fieldset legend .x-tool-toggle {
1395 margin-right:3px;
1396 margin-left:0;
1397 float:left !important;
1398 }
1399
1400 .x-fieldset legend input {
1401 margin-right:3px;
1402 float:left !important;
1403 height:13px;
1404 width:13px;
1405 }
1406
1407 fieldset.x-panel-collapsed {
1408 padding-bottom:0 !important;
1409 border-width: 1px 1px 0 1px !important;
1410 border-left-color: transparent;
1411 border-right-color: transparent;
1412 }
1413
1414 .ext-ie6 fieldset.x-panel-collapsed{
1415 padding-bottom:0 !important;
1416 border-width: 1px 0 0 0 !important;
1417 margin-left: 1px;
1418 margin-right: 1px;
1419 }
1420
1421 fieldset.x-panel-collapsed .x-fieldset-bwrap {
1422 visibility:hidden;
1423 position:absolute;
1424 left:-1000px;
1425 top:-1000px;
1426 }
1427
1428 .ext-ie .x-fieldset-bwrap {
1429 zoom:1;
1430 }
1431
1432 .x-fieldset-noborder {
1433 border:0px none transparent;
1434 }
1435
1436 .x-fieldset-noborder legend {
1437 margin-left:-3px;
1438 }
1439
1440 /* IE legend positioning bug */
1441 .ext-ie .x-fieldset-noborder legend {
1442 position: relative;
1443 margin-bottom:23px;
1444 }
1445 .ext-ie .x-fieldset-noborder legend span {
1446 position: absolute;
1447 left:16px;
1448 }
1449
1450 .ext-gecko .x-window-body .x-form-item {
1451 -moz-outline: none;
1452 outline: none;
1453 overflow: auto;
1454 }
1455
1456 .ext-mac.ext-gecko .x-window-body .x-form-item {
1457 overflow:hidden;
1458 }
1459
1460 .ext-gecko .x-form-item {
1461 -moz-outline: none;
1462 outline: none;
1463 }
1464
1465 .x-hide-label label.x-form-item-label {
1466 display:none;
1467 }
1468
1469 .x-hide-label .x-form-element {
1470 padding-left: 0 !important;
1471 }
1472
1473 .x-form-label-top .x-hide-label label.x-form-item-label{
1474 display: none;
1475 }
1476
1477 .x-fieldset {
1478 overflow:hidden;
1479 }
1480
1481 .x-fieldset-bwrap {
1482 overflow:hidden;
1483 zoom:1;
1484 }
1485
1486 .x-fieldset-body {
1487 overflow:hidden;
1488 }
1489 .x-btn{
1490 cursor:pointer;
1491 white-space: nowrap;
1492 }
1493
1494 .x-btn button{
1495 border:0 none;
1496 background-color:transparent;
1497 padding-left:3px;
1498 padding-right:3px;
1499 cursor:pointer;
1500 margin:0;
1501 overflow:visible;
1502 width:auto;
1503 -moz-outline:0 none;
1504 outline:0 none;
1505 }
1506
1507 * html .ext-ie .x-btn button {
1508 width:1px;
1509 }
1510
1511 .ext-gecko .x-btn button, .ext-webkit .x-btn button {
1512 padding-left:0;
1513 padding-right:0;
1514 }
1515
1516 .ext-gecko .x-btn button::-moz-focus-inner {
1517 padding:0;
1518 }
1519
1520 .ext-ie .x-btn button {
1521 padding-top:2px;
1522 }
1523
1524 .x-btn td {
1525 padding:0 !important;
1526 }
1527
1528 .x-btn-text {
1529 cursor:pointer;
1530 white-space: nowrap;
1531 padding:0;
1532 }
1533
1534 /* icon placement and sizing styles */
1535
1536 /* Only text */
1537 .x-btn-noicon .x-btn-small .x-btn-text{
1538 height: 16px;
1539 }
1540
1541 .x-btn-noicon .x-btn-medium .x-btn-text{
1542 height: 24px;
1543 }
1544
1545 .x-btn-noicon .x-btn-large .x-btn-text{
1546 height: 32px;
1547 }
1548
1549 /* Only icons */
1550 .x-btn-icon .x-btn-text{
1551 background-position: center;
1552 background-repeat: no-repeat;
1553 }
1554
1555 .x-btn-icon .x-btn-small .x-btn-text{
1556 height: 16px;
1557 width: 16px;
1558 }
1559
1560 .x-btn-icon .x-btn-medium .x-btn-text{
1561 height: 24px;
1562 width: 24px;
1563 }
1564
1565 .x-btn-icon .x-btn-large .x-btn-text{
1566 height: 32px;
1567 width: 32px;
1568 }
1569
1570 /* Icons and text */
1571 /* left */
1572 .x-btn-text-icon .x-btn-icon-small-left .x-btn-text{
1573 background-position: 0 center;
1574 background-repeat: no-repeat;
1575 padding-left:18px;
1576 height:16px;
1577 }
1578
1579 .x-btn-text-icon .x-btn-icon-medium-left .x-btn-text{
1580 background-position: 0 center;
1581 background-repeat: no-repeat;
1582 padding-left:26px;
1583 height:24px;
1584 }
1585
1586 .x-btn-text-icon .x-btn-icon-large-left .x-btn-text{
1587 background-position: 0 center;
1588 background-repeat: no-repeat;
1589 padding-left:34px;
1590 height:32px;
1591 }
1592
1593 /* top */
1594 .x-btn-text-icon .x-btn-icon-small-top .x-btn-text{
1595 background-position: center 0;
1596 background-repeat: no-repeat;
1597 padding-top:18px;
1598 }
1599
1600 .x-btn-text-icon .x-btn-icon-medium-top .x-btn-text{
1601 background-position: center 0;
1602 background-repeat: no-repeat;
1603 padding-top:26px;
1604 }
1605
1606 .x-btn-text-icon .x-btn-icon-large-top .x-btn-text{
1607 background-position: center 0;
1608 background-repeat: no-repeat;
1609 padding-top:34px;
1610 }
1611
1612 /* right */
1613 .x-btn-text-icon .x-btn-icon-small-right .x-btn-text{
1614 background-position: right center;
1615 background-repeat: no-repeat;
1616 padding-right:18px;
1617 height:16px;
1618 }
1619
1620 .x-btn-text-icon .x-btn-icon-medium-right .x-btn-text{
1621 background-position: right center;
1622 background-repeat: no-repeat;
1623 padding-right:26px;
1624 height:24px;
1625 }
1626
1627 .x-btn-text-icon .x-btn-icon-large-right .x-btn-text{
1628 background-position: right center;
1629 background-repeat: no-repeat;
1630 padding-right:34px;
1631 height:32px;
1632 }
1633
1634 /* bottom */
1635 .x-btn-text-icon .x-btn-icon-small-bottom .x-btn-text{
1636 background-position: center bottom;
1637 background-repeat: no-repeat;
1638 padding-bottom:18px;
1639 }
1640
1641 .x-btn-text-icon .x-btn-icon-medium-bottom .x-btn-text{
1642 background-position: center bottom;
1643 background-repeat: no-repeat;
1644 padding-bottom:26px;
1645 }
1646
1647 .x-btn-text-icon .x-btn-icon-large-bottom .x-btn-text{
1648 background-position: center bottom;
1649 background-repeat: no-repeat;
1650 padding-bottom:34px;
1651 }
1652
1653 /* background positioning */
1654 .x-btn-tr i, .x-btn-tl i, .x-btn-mr i, .x-btn-ml i, .x-btn-br i, .x-btn-bl i{
1655 font-size:1px;
1656 line-height:1px;
1657 width:3px;
1658 display:block;
1659 overflow:hidden;
1660 }
1661
1662 .x-btn-tr i, .x-btn-tl i, .x-btn-br i, .x-btn-bl i{
1663 height:3px;
1664 }
1665
1666 .x-btn-tl{
1667 width:3px;
1668 height:3px;
1669 background:no-repeat 0 0;
1670 }
1671 .x-btn-tr{
1672 width:3px;
1673 height:3px;
1674 background:no-repeat -3px 0;
1675 }
1676 .x-btn-tc{
1677 height:3px;
1678 background:repeat-x 0 -6px;
1679 }
1680
1681 .x-btn-ml{
1682 width:3px;
1683 background:no-repeat 0 -24px;
1684 }
1685 .x-btn-mr{
1686 width:3px;
1687 background:no-repeat -3px -24px;
1688 }
1689
1690 .x-btn-mc{
1691 background:repeat-x 0 -1096px;
1692 vertical-align: middle;
1693 text-align:center;
1694 padding:0 5px;
1695 cursor:pointer;
1696 white-space:nowrap;
1697 }
1698
1699 /* Fixes an issue with the button height */
1700 .ext-strict .ext-ie6 .x-btn-mc, .ext-strict .ext-ie7 .x-btn-mc {
1701 height: 100%;
1702 }
1703
1704 .x-btn-bl{
1705 width:3px;
1706 height:3px;
1707 background:no-repeat 0 -3px;
1708 }
1709
1710 .x-btn-br{
1711 width:3px;
1712 height:3px;
1713 background:no-repeat -3px -3px;
1714 }
1715
1716 .x-btn-bc{
1717 height:3px;
1718 background:repeat-x 0 -15px;
1719 }
1720
1721 .x-btn-over .x-btn-tl{
1722 background-position: -6px 0;
1723 }
1724
1725 .x-btn-over .x-btn-tr{
1726 background-position: -9px 0;
1727 }
1728
1729 .x-btn-over .x-btn-tc{
1730 background-position: 0 -9px;
1731 }
1732
1733 .x-btn-over .x-btn-ml{
1734 background-position: -6px -24px;
1735 }
1736
1737 .x-btn-over .x-btn-mr{
1738 background-position: -9px -24px;
1739 }
1740
1741 .x-btn-over .x-btn-mc{
1742 background-position: 0 -2168px;
1743 }
1744
1745 .x-btn-over .x-btn-bl{
1746 background-position: -6px -3px;
1747 }
1748
1749 .x-btn-over .x-btn-br{
1750 background-position: -9px -3px;
1751 }
1752
1753 .x-btn-over .x-btn-bc{
1754 background-position: 0 -18px;
1755 }
1756
1757 .x-btn-click .x-btn-tl, .x-btn-menu-active .x-btn-tl, .x-btn-pressed .x-btn-tl{
1758 background-position: -12px 0;
1759 }
1760
1761 .x-btn-click .x-btn-tr, .x-btn-menu-active .x-btn-tr, .x-btn-pressed .x-btn-tr{
1762 background-position: -15px 0;
1763 }
1764
1765 .x-btn-click .x-btn-tc, .x-btn-menu-active .x-btn-tc, .x-btn-pressed .x-btn-tc{
1766 background-position: 0 -12px;
1767 }
1768
1769 .x-btn-click .x-btn-ml, .x-btn-menu-active .x-btn-ml, .x-btn-pressed .x-btn-ml{
1770 background-position: -12px -24px;
1771 }
1772
1773 .x-btn-click .x-btn-mr, .x-btn-menu-active .x-btn-mr, .x-btn-pressed .x-btn-mr{
1774 background-position: -15px -24px;
1775 }
1776
1777 .x-btn-click .x-btn-mc, .x-btn-menu-active .x-btn-mc, .x-btn-pressed .x-btn-mc{
1778 background-position: 0 -3240px;
1779 }
1780
1781 .x-btn-click .x-btn-bl, .x-btn-menu-active .x-btn-bl, .x-btn-pressed .x-btn-bl{
1782 background-position: -12px -3px;
1783 }
1784
1785 .x-btn-click .x-btn-br, .x-btn-menu-active .x-btn-br, .x-btn-pressed .x-btn-br{
1786 background-position: -15px -3px;
1787 }
1788
1789 .x-btn-click .x-btn-bc, .x-btn-menu-active .x-btn-bc, .x-btn-pressed .x-btn-bc{
1790 background-position: 0 -21px;
1791 }
1792
1793 .x-btn-disabled *{
1794 cursor:default !important;
1795 }
1796
1797
1798 /* With a menu arrow */
1799 /* right */
1800 .x-btn-mc em.x-btn-arrow {
1801 display:block;
1802 background:transparent no-repeat right center;
1803 padding-right:10px;
1804 }
1805
1806 .x-btn-mc em.x-btn-split {
1807 display:block;
1808 background:transparent no-repeat right center;
1809 padding-right:14px;
1810 }
1811
1812 /* bottom */
1813 .x-btn-mc em.x-btn-arrow-bottom {
1814 display:block;
1815 background:transparent no-repeat center bottom;
1816 padding-bottom:14px;
1817 }
1818
1819 .x-btn-mc em.x-btn-split-bottom {
1820 display:block;
1821 background:transparent no-repeat center bottom;
1822 padding-bottom:14px;
1823 }
1824
1825 /* height adjustment class */
1826 .x-btn-as-arrow .x-btn-mc em {
1827 display:block;
1828 background-color:transparent;
1829 padding-bottom:14px;
1830 }
1831
1832 /* groups */
1833 .x-btn-group {
1834 padding:1px;
1835 }
1836
1837 .x-btn-group-header {
1838 padding:2px;
1839 text-align:center;
1840 }
1841
1842 .x-btn-group-tc {
1843 background: transparent repeat-x 0 0;
1844 overflow:hidden;
1845 }
1846
1847 .x-btn-group-tl {
1848 background: transparent no-repeat 0 0;
1849 padding-left:3px;
1850 zoom:1;
1851 }
1852
1853 .x-btn-group-tr {
1854 background: transparent no-repeat right 0;
1855 zoom:1;
1856 padding-right:3px;
1857 }
1858
1859 .x-btn-group-bc {
1860 background: transparent repeat-x 0 bottom;
1861 zoom:1;
1862 }
1863
1864 .x-btn-group-bc .x-panel-footer {
1865 zoom:1;
1866 }
1867
1868 .x-btn-group-bl {
1869 background: transparent no-repeat 0 bottom;
1870 padding-left:3px;
1871 zoom:1;
1872 }
1873
1874 .x-btn-group-br {
1875 background: transparent no-repeat right bottom;
1876 padding-right:3px;
1877 zoom:1;
1878 }
1879
1880 .x-btn-group-mc {
1881 border:0 none;
1882 padding:1px 0 0 0;
1883 margin:0;
1884 }
1885
1886 .x-btn-group-mc .x-btn-group-body {
1887 background-color:transparent;
1888 border: 0 none;
1889 }
1890
1891 .x-btn-group-ml {
1892 background: transparent repeat-y 0 0;
1893 padding-left:3px;
1894 zoom:1;
1895 }
1896
1897 .x-btn-group-mr {
1898 background: transparent repeat-y right 0;
1899 padding-right:3px;
1900 zoom:1;
1901 }
1902
1903 .x-btn-group-bc .x-btn-group-footer {
1904 padding-bottom:6px;
1905 }
1906
1907 .x-panel-nofooter .x-btn-group-bc {
1908 height:3px;
1909 font-size:0;
1910 line-height:0;
1911 }
1912
1913 .x-btn-group-bwrap {
1914 overflow:hidden;
1915 zoom:1;
1916 }
1917
1918 .x-btn-group-body {
1919 overflow:hidden;
1920 zoom:1;
1921 }
1922
1923 .x-btn-group-notitle .x-btn-group-tc {
1924 background: transparent repeat-x 0 0;
1925 overflow:hidden;
1926 height:2px;
1927 }.x-toolbar{
1928 border-style:solid;
1929 border-width:0 0 1px 0;
1930 display: block;
1931 padding:2px;
1932 background:repeat-x top left;
1933 position:relative;
1934 left:0;
1935 top:0;
1936 zoom:1;
1937 overflow:auto;
1938 }
1939
1940 .x-toolbar-left {
1941 width: 100%;
1942 }
1943
1944 .x-toolbar .x-item-disabled .x-btn-icon {
1945 opacity: .35;
1946 -moz-opacity: .35;
1947 filter: alpha(opacity=35);
1948 }
1949
1950 .x-toolbar td {
1951 vertical-align:middle;
1952 }
1953
1954 .x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{
1955 white-space: nowrap;
1956 }
1957
1958 .x-toolbar .x-item-disabled {
1959 cursor:default;
1960 opacity:.6;
1961 -moz-opacity:.6;
1962 filter:alpha(opacity=60);
1963 }
1964
1965 .x-toolbar .x-item-disabled * {
1966 cursor:default;
1967 }
1968
1969 .x-toolbar .x-toolbar-cell {
1970 vertical-align:middle;
1971 }
1972
1973 .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,
1974 .x-toolbar .x-btn-mc, .x-toolbar .x-btn-bl, .x-toolbar .x-btn-br, .x-toolbar .x-btn-bc
1975 {
1976 background-position: 500px 500px;
1977 }
1978
1979 /* These rules are duplicated from button.css to give priority of x-toolbar rules above */
1980 .x-toolbar .x-btn-over .x-btn-tl{
1981 background-position: -6px 0;
1982 }
1983
1984 .x-toolbar .x-btn-over .x-btn-tr{
1985 background-position: -9px 0;
1986 }
1987
1988 .x-toolbar .x-btn-over .x-btn-tc{
1989 background-position: 0 -9px;
1990 }
1991
1992 .x-toolbar .x-btn-over .x-btn-ml{
1993 background-position: -6px -24px;
1994 }
1995
1996 .x-toolbar .x-btn-over .x-btn-mr{
1997 background-position: -9px -24px;
1998 }
1999
2000 .x-toolbar .x-btn-over .x-btn-mc{
2001 background-position: 0 -2168px;
2002 }
2003
2004 .x-toolbar .x-btn-over .x-btn-bl{
2005 background-position: -6px -3px;
2006 }
2007
2008 .x-toolbar .x-btn-over .x-btn-br{
2009 background-position: -9px -3px;
2010 }
2011
2012 .x-toolbar .x-btn-over .x-btn-bc{
2013 background-position: 0 -18px;
2014 }
2015
2016 .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{
2017 background-position: -12px 0;
2018 }
2019
2020 .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{
2021 background-position: -15px 0;
2022 }
2023
2024 .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{
2025 background-position: 0 -12px;
2026 }
2027
2028 .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{
2029 background-position: -12px -24px;
2030 }
2031
2032 .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{
2033 background-position: -15px -24px;
2034 }
2035
2036 .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{
2037 background-position: 0 -3240px;
2038 }
2039
2040 .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{
2041 background-position: -12px -3px;
2042 }
2043
2044 .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{
2045 background-position: -15px -3px;
2046 }
2047
2048 .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{
2049 background-position: 0 -21px;
2050 }
2051
2052 .x-toolbar div.xtb-text{
2053 padding:2px 2px 0;
2054 line-height:16px;
2055 display:block;
2056 }
2057
2058 .x-toolbar .xtb-sep {
2059 background-position: center;
2060 background-repeat: no-repeat;
2061 display: block;
2062 font-size: 1px;
2063 height: 16px;
2064 width:4px;
2065 overflow: hidden;
2066 cursor:default;
2067 margin: 0 2px 0;
2068 border:0;
2069 }
2070
2071 .x-toolbar .xtb-spacer {
2072 width:2px;
2073 }
2074
2075 /* Paging Toolbar */
2076 .x-tbar-page-number{
2077 width:30px;
2078 height:14px;
2079 }
2080
2081 .ext-ie .x-tbar-page-number{
2082 margin-top: 2px;
2083 }
2084
2085 .x-paging-info {
2086 position:absolute;
2087 top:5px;
2088 right: 8px;
2089 }
2090
2091 /* floating */
2092 .x-toolbar-ct {
2093 width:100%;
2094 }
2095
2096 .x-toolbar-right td {
2097 text-align: center;
2098 }
2099
2100 .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 {
2101 overflow:hidden;
2102 zoom:1;
2103 }
2104
2105 .x-toolbar-more .x-btn-small .x-btn-text{
2106 height: 16px;
2107 width: 12px;
2108 }
2109
2110 .x-toolbar-more em.x-btn-arrow {
2111 display:inline;
2112 background-color:transparent;
2113 padding-right:0;
2114 }
2115
2116 .x-toolbar-more .x-btn-mc em.x-btn-arrow {
2117 background-image: none;
2118 }
2119
2120 div.x-toolbar-no-items {
2121 color:gray !important;
2122 padding:5px 10px !important;
2123 }
2124
2125 /* fix ie toolbar form items */
2126 .ext-border-box .x-toolbar-cell .x-form-text {
2127 margin-bottom:-1px !important;
2128 }
2129
2130 .ext-border-box .x-toolbar-cell .x-form-field-wrap .x-form-text {
2131 margin:0 !important;
2132 }
2133
2134 .ext-ie .x-toolbar-cell .x-form-field-wrap {
2135 height:21px;
2136 }
2137
2138 .ext-ie .x-toolbar-cell .x-form-text {
2139 position:relative;
2140 top:-1px;
2141 }
2142
2143 .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 {
2144 top: 0px;
2145 }
2146
2147 .x-toolbar-right td .x-form-field-trigger-wrap{
2148 text-align: left;
2149 }
2150
2151 .x-toolbar-cell .x-form-checkbox, .x-toolbar-cell .x-form-radio{
2152 margin-top: 5px;
2153 }
2154
2155 .x-toolbar-cell .x-form-cb-label{
2156 vertical-align: bottom;
2157 top: 1px;
2158 }
2159
2160 .ext-ie .x-toolbar-cell .x-form-checkbox, .ext-ie .x-toolbar-cell .x-form-radio{
2161 margin-top: 4px;
2162 }
2163
2164 .ext-ie .x-toolbar-cell .x-form-cb-label{
2165 top: 0;
2166 }
2167 /* Grid3 styles */
2168 .x-grid3 {
2169 position:relative;
2170 overflow:hidden;
2171 }
2172
2173 .x-grid-panel .x-panel-body {
2174 overflow:hidden !important;
2175 }
2176
2177 .x-grid-panel .x-panel-mc .x-panel-body {
2178 border:1px solid;
2179 }
2180
2181 .x-grid3 table {
2182 table-layout:fixed;
2183 }
2184
2185 .x-grid3-viewport{
2186 overflow:hidden;
2187 }
2188
2189 .x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td{
2190 -moz-outline: none;
2191 outline: none;
2192 -moz-user-focus: normal;
2193 }
2194
2195 .x-grid3-row td, .x-grid3-summary-row td {
2196 line-height:13px;
2197 vertical-align: top;
2198 padding-left:1px;
2199 padding-right:1px;
2200 -moz-user-select: none;
2201 -khtml-user-select:none;
2202 -webkit-user-select:ignore;
2203 }
2204
2205 .x-grid3-cell{
2206 -moz-user-select: none;
2207 -khtml-user-select:none;
2208 -webkit-user-select:ignore;
2209 }
2210
2211 .x-grid3-hd-row td {
2212 line-height:15px;
2213 vertical-align:middle;
2214 border-left:1px solid;
2215 border-right:1px solid;
2216 }
2217
2218 .x-grid3-hd-row .x-grid3-marker-hd {
2219 padding:3px;
2220 }
2221
2222 .x-grid3-row .x-grid3-marker {
2223 padding:3px;
2224 }
2225
2226 .x-grid3-cell-inner, .x-grid3-hd-inner{
2227 overflow:hidden;
2228 -o-text-overflow: ellipsis;
2229 text-overflow: ellipsis;
2230 padding:3px 3px 3px 5px;
2231 white-space: nowrap;
2232 }
2233
2234 /* ActionColumn, reduce padding to accommodate 16x16 icons in normal row height */
2235 .x-action-col-cell .x-grid3-cell-inner {
2236 padding-top: 1px;
2237 padding-bottom: 1px;
2238 }
2239
2240 .x-action-col-icon {
2241 cursor: pointer;
2242 }
2243
2244 .x-grid3-hd-inner {
2245 position:relative;
2246 cursor:inherit;
2247 padding:4px 3px 4px 5px;
2248 }
2249
2250 .x-grid3-row-body {
2251 white-space:normal;
2252 }
2253
2254 .x-grid3-body-cell {
2255 -moz-outline:0 none;
2256 outline:0 none;
2257 }
2258
2259 /* IE Quirks to clip */
2260 .ext-ie .x-grid3-cell-inner, .ext-ie .x-grid3-hd-inner{
2261 width:100%;
2262 }
2263
2264 /* reverse above in strict mode */
2265 .ext-strict .x-grid3-cell-inner, .ext-strict .x-grid3-hd-inner{
2266 width:auto;
2267 }
2268
2269 .x-grid-row-loading {
2270 background: no-repeat center center;
2271 }
2272
2273 .x-grid-page {
2274 overflow:hidden;
2275 }
2276
2277 .x-grid3-row {
2278 cursor: default;
2279 border: 1px solid;
2280 width:100%;
2281 }
2282
2283 .x-grid3-row-over {
2284 border:1px solid;
2285 background: repeat-x left top;
2286 }
2287
2288 .x-grid3-resize-proxy {
2289 width:1px;
2290 left:0;
2291 cursor: e-resize;
2292 cursor: col-resize;
2293 position:absolute;
2294 top:0;
2295 height:100px;
2296 overflow:hidden;
2297 visibility:hidden;
2298 border:0 none;
2299 z-index:7;
2300 }
2301
2302 .x-grid3-resize-marker {
2303 width:1px;
2304 left:0;
2305 position:absolute;
2306 top:0;
2307 height:100px;
2308 overflow:hidden;
2309 visibility:hidden;
2310 border:0 none;
2311 z-index:7;
2312 }
2313
2314 .x-grid3-focus {
2315 position:absolute;
2316 left:0;
2317 top:0;
2318 width:1px;
2319 height:1px;
2320 line-height:1px;
2321 font-size:1px;
2322 -moz-outline:0 none;
2323 outline:0 none;
2324 -moz-user-select: text;
2325 -khtml-user-select: text;
2326 -webkit-user-select:ignore;
2327 }
2328
2329 /* header styles */
2330 .x-grid3-header{
2331 background: repeat-x 0 bottom;
2332 cursor:default;
2333 zoom:1;
2334 padding:1px 0 0 0;
2335 }
2336
2337 .x-grid3-header-pop {
2338 border-left:1px solid;
2339 float:right;
2340 clear:none;
2341 }
2342
2343 .x-grid3-header-pop-inner {
2344 border-left:1px solid;
2345 width:14px;
2346 height:19px;
2347 background: transparent no-repeat center center;
2348 }
2349
2350 .ext-ie .x-grid3-header-pop-inner {
2351 width:15px;
2352 }
2353
2354 .ext-strict .x-grid3-header-pop-inner {
2355 width:14px;
2356 }
2357
2358 .x-grid3-header-inner {
2359 overflow:hidden;
2360 zoom:1;
2361 float:left;
2362 }
2363
2364 .x-grid3-header-offset {
2365 padding-left:1px;
2366 text-align: left;
2367 }
2368
2369 td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {
2370 border-left:1px solid;
2371 border-right:1px solid;
2372 }
2373
2374 td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner, td.x-grid3-hd-menu-open .x-grid3-hd-inner {
2375 background: repeat-x left bottom;
2376
2377 }
2378
2379 .x-grid3-sort-icon{
2380 background-repeat: no-repeat;
2381 display: none;
2382 height: 4px;
2383 width: 13px;
2384 margin-left:3px;
2385 vertical-align: middle;
2386 }
2387
2388 .sort-asc .x-grid3-sort-icon, .sort-desc .x-grid3-sort-icon {
2389 display: inline;
2390 }
2391
2392 /* Header position fixes for IE strict mode */
2393 .ext-strict .ext-ie .x-grid3-header-inner, .ext-strict .ext-ie6 .x-grid3-hd {
2394 position:relative;
2395 }
2396
2397 .ext-strict .ext-ie6 .x-grid3-hd-inner{
2398 position:static;
2399 }
2400
2401 /* Body Styles */
2402 .x-grid3-body {
2403 zoom:1;
2404 }
2405
2406 .x-grid3-scroller {
2407 overflow:auto;
2408 zoom:1;
2409 position:relative;
2410 }
2411
2412 .x-grid3-cell-text, .x-grid3-hd-text {
2413 display: block;
2414 padding: 3px 5px 3px 5px;
2415 -moz-user-select: none;
2416 -khtml-user-select: none;
2417 -webkit-user-select:ignore;
2418 }
2419
2420 .x-grid3-split {
2421 background-position: center;
2422 background-repeat: no-repeat;
2423 cursor: e-resize;
2424 cursor: col-resize;
2425 display: block;
2426 font-size: 1px;
2427 height: 16px;
2428 overflow: hidden;
2429 position: absolute;
2430 top: 2px;
2431 width: 6px;
2432 z-index: 3;
2433 }
2434
2435 /* Column Reorder DD */
2436 .x-dd-drag-proxy .x-grid3-hd-inner{
2437 background: repeat-x left bottom;
2438 width:120px;
2439 padding:3px;
2440 border:1px solid;
2441 overflow:hidden;
2442 }
2443
2444 .col-move-top, .col-move-bottom{
2445 width:9px;
2446 height:9px;
2447 position:absolute;
2448 top:0;
2449 line-height:1px;
2450 font-size:1px;
2451 overflow:hidden;
2452 visibility:hidden;
2453 z-index:20000;
2454 background:transparent no-repeat left top;
2455 }
2456
2457 /* Selection Styles */
2458 .x-grid3-row-selected {
2459 border:1px dotted;
2460 }
2461
2462 .x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{
2463 background: repeat-x 0 bottom !important;
2464 vertical-align:middle !important;
2465 padding:0;
2466 border-top:1px solid;
2467 border-bottom:none !important;
2468 border-right:1px solid !important;
2469 text-align:center;
2470 }
2471
2472 .x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{
2473 padding:0 4px;
2474 text-align:center;
2475 }
2476
2477 /* dirty cells */
2478 .x-grid3-dirty-cell {
2479 background: transparent no-repeat 0 0;
2480 }
2481
2482 /* Grid Toolbars */
2483 .x-grid3-topbar, .x-grid3-bottombar{
2484 overflow:hidden;
2485 display:none;
2486 zoom:1;
2487 position:relative;
2488 }
2489
2490 .x-grid3-topbar .x-toolbar{
2491 border-right:0 none;
2492 }
2493
2494 .x-grid3-bottombar .x-toolbar{
2495 border-right:0 none;
2496 border-bottom:0 none;
2497 border-top:1px solid;
2498 }
2499
2500 /* Props Grid Styles */
2501 .x-props-grid .x-grid3-cell{
2502 padding:1px;
2503 }
2504
2505 .x-props-grid .x-grid3-td-name .x-grid3-cell-inner{
2506 background:transparent repeat-y -16px !important;
2507 padding-left:12px;
2508 }
2509
2510 .x-props-grid .x-grid3-body .x-grid3-td-name{
2511 padding:1px;
2512 padding-right:0;
2513 border:0 none;
2514 border-right:1px solid;
2515 }
2516
2517 /* dd */
2518 .x-grid3-col-dd {
2519 border:0 none;
2520 padding:0;
2521 background-color:transparent;
2522 }
2523
2524 .x-dd-drag-ghost .x-grid3-dd-wrap {
2525 padding:1px 3px 3px 1px;
2526 }
2527
2528 .x-grid3-hd {
2529 -moz-user-select:none;
2530 -khtml-user-select:none;
2531 -webkit-user-select:ignore;
2532 }
2533
2534 .x-grid3-hd-btn {
2535 display:none;
2536 position:absolute;
2537 width:14px;
2538 background:no-repeat left center;
2539 right:0;
2540 top:0;
2541 z-index:2;
2542 cursor:pointer;
2543 }
2544
2545 .x-grid3-hd-over .x-grid3-hd-btn, .x-grid3-hd-menu-open .x-grid3-hd-btn {
2546 display:block;
2547 }
2548
2549 a.x-grid3-hd-btn:hover {
2550 background-position:-14px center;
2551 }
2552
2553 /* Expanders */
2554 .x-grid3-body .x-grid3-td-expander {
2555 background:transparent repeat-y right;
2556 }
2557
2558 .x-grid3-body .x-grid3-td-expander .x-grid3-cell-inner {
2559 padding:0 !important;
2560 height:100%;
2561 }
2562
2563 .x-grid3-row-expander {
2564 width:100%;
2565 height:18px;
2566 background-position:4px 2px;
2567 background-repeat:no-repeat;
2568 background-color:transparent;
2569 }
2570
2571 .x-grid3-row-collapsed .x-grid3-row-expander {
2572 background-position:4px 2px;
2573 }
2574
2575 .x-grid3-row-expanded .x-grid3-row-expander {
2576 background-position:-21px 2px;
2577 }
2578
2579 .x-grid3-row-collapsed .x-grid3-row-body {
2580 display:none !important;
2581 }
2582
2583 .x-grid3-row-expanded .x-grid3-row-body {
2584 display:block !important;
2585 }
2586
2587 /* Checkers */
2588 .x-grid3-body .x-grid3-td-checker {
2589 background:transparent repeat-y right;
2590 }
2591
2592 .x-grid3-body .x-grid3-td-checker .x-grid3-cell-inner, .x-grid3-header .x-grid3-td-checker .x-grid3-hd-inner {
2593 padding:0 !important;
2594 height:100%;
2595 }
2596
2597 .x-grid3-row-checker, .x-grid3-hd-checker {
2598 width:100%;
2599 height:18px;
2600 background-position:2px 2px;
2601 background-repeat:no-repeat;
2602 background-color:transparent;
2603 }
2604
2605 .x-grid3-row .x-grid3-row-checker {
2606 background-position:2px 2px;
2607 }
2608
2609 .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 {
2610 background-position:-23px 2px;
2611 }
2612
2613 .x-grid3-hd-checker {
2614 background-position:2px 1px;
2615 }
2616
2617 .ext-border-box .x-grid3-hd-checker {
2618 background-position:2px 3px;
2619 }
2620
2621 .x-grid3-hd-checker-on .x-grid3-hd-checker {
2622 background-position:-23px 1px;
2623 }
2624
2625 .ext-border-box .x-grid3-hd-checker-on .x-grid3-hd-checker {
2626 background-position:-23px 3px;
2627 }
2628
2629 /* Numberer */
2630 .x-grid3-body .x-grid3-td-numberer {
2631 background:transparent repeat-y right;
2632 }
2633
2634 .x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {
2635 padding:3px 5px 0 0 !important;
2636 text-align:right;
2637 }
2638
2639 /* Row Icon */
2640
2641 .x-grid3-body .x-grid3-td-row-icon {
2642 background:transparent repeat-y right;
2643 vertical-align:top;
2644 text-align:center;
2645 }
2646
2647 .x-grid3-body .x-grid3-td-row-icon .x-grid3-cell-inner {
2648 padding:0 !important;
2649 background-position:center center;
2650 background-repeat:no-repeat;
2651 width:16px;
2652 height:16px;
2653 margin-left:2px;
2654 margin-top:3px;
2655 }
2656
2657 /* All specials */
2658 .x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,
2659 .x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,
2660 .x-grid3-body .x-grid3-row-selected .x-grid3-td-expander {
2661 background:transparent repeat-y right;
2662 }
2663
2664 .x-grid3-body .x-grid3-check-col-td .x-grid3-cell-inner {
2665 padding: 1px 0 0 0 !important;
2666 }
2667
2668 .x-grid3-check-col {
2669 width:100%;
2670 height:16px;
2671 background-position:center center;
2672 background-repeat:no-repeat;
2673 background-color:transparent;
2674 }
2675
2676 .x-grid3-check-col-on {
2677 width:100%;
2678 height:16px;
2679 background-position:center center;
2680 background-repeat:no-repeat;
2681 background-color:transparent;
2682 }
2683
2684 /* Grouping classes */
2685 .x-grid-group, .x-grid-group-body, .x-grid-group-hd {
2686 zoom:1;
2687 }
2688
2689 .x-grid-group-hd {
2690 border-bottom: 2px solid;
2691 cursor:pointer;
2692 padding-top:6px;
2693 }
2694
2695 .x-grid-group-hd div.x-grid-group-title {
2696 background:transparent no-repeat 3px 3px;
2697 padding:4px 4px 4px 17px;
2698 }
2699
2700 .x-grid-group-collapsed .x-grid-group-body {
2701 display:none;
2702 }
2703
2704 .ext-ie6 .x-grid3 .x-editor .x-form-text, .ext-ie7 .x-grid3 .x-editor .x-form-text {
2705 position:relative;
2706 top:-1px;
2707 }
2708
2709 .x-grid-editor .x-form-check-wrap {
2710 text-align: center;
2711 margin-top: -4px;
2712 }
2713
2714 .ext-ie .x-props-grid .x-editor .x-form-text {
2715 position:static;
2716 top:0;
2717 }
2718
2719 .x-grid-empty {
2720 padding:10px;
2721 }
2722
2723 /* fix floating toolbar issue */
2724 .ext-ie7 .x-grid-panel .x-panel-bbar {
2725 position:relative;
2726 }
2727
2728
2729 /* Reset position to static when Grid Panel has been framed */
2730 /* to resolve 'snapping' from top to bottom behavior. */
2731 /* @forumThread 86656 */
2732 .ext-ie7 .x-grid-panel .x-panel-mc .x-panel-bbar {
2733 position: static;
2734 }
2735
2736 .ext-ie6 .x-grid3-header {
2737 position: relative;
2738 }
2739
2740 /* Fix WebKit bug in Grids */
2741 .ext-webkit .x-grid-panel .x-panel-bwrap{
2742 -webkit-user-select:none;
2743 }
2744 .ext-webkit .x-tbar-page-number{
2745 -webkit-user-select:ignore;
2746 }
2747 /* end*/
2748
2749 /* column lines */
2750 .x-grid-with-col-lines .x-grid3-row td.x-grid3-cell {
2751 padding-right:0;
2752 border-right:1px solid;
2753 }
2754 .x-pivotgrid .x-grid3-header-offset table {
2755 width: 100%;
2756 border-collapse: collapse;
2757 }
2758
2759 .x-pivotgrid .x-grid3-header-offset table td {
2760 padding: 4px 3px 4px 5px;
2761 text-align: center;
2762 white-space: nowrap;
2763 overflow: hidden;
2764 text-overflow: ellipsis;
2765 font-size: 11px;
2766 line-height: 13px;
2767 font-family: tahoma;
2768 }
2769
2770 .x-pivotgrid .x-grid3-row-headers {
2771 display: block;
2772 float: left;
2773 }
2774
2775 .x-pivotgrid .x-grid3-row-headers table {
2776 height: 100%;
2777 width: 100%;
2778 border-collapse: collapse;
2779 }
2780
2781 .x-pivotgrid .x-grid3-row-headers table td {
2782 height: 18px;
2783 padding: 2px 7px 0 0;
2784 text-align: right;
2785 text-overflow: ellipsis;
2786 font-size: 11px;
2787 font-family: tahoma;
2788 }
2789
2790 .ext-gecko .x-pivotgrid .x-grid3-row-headers table td {
2791 height: 21px;
2792 }
2793
2794 .x-grid3-header-title {
2795 top: 0%;
2796 left: 0%;
2797 position: absolute;
2798 text-align: center;
2799 vertical-align: middle;
2800 font-family: tahoma;
2801 font-size: 11px;
2802 padding: auto 1px;
2803 display: table-cell;
2804 }
2805
2806 .x-grid3-header-title span {
2807 position: absolute;
2808 top: 50%;
2809 left: 0%;
2810 width: 100%;
2811 margin-top: -6px;
2812 }.x-dd-drag-proxy{
2813 position:absolute;
2814 left:0;
2815 top:0;
2816 visibility:hidden;
2817 z-index:15000;
2818 }
2819
2820 .x-dd-drag-ghost{
2821 -moz-opacity: 0.85;
2822 opacity:.85;
2823 filter: alpha(opacity=85);
2824 border: 1px solid;
2825 padding:3px;
2826 padding-left:20px;
2827 white-space:nowrap;
2828 }
2829
2830 .x-dd-drag-repair .x-dd-drag-ghost{
2831 -moz-opacity: 0.4;
2832 opacity:.4;
2833 filter: alpha(opacity=40);
2834 border:0 none;
2835 padding:0;
2836 background-color:transparent;
2837 }
2838
2839 .x-dd-drag-repair .x-dd-drop-icon{
2840 visibility:hidden;
2841 }
2842
2843 .x-dd-drop-icon{
2844 position:absolute;
2845 top:3px;
2846 left:3px;
2847 display:block;
2848 width:16px;
2849 height:16px;
2850 background-color:transparent;
2851 background-position: center;
2852 background-repeat: no-repeat;
2853 z-index:1;
2854 }
2855
2856 .x-view-selector {
2857 position:absolute;
2858 left:0;
2859 top:0;
2860 width:0;
2861 border:1px dotted;
2862 opacity: .5;
2863 -moz-opacity: .5;
2864 filter:alpha(opacity=50);
2865 zoom:1;
2866 }.ext-strict .ext-ie .x-tree .x-panel-bwrap{
2867 position:relative;
2868 overflow:hidden;
2869 }
2870
2871 .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{
2872 border: 0 none;
2873 height: 18px;
2874 margin: 0;
2875 padding: 0;
2876 vertical-align: top;
2877 width: 16px;
2878 background-repeat: no-repeat;
2879 }
2880
2881 .x-tree-node-collapsed .x-tree-node-icon, .x-tree-node-expanded .x-tree-node-icon, .x-tree-node-leaf .x-tree-node-icon{
2882 border: 0 none;
2883 height: 18px;
2884 margin: 0;
2885 padding: 0;
2886 vertical-align: top;
2887 width: 16px;
2888 background-position:center;
2889 background-repeat: no-repeat;
2890 }
2891
2892 .ext-ie .x-tree-node-indent img, .ext-ie .x-tree-node-icon, .ext-ie .x-tree-ec-icon {
2893 vertical-align: middle !important;
2894 }
2895
2896 .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 {
2897 vertical-align: top !important;
2898 }
2899
2900 /* checkboxes */
2901
2902 input.x-tree-node-cb {
2903 margin-left:1px;
2904 height: 19px;
2905 vertical-align: bottom;
2906 }
2907
2908 .ext-ie input.x-tree-node-cb {
2909 margin-left:0;
2910 margin-top: 1px;
2911 width: 16px;
2912 height: 16px;
2913 vertical-align: middle;
2914 }
2915
2916 .ext-strict .ext-ie8 input.x-tree-node-cb{
2917 margin: 1px 1px;
2918 height: 14px;
2919 vertical-align: bottom;
2920 }
2921
2922 .ext-strict .ext-ie8 input.x-tree-node-cb + a{
2923 vertical-align: bottom;
2924 }
2925
2926 .ext-opera input.x-tree-node-cb {
2927 height: 14px;
2928 vertical-align: middle;
2929 }
2930
2931 .x-tree-noicon .x-tree-node-icon{
2932 width:0; height:0;
2933 }
2934
2935 /* No line styles */
2936 .x-tree-no-lines .x-tree-elbow{
2937 background-color:transparent;
2938 }
2939
2940 .x-tree-no-lines .x-tree-elbow-end{
2941 background-color:transparent;
2942 }
2943
2944 .x-tree-no-lines .x-tree-elbow-line{
2945 background-color:transparent;
2946 }
2947
2948 /* Arrows */
2949 .x-tree-arrows .x-tree-elbow{
2950 background-color:transparent;
2951 }
2952
2953 .x-tree-arrows .x-tree-elbow-plus{
2954 background:transparent no-repeat 0 0;
2955 }
2956
2957 .x-tree-arrows .x-tree-elbow-minus{
2958 background:transparent no-repeat -16px 0;
2959 }
2960
2961 .x-tree-arrows .x-tree-elbow-end{
2962 background-color:transparent;
2963 }
2964
2965 .x-tree-arrows .x-tree-elbow-end-plus{
2966 background:transparent no-repeat 0 0;
2967 }
2968
2969 .x-tree-arrows .x-tree-elbow-end-minus{
2970 background:transparent no-repeat -16px 0;
2971 }
2972
2973 .x-tree-arrows .x-tree-elbow-line{
2974 background-color:transparent;
2975 }
2976
2977 .x-tree-arrows .x-tree-ec-over .x-tree-elbow-plus{
2978 background-position:-32px 0;
2979 }
2980
2981 .x-tree-arrows .x-tree-ec-over .x-tree-elbow-minus{
2982 background-position:-48px 0;
2983 }
2984
2985 .x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-plus{
2986 background-position:-32px 0;
2987 }
2988
2989 .x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-minus{
2990 background-position:-48px 0;
2991 }
2992
2993 .x-tree-elbow-plus, .x-tree-elbow-minus, .x-tree-elbow-end-plus, .x-tree-elbow-end-minus{
2994 cursor:pointer;
2995 }
2996
2997 .ext-ie ul.x-tree-node-ct{
2998 font-size:0;
2999 line-height:0;
3000 zoom:1;
3001 }
3002
3003 .x-tree-node{
3004 white-space: nowrap;
3005 }
3006
3007 .x-tree-node-el {
3008 line-height:18px;
3009 cursor:pointer;
3010 }
3011
3012 .x-tree-node a, .x-dd-drag-ghost a{
3013 text-decoration:none;
3014 -khtml-user-select:none;
3015 -moz-user-select:none;
3016 -webkit-user-select:ignore;
3017 -kthml-user-focus:normal;
3018 -moz-user-focus:normal;
3019 -moz-outline: 0 none;
3020 outline:0 none;
3021 }
3022
3023 .x-tree-node a span, .x-dd-drag-ghost a span{
3024 text-decoration:none;
3025 padding:1px 3px 1px 2px;
3026 }
3027
3028 .x-tree-node .x-tree-node-disabled .x-tree-node-icon{
3029 -moz-opacity: 0.5;
3030 opacity:.5;
3031 filter: alpha(opacity=50);
3032 }
3033
3034 .x-tree-node .x-tree-node-inline-icon{
3035 background-color:transparent;
3036 }
3037
3038 .x-tree-node a:hover, .x-dd-drag-ghost a:hover{
3039 text-decoration:none;
3040 }
3041
3042 .x-tree-node div.x-tree-drag-insert-below{
3043 border-bottom:1px dotted;
3044 }
3045
3046 .x-tree-node div.x-tree-drag-insert-above{
3047 border-top:1px dotted;
3048 }
3049
3050 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below{
3051 border-bottom:0 none;
3052 }
3053
3054 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above{
3055 border-top:0 none;
3056 }
3057
3058 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{
3059 border-bottom:2px solid;
3060 }
3061
3062 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{
3063 border-top:2px solid;
3064 }
3065
3066 .x-tree-node .x-tree-drag-append a span{
3067 border:1px dotted;
3068 }
3069
3070 .x-dd-drag-ghost .x-tree-node-indent, .x-dd-drag-ghost .x-tree-ec-icon{
3071 display:none !important;
3072 }
3073
3074 /* Fix for ie rootVisible:false issue */
3075 .x-tree-root-ct {
3076 zoom:1;
3077 }
3078 .x-date-picker {
3079 border: 1px solid;
3080 border-top:0 none;
3081 position:relative;
3082 }
3083
3084 .x-date-picker a {
3085 -moz-outline:0 none;
3086 outline:0 none;
3087 }
3088
3089 .x-date-inner, .x-date-inner td, .x-date-inner th{
3090 border-collapse:separate;
3091 }
3092
3093 .x-date-middle,.x-date-left,.x-date-right {
3094 background: repeat-x 0 -83px;
3095 overflow:hidden;
3096 }
3097
3098 .x-date-middle .x-btn-tc,.x-date-middle .x-btn-tl,.x-date-middle .x-btn-tr,
3099 .x-date-middle .x-btn-mc,.x-date-middle .x-btn-ml,.x-date-middle .x-btn-mr,
3100 .x-date-middle .x-btn-bc,.x-date-middle .x-btn-bl,.x-date-middle .x-btn-br{
3101 background:transparent !important;
3102 vertical-align:middle;
3103 }
3104
3105 .x-date-middle .x-btn-mc em.x-btn-arrow {
3106 background:transparent no-repeat right 0;
3107 }
3108
3109 .x-date-right, .x-date-left {
3110 width:18px;
3111 }
3112
3113 .x-date-right{
3114 text-align:right;
3115 }
3116
3117 .x-date-middle {
3118 padding-top:2px;
3119 padding-bottom:2px;
3120 width:130px; /* FF3 */
3121 }
3122
3123 .x-date-right a, .x-date-left a{
3124 display:block;
3125 width:16px;
3126 height:16px;
3127 background-position: center;
3128 background-repeat: no-repeat;
3129 cursor:pointer;
3130 -moz-opacity: 0.6;
3131 opacity:.6;
3132 filter: alpha(opacity=60);
3133 }
3134
3135 .x-date-right a:hover, .x-date-left a:hover{
3136 -moz-opacity: 1;
3137 opacity:1;
3138 filter: alpha(opacity=100);
3139 }
3140
3141 .x-item-disabled .x-date-right a:hover, .x-item-disabled .x-date-left a:hover{
3142 -moz-opacity: 0.6;
3143 opacity:.6;
3144 filter: alpha(opacity=60);
3145 }
3146
3147 .x-date-right a {
3148 margin-right:2px;
3149 text-decoration:none !important;
3150 }
3151
3152 .x-date-left a{
3153 margin-left:2px;
3154 text-decoration:none !important;
3155 }
3156
3157 table.x-date-inner {
3158 width: 100%;
3159 table-layout:fixed;
3160 }
3161
3162 .ext-webkit table.x-date-inner{
3163 /* Fix for webkit browsers */
3164 width: 175px;
3165 }
3166
3167
3168 .x-date-inner th {
3169 width:25px;
3170 }
3171
3172 .x-date-inner th {
3173 background: repeat-x left top;
3174 text-align:right !important;
3175 border-bottom: 1px solid;
3176 cursor:default;
3177 padding:0;
3178 border-collapse:separate;
3179 }
3180
3181 .x-date-inner th span {
3182 display:block;
3183 padding:2px;
3184 padding-right:7px;
3185 }
3186
3187 .x-date-inner td {
3188 border: 1px solid;
3189 text-align:right;
3190 padding:0;
3191 }
3192
3193 .x-date-inner a {
3194 padding:2px 5px;
3195 display:block;
3196 text-decoration:none;
3197 text-align:right;
3198 zoom:1;
3199 }
3200
3201 .x-date-inner .x-date-active{
3202 cursor:pointer;
3203 color:black;
3204 }
3205
3206 .x-date-inner .x-date-selected a{
3207 background: repeat-x left top;
3208 border:1px solid;
3209 padding:1px 4px;
3210 }
3211
3212 .x-date-inner .x-date-today a{
3213 border: 1px solid;
3214 padding:1px 4px;
3215 }
3216
3217 .x-date-inner .x-date-prevday a,.x-date-inner .x-date-nextday a {
3218 text-decoration:none !important;
3219 }
3220
3221 .x-date-bottom {
3222 padding:4px;
3223 border-top: 1px solid;
3224 background: repeat-x left top;
3225 }
3226
3227 .x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover{
3228 text-decoration:none !important;
3229 }
3230
3231 .x-item-disabled .x-date-inner a:hover{
3232 background: none;
3233 }
3234
3235 .x-date-inner .x-date-disabled a {
3236 cursor:default;