3 * Copyright(c) 2006-2010 Ext JS, LLC
5 * http://www.extjs.com/license
8 background-color:#16181a;
\r
13 background-color: #ccc;
\r
18 background-color:#3f4757;
\r
19 background-image:url(../images/access/box/tb-blue.gif);
\r
21 .ext-el-mask-msg div {
\r
22 background-color: #232d38;
\r
25 font:normal 14px tahoma, arial, helvetica, sans-serif;
\r
28 .x-mask-loading div {
\r
29 background-color:#232d38;
\r
30 background-image:url(../images/access/grid/loading.gif);
\r
37 .x-item-disabled * {
\r
38 color: #ddd !important;
\r
42 background-color: #aaa;
\r
45 .x-color-palette a {
\r
49 .x-color-palette a:hover, .x-color-palette a.x-color-palette-sel {
\r
50 border-color:#8bb8f3;
\r
51 background-color: #deecfd;
\r
54 .x-color-palette em {
\r
55 border-color:#aca899;
\r
59 background-color:#777;
\r
63 background-image: url(../images/default/shadow-c.png);
\r
66 .x-shadow .xsml, .x-shadow .xsmr {
\r
67 background-image: url(../images/default/shadow-lr.png);
\r
70 .x-shadow .xstl, .x-shadow .xstc, .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbc, .x-shadow .xsbr{
\r
71 background-image: url(../images/default/shadow.png);
\r
74 .loading-indicator {
\r
76 background-image: url(../images/access/grid/loading.gif);
\r
80 background-color: #ccc;
\r
81 }.x-tab-panel-header, .x-tab-panel-footer {
82 background-color:#e18325;
88 .x-tab-panel-header, .x-tab-panel-footer {
93 background-color:#343843;
94 background-image: url(../images/access/tabs/tab-strip-bg.gif);
95 border-bottom-color:#343d4e;
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;
104 .x-tab-panel-header-plain .x-tab-strip-spacer,
105 .x-tab-panel-footer-plain .x-tab-strip-spacer {
107 background-color:#e18325;
110 .x-tab-strip span.x-tab-strip-text {
111 font:normal 14px tahoma,arial,helvetica;
115 .x-tab-strip-over span.x-tab-strip-text {
119 .x-tab-strip-active span.x-tab-strip-text {
124 .x-tab-strip-disabled .x-tabs-text {
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);
132 .x-tab-strip-bottom .x-tab-right {
133 background-image: url(../images/access/tabs/tab-btm-inactive-right-bg.gif);
136 .x-tab-strip-bottom .x-tab-left {
137 background-image: url(../images/access/tabs/tab-btm-inactive-left-bg.gif);
140 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
141 background-image: url(../images/access/tabs/tab-btm-right-bg.gif);
144 .x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
145 background-image: url(../images/access/tabs/tab-btm-left-bg.gif);
148 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
149 background-image:url(../images/access/tabs/tab-close.gif);
152 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
153 background-image:url(../images/access/tabs/tab-close.gif);
157 border-color:#18181a;
158 background-color:#fff;
161 .x-tab-panel-body-top {
165 .x-tab-panel-body-bottom {
166 border-bottom: 0 none;
169 .x-tab-scroller-left {
170 background-image:url(../images/access/tabs/scroll-left.gif);
171 border-bottom-color:#8db2e3;
174 .x-tab-scroller-left-over {
175 background-position: 0 0;
178 .x-tab-scroller-left-disabled {
179 background-position: -18px 0;
182 filter:alpha(opacity=50);
186 .x-tab-scroller-right {
187 background-image:url(../images/access/tabs/scroll-right.gif);
188 border-bottom-color:#8db2e3;
191 .x-tab-panel-bbar .x-toolbar, .x-tab-panel-tbar .x-toolbar {
192 border-color:#99bbe8;
195 font:normal 15px tahoma, arial, helvetica, sans-serif;
198 .x-form-text, textarea.x-form-field{
200 background-color:#33373d;
201 background-image:url(../images/access/form/text-bg.gif);
202 border-color:#737b8c;
206 .x-form-text, .ext-ie .x-form-file {
210 .ext-strict .x-form-text {
215 background-color:#fff;
216 border-color:#b5b8c8;
219 .x-form-check-group-label {
220 border-bottom: 1px solid #99bbe8;
224 .x-editor .x-form-check-wrap {
225 background-color:#fff;
228 .x-form-field-wrap .x-form-trigger{
229 background-image:url(../images/access/form/trigger.gif);
230 border-bottom-color:#737b8c;
231 border-bottom-width:2px;
236 .x-form-field-wrap .x-form-trigger.x-form-trigger-over{
237 border-bottom-color:#d97e27;
240 .x-form-field-wrap .x-form-trigger.x-form-trigger-click{
241 border-bottom-color:#c86e19;
244 .x-small-editor .x-form-field-wrap .x-form-trigger {
248 .x-form-field-wrap .x-form-trigger-over {
249 background-position:-20px 0;
252 .x-form-field-wrap .x-form-trigger-click {
253 background-position:-40px 0;
256 .x-trigger-wrap-focus .x-form-trigger {
257 background-position:-60px 0;
260 .x-trigger-wrap-focus .x-form-trigger-over {
261 background-position:-80px 0;
264 .x-trigger-wrap-focus .x-form-trigger-click {
265 background-position:-100px 0;
268 .x-form-field-wrap .x-form-date-trigger{
269 background-image: url(../images/access/form/date-trigger.gif);
272 .x-form-field-wrap .x-form-clear-trigger{
273 background-image: url(../images/access/form/clear-trigger.gif);
276 .x-form-field-wrap .x-form-search-trigger{
277 background-image: url(../images/access/form/search-trigger.gif);
280 .x-trigger-wrap-focus .x-form-trigger{
281 border-bottom-color:#737b8c;
284 .x-item-disabled .x-form-trigger-over{
285 border-bottom-color:#b5b8c8;
288 .x-item-disabled .x-form-trigger-click{
289 border-bottom-color:#b5b8c8;
292 .x-form-focus, textarea.x-form-focus{
293 border-color:#ff9c33;
296 .x-form-invalid, textarea.x-form-invalid{
297 background-color:#15171a;
298 background-image:url(../images/access/grid/invalid_line.gif);
302 .ext-safari .x-form-invalid{
303 background-color:#fee;
304 border-color:#ff7870;
307 .x-form-inner-invalid, textarea.x-form-inner-invalid{
308 background-color:#fff;
309 background-image:url(../images/access/grid/invalid_line.gif);
313 font:normal 15px tahoma, arial, helvetica, sans-serif;
317 font:normal 15px tahoma, arial, helvetica, sans-serif;
320 .x-form-invalid-msg {
322 font:normal 14px tahoma, arial, helvetica, sans-serif;
323 background-image:url(../images/default/shared/warning.gif);
326 .x-form-empty-field {
330 .x-small-editor .x-form-text {
334 .x-small-editor .x-form-field {
335 font:normal 14px arial, tahoma, helvetica, sans-serif;
338 .ext-safari .x-small-editor .x-form-field {
339 font:normal 15px arial, tahoma, helvetica, sans-serif;
342 .x-form-invalid-icon {
343 background-image:url(../images/access/form/exclamation.gif);
346 background-position:center right;
350 border-color:#737B8C;
354 font:bold 14px tahoma, arial, helvetica, sans-serif;
358 font:normal 14px tahoma, verdana, helvetica;
\r
362 font:normal 14px arial,tahoma,verdana,helvetica;
\r
364 padding-left:6px !important;
\r
365 padding-right:6px !important;
\r
368 .x-btn-over .x-btn button{
\r
372 .x-btn-noicon .x-btn-small .x-btn-text, .x-btn-text-icon .x-btn-icon-small-left .x-btn-text,
\r
373 .x-btn-icon .x-btn-small .x-btn-text, .x-btn-text-icon .x-btn-icon-small-right .x-btn-text {
\r
377 .x-btn-icon .x-btn-small .x-btn-text {
\r
381 .x-btn-text-icon .x-btn-icon-small-left .x-btn-text {
\r
382 padding-left:21px !important;
\r
385 .x-btn-text-icon .x-btn-icon-small-right .x-btn-text {
\r
386 padding-right:21px !important;
\r
389 .x-btn-text-icon .x-btn-icon-medium-left .x-btn-text {
\r
390 padding-left:29px !important;
\r
393 .x-btn-text-icon .x-btn-icon-medium-right .x-btn-text {
\r
394 padding-right:29px !important;
\r
397 .x-btn-text-icon .x-btn-icon-large-left .x-btn-text {
\r
398 padding-left:37px !important;
\r
401 .x-btn-text-icon .x-btn-icon-large-right .x-btn-text {
\r
402 padding-right:37px !important;
\r
407 font-weight:normal;
\r
410 .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{
\r
411 background-image:url(../images/access/button/btn.gif);
\r
414 .x-btn-click .x-btn-text, .x-btn-menu-active .x-btn-text, .x-btn-pressed .x-btn-text{
\r
419 color:#eee !important;
\r
422 .x-btn-mc em.x-btn-arrow {
\r
423 background-image:url(../images/access/button/arrow.gif);
\r
424 padding-right:13px;
\r
427 .x-btn-mc em.x-btn-split {
\r
428 background-image:url(../images/access/button/s-arrow.gif);
\r
429 padding-right:20px;
\r
432 .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 {
\r
433 background-image:url(../images/access/button/s-arrow-o.gif);
\r
436 .x-btn-mc em.x-btn-arrow-bottom {
\r
437 background-image:url(../images/access/button/s-arrow-b-noline.gif);
\r
440 .x-btn-mc em.x-btn-split-bottom {
\r
441 background-image:url(../images/access/button/s-arrow-b.gif);
\r
444 .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 {
\r
445 background-image:url(../images/access/button/s-arrow-bo.gif);
\r
448 .x-btn-group-header {
\r
453 background-image: url(../images/access/button/group-tb.gif);
\r
457 background-image: url(../images/access/button/group-cs.gif);
\r
461 background-image: url(../images/access/button/group-cs.gif);
\r
465 background-image: url(../images/access/button/group-tb.gif);
\r
469 background-image: url(../images/access/button/group-cs.gif);
\r
473 background-image: url(../images/access/button/group-cs.gif);
\r
477 background-image: url(../images/access/button/group-lr.gif);
\r
481 background-image: url(../images/access/button/group-lr.gif);
\r
484 .x-btn-group-notitle .x-btn-group-tc {
\r
485 background-image: url(../images/access/button/group-tb.gif);
\r
488 border-color:#18181a;
\r
489 background-color:#393d4e;
\r
490 background-image:url(../images/access/toolbar/bg.gif);
\r
493 .x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{
\r
494 font:normal 14px arial,tahoma, helvetica, sans-serif;
\r
497 .x-toolbar .x-item-disabled {
\r
501 .x-toolbar .x-item-disabled * {
\r
505 .x-toolbar .x-btn-mc em.x-btn-split {
\r
506 background-image:url(../images/access/button/s-arrow-noline.gif);
\r
509 .x-toolbar .x-btn-over .x-btn-mc em.x-btn-split, .x-toolbar .x-btn-click .x-btn-mc em.x-btn-split,
\r
510 .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
\r
512 background-image:url(../images/access/button/s-arrow-o.gif);
\r
515 .x-toolbar .x-btn-mc em.x-btn-split-bottom {
\r
516 background-image:url(../images/access/button/s-arrow-b-noline.gif);
\r
519 .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,
\r
520 .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
\r
522 background-image:url(../images/access/button/s-arrow-bo.gif);
\r
525 .x-toolbar .xtb-sep {
\r
526 background-image: url(../images/access/grid/grid-blue-split.gif);
\r
529 .x-toolbar .x-btn {
\r
534 .x-toolbar .x-btn-mc em.x-btn-arrow {
\r
535 padding-right:10px;
\r
538 .x-toolbar .x-btn-text-icon .x-btn-icon-small-left .x-btn-text {
\r
539 padding-left:18px !important;
\r
542 .x-toolbar .x-btn-mc em.x-btn-split {
\r
543 padding-right:14px;
\r
546 .x-tbar-page-first{
\r
547 background-image: url(../images/access/grid/page-first.gif) !important;
\r
551 background-image: url(../images/access/grid/refresh.gif) !important;
\r
555 background-image: url(../images/access/grid/page-last.gif) !important;
\r
559 background-image: url(../images/access/grid/page-next.gif) !important;
\r
563 background-image: url(../images/access/grid/page-prev.gif) !important;
\r
566 .x-item-disabled .x-tbar-loading{
\r
567 background-image: url(../images/access/grid/loading.gif) !important;
\r
570 .x-item-disabled .x-tbar-page-first{
\r
571 background-image: url(../images/access/grid/page-first-disabled.gif) !important;
\r
574 .x-item-disabled .x-tbar-page-last{
\r
575 background-image: url(../images/access/grid/page-last-disabled.gif) !important;
\r
578 .x-item-disabled .x-tbar-page-next{
\r
579 background-image: url(../images/access/grid/page-next-disabled.gif) !important;
\r
582 .x-item-disabled .x-tbar-page-prev{
\r
583 background-image: url(../images/access/grid/page-prev-disabled.gif) !important;
\r
590 .x-toolbar-more-icon {
\r
591 background-image: url(../images/access/toolbar/more.gif) !important;
\r
594 .x-statusbar .x-status-busy {
\r
595 background-image: url(../images/access/grid/loading.gif);
\r
598 .x-statusbar .x-status-text-panel {
\r
599 border-color: #99bbe8 #fff #fff #99bbe8;
\r
601 .x-resizable-handle {
\r
602 background-color:#fff;
\r
606 .x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-east,
\r
607 .x-resizable-over .x-resizable-handle-west, .x-resizable-pinned .x-resizable-handle-west
\r
609 background-image:url(../images/access/sizer/e-handle.gif);
\r
612 .x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south,
\r
613 .x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north
\r
615 background-image:url(../images/access/sizer/s-handle.gif);
\r
618 .x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north{
\r
619 background-image:url(../images/access/sizer/s-handle.gif);
\r
621 .x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast{
\r
622 background-image:url(../images/access/sizer/se-handle.gif);
\r
624 .x-resizable-over .x-resizable-handle-northwest, .x-resizable-pinned .x-resizable-handle-northwest{
\r
625 background-image:url(../images/access/sizer/nw-handle.gif);
\r
627 .x-resizable-over .x-resizable-handle-northeast, .x-resizable-pinned .x-resizable-handle-northeast{
\r
628 background-image:url(../images/access/sizer/ne-handle.gif);
\r
630 .x-resizable-over .x-resizable-handle-southwest, .x-resizable-pinned .x-resizable-handle-southwest{
\r
631 background-image:url(../images/access/sizer/sw-handle.gif);
\r
633 .x-resizable-proxy{
\r
634 border-color:#3b5a82;
\r
636 .x-resizable-overlay{
\r
637 background-color:#fff;
\r
640 background-color:#1f2933;
\r
643 .x-grid-panel .x-panel-mc .x-panel-body {
\r
647 .x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td{
\r
648 font:normal 14px arial, tahoma, helvetica, sans-serif;
\r
651 .x-grid3-hd-row td {
\r
652 border-left-color:#556;
\r
653 border-right-color:#223;
\r
656 .x-grid-row-loading {
\r
657 background-color: #fff;
\r
658 background-image:url(../images/default/shared/loading-balls.gif);
\r
663 border-bottom:1px solid #111;
\r
664 border-right:1px solid #1a1a1c;
\r
668 background-color:#1b232b;
\r
671 .x-grid3-row-over {
\r
672 background-color:#7e5530;
\r
675 .x-grid3-resize-proxy {
\r
676 background-color:#777;
\r
679 .x-grid3-resize-marker {
\r
680 background-color:#777;
\r
684 background-color:#3b3f50;
\r
685 background-image:url(../images/access/grid/grid3-hrow.gif);
\r
688 .x-grid3-header-pop {
\r
689 border-left-color:#d0d0d0;
\r
692 .x-grid3-header-pop-inner {
\r
693 border-left-color:#eee;
\r
694 background-image:url(../images/default/grid/hd-pop.gif);
\r
697 td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {
\r
698 border-left-color:#889;
\r
699 border-right-color:#445;
\r
702 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 {
\r
703 background-color:#4e628a;
\r
704 background-image:url(../images/access/grid/grid3-hrow-over.gif);
\r
707 .x-grid3-cell-inner, .x-grid3-hd-inner {
\r
711 .sort-asc .x-grid3-sort-icon {
\r
712 background-image: url(../images/access/grid/sort_asc.gif);
\r
718 .sort-desc .x-grid3-sort-icon {
\r
719 background-image: url(../images/access/grid/sort_desc.gif);
\r
725 .x-grid3-cell-text, .x-grid3-hd-text {
\r
730 background-image: url(../images/default/grid/grid-split.gif);
\r
737 .x-dd-drag-proxy .x-grid3-hd-inner{
\r
738 background-color:#ebf3fd;
\r
739 background-image:url(../images/access/grid/grid3-hrow-over.gif);
\r
740 border-color:#aaccf6;
\r
744 background-image:url(../images/default/grid/col-move-top.gif);
\r
748 background-image:url(../images/default/grid/col-move-bottom.gif);
\r
751 .x-grid3-row-selected {
\r
752 background-color: #e5872c !important;
\r
753 background-image: none;
\r
754 border-style: solid;
\r
757 .x-grid3-row-selected .x-grid3-cell {
\r
761 .x-grid3-cell-selected {
\r
762 background-color: #ffa340 !important;
\r
766 .x-grid3-cell-selected span{
\r
767 color:#fff !important;
\r
770 .x-grid3-cell-selected .x-grid3-cell-text{
\r
774 .x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{
\r
775 background-color:#ebeadb !important;
\r
776 background-image:url(../images/default/grid/grid-hrow.gif) !important;
\r
778 border-top-color:#fff;
\r
779 border-right-color:#6fa0df !important;
\r
782 .x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{
\r
783 color:fff !important;
\r
786 .x-grid3-dirty-cell {
\r
787 background-image:url(../images/access/grid/dirty.gif);
\r
790 .x-grid3-topbar, .x-grid3-bottombar{
\r
791 font:normal 14px arial, tahoma, helvetica, sans-serif;
\r
794 .x-grid3-bottombar .x-toolbar{
\r
795 border-top-color:#a9bfd3;
\r
798 .x-props-grid .x-grid3-td-name .x-grid3-cell-inner{
\r
799 background-image:url(../images/access/grid/grid3-special-col-bg.gif) !important;
\r
800 color:#fff !important;
\r
802 .x-props-grid .x-grid3-td-value {
\r
803 color:#fff !important;
\r
806 .x-props-grid .x-grid3-body .x-grid3-td-name{
\r
807 background-color:#263240 !important;
\r
808 border-right-color:#223;
\r
811 .xg-hmenu-sort-asc .x-menu-item-icon{
\r
812 background-image: url(../images/access/grid/hmenu-asc.gif);
\r
815 .xg-hmenu-sort-desc .x-menu-item-icon{
\r
816 background-image: url(../images/access/grid/hmenu-desc.gif);
\r
819 .xg-hmenu-lock .x-menu-item-icon{
\r
820 background-image: url(../images/access/grid/hmenu-lock.gif);
\r
823 .xg-hmenu-unlock .x-menu-item-icon{
\r
824 background-image: url(../images/access/grid/hmenu-unlock.gif);
\r
828 background-color:#c2c9d0;
\r
829 background-image:url(../images/access/grid/grid3-hd-btn.gif);
\r
832 .x-grid3-body .x-grid3-td-expander {
\r
833 background-image:url(../images/access/grid/grid3-special-col-bg.gif);
\r
836 .x-grid3-row-expander {
\r
837 background-image:url(../images/access/grid/row-expand-sprite.gif);
\r
840 .x-grid3-body .x-grid3-td-checker {
\r
841 background-image: url(../images/access/grid/grid3-special-col-bg.gif);
\r
844 .x-grid3-row-checker, .x-grid3-hd-checker {
\r
845 background-image:url(../images/default/grid/row-check-sprite.gif);
\r
848 .x-grid3-body .x-grid3-td-numberer {
\r
849 background-image:url(../images/access/grid/grid3-special-col-bg.gif);
\r
852 .x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {
\r
856 .x-grid3-body .x-grid3-td-row-icon {
\r
857 background-image:url(../images/access/grid/grid3-special-col-bg.gif);
\r
860 .x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,
\r
861 .x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,
\r
862 .x-grid3-body .x-grid3-row-selected .x-grid3-td-expander {
\r
863 background-image:url(../images/access/grid/grid3-special-col-sel-bg.gif);
\r
866 .x-grid3-check-col {
\r
867 background-image:url(../images/default/menu/unchecked.gif);
\r
870 .x-grid3-check-col-on {
\r
871 background-image:url(../images/default/menu/checked.gif);
\r
874 .x-grid-group, .x-grid-group-body, .x-grid-group-hd {
\r
879 border-bottom-color:#4e628a;
\r
882 .x-grid-group-hd div.x-grid-group-title {
\r
883 background-image:url(../images/access/grid/group-collapse.gif);
\r
884 background-position:3px 6px;
\r
886 font:bold 14px tahoma, arial, helvetica, sans-serif;
\r
889 .x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title {
\r
890 background-image:url(../images/access/grid/group-expand.gif);
\r
894 background-image:url(../images/default/grid/group-by.gif);
\r
898 background-image:url(../images/default/grid/columns.gif);
\r
901 .x-show-groups-icon {
\r
902 background-image:url(../images/default/grid/group-by.gif);
\r
907 font:normal 14px tahoma, arial, helvetica, sans-serif;
\r
910 .x-grid-with-col-lines .x-grid3-row td.x-grid3-cell {
\r
911 border-right-color:#ededed;
\r
914 .x-grid-with-col-lines .x-grid3-row{
\r
915 border-top-color:#ededed;
\r
918 .x-grid-with-col-lines .x-grid3-row-selected {
\r
919 border-top-color:#a3bae9;
\r
923 font: normal 14px arial, helvetica, sans-serif;
\r
924 border-color: #ddd #bbb #bbb #ddd;
\r
925 background-color:#fff;
\r
928 .x-dd-drop-nodrop .x-dd-drop-icon{
\r
929 background-image: url(../images/default/dd/drop-no.gif);
\r
932 .x-dd-drop-ok .x-dd-drop-icon{
\r
933 background-image: url(../images/default/dd/drop-yes.gif);
\r
936 .x-dd-drop-ok-add .x-dd-drop-icon{
\r
937 background-image: url(../images/default/dd/drop-add.gif);
\r
941 background-color:#c3daf9;
\r
942 border-color:#3399bb;
\r
944 .x-tree-node-expanded .x-tree-node-icon{
\r
945 background-image:url(../images/access/tree/folder-open.gif);
\r
948 .x-tree-node-leaf .x-tree-node-icon{
\r
949 background-image:url(../images/default/tree/leaf.gif);
\r
952 .x-tree-node-collapsed .x-tree-node-icon{
\r
953 background-image:url(../images/access/tree/folder.gif);
\r
956 .x-tree-node-loading .x-tree-node-icon{
\r
957 background-image:url(../images/default/tree/loading.gif) !important;
\r
960 .x-tree-node .x-tree-node-inline-icon {
\r
961 background-image: none;
\r
964 .x-tree-node-loading a span{
\r
965 font-style: italic;
\r
969 .ext-ie .x-tree-node-el input {
\r
974 .x-tree-lines .x-tree-elbow{
\r
975 background-image:url(../images/access/tree/elbow.gif);
\r
978 .x-tree-lines .x-tree-elbow-plus{
\r
979 background-image:url(../images/access/tree/elbow-plus.gif);
\r
982 .x-tree-lines .x-tree-elbow-minus{
\r
983 background-image:url(../images/access/tree/elbow-minus.gif);
\r
986 .x-tree-lines .x-tree-elbow-end{
\r
987 background-image:url(../images/access/tree/elbow-end.gif);
\r
990 .x-tree-lines .x-tree-elbow-end-plus{
\r
991 background-image:url(../images/access/tree/elbow-end-plus.gif);
\r
994 .x-tree-lines .x-tree-elbow-end-minus{
\r
995 background-image:url(../images/access/tree/elbow-end-minus.gif);
\r
998 .x-tree-lines .x-tree-elbow-line{
\r
999 background-image:url(../images/access/tree/elbow-line.gif);
\r
1002 .x-tree-no-lines .x-tree-elbow-plus{
\r
1003 background-image:url(../images/access/tree/elbow-plus-nl.gif);
\r
1006 .x-tree-no-lines .x-tree-elbow-minus{
\r
1007 background-image:url(../images/access/tree/elbow-minus-nl.gif);
\r
1010 .x-tree-no-lines .x-tree-elbow-end-plus{
\r
1011 background-image:url(../images/access/tree/elbow-end-plus-nl.gif);
\r
1014 .x-tree-no-lines .x-tree-elbow-end-minus{
\r
1015 background-image:url(../images/access/tree/elbow-end-minus-nl.gif);
\r
1018 .x-tree-arrows .x-tree-elbow-plus{
\r
1019 background-image:url(../images/access/tree/arrows.gif);
\r
1022 .x-tree-arrows .x-tree-elbow-minus{
\r
1023 background-image:url(../images/access/tree/arrows.gif);
\r
1026 .x-tree-arrows .x-tree-elbow-end-plus{
\r
1027 background-image:url(../images/access/tree/arrows.gif);
\r
1030 .x-tree-arrows .x-tree-elbow-end-minus{
\r
1031 background-image:url(../images/access/tree/arrows.gif);
\r
1036 font: normal 14px arial, tahoma, helvetica, sans-serif;
\r
1039 .x-tree-node a, .x-dd-drag-ghost a{
\r
1043 .x-tree-node a span, .x-dd-drag-ghost a span{
\r
1047 .x-tree-node .x-tree-selected a, .x-dd-drag-ghost a{
\r
1051 .x-tree-node .x-tree-selected a span, .x-dd-drag-ghost a span{
\r
1055 .x-tree-node .x-tree-node-disabled a span{
\r
1056 color:gray !important;
\r
1059 .x-tree-node div.x-tree-drag-insert-below{
\r
1060 border-bottom-color:#36c;
\r
1063 .x-tree-node div.x-tree-drag-insert-above{
\r
1064 border-top-color:#36c;
\r
1067 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{
\r
1068 border-bottom-color:#36c;
\r
1071 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{
\r
1072 border-top-color:#36c;
\r
1075 .x-tree-node .x-tree-drag-append a span{
\r
1076 background-color:#ddd;
\r
1077 border-color:gray;
\r
1080 .x-tree-node .x-tree-node-over {
\r
1081 background-color: #7e5530;
\r
1084 .x-tree-node .x-tree-selected {
\r
1085 background-color: #e5872c;
\r
1088 .x-tree-drop-ok-append .x-dd-drop-icon{
\r
1089 background-image: url(../images/default/tree/drop-add.gif);
\r
1092 .x-tree-drop-ok-above .x-dd-drop-icon{
\r
1093 background-image: url(../images/default/tree/drop-over.gif);
\r
1096 .x-tree-drop-ok-below .x-dd-drop-icon{
\r
1097 background-image: url(../images/default/tree/drop-under.gif);
\r
1100 .x-tree-drop-ok-between .x-dd-drop-icon{
\r
1101 background-image: url(../images/default/tree/drop-between.gif);
\r
1104 border-color: #737b8c;
1105 background-color:#21252e;
1108 .x-date-middle,.x-date-left,.x-date-right {
1109 background-image: url(../images/access/shared/hd-sprite.gif);
1111 font:bold 14px "sans serif", tahoma, verdana, helvetica;
1114 .x-date-middle .x-btn .x-btn-text {
1118 .x-date-middle .x-btn-mc em.x-btn-arrow {
1119 background-image:url(../images/access/toolbar/btn-arrow-light.gif);
1123 background-image: url(../images/access/shared/right-btn.gif);
1127 background-image: url(../images/access/shared/left-btn.gif);
1131 background-color:#363d4a;
1132 background-image:url(../images/access/toolbar/bg.gif);
1133 border-bottom-color:#535b5c;
1134 font:normal 13px arial, helvetica,tahoma,sans-serif;
1143 font:normal 14px arial, helvetica,tahoma,sans-serif;
1145 padding:2px 7px 1px 3px; /* Structure to account for larger, bolder fonts in Access theme. */
1148 .x-date-inner .x-date-active{
1152 .x-date-inner .x-date-selected a{
1153 background-color:#e5872c;
1154 background-image:none;
1155 border-color:#864900;
1156 padding:1px 6px 1px 2px; /* Structure to account for larger, bolder fonts in Access theme. */
1159 .x-date-inner .x-date-today a{
1163 .x-date-inner .x-date-selected span{
1167 .x-date-inner .x-date-prevday a,.x-date-inner .x-date-nextday a {
1172 border-top-color:#737b8c;
1173 background-color:#464d5a;
1174 background-image:url(../images/access/shared/glass-bg.gif);
1177 .x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover{
1179 background-color:#7e5530;
1182 .x-date-inner .x-date-disabled a {
1183 background-color:#eee;
1188 background-color:#eee !important;
1191 .x-date-mmenu .x-menu-item {
1197 background-color:#21252e;
1201 font:normal 14px arial, helvetica,tahoma,sans-serif;
1204 .x-date-mp-btns button {
1205 background-color:#083772;
1207 border-color: #3366cc #000055 #000055 #3366cc;
1208 font:normal 14px arial, helvetica,tahoma,sans-serif;
1212 background-color: #dfecfb;
1213 background-image: url(../images/access/shared/glass-bg.gif);
1216 .x-date-mp-btns td {
1217 border-top-color: #c5d2df;
1220 td.x-date-mp-month a,td.x-date-mp-year a {
1224 td.x-date-mp-month a:hover,td.x-date-mp-year a:hover {
1226 background-color: #7e5530;
1229 td.x-date-mp-sel a {
1230 background-color: #e5872c;
1231 background-image: none;
1232 border-color:#864900;
1236 background-image:url(../images/access/panel/tool-sprites.gif);
1240 border-right-color:#c5d2df;
1242 .x-tip .x-tip-close{
\r
1243 background-image: url(../images/access/qtip/close.gif);
\r
1246 .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 {
\r
1247 background-image: url(../images/access/qtip/tip-sprite.gif);
\r
1250 .x-tip .x-tip-mc {
\r
1251 font: normal 14px tahoma,arial,helvetica,sans-serif;
\r
1253 .x-tip .x-tip-ml {
\r
1254 background-color: #fff;
\r
1257 .x-tip .x-tip-header-text {
\r
1258 font: bold 14px tahoma,arial,helvetica,sans-serif;
\r
1262 .x-tip .x-tip-body {
\r
1263 font: normal 14px tahoma,arial,helvetica,sans-serif;
\r
1267 .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,
\r
1268 .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
\r
1270 background-image: url(../images/default/form/error-tip-corners.gif);
\r
1273 .x-form-invalid-tip .x-tip-body {
\r
1274 background-image:url(../images/access/form/exclamation.gif);
\r
1278 background-image:url(../images/access/qtip/tip-anchor-sprite.gif);
\r
1281 border-color:#222;
\r
1282 background-color:#414551;
\r
1283 background-image:url(../images/access/menu/menu.gif);
\r
1287 background-image:none;
\r
1290 .x-menu-list-item{
\r
1291 font:normal 14px tahoma,arial, sans-serif;
\r
1294 .x-menu-item-arrow{
\r
1295 background-image:url(../images/access/menu/menu-parent.gif);
\r
1299 background-color:#223;
\r
1300 border-bottom-color:#666;
\r
1307 .x-menu-item-active {
\r
1308 background-color: #f09134;
\r
1309 background-image: none;
\r
1310 border-color:#b36427;
\r
1313 .x-menu-item-active a.x-menu-item {
\r
1314 border-color:#b36427;
\r
1317 .x-menu-check-item .x-menu-item-icon{
\r
1318 background-image:url(../images/default/menu/unchecked.gif);
\r
1321 .x-menu-item-checked .x-menu-item-icon{
\r
1322 background-image:url(../images/default/menu/checked.gif);
\r
1325 .x-menu-item-checked .x-menu-group-item .x-menu-item-icon{
\r
1326 background-image:url(../images/access/menu/group-checked.gif);
\r
1329 .x-menu-group-item .x-menu-item-icon{
\r
1330 background-image:none;
\r
1334 background-color:#fff !important;
\r
1337 .x-menu .x-date-picker{
\r
1338 border-color:#a3bad9;
\r
1341 .x-cycle-menu .x-menu-item-checked {
\r
1342 border-color:#a3bae9 !important;
\r
1343 background-color:#def8f6;
\r
1346 .x-menu-scroller-top {
\r
1347 background-image:url(../images/default/layout/mini-top.gif);
\r
1350 .x-menu-scroller-bottom {
\r
1351 background-image:url(../images/default/layout/mini-bottom.gif);
\r
1354 background-image: url(../images/default/box/corners.gif);
1358 background-image: url(../images/default/box/tb.gif);
1362 background-image: url(../images/default/box/corners.gif);
1366 background-image: url(../images/default/box/l.gif);
1370 background-color: #eee;
1371 background-image: url(../images/default/box/tb.gif);
1372 font-family: "Myriad Pro","Myriad Web","Tahoma","Helvetica","Arial",sans-serif;
1383 background-image: url(../images/default/box/r.gif);
1387 background-image: url(../images/default/box/corners.gif);
1391 background-image: url(../images/default/box/tb.gif);
1395 background-image: url(../images/default/box/corners.gif);
1398 .x-box-blue .x-box-bl, .x-box-blue .x-box-br, .x-box-blue .x-box-tl, .x-box-blue .x-box-tr {
1399 background-image: url(../images/default/box/corners-blue.gif);
1402 .x-box-blue .x-box-bc, .x-box-blue .x-box-mc, .x-box-blue .x-box-tc {
1403 background-image: url(../images/default/box/tb-blue.gif);
1406 .x-box-blue .x-box-mc {
1407 background-color: #c3daf9;
1410 .x-box-blue .x-box-mc h3 {
1414 .x-box-blue .x-box-ml {
1415 background-image: url(../images/default/box/l-blue.gif);
1418 .x-box-blue .x-box-mr {
1419 background-image: url(../images/default/box/r-blue.gif);
1422 border:2px solid #232732;
1423 background-color:#555566;
1424 font:normal 15px tahoma, arial, helvetica, sans-serif;
1427 .x-combo-list-inner {
1428 background-color:#414551;
1432 font:bold 14px tahoma, arial, helvetica, sans-serif;
1434 background-image: url(../images/default/layout/panel-title-light-bg.gif);
1435 border-bottom-color:#98c0f4;
1438 .x-resizable-pinned .x-combo-list-inner {
1439 border-bottom-color:#98c0f4;
1442 .x-combo-list-item {
1446 .x-combo-list .x-combo-selected {
1447 border-color:#e5872c !important;
1448 background-color:#e5872c;
1451 .x-combo-list .x-toolbar {
1452 border-top-color:#98c0f4;
1455 .x-combo-list-small {
1456 font:normal 14px tahoma, arial, helvetica, sans-serif;
1459 border-color: #18181a;
1466 font-family: tahoma,arial,verdana,sans-serif;
1467 border-color:#18181a;
1468 background-image: url(../images/access/panel/white-top-bottom.gif);
1473 border-color:#18181a;
1474 background-color:#232d38;
1477 .x-tab-panel .x-panel-body {
1479 border-color:#18181a;
1480 background-color:#1f2730;
1483 .x-panel-bbar .x-toolbar, .x-panel-tbar .x-toolbar {
1487 .x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
1488 border-top-color:#223;
1491 .x-panel-body-noheader, .x-panel-mc .x-panel-body {
1492 border-top-color:#223;
1495 .x-panel-tl .x-panel-header {
1497 font:bold 14px tahoma,arial,verdana,sans-serif;
1501 background-image: url(../images/access/panel/top-bottom.gif);
1504 .x-panel-tl, .x-panel-tr, .x-panel-bl, .x-panel-br{
1505 background-image: url(../images/access/panel/corners-sprite.gif);
1506 border-bottom-color:#222224;
1510 background-image: url(../images/access/panel/top-bottom.gif);
1514 font: normal 14px tahoma,arial,helvetica,sans-serif;
1515 background-color:#3f4757;
1519 background-image:url(../images/access/panel/left-right.gif);
1523 background-image: url(../images/access/panel/left-right.gif);
1527 background-image:url(../images/access/panel/tool-sprites.gif);
1531 background-color:#3f4757;
1535 border-color:#18181a;
1538 .x-panel-dd-spacer {
1539 border-color:#18181a;
1542 .x-panel-fbar td,.x-panel-fbar span,.x-panel-fbar input,.x-panel-fbar div,.x-panel-fbar select,.x-panel-fbar label{
1543 font:normal 14px arial,tahoma, helvetica, sans-serif;
1546 background-color:#1f2833;
1547 border-color:#18181a;
1550 .x-window-tl .x-window-header {
1552 font:bold 14px tahoma,arial,verdana,sans-serif;
1556 background-image: url(../images/access/window/top-bottom.png);
1560 background-image: url(../images/access/window/left-corners.png);
1564 background-image: url(../images/access/window/right-corners.png);
1568 background-image: url(../images/access/window/top-bottom.png);
1572 background-image: url(../images/access/window/left-corners.png);
1576 background-image: url(../images/access/window/right-corners.png);
1580 border-color:#18181a;
1581 font: normal 14px tahoma,arial,helvetica,sans-serif;
1582 background-color:#1f2833;
1586 background-image: url(../images/access/window/left-right.png);
1590 background-image: url(../images/access/window/left-right.png);
1593 .x-window-maximized .x-window-tc {
1594 background-color:#fff;
1597 .x-window-bbar .x-toolbar {
1598 border-top-color:#323945;
1601 .x-panel-ghost .x-window-tl {
1602 border-bottom-color:#323945;
1605 .x-panel-collapsed .x-window-tl {
1606 border-bottom-color:#323945;
1610 background-color:#ccc;
1613 .x-window-plain .x-window-mc {
1614 background-color: #464f61;
1615 border-color: #636778;
1618 .x-window-plain .x-window-body {
1620 border-color: #464F61;
1623 body.x-body-masked .x-window-plain .x-window-mc {
1624 background-color: #464f61;
1626 .x-html-editor-wrap {
\r
1627 border-color:#737B8C;
\r
1628 background-color:#fff;
\r
1630 .x-html-editor-wrap iframe {
\r
1631 background-color: #fff;
\r
1633 .x-html-editor-tb .x-btn-text {
\r
1634 background-image:url(../images/access/editor/tb-sprite.gif);
\r
1635 }.x-panel-noborder .x-panel-header-noborder {
\r
1636 border-bottom-color:#343d4e;
\r
1639 .x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
\r
1640 border-bottom-color:#343d4e;
\r
1643 .x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
\r
1644 border-top-color:#343d4e;
\r
1647 .x-tab-panel-bbar-noborder .x-toolbar {
\r
1648 border-top-color:#343d4e;
\r
1651 .x-tab-panel-tbar-noborder .x-toolbar {
\r
1652 border-bottom-color:#343d4e;
\r
1654 .x-border-layout-ct {
1655 background-color:#3f4757;
1661 background-image: url(../images/access/panel/light-hd.gif);
1664 .x-layout-collapsed{
1665 background-color:#323845;
1666 border-color:#1a1a1c;
1669 .x-layout-collapsed-over{
1670 background-color:#2d3440;
1673 .x-layout-split-west .x-layout-mini {
1674 background-image:url(../images/default/layout/mini-left.gif);
1677 .x-layout-split-east .x-layout-mini {
1678 background-image:url(../images/default/layout/mini-right.gif);
1681 .x-layout-split-north .x-layout-mini {
1682 background-image:url(../images/default/layout/mini-top.gif);
1685 .x-layout-split-south .x-layout-mini {
1686 background-image:url(../images/default/layout/mini-bottom.gif);
1689 .x-layout-cmini-west .x-layout-mini {
1690 background-image:url(../images/default/layout/mini-right.gif);
1693 .x-layout-cmini-east .x-layout-mini {
1694 background-image:url(../images/default/layout/mini-left.gif);
1697 .x-layout-cmini-north .x-layout-mini {
1698 background-image:url(../images/default/layout/mini-bottom.gif);
1701 .x-layout-cmini-south .x-layout-mini {
1702 background-image:url(../images/default/layout/mini-top.gif);
1704 .x-progress-wrap {
\r
1705 border-color:#18181a;
\r
1708 .x-progress-inner {
\r
1709 background-color:#232d38;
\r
1710 background-image:none;
\r
1714 background-color:#f39a00;
\r
1715 background-image:url(../images/access/progress/progress-bg.gif);
\r
1716 border-top-color:#a66900;
\r
1717 border-bottom-color:#a66900;
\r
1718 border-right-color:#ffb941;
\r
1721 .x-progress-text {
\r
1727 .x-progress-text-back {
\r
1729 line-height: 11px;
\r
1732 background-color:#393d4e;
\r
1733 background-image:url(../images/access/toolbar/bg.gif);
\r
1734 background-position:0 top;
\r
1737 .x-list-header-inner div em {
\r
1738 border-left-color:#667;
\r
1739 font:normal 14px arial, tahoma, helvetica, sans-serif;
\r
1740 line-height: 14px;
\r
1743 .x-list-body dt em {
\r
1744 font:normal 14px arial, tahoma, helvetica, sans-serif;
\r
1748 background-color:#eee;
\r
1751 .x-list-selected {
\r
1752 background-color:#dfe8f6;
\r
1756 border-left-color:#555;
\r
1757 border-right-color:#555;
\r
1760 .x-list-header-inner em.sort-asc, .x-list-header-inner em.sort-desc {
\r
1761 background-image:url(../images/access/grid/sort-hd.gif);
\r
1762 border-color: #3e4e6c;
\r
1764 .x-slider-horz, .x-slider-horz .x-slider-end, .x-slider-horz .x-slider-inner {
\r
1765 background-image:url(../images/access/slider/slider-bg.png);
\r
1768 .x-slider-horz .x-slider-thumb {
\r
1769 background-image:url(../images/access/slider/slider-thumb.png);
\r
1772 .x-slider-vert, .x-slider-vert .x-slider-end, .x-slider-vert .x-slider-inner {
\r
1773 background-image:url(../images/access/slider/slider-v-bg.png);
\r
1776 .x-slider-vert .x-slider-thumb {
\r
1777 background-image:url(../images/access/slider/slider-v-thumb.png);
\r
1779 .x-window-dlg .ext-mb-text,
\r
1780 .x-window-dlg .x-window-header-text {
\r
1784 .x-window-dlg .ext-mb-textarea {
\r
1785 font:normal 15px tahoma,arial,helvetica,sans-serif;
\r
1788 .x-window-dlg .x-msg-box-wait {
\r
1789 background-image:url(../images/access/grid/loading.gif);
\r
1792 .x-window-dlg .ext-mb-info {
\r
1793 background-image:url(../images/access/window/icon-info.gif);
\r
1796 .x-window-dlg .ext-mb-warning {
\r
1797 background-image:url(../images/access/window/icon-warning.gif);
\r
1800 .x-window-dlg .ext-mb-question {
\r
1801 background-image:url(../images/access/window/icon-question.gif);
\r
1804 .x-window-dlg .ext-mb-error {
\r
1805 background-image:url(../images/access/window/icon-error.gif);
\r