48648bde7d362ac96237a5659778acc5827c4781
[Packages/TYPO3.CMS.git] / typo3 / sysext / t3skin / extjs / xtheme-t3skin.css
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 border-bottom: 1px solid #cdcdcd;
30 padding-bottom: 10px;
31 }
32
33 .x-panel-body {
34 border-width: 0;
35 }
36
37 .x-panel-bbar {
38 border-top: 1px solid #cdcdcd;
39 }
40
41 .x-panel-bbar .x-toolbar {
42 border-color: transparent;
43 }
44
45 .x-panel-tbar .x-toolbar {
46 border-color: transparent;
47 }
48
49 .x-panel-tl .x-panel-header {
50 color:#333;
51 }
52 .x-panel-tc {
53 background-image:url(images/panel/top-bottom.gif);
54 }
55 .x-panel-tl {
56 background-image:url(images/panel/corners-sprite.gif);
57 border-color:#A2AAB8;
58 }
59 .x-panel-tr {
60 background-image:url(images/panel/corners-sprite.gif);
61 }
62 .x-panel-bc {
63 background-image:url(images/panel/top-bottom.gif);
64 }
65 .x-panel-bl {
66 background-image:url(images/panel/corners-sprite.gif);
67 }
68 .x-panel-br {
69 background-image:url(images/panel/corners-sprite.gif);
70 }
71 .x-panel-mc {
72 background:#EFEFF4;
73 }
74 .x-panel-mc .x-panel-body {
75 background:transparent;
76 border: 0 none;
77 }
78 .x-panel-ml {
79 background-image:url(images/panel/left-right.gif);
80 }
81 .x-panel-mr {
82 background-image:url(images/panel/left-right.gif);
83 }
84
85 /* Tools */
86 .x-tool {
87 background-image:url(images/panel/tool-sprites.gif);
88 }
89
90 /* Ghosting */
91 .x-panel-ghost {
92 background:#EFEFF4;
93 }
94
95 .x-panel-ghost ul {
96 border-color:#A2AAB8;
97 }
98
99 .x-grid-panel .x-panel-mc .x-panel-body {
100 border: none;
101 }
102
103 /* Buttons */
104 .x-btn-left{
105 background-image:url(images/button/btn-sprite.gif);
106 }
107 .x-btn-right{
108 background-image:url(images/button/btn-sprite.gif);
109 }
110 .x-btn-center{
111 background-image:url(images/button/btn-sprite.gif);
112 }
113
114 /* Layout classes */
115 .x-border-layout-ct {
116 background:#EFEFF4;
117 }
118
119 .x-accordion-hd {
120 background-image:url(images/panel/light-hd.gif);
121 }
122
123 .x-layout-collapsed {
124 background-color:#EFEFF4;
125 }
126
127 .x-layout-collapsed-over{
128 background-color:#EFEFF4;
129 }
130
131
132 /* qtips */
133 .x-tip .x-tip-top {
134 background-image:url(images/qtip/tip-sprite.gif);
135 }
136 .x-tip .x-tip-top-left {
137 background-image:url(images/qtip/tip-sprite.gif);
138 }
139 .x-tip .x-tip-top-right {
140 background-image:url(images/qtip/tip-sprite.gif);
141 }
142 .x-tip .x-tip-ft {
143 background-image:url(images/qtip/tip-sprite.gif);
144 }
145 .x-tip .x-tip-ft-left {
146 background-image:url(images/qtip/tip-sprite.gif);
147 }
148 .x-tip .x-tip-ft-right {
149 background-image:url(images/qtip/tip-sprite.gif);
150 }
151 .x-tip .x-tip-bd-left {
152 background-image:url(images/qtip/tip-sprite.gif);
153 }
154 .x-tip .x-tip-bd-right {
155 background-image:url(images/qtip/tip-sprite.gif);
156 }
157
158 /* Toolbars */
159
160 .x-toolbar{
161 border-color:#A2AAB8;
162 background:#EFEFF4 url(images/toolbar/bg.gif) repeat-x top left;
163 }
164 .x-toolbar button {
165 color:#333;
166 }
167 .x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button {
168 background-image:url(images/toolbar/btn-arrow.gif);
169 }
170 .x-toolbar .x-btn-text-icon .x-btn-menu-arrow-wrap .x-btn-center button {
171 background-image:url(images/toolbar/btn-arrow.gif);
172 }
173
174 /* Tabs */
175
176 .x-tab-panel-header, .x-tab-panel-footer {
177 background: #EFEFF4;
178 border-color:#A2AAB8;
179 }
180
181
182 .x-tab-panel-header {
183 border-color:#A2AAB8;
184 }
185
186 .x-tab-panel-footer {
187 border-color:#A2AAB8;
188 }
189
190 ul.x-tab-strip-top{
191 padding-top: 1px;
192 }
193
194 ul.x-tab-strip-bottom{
195 padding-bottom: 1px;
196 }
197
198 ul.x-tab-strip li {
199 margin-left: 0;
200 margin-right: 2px;
201 }
202
203 ul.x-tab-strip.x-tab-strip-top li.last {
204 margin-right: 0px
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 .x-mask-loading {
501 border: none;
502 }
503
504 .x-mask-loading div {
505 background-image: url("../images/spinner/big-f0f0f0.gif");
506 background-position: top center;
507 border: none;
508 color: #828282;
509 padding-top: 40px;
510 }
511
512 /* mask while loading */
513 .t3-mask-loading .ext-el-mask,
514 .x-panel .ext-el-mask {
515 background-color: #f8f8f8;
516 }
517
518 .x-mask-loading-div {
519 padding: 0;
520 }
521
522 .x-mask-loading-message.ext-el-mask-msg {
523 border: none;
524 background: none;
525 }
526
527 .x-mask-loading-message div {
528 background-color: transparent;
529 background-image: url("../images/spinner/big-f0f0f0.gif");
530 border: none;
531 cursor: pointer;
532 height: 32px;
533 padding: 0;
534 width: 32px;
535 }
536
537 .x-item-disabled {
538 color: gray;
539 }
540
541 .x-item-disabled * {
542 color: gray !important;
543 }
544
545 .x-splitbar-proxy {
546 background-color: #aaa;
547 }
548
549 .x-color-palette a {
550 border-color:#fff;
551 }
552
553 .x-color-palette a:hover, .x-color-palette a.x-color-palette-sel {
554 border-color:#b4b4b4;
555 background-color: #EFEFF4;
556 }
557
558 .x-color-palette em {
559 border-color:#A2AAB8;
560 }
561
562 .x-ie-shadow {
563 background-color:#777;
564 }
565
566 .x-shadow .xsmc {
567 background-image: url(images/shadow-c.png);
568 }
569
570 .x-shadow .xsml, .x-shadow .xsmr {
571 background-image: url(images/shadow-lr.png);
572 }
573
574 .x-shadow .xstl, .x-shadow .xstc, .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbc, .x-shadow .xsbr{
575 background-image: url(images/shadow.png);
576 }
577
578 .loading-indicator {
579 font-size: 10px;
580 background-image: url('../images/spinner/ffffff.gif');
581 }
582
583 .x-spotlight {
584 background-color: #ccc;
585 }
586
587 .x-tab-panel-header, .x-tab-panel-footer {
588 background-color: #f1f1f1;
589 border-color:#A2AAB8;
590 overflow:hidden;
591 zoom:1;
592 }
593
594 .x-tab-panel-header, .x-tab-panel-footer {
595 border-color:#A2AAB8;
596 }
597
598 /* tabs inside tabs */
599 .x-tab-panel-body .x-tab-panel-header,
600 .x-tab-panel-body .x-tab-panel-footer {
601 background-color: #ffffff;
602
603 }
604 ul.x-tab-strip-top{
605 border-bottom-color: #adadad;
606 }
607
608 ul.x-tab-strip-bottom{
609 border-top-color:#adadad;
610 }
611
612 .x-tab-panel-header-plain .x-tab-strip-spacer,
613 .x-tab-panel-footer-plain .x-tab-strip-spacer {
614 border-color:#A2AAB8;
615 background-color: #EFEFF4;
616 }
617
618 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
619 background-image:url(images/tabs/tab-close.gif);
620 }
621
622 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
623 background-image:url(images/tabs/tab-close.gif);
624 }
625
626 .x-tab-panel-body {
627 border-color:#a2aab8;
628 background-color: #ececec;
629 background-repeat: repeat-x;
630 background-image: url(../images/backgrounds/tab.png);
631 background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #ffffff), color-stop(0.3, #ececec));
632 background-image: -moz-linear-gradient(center top , #ffffff 0, #ececec 100px);
633 background-image: linear-gradient(center top , #ffffff 0, #ececec 100px);
634 }
635
636 .x-tab-panel-body .x-panel-body {
637 background-color: transparent;
638 }
639
640 .x-tab-panel-body-top {
641 border-top: 0 none;
642 }
643
644 .x-tab-panel-body-bottom {
645 border-bottom: 0 none;
646 }
647
648 .x-tab-scroller-left {
649 background-image:url(images/tabs/scroll-left.gif);
650 border-bottom-color:#A2AAB8;
651 }
652
653 .x-tab-scroller-left-over {
654 background-position: 0 0;
655 }
656
657 .x-tab-scroller-left-disabled {
658 background-position: -18px 0;
659 opacity:.5;
660 -moz-opacity:.5;
661 filter:alpha(opacity=50);
662 cursor:default;
663 }
664
665 .x-tab-scroller-right {
666 background-image:url(images/tabs/scroll-right.gif);
667 border-bottom-color:#A2AAB8;
668 }
669
670 .x-tab-panel-bbar .x-toolbar, .x-tab-panel-tbar .x-toolbar {
671 border-color:#A2AAB8;
672 }
673 .x-form-field{
674 font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
675 }
676
677 .x-form-text, textarea.x-form-field{
678 background-color:#fff;
679 background-image: none;
680 border-color:#b5b8c8;
681 }
682
683 .x-form-select-one {
684 background-color:#fff;
685 border-color:#b5b8c8;
686 }
687
688 .x-form-check-group-label {
689 border-bottom: 1px solid #A2AAB8;
690 color: #55545E;
691 }
692
693 .x-editor .x-form-check-wrap {
694 background-color:#fff;
695 }
696
697 .x-form-field-wrap .x-form-trigger{
698 background-image:url(images/form/trigger.gif);
699 border-bottom-color:#b5b8c8;
700 }
701
702 .x-form-field-wrap .x-form-date-trigger{
703 background-image: url(images/form/date-trigger.gif);
704 }
705
706 .x-form-field-wrap .x-form-clear-trigger{
707 background-image: url(images/form/clear-trigger.gif);
708 }
709
710 .x-form-field-wrap .x-form-search-trigger{
711 background-image: url(images/form/search-trigger.gif);
712 }
713
714 .x-trigger-wrap-focus .x-form-trigger{
715 border-bottom-color:#a7a7a7;
716 }
717
718 .x-item-disabled .x-form-trigger-over{
719 border-bottom-color:#b5b8c8;
720 }
721
722 .x-item-disabled .x-form-trigger-click{
723 border-bottom-color:#b5b8c8;
724 }
725
726 .x-form-focus, textarea.x-form-focus{
727 border-color:#a7a7a7;
728 }
729
730 .x-form-invalid, textarea.x-form-invalid{
731 background-color:#fff;
732 background-image:url(images/grid/invalid_line.gif);
733 border-color:#c30;
734 }
735
736 .ext-safari .x-form-invalid{
737 background-color:#fee;
738 border-color:#ff7870;
739 }
740
741 .x-form-inner-invalid, textarea.x-form-inner-invalid{
742 background-color:#fff;
743 background-image:url(images/grid/invalid_line.gif);
744 }
745
746 .x-form-grow-sizer {
747 font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
748 }
749
750 .x-form-item {
751 font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
752 }
753
754 .x-form-invalid-msg {
755 color:#c0272b;
756 font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
757 background-image:url(images/shared/warning.gif);
758 }
759
760 .x-form-empty-field {
761 color:gray;
762 }
763
764 .x-small-editor .x-form-field {
765 font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
766 }
767
768 .ext-safari .x-small-editor .x-form-field {
769 font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
770 }
771
772 .x-form-invalid-icon {
773 background-image:url(images/form/exclamation.gif);
774 }
775
776 .x-fieldset {
777 border-color:#b5b8c8;
778 }
779
780 .x-fieldset legend {
781 font:bold 10px verdana, arial, tahoma, helvetica, sans-serif;
782 color:#55545E;
783 }
784
785 .x-btn button {
786 font-size: 11px;
787 }
788
789 .x-btn em {
790 font-style:normal;
791 font-weight:normal;
792 }
793
794 .x-btn {
795 background-color: #d5d5d5;
796 background-image: url('../images/backgrounds/button.png');
797 background-repeat: repeat-x;
798 background-image: -moz-linear-gradient(center top, #f6f6f6 10%, #d5d5d5 90%);
799 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.1, #f6f6f6), color-stop(0.9, #d5d5d5));
800 background-image: linear-gradient(center top, #f6f6f6 10%, #d5d5d5 90%);
801 border: 1px solid #7c7c7c;
802 -moz-border-radius: 1px;
803 -webkit-border-radius: 1px;
804 border-radius: 1px;
805 color: #434343;
806 }
807
808 .x-btn-icon {
809 border-color: transparent;
810 background: transparent;
811 }
812
813 .x-btn-pressed,
814 .x-btn-over,
815 .x-btn-icon.x-btn-over {
816 background-color: #bdbcbc;
817 background-image: url('../images/backgrounds/button-hover.png');
818 background-image: -moz-linear-gradient(center top, #f6f6f6 10%, #bdbcbc 90%);
819 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.1, #f6f6f6), color-stop(0.9, #bdbcbc));
820 background-image: linear-gradient(center top, #f6f6f6 10%, #bdbcbc 90%);
821 border-color: #737f91;
822 color: #1e1e1e;
823 }
824
825 .x-btn-disabled *{
826 color:gray !important;
827 }
828
829 .x-btn-mc em.x-btn-arrow {
830 background-image:url(images/button/arrow.gif);
831 }
832
833 .x-btn-mc em.x-btn-split {
834 background-image:url(images/button/s-arrow.gif);
835 }
836
837 .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 {
838 background-image:url(images/button/s-arrow-o.gif);
839 }
840
841 .x-btn-mc em.x-btn-arrow-bottom {
842 background-image:url(images/button/s-arrow-b-noline.gif);
843 }
844
845 .x-btn-mc em.x-btn-split-bottom {
846 background-image:url(images/button/s-arrow-b.gif);
847 }
848
849 .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 {
850 background-image:url(images/button/s-arrow-bo.gif);
851 }
852
853 .x-btn-group-header {
854 color: #686868;
855 }
856
857 .x-btn-group-tc {
858 background-image: url(images/button/group-tb.gif);
859 }
860
861 .x-btn-group-tl {
862 background-image: url(images/button/group-cs.gif);
863 }
864
865 .x-btn-group-tr {
866 background-image: url(images/button/group-cs.gif);
867 }
868
869 .x-btn-group-bc {
870 background-image: url(images/button/group-tb.gif);
871 }
872
873 .x-btn-group-bl {
874 background-image: url(images/button/group-cs.gif);
875 }
876
877 .x-btn-group-br {
878 background-image: url(images/button/group-cs.gif);
879 }
880
881 .x-btn-group-ml {
882 background-image: url(images/button/group-lr.gif);
883 }
884 .x-btn-group-mr {
885 background-image: url(images/button/group-lr.gif);
886 }
887
888 .x-btn-group-notitle .x-btn-group-tc {
889 background-image: url(images/button/group-tb.gif);
890 }
891 .x-toolbar{
892 border-color:#A2AAB8;
893 background-color:#EFEFF4;
894 background-image:url(images/toolbar/bg.gif);
895 }
896
897 .x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{
898 font:normal 10px verdana, arial,tahoma, helvetica, sans-serif;
899 }
900
901 .x-toolbar .x-item-disabled {
902 color:gray;
903 }
904
905 .x-toolbar .x-item-disabled * {
906 color:gray;
907 }
908
909 .x-toolbar .x-btn-mc em.x-btn-split {
910 background-image:url(images/button/s-arrow-noline.gif);
911 }
912
913 .x-toolbar .x-btn-over .x-btn-mc em.x-btn-split, .x-toolbar .x-btn-click .x-btn-mc em.x-btn-split,
914 .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
915 {
916 background-image:url(images/button/s-arrow-o.gif);
917 }
918
919 .x-toolbar .x-btn-mc em.x-btn-split-bottom {
920 background-image:url(images/button/s-arrow-b-noline.gif);
921 }
922
923 .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,
924 .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
925 {
926 background-image:url(images/button/s-arrow-bo.gif);
927 }
928
929 .x-toolbar .xtb-sep {
930 background-image: url(images/grid/grid-blue-split.gif);
931 }
932
933 .x-tbar-page-first{
934 background-image: url(images/grid/page-first.gif) !important;
935 }
936
937 .x-tbar-loading{
938 background-image: url(images/grid/refresh.gif) !important;
939 }
940
941 .x-tbar-page-last{
942 background-image: url(images/grid/page-last.gif) !important;
943 }
944
945 .x-tbar-page-next{
946 background-image: url(images/grid/page-next.gif) !important;
947 }
948
949 .x-tbar-page-prev{
950 background-image: url(images/grid/page-prev.gif) !important;
951 }
952
953 .x-item-disabled .x-tbar-loading{
954 background-image: url('../images/spinner/ffffff.gif') !important;
955 }
956
957 .x-item-disabled .x-tbar-page-first{
958 background-image: url(images/grid/page-first-disabled.gif) !important;
959 }
960
961 .x-item-disabled .x-tbar-page-last{
962 background-image: url(images/grid/page-last-disabled.gif) !important;
963 }
964
965 .x-item-disabled .x-tbar-page-next{
966 background-image: url(images/grid/page-next-disabled.gif) !important;
967 }
968
969 .x-item-disabled .x-tbar-page-prev{
970 background-image: url(images/grid/page-prev-disabled.gif) !important;
971 }
972
973 .x-paging-info {
974 color:#444;
975 }
976
977 .x-toolbar-more-icon {
978 background-image: url(images/toolbar/more.gif) !important;
979 }
980
981 .x-statusbar .x-status-busy {
982 background-image: url('../images/spinner/ffffff.gif');
983 }
984
985 .x-statusbar .x-status-text-panel {
986 border-color: #A2AAB8 #fff #fff #A2AAB8;
987 }
988 .x-resizable-handle {
989 background-color:#fff;
990 }
991
992 .x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-east,
993 .x-resizable-over .x-resizable-handle-west, .x-resizable-pinned .x-resizable-handle-west
994 {
995 background-image:url(images/sizer/e-handle.gif);
996 }
997
998 .x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south,
999 .x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north
1000 {
1001 background-image:url(images/sizer/s-handle.gif);
1002 }
1003
1004 .x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north{
1005 background-image:url(images/sizer/s-handle.gif);
1006 }
1007 .x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast{
1008 background-image:url(images/sizer/se-handle.gif);
1009 }
1010 .x-resizable-over .x-resizable-handle-northwest, .x-resizable-pinned .x-resizable-handle-northwest{
1011 background-image:url(images/sizer/nw-handle.gif);
1012 }
1013 .x-resizable-over .x-resizable-handle-northeast, .x-resizable-pinned .x-resizable-handle-northeast{
1014 background-image:url(images/sizer/ne-handle.gif);
1015 }
1016 .x-resizable-over .x-resizable-handle-southwest, .x-resizable-pinned .x-resizable-handle-southwest{
1017 background-image:url(images/sizer/sw-handle.gif);
1018 }
1019 .x-resizable-proxy{
1020 border-color:#575757;
1021 }
1022 .x-resizable-overlay{
1023 background-color:#fff;
1024 }
1025
1026 .x-grid3 {
1027 background-color:#fff;
1028 font-size: 11px;
1029 }
1030
1031 .x-grid3-hd-row td {
1032 border-left-color: transparent;
1033 border-right-color: transparent;
1034 }
1035
1036 .x-grid-row-loading {
1037 background-color: #fff;
1038 background-image:url(images/shared/loading-balls.gif);
1039 }
1040
1041 .x-grid3-row {
1042 border: none;
1043 background-color: #f7f7f7;
1044 }
1045
1046 .x-grid3-row-alt{
1047 background-color: transparent;
1048 }
1049
1050 .x-grid3-row-over {
1051 background-color: #dedede;
1052 border: none;
1053 }
1054
1055 .x-grid3-row-expanded {
1056 background-color: #dedede;
1057 }
1058
1059 .x-grid3-resize-proxy {
1060 background-color:#777;
1061 }
1062
1063 .x-grid3-resize-marker {
1064 background-color:#777;
1065 }
1066
1067 .x-grid3-header{
1068 background-color: #5b5b5b;
1069 background-image: -moz-linear-gradient(center top, #7f7f7f 10%, #5b5b5b 100%);
1070 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.1, #7f7f7f), color-stop(1, #5b5b5b));
1071 background-image: linear-gradient(center top, #7f7f7f 10%, #5b5b5b 100%);
1072 color: #ffffff;
1073 font-weight: bold;
1074 }
1075
1076 .x-grid3-header-pop {
1077 border-left-color:#A2AAB8;
1078 }
1079
1080 .x-grid3-header-pop-inner {
1081 border-left-color:#EFEFF4;
1082 background-image:url(images/grid/hd-pop.gif);
1083 }
1084
1085 td.sort-desc, td.sort-asc {
1086 border-left-color: transparent;
1087 border-right-color: transparent;
1088 }
1089
1090
1091 td.x-grid3-hd-over, td.x-grid3-hd-menu-open {
1092 border-left-color: #5b5b5b;
1093 border-right-color: transparent;
1094 background-image: -moz-linear-gradient(
1095 center bottom,
1096 #7f7f7f 10%,
1097 #5b5b5b 100%
1098 );
1099 background-image: -webkit-gradient(
1100 linear,
1101 left bottom,
1102 left top,
1103 color-stop(0.1, #7f7f7f),
1104 color-stop(1.0, #5b5b5b)
1105 );
1106 background-image: linear-gradient(
1107 center bottom,
1108 #7f7f7f 10%,
1109 #5b5b5b 100%
1110 );
1111 }
1112
1113 .sort-asc .x-grid3-sort-icon {
1114 background-image: url(images/grid/sort_asc.gif);
1115 }
1116
1117 .sort-desc .x-grid3-sort-icon {
1118 background-image: url(images/grid/sort_desc.gif);
1119 }
1120
1121 .x-grid3-cell-text, .x-grid3-hd-text {
1122 color:#000;
1123 }
1124
1125 .x-grid3-split {
1126 background-image: url(images/grid/grid-split.gif);
1127 }
1128
1129 .x-grid3-hd-text {
1130 color:#55545E;
1131 }
1132
1133 .x-dd-drag-proxy .x-grid3-hd-inner{
1134 background-color:#f2f2f2;
1135 background-image:url(images/grid/grid3-hrow-over.gif);
1136 border-color:#c8c8c8;
1137 }
1138
1139 .col-move-top{
1140 background-image:url(images/grid/col-move-top.gif);
1141 }
1142
1143 .col-move-bottom{
1144 background-image:url(images/grid/col-move-bottom.gif);
1145 }
1146
1147 .x-grid3-cell-selected{
1148 background-color: #dedede !important;
1149 color: #606060;
1150 }
1151
1152 .x-grid3-cell-selected span{
1153 color:#606060 !important;
1154 }
1155
1156 .x-grid3-cell-selected .x-grid3-cell-text{
1157 color: #606060;
1158 }
1159
1160 .x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{
1161 background-color:#d7d9df !important;
1162 background-image:url(images/grid/grid-hrow.gif) !important;
1163 color:#000;
1164 border-top-color:#fff;
1165 border-right-color:#9c9c9c !important;
1166 }
1167
1168 .x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{
1169 color:#55545E !important;
1170 }
1171
1172 .x-grid3-dirty-cell {
1173 background-image:url(images/grid/dirty.gif);
1174 }
1175
1176 .x-grid3-topbar, .x-grid3-bottombar{
1177 font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
1178 }
1179
1180 .x-grid3-bottombar .x-toolbar{
1181 border-top-color:#bcbcbc;
1182 }
1183
1184 .x-props-grid .x-grid3-td-name .x-grid3-cell-inner{
1185 background-image:url(images/grid/grid3-special-col-bg.gif) !important;
1186 color:#000 !important;
1187 }
1188
1189 .x-props-grid .x-grid3-body .x-grid3-td-name{
1190 background-color:#fff !important;
1191 border-right-color:#EFEFF4;
1192 }
1193
1194 .xg-hmenu-sort-asc .x-menu-item-icon{
1195 background-image: url(images/grid/hmenu-asc.gif);
1196 }
1197
1198 .xg-hmenu-sort-desc .x-menu-item-icon{
1199 background-image: url(images/grid/hmenu-desc.gif);
1200 }
1201
1202 .xg-hmenu-lock .x-menu-item-icon{
1203 background-image: url(images/grid/hmenu-lock.gif);
1204 }
1205
1206 .xg-hmenu-unlock .x-menu-item-icon{
1207 background-image: url(images/grid/hmenu-unlock.gif);
1208 }
1209
1210 .x-grid3-hd-btn {
1211 background-image:url(images/grid/grid3-hd-btn.gif);
1212 }
1213
1214 .x-grid3-row-expander {
1215 background-image:url(images/grid/row-expand-sprite.png);
1216 width: 18px;
1217 }
1218
1219 .x-grid3-row-checker, .x-grid3-hd-checker {
1220 background-image:url(images/grid/row-check-sprite.gif);
1221 }
1222
1223 .x-grid3-body .x-grid3-td-numberer {
1224 background-image:url(images/grid/grid3-special-col-bg.gif);
1225 }
1226
1227 .x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {
1228 color:#444;
1229 }
1230
1231 .x-grid3-body .x-grid3-td-row-icon {
1232 background-image:url(images/grid/grid3-special-col-bg.gif);
1233 }
1234
1235 .x-grid3-check-col {
1236 background-image:url(images/menu/unchecked.gif);
1237 }
1238
1239 .x-grid3-check-col-on {
1240 background-image:url(images/menu/checked.gif);
1241 }
1242
1243 .x-grid-group, .x-grid-group-body, .x-grid-group-hd {
1244 zoom:1;
1245 }
1246
1247 .x-grid-group-hd {
1248 border: none;
1249 }
1250
1251 .x-grid-group-hd div.x-grid-group-title {
1252 background-image:url("images/grid/row-expand-sprite.png");
1253 background-position: 4px -38px;
1254 color:#606060;
1255 font:bold 11px verdana, arial, tahoma, helvetica, sans-serif;
1256 padding: 5px 4px 4px 27px;
1257 }
1258
1259 .x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title {
1260 background-image: url("images/grid/row-expand-sprite.png");
1261 background-position: 4px -18px;
1262 }
1263
1264 .x-group-by-icon {
1265 background-image:url(images/grid/group-by.gif);
1266 }
1267
1268 .x-cols-icon {
1269 background-image:url(images/grid/columns.gif);
1270 }
1271
1272 .x-show-groups-icon {
1273 background-image:url(images/grid/group-by.gif);
1274 }
1275
1276 .x-grid-empty {
1277 color:gray;
1278 font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
1279 }
1280
1281 .x-grid-with-col-lines .x-grid3-row td.x-grid3-cell {
1282 border-right-color:#ededed;
1283 }
1284
1285 .x-grid-with-col-lines .x-grid3-row{
1286 border-top-color:#ededed;
1287 }
1288
1289 .x-grid-with-col-lines .x-grid3-row-selected {
1290 border-top-color:#b9b9b9;
1291 }
1292 .x-dd-drag-ghost{
1293 color:#000;
1294 font: normal 10px verdana, arial, helvetica, sans-serif;
1295 border-color: #ddd #bbb #bbb #ddd;
1296 background-color:#fff;
1297 }
1298
1299 .x-dd-drop-nodrop .x-dd-drop-icon{
1300 background-image: url(images/dd/drop-no.gif);
1301 }
1302
1303 .x-dd-drop-ok .x-dd-drop-icon{
1304 background-image: url(images/dd/drop-yes.gif);
1305 }
1306
1307 .x-dd-drop-ok-add .x-dd-drop-icon{
1308 background-image: url(images/dd/drop-add.gif);
1309 }
1310
1311 .x-view-selector {
1312 background-color:#d8d8d8;
1313 border-color:#8d8d8d;
1314 }
1315 .x-tree .x-panel-body{
1316 background-color:#fff;
1317 }
1318
1319 .x-tree-node-expanded .x-tree-node-icon{
1320 background-image:url(../images/icons/apps/filetree-folder-opened.png);
1321 }
1322
1323 .x-tree-node-leaf .x-tree-node-icon{
1324 background-image:url(images/tree/leaf.gif);
1325 }
1326
1327 .x-tree-node-collapsed .x-tree-node-icon{
1328 background-image:url(../images/icons/apps/filetree-folder-default.png);
1329 }
1330
1331 .x-tree-node-loading .x-tree-node-icon{
1332 background-image: url('../images/spinner/ffffff.gif') !important;
1333 }
1334
1335 .x-tree-node .x-tree-node-inline-icon {
1336 background-image: none;
1337 }
1338
1339 .x-tree-node-loading a span{
1340 font-style: italic;
1341 color:#444444;
1342 }
1343
1344 .ext-ie .x-tree-node-el input {
1345 width:15px;
1346 height:15px;
1347 }
1348
1349 .x-tree-node-el {
1350 line-height: 18px;
1351 height: 18px;
1352 margin-right: 0;
1353 }
1354
1355 .x-tree-lines .x-tree-elbow-end,
1356 .x-tree-lines .x-tree-elbow-end-minus,
1357 .x-tree-lines .x-tree-elbow-end-plus,
1358 .x-tree-lines .x-tree-elbow-line,
1359 .x-tree-lines .x-tree-elbow,
1360 .x-tree-lines .x-tree-elbow-plus,
1361 .x-tree-lines .x-tree-elbow-minus {
1362 background-repeat: repeat-y;
1363 background-position: 0 1px;
1364 height: 20px;
1365 }
1366
1367 .x-tree-lines .x-tree-elbow{
1368 background-image: url('../icons/gfx/ol/join.gif');
1369 }
1370
1371 .x-tree-lines .x-tree-elbow-plus {
1372 background-image: url('../icons/gfx/ol/plus.gif');
1373 }
1374
1375 .x-tree-lines .x-tree-elbow-minus {
1376 background-image: url('../icons/gfx/ol/minus.gif');
1377 }
1378
1379 .x-tree-lines .x-tree-elbow-end-minus {
1380 background: url('../icons/gfx/ol/minusbottom.gif') left top no-repeat;
1381 }
1382
1383 .x-tree-lines .x-tree-elbow-end {
1384 background: url('../icons/gfx/ol/joinbottom.gif') left top no-repeat;
1385 }
1386
1387 .x-tree-lines .x-tree-elbow-end-plus{
1388 background: url('../icons/gfx/ol/plusbottom.gif') left top no-repeat;
1389 }
1390
1391 .x-tree-lines .x-tree-elbow-line{
1392 background-image: url('../icons/gfx/ol/line.gif');
1393 }
1394
1395 .x-tree-no-lines .x-tree-elbow-plus{
1396 background-image:url(images/tree/elbow-plus-nl.gif);
1397 }
1398
1399 .x-tree-no-lines .x-tree-elbow-minus{
1400 background-image:url(images/tree/elbow-minus-nl.gif);
1401 }
1402
1403 .x-tree-no-lines .x-tree-elbow-end-plus{
1404 background-image:url(images/tree/elbow-end-plus-nl.gif);
1405 }
1406
1407 .x-tree-no-lines .x-tree-elbow-end-minus{
1408 background-image:url(images/tree/elbow-end-minus-nl.gif);
1409 }
1410
1411 .x-tree-arrows .x-tree-elbow-plus{
1412 background-image:url(images/tree/arrows.gif);
1413 }
1414
1415 .x-tree-arrows .x-tree-elbow-minus{
1416 background-image:url(images/tree/arrows.gif);
1417 }
1418
1419 .x-tree-arrows .x-tree-elbow-end-plus{
1420 background-image:url(images/tree/arrows.gif);
1421 }
1422
1423 .x-tree-arrows .x-tree-elbow-end-minus{
1424 background-image:url(images/tree/arrows.gif);
1425 }
1426
1427 .x-tree-node{
1428 color:#000;
1429 font: normal 10px verdana, arial, tahoma, helvetica, sans-serif;
1430 }
1431
1432 .x-tree-node a, .x-dd-drag-ghost a {
1433 color: #000;
1434 vertical-align: -1px;
1435 font-size: 11px;
1436 display: inline-block;
1437 }
1438
1439 .x-tree-node a span, .x-dd-drag-ghost a span {
1440 color: #000;
1441 }
1442
1443 .x-tree-node .x-tree-node-disabled a span{
1444 color:gray !important;
1445 }
1446
1447 .x-tree-node div.x-tree-drag-insert-below{
1448 border-bottom-color:#686868;
1449 }
1450
1451 .x-tree-node div.x-tree-drag-insert-above{
1452 border-top-color:#686868;
1453 }
1454
1455 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{
1456 border-bottom-color:#686868;
1457 }
1458
1459 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{
1460 border-top-color:#686868;
1461 }
1462
1463 .x-tree-node .x-tree-drag-append a span{
1464 background-color:#ddd;
1465 border-color:gray;
1466 }
1467
1468 .x-tree-node .x-tree-node-over {
1469 background-color: #EFEFF4;
1470 }
1471
1472 .x-tree-node .x-tree-selected {
1473 background-color: #e6e6e6;
1474 }
1475
1476 .x-tree-drop-ok-append .x-dd-drop-icon{
1477 background-image: url(images/tree/drop-add.gif);
1478 }
1479
1480 .x-tree-drop-ok-above .x-dd-drop-icon{
1481 background-image: url(images/tree/drop-over.gif);
1482 }
1483
1484 .x-tree-drop-ok-below .x-dd-drop-icon{
1485 background-image: url(images/tree/drop-under.gif);
1486 }
1487
1488 .x-tree-drop-ok-between .x-dd-drop-icon{
1489 background-image: url(images/tree/drop-between.gif);
1490 }
1491 .x-date-picker {
1492 border-color: #373737;
1493 background-color:#fff;
1494 }
1495
1496 .x-date-middle,.x-date-left,.x-date-right {
1497 background-image: url(images/shared/hd-sprite.gif);
1498 color:#fff;
1499 font:bold 10px verdana, arial, "sans serif", tahoma, verdana, helvetica;
1500 }
1501
1502 .x-date-left,.x-date-right {
1503 padding-top:5px;
1504 }
1505
1506 .x-date-middle .x-btn .x-btn-text {
1507 color:#000;
1508 }
1509
1510 .x-date-middle .x-btn-mc em.x-btn-arrow {
1511 background-image:url(images/toolbar/btn-arrow.gif);
1512 }
1513
1514 .x-date-right a {
1515 background-image: url(images/shared/right-btn.gif);
1516 }
1517
1518 .x-date-left a{
1519 background-image: url(images/shared/left-btn.gif);
1520 }
1521
1522 .x-date-inner th {
1523 background-color:#EFEFF4;
1524 background-image:url(images/shared/glass-bg.gif);
1525 border-bottom-color:#A2AAB8;
1526 font:normal 10px verdana, arial, helvetica,tahoma,sans-serif;
1527 color:#3d3d3d;
1528 }
1529
1530 .x-date-inner td {
1531 border-color:#fff;
1532 }
1533
1534 .x-date-inner a {
1535 font:normal 10px verdana, arial, helvetica,tahoma,sans-serif;
1536 color:#000;
1537 }
1538
1539 .x-date-inner .x-date-active{
1540 color:#000;
1541 }
1542
1543 .x-date-inner .x-date-selected a{
1544 background-color:#EFEFF4;
1545 background-image:url(images/shared/glass-bg.gif);
1546 border-color:#afafaf;
1547 }
1548
1549 .x-date-inner .x-date-today a{
1550 border-color:darkred;
1551 }
1552
1553 .x-date-inner .x-date-selected span{
1554 font-weight:bold;
1555 }
1556
1557 .x-date-inner .x-date-prevday a,.x-date-inner .x-date-nextday a {
1558 color:#aaa;
1559 }
1560
1561 .x-date-bottom {
1562 border-top-color:#A2AAB8;
1563 background-color:#EFEFF4;
1564 background-image:url(images/shared/glass-bg.gif);
1565 }
1566
1567 .x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover{
1568 color:#000;
1569 background-color:#eaeaea;
1570 }
1571
1572 .x-date-inner .x-date-disabled a {
1573 background-color:#EFEFF4;
1574 color:#bbb;
1575 }
1576
1577 .x-date-mmenu{
1578 background-color:#eee !important;
1579 }
1580
1581 .x-date-mmenu .x-menu-item {
1582 font-size:10px;
1583 color:#000;
1584 }
1585
1586 .x-date-mp {
1587 background-color:#fff;
1588 }
1589
1590 .x-date-mp td {
1591 font:normal 10px verdana, arial, helvetica,tahoma,sans-serif;
1592 }
1593
1594 .x-date-mp-btns button {
1595 background-color:#A2AAB8;
1596 color:#fff;
1597 border-color: #686868 #101010 #101010 #686868;
1598 font:normal 10px verdana, arial, helvetica,tahoma,sans-serif;
1599 }
1600
1601 .x-date-mp-btns {
1602 background-color: #EFEFF4;
1603 background-image: url(images/shared/glass-bg.gif);
1604 }
1605
1606 .x-date-mp-btns td {
1607 border-top-color: #A2AAB8;
1608 }
1609
1610 td.x-date-mp-month a,td.x-date-mp-year a {
1611 color:#55545E;
1612 }
1613
1614 td.x-date-mp-month a:hover,td.x-date-mp-year a:hover {
1615 color:#55545E;
1616 background-color: #eaeaea;
1617 }
1618
1619 td.x-date-mp-sel a {
1620 background-color: #EFEFF4;
1621 background-image: url(images/shared/glass-bg.gif);
1622 border-color:#afafaf;
1623 }
1624
1625 .x-date-mp-ybtn a {
1626 background-image:url(images/panel/tool-sprites.gif);
1627 }
1628
1629 td.x-date-mp-sep {
1630 border-right-color:#A2AAB8;
1631 }
1632
1633 .x-tip {
1634 background-color: #ffffc7;
1635 border: 1px solid #cccccc;
1636 -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
1637 -ms-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
1638 -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
1639 box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
1640 }
1641
1642 .x-tip .x-tip-header-text {
1643 font-size: 11px;
1644 font-weight: bold;
1645 line-height: 14px;
1646 margin-bottom: 4px;
1647 }
1648
1649 .x-tip .x-tool-close {
1650 display: none;
1651 }
1652
1653 .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,
1654 .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
1655 {
1656 background-image: url(images/form/error-tip-corners.gif);
1657 }
1658
1659 .x-form-invalid-tip .x-tip-body {
1660 background-image:url(images/form/exclamation.gif);
1661 }
1662
1663 .x-tip-anchor {
1664 background-image:url(images/qtip/tip-anchor-sprite.gif);
1665 }
1666
1667 .x-tip-anchor-left,
1668 .x-tip-anchor-right {
1669 height: 16px;
1670 }
1671
1672 .x-menu {
1673 border-color:#898989;
1674 background-color: #ffffff;
1675 background-image:url(images/menu/menu.gif);
1676 }
1677
1678 .x-menu-nosep {
1679 background-image:none;
1680 }
1681
1682 .x-menu-item-arrow{
1683 background-image:url(images/menu/menu-parent.gif);
1684 }
1685
1686 .x-menu-sep {
1687 background-color:#e0e0e0;
1688 border-bottom-color:#fff;
1689 }
1690
1691 a.x-menu-item {
1692 color:#222;
1693 }
1694
1695 .x-menu-item-active {
1696 background-color: #e9e9e9;
1697 border-color:#c8c8c8;
1698 }
1699
1700 .x-menu-item-active a.x-menu-item {
1701 border-color:#c8c8c8;
1702 }
1703
1704 .x-menu-check-item .x-menu-item-icon{
1705 background-image:url(images/menu/unchecked.gif);
1706 }
1707
1708 .x-menu-item-checked .x-menu-item-icon{
1709 background-image:url(images/menu/checked.gif);
1710 }
1711
1712 .x-menu-item-checked .x-menu-group-item .x-menu-item-icon{
1713 background-image:url(images/menu/group-checked.gif);
1714 }
1715
1716 .x-menu-group-item .x-menu-item-icon{
1717 background-image:none;
1718 }
1719
1720 .x-menu-plain {
1721 background-color:#fff !important;
1722 }
1723
1724 .x-menu .x-date-picker{
1725 border-color:#A2AAB8;
1726 }
1727
1728 .x-cycle-menu .x-menu-item-checked {
1729 border-color:#b9b9b9 !important;
1730 background-color:#e9e9e9;
1731 }
1732
1733 .x-menu-scroller-top {
1734 background-image:url(images/layout/mini-top.gif);
1735 }
1736
1737 .x-menu-scroller-bottom {
1738 background-image:url(images/layout/mini-bottom.gif);
1739 }
1740
1741 .x-box-tl {
1742 background-image: url(images/box/corners.gif);
1743 }
1744
1745 .x-box-tc {
1746 background-image: url(images/box/tb.gif);
1747 }
1748
1749 .x-box-tr {
1750 background-image: url(images/box/corners.gif);
1751 }
1752
1753 .x-box-ml {
1754 background-image: url(images/box/l.gif);
1755 }
1756
1757 .x-box-mc {
1758 background-color: #EFEFF4;
1759 background-image: url(images/box/tb.gif);
1760 font-family: verdana, "Arial", "Myriad Pro","Myriad Web","Tahoma","Helvetica",sans-serif;
1761 color: #393939;
1762 font-size: 10px;
1763 font-weight: bold;
1764 }
1765
1766 .x-box-mc h3 {
1767 font-size: 14px;
1768 font-weight: bold;
1769 }
1770
1771 .x-box-mr {
1772 background-image: url(images/box/r.gif);
1773 }
1774
1775 .x-box-bl {
1776 background-image: url(images/box/corners.gif);
1777 }
1778
1779 .x-box-bc {
1780 background-image: url(images/box/tb.gif);
1781 }
1782
1783 .x-box-br {
1784 background-image: url(images/box/corners.gif);
1785 }
1786
1787 .x-box-blue .x-box-bl, .x-box-blue .x-box-br, .x-box-blue .x-box-tl, .x-box-blue .x-box-tr {
1788 background-image: url(images/box/corners-gray.gif);
1789 }
1790
1791 .x-box-blue .x-box-bc, .x-box-blue .x-box-mc, .x-box-blue .x-box-tc {
1792 background-image: url(images/box/tb-gray.gif);
1793 }
1794
1795 .x-box-blue .x-box-mc {
1796 background-color: #d8d8d8;
1797 }
1798
1799 .x-box-blue .x-box-mc h3 {
1800 color: #363636;
1801 }
1802
1803 .x-box-blue .x-box-ml {
1804 background-image: url(images/box/l-gray.gif);
1805 }
1806
1807 .x-box-blue .x-box-mr {
1808 background-image: url(images/box/r-gray.gif);
1809 }
1810 #x-debug-browser .x-tree .x-tree-node a span {
1811 color:#333333;
1812 font-size:10px;
1813 font-family:"monotype","courier new",sans-serif;
1814 }
1815
1816 #x-debug-browser .x-tree a i {
1817 color:#ff4545;
1818 font-style:normal;
1819 }
1820
1821 #x-debug-browser .x-tree a em {
1822 color:#999;
1823 }
1824
1825 #x-debug-browser .x-tree .x-tree-node .x-tree-selected a span{
1826 background-color:#d8d8d8;
1827 }
1828 .x-combo-list {
1829 border-color:#bcbcbc;
1830 background-color:#eaeaea;
1831 font:normal 12px verdana, arial, tahoma, helvetica, sans-serif;
1832 }
1833
1834 .x-combo-list-inner {
1835 background-color:#fff;
1836 }
1837
1838 .x-combo-list-hd {
1839 font:bold 10px verdana, arial, tahoma, helvetica, sans-serif;
1840 color:#55545E;
1841 background-image: url(images/layout/panel-title-light-bg.gif);
1842 border-bottom-color:#bcbcbc;
1843 }
1844
1845 .x-resizable-pinned .x-combo-list-inner {
1846 border-bottom-color:#bcbcbc;
1847 }
1848
1849 .x-combo-list-item {
1850 border-color:#fff;
1851 }
1852
1853 .x-combo-list .x-combo-selected{
1854 border-color:#b9b9b9 !important;
1855 background-color:#e7e7e7;
1856 }
1857
1858 .x-combo-list .x-toolbar {
1859 border-top-color:#bcbcbc;
1860 }
1861
1862 .x-combo-list-small {
1863 font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
1864 }
1865 .x-panel {
1866 border-color: #A2AAB8;
1867 }
1868
1869 .x-panel-header {
1870 color: #fff;
1871 font-weight:bold;
1872 font-size: 10px;
1873 font-family: verdana, arial,tahoma,verdana,sans-serif;
1874 border-color:#A2AAB8;
1875 background-image: url(images/panel/white-top-bottom.gif);
1876 }
1877
1878 .x-panel-body {
1879 border-color: #A2AAB8;
1880 }
1881
1882 .x-panel-body-noheader, .x-panel-mc .x-panel-body {
1883 border-top-color: #A2AAB8;
1884 }
1885
1886 .x-panel-tl .x-panel-header {
1887 color:#55545E;
1888 font:bold 10px verdana, arial,tahoma,verdana,sans-serif;
1889 }
1890
1891 .x-panel-tc {
1892 background-image: url(images/panel/top-bottom.gif);
1893 }
1894
1895 .x-panel-tl, .x-panel-tr, .x-panel-bl, .x-panel-br{
1896 background-image: url(images/panel/corners-sprite.gif);
1897 border-bottom-color: #A2AAB8;
1898 }
1899
1900 .x-panel-bc {
1901 background-image: url(images/panel/top-bottom.gif);
1902 }
1903
1904 .x-panel-mc {
1905 font: normal 10px verdana, arial,tahoma,helvetica,sans-serif;
1906 background-color:#efefef;
1907 }
1908
1909 .x-panel-ml {
1910 background-color: #fff;
1911 background-image:url(images/panel/left-right.gif);
1912 }
1913
1914 .x-panel-mr {
1915 background-image: url(images/panel/left-right.gif);
1916 }
1917
1918 .x-tool {
1919 background-image:url(images/panel/tool-sprites.gif);
1920 }
1921
1922 .x-panel-ghost {
1923 background-color:#dbdbdb;
1924 }
1925
1926 .x-panel-ghost ul {
1927 border-color:#A2AAB8;
1928 }
1929
1930 .x-panel-dd-spacer {
1931 border-color:#A2AAB8;
1932 }
1933
1934 .x-panel-fbar td,.x-panel-fbar span,.x-panel-fbar input,.x-panel-fbar div,.x-panel-fbar select,.x-panel-fbar label{
1935 font:normal 10px verdana, arial,tahoma, helvetica, sans-serif;
1936 }
1937
1938 .x-window-proxy {
1939 background-color:#dcdcdc;
1940 border-color:#A2AAB8;
1941 }
1942
1943 /* Modal dialog title/header bar */
1944 .x-window-tl .x-window-header {
1945 color:#fff;
1946 font:bold 10px verdana, arial,tahoma,verdana,sans-serif;
1947 padding:4px 0 4px 0;
1948 }
1949
1950 .x-window-tc {
1951 background-image: url(images/window/top-bottom.png);
1952 }
1953
1954 .x-window-tl {
1955 background-image: url(images/window/left-corners.png);
1956 }
1957
1958 .x-window-tr {
1959 background-image: url(images/window/right-corners.png);
1960 }
1961
1962 .x-window-bc {
1963 background-image: url(images/window/top-bottom.png);
1964 }
1965
1966 .x-window-bl {
1967 background-image: url(images/window/left-corners.png);
1968 }
1969
1970 .x-window-br {
1971 background-image: url(images/window/right-corners.png);
1972 }
1973
1974 .x-window-mc {
1975 border-color:#A2AAB8;
1976 font: normal 10px verdana, arial,tahoma,helvetica,sans-serif;
1977 background-color:#e7e7e7;
1978 }
1979
1980 .x-window-ml {
1981 background-image: url(images/window/left-right.png);
1982 }
1983
1984 .x-window-mr {
1985 background-image: url(images/window/left-right.png);
1986 }
1987
1988 .x-window-maximized .x-window-tc {
1989 background-color:#fff;
1990 }
1991
1992 .x-window-bbar .x-toolbar {
1993 border-top-color:#A2AAB8;
1994 }
1995
1996 .x-panel-ghost .x-window-tl {
1997 border-bottom-color:#A2AAB8;
1998 }
1999
2000 .x-panel-collapsed .x-window-tl {
2001 border-bottom-color:#84a0c4;
2002 }
2003
2004 .x-dlg-mask{
2005 background-color:#ccc;
2006 }
2007
2008 .x-window-plain .x-window-mc {
2009 background-color: #EFEFF4;
2010 border-color: #b9b9b9 #efefef #efefef #b9b9b9;
2011 }
2012
2013 .x-window-plain .x-window-body {
2014 border-color: #efefef #b9b9b9 #b9b9b9 #efefef;
2015 }
2016
2017 body.x-body-masked .x-window-plain .x-window-mc {
2018 background-color: #e2e2e2;
2019 }
2020 .x-html-editor-wrap {
2021 border-color:#bcbcbc;
2022 background-color:#fff;
2023 }
2024 .x-html-editor-tb .x-btn-text {
2025 background-image:url(images/editor/tb-sprite.gif);
2026 }
2027 .x-panel-noborder .x-panel-header-noborder {
2028 border-bottom-color:#A2AAB8;
2029 }
2030
2031 .x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
2032 border-bottom: none;
2033 }
2034
2035 .x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
2036 border-top: none;
2037 }
2038
2039 .x-tab-panel-bbar-noborder .x-toolbar {
2040 border-top-color:#A2AAB8;
2041 }
2042
2043 .x-tab-panel-tbar-noborder .x-toolbar {
2044 border-bottom-color:#A2AAB8;
2045 }
2046 .x-border-layout-ct {
2047 background-color:#f0f0f0;
2048 }
2049
2050 .x-accordion-hd {
2051 color:#222;
2052 font-weight:normal;
2053 background-image: url(images/panel/light-hd.gif);
2054 }
2055
2056 .x-layout-collapsed {
2057 background-color:#dfdfdf;
2058 }
2059
2060 .x-layout-collapsed-over{
2061 background-color:#e6e6e6;
2062 }
2063
2064 .x-layout-mini {
2065 opacity: 0.6;
2066 }
2067
2068 .x-layout-mini:hover {
2069 opacity: 0.8;
2070 }
2071
2072 .x-layout-split-west .x-layout-mini {
2073 background-image:url(images/layout/mini-left.gif);
2074 }
2075 .x-layout-split-east .x-layout-mini {
2076 background-image:url(images/layout/mini-right.gif);
2077 }
2078 .x-layout-split-north .x-layout-mini {
2079 background-image:url(images/layout/mini-top.gif);
2080 }
2081 .x-layout-split-south .x-layout-mini {
2082 background-image:url(images/layout/mini-bottom.gif);
2083 }
2084
2085 .x-layout-cmini-west .x-layout-mini {
2086 background-image:url(images/layout/mini-right.gif);
2087 }
2088
2089 .x-layout-cmini-east .x-layout-mini {
2090 background-image:url(images/layout/mini-left.gif);
2091 }
2092
2093 .x-layout-cmini-north .x-layout-mini {
2094 background-image:url(images/layout/mini-bottom.gif);
2095 }
2096
2097 .x-layout-cmini-south .x-layout-mini {
2098 background-image:url(images/layout/mini-top.gif);
2099 }
2100 .x-progress-wrap {
2101 border-color:#8f8f8f;
2102 }
2103
2104 .x-progress-inner {
2105 background-color:#e7e7e7;
2106 background-image:url(images/qtip/bg.gif);
2107 }
2108
2109 .x-progress-bar {
2110 background-color:#bcbcbc;
2111 background-image:url(images/progress/progress-bg.gif);
2112 border-top-color:#e2e2e2;
2113 border-bottom-color:#a6a6a6;
2114 border-right-color:#a6a6a6;
2115 }
2116
2117 .x-progress-text {
2118 font-size:10px;
2119 font-weight:bold;
2120 color:#fff;
2121 }
2122
2123 .x-progress-text-back {
2124 color:#396095;
2125 }
2126 .x-list-header{
2127 background-color:#f9f9f9;
2128 background-image:url(images/grid/grid3-hrow.gif);
2129 }
2130
2131 .x-list-header-inner div em {
2132 border-left-color:#ddd;
2133 font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
2134 }
2135
2136 .x-list-body dt em {
2137 font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
2138 }
2139
2140 .x-list-over {
2141 background-color:#EFEFF4;
2142 }
2143
2144 .x-list-selected {
2145 background-color:#EFEFF4;
2146 }
2147
2148 .x-list-resizer {
2149 border-left-color:#555;
2150 border-right-color:#555;
2151 }
2152
2153 .x-list-header-inner em.sort-asc, .x-list-header-inner em.sort-desc {
2154 background-image:url(images/grid/sort-hd.gif);
2155 border-color: #A2AAB8;
2156 }
2157 .x-slider-horz, .x-slider-horz .x-slider-end, .x-slider-horz .x-slider-inner {
2158 background-image:url(images/slider/slider-bg.png);
2159 }
2160
2161 .x-slider-horz .x-slider-thumb {
2162 background-image:url(images/slider/slider-thumb.png);
2163 }
2164
2165 .x-slider-vert, .x-slider-vert .x-slider-end, .x-slider-vert .x-slider-inner {
2166 background-image:url(images/slider/slider-v-bg.png);
2167 }
2168
2169 .x-slider-vert .x-slider-thumb {
2170 background-image:url(images/slider/slider-v-thumb.png);
2171 }
2172 .x-window-dlg .ext-mb-text,
2173 .x-window-dlg .x-window-header-text {
2174 font-size:12px;
2175 }
2176 /* defines the header text in the draggable area of a modal window */
2177 .x-window-dlg .x-window-header-text {
2178 color: #fff;
2179 }
2180
2181 .x-window-dlg .ext-mb-textarea {
2182 font:normal 12px verdana, arial,tahoma,helvetica,sans-serif;
2183 }
2184
2185 .x-window-dlg .x-msg-box-wait {
2186 background-image: url('../images/spinner/ffffff.gif');
2187 }
2188
2189 .x-window-dlg .ext-mb-info {
2190 background-image:url(images/window/icon-info.gif);
2191 }
2192
2193 .x-window-dlg .ext-mb-warning {
2194 background-image:url(images/window/icon-warning.gif);
2195 }
2196
2197 .x-window-dlg .ext-mb-question {
2198 background-image:url(images/window/icon-question.gif);
2199 }
2200
2201 .x-window-dlg .ext-mb-error {
2202 background-image:url(images/window/icon-error.gif);
2203 }
2204
2205 /*ADDONS*/
2206
2207 .x-form fieldset {
2208 border:1px solid #dedede;
2209 }
2210 .x-form fieldset legend {
2211 font: bold 10px verdana, arial, verdana, tahoma, helvetica, sans-serif;
2212 color: #606060;
2213 }
2214
2215 /* Tree frame split bar */
2216 #typo3-module-menu-xsplit,
2217 #typo3-navigationContainer-xsplit {
2218 width: 0;
2219 }
2220
2221 /* Collapse icon */
2222 #typo3-module-menu-xsplit .x-layout-mini-west,
2223 #typo3-module-menu-xcollapsed .x-layout-mini-west,
2224 #typo3-navigationContainer-xsplit .x-layout-mini-west,
2225 #typo3-navigationContainer-xcollapsed .x-layout-mini-west {
2226 background-position: center;
2227 background-repeat: no-repeat;
2228 display: none;
2229 left: 0px;
2230 padding: 5px 0;
2231 position: absolute;
2232 }
2233
2234 /* Only show collapse icon, when user hovers the split bar */
2235 #typo3-module-menu-xsplit:hover .x-layout-mini-west,
2236 #typo3-module-menu-xcollapsed:hover .x-layout-mini-west,
2237 #typo3-navigationContainer-xsplit:hover .x-layout-mini-west,
2238 #typo3-navigationContainer-xcollapsed:hover .x-layout-mini-west {
2239 display: block;
2240 }
2241
2242 #typo3-module-menu-xcollapsed:hover .x-layout-mini-west {
2243 left: 5px;
2244 }
2245
2246 /* Collapsed tree frame is not invisible, but 5px wide.
2247 If no tree frame is in use, an empty container is shown instead */
2248 #typo3-navigationContainer-xcollapsed,
2249 #typo3-navigationDummy {
2250 background-color: #ebebeb;
2251 -moz-box-shadow: inset -2px 0 1px rgba(0, 0, 0, 0.15),
2252 inset 0 22px #585858;
2253 -ms-box-shadow: inset -2px 0 1px rgba(0, 0, 0, 0.15),
2254 inset 0 22px #585858;
2255 -webkit-box-shadow: inset -2px 0 1px rgba(0, 0, 0, 0.15),
2256 inset 0 22px #585858;
2257 box-shadow: inset -2px 0 1px rgba(0, 0, 0, 0.15),
2258 inset 0 22px #585858;
2259 overflow: visible;
2260 }
2261
2262 /**
2263 * Shadow on the right side of the tree frame,
2264 * fallback for missing box-shadow support.
2265 *
2266 * @see modernizr.js
2267 */
2268 .no-boxshadow #typo3-navigationContainer-xcollapsed,
2269 .no-boxshadow #typo3-navigationDummy {
2270 background-image: url("data:image/png;base64,R0lGODlhAgABAIAAAMjIyLOzsyH5BAAAAAAALAAAAAACAAEAAAICRAoAOw==");
2271 /* star-hack targets IE6+7 */
2272 *background-image: url("../images/backgrounds/module-menu-right.png");
2273 background-position: right;
2274 background-repeat: repeat-y;
2275 }
2276
2277 #typo3-navigationContainer-xcollapsed {
2278 width: 10px !important;
2279 }
2280
2281 #typo3-navigationContainer-xcollapsed:hover .x-layout-mini-west {
2282 left: 10px;
2283 }
2284
2285 /**
2286 * this is our invisible wrapper around the collapse button,
2287 * which enables us to have kind of invisible splitbar
2288 */
2289 .x-layout-mini-wrapper {
2290 height: 100%;
2291 left: -5px;
2292 position: absolute;
2293 width: 10px;
2294 }
2295
2296 .x-splitbar-proxy.x-splitbar-proxy-h {
2297 width: 2px !important;
2298 }
2299
2300 #widget-navigation-tree .x-panel-noborder .x-panel-body-noborder {
2301 background-color: #efeff4;
2302 }
2303
2304 #widget-navigation-tree {
2305 background-color: #00f;
2306 }
2307
2308 #widget-navigation-tree-tree {
2309 background-color: #0f0;
2310 }
2311
2312 /* Relogin progress bar and relogin dialog */
2313 #loginRefreshWindow .x-window-body,
2314 #loginformWindow .x-window-body,
2315 #loginRefreshWindow .x-window-mc,
2316 #loginRefreshWindow .x-panel-bwrap,
2317 #loginformWindow .x-panel-bwrap,
2318 #loginRefreshWindow .x-panel-body,
2319 #loginformWindow .x-panel-body {
2320 background-color: #E4E4E4;
2321 border: none;
2322 }
2323
2324 #loginRefreshWindow .x-panel-body.x-panel-body-noheader.x-panel-body-noborder,
2325 #loginRefreshWindow .x-panel-header.x-unselectable,
2326 #loginformWindow .x-panel-header.x-unselectable,
2327 .t3-window .x-panel-body.x-panel-body-noheader.x-panel-body-noborder {
2328 background-image: none;
2329 background-color: transparent;
2330 color: #000;
2331 border: none;
2332 }
2333
2334 #loginRefreshWindow .x-panel-footer,
2335 #loginformWindow .x-panel-footer {
2336 background-image: none;
2337 background-color: #E4E4E4;
2338 color: #000;
2339 border: none;
2340 }
2341
2342 #loginRefreshWindow button.x-btn-text,
2343 #loginformWindow button.x-btn-text {
2344 color: #000;
2345 }
2346
2347 #loginformWindow .x-window-ml {
2348 background-color: #E4E4E4;
2349 }
2350
2351 .t3-window .x-window-body.x-window-body-noborder {
2352 padding: 10px;
2353 }
2354
2355 .t3-window .x-btn button {
2356 padding-left: 3px;
2357 padding-right: 3px;
2358 }
2359
2360 .icon-collapse-all {
2361 background-image: url("images/tree/collapse-all.gif") !important;
2362 }
2363 .icon-expand-all {
2364 background-image: url("images/tree/expand-all.gif") !important;
2365 }
2366
2367 .x-grid3-col {
2368 color: #606060
2369 }
2370
2371 div.x-grid3-row img.t3-icon-extensions-workspaces {
2372 display: inline-block !important;
2373 width: 1px;
2374 }
2375 div.x-grid3-row:hover img.t3-icon-extensions-workspaces {
2376 width: 17px
2377 }
2378