609a33820a94cd35d85ba2ee01942e9a11294da2
[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 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 ul.x-tab-strip.x-tab-strip-top li.last {
208 margin-right: 0px
209 }
210
211 .x-tab-strip span.x-tab-strip-text {
212 font-style: normal;
213 }
214
215 .x-tab-strip-active span.x-tab-strip-text {
216 color: #333333;
217 }
218
219 .x-tab-strip-disabled .x-tabs-text {
220 color:#aaaaaa;
221 }
222
223 .x-tab-strip span.x-tab-strip-text,
224 .x-tab-strip-top .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
225 padding: 1px 0;
226 }
227
228 .x-tab-strip-over span.x-tab-strip-text,
229 .x-tab-strip-active span.x-tab-strip-text {
230 color: #000000;
231 }
232
233 .x-tab-strip-disabled .x-tabs-text {
234 color: #aaaaaa;
235 }
236
237
238 .x-tab-strip-top .x-tab-right {
239 background: #dadada;
240 border-color: #adadad #adadad #c0c0c0;
241 border-style: solid;
242 border-width: 1px;
243 -moz-border-radius-topleft: 3px;
244 -moz-border-radius-topright: 3px;
245 -webkit-border-top-left-radius: 3px;
246 -webkit-border-top-right-radius: 3px;
247 border-top-left-radius: 3px;
248 border-top-right-radius: 3px;
249 color: #666666;
250 padding: 5px 10px;
251 position: relative;
252 top: 1px;
253 }
254
255 .x-tab-strip-over .x-tab-right {
256 background-color: #ffffff;
257 }
258
259 .x-tab-strip-top .x-tab-strip-active .x-tab-right {
260 background-color: #ffffff;
261 border-bottom: 1px solid #ffffff;
262 }
263
264 .x-tab-strip-bottom .x-tab-right {
265 background-image:url(images/tabs/tab-btm-inactive-right-bg.gif);
266 }
267
268 .x-tab-strip-bottom .x-tab-left {
269 background-image:url(images/tabs/tab-btm-inactive-left-bg.gif);
270 }
271
272 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
273 background-image:url(images/tabs/tab-btm-right-bg.gif);
274 }
275
276 .x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
277 background-image:url(images/tabs/tab-btm-left-bg.gif);
278 }
279
280 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
281 background-image:url(images/tabs/tab-close.gif);
282 }
283 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
284 background-image:url(images/tabs/tab-close.gif);
285 }
286
287 .x-tab-panel-bbar .x-toolbar {
288 border-color: #A2AAB8;
289 }
290
291 .x-tab-panel-tbar .x-toolbar {
292 border-color: #A2AAB8;
293 }
294
295 .x-tab-panel-header, .x-tab-panel-footer {
296 border-bottom: none;
297 }
298
299 .x-tab-panel-header {
300 padding-bottom: 0;
301 }
302
303 .x-tab-panel-footer {
304 padding-top: 0;
305 }
306
307 .x-tab-panel-header-plain .x-tab-strip-spacer,
308 .x-tab-panel-footer-plain .x-tab-strip-spacer {
309 border-color:#A2AAB8;
310 background: #eaeaea;
311 }
312
313 .x-tab-scrolling .x-tab-strip-wrap {
314 margin-left: 21px;
315 margin-right: 21px;
316 }
317
318 .x-tab-scroller-left {
319 background-image: url(images/tabs/scroll-left.gif);
320 border-color:#A2AAB8;
321 }
322 .x-tab-scroller-right {
323 background-image: url(images/tabs/scroll-right.gif);
324 border-color:#A2AAB8;
325 }
326
327 /* Window */
328
329 .x-window-proxy {
330 background:#e0e0e0;
331 border-color:#A2AAB8;
332 }
333
334 .x-window-tl .x-window-header {
335 color:#555;
336 }
337 .x-window-tc {
338 background-image:url(images/window/top-bottom.png);
339 }
340 .x-window-tl {
341 background-image:url(images/window/left-corners.png);
342 }
343 .x-window-tr {
344 background-image:url(images/window/right-corners.png);
345 }
346 .x-window-bc {
347 background-image:url(images/window/top-bottom.png);
348 }
349 .x-window-bl {
350 background-image:url(images/window/left-corners.png);
351 }
352 .x-window-br {
353 background-image:url(images/window/right-corners.png);
354 }
355 .x-window-mc {
356 border:1px solid #A2AAB8;
357 background:#e8e8e8;
358 }
359
360 .x-window-ml {
361 background-image:url(images/window/left-right.png);
362 }
363 .x-window-mr {
364 background-image:url(images/window/left-right.png);
365 }
366 .x-panel-ghost .x-window-tl {
367 border-color:#A2AAB8;
368 }
369 .x-panel-collapsed .x-window-tl {
370 border-color:#A2AAB8;
371 }
372
373 .x-window-plain .x-window-mc {
374 background: #EFEFF4;
375 border-right:1px solid #eee;
376 border-bottom:1px solid #eee;
377 border-top:1px solid #A2AAB8;
378 border-left:1px solid #A2AAB8;
379 }
380
381 .x-window-plain .x-window-body {
382 border-left:1px solid #eee;
383 border-top:1px solid #eee;
384 border-bottom:1px solid #A2AAB8;
385 border-right:1px solid #A2AAB8;
386 background:transparent !important;
387 }
388
389 body.x-body-masked .x-window-mc, body.x-body-masked .x-window-plain .x-window-mc {
390 background-color: #EFEFF4;
391 }
392
393 /*
394 * re-add the button background for all toolbar buttons within windows,
395 * currently used within the mass uploader
396 */
397 .x-window-tbar .x-btn-tl {
398 background-position: 0 0;
399 }
400 .x-window-tbar .x-btn-tr {
401 background-position: -3px 0;
402 }
403 .x-window-tbar .x-btn-tc {
404 background-position: 0 -6px;
405 }
406
407 .x-window-tbar .x-btn-ml {
408 background-position: 0 -24px;
409 }
410 .x-window-tbar .x-btn-mr {
411 background-position: -3px -24px;
412 }
413
414 .x-window-tbar .x-btn-mc {
415 background-position: 0 -1096px;
416 }
417
418 .x-window-tbar .x-btn-bl {
419 background-position: 0 -3px;
420 }
421
422 .x-window-tbar .x-btn-br {
423 background-position: -3px -3px;
424 }
425
426 .x-window-tbar .x-btn-bc {
427 background-position: 0 -15px;
428 }
429
430 .x-window-tbar .x-btn button {
431 color: #333;
432 }
433
434 /* misc */
435 .x-html-editor-wrap {
436 border-color:#A2AAB8;
437 }
438
439 /* Borders go last for specificity */
440 .x-panel-noborder .x-panel-body-noborder {
441 border-width:0;
442 }
443
444 .x-panel-noborder .x-panel-header-noborder {
445 border-width:0;
446 border-bottom:1px solid #A2AAB8;
447 }
448
449 .x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
450 border-width:0;
451 border-top:1px solid #A2AAB8;
452 }
453
454 .x-window-noborder .x-window-mc {
455 border-width:0;
456 }
457 .x-window-plain .x-window-body-noborder {
458 border-width:0;
459 }
460
461 .x-tab-panel-noborder .x-tab-panel-body-noborder {
462 border-width:0;
463 }
464
465 .x-tab-panel-noborder .x-tab-panel-header-noborder {
466 border-top-width:0;
467 border-left-width:0;
468 border-right-width:0;
469 }
470
471 .x-tab-panel-noborder .x-tab-panel-footer-noborder {
472 border-bottom-width:0;
473 border-left-width:0;
474 border-right-width:0;
475 }
476
477
478 .x-tab-panel-bbar-noborder .x-toolbar {
479 border-width:0;
480 border-top:1px solid #A2AAB8;
481 }
482
483 .x-tab-panel-tbar-noborder .x-toolbar {
484 border-width:0;
485 border-bottom:1px solid #A2AAB8;
486 }
487
488
489 /*
490 * "xtheme-typo3be" by Jos´┐Ż Alfonso Dacosta Dominguez (galdaka@hotmail.com)
491 * Donate: https://www.paypal.com/es/cgi-bin/webscr?cmd=_flow&SESSION=dK9etfumWahABPggjpbeXDhdwxUJtKuUo1_iQW8d3fQQaXdS9w51j25Gm7O&dispatch=5885d80a13c0db1f998ca054efbdf2c25fe4a05bcb33bff6399b4b6a7ee9cf98
492 * Custom themes and licence: galdaka@hotmail.com
493 * Site: www.jadacosta.es
494 */
495
496 /* the mask for dialogs */
497 .ext-el-mask {
498 background-color: #000000;
499 -moz-opacity: 0.75;
500 opacity: 0.75;
501 filter:alpha(opacity=75);
502 }
503
504 /* mask while loading */
505 .t3-mask-loading .ext-el-mask {
506 background-color: #f8f8f8;
507 }
508
509 .x-mask-loading-div {
510 padding: 0;
511 }
512
513 .x-mask-loading-message.ext-el-mask-msg {
514 border: none;
515 background: none;
516 }
517
518 .x-mask-loading-message div {
519 background-color: transparent;
520 background-image: url("../images/spinner/big-f0f0f0.gif");
521 border: none;
522 cursor: pointer;
523 height: 32px;
524 padding: 0;
525 width: 32px;
526 }
527
528 .x-item-disabled {
529 color: gray;
530 }
531
532 .x-item-disabled * {
533 color: gray !important;
534 }
535
536 .x-splitbar-proxy {
537 background-color: #aaa;
538 }
539
540 .x-color-palette a {
541 border-color:#fff;
542 }
543
544 .x-color-palette a:hover, .x-color-palette a.x-color-palette-sel {
545 border-color:#b4b4b4;
546 background-color: #EFEFF4;
547 }
548
549 .x-color-palette em {
550 border-color:#A2AAB8;
551 }
552
553 .x-ie-shadow {
554 background-color:#777;
555 }
556
557 .x-shadow .xsmc {
558 background-image: url(images/shadow-c.png);
559 }
560
561 .x-shadow .xsml, .x-shadow .xsmr {
562 background-image: url(images/shadow-lr.png);
563 }
564
565 .x-shadow .xstl, .x-shadow .xstc, .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbc, .x-shadow .xsbr{
566 background-image: url(images/shadow.png);
567 }
568
569 .loading-indicator {
570 font-size: 10px;
571 background-image: url(images/grid/loading.gif);
572 }
573
574 .x-spotlight {
575 background-color: #ccc;
576 }
577
578 .x-tab-panel-header, .x-tab-panel-footer {
579 background-color: #f1f1f1;
580 border-color:#A2AAB8;
581 overflow:hidden;
582 zoom:1;
583 }
584
585 .x-tab-panel-header, .x-tab-panel-footer {
586 border-color:#A2AAB8;
587 }
588
589 /* tabs inside tabs */
590 .x-tab-panel-body .x-tab-panel-header,
591 .x-tab-panel-body .x-tab-panel-footer {
592 background-color: #ffffff;
593
594 }
595 ul.x-tab-strip-top{
596 border-bottom-color: #adadad;
597 }
598
599 ul.x-tab-strip-bottom{
600 border-top-color:#adadad;
601 }
602
603 .x-tab-panel-header-plain .x-tab-strip-spacer,
604 .x-tab-panel-footer-plain .x-tab-strip-spacer {
605 border-color:#A2AAB8;
606 background-color: #EFEFF4;
607 }
608
609 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
610 background-image:url(images/tabs/tab-close.gif);
611 }
612
613 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
614 background-image:url(images/tabs/tab-close.gif);
615 }
616
617 .x-tab-panel-body {
618 border-color:#a2aab8;
619 background-color: #ececec;
620 background-repeat: repeat-x;
621 background-image: url(../images/backgrounds/tab.png);
622 background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #ffffff), color-stop(0.3, #ececec));
623 background-image: -moz-linear-gradient(center top , #ffffff 0, #ececec 100px);
624 background-image: linear-gradient(center top , #ffffff 0, #ececec 100px);
625 }
626
627 .x-tab-panel-body .x-panel-body {
628 background-color: transparent;
629 }
630
631 .x-tab-panel-body-top {
632 border-top: 0 none;
633 }
634
635 .x-tab-panel-body-bottom {
636 border-bottom: 0 none;
637 }
638
639 .x-tab-scroller-left {
640 background-image:url(images/tabs/scroll-left.gif);
641 border-bottom-color:#A2AAB8;
642 }
643
644 .x-tab-scroller-left-over {
645 background-position: 0 0;
646 }
647
648 .x-tab-scroller-left-disabled {
649 background-position: -18px 0;
650 opacity:.5;
651 -moz-opacity:.5;
652 filter:alpha(opacity=50);
653 cursor:default;
654 }
655
656 .x-tab-scroller-right {
657 background-image:url(images/tabs/scroll-right.gif);
658 border-bottom-color:#A2AAB8;
659 }
660
661 .x-tab-panel-bbar .x-toolbar, .x-tab-panel-tbar .x-toolbar {
662 border-color:#A2AAB8;
663 }
664 .x-form-field{
665 font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
666 }
667
668 .x-form-text, textarea.x-form-field{
669 background-color:#fff;
670 background-image: none;
671 border-color:#b5b8c8;
672 }
673
674 .x-form-select-one {
675 background-color:#fff;
676 border-color:#b5b8c8;
677 }
678
679 .x-form-check-group-label {
680 border-bottom: 1px solid #A2AAB8;
681 color: #55545E;
682 }
683
684 .x-editor .x-form-check-wrap {
685 background-color:#fff;
686 }
687
688 .x-form-field-wrap .x-form-trigger{
689 background-image:url(images/form/trigger.gif);
690 border-bottom-color:#b5b8c8;
691 }
692
693 .x-form-field-wrap .x-form-date-trigger{
694 background-image: url(images/form/date-trigger.gif);
695 }
696
697 .x-form-field-wrap .x-form-clear-trigger{
698 background-image: url(images/form/clear-trigger.gif);
699 }
700
701 .x-form-field-wrap .x-form-search-trigger{
702 background-image: url(images/form/search-trigger.gif);
703 }
704
705 .x-trigger-wrap-focus .x-form-trigger{
706 border-bottom-color:#a7a7a7;
707 }
708
709 .x-item-disabled .x-form-trigger-over{
710 border-bottom-color:#b5b8c8;
711 }
712
713 .x-item-disabled .x-form-trigger-click{
714 border-bottom-color:#b5b8c8;
715 }
716
717 .x-form-focus, textarea.x-form-focus{
718 border-color:#a7a7a7;
719 }
720
721 .x-form-invalid, textarea.x-form-invalid{
722 background-color:#fff;
723 background-image:url(images/grid/invalid_line.gif);
724 border-color:#c30;
725 }
726
727 .ext-safari .x-form-invalid{
728 background-color:#fee;
729 border-color:#ff7870;
730 }
731
732 .x-form-inner-invalid, textarea.x-form-inner-invalid{
733 background-color:#fff;
734 background-image:url(images/grid/invalid_line.gif);
735 }
736
737 .x-form-grow-sizer {
738 font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
739 }
740
741 .x-form-item {
742 font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
743 }
744
745 .x-form-invalid-msg {
746 color:#c0272b;
747 font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
748 background-image:url(images/shared/warning.gif);
749 }
750
751 .x-form-empty-field {
752 color:gray;
753 }
754
755 .x-small-editor .x-form-field {
756 font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
757 }
758
759 .ext-safari .x-small-editor .x-form-field {
760 font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
761 }
762
763 .x-form-invalid-icon {
764 background-image:url(images/form/exclamation.gif);
765 }
766
767 .x-fieldset {
768 border-color:#b5b8c8;
769 }
770
771 .x-fieldset legend {
772 font:bold 10px verdana, arial, tahoma, helvetica, sans-serif;
773 color:#55545E;
774 }
775
776 .x-btn button {
777 font-size: 11px;
778 }
779
780 .x-btn em {
781 font-style:normal;
782 font-weight:normal;
783 }
784
785 .x-btn-text {
786 color:#eee !important;
787 }
788
789 .x-btn {
790 background-color: #d5d5d5;
791 background-image: url('../images/backgrounds/button.png');
792 background-repeat: repeat-x;
793 background-image: -moz-linear-gradient(center top, #707171 10%, #474747 90%);
794 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.1, #707171), color-stop(0.9, #474747));
795 background-image: linear-gradient(center top, #707171 10%, #474747 90%);
796 border: 0px solid #7c7c7c;
797 -moz-border-radius: 2px 2px 0 0;
798 -webkit-border-radius: 2px 2px 0 0;
799 border-radius: 2px;
800 color: #dddddd;
801 height: 32px !important;
802 }
803
804 .x-btn-icon {
805 border-color: transparent;
806 background: transparent;
807 }
808
809 .x-btn-pressed,
810 .x-btn-over,
811 .x-btn-icon.x-btn-over {
812 background-color: #bdbcbc;
813 background-image: url('../images/backgrounds/button-hover.png');
814 background-image: -moz-linear-gradient(center top, #9c9c9c 10%, #6a6a6a 90%);
815 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.1, #9c9c9c), color-stop(0.9, #6a6a6a));
816 background-image: linear-gradient(center top, #9c9c9c 10%, #6a6a6a 90%);
817 border-color: #737f91;
818 color: #1e1e1e;
819 }
820
821 .x-btn-click {
822 position: relative;
823 top: 1px;
824 left: 1px;
825 }
826
827 .x-btn-disabled *{
828 color:gray !important;
829 }
830
831 .x-btn-mc em.x-btn-arrow {
832 background-image:url(images/button/arrow.gif);
833 }
834
835 .x-btn-mc em.x-btn-split {
836 background-image:url(images/button/s-arrow.gif);
837 }
838
839 .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 {
840 background-image:url(images/button/s-arrow-o.gif);
841 }
842
843 .x-btn-mc em.x-btn-arrow-bottom {
844 background-image:url(images/button/s-arrow-b-noline.gif);
845 }
846
847 .x-btn-mc em.x-btn-split-bottom {
848 background-image:url(images/button/s-arrow-b.gif);
849 }
850
851 .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 {
852 background-image:url(images/button/s-arrow-bo.gif);
853 }
854
855 .x-btn-group-header {
856 color: #686868;
857 }
858
859 .x-btn-group-tc {
860 background-image: url(images/button/group-tb.gif);
861 }
862
863 .x-btn-group-tl {
864 background-image: url(images/button/group-cs.gif);
865 }
866
867 .x-btn-group-tr {
868 background-image: url(images/button/group-cs.gif);
869 }
870
871 .x-btn-group-bc {
872 background-image: url(images/button/group-tb.gif);
873 }
874
875 .x-btn-group-bl {
876 background-image: url(images/button/group-cs.gif);
877 }
878
879 .x-btn-group-br {
880 background-image: url(images/button/group-cs.gif);
881 }
882
883 .x-btn-group-ml {
884 background-image: url(images/button/group-lr.gif);
885 }
886 .x-btn-group-mr {
887 background-image: url(images/button/group-lr.gif);
888 }
889
890 .x-btn-group-notitle .x-btn-group-tc {
891 background-image: url(images/button/group-tb.gif);
892 }
893
894 .x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{
895 font:normal 10px verdana, arial,tahoma, helvetica, sans-serif;
896 }
897
898 .x-toolbar .x-item-disabled {
899 color:gray;
900 }
901
902 .x-toolbar .x-item-disabled * {
903 color:gray;
904 }
905
906 .x-toolbar .x-btn-mc em.x-btn-split {
907 background-image:url(images/button/s-arrow-noline.gif);
908 }
909
910 .x-toolbar .x-btn-over .x-btn-mc em.x-btn-split, .x-toolbar .x-btn-click .x-btn-mc em.x-btn-split,
911 .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
912 {
913 background-image:url(images/button/s-arrow-o.gif);
914 }
915
916 .x-toolbar .x-btn-mc em.x-btn-split-bottom {
917 background-image:url(images/button/s-arrow-b-noline.gif);
918 }
919
920 .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,
921 .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
922 {
923 background-image:url(images/button/s-arrow-bo.gif);
924 }
925
926 .x-toolbar .xtb-sep {
927 background-image: url(images/grid/grid-blue-split.gif);
928 }
929
930 .x-tbar-page-first{
931 background-image: url(images/grid/page-first.gif) !important;
932 }
933
934 .x-tbar-loading{
935 background-image: url(images/grid/refresh.gif) !important;
936 }
937
938 .x-tbar-page-last{
939 background-image: url(images/grid/page-last.gif) !important;
940 }
941
942 .x-tbar-page-next{
943 background-image: url(images/grid/page-next.gif) !important;
944 }
945
946 .x-tbar-page-prev{
947 background-image: url(images/grid/page-prev.gif) !important;
948 }
949
950 .x-item-disabled .x-tbar-loading{
951 background-image: url(images/grid/loading.gif) !important;
952 }
953
954 .x-item-disabled .x-tbar-page-first{
955 background-image: url(images/grid/page-first-disabled.gif) !important;
956 }
957
958 .x-item-disabled .x-tbar-page-last{
959 background-image: url(images/grid/page-last-disabled.gif) !important;
960 }
961
962 .x-item-disabled .x-tbar-page-next{
963 background-image: url(images/grid/page-next-disabled.gif) !important;
964 }
965
966 .x-item-disabled .x-tbar-page-prev{
967 background-image: url(images/grid/page-prev-disabled.gif) !important;
968 }
969
970 .x-paging-info {
971 color:#444;
972 }
973
974 .x-toolbar-more-icon {
975 background-image: url(images/toolbar/more.gif) !important;
976 }
977
978 .x-statusbar .x-status-busy {
979 background-image: url(images/grid/loading.gif);
980 }
981
982 .x-statusbar .x-status-text-panel {
983 border-color: #A2AAB8 #fff #fff #A2AAB8;
984 }
985 .x-resizable-handle {
986 background-color:#fff;
987 }
988
989 .x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-east,
990 .x-resizable-over .x-resizable-handle-west, .x-resizable-pinned .x-resizable-handle-west
991 {
992 background-image:url(images/sizer/e-handle.gif);
993 }
994
995 .x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south,
996 .x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north
997 {
998 background-image:url(images/sizer/s-handle.gif);
999 }
1000
1001 .x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north{
1002 background-image:url(images/sizer/s-handle.gif);
1003 }
1004 .x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast{
1005 background-image:url(images/sizer/se-handle.gif);
1006 }
1007 .x-resizable-over .x-resizable-handle-northwest, .x-resizable-pinned .x-resizable-handle-northwest{
1008 background-image:url(images/sizer/nw-handle.gif);
1009 }
1010 .x-resizable-over .x-resizable-handle-northeast, .x-resizable-pinned .x-resizable-handle-northeast{
1011 background-image:url(images/sizer/ne-handle.gif);
1012 }
1013 .x-resizable-over .x-resizable-handle-southwest, .x-resizable-pinned .x-resizable-handle-southwest{
1014 background-image:url(images/sizer/sw-handle.gif);
1015 }
1016 .x-resizable-proxy{
1017 border-color:#575757;
1018 }
1019 .x-resizable-overlay{
1020 background-color:#fff;
1021 }
1022
1023 .x-grid3 {
1024 background-color:#fff;
1025 font-size: 11px;
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: none;
1040 background-color: #f7f7f7;
1041 }
1042
1043 .x-grid3-row-alt{
1044 background-color: transparent;
1045 }
1046
1047 .x-grid3-row-over {
1048 background-color: #dedede;
1049 border: none;
1050 }
1051
1052 .x-grid3-row-expanded {
1053 background-color: #dedede;
1054 }
1055
1056 .x-grid3-resize-proxy {
1057 background-color:#777;
1058 }
1059
1060 .x-grid3-resize-marker {
1061 background-color:#777;
1062 }
1063
1064 .x-grid3-header{
1065 background-color: #5b5b5b;
1066 background-image: -moz-linear-gradient(center top, #7f7f7f 10%, #5b5b5b 100%);
1067 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.1, #7f7f7f), color-stop(1, #5b5b5b));
1068 background-image: linear-gradient(center top, #7f7f7f 10%, #5b5b5b 100%);
1069 color: #ffffff;
1070 font-weight: bold;
1071 }
1072
1073 .x-grid3-header-pop {
1074 border-left-color:#A2AAB8;
1075 }
1076
1077 .x-grid3-header-pop-inner {
1078 border-left-color:#EFEFF4;
1079 background-image:url(images/grid/hd-pop.gif);
1080 }
1081
1082 td.sort-desc, td.sort-asc {
1083 border-left-color: transparent;
1084 border-right-color: transparent;
1085 }
1086
1087
1088 td.x-grid3-hd-over, td.x-grid3-hd-menu-open {
1089 border-left-color: #5b5b5b;
1090 border-right-color: transparent;
1091 background-image: -moz-linear-gradient(center bottom, #7f7f7f 10%, #5b5b5b 100%);
1092 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.1, #5b5b5b), color-stop(0.1, #7f7f7f));
1093 background-image: linear-gradient(center bottom, #7f7f7f 10%, #5b5b5b 100%);
1094 }
1095
1096 .sort-asc .x-grid3-sort-icon {
1097 background-image: url(images/grid/sort_asc.gif);
1098 }
1099
1100 .sort-desc .x-grid3-sort-icon {
1101 background-image: url(images/grid/sort_desc.gif);
1102 }
1103
1104 .x-grid3-cell-text, .x-grid3-hd-text {
1105 color:#000;
1106 }
1107
1108 .x-grid3-split {
1109 background-image: url(images/grid/grid-split.gif);
1110 }
1111
1112 .x-grid3-hd-text {
1113 color:#55545E;
1114 }
1115
1116 .x-dd-drag-proxy .x-grid3-hd-inner{
1117 background-color:#f2f2f2;
1118 background-image:url(images/grid/grid3-hrow-over.gif);
1119 border-color:#c8c8c8;
1120 }
1121
1122 .col-move-top{
1123 background-image:url(images/grid/col-move-top.gif);
1124 }
1125
1126 .col-move-bottom{
1127 background-image:url(images/grid/col-move-bottom.gif);
1128 }
1129
1130 .x-grid3-cell-selected{
1131 background-color: #dedede !important;
1132 color: #606060;
1133 }
1134
1135 .x-grid3-cell-selected span{
1136 color:#606060 !important;
1137 }
1138
1139 .x-grid3-cell-selected .x-grid3-cell-text{
1140 color: #606060;
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: none;
1232 }
1233
1234 .x-grid-group-hd div.x-grid-group-title {
1235 background-image:url("images/grid/row-expand-sprite.png");
1236 background-position: 4px -38px;
1237 color:#606060;
1238 font:bold 11px verdana, arial, tahoma, helvetica, sans-serif;
1239 padding: 5px 4px 4px 27px;
1240 }
1241
1242 .x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title {
1243 background-image: url("images/grid/row-expand-sprite.png");
1244 background-position: 4px -18px;
1245 }
1246
1247 .x-group-by-icon {
1248 background-image:url(images/grid/group-by.gif);
1249 }
1250
1251 .x-cols-icon {
1252 background-image:url(images/grid/columns.gif);
1253 }
1254
1255 .x-show-groups-icon {
1256 background-image:url(images/grid/group-by.gif);
1257 }
1258
1259 .x-grid-empty {
1260 color:gray;
1261 font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
1262 }
1263
1264 .x-grid-with-col-lines .x-grid3-row td.x-grid3-cell {
1265 border-right-color:#ededed;
1266 }
1267
1268 .x-grid-with-col-lines .x-grid3-row{
1269 border-top-color:#ededed;
1270 }
1271
1272 .x-grid-with-col-lines .x-grid3-row-selected {
1273 border-top-color:#b9b9b9;
1274 }
1275 .x-dd-drag-ghost{
1276 color:#000;
1277 font: normal 10px verdana, arial, helvetica, sans-serif;
1278 border-color: #ddd #bbb #bbb #ddd;
1279 background-color:#fff;
1280 }
1281
1282 .x-dd-drop-nodrop .x-dd-drop-icon{
1283 background-image: url(images/dd/drop-no.gif);
1284 }
1285
1286 .x-dd-drop-ok .x-dd-drop-icon{
1287 background-image: url(images/dd/drop-yes.gif);
1288 }
1289
1290 .x-dd-drop-ok-add .x-dd-drop-icon{
1291 background-image: url(images/dd/drop-add.gif);
1292 }
1293
1294 .x-view-selector {
1295 background-color:#d8d8d8;
1296 border-color:#8d8d8d;
1297 }
1298 .x-tree .x-panel-body{
1299 background-color:#fff;
1300 }
1301
1302 .x-tree-node-expanded .x-tree-node-icon{
1303 background-image:url(images/tree/folder-open.gif);
1304 }
1305
1306 .x-tree-node-leaf .x-tree-node-icon{
1307 background-image:url(images/tree/leaf.gif);
1308 }
1309
1310 .x-tree-node-collapsed .x-tree-node-icon{
1311 background-image:url(images/tree/folder.gif);
1312 }
1313
1314 .x-tree-node-loading .x-tree-node-icon{
1315 background-image:url(images/tree/loading.gif) !important;
1316 }
1317
1318 .x-tree-node .x-tree-node-inline-icon {
1319 background-image: none;
1320 }
1321
1322 .x-tree-node-loading a span{
1323 font-style: italic;
1324 color:#444444;
1325 }
1326
1327 .ext-ie .x-tree-node-el input {
1328 width:15px;
1329 height:15px;
1330 }
1331
1332 .x-tree-lines .x-tree-elbow{
1333 background-image:url(images/tree/elbow.gif);
1334 }
1335
1336 .x-tree-lines .x-tree-elbow-plus{
1337 background-image:url(images/tree/elbow-plus.gif);
1338 }
1339
1340 .x-tree-lines .x-tree-elbow-minus{
1341 background-image:url(images/tree/elbow-minus.gif);
1342 }
1343
1344 .x-tree-lines .x-tree-elbow-end{
1345 background-image:url(images/tree/elbow-end.gif);
1346 }
1347
1348 .x-tree-lines .x-tree-elbow-end-plus{
1349 background-image:url(images/tree/elbow-end-plus.gif);
1350 }
1351
1352 .x-tree-lines .x-tree-elbow-end-minus{
1353 background-image:url(images/tree/elbow-end-minus.gif);
1354 }
1355
1356 .x-tree-lines .x-tree-elbow-line{
1357 background-image:url(images/tree/elbow-line.gif);
1358 }
1359
1360 .x-tree-no-lines .x-tree-elbow-plus{
1361 background-image:url(images/tree/elbow-plus-nl.gif);
1362 }
1363
1364 .x-tree-no-lines .x-tree-elbow-minus{
1365 background-image:url(images/tree/elbow-minus-nl.gif);
1366 }
1367
1368 .x-tree-no-lines .x-tree-elbow-end-plus{
1369 background-image:url(images/tree/elbow-end-plus-nl.gif);
1370 }
1371
1372 .x-tree-no-lines .x-tree-elbow-end-minus{
1373 background-image:url(images/tree/elbow-end-minus-nl.gif);
1374 }
1375
1376 .x-tree-arrows .x-tree-elbow-plus{
1377 background-image:url(images/tree/arrows.gif);
1378 }
1379
1380 .x-tree-arrows .x-tree-elbow-minus{
1381 background-image:url(images/tree/arrows.gif);
1382 }
1383
1384 .x-tree-arrows .x-tree-elbow-end-plus{
1385 background-image:url(images/tree/arrows.gif);
1386 }
1387
1388 .x-tree-arrows .x-tree-elbow-end-minus{
1389 background-image:url(images/tree/arrows.gif);
1390 }
1391
1392 .x-tree-node{
1393 color:#000;
1394 font: normal 10px verdana, arial, tahoma, helvetica, sans-serif;
1395 }
1396
1397 .x-tree-node a, .x-dd-drag-ghost a{
1398 color:#000;
1399 }
1400
1401 .x-tree-node a span, .x-dd-drag-ghost a span{
1402 color:#000;
1403 }
1404
1405 .x-tree-node .x-tree-node-disabled a span{
1406 color:gray !important;
1407 }
1408
1409 .x-tree-node div.x-tree-drag-insert-below{
1410 border-bottom-color:#686868;
1411 }
1412
1413 .x-tree-node div.x-tree-drag-insert-above{
1414 border-top-color:#686868;
1415 }
1416
1417 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{
1418 border-bottom-color:#686868;
1419 }
1420
1421 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{
1422 border-top-color:#686868;
1423 }
1424
1425 .x-tree-node .x-tree-drag-append a span{
1426 background-color:#ddd;
1427 border-color:gray;
1428 }
1429
1430 .x-tree-node .x-tree-node-over {
1431 background-color: #EFEFF4;
1432 }
1433
1434 .x-tree-node .x-tree-selected {
1435 background-color: #e6e6e6;
1436 }
1437
1438 .x-tree-drop-ok-append .x-dd-drop-icon{
1439 background-image: url(images/tree/drop-add.gif);
1440 }
1441
1442 .x-tree-drop-ok-above .x-dd-drop-icon{
1443 background-image: url(images/tree/drop-over.gif);
1444 }
1445
1446 .x-tree-drop-ok-below .x-dd-drop-icon{
1447 background-image: url(images/tree/drop-under.gif);
1448 }
1449
1450 .x-tree-drop-ok-between .x-dd-drop-icon{
1451 background-image: url(images/tree/drop-between.gif);
1452 }
1453 .x-date-picker {
1454 border-color: #373737;
1455 background-color:#fff;
1456 }
1457
1458 .x-date-middle,.x-date-left,.x-date-right {
1459 background-image: url(images/shared/hd-sprite.gif);
1460 color:#fff;
1461 font:bold 10px verdana, arial, "sans serif", tahoma, verdana, helvetica;
1462 }
1463
1464 .x-date-left,.x-date-right {
1465 padding-top:5px;
1466 }
1467
1468 .x-date-middle .x-btn .x-btn-text {
1469 color:#fff;
1470 }
1471
1472 .x-date-middle .x-btn-mc em.x-btn-arrow {
1473 background-image:url(images/toolbar/btn-arrow-light.gif);
1474 }
1475
1476 .x-date-right a {
1477 background-image: url(images/shared/right-btn.gif);
1478 }
1479
1480 .x-date-left a{
1481 background-image: url(images/shared/left-btn.gif);
1482 }
1483
1484 .x-date-inner th {
1485 background-color:#EFEFF4;
1486 background-image:url(images/shared/glass-bg.gif);
1487 border-bottom-color:#A2AAB8;
1488 font:normal 10px verdana, arial, helvetica,tahoma,sans-serif;
1489 color:#3d3d3d;
1490 }
1491
1492 .x-date-inner td {
1493 border-color:#fff;
1494 }
1495
1496 .x-date-inner a {
1497 font:normal 10px verdana, arial, helvetica,tahoma,sans-serif;
1498 color:#000;
1499 }
1500
1501 .x-date-inner .x-date-active{
1502 color:#000;
1503 }
1504
1505 .x-date-inner .x-date-selected a{
1506 background-color:#EFEFF4;
1507 background-image:url(images/shared/glass-bg.gif);
1508 border-color:#afafaf;
1509 }
1510
1511 .x-date-inner .x-date-today a{
1512 border-color:darkred;
1513 }
1514
1515 .x-date-inner .x-date-selected span{
1516 font-weight:bold;
1517 }
1518
1519 .x-date-inner .x-date-prevday a,.x-date-inner .x-date-nextday a {
1520 color:#aaa;
1521 }
1522
1523 .x-date-bottom {
1524 border-top-color:#A2AAB8;
1525 background-color:#EFEFF4;
1526 background-image:url(images/shared/glass-bg.gif);
1527 }
1528
1529 .x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover{
1530 color:#000;
1531 background-color:#eaeaea;
1532 }
1533
1534 .x-date-inner .x-date-disabled a {
1535 background-color:#EFEFF4;
1536 color:#bbb;
1537 }
1538
1539 .x-date-mmenu{
1540 background-color:#eee !important;
1541 }
1542
1543 .x-date-mmenu .x-menu-item {
1544 font-size:10px;
1545 color:#000;
1546 }
1547
1548 .x-date-mp {
1549 background-color:#fff;
1550 }
1551
1552 .x-date-mp td {
1553 font:normal 10px verdana, arial, helvetica,tahoma,sans-serif;
1554 }
1555
1556 .x-date-mp-btns button {
1557 background-color:#A2AAB8;
1558 color:#fff;
1559 border-color: #686868 #101010 #101010 #686868;
1560 font:normal 10px verdana, arial, helvetica,tahoma,sans-serif;
1561 }
1562
1563 .x-date-mp-btns {
1564 background-color: #EFEFF4;
1565 background-image: url(images/shared/glass-bg.gif);
1566 }
1567
1568 .x-date-mp-btns td {
1569 border-top-color: #A2AAB8;
1570 }
1571
1572 td.x-date-mp-month a,td.x-date-mp-year a {
1573 color:#55545E;
1574 }
1575
1576 td.x-date-mp-month a:hover,td.x-date-mp-year a:hover {
1577 color:#55545E;
1578 background-color: #eaeaea;
1579 }
1580
1581 td.x-date-mp-sel a {
1582 background-color: #EFEFF4;
1583 background-image: url(images/shared/glass-bg.gif);
1584 border-color:#afafaf;
1585 }
1586
1587 .x-date-mp-ybtn a {
1588 background-image:url(images/panel/tool-sprites.gif);
1589 }
1590
1591 td.x-date-mp-sep {
1592 border-right-color:#A2AAB8;
1593 }
1594 .x-tip .x-tip-close{
1595 background-image: url(images/qtip/close.gif);
1596 }
1597
1598 .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 {
1599 background-image: url(images/qtip/tip-sprite.gif);
1600 }
1601
1602 .x-tip .x-tip-mc {
1603 font: normal 10px verdana, arial,tahoma,helvetica,sans-serif;
1604 }
1605 .x-tip .x-tip-ml {
1606 background-color: #fff;
1607 }
1608
1609 .x-tip .x-tip-header-text {
1610 font: bold 10px verdana, arial, tahoma, helvetica,sans-serif;
1611 color:#444;
1612 }
1613
1614 .x-tip .x-tip-body {
1615 font: normal 10px verdana, arial, tahoma, helvetica,sans-serif;
1616 color:#444;
1617 }
1618
1619 .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,
1620 .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
1621 {
1622 background-image: url(images/form/error-tip-corners.gif);
1623 }
1624
1625 .x-form-invalid-tip .x-tip-body {
1626 background-image:url(images/form/exclamation.gif);
1627 }
1628
1629 .x-tip-anchor {
1630 background-image:url(images/qtip/tip-anchor-sprite.gif);
1631 }
1632 .x-menu {
1633 border-color:#898989;
1634 background-color:#f0f0f0;
1635 background-image:url(images/menu/menu.gif);
1636 }
1637
1638 .x-menu-nosep {
1639 background-image:none;
1640 }
1641
1642 .x-menu-list-item{
1643 font:normal 10px verdana, arial,tahoma, sans-serif;
1644 }
1645
1646 .x-menu-item-arrow{
1647 background-image:url(images/menu/menu-parent.gif);
1648 }
1649
1650 .x-menu-sep {
1651 background-color:#e0e0e0;
1652 border-bottom-color:#fff;
1653 }
1654
1655 a.x-menu-item {
1656 color:#222;
1657 }
1658
1659 .x-menu-item-active {
1660 background-color: #e9e9e9;
1661 border-color:#c8c8c8;
1662 }
1663
1664 .x-menu-item-active a.x-menu-item {
1665 border-color:#c8c8c8;
1666 }
1667
1668 .x-menu-check-item .x-menu-item-icon{
1669 background-image:url(images/menu/unchecked.gif);
1670 }
1671
1672 .x-menu-item-checked .x-menu-item-icon{
1673 background-image:url(images/menu/checked.gif);
1674 }
1675
1676 .x-menu-item-checked .x-menu-group-item .x-menu-item-icon{
1677 background-image:url(images/menu/group-checked.gif);
1678 }
1679
1680 .x-menu-group-item .x-menu-item-icon{
1681 background-image:none;
1682 }
1683
1684 .x-menu-plain {
1685 background-color:#fff !important;
1686 }
1687
1688 .x-menu .x-date-picker{
1689 border-color:#A2AAB8;
1690 }
1691
1692 .x-cycle-menu .x-menu-item-checked {
1693 border-color:#b9b9b9 !important;
1694 background-color:#e9e9e9;
1695 }
1696
1697 .x-menu-scroller-top {
1698 background-image:url(images/layout/mini-top.gif);
1699 }
1700
1701 .x-menu-scroller-bottom {
1702 background-image:url(images/layout/mini-bottom.gif);
1703 }
1704
1705 .x-box-tl {
1706 background-image: url(images/box/corners.gif);
1707 }
1708
1709 .x-box-tc {
1710 background-image: url(images/box/tb.gif);
1711 }
1712
1713 .x-box-tr {
1714 background-image: url(images/box/corners.gif);
1715 }
1716
1717 .x-box-ml {
1718 background-image: url(images/box/l.gif);
1719 }
1720
1721 .x-box-mc {
1722 background-color: #EFEFF4;
1723 background-image: url(images/box/tb.gif);
1724 font-family: verdana, "Arial", "Myriad Pro","Myriad Web","Tahoma","Helvetica",sans-serif;
1725 color: #393939;
1726 font-size: 10px;
1727 font-weight: bold;
1728 }
1729
1730 .x-box-mc h3 {
1731 font-size: 14px;
1732 font-weight: bold;
1733 }
1734
1735 .x-box-mr {
1736 background-image: url(images/box/r.gif);
1737 }
1738
1739 .x-box-bl {
1740 background-image: url(images/box/corners.gif);
1741 }
1742
1743 .x-box-bc {
1744 background-image: url(images/box/tb.gif);
1745 }
1746
1747 .x-box-br {
1748 background-image: url(images/box/corners.gif);
1749 }
1750
1751 .x-box-blue .x-box-bl, .x-box-blue .x-box-br, .x-box-blue .x-box-tl, .x-box-blue .x-box-tr {
1752 background-image: url(images/box/corners-gray.gif);
1753 }
1754
1755 .x-box-blue .x-box-bc, .x-box-blue .x-box-mc, .x-box-blue .x-box-tc {
1756 background-image: url(images/box/tb-gray.gif);
1757 }
1758
1759 .x-box-blue .x-box-mc {
1760 background-color: #d8d8d8;
1761 }
1762
1763 .x-box-blue .x-box-mc h3 {
1764 color: #363636;
1765 }
1766
1767 .x-box-blue .x-box-ml {
1768 background-image: url(images/box/l-gray.gif);
1769 }
1770
1771 .x-box-blue .x-box-mr {
1772 background-image: url(images/box/r-gray.gif);
1773 }
1774 #x-debug-browser .x-tree .x-tree-node a span {
1775 color:#333333;
1776 font-size:10px;
1777 font-family:"monotype","courier new",sans-serif;
1778 }
1779
1780 #x-debug-browser .x-tree a i {
1781 color:#ff4545;
1782 font-style:normal;
1783 }
1784
1785 #x-debug-browser .x-tree a em {
1786 color:#999;
1787 }
1788
1789 #x-debug-browser .x-tree .x-tree-node .x-tree-selected a span{
1790 background-color:#d8d8d8;
1791 }
1792 .x-combo-list {
1793 border-color:#bcbcbc;
1794 background-color:#eaeaea;
1795 font:normal 12px verdana, arial, tahoma, helvetica, sans-serif;
1796 }
1797
1798 .x-combo-list-inner {
1799 background-color:#fff;
1800 }
1801
1802 .x-combo-list-hd {
1803 font:bold 10px verdana, arial, tahoma, helvetica, sans-serif;
1804 color:#55545E;
1805 background-image: url(images/layout/panel-title-light-bg.gif);
1806 border-bottom-color:#bcbcbc;
1807 }
1808
1809 .x-resizable-pinned .x-combo-list-inner {
1810 border-bottom-color:#bcbcbc;
1811 }
1812
1813 .x-combo-list-item {
1814 border-color:#fff;
1815 }
1816
1817 .x-combo-list .x-combo-selected{
1818 border-color:#b9b9b9 !important;
1819 background-color:#e7e7e7;
1820 }
1821
1822 .x-combo-list .x-toolbar {
1823 border-top-color:#bcbcbc;
1824 }
1825
1826 .x-combo-list-small {
1827 font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
1828 }
1829 .x-panel {
1830 border-color: #A2AAB8;
1831 }
1832
1833 .x-panel-header {
1834 color: #fff;
1835 font-weight:bold;
1836 font-size: 10px;
1837 font-family: verdana, arial,tahoma,verdana,sans-serif;
1838 border-color:#A2AAB8;
1839 background-image: url(images/panel/white-top-bottom.gif);
1840 }
1841
1842 .x-panel-body {
1843 border-color: #A2AAB8;
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 }
2316
2317 .x-grid3-col {
2318 color: #606060
2319 }
2320
2321 div.x-grid3-row img.t3-icon-extensions-workspaces {
2322 display: inline-block !important;
2323 width: 1px;
2324 }
2325 div.x-grid3-row:hover img.t3-icon-extensions-workspaces {
2326 width: 17px
2327 }
2328