f10642-skin.css

New FE skin, containing rules which are not really needed - Steffen Gebert, 2010-12-01 10:47

Download (49.9 kB)

 
1
/**
2
 * TYPO3 Backend colors defaults!
3
 *
4
 * Colors:
5
 * General Background         #EFEFF4
6
 * Dark Grey                        #D7DBE2
7
 * Text                                        #55545E
8
 * headline Text                #FFFFFF
9
 * Border                                 #A2AAB8
10
 *
11
 * Attributes:
12
 * font-family                        verdana, arial, tahoma, helvetica, sans-serif
13
 * font-size                        10px
14
 */
15

    
16
.x-tab-strip-spacer { display: none; }
17

    
18
.x-panel {
19
        border-style: solid;
20
        border-color: #A2AAB8;
21
}
22
.x-panel-header {
23
        color:#333;
24
        border:1px solid #A2AAB8;
25
        background-image:url(images/panel/white-top-bottom.gif);
26
}
27

    
28
.x-panel-tbar {
29
        background-image: url(images/toolbar/ws-toolbar-background.png);
30
        border-bottom: 1px solid #d5d5d5;
31
        height: 42px;
32
}
33

    
34
.x-panel-body {
35
        border-width: 0;
36
}
37

    
38
.x-panel-bbar {
39
        border-top: 1px solid #cdcdcd;
40
}
41

    
42
.x-panel-bbar .x-toolbar {
43
        border-color: transparent;
44
}
45

    
46
.x-panel-tbar .x-toolbar {
47
        border-color: transparent;
48
}
49

    
50
.x-panel-tl .x-panel-header {
51
        color:#333;
52
}
53
.x-panel-tc {
54
        background-image:url(images/panel/top-bottom.gif);
55
}
56
.x-panel-tl {
57
        background-image:url(images/panel/corners-sprite.gif);
58
        border-color:#A2AAB8;
59
}
60
.x-panel-tr {
61
        background-image:url(images/panel/corners-sprite.gif);
62
}
63
.x-panel-bc {
64
        background-image:url(images/panel/top-bottom.gif);
65
}
66
.x-panel-bl {
67
        background-image:url(images/panel/corners-sprite.gif);
68
}
69
.x-panel-br {
70
        background-image:url(images/panel/corners-sprite.gif);
71
}
72
.x-panel-mc {
73
        background:#EFEFF4;
74
}
75
.x-panel-mc .x-panel-body {
76
        background:transparent;
77
        border: 0 none;
78
}
79
.x-panel-ml {
80
        background-image:url(images/panel/left-right.gif);
81
}
82
.x-panel-mr {
83
        background-image:url(images/panel/left-right.gif);
84
}
85

    
86
/* Tools */
87
.x-tool {
88
        background-image:url(images/panel/tool-sprites.gif);
89
}
90

    
91
/* Ghosting */
92
.x-panel-ghost {
93
        background:#EFEFF4;
94
}
95

    
96
.x-panel-ghost ul {
97
        border-color:#A2AAB8;
98
}
99

    
100
.x-grid-panel .x-panel-mc .x-panel-body {
101
        border: none;
102
}
103

    
104
/* Buttons */
105
.x-btn-left{
106
        background-image:url(images/button/btn-sprite.gif);
107
}
108
.x-btn-right{
109
        background-image:url(images/button/btn-sprite.gif);
110
}
111
.x-btn-center{
112
        background-image:url(images/button/btn-sprite.gif);
113
}
114

    
115
/* Layout classes */
116
.x-border-layout-ct {
117
        background:#EFEFF4;
118
}
119

    
120
.x-accordion-hd {
121
        background-image:url(images/panel/light-hd.gif);
122
}
123

    
124
.x-layout-collapsed {
125
        background-color:#EFEFF4;
126
}
127

    
128
.x-layout-collapsed-over{
129
        background-color:#EFEFF4;
130
}
131

    
132

    
133
/* qtips */
134
.x-tip .x-tip-top {
135
        background-image:url(images/qtip/tip-sprite.gif);
136
}
137
.x-tip .x-tip-top-left {
138
        background-image:url(images/qtip/tip-sprite.gif);
139
}
140
.x-tip .x-tip-top-right {
141
        background-image:url(images/qtip/tip-sprite.gif);
142
}
143
.x-tip .x-tip-ft {
144
        background-image:url(images/qtip/tip-sprite.gif);
145
}
146
.x-tip .x-tip-ft-left {
147
        background-image:url(images/qtip/tip-sprite.gif);
148
}
149
.x-tip .x-tip-ft-right {
150
        background-image:url(images/qtip/tip-sprite.gif);
151
}
152
.x-tip .x-tip-bd-left {
153
        background-image:url(images/qtip/tip-sprite.gif);
154
}
155
.x-tip .x-tip-bd-right {
156
        background-image:url(images/qtip/tip-sprite.gif);
157
}
158

    
159
/* Toolbars */
160

    
161
.x-toolbar{
162
        border-color:#A2AAB8;
163
        background-image: url(images/toolbar/ws-toolbar-t3logo.png);
164
        background-repeat:no-repeat;
165
        background-position: 50px top;
166
        padding: 10px 0 0 146px !important;
167
}
168
.x-toolbar button {
169
        color:#333;
170
}
171
.x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button {
172
        background-image:url(images/toolbar/btn-arrow.gif);
173
}
174
.x-toolbar .x-btn-text-icon .x-btn-menu-arrow-wrap .x-btn-center button {
175
        background-image:url(images/toolbar/btn-arrow.gif);
176
}
177

    
178
/* Tabs */
179

    
180
.x-tab-panel-header, .x-tab-panel-footer {
181
        background: #EFEFF4;
182
        border-color:#A2AAB8;
183
}
184

    
185

    
186
.x-tab-panel-header {
187
        border-color:#A2AAB8;
188
}
189

    
190
.x-tab-panel-footer {
191
        border-color:#A2AAB8;
192
}
193

    
194
ul.x-tab-strip-top{
195
        padding-top: 1px;
196
}
197

    
198
ul.x-tab-strip-bottom{
199
        padding-bottom: 1px;
200
}
201

    
202
ul.x-tab-strip li {
203
        margin-left: 0;
204
        margin-right: 2px;
205
}
206

    
207
.x-tab-strip span.x-tab-strip-text {
208
        font-style: normal;
209
}
210

    
211
.x-tab-strip-active span.x-tab-strip-text {
212
        color: #333333;
213
}
214

    
215
.x-tab-strip-disabled .x-tabs-text {
216
        color:#aaaaaa;
217
}
218

    
219
.x-tab-strip span.x-tab-strip-text,
220
.x-tab-strip-top .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
221
        padding: 1px 0;
222
}
223

    
224
.x-tab-strip-over span.x-tab-strip-text,
225
.x-tab-strip-active span.x-tab-strip-text {
226
        color: #000000;
227
}
228

    
229
.x-tab-strip-disabled .x-tabs-text {
230
        color: #aaaaaa;
231
}
232

    
233

    
234
.x-tab-strip-top .x-tab-right {
235
        background: #dadada;
236
        border-color: #adadad #adadad #c0c0c0;
237
        border-style: solid;
238
        border-width: 1px;
239
        -moz-border-radius-topleft: 3px;
240
        -moz-border-radius-topright: 3px;
241
        -webkit-border-top-left-radius: 3px;
242
        -webkit-border-top-right-radius: 3px;
243
        border-top-left-radius: 3px;
244
        border-top-right-radius: 3px;
245
        color: #666666;
246
        padding: 5px 10px;
247
        position: relative;
248
        top: 1px;
249
}
250

    
251
.x-tab-strip-over .x-tab-right {
252
        background-color: #ffffff;
253
}
254

    
255
.x-tab-strip-top .x-tab-strip-active .x-tab-right {
256
        background-color: #ffffff;
257
        border-bottom: 1px solid #ffffff;
258
}
259

    
260
.x-tab-strip-bottom .x-tab-right {
261
        background-image:url(images/tabs/tab-btm-inactive-right-bg.gif);
262
}
263

    
264
.x-tab-strip-bottom .x-tab-left {
265
        background-image:url(images/tabs/tab-btm-inactive-left-bg.gif);
266
}
267

    
268
.x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
269
        background-image:url(images/tabs/tab-btm-right-bg.gif);
270
}
271

    
272
.x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
273
        background-image:url(images/tabs/tab-btm-left-bg.gif);
274
}
275

    
276
.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
277
        background-image:url(images/tabs/tab-close.gif);
278
}
279
.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
280
        background-image:url(images/tabs/tab-close.gif);
