Upgrade to ExtJS 3.2.0 - Released 03/30/2010
[extjs.git] / resources / css / xtheme-access.css
1 /*!
2  * Ext JS Library 3.2.0
3  * Copyright(c) 2006-2010 Ext JS, Inc.
4  * licensing@extjs.com
5  * http://www.extjs.com/license
6  */
7 body {
8         background-color:#16181a;
9         color:#fcfcfc;
10 }
11
12 .ext-el-mask {
13     background-color: #ccc;
14 }
15
16 .ext-el-mask-msg {
17     border-color:#223;
18     background-color:#3f4757;
19     background-image:url(../images/access/box/tb-blue.gif);
20 }
21 .ext-el-mask-msg div {
22     background-color: #232d38;
23     border-color:#556;
24     color:#fff;
25     font:normal 14px tahoma, arial, helvetica, sans-serif;
26 }
27
28 .x-mask-loading div {
29     background-color:#232d38;
30     background-image:url(../images/access/grid/loading.gif);
31 }
32
33 .x-item-disabled {
34     color: #ddd;
35 }
36
37 .x-item-disabled * {
38     color: #ddd !important;
39 }
40
41 .x-splitbar-proxy {
42     background-color: #aaa;
43 }
44
45 .x-color-palette a {
46     border-color:#fff;
47 }
48
49 .x-color-palette a:hover, .x-color-palette a.x-color-palette-sel {
50     border-color:#8bb8f3;
51     background-color: #deecfd;
52 }
53
54 .x-color-palette em {
55     border-color:#aca899;
56 }
57
58 .x-ie-shadow {
59     background-color:#777;
60 }
61
62 .x-shadow .xsmc {
63     background-image: url(../images/default/shadow-c.png);
64 }
65
66 .x-shadow .xsml, .x-shadow .xsmr {
67     background-image: url(../images/default/shadow-lr.png);
68 }
69
70 .x-shadow .xstl, .x-shadow .xstc,  .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbc, .x-shadow .xsbr{
71     background-image: url(../images/default/shadow.png);
72 }
73
74 .loading-indicator {
75     font-size: 14px;
76     background-image: url(../images/access/grid/loading.gif);
77 }
78
79 .x-spotlight {
80     background-color: #ccc;
81 }.x-tab-panel-header, .x-tab-panel-footer {
82         background-color:#e18325;
83         border-color:#8db2e3;
84     overflow:hidden;
85     zoom:1;
86 }
87
88 .x-tab-panel-header, .x-tab-panel-footer {
89         border-color:#222;
90 }
91
92 ul.x-tab-strip-top{
93     background-color:#343843;
94         background-image: url(../images/access/tabs/tab-strip-bg.gif);
95         border-bottom-color:#343d4e;
96 }
97
98 ul.x-tab-strip-bottom{
99     background-color:#343843;
100         background-image: url(../images/access/tabs/tab-strip-btm-bg.gif);
101         border-top-color:#343843;
102 }
103
104 .x-tab-panel-header-plain .x-tab-strip-spacer,
105 .x-tab-panel-footer-plain .x-tab-strip-spacer {
106     border-color:#222;
107     background-color:#e18325;
108 }
109
110 .x-tab-strip span.x-tab-strip-text {
111         font:normal 14px tahoma,arial,helvetica;
112         color:#fff;
113 }
114
115 .x-tab-strip-over span.x-tab-strip-text {
116         color:#fff;
117 }
118
119 .x-tab-strip-active span.x-tab-strip-text {
120         color:#fff;
121     font-weight:bold;
122 }
123
124 .x-tab-strip-disabled .x-tabs-text {
125         color:#aaaaaa;
126 }
127
128 .x-tab-strip-top .x-tab-right, .x-tab-strip-top .x-tab-left, .x-tab-strip-top .x-tab-strip-inner{
129         background-image: url(../images/access/tabs/tabs-sprite.gif);
130 }
131
132 .x-tab-strip-bottom .x-tab-right {
133         background-image: url(../images/access/tabs/tab-btm-inactive-right-bg.gif);
134 }
135
136 .x-tab-strip-bottom .x-tab-left {
137         background-image: url(../images/access/tabs/tab-btm-inactive-left-bg.gif);
138 }
139
140 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
141         background-image: url(../images/access/tabs/tab-btm-right-bg.gif);
142 }
143
144 .x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
145         background-image: url(../images/access/tabs/tab-btm-left-bg.gif);
146 }
147
148 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
149         background-image:url(../images/access/tabs/tab-close.gif);
150 }
151
152 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
153         background-image:url(../images/access/tabs/tab-close.gif);
154 }
155
156 .x-tab-panel-body {
157     border-color:#18181a;
158     background-color:#fff;
159 }
160
161 .x-tab-panel-body-top {
162     border-top: 0 none;
163 }
164
165 .x-tab-panel-body-bottom {
166     border-bottom: 0 none;
167 }
168
169 .x-tab-scroller-left {
170     background-image:url(../images/access/tabs/scroll-left.gif);
171     border-bottom-color:#8db2e3;
172 }
173
174 .x-tab-scroller-left-over {
175     background-position: 0 0;
176 }
177
178 .x-tab-scroller-left-disabled {
179     background-position: -18px 0;
180     opacity:.5;
181     -moz-opacity:.5;
182     filter:alpha(opacity=50);
183     cursor:default;
184 }
185
186 .x-tab-scroller-right {
187     background-image:url(../images/access/tabs/scroll-right.gif);
188     border-bottom-color:#8db2e3;
189 }
190
191 .x-tab-panel-bbar .x-toolbar, .x-tab-panel-tbar .x-toolbar {
192     border-color:#99bbe8;
193 }
194 .x-form-field {
195     font:normal 15px tahoma, arial, helvetica, sans-serif;
196 }
197
198 .x-form-text, textarea.x-form-field{
199     color: #ffffff;
200     background-color:#33373d;
201     background-image:url(../images/access/form/text-bg.gif);
202     border-color:#737b8c;
203     border-width:2px;
204 }
205
206 .ext-webkit .x-form-text, .ext-webkit textarea.x-form-field{
207     border-width:2px;
208 }
209
210 .x-form-text, .ext-ie .x-form-file {
211     height:26px;
212 }
213
214 .ext-strict .x-form-text {
215     height:20px;
216 }
217
218 .x-form-select-one {
219     background-color:#fff;
220     border-color:#b5b8c8;
221 }
222
223 .x-form-check-group-label {
224     border-bottom: 1px solid #99bbe8;
225     color: #fff;
226 }
227
228 .x-editor .x-form-check-wrap {
229     background-color:#fff;
230 }
231
232 .x-form-field-wrap .x-form-trigger{
233     background-image:url(../images/access/form/trigger.gif);
234     border-bottom-color:#737b8c;
235     border-bottom-width:2px;
236     height:24px;
237     width:20px;
238 }
239
240 .x-form-field-wrap .x-form-trigger.x-form-trigger-over{
241     border-bottom-color:#d97e27;
242 }
243
244 .x-form-field-wrap .x-form-trigger.x-form-trigger-click{
245     border-bottom-color:#c86e19;
246 }
247
248 .x-small-editor .x-form-field-wrap .x-form-trigger {
249     height:24px;
250 }
251
252 .x-form-field-wrap .x-form-trigger-over {
253     background-position:-20px 0;
254 }
255
256 .x-form-field-wrap .x-form-trigger-click {
257     background-position:-40px 0;
258 }
259
260 .x-trigger-wrap-focus .x-form-trigger {
261     background-position:-60px 0;
262 }
263
264 .x-trigger-wrap-focus .x-form-trigger-over {
265     background-position:-80px 0;
266 }
267
268 .x-trigger-wrap-focus .x-form-trigger-click {
269     background-position:-100px 0;
270 }
271
272 .x-form-field-wrap .x-form-date-trigger{
273     background-image: url(../images/access/form/date-trigger.gif);
274 }
275
276 .x-form-field-wrap .x-form-clear-trigger{
277     background-image: url(../images/access/form/clear-trigger.gif);
278 }
279
280 .x-form-field-wrap .x-form-search-trigger{
281     background-image: url(../images/access/form/search-trigger.gif);
282 }
283
284 .x-trigger-wrap-focus .x-form-trigger{
285     border-bottom-color:#737b8c;
286 }
287
288 .x-item-disabled .x-form-trigger-over{
289     border-bottom-color:#b5b8c8;
290 }
291
292 .x-item-disabled .x-form-trigger-click{
293     border-bottom-color:#b5b8c8;
294 }
295
296 .x-form-focus, textarea.x-form-focus{
297         border-color:#ff9c33;
298 }
299
300 .x-form-invalid, textarea.x-form-invalid,
301 .ext-webkit .x-form-invalid, .ext-webkit textarea.x-form-invalid{
302     background-color:#15171a;
303         background-image:url(../images/access/grid/invalid_line.gif);
304         border-color:#c30;
305 }
306
307 /*
308 .ext-safari .x-form-invalid{
309         background-color:#fee;
310         border-color:#ff7870;
311 }
312 */
313
314 .x-form-inner-invalid, textarea.x-form-inner-invalid{
315     background-color:#fff;
316         background-image:url(../images/access/grid/invalid_line.gif);
317 }
318
319 .x-form-grow-sizer {
320         font:normal 15px tahoma, arial, helvetica, sans-serif;
321 }
322
323 .x-form-item {
324     font:normal 15px tahoma, arial, helvetica, sans-serif;
325 }
326
327 .x-form-invalid-msg {
328     color:#c0272b;
329     font:normal 14px tahoma, arial, helvetica, sans-serif;
330     background-image:url(../images/default/shared/warning.gif);
331 }
332
333 .x-form-empty-field {
334     color:#dadadd;
335 }
336
337 .x-small-editor .x-form-text {
338     height: 26px;
339 }
340
341 .x-small-editor .x-form-field {
342     font:normal 14px arial, tahoma, helvetica, sans-serif;
343 }
344
345 .ext-safari .x-small-editor .x-form-field {
346     font:normal 15px arial, tahoma, helvetica, sans-serif;
347 }
348
349 .x-form-invalid-icon {
350     background-image:url(../images/access/form/exclamation.gif);
351     height:25px;
352     width:19px;
353     background-position:center right;
354 }
355
356 .x-fieldset {
357     border-color:#737B8C;
358 }
359
360 .x-fieldset legend {
361     font:bold 14px tahoma, arial, helvetica, sans-serif;
362     color:#fff;
363 }
364 .x-btn {
365         font:normal 14px tahoma, verdana, helvetica;
366 }
367
368 .x-btn button {
369     font:normal 14px arial,tahoma,verdana,helvetica;
370     color:#fffffa;
371     padding-left:6px !important;
372     padding-right:6px !important;
373 }
374
375 .x-btn-over .x-btn button{
376     color:#fff;
377 }
378
379 .x-btn-noicon .x-btn-small .x-btn-text, .x-btn-text-icon .x-btn-icon-small-left .x-btn-text,
380 .x-btn-icon .x-btn-small .x-btn-text, .x-btn-text-icon .x-btn-icon-small-right .x-btn-text {
381     height:18px;
382 }
383
384 .x-btn-icon .x-btn-small .x-btn-text {
385     width:18px;
386 }
387
388 .x-btn-text-icon .x-btn-icon-small-left .x-btn-text {
389     padding-left:21px !important;
390 }
391
392 .x-btn-text-icon .x-btn-icon-small-right .x-btn-text {
393     padding-right:21px !important;
394 }
395
396 .x-btn-text-icon .x-btn-icon-medium-left .x-btn-text {
397     padding-left:29px !important;
398 }
399
400 .x-btn-text-icon .x-btn-icon-medium-right .x-btn-text {
401     padding-right:29px !important;
402 }
403
404 .x-btn-text-icon .x-btn-icon-large-left .x-btn-text {
405     padding-left:37px !important;
406 }
407
408 .x-btn-text-icon .x-btn-icon-large-right .x-btn-text {
409     padding-right:37px !important;
410 }
411
412 .x-btn em {
413     font-style:normal;
414     font-weight:normal;
415 }
416
417 .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{
418         background-image:url(../images/access/button/btn.gif);
419 }
420
421 .x-btn-click .x-btn-text, .x-btn-menu-active .x-btn-text, .x-btn-pressed .x-btn-text{
422     color:#fff;
423 }
424
425 .x-btn-disabled *{
426         color:#eee !important;
427 }
428
429 .x-btn-mc em.x-btn-arrow {
430     background-image:url(../images/access/button/arrow.gif);
431     padding-right:13px;
432 }
433
434 .x-btn-mc em.x-btn-split {
435     background-image:url(../images/access/button/s-arrow.gif);
436     padding-right:20px;
437 }
438
439 .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 {
440     background-image:url(../images/access/button/s-arrow-o.gif);
441 }
442
443 .x-btn-mc em.x-btn-arrow-bottom {
444     background-image:url(../images/access/button/s-arrow-b-noline.gif);
445 }
446
447 .x-btn-mc em.x-btn-split-bottom {
448     background-image:url(../images/access/button/s-arrow-b.gif);
449 }
450
451 .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 {
452     background-image:url(../images/access/button/s-arrow-bo.gif);
453 }
454
455 .x-btn-group-header {
456     color: #d2d2d2;
457 }
458
459 .x-btn-group-tc {
460         background-image: url(../images/access/button/group-tb.gif);
461 }
462
463 .x-btn-group-tl {
464         background-image: url(../images/access/button/group-cs.gif);
465 }
466
467 .x-btn-group-tr {
468         background-image: url(../images/access/button/group-cs.gif);
469 }
470
471 .x-btn-group-bc {
472         background-image: url(../images/access/button/group-tb.gif);
473 }
474
475 .x-btn-group-bl {
476         background-image: url(../images/access/button/group-cs.gif);
477 }
478
479 .x-btn-group-br {
480         background-image: url(../images/access/button/group-cs.gif);
481 }
482
483 .x-btn-group-ml {
484         background-image: url(../images/access/button/group-lr.gif);
485 }
486
487 .x-btn-group-mr {
488         background-image: url(../images/access/button/group-lr.gif);
489 }
490
491 .x-btn-group-notitle .x-btn-group-tc {
492         background-image: url(../images/access/button/group-tb.gif);
493 }
494 .x-toolbar{
495         border-color:#18181a;
496     background-color:#393d4e;
497     background-image:url(../images/access/toolbar/bg.gif);
498 }
499
500 .x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{
501     font:normal 14px arial,tahoma, helvetica, sans-serif;
502 }
503
504 .x-toolbar .x-item-disabled {
505         color:gray;
506 }
507
508 .x-toolbar .x-item-disabled * {
509         color:gray;
510 }
511
512 .x-toolbar .x-btn-mc em.x-btn-split {
513     background-image:url(../images/access/button/s-arrow-noline.gif);
514 }
515
516 .x-toolbar .x-btn-over .x-btn-mc em.x-btn-split, .x-toolbar .x-btn-click .x-btn-mc em.x-btn-split, 
517 .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 
518 {
519     background-image:url(../images/access/button/s-arrow-o.gif);
520 }
521
522 .x-toolbar .x-btn-mc em.x-btn-split-bottom {
523     background-image:url(../images/access/button/s-arrow-b-noline.gif);
524 }
525
526 .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, 
527 .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 
528 {
529     background-image:url(../images/access/button/s-arrow-bo.gif);
530 }
531
532 .x-toolbar .xtb-sep {
533         background-image: url(../images/access/grid/grid-blue-split.gif);
534 }
535
536 .x-toolbar .x-btn {
537     padding-left:3px;
538     padding-right:3px;
539 }
540
541 .x-toolbar .x-btn-mc em.x-btn-arrow {
542     padding-right:10px;
543 }
544
545 .x-toolbar .x-btn-text-icon .x-btn-icon-small-left .x-btn-text {
546     padding-left:18px !important;
547 }
548
549 .x-toolbar .x-btn-mc em.x-btn-split {
550     padding-right:14px;
551 }
552
553 .x-tbar-page-first{
554         background-image: url(../images/access/grid/page-first.gif) !important;
555 }
556
557 .x-tbar-loading{
558         background-image: url(../images/access/grid/refresh.gif) !important;
559 }
560
561 .x-tbar-page-last{
562         background-image: url(../images/access/grid/page-last.gif) !important;
563 }
564
565 .x-tbar-page-next{
566         background-image: url(../images/access/grid/page-next.gif) !important;
567 }
568
569 .x-tbar-page-prev{
570         background-image: url(../images/access/grid/page-prev.gif) !important;
571 }
572
573 .x-item-disabled .x-tbar-loading{
574         background-image: url(../images/access/grid/loading.gif) !important;
575 }
576
577 .x-item-disabled .x-tbar-page-first{
578         background-image: url(../images/access/grid/page-first-disabled.gif) !important;
579 }
580
581 .x-item-disabled .x-tbar-page-last{
582         background-image: url(../images/access/grid/page-last-disabled.gif) !important;
583 }
584
585 .x-item-disabled .x-tbar-page-next{
586         background-image: url(../images/access/grid/page-next-disabled.gif) !important;
587 }
588
589 .x-item-disabled .x-tbar-page-prev{
590         background-image: url(../images/access/grid/page-prev-disabled.gif) !important;
591 }
592
593 .x-paging-info {
594     color:#444;
595 }
596
597 .x-toolbar-more-icon {
598     background-image: url(../images/access/toolbar/more.gif) !important;
599 }
600
601 .x-statusbar .x-status-busy {
602     background-image: url(../images/access/grid/loading.gif);
603 }
604
605 .x-statusbar .x-status-text-panel {
606     border-color: #99bbe8 #fff #fff #99bbe8;
607 }
608 .x-resizable-handle {
609         background-color:#fff;
610         color: #000;
611 }
612
613 .x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-east,
614 .x-resizable-over .x-resizable-handle-west, .x-resizable-pinned .x-resizable-handle-west
615 {
616     background-image:url(../images/access/sizer/e-handle.gif);
617 }
618
619 .x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south,
620 .x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north
621 {
622     background-image:url(../images/access/sizer/s-handle.gif);
623 }
624
625 .x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north{
626     background-image:url(../images/access/sizer/s-handle.gif);
627 }
628 .x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast{
629     background-image:url(../images/access/sizer/se-handle.gif);
630 }
631 .x-resizable-over .x-resizable-handle-northwest, .x-resizable-pinned .x-resizable-handle-northwest{
632     background-image:url(../images/access/sizer/nw-handle.gif);
633 }
634 .x-resizable-over .x-resizable-handle-northeast, .x-resizable-pinned .x-resizable-handle-northeast{
635     background-image:url(../images/access/sizer/ne-handle.gif);
636 }
637 .x-resizable-over .x-resizable-handle-southwest, .x-resizable-pinned .x-resizable-handle-southwest{
638     background-image:url(../images/access/sizer/sw-handle.gif);
639 }
640 .x-resizable-proxy{
641     border-color:#3b5a82;
642 }
643 .x-resizable-overlay{
644     background-color:#fff;
645 }
646 .x-grid3 {
647     background-color:#1f2933;
648 }
649
650 .x-grid-panel .x-panel-mc .x-panel-body {
651     border-color:#223;
652 }
653
654 .x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td{
655         font:normal 14px arial, tahoma, helvetica, sans-serif;
656 }
657
658 .x-grid3-hd-row td {
659     border-left-color:#556;
660     border-right-color:#223;
661 }
662
663 .x-grid-row-loading {
664     background-color: #fff;
665     background-image:url(../images/default/shared/loading-balls.gif);
666 }
667
668 .x-grid3-row {
669     border:0 none;
670     border-bottom:1px solid #111;
671     border-right:1px solid #1a1a1c;
672 }
673
674 .x-grid3-row-alt{
675         background-color:#1b232b;
676 }
677
678 .x-grid3-row-over {
679     background-color:#7e5530;
680 }
681
682 .x-grid3-resize-proxy {
683     background-color:#777;
684 }
685
686 .x-grid3-resize-marker {
687     background-color:#777;
688 }
689
690 .x-grid3-header{
691     background-color:#3b3f50;
692         background-image:url(../images/access/grid/grid3-hrow.gif);
693 }
694
695 .x-grid3-header-pop {
696     border-left-color:#d0d0d0;
697 }
698
699 .x-grid3-header-pop-inner {
700     border-left-color:#eee;
701     background-image:url(../images/default/grid/hd-pop.gif);
702 }
703
704 td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {
705     border-left-color:#889;
706     border-right-color:#445;
707 }
708
709 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 {
710     background-color:#4e628a;
711     background-image:url(../images/access/grid/grid3-hrow-over.gif);
712 }
713
714 .x-grid3-cell-inner, .x-grid3-hd-inner {
715     color:#fff;
716 }
717
718 .sort-asc .x-grid3-sort-icon {
719         background-image: url(../images/access/grid/sort_asc.gif);
720         width:15px;
721         height:9px;
722         margin-left:5px;
723 }
724
725 .sort-desc .x-grid3-sort-icon {
726         background-image: url(../images/access/grid/sort_desc.gif);
727         width:15px;
728         height:9px;
729         margin-left:5px;
730 }
731
732 .x-grid3-cell-text, .x-grid3-hd-text {
733         color:#fff;
734 }
735
736 .x-grid3-split {
737         background-image: url(../images/default/grid/grid-split.gif);
738 }
739
740 .x-grid3-hd-text {
741         color:fff;
742 }
743
744 .x-dd-drag-proxy .x-grid3-hd-inner{
745     background-color:#ebf3fd;
746         background-image:url(../images/access/grid/grid3-hrow-over.gif);
747         border-color:#aaccf6;
748 }
749
750 .col-move-top{
751         background-image:url(../images/default/grid/col-move-top.gif);
752 }
753
754 .col-move-bottom{
755         background-image:url(../images/default/grid/col-move-bottom.gif);
756 }
757
758 .x-grid3-row-selected {
759         background-color: #e5872c !important;
760         background-image: none;
761         border-style: solid;
762 }
763
764 .x-grid3-row-selected .x-grid3-cell {
765     color: #fff;
766 }
767
768 .x-grid3-cell-selected {
769         background-color: #ffa340 !important;
770         color:#fff;
771 }
772
773 .x-grid3-cell-selected span{
774         color:#fff !important;
775 }
776
777 .x-grid3-cell-selected .x-grid3-cell-text{
778         color:#fff;
779 }
780
781 .x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{
782     background-color:#ebeadb !important;
783     background-image:url(../images/default/grid/grid-hrow.gif) !important;
784     color:#fff;
785     border-top-color:#fff;
786     border-right-color:#6fa0df !important;
787 }
788
789 .x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{
790     color:fff !important;
791 }
792
793 .x-grid3-dirty-cell {
794     background-image:url(../images/access/grid/dirty.gif);
795 }
796
797 .x-grid3-topbar, .x-grid3-bottombar{
798         font:normal 14px arial, tahoma, helvetica, sans-serif;
799 }
800
801 .x-grid3-bottombar .x-toolbar{
802         border-top-color:#a9bfd3;
803 }
804
805 .x-props-grid .x-grid3-td-name .x-grid3-cell-inner{
806         background-image:url(../images/access/grid/grid3-special-col-bg.gif) !important;
807     color:#fff !important;
808 }
809 .x-props-grid .x-grid3-td-value {
810     color:#fff !important;
811 }
812
813 .x-props-grid .x-grid3-body .x-grid3-td-name{
814     background-color:#263240 !important;
815     border-right-color:#223;
816 }
817
818 .xg-hmenu-sort-asc .x-menu-item-icon{
819         background-image: url(../images/access/grid/hmenu-asc.gif);
820 }
821
822 .xg-hmenu-sort-desc .x-menu-item-icon{
823         background-image: url(../images/access/grid/hmenu-desc.gif);
824 }
825
826 .xg-hmenu-lock .x-menu-item-icon{
827         background-image: url(../images/access/grid/hmenu-lock.gif);
828 }
829
830 .xg-hmenu-unlock .x-menu-item-icon{
831         background-image: url(../images/access/grid/hmenu-unlock.gif);
832 }
833
834 .x-grid3-hd-btn {
835     background-color:#c2c9d0;
836     background-image:url(../images/access/grid/grid3-hd-btn.gif);
837 }
838
839 .x-grid3-body .x-grid3-td-expander {
840     background-image:url(../images/access/grid/grid3-special-col-bg.gif);
841 }
842
843 .x-grid3-row-expander {
844     background-image:url(../images/access/grid/row-expand-sprite.gif);
845 }
846
847 .x-grid3-body .x-grid3-td-checker {
848     background-image: url(../images/access/grid/grid3-special-col-bg.gif);
849 }
850
851 .x-grid3-row-checker, .x-grid3-hd-checker {
852     background-image:url(../images/default/grid/row-check-sprite.gif);
853 }
854
855 .x-grid3-body .x-grid3-td-numberer {
856     background-image:url(../images/access/grid/grid3-special-col-bg.gif);
857 }
858
859 .x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {
860         color:#fff;
861 }
862
863 .x-grid3-body .x-grid3-td-row-icon {
864     background-image:url(../images/access/grid/grid3-special-col-bg.gif);
865 }
866
867 .x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,
868 .x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,
869 .x-grid3-body .x-grid3-row-selected .x-grid3-td-expander {
870         background-image:url(../images/access/grid/grid3-special-col-sel-bg.gif);
871 }
872
873 .x-grid3-check-col {
874         background-image:url(../images/default/menu/unchecked.gif);
875 }
876
877 .x-grid3-check-col-on {
878         background-image:url(../images/default/menu/checked.gif);
879 }
880
881 .x-grid-group, .x-grid-group-body, .x-grid-group-hd {
882     zoom:1;
883 }
884
885 .x-grid-group-hd {
886     border-bottom-color:#4e628a;
887 }
888
889 .x-grid-group-hd div.x-grid-group-title {
890     background-image:url(../images/access/grid/group-collapse.gif);
891     background-position:3px 6px;
892     color:#ffd;
893     font:bold 14px tahoma, arial, helvetica, sans-serif;
894 }
895
896 .x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title {
897     background-image:url(../images/access/grid/group-expand.gif);
898 }
899
900 .x-group-by-icon {
901     background-image:url(../images/default/grid/group-by.gif);
902 }
903
904 .x-cols-icon {
905     background-image:url(../images/default/grid/columns.gif);
906 }
907
908 .x-show-groups-icon {
909     background-image:url(../images/default/grid/group-by.gif);
910 }
911
912 .x-grid-empty {
913     color:gray;
914     font:normal 14px tahoma, arial, helvetica, sans-serif;
915 }
916
917 .x-grid-with-col-lines .x-grid3-row td.x-grid3-cell {
918     border-right-color:#ededed;
919 }
920
921 .x-grid-with-col-lines .x-grid3-row{
922     border-top-color:#ededed;
923 }
924
925 .x-grid-with-col-lines .x-grid3-row-selected {
926         border-top-color:#a3bae9;
927 }
928 .x-dd-drag-ghost{
929         color:#000;
930         font: normal 14px arial, helvetica, sans-serif;
931     border-color: #ddd #bbb #bbb #ddd;
932         background-color:#fff;
933 }
934
935 .x-dd-drop-nodrop .x-dd-drop-icon{
936   background-image: url(../images/default/dd/drop-no.gif);
937 }
938
939 .x-dd-drop-ok .x-dd-drop-icon{
940   background-image: url(../images/default/dd/drop-yes.gif);
941 }
942
943 .x-dd-drop-ok-add .x-dd-drop-icon{
944   background-image: url(../images/default/dd/drop-add.gif);
945 }
946
947 .x-view-selector {
948     background-color:#c3daf9;
949     border-color:#3399bb;
950 }
951 .x-tree-node-expanded .x-tree-node-icon{
952         background-image:url(../images/access/tree/folder-open.gif);
953 }
954
955 .x-tree-node-leaf .x-tree-node-icon{
956         background-image:url(../images/default/tree/leaf.gif);
957 }
958
959 .x-tree-node-collapsed .x-tree-node-icon{
960         background-image:url(../images/access/tree/folder.gif);
961 }
962
963 .x-tree-node-loading .x-tree-node-icon{
964         background-image:url(../images/default/tree/loading.gif) !important;
965 }
966
967 .x-tree-node .x-tree-node-inline-icon {
968     background-image: none;
969 }
970
971 .x-tree-node-loading a span{
972          font-style: italic;
973          color:#444444;
974 }
975
976 .ext-ie .x-tree-node-el input {
977     width:14px;
978     height:14px;
979 }
980
981 .x-tree-lines .x-tree-elbow{
982         background-image:url(../images/access/tree/elbow.gif);
983 }
984
985 .x-tree-lines .x-tree-elbow-plus{
986         background-image:url(../images/access/tree/elbow-plus.gif);
987 }
988
989 .x-tree-lines .x-tree-elbow-minus{
990         background-image:url(../images/access/tree/elbow-minus.gif);
991 }
992
993 .x-tree-lines .x-tree-elbow-end{
994         background-image:url(../images/access/tree/elbow-end.gif);
995 }
996
997 .x-tree-lines .x-tree-elbow-end-plus{
998         background-image:url(../images/access/tree/elbow-end-plus.gif);
999 }
1000
1001 .x-tree-lines .x-tree-elbow-end-minus{
1002         background-image:url(../images/access/tree/elbow-end-minus.gif);
1003 }
1004
1005 .x-tree-lines .x-tree-elbow-line{
1006         background-image:url(../images/access/tree/elbow-line.gif);
1007 }
1008
1009 .x-tree-no-lines .x-tree-elbow-plus{
1010         background-image:url(../images/access/tree/elbow-plus-nl.gif);
1011 }
1012
1013 .x-tree-no-lines .x-tree-elbow-minus{
1014         background-image:url(../images/access/tree/elbow-minus-nl.gif);
1015 }
1016
1017 .x-tree-no-lines .x-tree-elbow-end-plus{
1018         background-image:url(../images/access/tree/elbow-end-plus-nl.gif);
1019 }
1020
1021 .x-tree-no-lines .x-tree-elbow-end-minus{
1022         background-image:url(../images/access/tree/elbow-end-minus-nl.gif);
1023 }
1024
1025 .x-tree-arrows .x-tree-elbow-plus{
1026     background-image:url(../images/access/tree/arrows.gif);
1027 }
1028
1029 .x-tree-arrows .x-tree-elbow-minus{
1030     background-image:url(../images/access/tree/arrows.gif);
1031 }
1032
1033 .x-tree-arrows .x-tree-elbow-end-plus{
1034     background-image:url(../images/access/tree/arrows.gif);
1035 }
1036
1037 .x-tree-arrows .x-tree-elbow-end-minus{
1038     background-image:url(../images/access/tree/arrows.gif);
1039 }
1040
1041 .x-tree-node{
1042         color:#000;
1043         font: normal 14px arial, tahoma, helvetica, sans-serif;
1044 }
1045
1046 .x-tree-node a, .x-dd-drag-ghost a{
1047         color:#fff;
1048 }
1049
1050 .x-tree-node a span, .x-dd-drag-ghost a span{
1051         color:#fff;
1052 }
1053
1054 .x-tree-node .x-tree-selected a, .x-dd-drag-ghost a{
1055         color:#fff;
1056 }
1057
1058 .x-tree-node .x-tree-selected a span, .x-dd-drag-ghost a span{
1059         color:#fff;
1060 }
1061
1062 .x-tree-node .x-tree-node-disabled a span{
1063         color:gray !important;
1064 }
1065
1066 .x-tree-node div.x-tree-drag-insert-below{
1067          border-bottom-color:#36c;
1068 }
1069
1070 .x-tree-node div.x-tree-drag-insert-above{
1071          border-top-color:#36c;
1072 }
1073
1074 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{
1075          border-bottom-color:#36c;
1076 }
1077
1078 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{
1079          border-top-color:#36c;
1080 }
1081
1082 .x-tree-node .x-tree-drag-append a span{
1083          background-color:#ddd;
1084          border-color:gray;
1085 }
1086
1087 .x-tree-node .x-tree-node-over {
1088         background-color: #7e5530;
1089 }
1090
1091 .x-tree-node .x-tree-selected {
1092         background-color: #e5872c;
1093 }
1094
1095 .x-tree-drop-ok-append .x-dd-drop-icon{
1096   background-image: url(../images/default/tree/drop-add.gif);
1097 }
1098
1099 .x-tree-drop-ok-above .x-dd-drop-icon{
1100   background-image: url(../images/default/tree/drop-over.gif);
1101 }
1102
1103 .x-tree-drop-ok-below .x-dd-drop-icon{
1104   background-image: url(../images/default/tree/drop-under.gif);
1105 }
1106
1107 .x-tree-drop-ok-between .x-dd-drop-icon{
1108   background-image: url(../images/default/tree/drop-between.gif);
1109 }
1110 .x-date-picker {
1111     border-color: #737b8c;
1112     background-color:#21252e;
1113 }
1114
1115 .x-date-middle,.x-date-left,.x-date-right {
1116         background-image: url(../images/access/shared/hd-sprite.gif);
1117         color:#fff;
1118         font:bold 14px "sans serif", tahoma, verdana, helvetica;
1119 }
1120
1121 .x-date-middle .x-btn .x-btn-text {
1122     color:#fff;
1123 }
1124
1125 .x-date-middle .x-btn-mc em.x-btn-arrow {
1126     background-image:url(../images/access/toolbar/btn-arrow-light.gif);
1127 }
1128
1129 .x-date-right a {
1130     background-image: url(../images/access/shared/right-btn.gif);
1131 }
1132
1133 .x-date-left a{
1134         background-image: url(../images/access/shared/left-btn.gif);
1135 }
1136
1137 .x-date-inner th {
1138     background-color:#363d4a;
1139     background-image:url(../images/access/toolbar/bg.gif);
1140         border-bottom-color:#535b5c;
1141     font:normal 13px arial, helvetica,tahoma,sans-serif;
1142         color:#fff;
1143 }
1144
1145 .x-date-inner td {
1146     border-color:#112;
1147 }
1148
1149 .x-date-inner a {
1150     font:normal 14px arial, helvetica,tahoma,sans-serif;
1151     color:#fff;
1152     padding:2px 7px 1px 3px; /* Structure to account for larger, bolder fonts in Access theme. */
1153 }
1154
1155 .x-date-inner .x-date-active{
1156         color:#000;
1157 }
1158
1159 .x-date-inner .x-date-selected a{
1160     background-color:#e5872c;
1161         background-image:none;
1162         border-color:#864900;
1163     padding:1px 6px 1px 2px; /* Structure to account for larger, bolder fonts in Access theme. */
1164 }
1165
1166 .x-date-inner .x-date-today a{
1167         border-color:#99a;
1168 }
1169
1170 .x-date-inner .x-date-selected span{
1171     font-weight:bold;
1172 }
1173
1174 .x-date-inner .x-date-prevday a,.x-date-inner .x-date-nextday a {
1175         color:#aaa;
1176 }
1177
1178 .x-date-bottom {
1179     border-top-color:#737b8c;
1180     background-color:#464d5a;
1181     background-image:url(../images/access/shared/glass-bg.gif);
1182 }
1183
1184 .x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover{
1185     color:#fff;
1186     background-color:#7e5530;
1187 }
1188
1189 .x-date-inner .x-date-disabled a {
1190         background-color:#eee;
1191         color:#bbb;
1192 }
1193
1194 .x-date-mmenu{
1195     background-color:#eee !important;
1196 }
1197
1198 .x-date-mmenu .x-menu-item {
1199         font-size:13px;
1200         color:#000;
1201 }
1202
1203 .x-date-mp {
1204         background-color:#21252e;
1205 }
1206
1207 .x-date-mp td {
1208         font:normal 14px arial, helvetica,tahoma,sans-serif;
1209 }
1210
1211 .x-date-mp-btns button {
1212         background-color:#083772;
1213         color:#fff;
1214         border-color: #3366cc #000055 #000055 #3366cc;
1215         font:normal 14px arial, helvetica,tahoma,sans-serif;
1216 }
1217
1218 .x-date-mp-btns {
1219     background-color: #dfecfb;
1220         background-image: url(../images/access/shared/glass-bg.gif);
1221 }
1222
1223 .x-date-mp-btns td {
1224         border-top-color: #c5d2df;
1225 }
1226
1227 td.x-date-mp-month a,td.x-date-mp-year a {
1228         color:#fff;
1229 }
1230
1231 td.x-date-mp-month a:hover,td.x-date-mp-year a:hover {
1232         color:fff;
1233         background-color: #7e5530;
1234 }
1235
1236 td.x-date-mp-sel a {
1237     background-color: #e5872c;
1238         background-image: none;
1239         border-color:#864900;
1240 }
1241
1242 .x-date-mp-ybtn a {
1243     background-image:url(../images/access/panel/tool-sprites.gif);
1244 }
1245
1246 td.x-date-mp-sep {
1247    border-right-color:#c5d2df;
1248 }
1249 .x-tip .x-tip-close{
1250         background-image: url(../images/access/qtip/close.gif);
1251 }
1252
1253 .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 {
1254         background-image: url(../images/access/qtip/tip-sprite.gif);
1255 }
1256
1257 .x-tip .x-tip-mc {
1258     font: normal 14px tahoma,arial,helvetica,sans-serif;
1259 }
1260 .x-tip .x-tip-ml {
1261         background-color: #fff;
1262 }
1263
1264 .x-tip .x-tip-header-text {
1265     font: bold 14px tahoma,arial,helvetica,sans-serif;
1266     color:#ffd;
1267 }
1268
1269 .x-tip .x-tip-body {
1270     font: normal 14px tahoma,arial,helvetica,sans-serif;
1271     color:#000;
1272 }
1273
1274 .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,
1275 .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
1276 {
1277         background-image: url(../images/default/form/error-tip-corners.gif);
1278 }
1279
1280 .x-form-invalid-tip .x-tip-body {
1281     background-image:url(../images/access/form/exclamation.gif);
1282 }
1283
1284 .x-tip-anchor {
1285     background-image:url(../images/access/qtip/tip-anchor-sprite.gif);
1286 }
1287 .x-menu {
1288         border-color:#222;
1289     background-color:#414551;
1290         background-image:url(../images/access/menu/menu.gif);
1291 }
1292
1293 .x-menu-nosep {
1294         background-image:none;
1295 }
1296
1297 .x-menu-list-item{
1298         font:normal 14px tahoma,arial, sans-serif;
1299 }
1300
1301 .x-menu-item-arrow{
1302         background-image:url(../images/access/menu/menu-parent.gif);
1303 }
1304
1305 .x-menu-sep {
1306     background-color:#223;
1307         border-bottom-color:#666;
1308 }
1309
1310 a.x-menu-item {
1311         color:#fffff6;
1312 }
1313
1314 .x-menu-item-active {
1315         background-color: #f09134;
1316         background-image: none;
1317     border-color:#b36427;
1318 }
1319
1320 .x-menu-item-active a.x-menu-item {
1321         border-color:#b36427;
1322 }
1323
1324 .x-menu-check-item .x-menu-item-icon{
1325         background-image:url(../images/default/menu/unchecked.gif);
1326 }
1327
1328 .x-menu-item-checked .x-menu-item-icon{
1329         background-image:url(../images/default/menu/checked.gif);
1330 }
1331
1332 .x-menu-item-checked .x-menu-group-item .x-menu-item-icon{
1333     background-image:url(../images/access/menu/group-checked.gif);
1334 }
1335
1336 .x-menu-group-item .x-menu-item-icon{
1337     background-image:none;
1338 }
1339
1340 .x-menu-plain {
1341         background-color:#fff !important;
1342 }
1343
1344 .x-menu .x-date-picker{
1345     border-color:#a3bad9;
1346 }
1347
1348 .x-cycle-menu .x-menu-item-checked {
1349     border-color:#a3bae9 !important;
1350     background-color:#def8f6;
1351 }
1352
1353 .x-menu-scroller-top {
1354     background-image:url(../images/default/layout/mini-top.gif);
1355 }
1356
1357 .x-menu-scroller-bottom {
1358     background-image:url(../images/default/layout/mini-bottom.gif);
1359 }
1360 .x-box-tl {
1361         background-image: url(../images/default/box/corners.gif);
1362 }
1363
1364 .x-box-tc {
1365         background-image: url(../images/default/box/tb.gif);
1366 }
1367
1368 .x-box-tr {
1369         background-image: url(../images/default/box/corners.gif);
1370 }
1371
1372 .x-box-ml {
1373         background-image: url(../images/default/box/l.gif);
1374 }
1375
1376 .x-box-mc {
1377         background-color: #eee;
1378     background-image: url(../images/default/box/tb.gif);
1379         font-family: "Myriad Pro","Myriad Web","Tahoma","Helvetica","Arial",sans-serif;
1380         color: #393939;
1381         font-size: 15px;
1382 }
1383
1384 .x-box-mc h3 {
1385         font-size: 18px;
1386         font-weight: bold;
1387 }
1388
1389 .x-box-mr {
1390         background-image: url(../images/default/box/r.gif);
1391 }
1392
1393 .x-box-bl {
1394         background-image: url(../images/default/box/corners.gif);
1395 }
1396
1397 .x-box-bc {
1398         background-image: url(../images/default/box/tb.gif);
1399 }
1400
1401 .x-box-br {
1402         background-image: url(../images/default/box/corners.gif);
1403 }
1404
1405 .x-box-blue .x-box-bl, .x-box-blue .x-box-br, .x-box-blue .x-box-tl, .x-box-blue .x-box-tr {
1406         background-image: url(../images/default/box/corners-blue.gif);
1407 }
1408
1409 .x-box-blue .x-box-bc, .x-box-blue .x-box-mc, .x-box-blue .x-box-tc {
1410         background-image: url(../images/default/box/tb-blue.gif);
1411 }
1412
1413 .x-box-blue .x-box-mc {
1414         background-color: #c3daf9;
1415 }
1416
1417 .x-box-blue .x-box-mc h3 {
1418         color: #17385b;
1419 }
1420
1421 .x-box-blue .x-box-ml {
1422         background-image: url(../images/default/box/l-blue.gif);
1423 }
1424
1425 .x-box-blue .x-box-mr {
1426         background-image: url(../images/default/box/r-blue.gif);
1427 }
1428 .x-combo-list {
1429     border:2px solid #232732;
1430     background-color:#555566;
1431     font:normal 15px tahoma, arial, helvetica, sans-serif;
1432 }
1433
1434 .x-combo-list-inner {
1435     background-color:#414551;
1436 }
1437
1438 .x-combo-list-hd {
1439     font:bold 14px tahoma, arial, helvetica, sans-serif;
1440     color:fff;
1441     background-image: url(../images/default/layout/panel-title-light-bg.gif);
1442     border-bottom-color:#98c0f4;
1443 }
1444
1445 .x-resizable-pinned .x-combo-list-inner {
1446     border-bottom-color:#98c0f4;
1447 }
1448
1449 .x-combo-list-item {
1450     border-color:#556;
1451 }
1452
1453 .x-combo-list .x-combo-selected {
1454         border-color:#e5872c !important;
1455     background-color:#e5872c;
1456 }
1457
1458 .x-combo-list .x-toolbar {
1459     border-top-color:#98c0f4;
1460 }
1461
1462 .x-combo-list-small {
1463     font:normal 14px tahoma, arial, helvetica, sans-serif;
1464 }
1465 .x-panel {
1466     border-color: #18181a;
1467     font-size: 14px;
1468 }
1469
1470 .x-panel-header {
1471     color:#fff;
1472         font-weight:bold; 
1473     font-size: 14px;
1474     font-family: tahoma,arial,verdana,sans-serif;
1475     border-color:#18181a;
1476     background-image: url(../images/access/panel/white-top-bottom.gif);
1477 }
1478
1479 .x-panel-body {
1480     color: #fffff6;
1481     border-color:#18181a;
1482     background-color:#232d38;
1483 }
1484
1485 .x-tab-panel .x-panel-body {
1486     color: #fffff6;
1487     border-color:#18181a;
1488     background-color:#1f2730;
1489 }
1490
1491 .x-panel-bbar .x-toolbar, .x-panel-tbar .x-toolbar {
1492     border-color:#223;
1493 }
1494
1495 .x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
1496     border-top-color:#223;
1497 }
1498
1499 .x-panel-body-noheader, .x-panel-mc .x-panel-body {
1500     border-top-color:#223;
1501 }
1502
1503 .x-panel-tl .x-panel-header {
1504     color:fff;
1505         font:bold 14px tahoma,arial,verdana,sans-serif;
1506 }
1507
1508 .x-panel-tc {
1509         background-image: url(../images/access/panel/top-bottom.gif);
1510 }
1511
1512 .x-panel-tl, .x-panel-tr, .x-panel-bl,  .x-panel-br{
1513         background-image: url(../images/access/panel/corners-sprite.gif);
1514     border-bottom-color:#222224;
1515 }
1516
1517 .x-panel-bc {
1518         background-image: url(../images/access/panel/top-bottom.gif);
1519 }
1520
1521 .x-panel-mc {
1522     font: normal 14px tahoma,arial,helvetica,sans-serif;
1523     background-color:#3f4757;
1524 }
1525
1526 .x-panel-ml {
1527     background-image:url(../images/access/panel/left-right.gif);
1528 }
1529
1530 .x-panel-mr {
1531         background-image: url(../images/access/panel/left-right.gif);
1532 }
1533
1534 .x-tool {
1535     background-image:url(../images/access/panel/tool-sprites.gif);
1536 }
1537
1538 .x-panel-ghost {
1539     background-color:#3f4757;
1540 }
1541
1542 .x-panel-ghost ul {
1543     border-color:#18181a;
1544 }
1545
1546 .x-panel-dd-spacer {
1547     border-color:#18181a;
1548 }
1549
1550 .x-panel-fbar td,.x-panel-fbar span,.x-panel-fbar input,.x-panel-fbar div,.x-panel-fbar select,.x-panel-fbar label{
1551     font:normal 14px arial,tahoma, helvetica, sans-serif;
1552 }
1553 .x-window-proxy {
1554     background-color:#1f2833;
1555     border-color:#18181a;
1556 }
1557
1558 .x-window-tl .x-window-header {
1559     color:fff;
1560         font:bold 14px tahoma,arial,verdana,sans-serif;
1561 }
1562
1563 .x-window-tc {
1564         background-image: url(../images/access/window/top-bottom.png);
1565 }
1566
1567 .x-window-tl {
1568         background-image: url(../images/access/window/left-corners.png);
1569 }
1570
1571 .x-window-tr {
1572         background-image: url(../images/access/window/right-corners.png);
1573 }
1574
1575 .x-window-bc {
1576         background-image: url(../images/access/window/top-bottom.png);
1577 }
1578
1579 .x-window-bl {
1580         background-image: url(../images/access/window/left-corners.png);
1581 }
1582
1583 .x-window-br {
1584         background-image: url(../images/access/window/right-corners.png);
1585 }
1586
1587 .x-window-mc {
1588     border-color:#18181a;
1589     font: normal 14px tahoma,arial,helvetica,sans-serif;
1590     background-color:#1f2833;
1591 }
1592
1593 .x-window-ml {
1594         background-image: url(../images/access/window/left-right.png);
1595 }
1596
1597 .x-window-mr {
1598         background-image: url(../images/access/window/left-right.png);
1599 }
1600
1601 .x-window-maximized .x-window-tc {
1602     background-color:#fff;
1603 }
1604
1605 .x-window-bbar .x-toolbar {
1606     border-top-color:#323945;
1607 }
1608
1609 .x-panel-ghost .x-window-tl {
1610     border-bottom-color:#323945;
1611 }
1612
1613 .x-panel-collapsed .x-window-tl {
1614     border-bottom-color:#323945;
1615 }
1616
1617 .x-dlg-mask{
1618    background-color:#ccc;
1619 }
1620
1621 .x-window-plain .x-window-mc {
1622     background-color: #464f61;
1623     border-color: #636778;
1624 }
1625
1626 .x-window-plain .x-window-body {
1627     color: #fffff6;
1628     border-color: #464F61;
1629 }
1630
1631 body.x-body-masked .x-window-plain .x-window-mc {
1632     background-color: #464f61;
1633 }
1634 .x-html-editor-wrap {
1635     border-color:#737B8C;
1636     background-color:#fff;
1637 }
1638 .x-html-editor-wrap iframe {
1639     background-color: #fff;
1640 }
1641 .x-html-editor-tb .x-btn-text {
1642     background-image:url(../images/access/editor/tb-sprite.gif);
1643 }.x-panel-noborder .x-panel-header-noborder {
1644     border-bottom-color:#343d4e;
1645 }
1646
1647 .x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
1648     border-bottom-color:#343d4e;
1649 }
1650
1651 .x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
1652     border-top-color:#343d4e;
1653 }
1654
1655 .x-tab-panel-bbar-noborder .x-toolbar {
1656     border-top-color:#343d4e;
1657 }
1658
1659 .x-tab-panel-tbar-noborder .x-toolbar {
1660     border-bottom-color:#343d4e;
1661 }
1662 .x-border-layout-ct {
1663     background-color:#3f4757;
1664 }
1665
1666 .x-accordion-hd {
1667         color:#fff;
1668     font-weight:normal;
1669     background-image: url(../images/access/panel/light-hd.gif);
1670 }
1671
1672 .x-layout-collapsed{
1673     background-color:#323845;
1674         border-color:#1a1a1c;
1675 }
1676
1677 .x-layout-collapsed-over{
1678     background-color:#2d3440;
1679 }
1680
1681 .x-layout-split-west .x-layout-mini {
1682     background-image:url(../images/default/layout/mini-left.gif);
1683 }
1684
1685 .x-layout-split-east .x-layout-mini {
1686     background-image:url(../images/default/layout/mini-right.gif);
1687 }
1688
1689 .x-layout-split-north .x-layout-mini {
1690     background-image:url(../images/default/layout/mini-top.gif);
1691 }
1692
1693 .x-layout-split-south .x-layout-mini {
1694     background-image:url(../images/default/layout/mini-bottom.gif);
1695 }
1696
1697 .x-layout-cmini-west .x-layout-mini {
1698     background-image:url(../images/default/layout/mini-right.gif);
1699 }
1700
1701 .x-layout-cmini-east .x-layout-mini {
1702     background-image:url(../images/default/layout/mini-left.gif);
1703 }
1704
1705 .x-layout-cmini-north .x-layout-mini {
1706     background-image:url(../images/default/layout/mini-bottom.gif);
1707 }
1708
1709 .x-layout-cmini-south .x-layout-mini {
1710     background-image:url(../images/default/layout/mini-top.gif);
1711 }
1712 .x-progress-wrap {
1713     border-color:#18181a;
1714 }
1715
1716 .x-progress-inner {
1717     background-color:#232d38;
1718     background-image:none;
1719 }
1720
1721 .x-progress-bar {
1722     background-color:#f39a00;
1723     background-image:url(../images/access/progress/progress-bg.gif);
1724     border-top-color:#a66900;
1725     border-bottom-color:#a66900;
1726     border-right-color:#ffb941;
1727     height: 20px !important; /* structural override for Accessibility Theme */
1728 }
1729
1730 .x-progress-text {
1731     font-size:14px;
1732     font-weight:bold;
1733     color:#fff;
1734     padding: 0 5px !important; /* structural override for Accessibility Theme */
1735 }
1736
1737 .x-progress-text-back {
1738     color:#aaa;
1739     line-height: 19px;
1740 }
1741 .x-list-header{
1742     background-color:#393d4e;
1743         background-image:url(../images/access/toolbar/bg.gif);
1744         background-position:0 top;
1745 }
1746
1747 .x-list-header-inner div em {
1748     border-left-color:#667;
1749     font:normal 14px arial, tahoma, helvetica, sans-serif;
1750     line-height: 14px;
1751 }
1752
1753 .x-list-body dt em {
1754     font:normal 14px arial, tahoma, helvetica, sans-serif;
1755 }
1756
1757 .x-list-over {
1758     background-color:#7E5530;
1759 }
1760
1761 .x-list-selected {
1762     background-color:#E5872C;
1763 }
1764
1765 .x-list-resizer {
1766     border-left-color:#555;
1767     border-right-color:#555;
1768 }
1769
1770 .x-list-header-inner em.sort-asc, .x-list-header-inner em.sort-desc {
1771     background-image:url(../images/access/grid/sort-hd.gif);
1772     border-color: #3e4e6c;
1773 }
1774 .x-slider-horz, .x-slider-horz .x-slider-end, .x-slider-horz .x-slider-inner {
1775     background-image:url(../images/access/slider/slider-bg.png);
1776 }
1777
1778 .x-slider-horz .x-slider-thumb {
1779     background-image:url(../images/access/slider/slider-thumb.png);
1780 }
1781
1782 .x-slider-vert, .x-slider-vert .x-slider-end, .x-slider-vert .x-slider-inner {
1783     background-image:url(../images/access/slider/slider-v-bg.png);
1784 }
1785
1786 .x-slider-vert .x-slider-thumb {
1787     background-image:url(../images/access/slider/slider-v-thumb.png);
1788 }
1789 .x-window-dlg .ext-mb-text,
1790 .x-window-dlg .x-window-header-text {
1791     font-size:15px;
1792 }
1793
1794 .x-window-dlg .ext-mb-textarea {
1795     font:normal 15px tahoma,arial,helvetica,sans-serif;
1796 }
1797
1798 .x-window-dlg .x-msg-box-wait {
1799     background-image:url(../images/access/grid/loading.gif);
1800 }
1801
1802 .x-window-dlg .ext-mb-info {
1803     background-image:url(../images/access/window/icon-info.gif);
1804 }
1805
1806 .x-window-dlg .ext-mb-warning {
1807     background-image:url(../images/access/window/icon-warning.gif);
1808 }
1809
1810 .x-window-dlg .ext-mb-question {
1811     background-image:url(../images/access/window/icon-question.gif);
1812 }
1813
1814 .x-window-dlg .ext-mb-error {
1815     background-image:url(../images/access/window/icon-error.gif);
1816 }