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