281
}
282

    
283
.x-tab-panel-bbar .x-toolbar {
284
        border-color: #A2AAB8;
285
}
286

    
287
.x-tab-panel-tbar .x-toolbar {
288
        border-color: #A2AAB8;
289
}
290

    
291
.x-tab-panel-header, .x-tab-panel-footer {
292
        border-bottom: none;
293
}
294

    
295
.x-tab-panel-header {
296
        padding-bottom: 0;
297
}
298

    
299
.x-tab-panel-footer {
300
        padding-top: 0;
301
}
302

    
303
.x-tab-panel-header-plain .x-tab-strip-spacer,
304
.x-tab-panel-footer-plain .x-tab-strip-spacer {
305
        border-color:#A2AAB8;
306
        background: #eaeaea;
307
}
308

    
309
.x-tab-scrolling .x-tab-strip-wrap {
310
        margin-left: 21px;
311
        margin-right: 21px;
312
}
313

    
314
.x-tab-scroller-left {
315
        background-image: url(images/tabs/scroll-left.gif);
316
        border-color:#A2AAB8;
317
}
318
.x-tab-scroller-right {
319
        background-image: url(images/tabs/scroll-right.gif);
320
        border-color:#A2AAB8;
321
}
322

    
323
/* Window */
324

    
325
.x-window-proxy {
326
        background:#e0e0e0;
327
        border-color:#A2AAB8;
328
}
329

    
330
.x-window-tl .x-window-header {
331
        color:#555;
332
}
333
.x-window-tc {
334
        background-image:url(images/window/top-bottom.png);
335
}
336
.x-window-tl {
337
        background-image:url(images/window/left-corners.png);
338
}
339
.x-window-tr {
340
        background-image:url(images/window/right-corners.png);
341
}
342
.x-window-bc {
343
        background-image:url(images/window/top-bottom.png);
344
}
345
.x-window-bl {
346
        background-image:url(images/window/left-corners.png);
347
}
348
.x-window-br {
349
        background-image:url(images/window/right-corners.png);
350
}
351
.x-window-mc {
352
        border:1px solid #A2AAB8;
353
        background:#e8e8e8;
354
}
355

    
356
.x-window-ml {
357
        background-image:url(images/window/left-right.png);
358
}
359
.x-window-mr {
360
        background-image:url(images/window/left-right.png);
361
}
362
.x-panel-ghost .x-window-tl {
363
        border-color:#A2AAB8;
364
}
365
.x-panel-collapsed .x-window-tl {
366
        border-color:#A2AAB8;
367
}
368

    
369
.x-window-plain .x-window-mc {
370
        background: #EFEFF4;
371
        border-right:1px solid #eee;
372
        border-bottom:1px solid #eee;
373
        border-top:1px solid #A2AAB8;
374
        border-left:1px solid #A2AAB8;
375
}
376

    
377
.x-window-plain .x-window-body {
378
        border-left:1px solid #eee;
379
        border-top:1px solid #eee;
380
        border-bottom:1px solid #A2AAB8;
381
        border-right:1px solid #A2AAB8;
382
        background:transparent !important;
383
}
384

    
385
body.x-body-masked .x-window-mc, body.x-body-masked .x-window-plain .x-window-mc {
386
        background-color: #EFEFF4;
387
}
388

    
389
/*
390
 * re-add the button background for all toolbar buttons within windows,
391
 * currently used within the mass uploader
392
 */
393
.x-window-tbar .x-btn-tl {
394
        background-position: 0 0;
395
}
396
.x-window-tbar .x-btn-tr {
397
        background-position: -3px 0;
398
}
399
.x-window-tbar .x-btn-tc {
400
        background-position: 0 -6px;
401
}
402

    
403
.x-window-tbar .x-btn-ml {
404
        background-position: 0 -24px;
405
}
406
.x-window-tbar .x-btn-mr {
407
        background-position: -3px -24px;
408
}
409

    
410
.x-window-tbar .x-btn-mc {
411
        background-position: 0 -1096px;
412
}
413

    
414
.x-window-tbar .x-btn-bl {
415
        background-position: 0 -3px;
416
}
417

    
418
.x-window-tbar .x-btn-br {
419
        background-position: -3px -3px;
420
}
421

    
422
.x-window-tbar .x-btn-bc {
423
        background-position: 0 -15px;
424
}
425

    
426
.x-window-tbar .x-btn button {
427
        color: #333;
428
}
429

    
430
/* misc */
431
.x-html-editor-wrap {
432
        border-color:#A2AAB8;
433
}
434

    
435
/* Borders go last for specificity */
436
.x-panel-noborder .x-panel-body-noborder {
437
        border-width:0;
438
}
439

    
440
.x-panel-noborder .x-panel-header-noborder {
441
        border-width:0;
442
        border-bottom:1px solid #A2AAB8;
443
}
444

    
445
.x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
446
        border-width:0;
447
        border-top:1px solid #A2AAB8;
448
}
449

    
450
.x-window-noborder .x-window-mc {
451
        border-width:0;
452
}
453
.x-window-plain .x-window-body-noborder {
454
        border-width:0;
455
}
456

    
457
.x-tab-panel-noborder .x-tab-panel-body-noborder {
458
        border-width:0;
459
}
460

    
461
.x-tab-panel-noborder .x-tab-panel-header-noborder {
462
        border-top-width:0;
463
        border-left-width:0;
464
        border-right-width:0;
465
}
466

    
467
.x-tab-panel-noborder .x-tab-panel-footer-noborder {
468
        border-bottom-width:0;
469
        border-left-width:0;
470
        border-right-width:0;
471
}
472

    
473

    
474
.x-tab-panel-bbar-noborder .x-toolbar {
475
        border-width:0;
476
        border-top:1px solid #A2AAB8;
477
}
478

    
479
.x-tab-panel-tbar-noborder .x-toolbar {
480
        border-width:0;
481
        border-bottom:1px solid #A2AAB8;
482
}
483

    
484

    
485
/*
486
 * "xtheme-typo3be" by Jos� Alfonso Dacosta Dominguez (galdaka@hotmail.com)
487
 * Donate: https://www.paypal.com/es/cgi-bin/webscr?cmd=_flow&SESSION=dK9etfumWahABPggjpbeXDhdwxUJtKuUo1_iQW8d3fQQaXdS9w51j25Gm7O&dispatch=5885d80a13c0db1f998ca054efbdf2c25fe4a05bcb33bff6399b4b6a7ee9cf98
488
 * Custom themes and licence: galdaka@hotmail.com
489
 * Site: www.jadacosta.es
490
 */
491

    
492
/* the mask for dialogs */
493
.ext-el-mask {
494
        background-color: #000000;
495
        -moz-opacity: 0.75;
496
        opacity: 0.75;
497
        filter:alpha(opacity=75);
498
}
499

    
500
/* mask while loading */
501
.t3-mask-loading .ext-el-mask {
502
        background-color: #f8f8f8;
503
}
504

    
505
.x-mask-loading-div {
506
        padding: 0;
507
}
508

    
509
.x-mask-loading-message.ext-el-mask-msg {
510
        border: none;
511
        background: none;
512
}
513

    
514
.x-mask-loading-message div {
515
        background-color: transparent;
516
        background-image: url("../images/spinner/big-f0f0f0.gif");
517
        border: none;
518
        cursor: pointer;
519
        height: 32px;
520
        padding: 0;
521
        width: 32px;
522
}
523

    
524
.x-item-disabled {
525
        color: gray;
526
}
527

    
528
.x-item-disabled * {
529
        color: gray !important;
530
}
531

    
532
.x-splitbar-proxy {
533
        background-color: #aaa;
534
}
535

    
536
.x-color-palette a {
537
        border-color:#fff;
538
}
539

    
540
.x-color-palette a:hover, .x-color-palette a.x-color-palette-sel {
541
        border-color:#b4b4b4;
542
        background-color: #EFEFF4;
543
}
544

    
545
.x-color-palette em {
546
        border-color:#A2AAB8;
547
}
548

    
549
.x-ie-shadow {
550
        background-color:#777;
551
}
552

    
553
.x-shadow .xsmc {
554
        background-image: url(images/shadow-c.png);
555
}
556

    
557
.x-shadow .xsml, .x-shadow .xsmr {
558
        background-image: url(images/shadow-lr.png);
559
}
560

    
561
.x-shadow .xstl, .x-shadow .xstc,  .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbc, .x-shadow .xsbr{
562
        background-image: url(images/shadow.png);
563
}
564

    
565
.loading-indicator {
566
        font-size: 10px;
567
        background-image: url(images/grid/loading.gif);
568
}
569

    
570
.x-spotlight {
571
        background-color: #ccc;
572
}
573

    
574
.x-tab-panel-header, .x-tab-panel-footer {
575
        background-color: #f1f1f1;
576
        border-color:#A2AAB8;
577
        overflow:hidden;
578
        zoom:1;
579
}
580

    
581
.x-tab-panel-header, .x-tab-panel-footer {
582
        border-color:#A2AAB8;
583
}
584

    
585
/* tabs inside tabs */
586
.x-tab-panel-body .x-tab-panel-header,
587
.x-tab-panel-body .x-tab-panel-footer {
588
        background-color: #ffffff;
589

    
590
}
591
ul.x-tab-strip-top{
592
        border-bottom-color: #adadad;
593
}
594

    
595
ul.x-tab-strip-bottom{
596
        border-top-color:#adadad;
597
}
598

    
599
.x-tab-panel-header-plain .x-tab-strip-spacer,
600
.x-tab-panel-footer-plain .x-tab-strip-spacer {
601
        border-color:#A2AAB8;
602
        background-color: #EFEFF4;
603
}
604

    
605
.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
606
        background-image:url(images/tabs/tab-close.gif);
607
}
608

    
609
.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
610
        background-image:url(images/tabs/tab-close.gif);
