68a94790841b4cff3d6c3fa4af1f27fd663d4014
[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 /* preliminary code for the tabmenu */
17 .x-tab-panel-body .x-panel-body {
18 padding: 10px;
19 background-color: #EFEFF4;
20 }
21 .x-tab-strip-spacer { display: none; }
22 .x-tab-strip { padding-left: 10px; }
23
24
25
26 .x-panel {
27 border-style: solid;
28 border-color: #A2AAB8;
29 }
30 .x-panel-header {
31 color:#333;
32 border:1px solid #A2AAB8;
33 background-image:url(images/panel/white-top-bottom.gif);
34 }
35
36 .x-panel-body {
37 border-color:#A2AAB8;
38 }
39
40 .x-panel-bbar .x-toolbar {
41 border-color:#A2AAB8;
42 }
43
44 .x-panel-tbar .x-toolbar {
45 border-color:#A2AAB8;
46 }
47
48 .x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
49 border-color:#A2AAB8;
50 }
51 .x-panel-body-noheader, .x-panel-mc .x-panel-body {
52 border-color:#A2AAB8;
53 }
54 .x-panel-tl .x-panel-header {
55 color:#333;
56 }
57 .x-panel-tc {
58 background-image:url(images/panel/top-bottom.gif);
59 }
60 .x-panel-tl {
61 background-image:url(images/panel/corners-sprite.gif);
62 border-color:#A2AAB8;
63 }
64 .x-panel-tr {
65 background-image:url(images/panel/corners-sprite.gif);
66 }
67 .x-panel-bc {
68 background-image:url(images/panel/top-bottom.gif);
69 }
70 .x-panel-bl {
71 background-image:url(images/panel/corners-sprite.gif);
72 }
73 .x-panel-br {
74 background-image:url(images/panel/corners-sprite.gif);
75 }
76 .x-panel-mc {
77 background:#EFEFF4;
78 }
79 .x-panel-mc .x-panel-body {
80 background:transparent;
81 border: 0 none;
82 }
83 .x-panel-ml {
84 background-image:url(images/panel/left-right.gif);
85 }
86 .x-panel-mr {
87 background-image:url(images/panel/left-right.gif);
88 }
89
90 /* Tools */
91 .x-tool {
92 background-image:url(images/panel/tool-sprites.gif);
93 }
94
95 /* Ghosting */
96 .x-panel-ghost {
97 background:#EFEFF4;
98 }
99
100 .x-panel-ghost ul {
101 border-color:#A2AAB8;
102 }
103
104 .x-grid-panel .x-panel-mc .x-panel-body {
105 border:1px solid #A2AAB8;
106 }
107
108 /* Buttons */
109 .x-btn-left{
110 background-image:url(images/button/btn-sprite.gif);
111 }
112 .x-btn-right{
113 background-image:url(images/button/btn-sprite.gif);
114 }
115 .x-btn-center{
116 background-image:url(images/button/btn-sprite.gif);
117 }
118
119 /* Layout classes */
120 .x-border-layout-ct {
121 background:#EFEFF4;
122 }
123
124 .x-accordion-hd {
125 background-image:url(images/panel/light-hd.gif);
126 }
127
128 .x-layout-collapsed{
129 background-color:#EFEFF4;
130 border-color:#A2AAB8;
131 }
132 .x-layout-collapsed-over{
133 background-color:#EFEFF4;
134 }
135
136 /* qtips */
137 .x-tip .x-tip-top {
138 background-image:url(images/qtip/tip-sprite.gif);
139 }
140 .x-tip .x-tip-top-left {
141 background-image:url(images/qtip/tip-sprite.gif);
142 }
143 .x-tip .x-tip-top-right {
144 background-image:url(images/qtip/tip-sprite.gif);
145 }
146 .x-tip .x-tip-ft {
147 background-image:url(images/qtip/tip-sprite.gif);
148 }
149 .x-tip .x-tip-ft-left {
150 background-image:url(images/qtip/tip-sprite.gif);
151 }
152 .x-tip .x-tip-ft-right {
153 background-image:url(images/qtip/tip-sprite.gif);
154 }
155 .x-tip .x-tip-bd-left {
156 background-image:url(images/qtip/tip-sprite.gif);
157 }
158 .x-tip .x-tip-bd-right {
159 background-image:url(images/qtip/tip-sprite.gif);
160 }
161
162 /* Toolbars */
163
164 .x-toolbar{
165 border-color:#A2AAB8;
166 background:#EFEFF4 url(images/toolbar/bg.gif) repeat-x top left;
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 .x-toolbar .x-btn-over .x-btn-left{
178 background-image:url(images/toolbar/tb-btn-sprite.gif);
179 }
180 .x-toolbar .x-btn-over .x-btn-right{
181 background-image:url(images/toolbar/tb-btn-sprite.gif);
182 }
183 .x-toolbar .x-btn-over .x-btn-center{
184 background-image:url(images/toolbar/tb-btn-sprite.gif);
185 }
186 .x-toolbar .x-btn-over button {
187 color: #333;
188 }
189 .x-toolbar .x-btn-click .x-btn-left, .x-toolbar .x-btn-pressed .x-btn-left, .x-toolbar .x-btn-menu-active .x-btn-left{
190 background-image:url(images/toolbar/tb-btn-sprite.gif);
191 }
192 .x-toolbar .x-btn-click .x-btn-right, .x-toolbar .x-btn-pressed .x-btn-right, .x-toolbar .x-btn-menu-active .x-btn-right{
193 background-image:url(images/toolbar/tb-btn-sprite.gif);
194 }
195
196 .x-toolbar .x-btn-click .x-btn-center, .x-toolbar .x-btn-pressed .x-btn-center, .x-toolbar .x-btn-menu-active .x-btn-center{
197 background-image:url(images/toolbar/tb-btn-sprite.gif);
198 }
199 .x-toolbar .ytb-sep {
200 background-image: url(images/default/grid/grid-split.gif);
201 }
202
203 /* Tabs */
204
205 .x-tab-panel-header, .x-tab-panel-footer {
206 background: #EFEFF4;
207 border-color:#A2AAB8;
208 }
209
210
211 .x-tab-panel-header {
212 border-color:#A2AAB8;
213 }
214
215 .x-tab-panel-footer {
216 border-color:#A2AAB8;
217 }
218
219 ul.x-tab-strip-top{
220 background:#dbdbdb url(images/tabs/tab-strip-bg.gif) repeat-x left top;
221 border-color:#A2AAB8;
222 padding-top: 2px;
223 }
224
225 ul.x-tab-strip-bottom{
226 background-image:url(images/tabs/tab-strip-btm-bg.gif);
227 border-color:#A2AAB8;
228 }
229
230 .x-tab-strip span.x-tab-strip-text {
231 color:#333;
232 }
233 .x-tab-strip-over span.x-tab-strip-text {
234 color:#111;
235 }
236
237 .x-tab-strip-active span.x-tab-strip-text {
238 color:#333;
239 }
240
241 .x-tab-strip-disabled .x-tabs-text {
242 color:#aaaaaa;
243 }
244
245 .x-tab-strip-top .x-tab-right {
246 background-image:url(images/tabs/tabs-sprite.gif);
247 padding-left:15px;
248 }
249
250 .x-tab-strip-top .x-tab-left {
251 background-image:url(images/tabs/tabs-sprite.gif);
252 padding-right: 15px;
253 }
254 .x-tab-strip-top .x-tab-strip-inner {
255 background-image:url(images/tabs/tabs-sprite.gif);
256 }
257
258 .x-tab-strip-bottom .x-tab-right {
259 background-image:url(images/tabs/tab-btm-inactive-right-bg.gif);
260 }
261
262 .x-tab-strip-bottom .x-tab-left {
263 background-image:url(images/tabs/tab-btm-inactive-left-bg.gif);
264 }
265
266 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
267 background-image:url(images/tabs/tab-btm-right-bg.gif);
268 }
269
270 .x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
271 background-image:url(images/tabs/tab-btm-left-bg.gif);
272 }
273
274 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
275 background-image:url(images/tabs/tab-close.gif);
276 }
277 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
278 background-image:url(images/tabs/tab-close.gif);
279 }
280
281 .x-tab-panel-body {
282 border-color:#A2AAB8;
283 background:#EFEFF4;
284 }
285 .x-tab-panel-bbar .x-toolbar {
286 border-color: #A2AAB8;
287 }
288
289 .x-tab-panel-tbar .x-toolbar {
290 border-color: #A2AAB8;
291 }
292
293 .x-tab-panel-header-plain .x-tab-strip-spacer,
294 .x-tab-panel-footer-plain .x-tab-strip-spacer {
295 border-color:#A2AAB8;
296 background: #eaeaea;
297 }
298
299 .x-tab-scroller-left {
300 background-image: url(images/tabs/scroll-left.gif);
301 border-color:#A2AAB8;
302 }
303 .x-tab-scroller-right {
304 background-image: url(images/tabs/scroll-right.gif);
305 border-color:#A2AAB8;
306 }
307
308 /* Window */
309
310 .x-window-proxy {
311 background:#e0e0e0;
312 border-color:#A2AAB8;
313 }
314
315 .x-window-tl .x-window-header {
316 color:#555;
317 }
318 .x-window-tc {
319 background-image:url(images/window/top-bottom.png);
320 }
321 .x-window-tl {
322 background-image:url(images/window/left-corners.png);
323 }
324 .x-window-tr {
325 background-image:url(images/window/right-corners.png);
326 }
327 .x-window-bc {
328 background-image:url(images/window/top-bottom.png);
329 }
330 .x-window-bl {
331 background-image:url(images/window/left-corners.png);
332 }
333 .x-window-br {
334 background-image:url(images/window/right-corners.png);
335 }
336 .x-window-mc {
337 border:1px solid #A2AAB8;
338 background:#e8e8e8;
339 }
340
341 .x-window-ml {
342 background-image:url(images/window/left-right.png);
343 }
344 .x-window-mr {
345 background-image:url(images/window/left-right.png);
346 }
347 .x-panel-ghost .x-window-tl {
348 border-color:#A2AAB8;
349 }
350 .x-panel-collapsed .x-window-tl {
351 border-color:#A2AAB8;
352 }
353
354 .x-window-plain .x-window-mc {
355 background: #EFEFF4;
356 border-right:1px solid #eee;
357 border-bottom:1px solid #eee;
358 border-top:1px solid #A2AAB8;
359 border-left:1px solid #A2AAB8;
360 }
361
362 .x-window-plain .x-window-body {
363 border-left:1px solid #eee;
364 border-top:1px solid #eee;
365 border-bottom:1px solid #A2AAB8;
366 border-right:1px solid #A2AAB8;
367 background:transparent !important;
368 }
369
370 body.x-body-masked .x-window-mc, body.x-body-masked .x-window-plain .x-window-mc {
371 background-color: #EFEFF4;
372 }
373
374 /*
375 * re-add the button background for all toolbar buttons within windows,
376 * currently used within the mass uploader
377 */
378 .x-window-tbar .x-btn-tl {
379 background-position: 0 0;
380 }
381 .x-window-tbar .x-btn-tr {
382 background-position: -3px 0;
383 }
384 .x-window-tbar .x-btn-tc {
385 background-position: 0 -6px;
386 }
387
388 .x-window-tbar .x-btn-ml {
389 background-position: 0 -24px;
390 }
391 .x-window-tbar .x-btn-mr {
392 background-position: -3px -24px;
393 }
394
395 .x-window-tbar .x-btn-mc {
396 background-position: 0 -1096px;
397 }
398
399 .x-window-tbar .x-btn-bl {
400 background-position: 0 -3px;
401 }
402
403 .x-window-tbar .x-btn-br {
404 background-position: -3px -3px;
405 }
406
407 .x-window-tbar .x-btn-bc {
408 background-position: 0 -15px;
409 }
410
411 .x-window-tbar .x-btn button {
412 color: #333;
413 }
414
415 /* misc */
416 .x-html-editor-wrap {
417 border-color:#A2AAB8;
418 }
419
420 /* Borders go last for specificity */
421 .x-panel-noborder .x-panel-body-noborder {
422 border-width:0;
423 }
424
425 .x-panel-noborder .x-panel-header-noborder {
426 border-width:0;
427 border-bottom:1px solid #A2AAB8;
428 }
429
430 .x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
431 border-width:0;
432 border-bottom:1px solid #A2AAB8;
433 }
434
435 .x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
436 border-width:0;
437 border-top:1px solid #A2AAB8;
438 }
439
440 .x-window-noborder .x-window-mc {
441 border-width:0;
442 }
443 .x-window-plain .x-window-body-noborder {
444 border-width:0;
445 }
446
447 .x-tab-panel-noborder .x-tab-panel-body-noborder {
448 border-width:0;
449 }
450
451 .x-tab-panel-noborder .x-tab-panel-header-noborder {
452 border-top-width:0;
453 border-left-width:0;
454 border-right-width:0;
455 }
456
457 .x-tab-panel-noborder .x-tab-panel-footer-noborder {
458 border-bottom-width:0;
459 border-left-width:0;
460 border-right-width:0;
461 }
462
463
464 .x-tab-panel-bbar-noborder .x-toolbar {
465 border-width:0;
466 border-top:1px solid #A2AAB8;
467 }
468
469 .x-tab-panel-tbar-noborder .x-toolbar {
470 border-width:0;
471 border-bottom:1px solid #A2AAB8;
472 }
473
474
475 /*
476 * "xtheme-typo3be" by José Alfonso Dacosta Dominguez (galdaka@hotmail.com)
477 * Donate: https://www.paypal.com/es/cgi-bin/webscr?cmd=_flow&SESSION=dK9etfumWahABPggjpbeXDhdwxUJtKuUo1_iQW8d3fQQaXdS9w51j25Gm7O&dispatch=5885d80a13c0db1f998ca054efbdf2c25fe4a05bcb33bff6399b4b6a7ee9cf98
478 * Custom themes and licence: galdaka@hotmail.com
479 * Site: www.jadacosta.es
480 */
481
482 .ext-el-mask {
483 background-color: #ccc;
484 }
485
486 .ext-el-mask-msg {
487 border-color:#8f8f8f;
488 background-color:#EFEFF4;
489 background-image:url(images/box/tb-gray.gif);
490 }
491 .ext-el-mask-msg div {
492 background-color: #EFEFF4;
493 border-color:#ccc;
494 color:#222;
495 font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
496 }
497
498 .x-mask-loading div {
499 background-color:#fbfbfb;
500 background-image:url(images/grid/loading.gif);
501 }
502
503 .x-item-disabled {
504 color: gray;
505 }
506
507 .x-item-disabled * {
508 color: gray !important;
509 }
510
511 .x-splitbar-proxy {
512 background-color: #aaa;
513 }
514
515 .x-color-palette a {
516 border-color:#fff;
517 }
518
519 .x-color-palette a:hover, .x-color-palette a.x-color-palette-sel {
520 border-color:#b4b4b4;
521 background-color: #EFEFF4;
522 }
523
524 .x-color-palette em {
525 border-color:#A2AAB8;
526 }
527
528 .x-ie-shadow {
529 background-color:#777;
530 }
531
532 .x-shadow .xsmc {
533 background-image: url(images/shadow-c.png);
534 }
535
536 .x-shadow .xsml, .x-shadow .xsmr {
537 background-image: url(images/shadow-lr.png);
538 }
539
540 .x-shadow .xstl, .x-shadow .xstc, .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbc, .x-shadow .xsbr{
541 background-image: url(images/shadow.png);
542 }
543
544 .loading-indicator {
545 font-size: 10px;
546 background-image: url(images/grid/loading.gif);
547 }
548
549 .x-spotlight {
550 background-color: #ccc;
551 }
552
553 .x-tab-panel-header, .x-tab-panel-footer {
554 background-color: #EFEFF4;
555 border-color:#A2AAB8;
556 overflow:hidden;
557 zoom:1;
558 }
559
560 .x-tab-panel-header, .x-tab-panel-footer {
561 border-color:#A2AAB8;
562 }
563
564 ul.x-tab-strip-top{
565 background-color:#EFEFF4;
566 background-image: url(images/tabs/tab-strip-bg.gif);
567 border-bottom-color:#A2AAB8;
568 }
569
570 ul.x-tab-strip-bottom{
571 background-color:#EFEFF4;
572 background-image: url(images/tabs/tab-strip-btm-bg.gif);
573 border-top-color:#A2AAB8;
574 }
575
576 .x-tab-panel-header-plain .x-tab-strip-spacer,
577 .x-tab-panel-footer-plain .x-tab-strip-spacer {
578 border-color:#A2AAB8;
579 background-color: #EFEFF4;
580 }
581
582 .x-tab-strip span.x-tab-strip-text {
583 font:normal 10px verdana, arial, tahoma, helvetica;
584 color:#686868;
585 padding-top:7px;
586 }
587
588 .x-tab-strip-over span.x-tab-strip-text {
589 color:#55545E;
590 }
591
592 .x-tab-strip-active span.x-tab-strip-text {
593 color:#55545E;
594 /*font-weight:bold; no bold tabs in TYPO3 */
595 }
596
597 .x-tab-strip-disabled .x-tabs-text {
598 color:#aaaaaa;
599 }
600
601 .x-tab-strip-top .x-tab-right, .x-tab-strip-top .x-tab-left, .x-tab-strip-top .x-tab-strip-inner{
602 background-image: url(images/tabs/tabs-sprite.gif);
603 }
604
605 .x-tab-strip-bottom .x-tab-right {
606 background-image: url(images/tabs/tab-btm-inactive-right-bg.gif);
607 }
608
609 .x-tab-strip-bottom .x-tab-left {
610 background-image: url(images/tabs/tab-btm-inactive-left-bg.gif);
611 }
612
613 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
614 background-image: url(images/tabs/tab-btm-right-bg.gif);
615 }
616
617 .x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
618 background-image: url(images/tabs/tab-btm-left-bg.gif);
619 }
620
621 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
622 background-image:url(images/tabs/tab-close.gif);
623 }
624
625 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
626 background-image:url(images/tabs/tab-close.gif);
627 }
628
629 .x-tab-panel-body {
630 border-color:#A2AAB8;
631 background-color:#fff;
632 }
633
634 .x-tab-panel-body-top {
635 border-top: 0 none;
636 }
637
638 .x-tab-panel-body-bottom {
639 border-bottom: 0 none;
640 }
641
642 .x-tab-scroller-left {
643 background-image:url(images/tabs/scroll-left.gif);
644 border-bottom-color:#A2AAB8;
645 }
646
647 .x-tab-scroller-left-over {
648 background-position: 0 0;
649 }
650
651 .x-tab-scroller-left-disabled {
652 background-position: -18px 0;
653 opacity:.5;
654 -moz-opacity:.5;
655 filter:alpha(opacity=50);
656 cursor:default;
657 }
658
659 .x-tab-scroller-right {
660 background-image:url(images/tabs/scroll-right.gif);
661 border-bottom-color:#A2AAB8;
662 }
663
664 .x-tab-panel-bbar .x-toolbar, .x-tab-panel-tbar .x-toolbar {
665 border-color:#A2AAB8;
666 }
667 .x-form-field{
668 font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
669 }
670
671 .x-form-text, textarea.x-form-field{
672 background-color:#fff;
673 background-image: none;
674 border-color:#b5b8c8;
675 }
676
677 .x-form-select-one {
678 background-color:#fff;
679 border-color:#b5b8c8;
680 }
681
682 .x-form-check-group-label {
683 border-bottom: 1px solid #A2AAB8;
684 color: #55545E;
685 }
686
687 .x-editor .x-form-check-wrap {
688 background-color:#fff;
689 }
690
691 .x-form-field-wrap .x-form-trigger{
692 background-image:url(images/form/trigger.gif);
693 border-bottom-color:#b5b8c8;
694 }
695
696 .x-form-field-wrap .x-form-date-trigger{
697 background-image: url(images/form/date-trigger.gif);
698 }
699
700 .x-form-field-wrap .x-form-clear-trigger{
701 background-image: url(images/form/clear-trigger.gif);
702 }
703
704 .x-form-field-wrap .x-form-search-trigger{
705 background-image: url(images/form/search-trigger.gif);
706 }
707
708 .x-trigger-wrap-focus .x-form-trigger{
709 border-bottom-color:#a7a7a7;
710 }
711
712 .x-item-disabled .x-form-trigger-over{
713 border-bottom-color:#b5b8c8;
714 }
715
716 .x-item-disabled .x-form-trigger-click{
717 border-bottom-color:#b5b8c8;
718 }
719
720 .x-form-focus, textarea.x-form-focus{
721 border-color:#a7a7a7;
722 }
723
724 .x-form-invalid, textarea.x-form-invalid{
725 background-color:#fff;
726 background-image:url(images/grid/invalid_line.gif);
727 border-color:#c30;
728 }
729
730 .ext-safari .x-form-invalid{
731 background-color:#fee;
732 border-color:#ff7870;
733 }
734
735 .x-form-inner-invalid, textarea.x-form-inner-invalid{
736 background-color:#fff;
737 background-image:url(images/grid/invalid_line.gif);
738 }
739
740 .x-form-grow-sizer {
741 font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
742 }
743
744 .x-form-item {
745 font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
746 }
747
748 .x-form-invalid-msg {
749 color:#c0272b;
750 font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
751 background-image:url(images/shared/warning.gif);
752 }
753
754 .x-form-empty-field {
755 color:gray;
756 }
757
758 .x-small-editor .x-form-field {
759 font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
760 }
761
762 .ext-safari .x-small-editor .x-form-field {
763 font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
764 }
765
766 .x-form-invalid-icon {
767 background-image:url(images/form/exclamation.gif);
768 }
769
770 .x-fieldset {
771 border-color:#b5b8c8;
772 }
773
774 .x-fieldset legend {
775 font:bold 10px verdana, arial, tahoma, helvetica, sans-serif;
776 color:#55545E;
777 }
778
779 .x-btn{
780 font:normal 10px verdana, arial, tahoma, verdana, helvetica;
781 }
782
783 .x-btn button{
784 font:normal 10px verdana, arial,tahoma,verdana,helvetica;
785 color:#333;
786 font-weight: bold;
787 }
788
789 .x-btn em {
790 font-style:normal;
791 font-weight:normal;
792 }
793
794 .x-btn-tl, .x-btn-tr, .x-btn-tc, .x-btn-ml, .x-btn-mr, .x-btn-mc, .x-btn-bl, .x-btn-br, .x-btn-bc {
795 background-image:url(images/button/btn.gif);
796 }
797
798 .x-btn-click .x-btn-text, .x-btn-menu-active .x-btn-text, .x-btn-pressed .x-btn-text {
799 color:#fff;
800 }
801
802 .x-btn-disabled *{
803 color:gray !important;
804 }
805
806 .x-btn-mc em.x-btn-arrow {
807 background-image:url(images/button/arrow.gif);
808 }
809
810 .x-btn-mc em.x-btn-split {
811 background-image:url(images/button/s-arrow.gif);
812 }
813
814 .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 {
815 background-image:url(images/button/s-arrow-o.gif);
816 }
817
818 .x-btn-mc em.x-btn-arrow-bottom {
819 background-image:url(images/button/s-arrow-b-noline.gif);
820 }
821
822 .x-btn-mc em.x-btn-split-bottom {
823 background-image:url(images/button/s-arrow-b.gif);
824 }
825
826 .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 {
827 background-image:url(images/button/s-arrow-bo.gif);
828 }
829
830 .x-btn-group-header {
831 color: #686868;
832 }
833
834 .x-btn-group-tc {
835 background-image: url(images/button/group-tb.gif);
836 }
837
838 .x-btn-group-tl {
839 background-image: url(images/button/group-cs.gif);
840 }
841
842 .x-btn-group-tr {
843 background-image: url(images/button/group-cs.gif);
844 }
845
846 .x-btn-group-bc {
847 background-image: url(images/button/group-tb.gif);
848 }
849
850 .x-btn-group-bl {
851 background-image: url(images/button/group-cs.gif);
852 }
853
854 .x-btn-group-br {
855 background-image: url(images/button/group-cs.gif);
856 }
857
858 .x-btn-group-ml {
859 background-image: url(images/button/group-lr.gif);
860 }
861 .x-btn-group-mr {
862 background-image: url(images/button/group-lr.gif);
863 }
864
865 .x-btn-group-notitle .x-btn-group-tc {
866 background-image: url(images/button/group-tb.gif);
867 }
868 .x-toolbar{
869 border-color:#A2AAB8;
870 background-color:#EFEFF4;
871 background-image:url(images/toolbar/bg.gif);
872 }
873
874 .x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{
875 font:normal 10px verdana, arial,tahoma, helvetica, sans-serif;
876 }
877
878 .x-toolbar .x-item-disabled {
879 color:gray;
880 }
881
882 .x-toolbar .x-item-disabled * {
883 color:gray;
884 }
885
886 .x-toolbar .x-btn-mc em.x-btn-split {
887 background-image:url(images/button/s-arrow-noline.gif);
888 }
889
890 .x-toolbar .x-btn-over .x-btn-mc em.x-btn-split, .x-toolbar .x-btn-click .x-btn-mc em.x-btn-split,
891 .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
892 {
893 background-image:url(images/button/s-arrow-o.gif);
894 }
895
896 .x-toolbar .x-btn-mc em.x-btn-split-bottom {
897 background-image:url(images/button/s-arrow-b-noline.gif);
898 }
899
900 .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,
901 .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
902 {
903 background-image:url(images/button/s-arrow-bo.gif);
904 }
905
906 .x-toolbar .xtb-sep {
907 background-image: url(images/grid/grid-blue-split.gif);
908 }
909
910 .x-tbar-page-first{
911 background-image: url(images/grid/page-first.gif) !important;
912 }
913
914 .x-tbar-loading{
915 background-image: url(images/grid/refresh.gif) !important;
916 }
917
918 .x-tbar-page-last{
919 background-image: url(images/grid/page-last.gif) !important;
920 }
921
922 .x-tbar-page-next{
923 background-image: url(images/grid/page-next.gif) !important;
924 }
925
926 .x-tbar-page-prev{
927 background-image: url(images/grid/page-prev.gif) !important;
928 }
929
930 .x-item-disabled .x-tbar-loading{
931 background-image: url(images/grid/loading.gif) !important;
932 }
933
934 .x-item-disabled .x-tbar-page-first{
935 background-image: url(images/grid/page-first-disabled.gif) !important;
936 }
937
938 .x-item-disabled .x-tbar-page-last{
939 background-image: url(images/grid/page-last-disabled.gif) !important;
940 }
941
942 .x-item-disabled .x-tbar-page-next{
943 background-image: url(images/grid/page-next-disabled.gif) !important;
944 }
945
946 .x-item-disabled .x-tbar-page-prev{
947 background-image: url(images/grid/page-prev-disabled.gif) !important;
948 }
949
950 .x-paging-info {
951 color:#444;
952 }
953
954 .x-toolbar-more-icon {
955 background-image: url(images/toolbar/more.gif) !important;
956 }
957
958 .x-statusbar .x-status-busy {
959 background-image: url(images/grid/loading.gif);
960 }
961
962 .x-statusbar .x-status-text-panel {
963 border-color: #A2AAB8 #fff #fff #A2AAB8;
964 }
965 .x-resizable-handle {
966 background-color:#fff;
967 }
968
969 .x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-east,
970 .x-resizable-over .x-resizable-handle-west, .x-resizable-pinned .x-resizable-handle-west
971 {
972 background-image:url(images/sizer/e-handle.gif);
973 }
974
975 .x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south,
976 .x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north
977 {
978 background-image:url(images/sizer/s-handle.gif);
979 }
980
981 .x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north{
982 background-image:url(images/sizer/s-handle.gif);
983 }
984 .x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast{
985 background-image:url(images/sizer/se-handle.gif);
986 }
987 .x-resizable-over .x-resizable-handle-northwest, .x-resizable-pinned .x-resizable-handle-northwest{
988 background-image:url(images/sizer/nw-handle.gif);
989 }
990 .x-resizable-over .x-resizable-handle-northeast, .x-resizable-pinned .x-resizable-handle-northeast{
991 background-image:url(images/sizer/ne-handle.gif);
992 }
993 .x-resizable-over .x-resizable-handle-southwest, .x-resizable-pinned .x-resizable-handle-southwest{
994 background-image:url(images/sizer/sw-handle.gif);
995 }
996 .x-resizable-proxy{
997 border-color:#575757;
998 }
999 .x-resizable-overlay{
1000 background-color:#fff;
1001 }
1002
1003 .x-grid3 {
1004 background-color:#fff;
1005 }
1006
1007 .x-grid-panel .x-panel-mc .x-panel-body {
1008 border-color:#A2AAB8;
1009 }
1010
1011 .x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td{
1012 font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
1013 }
1014
1015 .x-grid3-hd-row td {
1016 border-left-color:#EFEFF4;
1017 border-right-color:#A2AAB8;
1018 }
1019
1020 .x-grid-row-loading {
1021 background-color: #fff;
1022 background-image:url(images/shared/loading-balls.gif);
1023 }
1024
1025 .x-grid3-row {
1026 border-color:#ededed;
1027 border-top-color:#fff;
1028 }
1029
1030 .x-grid3-row-alt{
1031 background-color:#fafafa;
1032 }
1033
1034 .x-grid3-row-over {
1035 border-color:#ddd;
1036 background-color:#efefef;
1037 background-image:url(images/grid/row-over.gif);
1038 }
1039
1040 .x-grid3-resize-proxy {
1041 background-color:#777;
1042 }
1043
1044 .x-grid3-resize-marker {
1045 background-color:#777;
1046 }
1047
1048 .x-grid3-header{
1049 background-color:#f9f9f9;
1050 background-image:url(images/grid/grid3-hrow.gif);
1051 }
1052
1053 .x-grid3-header-pop {
1054 border-left-color:#A2AAB8;
1055 }
1056
1057 .x-grid3-header-pop-inner {
1058 border-left-color:#EFEFF4;
1059 background-image:url(images/grid/hd-pop.gif);
1060 }
1061
1062 td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {
1063 border-left-color:#c8c8c8;
1064 border-right-color:#c8c8c8;
1065 }
1066
1067 td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner, td.x-grid3-hd-menu-open .x-grid3-hd-inner {
1068 background-color:#f2f2f2;
1069 background-image:url(images/grid/grid3-hrow-over.gif);
1070
1071 }
1072
1073 .sort-asc .x-grid3-sort-icon {
1074 background-image: url(images/grid/sort_asc.gif);
1075 }
1076
1077 .sort-desc .x-grid3-sort-icon {
1078 background-image: url(images/grid/sort_desc.gif);
1079 }
1080
1081 .x-grid3-cell-text, .x-grid3-hd-text {
1082 color:#000;
1083 }
1084
1085 .x-grid3-split {
1086 background-image: url(images/grid/grid-split.gif);
1087 }
1088
1089 .x-grid3-hd-text {
1090 color:#55545E;
1091 }
1092
1093 .x-dd-drag-proxy .x-grid3-hd-inner{
1094 background-color:#f2f2f2;
1095 background-image:url(images/grid/grid3-hrow-over.gif);
1096 border-color:#c8c8c8;
1097 }
1098
1099 .col-move-top{
1100 background-image:url(images/grid/col-move-top.gif);
1101 }
1102
1103 .col-move-bottom{
1104 background-image:url(images/grid/col-move-bottom.gif);
1105 }
1106
1107 .x-grid3-row-selected {
1108 background-color: #e7e7e7 !important;
1109 background-image: none;
1110 border-color:#b9b9b9;
1111 }
1112
1113 .x-grid3-cell-selected{
1114 background-color: #cdcdcd !important;
1115 color:#000;
1116 }
1117
1118 .x-grid3-cell-selected span{
1119 color:#000 !important;
1120 }
1121
1122 .x-grid3-cell-selected .x-grid3-cell-text{
1123 color:#000;
1124 }
1125
1126 .x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{
1127 background-color:#d7d9df !important;
1128 background-image:url(images/grid/grid-hrow.gif) !important;
1129 color:#000;
1130 border-top-color:#fff;
1131 border-right-color:#9c9c9c !important;
1132 }
1133
1134 .x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{
1135 color:#55545E !important;
1136 }
1137
1138 .x-grid3-dirty-cell {
1139 background-image:url(images/grid/dirty.gif);
1140 }
1141
1142 .x-grid3-topbar, .x-grid3-bottombar{
1143 font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
1144 }
1145
1146 .x-grid3-bottombar .x-toolbar{
1147 border-top-color:#bcbcbc;
1148 }
1149
1150 .x-props-grid .x-grid3-td-name .x-grid3-cell-inner{
1151 background-image:url(images/grid/grid3-special-col-bg.gif) !important;
1152 color:#000 !important;
1153 }
1154
1155 .x-props-grid .x-grid3-body .x-grid3-td-name{
1156 background-color:#fff !important;
1157 border-right-color:#EFEFF4;
1158 }
1159
1160 .xg-hmenu-sort-asc .x-menu-item-icon{
1161 background-image: url(images/grid/hmenu-asc.gif);
1162 }
1163
1164 .xg-hmenu-sort-desc .x-menu-item-icon{
1165 background-image: url(images/grid/hmenu-desc.gif);
1166 }
1167
1168 .xg-hmenu-lock .x-menu-item-icon{
1169 background-image: url(images/grid/hmenu-lock.gif);
1170 }
1171
1172 .xg-hmenu-unlock .x-menu-item-icon{
1173 background-image: url(images/grid/hmenu-unlock.gif);
1174 }
1175
1176 .x-grid3-hd-btn {
1177 background-color:#d8d8d8;
1178 background-image:url(images/grid/grid3-hd-btn.gif);
1179 }
1180
1181 .x-grid3-body .x-grid3-td-expander {
1182 background-image:url(images/grid/grid3-special-col-bg.gif);
1183 }
1184
1185 .x-grid3-row-expander {
1186 background-image:url(images/grid/row-expand-sprite.gif);
1187 }
1188
1189 .x-grid3-body .x-grid3-td-checker {
1190 background-image: url(images/grid/grid3-special-col-bg.gif);
1191 }
1192
1193 .x-grid3-row-checker, .x-grid3-hd-checker {
1194 background-image:url(images/grid/row-check-sprite.gif);
1195 }
1196
1197 .x-grid3-body .x-grid3-td-numberer {
1198 background-image:url(images/grid/grid3-special-col-bg.gif);
1199 }
1200
1201 .x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {
1202 color:#444;
1203 }
1204
1205 .x-grid3-body .x-grid3-td-row-icon {
1206 background-image:url(images/grid/grid3-special-col-bg.gif);
1207 }
1208
1209 .x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,
1210 .x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,
1211 .x-grid3-body .x-grid3-row-selected .x-grid3-td-expander {
1212 background-image:url(images/grid/grid3-special-col-sel-bg.gif);
1213 }
1214
1215 .x-grid3-check-col {
1216 background-image:url(images/menu/unchecked.gif);
1217 }
1218
1219 .x-grid3-check-col-on {
1220 background-image:url(images/menu/checked.gif);
1221 }
1222
1223 .x-grid-group, .x-grid-group-body, .x-grid-group-hd {
1224 zoom:1;
1225 }
1226
1227 .x-grid-group-hd {
1228 border-bottom-color:#A2AAB8;
1229 }
1230
1231 .x-grid-group-hd div.x-grid-group-title {
1232 background-image:url(images/grid/group-expand-sprite.gif);
1233 background-position: 3px -46px;
1234 color:#3764a0;
1235 font:bold 10px verdana, arial, tahoma, helvetica, sans-serif;
1236 }
1237
1238 .x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title {
1239 background-image:url(images/grid/group-expand-sprite.gif);
1240 background-position: 3px 4px;
1241 }
1242
1243 .x-group-by-icon {
1244 background-image:url(images/grid/group-by.gif);
1245 }
1246
1247 .x-cols-icon {
1248 background-image:url(images/grid/columns.gif);
1249 }
1250
1251 .x-show-groups-icon {
1252 background-image:url(images/grid/group-by.gif);
1253 }
1254
1255 .x-grid-empty {
1256 color:gray;
1257 font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
1258 }
1259
1260 .x-grid-with-col-lines .x-grid3-row td.x-grid3-cell {
1261 border-right-color:#ededed;
1262 }
1263
1264 .x-grid-with-col-lines .x-grid3-row{
1265 border-top-color:#ededed;
1266 }
1267
1268 .x-grid-with-col-lines .x-grid3-row-selected {
1269 border-top-color:#b9b9b9;
1270 }
1271 .x-dd-drag-ghost{
1272 color:#000;
1273 font: normal 10px verdana, arial, helvetica, sans-serif;
1274 border-color: #ddd #bbb #bbb #ddd;
1275 background-color:#fff;
1276 }
1277
1278 .x-dd-drop-nodrop .x-dd-drop-icon{
1279 background-image: url(images/dd/drop-no.gif);
1280 }
1281
1282 .x-dd-drop-ok .x-dd-drop-icon{
1283 background-image: url(images/dd/drop-yes.gif);
1284 }
1285
1286 .x-dd-drop-ok-add .x-dd-drop-icon{
1287 background-image: url(images/dd/drop-add.gif);
1288 }
1289
1290 .x-view-selector {
1291 background-color:#d8d8d8;
1292 border-color:#8d8d8d;
1293 }
1294 .x-tree .x-panel-body{
1295 background-color:#fff;
1296 }
1297
1298 .x-tree-node-expanded .x-tree-node-icon{
1299 background-image:url(images/tree/folder-open.gif);
1300 }
1301
1302 .x-tree-node-leaf .x-tree-node-icon{
1303 background-image:url(images/tree/leaf.gif);
1304 }
1305
1306 .x-tree-node-collapsed .x-tree-node-icon{
1307 background-image:url(images/tree/folder.gif);
1308 }
1309
1310 .x-tree-node-loading .x-tree-node-icon{
1311 background-image:url(images/tree/loading.gif) !important;
1312 }
1313
1314 .x-tree-node .x-tree-node-inline-icon {
1315 background-image: none;
1316 }
1317
1318 .x-tree-node-loading a span{
1319 font-style: italic;
1320 color:#444444;
1321 }
1322
1323 .ext-ie .x-tree-node-el input {
1324 width:15px;
1325 height:15px;
1326 }
1327
1328 .x-tree-lines .x-tree-elbow{
1329 background-image:url(images/tree/elbow.gif);
1330 }
1331
1332 .x-tree-lines .x-tree-elbow-plus{
1333 background-image:url(images/tree/elbow-plus.gif);
1334 }
1335
1336 .x-tree-lines .x-tree-elbow-minus{
1337 background-image:url(images/tree/elbow-minus.gif);
1338 }
1339
1340 .x-tree-lines .x-tree-elbow-end{
1341 background-image:url(images/tree/elbow-end.gif);
1342 }
1343
1344 .x-tree-lines .x-tree-elbow-end-plus{
1345 background-image:url(images/tree/elbow-end-plus.gif);
1346 }
1347
1348 .x-tree-lines .x-tree-elbow-end-minus{
1349 background-image:url(images/tree/elbow-end-minus.gif);
1350 }
1351
1352 .x-tree-lines .x-tree-elbow-line{
1353 background-image:url(images/tree/elbow-line.gif);
1354 }
1355
1356 .x-tree-no-lines .x-tree-elbow-plus{
1357 background-image:url(images/tree/elbow-plus-nl.gif);
1358 }
1359
1360 .x-tree-no-lines .x-tree-elbow-minus{
1361 background-image:url(images/tree/elbow-minus-nl.gif);
1362 }
1363
1364 .x-tree-no-lines .x-tree-elbow-end-plus{
1365 background-image:url(images/tree/elbow-end-plus-nl.gif);
1366 }
1367
1368 .x-tree-no-lines .x-tree-elbow-end-minus{
1369 background-image:url(images/tree/elbow-end-minus-nl.gif);
1370 }
1371
1372 .x-tree-arrows .x-tree-elbow-plus{
1373 background-image:url(images/tree/arrows.gif);
1374 }
1375
1376 .x-tree-arrows .x-tree-elbow-minus{
1377 background-image:url(images/tree/arrows.gif);
1378 }
1379
1380 .x-tree-arrows .x-tree-elbow-end-plus{
1381 background-image:url(images/tree/arrows.gif);
1382 }
1383
1384 .x-tree-arrows .x-tree-elbow-end-minus{
1385 background-image:url(images/tree/arrows.gif);
1386 }
1387
1388 .x-tree-node{
1389 color:#000;
1390 font: normal 10px verdana, arial, tahoma, helvetica, sans-serif;
1391 }
1392
1393 .x-tree-node a, .x-dd-drag-ghost a{
1394 color:#000;
1395 }
1396
1397 .x-tree-node a span, .x-dd-drag-ghost a span{
1398 color:#000;
1399 }
1400
1401 .x-tree-node .x-tree-node-disabled a span{
1402 color:gray !important;
1403 }
1404
1405 .x-tree-node div.x-tree-drag-insert-below{
1406 border-bottom-color:#686868;
1407 }
1408
1409 .x-tree-node div.x-tree-drag-insert-above{
1410 border-top-color:#686868;
1411 }
1412
1413 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{
1414 border-bottom-color:#686868;
1415 }
1416
1417 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{
1418 border-top-color:#686868;
1419 }
1420
1421 .x-tree-node .x-tree-drag-append a span{
1422 background-color:#ddd;
1423 border-color:gray;
1424 }
1425
1426 .x-tree-node .x-tree-node-over {
1427 background-color: #EFEFF4;
1428 }
1429
1430 .x-tree-node .x-tree-selected {
1431 background-color: #e6e6e6;
1432 }
1433
1434 .x-tree-drop-ok-append .x-dd-drop-icon{
1435 background-image: url(images/tree/drop-add.gif);
1436 }
1437
1438 .x-tree-drop-ok-above .x-dd-drop-icon{
1439 background-image: url(images/tree/drop-over.gif);
1440 }
1441
1442 .x-tree-drop-ok-below .x-dd-drop-icon{
1443 background-image: url(images/tree/drop-under.gif);
1444 }
1445
1446 .x-tree-drop-ok-between .x-dd-drop-icon{
1447 background-image: url(images/tree/drop-between.gif);
1448 }
1449 .x-date-picker {
1450 border-color: #373737;
1451 background-color:#fff;
1452 }
1453
1454 .x-date-middle,.x-date-left,.x-date-right {
1455 background-image: url(images/shared/hd-sprite.gif);
1456 color:#fff;
1457 font:bold 10px verdana, arial, "sans serif", tahoma, verdana, helvetica;
1458 }
1459
1460 .x-date-left,.x-date-right {
1461 padding-top:5px;
1462 }
1463
1464 .x-date-middle .x-btn .x-btn-text {
1465 color:#fff;
1466 }
1467
1468 .x-date-middle .x-btn-mc em.x-btn-arrow {
1469 background-image:url(images/toolbar/btn-arrow-light.gif);
1470 }
1471
1472 .x-date-right a {
1473 background-image: url(images/shared/right-btn.gif);
1474 }
1475
1476 .x-date-left a{
1477 background-image: url(images/shared/left-btn.gif);
1478 }
1479
1480 .x-date-inner th {
1481 background-color:#EFEFF4;
1482 background-image:url(images/shared/glass-bg.gif);
1483 border-bottom-color:#A2AAB8;
1484 font:normal 10px verdana, arial, helvetica,tahoma,sans-serif;
1485 color:#3d3d3d;
1486 }
1487
1488 .x-date-inner td {
1489 border-color:#fff;
1490 }
1491
1492 .x-date-inner a {
1493 font:normal 10px verdana, arial, helvetica,tahoma,sans-serif;
1494 color:#000;
1495 }
1496
1497 .x-date-inner .x-date-active{
1498 color:#000;
1499 }
1500
1501 .x-date-inner .x-date-selected a{
1502 background-color:#EFEFF4;
1503 background-image:url(images/shared/glass-bg.gif);
1504 border-color:#afafaf;
1505 }
1506
1507 .x-date-inner .x-date-today a{
1508 border-color:darkred;
1509 }
1510
1511 .x-date-inner .x-date-selected span{
1512 font-weight:bold;
1513 }
1514
1515 .x-date-inner .x-date-prevday a,.x-date-inner .x-date-nextday a {
1516 color:#aaa;
1517 }
1518
1519 .x-date-bottom {
1520 border-top-color:#A2AAB8;
1521 background-color:#EFEFF4;
1522 background-image:url(images/shared/glass-bg.gif);
1523 }
1524
1525 .x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover{
1526 color:#000;
1527 background-color:#eaeaea;
1528 }
1529
1530 .x-date-inner .x-date-disabled a {
1531 background-color:#EFEFF4;
1532 color:#bbb;
1533 }
1534
1535 .x-date-mmenu{
1536 background-color:#eee !important;
1537 }
1538
1539 .x-date-mmenu .x-menu-item {
1540 font-size:10px;
1541 color:#000;
1542 }
1543
1544 .x-date-mp {
1545 background-color:#fff;
1546 }
1547
1548 .x-date-mp td {
1549 font:normal 10px verdana, arial, helvetica,tahoma,sans-serif;
1550 }
1551
1552 .x-date-mp-btns button {
1553 background-color:#A2AAB8;
1554 color:#fff;
1555 border-color: #686868 #101010 #101010 #686868;
1556 font:normal 10px verdana, arial, helvetica,tahoma,sans-serif;
1557 }
1558
1559 .x-date-mp-btns {
1560 background-color: #EFEFF4;
1561 background-image: url(images/shared/glass-bg.gif);
1562 }
1563
1564 .x-date-mp-btns td {
1565 border-top-color: #A2AAB8;
1566 }
1567
1568 td.x-date-mp-month a,td.x-date-mp-year a {
1569 color:#55545E;
1570 }
1571
1572 td.x-date-mp-month a:hover,td.x-date-mp-year a:hover {
1573 color:#55545E;
1574 background-color: #eaeaea;
1575 }
1576
1577 td.x-date-mp-sel a {
1578 background-color: #EFEFF4;
1579 background-image: url(images/shared/glass-bg.gif);
1580 border-color:#afafaf;
1581 }
1582
1583 .x-date-mp-ybtn a {
1584 background-image:url(images/panel/tool-sprites.gif);
1585 }
1586
1587 td.x-date-mp-sep {
1588 border-right-color:#A2AAB8;
1589 }
1590 .x-tip .x-tip-close{
1591 background-image: url(images/qtip/close.gif);
1592 }
1593
1594 .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 {
1595 background-image: url(images/qtip/tip-sprite.gif);
1596 }
1597
1598 .x-tip .x-tip-mc {
1599 font: normal 10px verdana, arial,tahoma,helvetica,sans-serif;
1600 }
1601 .x-tip .x-tip-ml {
1602 background-color: #fff;
1603 }
1604
1605 .x-tip .x-tip-header-text {
1606 font: bold 10px verdana, arial, tahoma, helvetica,sans-serif;
1607 color:#444;
1608 }
1609
1610 .x-tip .x-tip-body {
1611 font: normal 10px verdana, arial, tahoma, helvetica,sans-serif;
1612 color:#444;
1613 }
1614
1615 .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,
1616 .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
1617 {
1618 background-image: url(images/form/error-tip-corners.gif);
1619 }
1620
1621 .x-form-invalid-tip .x-tip-body {
1622 background-image:url(images/form/exclamation.gif);
1623 }
1624
1625 .x-tip-anchor {
1626 background-image:url(images/qtip/tip-anchor-sprite.gif);
1627 }
1628 .x-menu {
1629 border-color:#898989;
1630 background-color:#f0f0f0;
1631 background-image:url(images/menu/menu.gif);
1632 }
1633
1634 .x-menu-nosep {
1635 background-image:none;
1636 }
1637
1638 .x-menu-list-item{
1639 font:normal 10px verdana, arial,tahoma, sans-serif;
1640 }
1641
1642 .x-menu-item-arrow{
1643 background-image:url(images/menu/menu-parent.gif);
1644 }
1645
1646 .x-menu-sep {
1647 background-color:#e0e0e0;
1648 border-bottom-color:#fff;
1649 }
1650
1651 a.x-menu-item {
1652 color:#222;
1653 }
1654
1655 .x-menu-item-active {
1656 background-color: #e9e9e9;
1657 border-color:#c8c8c8;
1658 }
1659
1660 .x-menu-item-active a.x-menu-item {
1661 border-color:#c8c8c8;
1662 }
1663
1664 .x-menu-check-item .x-menu-item-icon{
1665 background-image:url(images/menu/unchecked.gif);
1666 }
1667
1668 .x-menu-item-checked .x-menu-item-icon{
1669 background-image:url(images/menu/checked.gif);
1670 }
1671
1672 .x-menu-item-checked .x-menu-group-item .x-menu-item-icon{
1673 background-image:url(images/menu/group-checked.gif);
1674 }
1675
1676 .x-menu-group-item .x-menu-item-icon{
1677 background-image:none;
1678 }
1679
1680 .x-menu-plain {
1681 background-color:#fff !important;
1682 }
1683
1684 .x-menu .x-date-picker{
1685 border-color:#A2AAB8;
1686 }
1687
1688 .x-cycle-menu .x-menu-item-checked {
1689 border-color:#b9b9b9 !important;
1690 background-color:#e9e9e9;
1691 }
1692
1693 .x-menu-scroller-top {
1694 background-image:url(images/layout/mini-top.gif);
1695 }
1696
1697 .x-menu-scroller-bottom {
1698 background-image:url(images/layout/mini-bottom.gif);
1699 }
1700
1701 .x-box-tl {
1702 background-image: url(images/box/corners.gif);
1703 }
1704
1705 .x-box-tc {
1706 background-image: url(images/box/tb.gif);
1707 }
1708
1709 .x-box-tr {
1710 background-image: url(images/box/corners.gif);
1711 }
1712
1713 .x-box-ml {
1714 background-image: url(images/box/l.gif);
1715 }
1716
1717 .x-box-mc {
1718 background-color: #EFEFF4;
1719 background-image: url(images/box/tb.gif);
1720 font-family: verdana, "Arial", "Myriad Pro","Myriad Web","Tahoma","Helvetica",sans-serif;
1721 color: #393939;
1722 font-size: 10px;
1723 font-weight: bold;
1724 }
1725
1726 .x-box-mc h3 {
1727 font-size: 14px;
1728 font-weight: bold;
1729 }
1730
1731 .x-box-mr {
1732 background-image: url(images/box/r.gif);
1733 }
1734
1735 .x-box-bl {
1736 background-image: url(images/box/corners.gif);
1737 }
1738
1739 .x-box-bc {
1740 background-image: url(images/box/tb.gif);
1741 }
1742
1743 .x-box-br {
1744 background-image: url(images/box/corners.gif);
1745 }
1746
1747 .x-box-blue .x-box-bl, .x-box-blue .x-box-br, .x-box-blue .x-box-tl, .x-box-blue .x-box-tr {
1748 background-image: url(images/box/corners-gray.gif);
1749 }
1750
1751 .x-box-blue .x-box-bc, .x-box-blue .x-box-mc, .x-box-blue .x-box-tc {
1752 background-image: url(images/box/tb-gray.gif);
1753 }
1754
1755 .x-box-blue .x-box-mc {
1756 background-color: #d8d8d8;
1757 }
1758
1759 .x-box-blue .x-box-mc h3 {
1760 color: #363636;
1761 }
1762
1763 .x-box-blue .x-box-ml {
1764 background-image: url(images/box/l-gray.gif);
1765 }
1766
1767 .x-box-blue .x-box-mr {
1768 background-image: url(images/box/r-gray.gif);
1769 }
1770 #x-debug-browser .x-tree .x-tree-node a span {
1771 color:#333333;
1772 font-size:10px;
1773 font-family:"monotype","courier new",sans-serif;
1774 }
1775
1776 #x-debug-browser .x-tree a i {
1777 color:#ff4545;
1778 font-style:normal;
1779 }
1780
1781 #x-debug-browser .x-tree a em {
1782 color:#999;
1783 }
1784
1785 #x-debug-browser .x-tree .x-tree-node .x-tree-selected a span{
1786 background-color:#d8d8d8;
1787 }
1788 .x-combo-list {
1789 border-color:#bcbcbc;
1790 background-color:#eaeaea;
1791 font:normal 12px verdana, arial, tahoma, helvetica, sans-serif;
1792 }
1793
1794 .x-combo-list-inner {
1795 background-color:#fff;
1796 }
1797
1798 .x-combo-list-hd {
1799 font:bold 10px verdana, arial, tahoma, helvetica, sans-serif;
1800 color:#55545E;
1801 background-image: url(images/layout/panel-title-light-bg.gif);
1802 border-bottom-color:#bcbcbc;
1803 }
1804
1805 .x-resizable-pinned .x-combo-list-inner {
1806 border-bottom-color:#bcbcbc;
1807 }
1808
1809 .x-combo-list-item {
1810 border-color:#fff;
1811 }
1812
1813 .x-combo-list .x-combo-selected{
1814 border-color:#b9b9b9 !important;
1815 background-color:#e7e7e7;
1816 }
1817
1818 .x-combo-list .x-toolbar {
1819 border-top-color:#bcbcbc;
1820 }
1821
1822 .x-combo-list-small {
1823 font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
1824 }
1825 .x-panel {
1826 border-color: #A2AAB8;
1827 }
1828
1829 .x-panel-header {
1830 color: #fff;
1831 font-weight:bold;
1832 font-size: 10px;
1833 font-family: verdana, arial,tahoma,verdana,sans-serif;
1834 border-color:#A2AAB8;
1835 background-image: url(images/panel/white-top-bottom.gif);
1836 }
1837
1838 .x-panel-body {
1839 border-color: #A2AAB8;
1840 background-color:#fff;
1841 }
1842
1843 .x-panel-bbar .x-toolbar, .x-panel-tbar .x-toolbar {
1844 border-color: #A2AAB8;
1845 }
1846
1847 .x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
1848 border-top-color: #A2AAB8;
1849 }
1850
1851 .x-panel-body-noheader, .x-panel-mc .x-panel-body {
1852 border-top-color: #A2AAB8;
1853 }
1854
1855 .x-panel-tl .x-panel-header {
1856 color:#55545E;
1857 font:bold 10px verdana, arial,tahoma,verdana,sans-serif;
1858 }
1859
1860 .x-panel-tc {
1861 background-image: url(images/panel/top-bottom.gif);
1862 }
1863
1864 .x-panel-tl, .x-panel-tr, .x-panel-bl, .x-panel-br{
1865 background-image: url(images/panel/corners-sprite.gif);
1866 border-bottom-color: #A2AAB8;
1867 }
1868
1869 .x-panel-bc {
1870 background-image: url(images/panel/top-bottom.gif);
1871 }
1872
1873 .x-panel-mc {
1874 font: normal 10px verdana, arial,tahoma,helvetica,sans-serif;
1875 background-color:#efefef;
1876 }
1877
1878 .x-panel-ml {
1879 background-color: #fff;
1880 background-image:url(images/panel/left-right.gif);
1881 }
1882
1883 .x-panel-mr {
1884 background-image: url(images/panel/left-right.gif);
1885 }
1886
1887 .x-tool {
1888 background-image:url(images/panel/tool-sprites.gif);
1889 }
1890
1891 .x-panel-ghost {
1892 background-color:#dbdbdb;
1893 }
1894
1895 .x-panel-ghost ul {
1896 border-color:#A2AAB8;
1897 }
1898
1899 .x-panel-dd-spacer {
1900 border-color:#A2AAB8;
1901 }
1902
1903 .x-panel-fbar td,.x-panel-fbar span,.x-panel-fbar input,.x-panel-fbar div,.x-panel-fbar select,.x-panel-fbar label{
1904 font:normal 10px verdana, arial,tahoma, helvetica, sans-serif;
1905 }
1906
1907 .x-window-proxy {
1908 background-color:#dcdcdc;
1909 border-color:#A2AAB8;
1910 }
1911
1912 /* Modal dialog title/header bar */
1913 .x-window-tl .x-window-header {
1914 color:#fff;
1915 font:bold 10px verdana, arial,tahoma,verdana,sans-serif;
1916 padding:4px 0 4px 0;
1917 }
1918
1919 .x-window-tc {
1920 background-image: url(images/window/top-bottom.png);
1921 }
1922
1923 .x-window-tl {
1924 background-image: url(images/window/left-corners.png);
1925 }
1926
1927 .x-window-tr {
1928 background-image: url(images/window/right-corners.png);
1929 }
1930
1931 .x-window-bc {
1932 background-image: url(images/window/top-bottom.png);
1933 }
1934
1935 .x-window-bl {
1936 background-image: url(images/window/left-corners.png);
1937 }
1938
1939 .x-window-br {
1940 background-image: url(images/window/right-corners.png);
1941 }
1942
1943 .x-window-mc {
1944 border-color:#A2AAB8;
1945 font: normal 10px verdana, arial,tahoma,helvetica,sans-serif;
1946 background-color:#e7e7e7;
1947 }
1948
1949 .x-window-ml {
1950 background-image: url(images/window/left-right.png);
1951 }
1952
1953 .x-window-mr {
1954 background-image: url(images/window/left-right.png);
1955 }
1956
1957 .x-window-maximized .x-window-tc {
1958 background-color:#fff;
1959 }
1960
1961 .x-window-bbar .x-toolbar {
1962 border-top-color:#A2AAB8;
1963 }
1964
1965 .x-panel-ghost .x-window-tl {
1966 border-bottom-color:#A2AAB8;
1967 }
1968
1969 .x-panel-collapsed .x-window-tl {
1970 border-bottom-color:#84a0c4;
1971 }
1972
1973 .x-dlg-mask{
1974 background-color:#ccc;
1975 }
1976
1977 .x-window-plain .x-window-mc {
1978 background-color: #EFEFF4;
1979 border-color: #b9b9b9 #efefef #efefef #b9b9b9;
1980 }
1981
1982 .x-window-plain .x-window-body {
1983 border-color: #efefef #b9b9b9 #b9b9b9 #efefef;
1984 }
1985
1986 body.x-body-masked .x-window-plain .x-window-mc {
1987 background-color: #e2e2e2;
1988 }
1989 .x-html-editor-wrap {
1990 border-color:#bcbcbc;
1991 background-color:#fff;
1992 }
1993 .x-html-editor-tb .x-btn-text {
1994 background-image:url(images/editor/tb-sprite.gif);
1995 }
1996 .x-panel-noborder .x-panel-header-noborder {
1997 border-bottom-color:#A2AAB8;
1998 }
1999
2000 .x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
2001 border-bottom-color:#A2AAB8;
2002 }
2003
2004 .x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
2005 border-top-color:#A2AAB8;
2006 }
2007
2008 .x-tab-panel-bbar-noborder .x-toolbar {
2009 border-top-color:#A2AAB8;
2010 }
2011
2012 .x-tab-panel-tbar-noborder .x-toolbar {
2013 border-bottom-color:#A2AAB8;
2014 }
2015 .x-border-layout-ct {
2016 background-color:#f0f0f0;
2017 }
2018
2019 .x-accordion-hd {
2020 color:#222;
2021 font-weight:normal;
2022 background-image: url(images/panel/light-hd.gif);
2023 }
2024
2025 .x-layout-collapsed{
2026 background-color:#dfdfdf;
2027 border-color:#bcbcbc;
2028 }
2029
2030 .x-layout-collapsed-over{
2031 background-color:#e6e6e6;
2032 }
2033
2034 .x-layout-split-west .x-layout-mini {
2035 background-image:url(images/layout/mini-left.gif);
2036 }
2037 .x-layout-split-east .x-layout-mini {
2038 background-image:url(images/layout/mini-right.gif);
2039 }
2040 .x-layout-split-north .x-layout-mini {
2041 background-image:url(images/layout/mini-top.gif);
2042 }
2043 .x-layout-split-south .x-layout-mini {
2044 background-image:url(images/layout/mini-bottom.gif);
2045 }
2046
2047 .x-layout-cmini-west .x-layout-mini {
2048 background-image:url(images/layout/mini-right.gif);
2049 }
2050
2051 .x-layout-cmini-east .x-layout-mini {
2052 background-image:url(images/layout/mini-left.gif);
2053 }
2054
2055 .x-layout-cmini-north .x-layout-mini {
2056 background-image:url(images/layout/mini-bottom.gif);
2057 }
2058
2059 .x-layout-cmini-south .x-layout-mini {
2060 background-image:url(images/layout/mini-top.gif);
2061 }
2062 .x-progress-wrap {
2063 border-color:#8f8f8f;
2064 }
2065
2066 .x-progress-inner {
2067 background-color:#e7e7e7;
2068 background-image:url(images/qtip/bg.gif);
2069 }
2070
2071 .x-progress-bar {
2072 background-color:#bcbcbc;
2073 background-image:url(images/progress/progress-bg.gif);
2074 border-top-color:#e2e2e2;
2075 border-bottom-color:#a6a6a6;
2076 border-right-color:#a6a6a6;
2077 }
2078
2079 .x-progress-text {
2080 font-size:10px;
2081 font-weight:bold;
2082 color:#fff;
2083 }
2084
2085 .x-progress-text-back {
2086 color:#396095;
2087 }
2088 .x-list-header{
2089 background-color:#f9f9f9;
2090 background-image:url(images/grid/grid3-hrow.gif);
2091 }
2092
2093 .x-list-header-inner div em {
2094 border-left-color:#ddd;
2095 font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
2096 }
2097
2098 .x-list-body dt em {
2099 font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
2100 }
2101
2102 .x-list-over {
2103 background-color:#EFEFF4;
2104 }
2105
2106 .x-list-selected {
2107 background-color:#EFEFF4;
2108 }
2109
2110 .x-list-resizer {
2111 border-left-color:#555;
2112 border-right-color:#555;
2113 }
2114
2115 .x-list-header-inner em.sort-asc, .x-list-header-inner em.sort-desc {
2116 background-image:url(images/grid/sort-hd.gif);
2117 border-color: #A2AAB8;
2118 }
2119 .x-slider-horz, .x-slider-horz .x-slider-end, .x-slider-horz .x-slider-inner {
2120 background-image:url(images/slider/slider-bg.png);
2121 }
2122
2123 .x-slider-horz .x-slider-thumb {
2124 background-image:url(images/slider/slider-thumb.png);
2125 }
2126
2127 .x-slider-vert, .x-slider-vert .x-slider-end, .x-slider-vert .x-slider-inner {
2128 background-image:url(images/slider/slider-v-bg.png);
2129 }
2130
2131 .x-slider-vert .x-slider-thumb {
2132 background-image:url(images/slider/slider-v-thumb.png);
2133 }
2134 .x-window-dlg .ext-mb-text,
2135 .x-window-dlg .x-window-header-text {
2136 font-size:12px;
2137 }
2138 /* defines the header text in the draggable area of a modal window */
2139 .x-window-dlg .x-window-header-text {
2140 color: #fff;
2141 }
2142
2143 .x-window-dlg .ext-mb-textarea {
2144 font:normal 12px verdana, arial,tahoma,helvetica,sans-serif;
2145 }
2146
2147 .x-window-dlg .x-msg-box-wait {
2148 background-image:url(images/grid/loading.gif);
2149 }
2150
2151 .x-window-dlg .ext-mb-info {
2152 background-image:url(images/window/icon-info.gif);
2153 }
2154
2155 .x-window-dlg .ext-mb-warning {
2156 background-image:url(images/window/icon-warning.gif);
2157 }
2158
2159 .x-window-dlg .ext-mb-question {
2160 background-image:url(images/window/icon-question.gif);
2161 }
2162
2163 .x-window-dlg .ext-mb-error {
2164 background-image:url(images/window/icon-error.gif);
2165 }
2166
2167 /*ADDONS*/
2168
2169 .x-form fieldset {
2170 border:1px solid #dedede;
2171 }
2172 .x-form fieldset legend {
2173 font: bold 10px verdana, arial, verdana, tahoma, helvetica, sans-serif;
2174 color: #606060;
2175 }
2176
2177 /* Pagetree */
2178 .x-layout-split {
2179 background-color: #aeb6c1;
2180 }
2181
2182 #widget-navigation-tree .x-panel-noborder .x-panel-body-noborder {
2183 background-color: #efeff4;
2184 }
2185
2186 #widget-navigation-tree {
2187 background-color: #00f;
2188 }
2189
2190 #widget-navigation-tree-tree {
2191 background-color: #0f0;
2192 }
2193
2194 /* Relogin progress bar and relogin dialog */
2195 #loginRefreshWindow .x-window-body,
2196 #loginformWindow .x-window-body,
2197 #loginRefreshWindow .x-window-mc,
2198 #loginRefreshWindow .x-panel-bwrap,
2199 #loginformWindow .x-panel-bwrap,
2200 #loginRefreshWindow .x-panel-body,
2201 #loginformWindow .x-panel-body {
2202 background-color: #E4E4E4;
2203 border: none;
2204 }
2205
2206 #loginRefreshWindow .x-panel-body.x-panel-body-noheader.x-panel-body-noborder,
2207 #loginRefreshWindow .x-panel-header.x-unselectable,
2208 #loginformWindow .x-panel-header.x-unselectable {
2209 background-image: none;
2210 background-color: transparent;
2211 color: #000;
2212 border: none;
2213 }
2214
2215 #loginRefreshWindow .x-panel-footer,
2216 #loginformWindow .x-panel-footer {
2217 background-image: none;
2218 background-color: #E4E4E4;
2219 color: #000;
2220 border: none;
2221 }
2222
2223 #loginRefreshWindow button.x-btn-text,
2224 #loginformWindow button.x-btn-text {
2225 color: #000;
2226 }
2227
2228 #loginformWindow .x-window-ml {
2229 background-color: #E4E4E4;
2230 }