611
}
612

    
613
.x-tab-panel-body {
614
        border-color:#a2aab8;
615
        background-color: #ececec;
616
        background-repeat: repeat-x;
617
        background-image: url(../images/backgrounds/tab.png);
618
        background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #ffffff), color-stop(0.3, #ececec));
619
        background-image: -moz-linear-gradient(center top , #ffffff 0, #ececec 100px);
620
        background-image: linear-gradient(center top , #ffffff 0, #ececec 100px);
621
}
622

    
623
.x-tab-panel-body .x-panel-body {
624
        background-color: transparent;
625
}
626

    
627
.x-tab-panel-body-top {
628
        border-top: 0 none;
629
}
630

    
631
.x-tab-panel-body-bottom {
632
        border-bottom: 0 none;
633
}
634

    
635
.x-tab-scroller-left {
636
        background-image:url(images/tabs/scroll-left.gif);
637
        border-bottom-color:#A2AAB8;
638
}
639

    
640
.x-tab-scroller-left-over {
641
        background-position: 0 0;
642
}
643

    
644
.x-tab-scroller-left-disabled {
645
        background-position: -18px 0;
646
        opacity:.5;
647
        -moz-opacity:.5;
648
        filter:alpha(opacity=50);
649
        cursor:default;
650
}
651

    
652
.x-tab-scroller-right {
653
        background-image:url(images/tabs/scroll-right.gif);
654
        border-bottom-color:#A2AAB8;
655
}
656

    
657
.x-tab-panel-bbar .x-toolbar, .x-tab-panel-tbar .x-toolbar {
658
        border-color:#A2AAB8;
659
}
660
.x-form-field{
661
        font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
662
}
663

    
664
.x-form-text, textarea.x-form-field{
665
        background-color:#fff;
666
        background-image: none;
667
        border-color:#b5b8c8;
668
}
669

    
670
.x-form-select-one {
671
        background-color:#fff;
672
        border-color:#b5b8c8;
673
}
674

    
675
.x-form-check-group-label {
676
        border-bottom: 1px solid #A2AAB8;
677
        color: #55545E;
678
}
679

    
680
.x-editor .x-form-check-wrap {
681
        background-color:#fff;
682
}
683

    
684
.x-form-field-wrap .x-form-trigger{
685
        background-image:url(images/form/trigger.gif);
686
        border-bottom-color:#b5b8c8;
687
}
688

    
689
.x-form-field-wrap .x-form-date-trigger{
690
        background-image: url(images/form/date-trigger.gif);
691
}
692

    
693
.x-form-field-wrap .x-form-clear-trigger{
694
        background-image: url(images/form/clear-trigger.gif);
695
}
696

    
697
.x-form-field-wrap .x-form-search-trigger{
698
        background-image: url(images/form/search-trigger.gif);
699
}
700

    
701
.x-trigger-wrap-focus .x-form-trigger{
702
        border-bottom-color:#a7a7a7;
703
}
704

    
705
.x-item-disabled .x-form-trigger-over{
706
        border-bottom-color:#b5b8c8;
707
}
708

    
709
.x-item-disabled .x-form-trigger-click{
710
        border-bottom-color:#b5b8c8;
711
}
712

    
713
.x-form-focus, textarea.x-form-focus{
714
        border-color:#a7a7a7;
715
}
716

    
717
.x-form-invalid, textarea.x-form-invalid{
718
        background-color:#fff;
719
        background-image:url(images/grid/invalid_line.gif);
720
        border-color:#c30;
721
}
722

    
723
.ext-safari .x-form-invalid{
724
        background-color:#fee;
725
        border-color:#ff7870;
726
}
727

    
728
.x-form-inner-invalid, textarea.x-form-inner-invalid{
729
        background-color:#fff;
730
        background-image:url(images/grid/invalid_line.gif);
731
}
732

    
733
.x-form-grow-sizer {
734
        font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
735
}
736

    
737
.x-form-item {
738
        font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
739
}
740

    
741
.x-form-invalid-msg {
742
        color:#c0272b;
743
        font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
744
        background-image:url(images/shared/warning.gif);
745
}
746

    
747
.x-form-empty-field {
748
        color:gray;
749
}
750

    
751
.x-small-editor .x-form-field {
752
        font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
753
}
754

    
755
.ext-safari .x-small-editor .x-form-field {
756
        font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
757
}
758

    
759
.x-form-invalid-icon {
760
        background-image:url(images/form/exclamation.gif);
761
}
762

    
763
.x-fieldset {
764
        border-color:#b5b8c8;
765
}
766

    
767
.x-fieldset legend {
768
        font:bold 10px verdana, arial, tahoma, helvetica, sans-serif;
769
        color:#55545E;
770
}
771

    
772
.x-btn button {
773
        font-size: 11px;
774
}
775

    
776
.x-btn em {
777
        font-style:normal;
778
        font-weight:normal;
779
}
780

    
781
.x-btn-text {
782
        color:#eee !important;
783
}
784

    
785
.x-btn {
786
        background-color: #d5d5d5;
787
        background-image: url('../images/backgrounds/button.png');
788
        background-repeat: repeat-x;
789
        background-image: -moz-linear-gradient(center top, #707171 10%, #474747 90%);
790
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.1, #707171), color-stop(0.9, #474747));
791
        background-image: linear-gradient(center top, #707171 10%, #474747 90%);
792
        border: 0px solid #7c7c7c;
793
        -moz-border-radius: 2px 2px 0 0;
794
        -webkit-border-radius: 2px 2px 0 0;
795
        border-radius: 2px;
796
        color: #dddddd;
797
        height: 32px !important;
798
}
799

    
800
.x-btn-icon {
801
        border-color: transparent;
802
        background: transparent;
803
}
804

    
805
.x-btn-pressed,
806
.x-btn-over,
807
.x-btn-icon.x-btn-over {
808
        background-color: #bdbcbc;
809
        background-image: url('../images/backgrounds/button-hover.png');
810
        background-image: -moz-linear-gradient(center top, #9c9c9c 10%, #6a6a6a 90%);
811
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.1, #9c9c9c), color-stop(0.9, #6a6a6a));
812
        background-image: linear-gradient(center top, #9c9c9c 10%, #6a6a6a 90%);
813
        border-color: #737f91;
814
        color: #1e1e1e;
815
}
816

    
817
.x-btn-click {
818
        position: relative;
819
        top: 1px;
820
        left: 1px;
821
}
822

    
823
.x-btn-disabled *{
824
        color:gray !important;
825
}
826

    
827
.x-btn-mc em.x-btn-arrow {
828
        background-image:url(images/button/arrow.gif);
829
}
830

    
831
.x-btn-mc em.x-btn-split {
832
        background-image:url(images/button/s-arrow.gif);
833
}
834

    
835
.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 {
836
        background-image:url(images/button/s-arrow-o.gif);
837
}
838

    
839
.x-btn-mc em.x-btn-arrow-bottom {
840
        background-image:url(images/button/s-arrow-b-noline.gif);
841
}
842

    
843
.x-btn-mc em.x-btn-split-bottom {
844
        background-image:url(images/button/s-arrow-b.gif);
845
}
846

    
847
.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 {
848
        background-image:url(images/button/s-arrow-bo.gif);
849
}
850

    
851
.x-btn-group-header {
852
        color: #686868;
853
}
854

    
855
.x-btn-group-tc {
856
        background-image: url(images/button/group-tb.gif);
857
}
858

    
859
.x-btn-group-tl {
860
        background-image: url(images/button/group-cs.gif);
861
}
862

    
863
.x-btn-group-tr {
864
        background-image: url(images/button/group-cs.gif);
865
}
866

    
867
.x-btn-group-bc {
868
        background-image: url(images/button/group-tb.gif);
869
}
870

    
871
.x-btn-group-bl {
872
        background-image: url(images/button/group-cs.gif);
873
}
874

    
875
.x-btn-group-br {
876
        background-image: url(images/button/group-cs.gif);
877
}
878

    
879
.x-btn-group-ml {
880
        background-image: url(images/button/group-lr.gif);
881
}
882
.x-btn-group-mr {
883
        background-image: url(images/button/group-lr.gif);
884
}
885

    
886
.x-btn-group-notitle .x-btn-group-tc {
887
        background-image: url(images/button/group-tb.gif);
888
}
889

    
890
.x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{
891
        font:normal 10px verdana, arial,tahoma, helvetica, sans-serif;
892
}
893

    
894
.x-toolbar .x-item-disabled {
895
        color:gray;
896
}
897

    
898
.x-toolbar .x-item-disabled * {
899
        color:gray;
900
}
901

    
902
.x-toolbar .x-btn-mc em.x-btn-split {
903
        background-image:url(images/button/s-arrow-noline.gif);
904
}
905

    
906
.x-toolbar .x-btn-over .x-btn-mc em.x-btn-split, .x-toolbar .x-btn-click .x-btn-mc em.x-btn-split,
907
.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
908
{
909
        background-image:url(images/button/s-arrow-o.gif);
910
}
911

    
912
.x-toolbar .x-btn-mc em.x-btn-split-bottom {
913
        background-image:url(images/button/s-arrow-b-noline.gif);
914
}
915

    
916
.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,
917
.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
918
{
919
        background-image:url(images/button/s-arrow-bo.gif);
920
}
921

    
922
.x-toolbar .xtb-sep {
923
        background-image: url(images/grid/grid-blue-split.gif);
924
}
925

    
926
.x-tbar-page-first{
927
        background-image: url(images/grid/page-first.gif) !important;
928
}
929

    
930
.x-tbar-loading{
931
        background-image: url(images/grid/refresh.gif) !important;
932
}
933

    
934
.x-tbar-page-last{
935
        background-image: url(images/grid/page-last.gif) !important;
936
}
937

    
938
.x-tbar-page-next{
939
        background-image: url(images/grid/page-next.gif) !important;
940
}
941

    
942
.x-tbar-page-prev{
943
        background-image: url(images/grid/page-prev.gif) !important;
944
}
945

    
946
.x-item-disabled .x-tbar-loading{
947
        background-image: url(images/grid/loading.gif) !important;
948
}
949

    
950
.x-item-disabled .x-tbar-page-first{
951
        background-image: url(images/grid/page-first-disabled.gif) !important;
952
}
953

    
954
.x-item-disabled .x-tbar-page-last{
955
        background-image: url(images/grid/page-last-disabled.gif) !important;
956
}
957

    
958
.x-item-disabled .x-tbar-page-next{
959
        background-image: url(images/grid/page-next-disabled.gif) !important;
960
}
961

    
962
.x-item-disabled .x-tbar-page-prev{
963
        background-image: url(images/grid/page-prev-disabled.gif) !important;
964
}
965

    
966
.x-paging-info {
967
        color:#444;
968
}
969

    
970
.x-toolbar-more-icon {
971
        background-image: url(images/toolbar/more.gif) !important;
972
}
973

    
974
.x-statusbar .x-status-busy {
975
        background-image: url(images/grid/loading.gif);
976
}
977

    
978
.x-statusbar .x-status-text-panel {
979
        border-color: #A2AAB8 #fff #fff #A2AAB8;
980
}
981
.x-resizable-handle {
982
        background-color:#fff;
983
}
984

    
985
.x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-east,
986
.x-resizable-over .x-resizable-handle-west, .x-resizable-pinned .x-resizable-handle-west
987
{
988
        background-image:url(images/sizer/e-handle.gif);
989
}
990

    
991
.x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south,
992
.x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north
993
{
994
        background-image:url(images/sizer/s-handle.gif);
995
}
996

    
997
.x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north{
998
        background-image:url(images/sizer/s-handle.gif);
999
}
1000
.x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast{
1001
        background-image:url(images/sizer/se-handle.gif);
1002
}
1003
.x-resizable-over .x-resizable-handle-northwest, .x-resizable-pinned .x-resizable-handle-northwest{
1004
        background-image:url(images/sizer/nw-handle.gif);
1005
}
1006
.x-resizable-over .x-resizable-handle-northeast, .x-resizable-pinned .x-resizable-handle-northeast{
1007
        background-image:url(images/sizer/ne-handle.gif);
1008
}
1009
.x-resizable-over .x-resizable-handle-southwest, .x-resizable-pinned .x-resizable-handle-southwest{
1010
        background-image:url(images/sizer/sw-handle.gif);
1011
}
1012
.x-resizable-proxy{
1013
        border-color:#575757;
1014
}
1015
.x-resizable-overlay{
1016
        background-color:#fff;
1017
}
1018

    
1019
.x-grid3 {
1020
        background-color:#fff;
1021
        font-size: 11px;
1022
}
1023

    
1024
.x-grid-panel .x-panel-mc .x-panel-body {
1025
        border-color:#A2AAB8;
1026
}
1027

    
1028
.x-grid3-hd-row td {
1029
        border-left-color: transparent;
1030
        border-right-color: transparent;
1031
}
1032

    
1033
.x-grid-row-loading {
1034
        background-color: #fff;
1035
        background-image:url(images/shared/loading-balls.gif);
1036
}
1037

    
1038
.x-grid3-row {
1039
        border-color: transparent;
1040
}
1041

    
1042
.x-grid3-row-alt{
1043
        background-color: #f1f1f1;
1044
}
1045

    
1046
.x-grid3-row-over {
1047
        background-color: #e1e1e1;
1048
}
1049

    
1050
.x-grid3-resize-proxy {
1051
        background-color:#777;
1052
}
1053

    
1054
.x-grid3-resize-marker {
1055
        background-color:#777;
1056
}
1057

    
1058
.x-grid3-header{
1059
        background-color: #5b5b5b;
1060
        background-image: -moz-linear-gradient(center top, #7f7f7f 10%, #5b5b5b 100%);
1061
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.1, #7f7f7f), color-stop(1, #5b5b5b));
1062
        background-image: linear-gradient(center top, #7f7f7f 10%, #5b5b5b 100%);
1063
        color: #ffffff;
1064
        font-weight: bold;
1065
}
1066

    
1067
.x-grid3-header-pop {
1068
        border-left-color:#A2AAB8;
1069
}
1070

    
1071
.x-grid3-header-pop-inner {
1072
        border-left-color:#EFEFF4;
1073
        background-image:url(images/grid/hd-pop.gif);
1074
}
1075

    
1076
td.sort-desc, td.sort-asc,  {
1077
        border-left-color: transparent;
1078
        border-right-color: transparent;
1079
}
1080

    
1081

    
1082
td.x-grid3-hd-over, td.x-grid3-hd-menu-open {
1083
        border-left-color: #5b5b5b;
1084
        border-right-color: transparent;
1085
        background-image: -moz-linear-gradient(center bottom, #7f7f7f 10%, #5b5b5b 100%);
1086
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.1, #5b5b5b), color-stop(0.1, #7f7f7f));
1087
        background-image: linear-gradient(center bottom, #7f7f7f 10%, #5b5b5b 100%);
1088
}
1089

    
1090
.sort-asc .x-grid3-sort-icon {
1091
        background-image: url(images/grid/sort_asc.gif);
1092
}
1093

    
1094
.sort-desc .x-grid3-sort-icon {
1095
        background-image: url(images/grid/sort_desc.gif);
1096
}
1097

    
1098
.x-grid3-cell-text, .x-grid3-hd-text {
1099
        color:#000;
1100
}
1101

    
1102
.x-grid3-split {
1103
        background-image: url(images/grid/grid-split.gif);
1104
}
1105

    
1106
.x-grid3-hd-text {
1107
        color:#55545E;
1108
}
1109

    
1110
.x-dd-drag-proxy .x-grid3-hd-inner{
1111
        background-color:#f2f2f2;
1112
        background-image:url(images/grid/grid3-hrow-over.gif);
1113
        border-color:#c8c8c8;
1114
}
1115

    
1116
.col-move-top{
1117
        background-image:url(images/grid/col-move-top.gif);
1118
}
1119

    
1120
.col-move-bottom{
1121
        background-image:url(images/grid/col-move-bottom.gif);
1122
}
1123

    
1124
.x-grid3-row-selected {
1125
        background-color: #ed9e21;
1126
        border-style: solid;
1127
        color: #ffffff;
1128
}
1129

    
1130
.x-grid3-cell-selected{
1131
        background-color: #cdcdcd !important;
1132
        color:#000;
1133
}
1134

    
1135
.x-grid3-cell-selected span{
1136
        color:#000 !important;
1137
}
1138

    
1139
.x-grid3-cell-selected .x-grid3-cell-text{
1140
        color:#000;
1141
}
1142

    
1143
.x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{
1144
        background-color:#d7d9df !important;
1145
        background-image:url(images/grid/grid-hrow.gif) !important;
1146
        color:#000;
1147
        border-top-color:#fff;
1148
        border-right-color:#9c9c9c !important;
1149
}
1150

    
1151
.x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{
1152
        color:#55545E !important;
1153
}
1154

    
1155
.x-grid3-dirty-cell {
1156
        background-image:url(images/grid/dirty.gif);
1157
}
1158

    
1159
.x-grid3-topbar, .x-grid3-bottombar{
1160
        font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
1161
}
1162

    
1163
.x-grid3-bottombar .x-toolbar{
1164
        border-top-color:#bcbcbc;
1165
}
1166

    
1167
.x-props-grid .x-grid3-td-name .x-grid3-cell-inner{
1168
        background-image:url(images/grid/grid3-special-col-bg.gif) !important;
1169
        color:#000 !important;
1170
}
1171

    
1172
.x-props-grid .x-grid3-body .x-grid3-td-name{
1173
        background-color:#fff !important;
1174
        border-right-color:#EFEFF4;
1175
}
1176

    
1177
.xg-hmenu-sort-asc .x-menu-item-icon{
1178
        background-image: url(images/grid/hmenu-asc.gif);
1179
}
1180

    
1181
.xg-hmenu-sort-desc .x-menu-item-icon{
1182
        background-image: url(images/grid/hmenu-desc.gif);
1183
}
1184

    
1185
.xg-hmenu-lock .x-menu-item-icon{
1186
        background-image: url(images/grid/hmenu-lock.gif);
1187
}
1188

    
1189
.xg-hmenu-unlock .x-menu-item-icon{
1190
        background-image: url(images/grid/hmenu-unlock.gif);
1191
}
1192

    
1193
.x-grid3-hd-btn {
1194
        background-color:#d8d8d8;
1195
        background-image:url(images/grid/grid3-hd-btn.gif);
1196
}
1197

    
1198
.x-grid3-row-expander {
1199
        background-image:url(images/grid/row-expand-sprite.png);
1200
}
1201

    
1202
.x-grid3-row-checker, .x-grid3-hd-checker {
1203
        background-image:url(images/grid/row-check-sprite.gif);
1204
}
1205

    
1206
.x-grid3-body .x-grid3-td-numberer {
1207
        background-image:url(images/grid/grid3-special-col-bg.gif);
1208
}
1209

    
1210
.x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {
1211
        color:#444;
1212
}
1213

    
1214
.x-grid3-body .x-grid3-td-row-icon {
1215
        background-image:url(images/grid/grid3-special-col-bg.gif);
1216
}
1217

    
1218
.x-grid3-check-col {
1219
        background-image:url(images/menu/unchecked.gif);
1220
}
1221

    
1222
.x-grid3-check-col-on {
1223
        background-image:url(images/menu/checked.gif);
1224
}
1225

    
1226
.x-grid-group, .x-grid-group-body, .x-grid-group-hd {
1227
        zoom:1;
1228
}
1229

    
1230
.x-grid-group-hd {
1231
        border-bottom-color:#A2AAB8;
1232
}
1233

    
1234
.x-grid-group-hd div.x-grid-group-title {
1235
        background-image:url(images/grid/group-expand-sprite.gif);
1236
        background-position: 3px -46px;
1237
        color:#3764a0;
1238
        font:bold 10px verdana, arial, tahoma, helvetica, sans-serif;
1239
}
1240

    
1241
.x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title {
1242
        background-image:url(images/grid/group-expand-sprite.gif);
1243
        background-position: 3px 4px;
1244
}
1245

    
1246
.x-group-by-icon {
1247
        background-image:url(images/grid/group-by.gif);
1248
}
1249

    
1250
.x-cols-icon {
1251
        background-image:url(images/grid/columns.gif);
1252
}
1253

    
1254
.x-show-groups-icon {
1255
        background-image:url(images/grid/group-by.gif);
1256
}
1257

    
1258
.x-grid-empty {
1259
        color:gray;
1260
        font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
1261
}
1262

    
1263
.x-grid-with-col-lines .x-grid3-row td.x-grid3-cell {
1264
        border-right-color:#ededed;
1265
}
1266

    
1267
.x-grid-with-col-lines .x-grid3-row{
1268
        border-top-color:#ededed;
1269
}
1270

    
1271
.x-grid-with-col-lines .x-grid3-row-selected {
1272
        border-top-color:#b9b9b9;
1273
}
1274
.x-dd-drag-ghost{
1275
        color:#000;
1276
        font: normal 10px verdana, arial, helvetica, sans-serif;
1277
        border-color: #ddd #bbb #bbb #ddd;
1278
        background-color:#fff;
1279
}
1280

    
1281
.x-dd-drop-nodrop .x-dd-drop-icon{
1282
  background-image: url(images/dd/drop-no.gif);
1283
}
1284

    
1285
.x-dd-drop-ok .x-dd-drop-icon{
1286
  background-image: url(images/dd/drop-yes.gif);
1287
}
1288

    
1289
.x-dd-drop-ok-add .x-dd-drop-icon{
1290
  background-image: url(images/dd/drop-add.gif);
1291
}
1292

    
1293
.x-view-selector {
1294
        background-color:#d8d8d8;
1295
        border-color:#8d8d8d;
1296
}
1297
.x-tree .x-panel-body{
1298
        background-color:#fff;
1299
}
1300

    
1301
.x-tree-node-expanded .x-tree-node-icon{
1302
        background-image:url(images/tree/folder-open.gif);
1303
}
1304

    
1305
.x-tree-node-leaf .x-tree-node-icon{
1306
        background-image:url(images/tree/leaf.gif);
1307
}
1308

    
1309
.x-tree-node-collapsed .x-tree-node-icon{
1310
        background-image:url(images/tree/folder.gif);
1311
}
1312

    
1313
.x-tree-node-loading .x-tree-node-icon{
1314
        background-image:url(images/tree/loading.gif) !important;
1315
}
1316

    
1317
.x-tree-node .x-tree-node-inline-icon {
1318
        background-image: none;
1319
}
1320

    
1321
.x-tree-node-loading a span{
1322
         font-style: italic;
1323
         color:#444444;
1324
}
1325

    
1326
.ext-ie .x-tree-node-el input {
1327
        width:15px;
1328
        height:15px;
1329
}
1330

    
1331
.x-tree-lines .x-tree-elbow{
1332
        background-image:url(images/tree/elbow.gif);
1333
}
1334

    
1335
.x-tree-lines .x-tree-elbow-plus{
1336
        background-image:url(images/tree/elbow-plus.gif);
1337
}
1338

    
1339
.x-tree-lines .x-tree-elbow-minus{
1340
        background-image:url(images/tree/elbow-minus.gif);
1341
}
1342

    
1343
.x-tree-lines .x-tree-elbow-end{
1344
        background-image:url(images/tree/elbow-end.gif);
1345
}
1346

    
1347
.x-tree-lines .x-tree-elbow-end-plus{
1348
        background-image:url(images/tree/elbow-end-plus.gif);
1349
}
1350

    
1351
.x-tree-lines .x-tree-elbow-end-minus{
1352
        background-image:url(images/tree/elbow-end-minus.gif);
1353
}
1354

    
1355
.x-tree-lines .x-tree-elbow-line{
1356
        background-image:url(images/tree/elbow-line.gif);
1357
}
1358

    
1359
.x-tree-no-lines .x-tree-elbow-plus{
1360
        background-image:url(images/tree/elbow-plus-nl.gif);
1361
}
1362

    
1363
.x-tree-no-lines .x-tree-elbow-minus{
1364
        background-image:url(images/tree/elbow-minus-nl.gif);
1365
}
1366

    
1367
.x-tree-no-lines .x-tree-elbow-end-plus{
1368
        background-image:url(images/tree/elbow-end-plus-nl.gif);
1369
}
1370

    
1371
.x-tree-no-lines .x-tree-elbow-end-minus{
1372
        background-image:url(images/tree/elbow-end-minus-nl.gif);
1373
}
1374

    
1375
.x-tree-arrows .x-tree-elbow-plus{
1376
        background-image:url(images/tree/arrows.gif);
1377
}
1378

    
1379
.x-tree-arrows .x-tree-elbow-minus{
1380
        background-image:url(images/tree/arrows.gif);
1381
}
1382

    
1383
.x-tree-arrows .x-tree-elbow-end-plus{
1384
        background-image:url(images/tree/arrows.gif);
1385
}
1386

    
1387
.x-tree-arrows .x-tree-elbow-end-minus{
1388
        background-image:url(images/tree/arrows.gif);
1389
}
1390

    
1391
.x-tree-node{
1392
        color:#000;
1393
        font: normal 10px verdana, arial, tahoma, helvetica, sans-serif;
1394
}
1395

    
1396
.x-tree-node a, .x-dd-drag-ghost a{
1397
        color:#000;
1398
}
1399

    
1400
.x-tree-node a span, .x-dd-drag-ghost a span{
1401
        color:#000;
1402
}
1403

    
1404
.x-tree-node .x-tree-node-disabled a span{
1405
        color:gray !important;
1406
}
1407

    
1408
.x-tree-node div.x-tree-drag-insert-below{
1409
          border-bottom-color:#686868;
1410
}
1411

    
1412
.x-tree-node div.x-tree-drag-insert-above{
1413
         border-top-color:#686868;
1414
}
1415

    
1416
.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{
1417
          border-bottom-color:#686868;
1418
}
1419

    
1420
.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{
1421
         border-top-color:#686868;
1422
}
1423

    
1424
.x-tree-node .x-tree-drag-append a span{
1425
         background-color:#ddd;
1426
         border-color:gray;
1427
}
1428

    
1429
.x-tree-node .x-tree-node-over {
1430
        background-color: #EFEFF4;
1431
}
1432

    
1433
.x-tree-node .x-tree-selected {
1434
        background-color: #e6e6e6;
1435
}
1436

    
1437
.x-tree-drop-ok-append .x-dd-drop-icon{
1438
  background-image: url(images/tree/drop-add.gif);
1439
}
1440

    
1441
.x-tree-drop-ok-above .x-dd-drop-icon{
1442
  background-image: url(images/tree/drop-over.gif);
1443
}
1444

    
1445
.x-tree-drop-ok-below .x-dd-drop-icon{
1446
  background-image: url(images/tree/drop-under.gif);
1447
}
1448

    
1449
.x-tree-drop-ok-between .x-dd-drop-icon{
1450
  background-image: url(images/tree/drop-between.gif);
1451
}
1452
.x-date-picker {
1453
        border-color: #373737;
1454
        background-color:#fff;
1455
}
1456

    
1457
.x-date-middle,.x-date-left,.x-date-right {
1458
        background-image: url(images/shared/hd-sprite.gif);
1459
        color:#fff;
1460
        font:bold 10px verdana, arial, "sans serif", tahoma, verdana, helvetica;
1461
}
1462

    
1463
.x-date-left,.x-date-right {
1464
        padding-top:5px;
1465
}
1466

    
1467
.x-date-middle .x-btn .x-btn-text {
1468
        color:#fff;
1469
}
1470

    
1471
.x-date-middle .x-btn-mc em.x-btn-arrow {
1472
        background-image:url(images/toolbar/btn-arrow-light.gif);
1473
}
1474

    
1475
.x-date-right a {
1476
        background-image: url(images/shared/right-btn.gif);
1477
}
1478

    
1479
.x-date-left a{
1480
        background-image: url(images/shared/left-btn.gif);
1481
}
1482

    
1483
.x-date-inner th {
1484
        background-color:#EFEFF4;
1485
        background-image:url(images/shared/glass-bg.gif);
1486
        border-bottom-color:#A2AAB8;
1487
        font:normal 10px verdana, arial, helvetica,tahoma,sans-serif;
1488
        color:#3d3d3d;
1489
}
1490

    
1491
.x-date-inner td {
1492
        border-color:#fff;
1493
}
1494

    
1495
.x-date-inner a {
1496
        font:normal 10px verdana, arial, helvetica,tahoma,sans-serif;
1497
        color:#000;
1498
}
1499

    
1500
.x-date-inner .x-date-active{
1501
        color:#000;
1502
}
1503

    
1504
.x-date-inner .x-date-selected a{
1505
        background-color:#EFEFF4;
1506
        background-image:url(images/shared/glass-bg.gif);
1507
        border-color:#afafaf;
1508
}
1509

    
1510
.x-date-inner .x-date-today a{
1511
        border-color:darkred;
1512
}
1513

    
1514
.x-date-inner .x-date-selected span{
1515
        font-weight:bold;
1516
}
1517

    
1518
.x-date-inner .x-date-prevday a,.x-date-inner .x-date-nextday a {
1519
        color:#aaa;
1520
}
1521

    
1522
.x-date-bottom {
1523
        border-top-color:#A2AAB8;
1524
        background-color:#EFEFF4;
1525
        background-image:url(images/shared/glass-bg.gif);
1526
}
1527

    
1528
.x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover{
1529
        color:#000;
1530
        background-color:#eaeaea;
1531
}
1532

    
1533
.x-date-inner .x-date-disabled a {
1534
        background-color:#EFEFF4;
1535
        color:#bbb;
1536
}
1537

    
1538
.x-date-mmenu{
1539
        background-color:#eee !important;
1540
}
1541

    
1542
.x-date-mmenu .x-menu-item {
1543
        font-size:10px;
1544
        color:#000;
1545
}
1546

    
1547
.x-date-mp {
1548
        background-color:#fff;
1549
}
1550

    
1551
.x-date-mp td {
1552
        font:normal 10px verdana, arial, helvetica,tahoma,sans-serif;
1553
}
1554

    
1555
.x-date-mp-btns button {
1556
        background-color:#A2AAB8;
1557
        color:#fff;
1558
        border-color: #686868 #101010 #101010 #686868;
1559
        font:normal 10px verdana, arial, helvetica,tahoma,sans-serif;
1560
}
1561

    
1562
.x-date-mp-btns {
1563
        background-color: #EFEFF4;
1564
        background-image: url(images/shared/glass-bg.gif);
1565
}
1566

    
1567
.x-date-mp-btns td {
1568
        border-top-color: #A2AAB8;
1569
}
1570

    
1571
td.x-date-mp-month a,td.x-date-mp-year a {
1572
        color:#55545E;
1573
}
1574

    
1575
td.x-date-mp-month a:hover,td.x-date-mp-year a:hover {
1576
        color:#55545E;
1577
        background-color: #eaeaea;
1578
}
1579

    
1580
td.x-date-mp-sel a {
1581
        background-color: #EFEFF4;
1582
        background-image: url(images/shared/glass-bg.gif);
1583
        border-color:#afafaf;
1584
}
1585

    
1586
.x-date-mp-ybtn a {
1587
        background-image:url(images/panel/tool-sprites.gif);
1588
}
1589

    
1590
td.x-date-mp-sep {
1591
   border-right-color:#A2AAB8;
1592
}
1593
.x-tip .x-tip-close{
1594
        background-image: url(images/qtip/close.gif);
1595
}
1596

    
1597
.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 {
1598
        background-image: url(images/qtip/tip-sprite.gif);
1599
}
1600

    
1601
.x-tip .x-tip-mc {
1602
        font: normal 10px verdana, arial,tahoma,helvetica,sans-serif;
1603
}
1604
.x-tip .x-tip-ml {
1605
        background-color: #fff;
1606
}
1607

    
1608
.x-tip .x-tip-header-text {
1609
        font: bold 10px verdana, arial, tahoma, helvetica,sans-serif;
1610
        color:#444;
1611
}
1612

    
1613
.x-tip .x-tip-body {
1614
        font: normal 10px verdana, arial, tahoma, helvetica,sans-serif;
1615
        color:#444;
1616
}
1617

    
1618
.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,
1619
.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
1620
{
1621
        background-image: url(images/form/error-tip-corners.gif);
1622
}
1623

    
1624
.x-form-invalid-tip .x-tip-body {
1625
        background-image:url(images/form/exclamation.gif);
1626
}
1627

    
1628
.x-tip-anchor {
1629
        background-image:url(images/qtip/tip-anchor-sprite.gif);
1630
}
1631
.x-menu {
1632
        border-color:#898989;
1633
        background-color:#f0f0f0;
1634
        background-image:url(images/menu/menu.gif);
1635
}
1636

    
1637
.x-menu-nosep {
1638
        background-image:none;
1639
}
1640

    
1641
.x-menu-list-item{
1642
        font:normal 10px verdana, arial,tahoma, sans-serif;
1643
}
1644

    
1645
.x-menu-item-arrow{
1646
        background-image:url(images/menu/menu-parent.gif);
1647
}
1648

    
1649
.x-menu-sep {
1650
        background-color:#e0e0e0;
1651
        border-bottom-color:#fff;
1652
}
1653

    
1654
a.x-menu-item {
1655
        color:#222;
1656
}
1657

    
1658
.x-menu-item-active {
1659
        background-color: #e9e9e9;
1660
        border-color:#c8c8c8;
1661
}
1662

    
1663
.x-menu-item-active a.x-menu-item {
1664
        border-color:#c8c8c8;
1665
}
1666

    
1667
.x-menu-check-item .x-menu-item-icon{
1668
        background-image:url(images/menu/unchecked.gif);
1669
}
1670

    
1671
.x-menu-item-checked .x-menu-item-icon{
1672
        background-image:url(images/menu/checked.gif);
1673
}
1674

    
1675
.x-menu-item-checked .x-menu-group-item .x-menu-item-icon{
1676
        background-image:url(images/menu/group-checked.gif);
1677
}
1678

    
1679
.x-menu-group-item .x-menu-item-icon{
1680
        background-image:none;
1681
}
1682

    
1683
.x-menu-plain {
1684
        background-color:#fff !important;
1685
}
1686

    
1687
.x-menu .x-date-picker{
1688
        border-color:#A2AAB8;
1689
}
1690

    
1691
.x-cycle-menu .x-menu-item-checked {
1692
        border-color:#b9b9b9 !important;
1693
        background-color:#e9e9e9;
1694
}
1695

    
1696
.x-menu-scroller-top {
1697
        background-image:url(images/layout/mini-top.gif);
1698
}
1699

    
1700
.x-menu-scroller-bottom {
1701
        background-image:url(images/layout/mini-bottom.gif);
1702
}
1703

    
1704
.x-box-tl {
1705
        background-image: url(images/box/corners.gif);
1706
}
1707

    
1708
.x-box-tc {
1709
        background-image: url(images/box/tb.gif);
1710
}
1711

    
1712
.x-box-tr {
1713
        background-image: url(images/box/corners.gif);
1714
}
1715

    
1716
.x-box-ml {
1717
        background-image: url(images/box/l.gif);
1718
}
1719

    
1720
.x-box-mc {
1721
        background-color: #EFEFF4;
1722
        background-image: url(images/box/tb.gif);
1723
        font-family: verdana, "Arial", "Myriad Pro","Myriad Web","Tahoma","Helvetica",sans-serif;
1724
        color: #393939;
1725
        font-size: 10px;
1726
        font-weight: bold;
1727
}
1728

    
1729
.x-box-mc h3 {
1730
        font-size: 14px;
1731
        font-weight: bold;
1732
}
1733

    
1734
.x-box-mr {
1735
        background-image: url(images/box/r.gif);
1736
}
1737

    
1738
.x-box-bl {
1739
        background-image: url(images/box/corners.gif);
1740
}
1741

    
1742
.x-box-bc {
1743
        background-image: url(images/box/tb.gif);
1744
}
1745

    
1746
.x-box-br {
1747
        background-image: url(images/box/corners.gif);
1748
}
1749

    
1750
.x-box-blue .x-box-bl, .x-box-blue .x-box-br, .x-box-blue .x-box-tl, .x-box-blue .x-box-tr {
1751
        background-image: url(images/box/corners-gray.gif);
1752
}
1753

    
1754
.x-box-blue .x-box-bc, .x-box-blue .x-box-mc, .x-box-blue .x-box-tc {
1755
        background-image: url(images/box/tb-gray.gif);
1756
}
1757

    
1758
.x-box-blue .x-box-mc {
1759
        background-color: #d8d8d8;
1760
}
1761

    
1762
.x-box-blue .x-box-mc h3 {
1763
        color: #363636;
1764
}
1765

    
1766
.x-box-blue .x-box-ml {
1767
        background-image: url(images/box/l-gray.gif);
1768
}
1769

    
1770
.x-box-blue .x-box-mr {
1771
        background-image: url(images/box/r-gray.gif);
1772
}
1773
#x-debug-browser .x-tree .x-tree-node a span {
1774
        color:#333333;
1775
        font-size:10px;
1776
        font-family:"monotype","courier new",sans-serif;
1777
}
1778

    
1779
#x-debug-browser .x-tree a i {
1780
        color:#ff4545;
1781
        font-style:normal;
1782
}
1783

    
1784
#x-debug-browser .x-tree a em {
1785
        color:#999;
1786
}
1787

    
1788
#x-debug-browser .x-tree .x-tree-node .x-tree-selected a span{
1789
        background-color:#d8d8d8;
1790
}
1791
.x-combo-list {
1792
        border-color:#bcbcbc;
1793
        background-color:#eaeaea;
1794
        font:normal 12px verdana, arial, tahoma, helvetica, sans-serif;
1795
}
1796

    
1797
.x-combo-list-inner {
1798
        background-color:#fff;
1799
}
1800

    
1801
.x-combo-list-hd {
1802
        font:bold 10px verdana, arial, tahoma, helvetica, sans-serif;
1803
        color:#55545E;
1804
        background-image: url(images/layout/panel-title-light-bg.gif);
1805
        border-bottom-color:#bcbcbc;
1806
}
1807

    
1808
.x-resizable-pinned .x-combo-list-inner {
1809
        border-bottom-color:#bcbcbc;
1810
}
1811

    
1812
.x-combo-list-item {
1813
        border-color:#fff;
1814
}
1815

    
1816
.x-combo-list .x-combo-selected{
1817
        border-color:#b9b9b9 !important;
1818
        background-color:#e7e7e7;
1819
}
1820

    
1821
.x-combo-list .x-toolbar {
1822
        border-top-color:#bcbcbc;
1823
}
1824

    
1825
.x-combo-list-small {
1826
        font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
1827
}
1828
.x-panel {
1829
        border-color: #A2AAB8;
1830
}
1831

    
1832
.x-panel-header {
1833
        color: #fff;
1834
        font-weight:bold;
1835
        font-size: 10px;
1836
        font-family: verdana, arial,tahoma,verdana,sans-serif;
1837
        border-color:#A2AAB8;
1838
        background-image: url(images/panel/white-top-bottom.gif);
1839
}
1840

    
1841
.x-panel-body {
1842
        border-color: #A2AAB8;
1843
        background-color: #f1f1f1;
1844
}
1845

    
1846
.x-panel-body-noheader, .x-panel-mc .x-panel-body {
1847
        border-top-color: #A2AAB8;
1848
}
1849

    
1850
.x-panel-tl .x-panel-header {
1851
        color:#55545E;
1852
        font:bold 10px verdana, arial,tahoma,verdana,sans-serif;
1853
}
1854

    
1855
.x-panel-tc {
1856
        background-image: url(images/panel/top-bottom.gif);
1857
}
1858

    
1859
.x-panel-tl, .x-panel-tr, .x-panel-bl,  .x-panel-br{
1860
        background-image: url(images/panel/corners-sprite.gif);
1861
        border-bottom-color: #A2AAB8;
1862
}
1863

    
1864
.x-panel-bc {
1865
        background-image: url(images/panel/top-bottom.gif);
1866
}
1867

    
1868
.x-panel-mc {
1869
        font: normal 10px verdana, arial,tahoma,helvetica,sans-serif;
1870
        background-color:#efefef;
1871
}
1872

    
1873
.x-panel-ml {
1874
        background-color: #fff;
1875
        background-image:url(images/panel/left-right.gif);
1876
}
1877

    
1878
.x-panel-mr {
1879
        background-image: url(images/panel/left-right.gif);
1880
}
1881

    
1882
.x-tool {
1883
        background-image:url(images/panel/tool-sprites.gif);
1884
}
1885

    
1886
.x-panel-ghost {
1887
        background-color:#dbdbdb;
1888
}
1889

    
1890
.x-panel-ghost ul {
1891
        border-color:#A2AAB8;
1892
}
1893

    
1894
.x-panel-dd-spacer {
1895
        border-color:#A2AAB8;
1896
}
1897

    
1898
.x-panel-fbar td,.x-panel-fbar span,.x-panel-fbar input,.x-panel-fbar div,.x-panel-fbar select,.x-panel-fbar label{
1899
        font:normal 10px verdana, arial,tahoma, helvetica, sans-serif;
1900
}
1901

    
1902
.x-window-proxy {
1903
        background-color:#dcdcdc;
1904
        border-color:#A2AAB8;
1905
}
1906

    
1907
/* Modal dialog title/header bar */
1908
.x-window-tl .x-window-header {
1909
        color:#fff;
1910
        font:bold 10px verdana, arial,tahoma,verdana,sans-serif;
1911
        padding:4px 0 4px 0;
1912
}
1913

    
1914
.x-window-tc {
1915
        background-image: url(images/window/top-bottom.png);
1916
}
1917

    
1918
.x-window-tl {
1919
        background-image: url(images/window/left-corners.png);
1920
}
1921

    
1922
.x-window-tr {
1923
        background-image: url(images/window/right-corners.png);
1924
}
1925

    
1926
.x-window-bc {
1927
        background-image: url(images/window/top-bottom.png);
1928
}
1929

    
1930
.x-window-bl {
1931
        background-image: url(images/window/left-corners.png);
1932
}
1933

    
1934
.x-window-br {
1935
        background-image: url(images/window/right-corners.png);
1936
}
1937

    
1938
.x-window-mc {
1939
        border-color:#A2AAB8;
1940
        font: normal 10px verdana, arial,tahoma,helvetica,sans-serif;
1941
        background-color:#e7e7e7;
1942
}
1943

    
1944
.x-window-ml {
1945
        background-image: url(images/window/left-right.png);
1946
}
1947

    
1948
.x-window-mr {
1949
        background-image: url(images/window/left-right.png);
1950
}
1951

    
1952
.x-window-maximized .x-window-tc {
1953
        background-color:#fff;
1954
}
1955

    
1956
.x-window-bbar .x-toolbar {
1957
        border-top-color:#A2AAB8;
1958
}
1959

    
1960
.x-panel-ghost .x-window-tl {
1961
        border-bottom-color:#A2AAB8;
1962
}
1963

    
1964
.x-panel-collapsed .x-window-tl {
1965
        border-bottom-color:#84a0c4;
1966
}
1967

    
1968
.x-dlg-mask{
1969
   background-color:#ccc;
1970
}
1971

    
1972
.x-window-plain .x-window-mc {
1973
        background-color: #EFEFF4;
1974
        border-color: #b9b9b9 #efefef #efefef #b9b9b9;
1975
}
1976

    
1977
.x-window-plain .x-window-body {
1978
        border-color: #efefef #b9b9b9 #b9b9b9 #efefef;
1979
}
1980

    
1981
body.x-body-masked .x-window-plain .x-window-mc {
1982
        background-color: #e2e2e2;
1983
}
1984
.x-html-editor-wrap {
1985
        border-color:#bcbcbc;
1986
        background-color:#fff;
1987
}
1988
.x-html-editor-tb .x-btn-text {
1989
        background-image:url(images/editor/tb-sprite.gif);
1990
}
1991
.x-panel-noborder .x-panel-header-noborder {
1992
        border-bottom-color:#A2AAB8;
1993
}
1994

    
1995
.x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
1996
        border-bottom: none;
1997
}
1998

    
1999
.x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
2000
        border-top: none;
2001
}
2002

    
2003
.x-tab-panel-bbar-noborder .x-toolbar {
2004
        border-top-color:#A2AAB8;
2005
}
2006

    
2007
.x-tab-panel-tbar-noborder .x-toolbar {
2008
        border-bottom-color:#A2AAB8;
2009
}
2010
.x-border-layout-ct {
2011
        background-color:#f0f0f0;
2012
}
2013

    
2014
.x-accordion-hd {
2015
        color:#222;
2016
        font-weight:normal;
2017
        background-image: url(images/panel/light-hd.gif);
2018
}
2019

    
2020
.x-layout-collapsed {
2021
        background-color:#dfdfdf;
2022
}
2023

    
2024
.x-layout-collapsed-over{
2025
        background-color:#e6e6e6;
2026
}
2027

    
2028
.x-layout-mini {
2029
        opacity: 0.6;
2030
}
2031

    
2032
.x-layout-mini:hover {
2033
        opacity: 0.8;
2034
}
2035

    
2036
.x-layout-split-west .x-layout-mini {
2037
        background-image:url(images/layout/mini-left.gif);
2038
}
2039
.x-layout-split-east .x-layout-mini {
2040
        background-image:url(images/layout/mini-right.gif);
2041
}
2042
.x-layout-split-north .x-layout-mini {
2043
        background-image:url(images/layout/mini-top.gif);
2044
}
2045
.x-layout-split-south .x-layout-mini {
2046
        background-image:url(images/layout/mini-bottom.gif);
2047
}
2048

    
2049
.x-layout-cmini-west .x-layout-mini {
2050
        background-image:url(images/layout/mini-right.gif);
2051
}
2052

    
2053
.x-layout-cmini-east .x-layout-mini {
2054
        background-image:url(images/layout/mini-left.gif);
2055
}
2056

    
2057
.x-layout-cmini-north .x-layout-mini {
2058
        background-image:url(images/layout/mini-bottom.gif);
2059
}
2060

    
2061
.x-layout-cmini-south .x-layout-mini {
2062
        background-image:url(images/layout/mini-top.gif);
2063
}
2064
.x-progress-wrap {
2065
        border-color:#8f8f8f;
2066
}
2067

    
2068
.x-progress-inner {
2069
        background-color:#e7e7e7;
2070
        background-image:url(images/qtip/bg.gif);
2071
}
2072

    
2073
.x-progress-bar {
2074
        background-color:#bcbcbc;
2075
        background-image:url(images/progress/progress-bg.gif);
2076
        border-top-color:#e2e2e2;
2077
        border-bottom-color:#a6a6a6;
2078
        border-right-color:#a6a6a6;
2079
}
2080

    
2081
.x-progress-text {
2082
        font-size:10px;
2083
        font-weight:bold;
2084
        color:#fff;
2085
}
2086

    
2087
.x-progress-text-back {
2088
        color:#396095;
2089
}
2090
.x-list-header{
2091
        background-color:#f9f9f9;
2092
        background-image:url(images/grid/grid3-hrow.gif);
2093
}
2094

    
2095
.x-list-header-inner div em {
2096
        border-left-color:#ddd;
2097
        font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
2098
}
2099

    
2100
.x-list-body dt em {
2101
        font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
2102
}
2103

    
2104
.x-list-over {
2105
        background-color:#EFEFF4;
2106
}
2107

    
2108
.x-list-selected {
2109
        background-color:#EFEFF4;
2110
}
2111

    
2112
.x-list-resizer {
2113
        border-left-color:#555;
2114
        border-right-color:#555;
2115
}
2116

    
2117
.x-list-header-inner em.sort-asc, .x-list-header-inner em.sort-desc {
2118
        background-image:url(images/grid/sort-hd.gif);
2119
        border-color: #A2AAB8;
2120
}
2121
.x-slider-horz, .x-slider-horz .x-slider-end, .x-slider-horz .x-slider-inner {
2122
        background-image:url(images/slider/slider-bg.png);
2123
}
2124

    
2125
.x-slider-horz .x-slider-thumb {
2126
        background-image:url(images/slider/slider-thumb.png);
2127
}
2128

    
2129
.x-slider-vert, .x-slider-vert .x-slider-end, .x-slider-vert .x-slider-inner {
2130
        background-image:url(images/slider/slider-v-bg.png);
2131
}
2132

    
2133
.x-slider-vert .x-slider-thumb {
2134
        background-image:url(images/slider/slider-v-thumb.png);
2135
}
2136
.x-window-dlg .ext-mb-text,
2137
.x-window-dlg .x-window-header-text {
2138
        font-size:12px;
2139
}
2140
/* defines the header text in the draggable area of a modal window */
2141
.x-window-dlg .x-window-header-text {
2142
        color: #fff;
2143
}
2144

    
2145
.x-window-dlg .ext-mb-textarea {
2146
        font:normal 12px verdana, arial,tahoma,helvetica,sans-serif;
2147
}
2148

    
2149
.x-window-dlg .x-msg-box-wait {
2150
        background-image:url(images/grid/loading.gif);
2151
}
2152

    
2153
.x-window-dlg .ext-mb-info {
2154
        background-image:url(images/window/icon-info.gif);
2155
}
2156

    
2157
.x-window-dlg .ext-mb-warning {
2158
        background-image:url(images/window/icon-warning.gif);
2159
}
2160

    
2161
.x-window-dlg .ext-mb-question {
2162
        background-image:url(images/window/icon-question.gif);
2163
}
2164

    
2165
.x-window-dlg .ext-mb-error {
2166
        background-image:url(images/window/icon-error.gif);
2167
}
2168

    
2169
/*ADDONS*/
2170

    
2171
.x-form fieldset {
2172
        border:1px solid #dedede;
2173
}
2174
.x-form fieldset legend {
2175
        font: bold 10px verdana, arial, verdana, tahoma, helvetica, sans-serif;
2176
        color: #606060;
2177
}
2178

    
2179
/* Tree frame split bar */
2180
#typo3-module-menu-xsplit,
2181
#typo3-navigationContainer-xsplit {
2182
        width: 0;
2183
}
2184

    
2185
/* Collapse icon */
2186
#typo3-module-menu-xsplit .x-layout-mini-west,
2187
#typo3-module-menu-xcollapsed .x-layout-mini-west,
2188
#typo3-navigationContainer-xsplit .x-layout-mini-west,
2189
#typo3-navigationContainer-xcollapsed .x-layout-mini-west {
2190
        background-position: center;
2191
        background-repeat: no-repeat;
2192
        display: none;
2193
        left: 0px;
2194
        padding: 5px 0;
2195
        position: absolute;
2196
}
2197

    
2198
/* Only show collapse icon, when user hovers the split bar */
2199
#typo3-module-menu-xsplit:hover .x-layout-mini-west,
2200
#typo3-module-menu-xcollapsed:hover .x-layout-mini-west,
2201
#typo3-navigationContainer-xsplit:hover .x-layout-mini-west,
2202
#typo3-navigationContainer-xcollapsed:hover .x-layout-mini-west {
2203
        display: block;
2204
}
2205

    
2206
#typo3-module-menu-xcollapsed:hover .x-layout-mini-west,
2207
#typo3-navigationContainer-xcollapsed:hover .x-layout-mini-west {
2208
        left: 5px;
2209
}
2210

    
2211
/* Collapsed tree frame is not invisible, but 5px wide */
2212
#typo3-navigationContainer-xcollapsed {
2213
        background-color: #ebebeb;
2214
        -moz-box-shadow: inset -2px 0 1px rgba(0, 0, 0, 0.15),
2215
                inset 0 22px #585858,
2216
                inset 0 49px #dadada;
2217
        -ms-box-shadow: inset -2px 0 1px rgba(0, 0, 0, 0.15),
2218
                inset 0 22px #585858,
2219
                inset 0 49px #dadada;
2220
        -webkit-box-shadow: inset -2px 0 1px rgba(0, 0, 0, 0.15),
2221
                inset 0 22px #585858,
2222
                inset 0 49px #dadada;
2223
        box-shadow: inset -2px 0 1px rgba(0, 0, 0, 0.15),
2224
                inset 0 22px #585858,
2225
                inset 0 49px #dadada;
2226
        overflow: visible;
2227
        width: 5px;
2228
}
2229

    
2230
/**
2231
 * this is our invisible wrapper around the collapse button,
2232
 * which enables us to have kind of invisible splitbar
2233
 */
2234
.x-layout-mini-wrapper {
2235
        height: 100%;
2236
        left: 0;
2237
        position: absolute;
2238
        width: 1px;
2239
}
2240

    
2241
.x-splitbar-proxy.x-splitbar-proxy-h {
2242
        width: 2px !important;
2243
}
2244

    
2245
#widget-navigation-tree .x-panel-noborder .x-panel-body-noborder {
2246
        background-color: #efeff4;
2247
}
2248

    
2249
#widget-navigation-tree {
2250
        background-color: #00f;
2251
}
2252

    
2253
#widget-navigation-tree-tree {
2254
        background-color: #0f0;
2255
}
2256

    
2257
/* Relogin progress bar and relogin dialog */
2258
#loginRefreshWindow .x-window-body,
2259
#loginformWindow .x-window-body,
2260
#loginRefreshWindow .x-window-mc,
2261
#loginRefreshWindow .x-panel-bwrap,
2262
#loginformWindow .x-panel-bwrap,
2263
#loginRefreshWindow  .x-panel-body,
2264
#loginformWindow .x-panel-body {
2265
        background-color: #E4E4E4;
2266
        border: none;
2267
}
2268

    
2269
#loginRefreshWindow .x-panel-body.x-panel-body-noheader.x-panel-body-noborder,
2270
#loginRefreshWindow .x-panel-header.x-unselectable,
2271
#loginformWindow .x-panel-header.x-unselectable,
2272
.t3-window .x-panel-body.x-panel-body-noheader.x-panel-body-noborder {
2273
        background-image: none;
2274
        background-color: transparent;
2275
        color: #000;
2276
        border: none;
2277
}
2278

    
2279
#loginRefreshWindow .x-panel-footer,
2280
#loginformWindow .x-panel-footer {
2281
        background-image: none;
2282
        background-color: #E4E4E4;
2283
        color: #000;
2284
        border: none;
2285
}
2286

    
2287
#loginRefreshWindow button.x-btn-text,
2288
#loginformWindow button.x-btn-text {
2289
        color: #000;
2290
}
2291

    
2292
#loginformWindow .x-window-ml {
2293
        background-color: #E4E4E4;
2294
}
2295

    
2296
.t3-window .x-window-body.x-window-body-noborder {
2297
        padding: 10px;
2298
}
2299

    
2300
.t3-window .x-btn button {
2301
        padding-left: 3px;
2302
        padding-right: 3px;
2303
}
2304

    
2305
#donateWindow.t3-window .x-window-body.x-window-body-noborder {
2306
        padding-left: 100px;
2307
        background: url(../images/general/donate_teaser.png) no-repeat 25px 10px !important;
2308
}
2309

    
2310
.icon-collapse-all {
2311
    background-image: url("images/tree/collapse-all.gif") !important;
2312
}
2313
.icon-expand-all {
2314
    background-image: url("images/tree/expand-all.gif") !important;
2315
}