Bienvenue sur PostGIS.fr

Bienvenue sur PostGIS.fr , le site de la communauté des utilisateurs francophones de PostGIS.

PostGIS ajoute le support d'objets géographique à la base de données PostgreSQL. En effet, PostGIS "spatialise" le serverur PostgreSQL, ce qui permet de l'utiliser comme une base de données SIG.

Maintenu à jour, en fonction de nos disponibilités et des diverses sorties des outils que nous testons, nous vous proposons l'ensemble de nos travaux publiés en langue française.

source: trunk/workshop-routing-foss4g/web/ext/resources/css/ext-all.css @ 77

Revision 76, 136.3 KB checked in by djay, 13 years ago (diff)

Ajout du répertoire web

  • Property svn:executable set to *
Line 
1/*!
2 * Ext JS Library 3.4.0
3 * Copyright(c) 2006-2011 Sencha Inc.
4 * licensing@sencha.com
5 * http://www.sencha.com/license
6 */
7html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}img,body,html{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}
8
9.ext-forced-border-box, .ext-forced-border-box * {
10    -moz-box-sizing: border-box;
11    -ms-box-sizing: border-box;
12    -webkit-box-sizing: border-box;
13}
14.ext-el-mask {
15    z-index: 100;
16    position: absolute;
17    top:0;
18    left:0;
19    -moz-opacity: 0.5;
20    opacity: .50;
21    filter: alpha(opacity=50);
22    width: 100%;
23    height: 100%;
24    zoom: 1;
25}
26
27.ext-el-mask-msg {
28    z-index: 20001;
29    position: absolute;
30    top: 0;
31    left: 0;
32    border:1px solid;
33    background:repeat-x 0 -16px;
34    padding:2px;
35}
36
37.ext-el-mask-msg div {
38    padding:5px 10px 5px 10px;
39    border:1px solid;
40    cursor:wait;
41}
42
43.ext-shim {
44    position:absolute;
45    visibility:hidden;
46    left:0;
47    top:0;
48    overflow:hidden;
49}
50
51.ext-ie .ext-shim {
52    filter: alpha(opacity=0);
53}
54
55.ext-ie6 .ext-shim {
56    margin-left: 5px;
57    margin-top: 3px;
58}
59
60.x-mask-loading div {
61    padding:5px 10px 5px 25px;
62    background:no-repeat 5px 5px;
63    line-height:16px;
64}
65
66/* class for hiding elements without using display:none */
67.x-hidden, .x-hide-offsets {
68    position:absolute !important;
69    left:-10000px;
70    top:-10000px;
71    visibility:hidden;
72}
73
74.x-hide-display {
75    display:none !important;
76}
77
78.x-hide-nosize,
79.x-hide-nosize *    /* Emulate display:none for children */
80 {
81   height:0px!important;
82   width:0px!important;
83   visibility:hidden!important;
84   border:none!important;
85   zoom:1;
86}
87
88.x-hide-visibility {
89    visibility:hidden !important;
90}
91
92.x-masked {
93    overflow: hidden !important;
94}
95.x-masked-relative {
96    position: relative !important;
97}
98
99.x-masked select, .x-masked object, .x-masked embed {
100    visibility: hidden;
101}
102
103.x-layer {
104    visibility: hidden;
105}
106
107.x-unselectable, .x-unselectable * {
108    -moz-user-select: none;
109    -khtml-user-select: none;
110    -webkit-user-select:ignore;
111}
112
113.x-repaint {
114    zoom: 1;
115    background-color: transparent;
116    -moz-outline: none;
117    outline: none;
118}
119
120.x-item-disabled {
121    cursor: default;
122    opacity: .6;
123    -moz-opacity: .6;
124    filter: alpha(opacity=60);
125}
126
127.x-item-disabled * {
128    cursor: default !important;
129}
130
131.x-form-radio-group .x-item-disabled {
132    filter: none;
133}
134
135.x-splitbar-proxy {
136    position: absolute;
137    visibility: hidden;
138    z-index: 20001;
139    zoom: 1;
140    line-height: 1px;
141    font-size: 1px;
142    overflow: hidden;
143}
144
145.x-splitbar-h, .x-splitbar-proxy-h {
146    cursor: e-resize;
147    cursor: col-resize;
148}
149
150.x-splitbar-v, .x-splitbar-proxy-v {
151    cursor: s-resize;
152    cursor: row-resize;
153}
154
155.x-color-palette {
156    width: 150px;
157    height: 92px;
158    cursor: pointer;
159}
160
161.x-color-palette a {
162    border: 1px solid;
163    float: left;
164    padding: 2px;
165    text-decoration: none;
166    -moz-outline: 0 none;
167    outline: 0 none;
168    cursor: pointer;
169}
170
171.x-color-palette a:hover, .x-color-palette a.x-color-palette-sel {
172    border: 1px solid;
173}
174
175.x-color-palette em {
176    display: block;
177    border: 1px solid;
178}
179
180.x-color-palette em span {
181    cursor: pointer;
182    display: block;
183    height: 10px;
184    line-height: 10px;
185    width: 10px;
186}
187
188.x-ie-shadow {
189    display: none;
190    position: absolute;
191    overflow: hidden;
192    left:0;
193    top:0;
194    zoom:1;
195}
196
197.x-shadow {
198    display: none;
199    position: absolute;
200    overflow: hidden;
201    left:0;
202    top:0;
203}
204
205.x-shadow * {
206    overflow: hidden;
207}
208
209.x-shadow * {
210    padding: 0;
211    border: 0;
212    margin: 0;
213    clear: none;
214    zoom: 1;
215}
216
217/* top  bottom */
218.x-shadow .xstc, .x-shadow .xsbc {
219    height: 6px;
220    float: left;
221}
222
223/* corners */
224.x-shadow .xstl, .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbr {
225    width: 6px;
226    height: 6px;
227    float: left;
228}
229
230/* sides */
231.x-shadow .xsc {
232    width: 100%;
233}
234
235.x-shadow .xsml, .x-shadow .xsmr {
236    width: 6px;
237    float: left;
238    height: 100%;
239}
240
241.x-shadow .xsmc {
242    float: left;
243    height: 100%;
244    background-color: transparent;
245}
246
247.x-shadow .xst, .x-shadow .xsb {
248    height: 6px;
249    overflow: hidden;
250    width: 100%;
251}
252
253.x-shadow .xsml {
254    background: transparent repeat-y 0 0;
255}
256
257.x-shadow .xsmr {
258    background: transparent repeat-y -6px 0;
259}
260
261.x-shadow .xstl {
262    background: transparent no-repeat 0 0;
263}
264
265.x-shadow .xstc {
266    background: transparent repeat-x 0 -30px;
267}
268
269.x-shadow .xstr {
270    background: transparent repeat-x 0 -18px;
271}
272
273.x-shadow .xsbl {
274    background: transparent no-repeat 0 -12px;
275}
276
277.x-shadow .xsbc {
278    background: transparent repeat-x 0 -36px;
279}
280
281.x-shadow .xsbr {
282    background: transparent repeat-x 0 -6px;
283}
284
285.loading-indicator {
286    background: no-repeat left;
287    padding-left: 20px;
288    line-height: 16px;
289    margin: 3px;
290}
291
292.x-text-resize {
293    position: absolute;
294    left: -1000px;
295    top: -1000px;
296    visibility: hidden;
297    zoom: 1;
298}
299
300.x-drag-overlay {
301    width: 100%;
302    height: 100%;
303    display: none;
304    position: absolute;
305    left: 0;
306    top: 0;
307    background-image:url(../images/default/s.gif);
308    z-index: 20000;
309}
310
311.x-clear {
312    clear:both;
313    height:0;
314    overflow:hidden;
315    line-height:0;
316    font-size:0;
317}
318
319.x-spotlight {
320    z-index: 8999;
321    position: absolute;
322    top:0;
323    left:0;
324    -moz-opacity: 0.5;
325    opacity: .50;
326    filter: alpha(opacity=50);
327    width:0;
328    height:0;
329    zoom: 1;
330}
331
332#x-history-frame {
333    position:absolute;
334    top:-1px;
335    left:0;
336        width:1px;
337    height:1px;
338    visibility:hidden;
339}
340
341#x-history-field {
342    position:absolute;
343    top:0;
344    left:-1px;
345        width:1px;
346    height:1px;
347    visibility:hidden;
348}
349.x-resizable-handle {
350    position:absolute;
351    z-index:100;
352    /* ie needs these */
353    font-size:1px;
354    line-height:6px;
355    overflow:hidden;
356        filter:alpha(opacity=0);
357        opacity:0;
358        zoom:1;
359}
360
361.x-resizable-handle-east{
362    width:6px;
363    cursor:e-resize;
364    right:0;
365    top:0;
366    height:100%;
367}
368
369.ext-ie .x-resizable-handle-east {
370    margin-right:-1px; /*IE rounding error*/
371}
372
373.x-resizable-handle-south{
374    width:100%;
375    cursor:s-resize;
376    left:0;
377    bottom:0;
378    height:6px;
379}
380
381.ext-ie .x-resizable-handle-south {
382    margin-bottom:-1px; /*IE rounding error*/
383}
384
385.x-resizable-handle-west{
386    width:6px;
387    cursor:w-resize;
388    left:0;
389    top:0;
390    height:100%;
391}
392
393.x-resizable-handle-north{
394    width:100%;
395    cursor:n-resize;
396    left:0;
397    top:0;
398    height:6px;
399}
400
401.x-resizable-handle-southeast{
402    width:6px;
403    cursor:se-resize;
404    right:0;
405    bottom:0;
406    height:6px;
407    z-index:101;
408}
409
410.x-resizable-handle-northwest{
411    width:6px;
412    cursor:nw-resize;
413    left:0;
414    top:0;
415    height:6px;
416    z-index:101;
417}
418
419.x-resizable-handle-northeast{
420    width:6px;
421    cursor:ne-resize;
422    right:0;
423    top:0;
424    height:6px;
425    z-index:101;
426}
427
428.x-resizable-handle-southwest{
429    width:6px;
430    cursor:sw-resize;
431    left:0;
432    bottom:0;
433    height:6px;
434    z-index:101;
435}
436
437.x-resizable-over .x-resizable-handle, .x-resizable-pinned .x-resizable-handle{
438    filter:alpha(opacity=100);
439        opacity:1;
440}
441
442.x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-east,
443.x-resizable-over .x-resizable-handle-west, .x-resizable-pinned .x-resizable-handle-west
444{
445        background-position: left;
446}
447
448.x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south,
449.x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north
450{
451    background-position: top;
452}
453
454.x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast{
455    background-position: top left;
456}
457
458.x-resizable-over .x-resizable-handle-northwest, .x-resizable-pinned .x-resizable-handle-northwest{
459    background-position:bottom right;
460}
461
462.x-resizable-over .x-resizable-handle-northeast, .x-resizable-pinned .x-resizable-handle-northeast{
463    background-position: bottom left;
464}
465
466.x-resizable-over .x-resizable-handle-southwest, .x-resizable-pinned .x-resizable-handle-southwest{
467    background-position: top right;
468}
469
470.x-resizable-proxy{
471    border: 1px dashed;
472    position:absolute;
473    overflow:hidden;
474    display:none;
475        left:0;
476    top:0;
477    z-index:50000;
478}
479
480.x-resizable-overlay{
481    width:100%;
482        height:100%;
483        display:none;
484        position:absolute;
485        left:0;
486        top:0;
487        z-index:200000;
488        -moz-opacity: 0;
489    opacity:0;
490    filter: alpha(opacity=0);
491}
492.x-tab-panel {
493    overflow:hidden;
494}
495
496.x-tab-panel-header, .x-tab-panel-footer {
497        border: 1px solid;
498    overflow:hidden;
499    zoom:1;
500}
501
502.x-tab-panel-header {
503        border: 1px solid;
504        padding-bottom: 2px;
505}
506
507.x-tab-panel-footer {
508        border: 1px solid;
509        padding-top: 2px;
510}
511
512.x-tab-strip-wrap {
513        width:100%;
514    overflow:hidden;
515    position:relative;
516    zoom:1;
517}
518
519ul.x-tab-strip {
520        display:block;
521    width:5000px;
522    zoom:1;
523}
524
525ul.x-tab-strip-top{
526        padding-top: 1px;
527        background: repeat-x bottom;
528        border-bottom: 1px solid;
529}
530
531ul.x-tab-strip-bottom{
532        padding-bottom: 1px;
533        background: repeat-x top;
534        border-top: 1px solid;
535        border-bottom: 0 none;
536}
537
538.x-tab-panel-header-plain .x-tab-strip-top {
539    background:transparent !important;
540    padding-top:0 !important;
541}
542
543.x-tab-panel-header-plain {
544    background:transparent !important;
545    border-width:0 !important;
546    padding-bottom:0 !important;
547}
548
549.x-tab-panel-header-plain .x-tab-strip-spacer,
550.x-tab-panel-footer-plain .x-tab-strip-spacer {
551    border:1px solid;
552    height:2px;
553    font-size:1px;
554    line-height:1px;
555}
556
557.x-tab-panel-header-plain .x-tab-strip-spacer {
558    border-top: 0 none;
559}
560
561.x-tab-panel-footer-plain .x-tab-strip-spacer {
562    border-bottom: 0 none;
563}
564
565.x-tab-panel-footer-plain .x-tab-strip-bottom {
566    background:transparent !important;
567    padding-bottom:0 !important;
568}
569
570.x-tab-panel-footer-plain {
571    background:transparent !important;
572    border-width:0 !important;
573    padding-top:0 !important;
574}
575
576.ext-border-box .x-tab-panel-header-plain .x-tab-strip-spacer,
577.ext-border-box .x-tab-panel-footer-plain .x-tab-strip-spacer {
578    height:3px;
579}
580
581ul.x-tab-strip li {
582    float:left;
583    margin-left:2px;
584}
585
586ul.x-tab-strip li.x-tab-edge {
587    float:left;
588    margin:0 !important;
589    padding:0 !important;
590    border:0 none !important;
591    font-size:1px !important;
592    line-height:1px !important;
593    overflow:hidden;
594    zoom:1;
595    background:transparent !important;
596    width:1px;
597}
598
599.x-tab-strip a, .x-tab-strip span, .x-tab-strip em {
600        display:block;
601}
602
603.x-tab-strip a {
604        text-decoration:none !important;
605        -moz-outline: none;
606        outline: none;
607        cursor:pointer;
608}
609
610.x-tab-strip-inner {
611    overflow:hidden;
612        text-overflow: ellipsis;
613}
614
615.x-tab-strip span.x-tab-strip-text {
616        white-space: nowrap;
617        cursor:pointer;
618    padding:4px 0;
619}
620
621.x-tab-strip-top .x-tab-with-icon .x-tab-right {
622    padding-left:6px;
623}
624
625.x-tab-strip .x-tab-with-icon span.x-tab-strip-text {
626        padding-left:20px;
627    background-position: 0 3px;
628    background-repeat: no-repeat;
629}
630
631.x-tab-strip-active, .x-tab-strip-active a.x-tab-right {
632    cursor:default;
633}
634
635.x-tab-strip-active span.x-tab-strip-text {
636        cursor:default;
637}
638
639.x-tab-strip-disabled .x-tabs-text {
640        cursor:default;
641}
642
643.x-tab-panel-body {
644    overflow:hidden;
645}
646
647.x-tab-panel-bwrap {
648    overflow:hidden;
649}
650
651.ext-ie .x-tab-strip .x-tab-right {
652    position:relative;
653}
654
655.x-tab-strip-top .x-tab-strip-active .x-tab-right {
656    margin-bottom:-1px;
657}
658
659/*
660 * Horrible hack for IE8 in quirks mode
661 */
662.ext-ie8 .x-tab-strip li {
663    position: relative;
664}
665.ext-border-box .ext-ie8 .x-tab-strip-top .x-tab-right {
666    top: 1px;
667}
668.ext-ie8 .x-tab-strip-top {
669    padding-top: 1;
670}
671.ext-border-box .ext-ie8 .x-tab-strip-top {
672    padding-top: 0;
673}
674.ext-ie8 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
675    top:3px;
676}
677.ext-border-box .ext-ie8 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
678    top:4px;
679}
680.ext-ie8 .x-tab-strip-bottom .x-tab-right{
681    top:0;
682}
683
684
685.x-tab-strip-top .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
686    padding-bottom:5px;
687}
688
689.x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
690    margin-top:-1px;
691}
692
693.x-tab-strip-bottom .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
694    padding-top:5px;
695}
696
697.x-tab-strip-top .x-tab-right {
698        background: transparent no-repeat 0 -51px;
699    padding-left:10px;
700}
701
702.x-tab-strip-top .x-tab-left {
703        background: transparent no-repeat right -351px;
704    padding-right:10px;
705}
706
707.x-tab-strip-top .x-tab-strip-inner {
708        background: transparent repeat-x 0 -201px;
709}
710
711.x-tab-strip-top .x-tab-strip-over .x-tab-right {
712         background-position:0 -101px;
713}
714
715.x-tab-strip-top .x-tab-strip-over .x-tab-left {
716         background-position:right -401px;
717}
718
719.x-tab-strip-top .x-tab-strip-over .x-tab-strip-inner {
720         background-position:0 -251px;
721}
722
723.x-tab-strip-top .x-tab-strip-active .x-tab-right {
724        background-position: 0 0;
725}
726
727.x-tab-strip-top .x-tab-strip-active .x-tab-left {
728        background-position: right -301px;
729}
730
731.x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner {
732        background-position: 0 -151px;
733}
734
735.x-tab-strip-bottom .x-tab-right {
736        background: no-repeat bottom right;
737}
738
739.x-tab-strip-bottom .x-tab-left {
740        background: no-repeat bottom left;
741}
742
743.x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
744        background: no-repeat bottom right;
745}
746
747.x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
748        background: no-repeat bottom left;
749}
750
751.x-tab-strip-bottom .x-tab-left {
752    margin-right: 3px;
753    padding:0 10px;
754}
755
756.x-tab-strip-bottom .x-tab-right {
757    padding:0;
758}
759
760.x-tab-strip .x-tab-strip-close {
761    display:none;
762}
763
764.x-tab-strip-closable {
765    position:relative;
766}
767
768.x-tab-strip-closable .x-tab-left {
769    padding-right:19px;
770}
771
772.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
773    opacity:.6;
774    -moz-opacity:.6;
775    background-repeat:no-repeat;
776    display:block;
777        width:11px;
778    height:11px;
779    position:absolute;
780    top:3px;
781    right:3px;
782    cursor:pointer;
783    z-index:2;
784}
785
786.x-tab-strip .x-tab-strip-active a.x-tab-strip-close {
787    opacity:.8;
788    -moz-opacity:.8;
789}
790.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
791    opacity:1;
792    -moz-opacity:1;
793}
794
795.x-tab-panel-body {
796    border: 1px solid;
797}
798
799.x-tab-panel-body-top {
800    border-top: 0 none;
801}
802
803.x-tab-panel-body-bottom {
804    border-bottom: 0 none;
805}
806
807.x-tab-scroller-left {
808    background: transparent no-repeat -18px 0;
809    border-bottom: 1px solid;
810    width:18px;
811    position:absolute;
812    left:0;
813    top:0;
814    z-index:10;
815    cursor:pointer;
816}
817.x-tab-scroller-left-over {
818    background-position: 0 0;
819}
820
821.x-tab-scroller-left-disabled {
822    background-position: -18px 0;
823    opacity:.5;
824    -moz-opacity:.5;
825    filter:alpha(opacity=50);
826    cursor:default;
827}
828
829.x-tab-scroller-right {
830    background: transparent no-repeat 0 0;
831    border-bottom: 1px solid;
832    width:18px;
833    position:absolute;
834    right:0;
835    top:0;
836    z-index:10;
837    cursor:pointer;
838}
839
840.x-tab-scroller-right-over {
841    background-position: -18px 0;
842}
843
844.x-tab-scroller-right-disabled {
845    background-position: 0 0;
846    opacity:.5;
847    -moz-opacity:.5;
848    filter:alpha(opacity=50);
849    cursor:default;
850}
851
852.x-tab-scrolling-bottom .x-tab-scroller-left, .x-tab-scrolling-bottom .x-tab-scroller-right{
853    margin-top: 1px;
854}
855
856.x-tab-scrolling .x-tab-strip-wrap {
857    margin-left:18px;
858    margin-right:18px;
859}
860
861.x-tab-scrolling {
862    position:relative;   
863}
864
865.x-tab-panel-bbar .x-toolbar {
866    border:1px solid;
867    border-top:0 none;
868    overflow:hidden;
869    padding:2px;
870}
871
872.x-tab-panel-tbar .x-toolbar {
873    border:1px solid;
874    border-top:0 none;
875    overflow:hidden;
876    padding:2px;
877}/* all fields */
878.x-form-field{
879    margin: 0 0 0 0;
880}
881
882.ext-webkit *:focus{
883    outline: none !important;
884}
885
886/* ---- text fields ---- */
887.x-form-text, textarea.x-form-field{
888    padding:1px 3px;
889    background:repeat-x 0 0;
890    border:1px solid;
891}
892
893textarea.x-form-field {
894    padding:2px 3px;
895}
896
897.x-form-text, .ext-ie .x-form-file {
898    height:22px;
899    line-height:18px;
900    vertical-align:middle;
901}
902
903.ext-ie6 .x-form-text, .ext-ie7 .x-form-text {
904    margin:-1px 0; /* ie bogus margin bug */
905    height:22px; /* ie quirks */
906    line-height:18px;
907}
908
909.x-quirks .ext-ie9 .x-form-text {
910    height: 22px;
911    padding-top: 3px;
912    padding-bottom: 0px;
913}
914
915/* Ugly hacks for the bogus 1px margin bug in IE9 quirks */
916.x-quirks .ext-ie9 .x-input-wrapper .x-form-text,
917.x-quirks .ext-ie9 .x-form-field-trigger-wrap .x-form-text {
918    margin-top: -1px;
919    margin-bottom: -1px;
920}
921.x-quirks .ext-ie9 .x-input-wrapper .x-form-element {
922    margin-bottom: -1px;
923}
924
925.ext-ie6 .x-form-field-wrap .x-form-file-btn, .ext-ie7 .x-form-field-wrap .x-form-file-btn {
926    top: -1px; /* because of all these margin hacks, these buttons are off by one pixel in IE6,7 */
927}
928
929.ext-ie6 textarea.x-form-field, .ext-ie7 textarea.x-form-field {
930    margin:-1px 0; /* ie bogus margin bug */
931}
932
933.ext-strict .x-form-text {
934    height:18px;
935}
936
937.ext-safari.ext-mac textarea.x-form-field {
938    margin-bottom:-2px; /* another bogus margin bug, safari/mac only */
939}
940
941/*
942.ext-strict .ext-ie8 .x-form-text, .ext-strict .ext-ie8 textarea.x-form-field {
943    margin-bottom: 1px;
944}
945*/
946
947.ext-gecko .x-form-text , .ext-ie8 .x-form-text {
948    padding-top:2px; /* FF won't center the text vertically */
949    padding-bottom:0;
950}
951
952.ext-ie6 .x-form-composite .x-form-text.x-box-item, .ext-ie7 .x-form-composite .x-form-text.x-box-item {
953    margin: 0 !important; /* clear ie bogus margin bug fix */
954}
955
956textarea {
957    resize: none;  /* Disable browser resizable textarea */
958}
959
960/* select boxes */
961.x-form-select-one {
962    height:20px;
963    line-height:18px;
964    vertical-align:middle;
965    border: 1px solid;
966}
967
968/* multi select boxes */
969
970/* --- TODO --- */
971
972/* 2.0.2 style */
973.x-form-check-wrap {
974    line-height:18px;
975    height: auto;
976}
977
978.ext-ie .x-form-check-wrap input {
979    width:15px;
980    height:15px;
981}
982
983.x-form-check-wrap input{
984    vertical-align: bottom;
985}
986
987.x-editor .x-form-check-wrap {
988    padding:3px;
989}
990
991.x-editor .x-form-checkbox {
992    height:13px;
993}
994
995.x-form-check-group-label {
996    border-bottom: 1px solid;
997    margin-bottom: 5px;
998    padding-left: 3px !important;
999    float: none !important;
1000}
1001
1002/* wrapped fields and triggers */
1003.x-form-field-wrap .x-form-trigger{
1004    width:17px;
1005    height:21px;
1006    border:0;
1007    background:transparent no-repeat 0 0;
1008    cursor:pointer;
1009    border-bottom: 1px solid;
1010    position:absolute;
1011    top:0;
1012}
1013
1014.x-form-field-wrap .x-form-date-trigger, .x-form-field-wrap .x-form-clear-trigger, .x-form-field-wrap .x-form-search-trigger{
1015    cursor:pointer;
1016}
1017
1018.x-form-field-wrap .x-form-twin-triggers .x-form-trigger{
1019    position:static;
1020    top:auto;
1021    vertical-align:top;
1022}
1023
1024.x-form-field-wrap {
1025    position:relative;
1026    left:0;top:0;
1027    text-align: left;
1028    zoom:1;
1029    white-space: nowrap;
1030}
1031
1032.ext-strict .ext-ie8 .x-toolbar-cell .x-form-field-trigger-wrap .x-form-trigger {
1033    right: 0; /* IE8 Strict mode trigger bug */
1034}
1035
1036.x-form-field-wrap .x-form-trigger-over{
1037    background-position:-17px 0;
1038}
1039
1040.x-form-field-wrap .x-form-trigger-click{
1041    background-position:-34px 0;
1042}
1043
1044.x-trigger-wrap-focus .x-form-trigger{
1045    background-position:-51px 0;
1046}
1047
1048.x-trigger-wrap-focus .x-form-trigger-over{
1049    background-position:-68px 0;
1050}
1051
1052.x-trigger-wrap-focus .x-form-trigger-click{
1053    background-position:-85px 0;
1054}
1055
1056.x-trigger-wrap-focus .x-form-trigger{
1057    border-bottom: 1px solid;
1058}
1059
1060.x-item-disabled .x-form-trigger-over{
1061    background-position:0 0 !important;
1062    border-bottom: 1px solid;
1063}
1064
1065.x-item-disabled .x-form-trigger-click{
1066    background-position:0 0 !important;
1067    border-bottom: 1px solid;
1068}
1069
1070.x-trigger-noedit{
1071    cursor:pointer;
1072}
1073
1074/* field focus style */
1075.x-form-focus, textarea.x-form-focus{
1076    border: 1px solid;
1077}
1078
1079/* invalid fields */
1080.x-form-invalid, textarea.x-form-invalid{
1081    background:repeat-x bottom;
1082    border: 1px solid;
1083}
1084
1085.x-form-inner-invalid, textarea.x-form-inner-invalid{
1086    background:repeat-x bottom;
1087}
1088
1089/* editors */
1090.x-editor {
1091    visibility:hidden;
1092    padding:0;
1093    margin:0;
1094}
1095
1096.x-form-grow-sizer {
1097    left: -10000px;
1098    padding: 8px 3px;
1099    position: absolute;
1100    visibility:hidden;
1101    top: -10000px;
1102    white-space: pre-wrap;
1103    white-space: -moz-pre-wrap;
1104    white-space: -pre-wrap;
1105    white-space: -o-pre-wrap;
1106    word-wrap: break-word;
1107    zoom:1;
1108}
1109
1110.x-form-grow-sizer p {
1111    margin:0 !important;
1112    border:0 none !important;
1113    padding:0 !important;
1114}
1115
1116/* Form Items CSS */
1117
1118.x-form-item {
1119    display:block;
1120    margin-bottom:4px;
1121    zoom:1;
1122}
1123
1124.x-form-item label.x-form-item-label {
1125    display:block;
1126    float:left;
1127    width:100px;
1128    padding:3px;
1129    padding-left:0;
1130    clear:left;
1131    z-index:2;
1132    position:relative;
1133}
1134
1135.x-form-element {
1136    padding-left:105px;
1137    position:relative;
1138}
1139
1140.x-form-invalid-msg {
1141    padding:2px;
1142    padding-left:18px;
1143    background: transparent no-repeat 0 2px;
1144    line-height:16px;
1145    width:200px;
1146}
1147
1148.x-form-label-left label.x-form-item-label {
1149   text-align:left;
1150}
1151
1152.x-form-label-right label.x-form-item-label {
1153   text-align:right;
1154}
1155
1156.x-form-label-top .x-form-item label.x-form-item-label {
1157    width:auto;
1158    float:none;
1159    clear:none;
1160    display:inline;
1161    margin-bottom:4px;
1162    position:static;
1163}
1164
1165.x-form-label-top .x-form-element {
1166    padding-left:0;
1167    padding-top:4px;
1168}
1169
1170.x-form-label-top .x-form-item {
1171    padding-bottom:4px;
1172}
1173
1174/* Editor small font for grid, toolbar and tree */
1175.x-small-editor .x-form-text {
1176    height:20px;
1177    line-height:16px;
1178    vertical-align:middle;
1179}
1180
1181.ext-ie6 .x-small-editor .x-form-text, .ext-ie7 .x-small-editor .x-form-text {
1182    margin-top:-1px !important; /* ie bogus margin bug */
1183    margin-bottom:-1px !important;
1184    height:20px !important; /* ie quirks */
1185    line-height:16px !important;
1186}
1187
1188.ext-strict .x-small-editor .x-form-text {
1189    height:16px !important;
1190}
1191
1192.ext-ie6 .x-small-editor .x-form-text, .ext-ie7 .x-small-editor .x-form-text {
1193    height:20px;
1194    line-height:16px;
1195}
1196
1197.ext-border-box .x-small-editor .x-form-text {
1198    height:20px;
1199}
1200
1201.x-small-editor .x-form-select-one {
1202    height:20px;
1203    line-height:16px;
1204    vertical-align:middle;
1205}
1206
1207.x-small-editor .x-form-num-field {
1208    text-align:right;
1209}
1210
1211.x-small-editor .x-form-field-wrap .x-form-trigger{
1212    height:19px;
1213}
1214
1215.ext-webkit .x-small-editor .x-form-text{padding-top:3px;font-size:100%;}
1216
1217.ext-strict .ext-webkit .x-small-editor .x-form-text{
1218    height:14px !important;
1219}
1220
1221.x-form-clear {
1222    clear:both;
1223    height:0;
1224    overflow:hidden;
1225    line-height:0;
1226    font-size:0;
1227}
1228.x-form-clear-left {
1229    clear:left;
1230    height:0;
1231    overflow:hidden;
1232    line-height:0;
1233    font-size:0;
1234}
1235
1236.ext-ie6 .x-form-check-wrap input, .ext-border-box .x-form-check-wrap input{
1237   margin-top: 3px;
1238}
1239
1240.x-form-cb-label {
1241    position: relative;
1242    margin-left:4px;
1243    top: 2px;
1244}
1245
1246.ext-ie .x-form-cb-label{
1247    top: 1px;
1248}
1249
1250.ext-ie6 .x-form-cb-label, .ext-border-box .x-form-cb-label{
1251    top: 3px;
1252}
1253
1254.x-form-display-field{
1255    padding-top: 2px;
1256}
1257
1258.ext-gecko .x-form-display-field, .ext-strict .ext-ie7 .x-form-display-field{
1259    padding-top: 1px;
1260}
1261
1262.ext-ie .x-form-display-field{
1263    padding-top: 3px;
1264}
1265
1266.ext-strict .ext-ie8 .x-form-display-field{
1267    padding-top: 0;
1268}
1269
1270.x-form-column {
1271    float:left;
1272    padding:0;
1273    margin:0;
1274    width:48%;
1275    overflow:hidden;
1276    zoom:1;
1277}
1278
1279/* buttons */
1280.x-form .x-form-btns-ct .x-btn{
1281    float:right;
1282    clear:none;
1283}
1284
1285.x-form .x-form-btns-ct .x-form-btns td {
1286    border:0;
1287    padding:0;
1288}
1289
1290.x-form .x-form-btns-ct .x-form-btns-right table{
1291    float:right;
1292    clear:none;
1293}
1294
1295.x-form .x-form-btns-ct .x-form-btns-left table{
1296    float:left;
1297    clear:none;
1298}
1299
1300.x-form .x-form-btns-ct .x-form-btns-center{
1301    text-align:center; /*ie*/
1302}
1303
1304.x-form .x-form-btns-ct .x-form-btns-center table{
1305    margin:0 auto; /*everyone else*/
1306}
1307
1308.x-form .x-form-btns-ct table td.x-form-btn-td{
1309    padding:3px;
1310}
1311
1312.x-form .x-form-btns-ct .x-btn-focus .x-btn-left{
1313    background-position:0 -147px;
1314}
1315
1316.x-form .x-form-btns-ct .x-btn-focus .x-btn-right{
1317    background-position:0 -168px;
1318}
1319
1320.x-form .x-form-btns-ct .x-btn-focus .x-btn-center{
1321    background-position:0 -189px;
1322}
1323
1324.x-form .x-form-btns-ct .x-btn-click .x-btn-center{
1325    background-position:0 -126px;
1326}
1327
1328.x-form .x-form-btns-ct .x-btn-click  .x-btn-right{
1329    background-position:0 -84px;
1330}
1331
1332.x-form .x-form-btns-ct .x-btn-click .x-btn-left{
1333    background-position:0 -63px;
1334}
1335
1336.x-form-invalid-icon {
1337    width:16px;
1338    height:18px;
1339    visibility:hidden;
1340    position:absolute;
1341    left:0;
1342    top:0;
1343    display:block;
1344    background:transparent no-repeat 0 2px;
1345}
1346
1347/* fieldsets */
1348.x-fieldset {
1349    border:1px solid;
1350    padding:10px;
1351    margin-bottom:10px;
1352    display:block; /* preserve margins in IE */
1353}
1354
1355/* make top of checkbox/tools visible in webkit */
1356.ext-webkit .x-fieldset-header {
1357    padding-top: 1px;
1358}
1359
1360.ext-ie .x-fieldset legend {
1361    margin-bottom:10px;
1362}
1363
1364.ext-strict .ext-ie9 .x-fieldset legend.x-fieldset-header {
1365    padding-top: 1px;
1366}
1367
1368.ext-ie .x-fieldset {
1369    padding-top: 0;
1370    padding-bottom:10px;
1371}
1372
1373.x-fieldset legend .x-tool-toggle {
1374    margin-right:3px;
1375    margin-left:0;
1376    float:left !important;
1377}
1378
1379.x-fieldset legend input {
1380    margin-right:3px;
1381    float:left !important;
1382    height:13px;
1383    width:13px;
1384}
1385
1386fieldset.x-panel-collapsed {
1387    padding-bottom:0 !important;
1388    border-width: 1px 1px 0 1px !important;
1389    border-left-color: transparent;
1390    border-right-color: transparent;
1391}
1392
1393.ext-ie6 fieldset.x-panel-collapsed{
1394    padding-bottom:0 !important;
1395    border-width: 1px 0 0 0 !important;
1396    margin-left: 1px;
1397    margin-right: 1px;
1398}
1399
1400fieldset.x-panel-collapsed .x-fieldset-bwrap {
1401    visibility:hidden;
1402    position:absolute;
1403    left:-1000px;
1404    top:-1000px;
1405}
1406
1407.ext-ie .x-fieldset-bwrap {
1408    zoom:1;
1409}
1410
1411.x-fieldset-noborder {
1412    border:0px none transparent;
1413}
1414
1415.x-fieldset-noborder legend {
1416    margin-left:-3px;
1417}
1418
1419/* IE legend positioning bug */
1420.ext-ie .x-fieldset-noborder legend {
1421    position: relative;
1422    margin-bottom:23px;
1423}
1424.ext-ie .x-fieldset-noborder legend span {
1425    position: absolute;
1426    left:16px;
1427}
1428
1429.ext-gecko .x-window-body .x-form-item {
1430    -moz-outline: none;
1431    outline: none;
1432    overflow: auto;
1433}
1434
1435.ext-mac.ext-gecko .x-window-body .x-form-item {
1436    overflow:hidden;
1437}
1438
1439.ext-gecko .x-form-item {
1440    -moz-outline: none;
1441    outline: none;
1442}
1443
1444.x-hide-label label.x-form-item-label {
1445     display:none;
1446}
1447
1448.x-hide-label .x-form-element {
1449     padding-left: 0 !important;
1450}
1451
1452.x-form-label-top .x-hide-label label.x-form-item-label{
1453    display: none;
1454}
1455
1456.x-fieldset {
1457    overflow:hidden;
1458}
1459
1460.x-fieldset-bwrap {
1461    overflow:hidden;
1462    zoom:1;
1463}
1464
1465.x-fieldset-body {
1466    overflow:hidden;
1467}
1468.x-btn{
1469        cursor:pointer;
1470        white-space: nowrap;
1471}
1472
1473.x-btn button{
1474    border:0 none;
1475    background-color:transparent;
1476    padding-left:3px;
1477    padding-right:3px;
1478    cursor:pointer;
1479    margin:0;
1480    overflow:visible;
1481    width:auto;
1482    -moz-outline:0 none;
1483    outline:0 none;
1484}
1485
1486* html .ext-ie .x-btn button {
1487    width:1px;
1488}
1489
1490.ext-gecko .x-btn button, .ext-webkit .x-btn button {
1491    padding-left:0;
1492    padding-right:0;
1493}
1494
1495.ext-gecko .x-btn button::-moz-focus-inner {
1496    padding:0;
1497}
1498
1499.ext-ie .x-btn button {
1500    padding-top:2px;
1501}
1502
1503.x-btn td {
1504    padding:0 !important;
1505}
1506
1507.x-btn-text {
1508    cursor:pointer;
1509        white-space: nowrap;
1510    padding:0;
1511}
1512
1513/* icon placement and sizing styles */
1514
1515/* Only text */
1516.x-btn-noicon .x-btn-small .x-btn-text{
1517        height: 16px;
1518}
1519
1520.x-btn-noicon .x-btn-medium .x-btn-text{
1521    height: 24px;
1522}
1523
1524.x-btn-noicon .x-btn-large .x-btn-text{
1525    height: 32px;
1526}
1527
1528/* Only icons */
1529.x-btn-icon .x-btn-text{
1530    background-position: center;
1531        background-repeat: no-repeat;
1532}
1533
1534.x-btn-icon .x-btn-small .x-btn-text{
1535        height: 16px;
1536        width: 16px;
1537}
1538
1539.x-btn-icon .x-btn-medium .x-btn-text{
1540    height: 24px;
1541        width: 24px;
1542}
1543
1544.x-btn-icon .x-btn-large .x-btn-text{
1545    height: 32px;
1546        width: 32px;
1547}
1548
1549/* Icons and text */
1550/* left */
1551.x-btn-text-icon .x-btn-icon-small-left .x-btn-text{
1552    background-position: 0 center;
1553        background-repeat: no-repeat;
1554    padding-left:18px;
1555    height:16px;
1556}
1557
1558.x-btn-text-icon .x-btn-icon-medium-left .x-btn-text{
1559    background-position: 0 center;
1560        background-repeat: no-repeat;
1561    padding-left:26px;
1562    height:24px;
1563}
1564
1565.x-btn-text-icon .x-btn-icon-large-left .x-btn-text{
1566    background-position: 0 center;
1567        background-repeat: no-repeat;
1568    padding-left:34px;
1569    height:32px;
1570}
1571
1572/* top */
1573.x-btn-text-icon .x-btn-icon-small-top .x-btn-text{
1574    background-position: center 0;
1575        background-repeat: no-repeat;
1576    padding-top:18px;
1577}
1578
1579.x-btn-text-icon .x-btn-icon-medium-top .x-btn-text{
1580    background-position: center 0;
1581        background-repeat: no-repeat;
1582    padding-top:26px;
1583}
1584
1585.x-btn-text-icon .x-btn-icon-large-top .x-btn-text{
1586    background-position: center 0;
1587        background-repeat: no-repeat;
1588    padding-top:34px;
1589}
1590
1591/* right */
1592.x-btn-text-icon .x-btn-icon-small-right .x-btn-text{
1593    background-position: right center;
1594        background-repeat: no-repeat;
1595    padding-right:18px;
1596    height:16px;
1597}
1598
1599.x-btn-text-icon .x-btn-icon-medium-right .x-btn-text{
1600    background-position: right center;
1601        background-repeat: no-repeat;
1602    padding-right:26px;
1603    height:24px;
1604}
1605
1606.x-btn-text-icon .x-btn-icon-large-right .x-btn-text{
1607    background-position: right center;
1608        background-repeat: no-repeat;
1609    padding-right:34px;
1610    height:32px;
1611}
1612
1613/* bottom */
1614.x-btn-text-icon .x-btn-icon-small-bottom .x-btn-text{
1615    background-position: center bottom;
1616        background-repeat: no-repeat;
1617    padding-bottom:18px;
1618}
1619
1620.x-btn-text-icon .x-btn-icon-medium-bottom .x-btn-text{
1621    background-position: center bottom;
1622        background-repeat: no-repeat;
1623    padding-bottom:26px;
1624}
1625
1626.x-btn-text-icon .x-btn-icon-large-bottom .x-btn-text{
1627    background-position: center bottom;
1628        background-repeat: no-repeat;
1629    padding-bottom:34px;
1630}
1631
1632/* background positioning */
1633.x-btn-tr i, .x-btn-tl i, .x-btn-mr i, .x-btn-ml i, .x-btn-br i, .x-btn-bl i{
1634        font-size:1px;
1635    line-height:1px;
1636    width:3px;
1637    display:block;
1638    overflow:hidden;
1639}
1640
1641.x-btn-tr i, .x-btn-tl i, .x-btn-br i, .x-btn-bl i{
1642        height:3px;
1643}
1644
1645.x-btn-tl{
1646        width:3px;
1647        height:3px;
1648        background:no-repeat 0 0;
1649}
1650.x-btn-tr{
1651        width:3px;
1652        height:3px;
1653        background:no-repeat -3px 0;
1654}
1655.x-btn-tc{
1656        height:3px;
1657        background:repeat-x 0 -6px;
1658}
1659
1660.x-btn-ml{
1661        width:3px;
1662        background:no-repeat 0 -24px;
1663}
1664.x-btn-mr{
1665        width:3px;
1666        background:no-repeat -3px -24px;
1667}
1668
1669.x-btn-mc{
1670        background:repeat-x 0 -1096px;
1671    vertical-align: middle;
1672        text-align:center;
1673        padding:0 5px;
1674        cursor:pointer;
1675        white-space:nowrap;
1676}
1677
1678/* Fixes an issue with the button height */
1679.ext-strict .ext-ie6 .x-btn-mc, .ext-strict .ext-ie7 .x-btn-mc {
1680    height: 100%;
1681}
1682
1683.x-btn-bl{
1684        width:3px;
1685        height:3px;
1686        background:no-repeat 0 -3px;
1687}
1688
1689.x-btn-br{
1690        width:3px;
1691        height:3px;
1692        background:no-repeat -3px -3px;
1693}
1694
1695.x-btn-bc{
1696        height:3px;
1697        background:repeat-x 0 -15px;
1698}
1699
1700.x-btn-over .x-btn-tl{
1701        background-position: -6px 0;
1702}
1703
1704.x-btn-over .x-btn-tr{
1705        background-position: -9px 0;
1706}
1707
1708.x-btn-over .x-btn-tc{
1709        background-position: 0 -9px;
1710}
1711
1712.x-btn-over .x-btn-ml{
1713        background-position: -6px -24px;
1714}
1715
1716.x-btn-over .x-btn-mr{
1717        background-position: -9px -24px;
1718}
1719
1720.x-btn-over .x-btn-mc{
1721        background-position: 0 -2168px;
1722}
1723
1724.x-btn-over .x-btn-bl{
1725        background-position: -6px -3px;
1726}
1727
1728.x-btn-over .x-btn-br{
1729        background-position: -9px -3px;
1730}
1731
1732.x-btn-over .x-btn-bc{
1733        background-position: 0 -18px;
1734}
1735
1736.x-btn-click .x-btn-tl, .x-btn-menu-active .x-btn-tl, .x-btn-pressed .x-btn-tl{
1737        background-position: -12px 0;
1738}
1739
1740.x-btn-click .x-btn-tr, .x-btn-menu-active .x-btn-tr, .x-btn-pressed .x-btn-tr{
1741        background-position: -15px 0;
1742}
1743
1744.x-btn-click .x-btn-tc, .x-btn-menu-active .x-btn-tc, .x-btn-pressed .x-btn-tc{
1745        background-position: 0 -12px;
1746}
1747
1748.x-btn-click .x-btn-ml, .x-btn-menu-active .x-btn-ml, .x-btn-pressed .x-btn-ml{
1749        background-position: -12px -24px;
1750}
1751
1752.x-btn-click .x-btn-mr, .x-btn-menu-active .x-btn-mr, .x-btn-pressed .x-btn-mr{
1753        background-position: -15px -24px;
1754}
1755
1756.x-btn-click .x-btn-mc, .x-btn-menu-active .x-btn-mc, .x-btn-pressed .x-btn-mc{
1757        background-position: 0 -3240px;
1758}
1759
1760.x-btn-click .x-btn-bl, .x-btn-menu-active .x-btn-bl, .x-btn-pressed .x-btn-bl{
1761        background-position: -12px -3px;
1762}
1763
1764.x-btn-click .x-btn-br, .x-btn-menu-active .x-btn-br, .x-btn-pressed .x-btn-br{
1765        background-position: -15px -3px;
1766}
1767
1768.x-btn-click .x-btn-bc, .x-btn-menu-active .x-btn-bc, .x-btn-pressed .x-btn-bc{
1769        background-position: 0 -21px;
1770}
1771
1772.x-btn-disabled *{
1773        cursor:default !important;
1774}
1775
1776
1777/* With a menu arrow */
1778/* right */
1779.x-btn-mc em.x-btn-arrow {
1780    display:block;
1781    background:transparent no-repeat right center;
1782        padding-right:10px;
1783}
1784
1785.x-btn-mc em.x-btn-split {
1786    display:block;
1787    background:transparent no-repeat right center;
1788        padding-right:14px;
1789}
1790
1791/* bottom */
1792.x-btn-mc em.x-btn-arrow-bottom {
1793    display:block;
1794    background:transparent no-repeat center bottom;
1795        padding-bottom:14px;
1796}
1797
1798.x-btn-mc em.x-btn-split-bottom {
1799    display:block;
1800    background:transparent no-repeat center bottom;
1801        padding-bottom:14px;
1802}
1803
1804/* height adjustment class */
1805.x-btn-as-arrow .x-btn-mc em {
1806    display:block;
1807    background-color:transparent;
1808        padding-bottom:14px;
1809}
1810
1811/* groups */
1812.x-btn-group {
1813    padding:1px;
1814}
1815
1816.x-btn-group-header {
1817    padding:2px;
1818    text-align:center;
1819}
1820
1821.x-btn-group-tc {
1822        background: transparent repeat-x 0 0;
1823        overflow:hidden;
1824}
1825
1826.x-btn-group-tl {
1827        background: transparent no-repeat 0 0;
1828        padding-left:3px;
1829    zoom:1;
1830}
1831
1832.x-btn-group-tr {
1833        background: transparent no-repeat right 0;
1834        zoom:1;
1835    padding-right:3px;
1836}
1837
1838.x-btn-group-bc {
1839        background: transparent repeat-x 0 bottom;
1840    zoom:1;
1841}
1842
1843.x-btn-group-bc .x-panel-footer {
1844    zoom:1;
1845}
1846
1847.x-btn-group-bl {
1848        background: transparent no-repeat 0 bottom;
1849        padding-left:3px;
1850    zoom:1;
1851}
1852
1853.x-btn-group-br {
1854        background: transparent no-repeat right bottom;
1855        padding-right:3px;
1856    zoom:1;
1857}
1858
1859.x-btn-group-mc {
1860    border:0 none;
1861    padding:1px 0 0 0;
1862    margin:0;
1863}
1864
1865.x-btn-group-mc .x-btn-group-body {
1866    background-color:transparent;
1867    border: 0 none;
1868}
1869
1870.x-btn-group-ml {
1871        background: transparent repeat-y 0 0;
1872        padding-left:3px;
1873    zoom:1;
1874}
1875
1876.x-btn-group-mr {
1877        background: transparent repeat-y right 0;
1878        padding-right:3px;
1879    zoom:1;
1880}
1881
1882.x-btn-group-bc .x-btn-group-footer {
1883    padding-bottom:6px;
1884}
1885
1886.x-panel-nofooter .x-btn-group-bc {
1887        height:3px;
1888    font-size:0;
1889    line-height:0;
1890}
1891
1892.x-btn-group-bwrap {
1893    overflow:hidden;
1894    zoom:1;
1895}
1896
1897.x-btn-group-body {
1898    overflow:hidden;
1899    zoom:1;
1900}
1901
1902.x-btn-group-notitle .x-btn-group-tc {
1903        background: transparent repeat-x 0 0;
1904        overflow:hidden;
1905    height:2px;
1906}.x-toolbar{
1907    border-style:solid;
1908    border-width:0 0 1px 0;
1909    display: block;
1910        padding:2px;
1911    background:repeat-x top left;
1912    position:relative;
1913    left:0;
1914    top:0;
1915    zoom:1;
1916    overflow:hidden;
1917}
1918
1919.x-toolbar-left {
1920    width: 100%;
1921}
1922
1923.x-toolbar .x-item-disabled .x-btn-icon {
1924    opacity: .35;
1925    -moz-opacity: .35;
1926    filter: alpha(opacity=35);
1927}
1928
1929.x-toolbar td {
1930        vertical-align:middle;
1931}
1932
1933.x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{
1934        white-space: nowrap;
1935}
1936
1937.x-toolbar .x-item-disabled {
1938        cursor:default;
1939        opacity:.6;
1940        -moz-opacity:.6;
1941        filter:alpha(opacity=60);
1942}
1943
1944.x-toolbar .x-item-disabled * {
1945        cursor:default;
1946}
1947
1948.x-toolbar .x-toolbar-cell {
1949    vertical-align:middle;
1950}
1951
1952.x-toolbar .x-btn-tl, .x-toolbar .x-btn-tr, .x-toolbar .x-btn-tc, .x-toolbar .x-btn-ml, .x-toolbar .x-btn-mr,
1953.x-toolbar .x-btn-mc, .x-toolbar .x-btn-bl, .x-toolbar .x-btn-br, .x-toolbar .x-btn-bc
1954{
1955        background-position: 500px 500px;
1956}
1957
1958/* These rules are duplicated from button.css to give priority of x-toolbar rules above */
1959.x-toolbar .x-btn-over .x-btn-tl{
1960        background-position: -6px 0;
1961}
1962
1963.x-toolbar .x-btn-over .x-btn-tr{
1964        background-position: -9px 0;
1965}
1966
1967.x-toolbar .x-btn-over .x-btn-tc{
1968        background-position: 0 -9px;
1969}
1970
1971.x-toolbar .x-btn-over .x-btn-ml{
1972        background-position: -6px -24px;
1973}
1974
1975.x-toolbar .x-btn-over .x-btn-mr{
1976        background-position: -9px -24px;
1977}
1978
1979.x-toolbar .x-btn-over .x-btn-mc{
1980        background-position: 0 -2168px;
1981}
1982
1983.x-toolbar .x-btn-over .x-btn-bl{
1984        background-position: -6px -3px;
1985}
1986
1987.x-toolbar .x-btn-over .x-btn-br{
1988        background-position: -9px -3px;
1989}
1990
1991.x-toolbar .x-btn-over .x-btn-bc{
1992        background-position: 0 -18px;
1993}
1994
1995.x-toolbar .x-btn-click .x-btn-tl, .x-toolbar .x-btn-menu-active .x-btn-tl, .x-toolbar .x-btn-pressed .x-btn-tl{
1996        background-position: -12px 0;
1997}
1998
1999.x-toolbar .x-btn-click .x-btn-tr, .x-toolbar .x-btn-menu-active .x-btn-tr, .x-toolbar .x-btn-pressed .x-btn-tr{
2000        background-position: -15px 0;
2001}
2002
2003.x-toolbar .x-btn-click .x-btn-tc, .x-toolbar .x-btn-menu-active .x-btn-tc, .x-toolbar .x-btn-pressed .x-btn-tc{
2004        background-position: 0 -12px;
2005}
2006
2007.x-toolbar .x-btn-click .x-btn-ml, .x-toolbar .x-btn-menu-active .x-btn-ml, .x-toolbar .x-btn-pressed .x-btn-ml{
2008        background-position: -12px -24px;
2009}
2010
2011.x-toolbar .x-btn-click .x-btn-mr, .x-toolbar .x-btn-menu-active .x-btn-mr, .x-toolbar .x-btn-pressed .x-btn-mr{
2012        background-position: -15px -24px;
2013}
2014
2015.x-toolbar .x-btn-click .x-btn-mc, .x-toolbar .x-btn-menu-active .x-btn-mc, .x-toolbar .x-btn-pressed .x-btn-mc{
2016        background-position: 0 -3240px;
2017}
2018
2019.x-toolbar .x-btn-click .x-btn-bl, .x-toolbar .x-btn-menu-active .x-btn-bl, .x-toolbar .x-btn-pressed .x-btn-bl{
2020        background-position: -12px -3px;
2021}
2022
2023.x-toolbar .x-btn-click .x-btn-br, .x-toolbar .x-btn-menu-active .x-btn-br, .x-toolbar .x-btn-pressed .x-btn-br{
2024        background-position: -15px -3px;
2025}
2026
2027.x-toolbar .x-btn-click .x-btn-bc, .x-toolbar .x-btn-menu-active .x-btn-bc, .x-toolbar .x-btn-pressed .x-btn-bc{
2028        background-position: 0 -21px;
2029}
2030
2031.x-toolbar div.xtb-text{
2032    padding:2px 2px 0;
2033    line-height:16px;
2034    display:block;
2035}
2036
2037.x-toolbar .xtb-sep {
2038        background-position: center;
2039        background-repeat: no-repeat;
2040        display: block;
2041        font-size: 1px;
2042        height: 16px;
2043        width:4px;
2044        overflow: hidden;
2045        cursor:default;
2046        margin: 0 2px 0;
2047        border:0;
2048}
2049
2050.x-toolbar .xtb-spacer {
2051    width:2px;
2052}
2053
2054/* Paging Toolbar */
2055.x-tbar-page-number{
2056        width:30px;
2057        height:14px;
2058}
2059
2060.ext-ie .x-tbar-page-number{
2061    margin-top: 2px;
2062}
2063
2064.x-paging-info {
2065    position:absolute;
2066    top:5px;
2067    right: 8px;
2068}
2069
2070/* floating */
2071.x-toolbar-ct {
2072    width:100%;
2073}
2074
2075.x-toolbar-right td {
2076    text-align: center;
2077}
2078
2079.x-panel-tbar, .x-panel-bbar, .x-window-tbar, .x-window-bbar, .x-tab-panel-tbar, .x-tab-panel-bbar, .x-plain-tbar, .x-plain-bbar {
2080    overflow:hidden;
2081    zoom:1;
2082}
2083
2084.x-toolbar-more .x-btn-small .x-btn-text{
2085        height: 16px;
2086        width: 12px;
2087}
2088
2089.x-toolbar-more em.x-btn-arrow {
2090    display:inline;
2091    background-color:transparent;
2092        padding-right:0;
2093}
2094
2095.x-toolbar-more .x-btn-mc em.x-btn-arrow {
2096    background-image: none;
2097}
2098
2099div.x-toolbar-no-items {
2100    color:gray !important;
2101    padding:5px 10px !important;
2102}
2103
2104/* fix ie toolbar form items */
2105.ext-border-box .x-toolbar-cell .x-form-text {
2106    margin-bottom:-1px !important;
2107}
2108
2109.ext-border-box .x-toolbar-cell .x-form-field-wrap .x-form-text {
2110    margin:0 !important;
2111}
2112
2113.ext-ie .x-toolbar-cell .x-form-field-wrap {
2114    height:21px;
2115}
2116
2117.ext-ie .x-toolbar-cell .x-form-text {
2118    position:relative;
2119    top:-1px;
2120}
2121
2122.ext-strict .ext-ie8 .x-toolbar-cell .x-form-field-trigger-wrap .x-form-text, .ext-strict .ext-ie .x-toolbar-cell .x-form-text {
2123    top: 0px;
2124}
2125
2126.x-toolbar-right td .x-form-field-trigger-wrap{
2127    text-align: left;
2128}
2129
2130.x-toolbar-cell .x-form-checkbox, .x-toolbar-cell .x-form-radio{
2131    margin-top: 5px;
2132}
2133
2134.x-toolbar-cell .x-form-cb-label{
2135    vertical-align: bottom;
2136    top: 1px;
2137}
2138
2139.ext-ie .x-toolbar-cell .x-form-checkbox, .ext-ie .x-toolbar-cell .x-form-radio{
2140    margin-top: 4px;
2141}
2142
2143.ext-ie .x-toolbar-cell .x-form-cb-label{
2144    top: 0;
2145}
2146/* Grid3 styles */
2147.x-grid3 {
2148        position:relative;
2149        overflow:hidden;
2150}
2151
2152.x-grid-panel .x-panel-body {
2153    overflow:hidden !important;
2154}
2155
2156.x-grid-panel .x-panel-mc .x-panel-body {
2157    border:1px solid;
2158}
2159
2160.x-grid3 table {
2161    table-layout:fixed;
2162}
2163
2164.x-grid3-viewport{
2165        overflow:hidden;
2166}
2167
2168.x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td{
2169    -moz-outline: none;
2170    outline: none;
2171        -moz-user-focus: normal;
2172}
2173
2174.x-grid3-row td, .x-grid3-summary-row td {
2175    line-height:13px;
2176    vertical-align: top;
2177        padding-left:1px;
2178    padding-right:1px;
2179    -moz-user-select: none;
2180    -khtml-user-select:none;
2181    -webkit-user-select:ignore;
2182}
2183
2184.x-grid3-cell{
2185    -moz-user-select: none;
2186    -khtml-user-select:none;
2187    -webkit-user-select:ignore;
2188}
2189
2190.x-grid3-hd-row td {
2191    line-height:15px;
2192    vertical-align:middle;
2193    border-left:1px solid;
2194    border-right:1px solid;
2195}
2196
2197.x-grid3-hd-row .x-grid3-marker-hd {
2198    padding:3px;
2199}
2200
2201.x-grid3-row .x-grid3-marker {
2202    padding:3px;
2203}
2204
2205.x-grid3-cell-inner, .x-grid3-hd-inner{
2206        overflow:hidden;
2207        -o-text-overflow: ellipsis;
2208        text-overflow: ellipsis;
2209    padding:3px 3px 3px 5px;
2210    white-space: nowrap;
2211}
2212
2213/* ActionColumn, reduce padding to accommodate 16x16 icons in normal row height */
2214.x-action-col-cell .x-grid3-cell-inner {
2215    padding-top: 1px;
2216    padding-bottom: 1px;
2217}
2218
2219.x-action-col-icon {
2220    cursor: pointer;
2221}
2222
2223.x-grid3-hd-inner {
2224    position:relative;
2225        cursor:inherit;
2226        padding:4px 3px 4px 5px;
2227}
2228
2229.x-grid3-row-body {
2230    white-space:normal;
2231}
2232
2233.x-grid3-body-cell {
2234    -moz-outline:0 none;
2235    outline:0 none;
2236}
2237
2238/* IE Quirks to clip */
2239.ext-ie .x-grid3-cell-inner, .ext-ie .x-grid3-hd-inner{
2240        width:100%;
2241}
2242
2243/* reverse above in strict mode */
2244.ext-strict .x-grid3-cell-inner, .ext-strict .x-grid3-hd-inner{
2245        width:auto;
2246}
2247
2248.x-grid-row-loading {
2249    background: no-repeat center center;
2250}
2251
2252.x-grid-page {
2253    overflow:hidden;
2254}
2255
2256.x-grid3-row {
2257        cursor: default;
2258    border: 1px solid;
2259    width:100%;
2260}
2261
2262.x-grid3-row-over {
2263        border:1px solid;
2264    background: repeat-x left top;
2265}
2266
2267.x-grid3-resize-proxy {
2268        width:1px;
2269    left:0;
2270        cursor: e-resize;
2271        cursor: col-resize;
2272        position:absolute;
2273        top:0;
2274        height:100px;
2275        overflow:hidden;
2276        visibility:hidden;
2277        border:0 none;
2278        z-index:7;
2279}
2280
2281.x-grid3-resize-marker {
2282        width:1px;
2283        left:0;
2284        position:absolute;
2285        top:0;
2286        height:100px;
2287        overflow:hidden;
2288        visibility:hidden;
2289        border:0 none;
2290        z-index:7;
2291}
2292
2293.x-grid3-focus {
2294        position:absolute;
2295        left:0;
2296        top:0;
2297        width:1px;
2298        height:1px;
2299    line-height:1px;
2300    font-size:1px;
2301    -moz-outline:0 none;
2302    outline:0 none;
2303    -moz-user-select: text;
2304    -khtml-user-select: text;
2305    -webkit-user-select:ignore;
2306}
2307
2308/* header styles */
2309.x-grid3-header{
2310        background: repeat-x 0 bottom;
2311        cursor:default;
2312    zoom:1;
2313    padding:1px 0 0 0;
2314}
2315
2316.x-grid3-header-pop {
2317    border-left:1px solid;
2318    float:right;
2319    clear:none;
2320}
2321
2322.x-grid3-header-pop-inner {
2323    border-left:1px solid;
2324    width:14px;
2325    height:19px;
2326    background: transparent no-repeat center center;
2327}
2328
2329.ext-ie .x-grid3-header-pop-inner {
2330    width:15px;
2331}
2332
2333.ext-strict .x-grid3-header-pop-inner {
2334    width:14px; 
2335}
2336
2337.x-grid3-header-inner {
2338    overflow:hidden;
2339    zoom:1;
2340    float:left;
2341}
2342
2343.x-grid3-header-offset {
2344    padding-left:1px;
2345    text-align: left;
2346}
2347
2348td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {
2349    border-left:1px solid;
2350    border-right:1px solid;
2351}
2352
2353td.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 {
2354    background: repeat-x left bottom;
2355
2356}
2357
2358.x-grid3-sort-icon{
2359        background-repeat: no-repeat;
2360        display: none;
2361        height: 4px;
2362        width: 13px;
2363        margin-left:3px;
2364        vertical-align: middle;
2365}
2366
2367.sort-asc .x-grid3-sort-icon, .sort-desc .x-grid3-sort-icon {
2368        display: inline;
2369}
2370
2371/* Header position fixes for IE strict mode */
2372.ext-strict .ext-ie .x-grid3-header-inner, .ext-strict .ext-ie6 .x-grid3-hd {
2373    position:relative;
2374}
2375
2376.ext-strict .ext-ie6 .x-grid3-hd-inner{
2377    position:static;
2378}
2379
2380/* Body Styles */
2381.x-grid3-body {
2382        zoom:1;
2383}
2384
2385.x-grid3-scroller {
2386        overflow:auto;
2387    zoom:1;
2388    position:relative;
2389}
2390
2391.x-grid3-cell-text, .x-grid3-hd-text {
2392        display: block;
2393        padding: 3px 5px 3px 5px;
2394        -moz-user-select: none;
2395        -khtml-user-select: none;
2396    -webkit-user-select:ignore;
2397}
2398
2399.x-grid3-split {
2400        background-position: center;
2401        background-repeat: no-repeat;
2402        cursor: e-resize;
2403        cursor: col-resize;
2404        display: block;
2405        font-size: 1px;
2406        height: 16px;
2407        overflow: hidden;
2408        position: absolute;
2409        top: 2px;
2410        width: 6px;
2411        z-index: 3;
2412}
2413
2414/* Column Reorder DD */
2415.x-dd-drag-proxy .x-grid3-hd-inner{
2416        background: repeat-x left bottom;
2417        width:120px;
2418        padding:3px;
2419        border:1px solid;
2420        overflow:hidden;
2421}
2422
2423.col-move-top, .col-move-bottom{
2424        width:9px;
2425        height:9px;
2426        position:absolute;
2427        top:0;
2428        line-height:1px;
2429        font-size:1px;
2430        overflow:hidden;
2431        visibility:hidden;
2432        z-index:20000;
2433    background:transparent no-repeat left top;
2434}
2435
2436/* Selection Styles */
2437.x-grid3-row-selected {
2438        border:1px dotted;
2439}
2440
2441.x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{
2442    background: repeat-x 0 bottom !important;
2443    vertical-align:middle !important;
2444    padding:0;
2445    border-top:1px solid;
2446    border-bottom:none !important;
2447    border-right:1px solid !important;
2448    text-align:center;
2449}
2450
2451.x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{
2452    padding:0 4px;
2453    text-align:center;
2454}
2455
2456/* dirty cells */
2457.x-grid3-dirty-cell {
2458    background: transparent no-repeat 0 0;
2459}
2460
2461/* Grid Toolbars */
2462.x-grid3-topbar, .x-grid3-bottombar{
2463    overflow:hidden;
2464        display:none;
2465        zoom:1;
2466    position:relative;
2467}
2468
2469.x-grid3-topbar .x-toolbar{
2470        border-right:0 none;
2471}
2472
2473.x-grid3-bottombar .x-toolbar{
2474        border-right:0 none;
2475        border-bottom:0 none;
2476        border-top:1px solid;
2477}
2478
2479/* Props Grid Styles */
2480.x-props-grid .x-grid3-cell{
2481        padding:1px;
2482}
2483
2484.x-props-grid .x-grid3-td-name .x-grid3-cell-inner{
2485        background:transparent repeat-y -16px !important;
2486    padding-left:12px;
2487}
2488
2489.x-props-grid .x-grid3-body .x-grid3-td-name{
2490    padding:1px;
2491    padding-right:0;
2492    border:0 none;
2493    border-right:1px solid;
2494}
2495
2496/* dd */
2497.x-grid3-col-dd {
2498    border:0 none;
2499    padding:0;
2500    background-color:transparent;
2501}
2502
2503.x-dd-drag-ghost .x-grid3-dd-wrap {
2504    padding:1px 3px 3px 1px;
2505}
2506
2507.x-grid3-hd {
2508    -moz-user-select:none;
2509    -khtml-user-select:none;
2510    -webkit-user-select:ignore;
2511}
2512
2513.x-grid3-hd-btn {
2514    display:none;
2515    position:absolute;
2516    width:14px;
2517    background:no-repeat left center;
2518    right:0;
2519    top:0;
2520    z-index:2;
2521        cursor:pointer;
2522}
2523
2524.x-grid3-hd-over .x-grid3-hd-btn, .x-grid3-hd-menu-open .x-grid3-hd-btn {
2525    display:block;
2526}
2527
2528a.x-grid3-hd-btn:hover {
2529    background-position:-14px center;
2530}
2531
2532/* Expanders */
2533.x-grid3-body .x-grid3-td-expander {
2534    background:transparent repeat-y right;
2535}
2536
2537.x-grid3-body .x-grid3-td-expander .x-grid3-cell-inner {
2538    padding:0 !important;
2539    height:100%;
2540}
2541
2542.x-grid3-row-expander {
2543    width:100%;
2544    height:18px;
2545    background-position:4px 2px;
2546    background-repeat:no-repeat;
2547    background-color:transparent;
2548}
2549
2550.x-grid3-row-collapsed .x-grid3-row-expander {
2551    background-position:4px 2px;
2552}
2553
2554.x-grid3-row-expanded .x-grid3-row-expander {
2555    background-position:-21px 2px;
2556}
2557
2558.x-grid3-row-collapsed .x-grid3-row-body {
2559    display:none !important;
2560}
2561
2562.x-grid3-row-expanded .x-grid3-row-body {
2563    display:block !important;
2564}
2565
2566/* Checkers */
2567.x-grid3-body .x-grid3-td-checker {
2568    background:transparent repeat-y right;
2569}
2570
2571.x-grid3-body .x-grid3-td-checker .x-grid3-cell-inner, .x-grid3-header .x-grid3-td-checker .x-grid3-hd-inner {
2572    padding:0 !important;
2573    height:100%;
2574}
2575
2576.x-grid3-row-checker, .x-grid3-hd-checker {
2577    width:100%;
2578    height:18px;
2579    background-position:2px 2px;
2580    background-repeat:no-repeat;
2581    background-color:transparent;
2582}
2583
2584.x-grid3-row .x-grid3-row-checker {
2585    background-position:2px 2px;
2586}
2587
2588.x-grid3-row-selected .x-grid3-row-checker, .x-grid3-hd-checker-on .x-grid3-hd-checker,.x-grid3-row-checked .x-grid3-row-checker {
2589    background-position:-23px 2px;
2590}
2591
2592.x-grid3-hd-checker {
2593    background-position:2px 1px;
2594}
2595
2596.ext-border-box .x-grid3-hd-checker {
2597    background-position:2px 3px;
2598}
2599
2600.x-grid3-hd-checker-on .x-grid3-hd-checker {
2601    background-position:-23px 1px;
2602}
2603
2604.ext-border-box .x-grid3-hd-checker-on .x-grid3-hd-checker {
2605    background-position:-23px 3px;
2606}
2607
2608/* Numberer */
2609.x-grid3-body .x-grid3-td-numberer {
2610    background:transparent repeat-y right;
2611}
2612
2613.x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {
2614    padding:3px 5px 0 0 !important;
2615    text-align:right;
2616}
2617
2618/* Row Icon */
2619
2620.x-grid3-body .x-grid3-td-row-icon {
2621    background:transparent repeat-y right;
2622    vertical-align:top;
2623    text-align:center;
2624}
2625
2626.x-grid3-body .x-grid3-td-row-icon .x-grid3-cell-inner {
2627    padding:0 !important;
2628    background-position:center center;
2629    background-repeat:no-repeat;
2630    width:16px;
2631    height:16px;
2632    margin-left:2px;
2633    margin-top:3px;
2634}
2635
2636/* All specials */
2637.x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,
2638.x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,
2639.x-grid3-body .x-grid3-row-selected .x-grid3-td-expander {
2640        background:transparent repeat-y right;
2641}
2642
2643.x-grid3-body .x-grid3-check-col-td .x-grid3-cell-inner {
2644    padding: 1px 0 0 0 !important;
2645}
2646
2647.x-grid3-check-col {
2648    width:100%;
2649    height:16px;
2650    background-position:center center;
2651    background-repeat:no-repeat;
2652    background-color:transparent;
2653}
2654
2655.x-grid3-check-col-on {
2656    width:100%;
2657    height:16px;
2658    background-position:center center;
2659    background-repeat:no-repeat;
2660    background-color:transparent;
2661}
2662
2663/* Grouping classes */
2664.x-grid-group, .x-grid-group-body, .x-grid-group-hd {
2665    zoom:1;
2666}
2667
2668.x-grid-group-hd {
2669    border-bottom: 2px solid;
2670    cursor:pointer;
2671    padding-top:6px;
2672}
2673
2674.x-grid-group-hd div.x-grid-group-title {
2675    background:transparent no-repeat 3px 3px;
2676    padding:4px 4px 4px 17px;
2677}
2678
2679.x-grid-group-collapsed .x-grid-group-body {
2680    display:none;
2681}
2682
2683.ext-ie6 .x-grid3 .x-editor .x-form-text, .ext-ie7 .x-grid3 .x-editor .x-form-text {
2684    position:relative;
2685    top:-1px;
2686}
2687
2688.ext-ie .x-props-grid .x-editor .x-form-text {
2689    position:static;
2690    top:0;
2691}
2692
2693.x-grid-empty {
2694    padding:10px;
2695}
2696
2697/* fix floating toolbar issue */
2698.ext-ie7 .x-grid-panel .x-panel-bbar {
2699    position:relative;
2700}
2701
2702
2703/* Reset position to static when Grid Panel has been framed */
2704/* to resolve 'snapping' from top to bottom behavior. */
2705/* @forumThread 86656 */
2706.ext-ie7 .x-grid-panel .x-panel-mc .x-panel-bbar {
2707    position: static;
2708}
2709
2710.ext-ie6 .x-grid3-header {
2711    position: relative;
2712}
2713
2714/* Fix WebKit bug in Grids */
2715.ext-webkit .x-grid-panel .x-panel-bwrap{
2716    -webkit-user-select:none;
2717}
2718.ext-webkit .x-tbar-page-number{
2719    -webkit-user-select:ignore;
2720}
2721/* end*/
2722
2723/* column lines */
2724.x-grid-with-col-lines .x-grid3-row td.x-grid3-cell {
2725    padding-right:0;
2726    border-right:1px solid;
2727}
2728.x-pivotgrid .x-grid3-header-offset table {
2729    width: 100%;
2730    border-collapse: collapse;
2731}
2732
2733.x-pivotgrid .x-grid3-header-offset table td {
2734    padding: 4px 3px 4px 5px;
2735    text-align: center;
2736    white-space: nowrap;
2737    overflow: hidden;
2738    text-overflow: ellipsis;
2739    font-size: 11px;
2740    line-height: 13px;
2741    font-family: tahoma;
2742}
2743
2744.x-pivotgrid .x-grid3-row-headers {
2745    display: block;
2746    float: left;
2747}
2748
2749.x-pivotgrid .x-grid3-row-headers table {
2750    height: 100%;
2751    width: 100%;
2752    border-collapse: collapse;
2753}
2754
2755.x-pivotgrid .x-grid3-row-headers table td {
2756    height: 18px;
2757    padding: 2px 7px 0 0;
2758    text-align: right;
2759    text-overflow: ellipsis;
2760    font-size: 11px;
2761    font-family: tahoma;
2762}
2763
2764.ext-gecko .x-pivotgrid .x-grid3-row-headers table td {
2765    height: 21px;
2766}
2767
2768.x-grid3-header-title {
2769    top: 0%;
2770    left: 0%;
2771    position: absolute;
2772    text-align: center;
2773    vertical-align: middle;
2774    font-family: tahoma;
2775    font-size: 11px;
2776    padding: auto 1px;
2777    display: table-cell;
2778}
2779
2780.x-grid3-header-title span {
2781    position: absolute;
2782    top: 50%;
2783    left: 0%;
2784    width: 100%;
2785    margin-top: -6px;
2786}.x-dd-drag-proxy{
2787        position:absolute;
2788        left:0;
2789    top:0;
2790        visibility:hidden;
2791        z-index:15000;
2792}
2793
2794.x-dd-drag-ghost{
2795        -moz-opacity: 0.85;
2796    opacity:.85;
2797    filter: alpha(opacity=85);
2798    border: 1px solid;
2799        padding:3px;
2800        padding-left:20px;
2801        white-space:nowrap;
2802}
2803
2804.x-dd-drag-repair .x-dd-drag-ghost{
2805        -moz-opacity: 0.4;
2806    opacity:.4;
2807    filter: alpha(opacity=40);
2808        border:0 none;
2809        padding:0;
2810        background-color:transparent;
2811}
2812
2813.x-dd-drag-repair .x-dd-drop-icon{
2814        visibility:hidden;
2815}
2816
2817.x-dd-drop-icon{
2818    position:absolute;
2819        top:3px;
2820        left:3px;
2821        display:block;
2822        width:16px;
2823        height:16px;
2824        background-color:transparent;
2825        background-position: center;
2826        background-repeat: no-repeat;
2827        z-index:1;
2828}
2829
2830.x-view-selector {
2831    position:absolute;
2832    left:0;
2833    top:0;
2834    width:0;
2835    border:1px dotted;
2836        opacity: .5;
2837    -moz-opacity: .5;
2838    filter:alpha(opacity=50);
2839    zoom:1;
2840}.ext-strict .ext-ie .x-tree .x-panel-bwrap{
2841    position:relative;
2842    overflow:hidden;
2843}
2844
2845.x-tree-icon, .x-tree-ec-icon, .x-tree-elbow-line, .x-tree-elbow, .x-tree-elbow-end, .x-tree-elbow-plus, .x-tree-elbow-minus, .x-tree-elbow-end-plus, .x-tree-elbow-end-minus{
2846        border: 0 none;
2847        height: 18px;
2848        margin: 0;
2849        padding: 0;
2850        vertical-align: top;
2851        width: 16px;
2852    background-repeat: no-repeat;
2853}
2854
2855.x-tree-node-collapsed .x-tree-node-icon, .x-tree-node-expanded .x-tree-node-icon, .x-tree-node-leaf .x-tree-node-icon{
2856        border: 0 none;
2857        height: 18px;
2858        margin: 0;
2859        padding: 0;
2860        vertical-align: top;
2861        width: 16px;
2862        background-position:center;
2863    background-repeat: no-repeat;
2864}
2865
2866.ext-ie .x-tree-node-indent img, .ext-ie .x-tree-node-icon, .ext-ie .x-tree-ec-icon {
2867    vertical-align: middle !important;
2868}
2869
2870.ext-strict .ext-ie8 .x-tree-node-indent img, .ext-strict .ext-ie8 .x-tree-node-icon, .ext-strict .ext-ie8 .x-tree-ec-icon {
2871    vertical-align: top !important;
2872}
2873
2874/* checkboxes */
2875
2876input.x-tree-node-cb {
2877    margin-left:1px;
2878    height: 19px;
2879        vertical-align: bottom;
2880}
2881
2882.ext-ie input.x-tree-node-cb {
2883    margin-left:0;
2884    margin-top: 1px;
2885    width: 16px;
2886    height: 16px;
2887    vertical-align: middle;
2888}
2889
2890.ext-strict .ext-ie8 input.x-tree-node-cb{
2891    margin: 1px 1px;
2892    height: 14px;
2893    vertical-align: bottom;
2894}
2895
2896.ext-strict .ext-ie8 input.x-tree-node-cb + a{
2897    vertical-align: bottom;
2898}
2899
2900.ext-opera input.x-tree-node-cb {
2901    height: 14px;
2902    vertical-align: middle;
2903}
2904
2905.x-tree-noicon .x-tree-node-icon{
2906        width:0; height:0;
2907}
2908
2909/* No line styles */
2910.x-tree-no-lines .x-tree-elbow{
2911        background-color:transparent;
2912}
2913
2914.x-tree-no-lines .x-tree-elbow-end{
2915        background-color:transparent;
2916}
2917
2918.x-tree-no-lines .x-tree-elbow-line{
2919        background-color:transparent;
2920}
2921
2922/* Arrows */
2923.x-tree-arrows .x-tree-elbow{
2924        background-color:transparent;
2925}
2926
2927.x-tree-arrows .x-tree-elbow-plus{
2928    background:transparent no-repeat 0 0;
2929}
2930
2931.x-tree-arrows .x-tree-elbow-minus{
2932    background:transparent no-repeat -16px 0;
2933}
2934
2935.x-tree-arrows .x-tree-elbow-end{
2936        background-color:transparent;
2937}
2938
2939.x-tree-arrows .x-tree-elbow-end-plus{
2940    background:transparent no-repeat 0 0;
2941}
2942
2943.x-tree-arrows .x-tree-elbow-end-minus{
2944    background:transparent no-repeat -16px 0;
2945}
2946
2947.x-tree-arrows .x-tree-elbow-line{
2948        background-color:transparent;
2949}
2950
2951.x-tree-arrows .x-tree-ec-over .x-tree-elbow-plus{
2952    background-position:-32px 0;
2953}
2954
2955.x-tree-arrows .x-tree-ec-over .x-tree-elbow-minus{
2956    background-position:-48px 0;
2957}
2958
2959.x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-plus{
2960    background-position:-32px 0;
2961}
2962
2963.x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-minus{
2964    background-position:-48px 0;
2965}
2966
2967.x-tree-elbow-plus, .x-tree-elbow-minus, .x-tree-elbow-end-plus, .x-tree-elbow-end-minus{
2968        cursor:pointer;
2969}
2970
2971.ext-ie ul.x-tree-node-ct{
2972    font-size:0;
2973    line-height:0;
2974    zoom:1;
2975}
2976
2977.x-tree-node{
2978        white-space: nowrap;
2979}
2980
2981.x-tree-node-el {
2982    line-height:18px;
2983    cursor:pointer;
2984}
2985
2986.x-tree-node a, .x-dd-drag-ghost a{
2987        text-decoration:none;
2988        -khtml-user-select:none;
2989        -moz-user-select:none;
2990    -webkit-user-select:ignore;
2991    -kthml-user-focus:normal;
2992    -moz-user-focus:normal;
2993    -moz-outline: 0 none;
2994    outline:0 none;
2995}
2996
2997.x-tree-node a span, .x-dd-drag-ghost a span{
2998        text-decoration:none;
2999        padding:1px 3px 1px 2px;
3000}
3001
3002.x-tree-node .x-tree-node-disabled .x-tree-node-icon{
3003        -moz-opacity: 0.5;
3004   opacity:.5;
3005   filter: alpha(opacity=50);
3006}
3007
3008.x-tree-node .x-tree-node-inline-icon{
3009        background-color:transparent;
3010}
3011
3012.x-tree-node a:hover, .x-dd-drag-ghost a:hover{
3013        text-decoration:none;
3014}
3015
3016.x-tree-node div.x-tree-drag-insert-below{
3017         border-bottom:1px dotted;
3018}
3019
3020.x-tree-node div.x-tree-drag-insert-above{
3021         border-top:1px dotted;
3022}
3023
3024.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below{
3025         border-bottom:0 none;
3026}
3027
3028.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above{
3029         border-top:0 none;
3030}
3031
3032.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{
3033         border-bottom:2px solid;
3034}
3035
3036.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{
3037         border-top:2px solid;
3038}
3039
3040.x-tree-node .x-tree-drag-append a span{
3041         border:1px dotted;
3042}
3043
3044.x-dd-drag-ghost .x-tree-node-indent, .x-dd-drag-ghost .x-tree-ec-icon{
3045        display:none !important;
3046}
3047
3048/* Fix for ie rootVisible:false issue */
3049.x-tree-root-ct {
3050    zoom:1;
3051}
3052.x-date-picker {
3053    border: 1px solid;
3054    border-top:0 none;
3055        position:relative;
3056}
3057
3058.x-date-picker a {
3059    -moz-outline:0 none;
3060    outline:0 none;
3061}
3062
3063.x-date-inner, .x-date-inner td, .x-date-inner th{
3064    border-collapse:separate;
3065}
3066
3067.x-date-middle,.x-date-left,.x-date-right {
3068        background: repeat-x 0 -83px;
3069        overflow:hidden;
3070}
3071
3072.x-date-middle .x-btn-tc,.x-date-middle .x-btn-tl,.x-date-middle .x-btn-tr,
3073.x-date-middle .x-btn-mc,.x-date-middle .x-btn-ml,.x-date-middle .x-btn-mr,
3074.x-date-middle .x-btn-bc,.x-date-middle .x-btn-bl,.x-date-middle .x-btn-br{
3075        background:transparent !important;
3076    vertical-align:middle;
3077}
3078
3079.x-date-middle .x-btn-mc em.x-btn-arrow {
3080    background:transparent no-repeat right 0;
3081}
3082
3083.x-date-right, .x-date-left {
3084    width:18px;
3085}
3086
3087.x-date-right{
3088    text-align:right;
3089}
3090
3091.x-date-middle {
3092    padding-top:2px;
3093    padding-bottom:2px;
3094    width:130px; /* FF3 */
3095}
3096
3097.x-date-right a, .x-date-left a{
3098    display:block;
3099    width:16px;
3100        height:16px;
3101        background-position: center;
3102        background-repeat: no-repeat;
3103        cursor:pointer;
3104    -moz-opacity: 0.6;
3105    opacity:.6;
3106    filter: alpha(opacity=60);
3107}
3108
3109.x-date-right a:hover, .x-date-left a:hover{
3110    -moz-opacity: 1;
3111    opacity:1;
3112    filter: alpha(opacity=100);
3113}
3114
3115.x-item-disabled .x-date-right a:hover, .x-item-disabled .x-date-left a:hover{
3116    -moz-opacity: 0.6;
3117    opacity:.6;
3118    filter: alpha(opacity=60);
3119}
3120
3121.x-date-right a {
3122    margin-right:2px;
3123    text-decoration:none !important;
3124}
3125
3126.x-date-left a{
3127    margin-left:2px;
3128    text-decoration:none !important;
3129}
3130
3131table.x-date-inner {
3132    width: 100%;
3133    table-layout:fixed;
3134}
3135
3136.ext-webkit table.x-date-inner{
3137    /* Fix for webkit browsers */
3138    width: 175px;
3139}
3140
3141
3142.x-date-inner th {
3143    width:25px;
3144}
3145
3146.x-date-inner th {
3147    background: repeat-x left top;
3148    text-align:right !important;
3149        border-bottom: 1px solid;
3150        cursor:default;
3151    padding:0;
3152    border-collapse:separate;
3153}
3154
3155.x-date-inner th span {
3156    display:block;
3157    padding:2px;
3158    padding-right:7px;
3159}
3160
3161.x-date-inner td {
3162    border: 1px solid;
3163        text-align:right;
3164    padding:0;
3165}
3166
3167.x-date-inner a {
3168    padding:2px 5px;
3169    display:block;
3170        text-decoration:none;
3171    text-align:right;
3172    zoom:1;
3173}
3174
3175.x-date-inner .x-date-active{
3176        cursor:pointer;
3177        color:black;
3178}
3179
3180.x-date-inner .x-date-selected a{
3181        background: repeat-x left top;
3182        border:1px solid;
3183    padding:1px 4px;
3184}
3185
3186.x-date-inner .x-date-today a{
3187        border: 1px solid;
3188    padding:1px 4px;
3189}
3190
3191.x-date-inner .x-date-prevday a,.x-date-inner .x-date-nextday a {
3192    text-decoration:none !important;
3193}
3194
3195.x-date-bottom {
3196    padding:4px;
3197    border-top: 1px solid;
3198    background: repeat-x left top;
3199}
3200
3201.x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover{
3202    text-decoration:none !important;
3203}
3204
3205.x-item-disabled .x-date-inner a:hover{
3206    background: none;
3207}
3208
3209.x-date-inner .x-date-disabled a {
3210        cursor:default;
3211}
3212
3213.x-date-menu .x-menu-item {
3214        padding:1px 24px 1px 4px;
3215        white-space: nowrap;
3216}
3217
3218.x-date-menu .x-menu-item .x-menu-item-icon {
3219    width:10px;
3220    height:10px;
3221    margin-right:5px;
3222    background-position:center -4px !important;
3223}
3224
3225.x-date-mp {
3226        position:absolute;
3227        left:0;
3228        top:0;
3229        display:none;
3230}
3231
3232.x-date-mp td {
3233    padding:2px;
3234        font:normal 11px arial, helvetica,tahoma,sans-serif;
3235}
3236
3237td.x-date-mp-month,td.x-date-mp-year,td.x-date-mp-ybtn {
3238    border: 0 none;
3239        text-align:center;
3240        vertical-align: middle;
3241        width:25%;
3242}
3243
3244.x-date-mp-ok {
3245        margin-right:3px;
3246}
3247
3248.x-date-mp-btns button {
3249        text-decoration:none;
3250        text-align:center;
3251        text-decoration:none !important;
3252        border:1px solid;
3253        padding:1px 3px 1px;
3254        cursor:pointer;
3255}
3256
3257.x-date-mp-btns {
3258        background: repeat-x left top;
3259}
3260
3261.x-date-mp-btns td {
3262        border-top: 1px solid;
3263    text-align:center;
3264}
3265
3266td.x-date-mp-month a,td.x-date-mp-year a {
3267        display:block;
3268        padding:2px 4px;
3269        text-decoration:none;
3270        text-align:center;
3271}
3272
3273td.x-date-mp-month a:hover,td.x-date-mp-year a:hover {
3274        text-decoration:none;
3275        cursor:pointer;
3276}
3277
3278td.x-date-mp-sel a {
3279        padding:1px 3px;
3280        background: repeat-x left top;
3281        border:1px solid;
3282}
3283
3284.x-date-mp-ybtn a {
3285    overflow:hidden;
3286    width:15px;
3287    height:15px;
3288    cursor:pointer;
3289    background:transparent no-repeat;
3290    display:block;
3291    margin:0 auto;
3292}
3293
3294.x-date-mp-ybtn a.x-date-mp-next {
3295    background-position:0 -120px;
3296}
3297
3298.x-date-mp-ybtn a.x-date-mp-next:hover {
3299    background-position:-15px -120px;
3300}
3301
3302.x-date-mp-ybtn a.x-date-mp-prev {
3303    background-position:0 -105px;
3304}
3305
3306.x-date-mp-ybtn a.x-date-mp-prev:hover {
3307    background-position:-15px -105px;
3308}
3309
3310.x-date-mp-ybtn {
3311   text-align:center;
3312}
3313
3314td.x-date-mp-sep {
3315   border-right:1px solid;
3316}.x-tip{
3317        position: absolute;
3318        top: 0;
3319    left:0;
3320    visibility: hidden;
3321        z-index: 20002;
3322    border:0 none;
3323}
3324
3325.x-tip .x-tip-close{
3326        height: 15px;
3327        float:right;
3328        width: 15px;
3329    margin:0 0 2px 2px;
3330    cursor:pointer;
3331    display:none;
3332}
3333
3334.x-tip .x-tip-tc {
3335        background: transparent no-repeat 0 -62px;
3336        padding-top:3px;
3337    overflow:hidden;
3338    zoom:1;
3339}
3340
3341.x-tip .x-tip-tl {
3342        background: transparent no-repeat 0 0;
3343        padding-left:6px;
3344    overflow:hidden;
3345    zoom:1;
3346}
3347
3348.x-tip .x-tip-tr {
3349        background: transparent no-repeat right 0;
3350        padding-right:6px;
3351    overflow:hidden;
3352    zoom:1;
3353}
3354
3355.x-tip .x-tip-bc {
3356        background: transparent no-repeat 0 -121px;
3357        height:3px;
3358    overflow:hidden;
3359}
3360
3361.x-tip .x-tip-bl {
3362        background: transparent no-repeat 0 -59px;
3363        padding-left:6px;
3364    zoom:1;
3365}
3366
3367.x-tip .x-tip-br {
3368        background: transparent no-repeat right -59px;
3369        padding-right:6px;
3370    zoom:1;
3371}
3372
3373.x-tip .x-tip-mc {
3374    border:0 none;
3375}
3376
3377.x-tip .x-tip-ml {
3378        background: no-repeat 0 -124px;
3379        padding-left:6px;
3380    zoom:1;
3381}
3382
3383.x-tip .x-tip-mr {
3384        background: transparent no-repeat right -124px;
3385        padding-right:6px;
3386    zoom:1;
3387}
3388
3389.ext-ie .x-tip .x-tip-header,.ext-ie .x-tip .x-tip-tc {
3390    font-size:0;
3391    line-height:0;
3392}
3393
3394.ext-border-box .x-tip .x-tip-header, .ext-border-box .x-tip .x-tip-tc{
3395    line-height: 1px;
3396}
3397
3398.x-tip .x-tip-header-text {
3399    padding:0;
3400    margin:0 0 2px 0;
3401}
3402
3403.x-tip .x-tip-body {
3404    margin:0 !important;
3405    line-height:14px;
3406    padding:0;
3407}
3408
3409.x-tip .x-tip-body .loading-indicator {
3410    margin:0;
3411}
3412
3413.x-tip-draggable .x-tip-header,.x-tip-draggable .x-tip-header-text {
3414    cursor:move;
3415}
3416
3417.x-form-invalid-tip .x-tip-tc {
3418        background: repeat-x 0 -12px;
3419    padding-top:6px;
3420}
3421
3422.x-form-invalid-tip .x-tip-bc {
3423        background: repeat-x 0 -18px;
3424    height:6px;
3425}
3426
3427.x-form-invalid-tip .x-tip-bl {
3428        background: no-repeat 0 -6px;
3429}
3430
3431.x-form-invalid-tip .x-tip-br {
3432        background: no-repeat right -6px;
3433}
3434
3435.x-form-invalid-tip .x-tip-body {
3436    padding:2px;
3437}
3438
3439.x-form-invalid-tip .x-tip-body {
3440    padding-left:24px;
3441    background:transparent no-repeat 2px 2px;
3442}
3443
3444.x-tip-anchor {
3445    position: absolute;
3446    width: 9px;
3447    height: 10px;
3448    overflow:hidden;
3449    background: transparent no-repeat 0 0;
3450    zoom:1;
3451}
3452.x-tip-anchor-bottom {
3453    background-position: -9px 0;
3454}
3455.x-tip-anchor-right {
3456    background-position: -18px 0;
3457    width: 10px;
3458}
3459.x-tip-anchor-left {
3460    background-position: -28px 0;
3461    width: 10px;
3462}.x-menu {
3463        z-index: 15000;
3464        zoom: 1;
3465        background: repeat-y;
3466}
3467
3468.x-menu-floating{
3469    border: 1px solid;
3470}
3471
3472.x-menu a {
3473    text-decoration: none !important;
3474}
3475
3476.ext-ie .x-menu {
3477    zoom:1;
3478    overflow:hidden;
3479}
3480
3481.x-menu-list{
3482    padding: 2px;
3483        background-color:transparent;
3484        border:0 none;
3485    overflow:hidden;
3486    overflow-y: hidden;
3487}
3488
3489.ext-strict .ext-ie .x-menu-list{
3490    position: relative;
3491}
3492
3493.x-menu li{
3494        line-height:100%;
3495}
3496
3497.x-menu li.x-menu-sep-li{
3498        font-size:1px;
3499        line-height:1px;
3500}
3501
3502.x-menu-list-item{
3503    white-space: nowrap;
3504        display:block;
3505        padding:1px;
3506}
3507
3508.x-menu-item{
3509    -moz-user-select: none;
3510    -khtml-user-select:none;
3511    -webkit-user-select:ignore;
3512}
3513
3514.x-menu-item-arrow{
3515        background:transparent no-repeat right;
3516}
3517
3518.x-menu-sep {
3519        display:block;
3520        font-size:1px;
3521        line-height:1px;
3522        margin: 2px 3px;
3523        border-bottom:1px solid;
3524    overflow:hidden;
3525}
3526
3527.x-menu-focus {
3528        position:absolute;
3529        left:-1px;
3530        top:-1px;
3531        width:1px;
3532        height:1px;
3533    line-height:1px;
3534    font-size:1px;
3535    -moz-outline:0 none;
3536    outline:0 none;
3537    -moz-user-select: none;
3538    -khtml-user-select:none;
3539    -webkit-user-select:ignore;
3540    overflow:hidden;
3541    display:block;
3542}
3543
3544a.x-menu-item {
3545    cursor: pointer;
3546    display: block;
3547    line-height: 16px;
3548    outline-color: -moz-use-text-color;
3549    outline-style: none;
3550    outline-width: 0;
3551    padding: 3px 21px 3px 27px;
3552    position: relative;
3553    text-decoration: none;
3554    white-space: nowrap;
3555}
3556
3557.x-menu-item-active {
3558    background-repeat: repeat-x;
3559    background-position: left bottom;
3560    border-style:solid;
3561    border-width: 1px 0;
3562    margin:0 1px;
3563        padding: 0;
3564}
3565
3566.x-menu-item-active a.x-menu-item {
3567    border-style:solid;
3568    border-width:0 1px;
3569    margin:0 -1px;
3570}
3571
3572.x-menu-item-icon {
3573        border: 0 none;
3574        height: 16px;
3575        padding: 0;
3576        vertical-align: top;
3577        width: 16px;
3578        position: absolute;
3579    left: 3px;
3580    top: 3px;
3581    margin: 0;
3582    background-position:center;
3583}
3584
3585.ext-ie .x-menu-item-icon {
3586    left: -24px;
3587}
3588.ext-strict .x-menu-item-icon {
3589    left: 3px;
3590}
3591
3592.ext-ie6 .x-menu-item-icon {
3593    left: -24px;
3594}
3595
3596.ext-ie .x-menu-item-icon {
3597    vertical-align: middle;
3598}
3599
3600.x-menu-check-item .x-menu-item-icon{
3601        background: transparent no-repeat center;
3602}
3603
3604.x-menu-group-item .x-menu-item-icon{
3605        background-color: transparent;
3606}
3607
3608.x-menu-item-checked .x-menu-group-item .x-menu-item-icon{
3609    background: transparent no-repeat center;
3610}
3611
3612.x-date-menu .x-menu-list{
3613    padding: 0;
3614}
3615
3616.x-menu-date-item{
3617        padding:0;
3618}
3619
3620.x-menu .x-color-palette, .x-menu .x-date-picker{
3621    margin-left: 26px;
3622        margin-right:4px;
3623}
3624
3625.x-menu .x-date-picker{
3626    border:1px solid;
3627    margin-top:2px;
3628    margin-bottom:2px;
3629}
3630
3631.x-menu-plain .x-color-palette, .x-menu-plain .x-date-picker{
3632         margin: 0;
3633         border: 0 none;
3634}
3635
3636.x-date-menu {
3637   padding:0 !important;
3638}
3639
3640/*
3641 * fixes separator visibility problem in IE 6
3642 */
3643.ext-strict .ext-ie6 .x-menu-sep-li {
3644    padding: 3px 4px;
3645}
3646.ext-strict .ext-ie6 .x-menu-sep {
3647    margin: 0;
3648    height: 1px;
3649}
3650
3651/*
3652 * Fixes an issue with "fat" separators in webkit
3653 */
3654.ext-webkit .x-menu-sep{
3655    height: 1px;
3656}
3657
3658/*
3659 * Ugly mess to remove the white border under the picker
3660 */
3661.ext-ie .x-date-menu{
3662    height: 199px;
3663}
3664
3665.ext-strict .ext-ie .x-date-menu, .ext-border-box .ext-ie8 .x-date-menu{
3666    height: 197px;
3667}
3668
3669.ext-strict .ext-ie7 .x-date-menu{
3670    height: 195px;
3671}
3672
3673.ext-strict .ext-ie8 .x-date-menu{
3674    height: auto;
3675}
3676
3677.x-cycle-menu .x-menu-item-checked {
3678    border:1px dotted !important;
3679        padding:0;
3680}
3681
3682.x-menu .x-menu-scroller {
3683    width: 100%;
3684        background-repeat:no-repeat;
3685        background-position:center;
3686        height:8px;
3687    line-height: 8px;
3688        cursor:pointer;
3689    margin: 0;
3690    padding: 0;
3691}
3692
3693.x-menu .x-menu-scroller-active{
3694    height: 6px;
3695    line-height: 6px;
3696}
3697
3698.x-menu-list-item-indent{
3699    padding-left: 27px;
3700}/*
3701 Creates rounded, raised boxes like on the Ext website - the markup isn't pretty:
3702  <div class="x-box-blue">
3703        <div class="x-box-tl"><div class="x-box-tr"><div class="x-box-tc"></div></div></div>
3704        <div class="x-box-ml"><div class="x-box-mr"><div class="x-box-mc">
3705            <h3>YOUR TITLE HERE (optional)</h3>
3706            <div>YOUR CONTENT HERE</div>
3707        </div></div></div>
3708        <div class="x-box-bl"><div class="x-box-br"><div class="x-box-bc"></div></div></div>
3709    </div>
3710 */
3711
3712.x-box-tl {
3713        background: transparent no-repeat 0 0;
3714    zoom:1;
3715}
3716
3717.x-box-tc {
3718        height: 8px;
3719        background: transparent repeat-x 0 0;
3720        overflow: hidden;
3721}
3722
3723.x-box-tr {
3724        background: transparent no-repeat right -8px;
3725}
3726
3727.x-box-ml {
3728        background: transparent repeat-y 0;
3729        padding-left: 4px;
3730        overflow: hidden;
3731    zoom:1;
3732}
3733
3734.x-box-mc {
3735        background: repeat-x 0 -16px;
3736        padding: 4px 10px;
3737}
3738
3739.x-box-mc h3 {
3740        margin: 0 0 4px 0;
3741    zoom:1;
3742}
3743
3744.x-box-mr {
3745        background: transparent repeat-y right;
3746        padding-right: 4px;
3747        overflow: hidden;
3748}
3749
3750.x-box-bl {
3751        background: transparent no-repeat 0 -16px;
3752    zoom:1;
3753}
3754
3755.x-box-bc {
3756        background: transparent repeat-x 0 -8px;
3757        height: 8px;
3758        overflow: hidden;
3759}
3760
3761.x-box-br {
3762        background: transparent no-repeat right -24px;
3763}
3764
3765.x-box-tl, .x-box-bl {
3766        padding-left: 8px;
3767        overflow: hidden;
3768}
3769
3770.x-box-tr, .x-box-br {
3771        padding-right: 8px;
3772        overflow: hidden;
3773}.x-combo-list {
3774    border:1px solid;
3775    zoom:1;
3776    overflow:hidden;
3777}
3778
3779.x-combo-list-inner {
3780    overflow:auto;
3781    position:relative; /* for calculating scroll offsets */
3782    zoom:1;
3783    overflow-x:hidden;
3784}
3785
3786.x-combo-list-hd {
3787    border-bottom:1px solid;
3788    padding:3px;
3789}
3790
3791.x-resizable-pinned .x-combo-list-inner {
3792    border-bottom:1px solid;
3793}
3794
3795.x-combo-list-item {
3796    padding:2px;
3797    border:1px solid;
3798    white-space: nowrap;
3799    overflow:hidden;
3800    text-overflow: ellipsis;
3801}
3802
3803.x-combo-list .x-combo-selected{
3804        border:1px dotted !important;
3805    cursor:pointer;
3806}
3807
3808.x-combo-list .x-toolbar {
3809    border-top:1px solid;
3810    border-bottom:0 none;
3811}.x-panel {
3812    border-style: solid;
3813    border-width:0;
3814}
3815
3816.x-panel-header {
3817    overflow:hidden;
3818    zoom:1;
3819    padding:5px 3px 4px 5px;
3820    border:1px solid;
3821    line-height: 15px;
3822    background: transparent repeat-x 0 -1px;
3823}
3824
3825.x-panel-body {
3826    border:1px solid;
3827    border-top:0 none;
3828    overflow:hidden;
3829    position: relative; /* added for item scroll positioning */
3830}
3831
3832.x-panel-bbar .x-toolbar, .x-panel-tbar .x-toolbar {
3833    border:1px solid;
3834    border-top:0 none;
3835    overflow:hidden;
3836    padding:2px;
3837}
3838
3839.x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
3840    border-top:1px solid;
3841    border-bottom: 0 none;
3842}
3843
3844.x-panel-body-noheader, .x-panel-mc .x-panel-body {
3845    border-top:1px solid;
3846}
3847
3848.x-panel-header {
3849    overflow:hidden;
3850    zoom:1;
3851}
3852
3853.x-panel-tl .x-panel-header {
3854    padding:5px 0 4px 0;
3855    border:0 none;
3856    background:transparent no-repeat;
3857}
3858
3859.x-panel-tl .x-panel-icon, .x-window-tl .x-panel-icon {
3860    padding-left:20px !important;
3861    background-repeat:no-repeat;
3862    background-position:0 4px;
3863    zoom:1;
3864}
3865
3866.x-panel-inline-icon {
3867    width:16px;
3868        height:16px;
3869    background-repeat:no-repeat;
3870    background-position:0 0;
3871        vertical-align:middle;
3872        margin-right:4px;
3873        margin-top:-1px;
3874        margin-bottom:-1px;
3875}
3876
3877.x-panel-tc {
3878        background: transparent repeat-x 0 0;
3879        overflow:hidden;
3880}
3881
3882/* fix ie7 strict mode bug */
3883.ext-strict .ext-ie7 .x-panel-tc {
3884    overflow: visible;
3885}
3886
3887.x-panel-tl {
3888        background: transparent no-repeat 0 0;
3889        padding-left:6px;
3890    zoom:1;
3891    border-bottom:1px solid;
3892}
3893
3894.x-panel-tr {
3895        background: transparent no-repeat right 0;
3896        zoom:1;
3897    padding-right:6px;
3898}
3899
3900.x-panel-bc {
3901        background: transparent repeat-x 0 bottom;
3902    zoom:1;
3903}
3904
3905.x-panel-bc .x-panel-footer {
3906    zoom:1;
3907}
3908
3909.x-panel-bl {
3910        background: transparent no-repeat 0 bottom;
3911        padding-left:6px;
3912    zoom:1;
3913}
3914
3915.x-panel-br {
3916        background: transparent no-repeat right bottom;
3917        padding-right:6px;
3918    zoom:1;
3919}
3920
3921.x-panel-mc {
3922    border:0 none;
3923    padding:0;
3924    margin:0;
3925    padding-top:6px;
3926}
3927
3928.x-panel-mc .x-panel-body {
3929    background-color:transparent;
3930    border: 0 none;
3931}
3932
3933.x-panel-ml {
3934        background: repeat-y 0 0;
3935        padding-left:6px;
3936    zoom:1;
3937}
3938
3939.x-panel-mr {
3940        background: transparent repeat-y right 0;
3941        padding-right:6px;
3942    zoom:1;
3943}
3944
3945.x-panel-bc .x-panel-footer {
3946    padding-bottom:6px;
3947}
3948
3949.x-panel-nofooter .x-panel-bc, .x-panel-nofooter .x-window-bc {
3950        height:6px;
3951    font-size:0;
3952    line-height:0;
3953}
3954
3955.x-panel-bwrap {
3956    overflow:hidden;
3957    zoom:1;
3958    left:0;
3959    top:0;
3960}
3961.x-panel-body {
3962    overflow:hidden;
3963    zoom:1;
3964}
3965
3966.x-panel-collapsed .x-resizable-handle{
3967    display:none;
3968}
3969
3970.ext-gecko .x-panel-animated div {
3971    overflow:hidden !important;
3972}
3973
3974/* Plain */
3975.x-plain-body {
3976    overflow:hidden;
3977}
3978
3979.x-plain-bbar .x-toolbar {
3980    overflow:hidden;
3981    padding:2px;
3982}
3983
3984.x-plain-tbar .x-toolbar {
3985    overflow:hidden;
3986    padding:2px;
3987}
3988
3989.x-plain-bwrap {
3990    overflow:hidden;
3991    zoom:1;
3992}
3993
3994.x-plain {
3995    overflow:hidden;
3996}
3997
3998/* Tools */
3999.x-tool {
4000    overflow:hidden;
4001    width:15px;
4002    height:15px;
4003    float:right;
4004    cursor:pointer;
4005    background:transparent no-repeat;
4006    margin-left:2px;
4007}
4008
4009/* expand / collapse tools */
4010.x-tool-toggle {
4011    background-position:0 -60px;
4012}
4013
4014.x-tool-toggle-over {
4015    background-position:-15px -60px;
4016}
4017
4018.x-panel-collapsed .x-tool-toggle {
4019    background-position:0 -75px;
4020}
4021
4022.x-panel-collapsed .x-tool-toggle-over {
4023    background-position:-15px -75px;
4024}
4025
4026
4027.x-tool-close {
4028    background-position:0 -0;
4029}
4030
4031.x-tool-close-over {
4032    background-position:-15px 0;
4033}
4034
4035.x-tool-minimize {
4036    background-position:0 -15px;
4037}
4038
4039.x-tool-minimize-over {
4040    background-position:-15px -15px;
4041}
4042
4043.x-tool-maximize {
4044    background-position:0 -30px;
4045}
4046
4047.x-tool-maximize-over {
4048    background-position:-15px -30px;
4049}
4050
4051.x-tool-restore {
4052    background-position:0 -45px;
4053}
4054
4055.x-tool-restore-over {
4056    background-position:-15px -45px;
4057}
4058
4059.x-tool-gear {
4060    background-position:0 -90px;
4061}
4062
4063.x-tool-gear-over {
4064    background-position:-15px -90px;
4065}
4066
4067.x-tool-prev {
4068    background-position:0 -105px;
4069}
4070
4071.x-tool-prev-over {
4072    background-position:-15px -105px;
4073}
4074
4075.x-tool-next {
4076    background-position:0 -120px;
4077}
4078
4079.x-tool-next-over {
4080    background-position:-15px -120px;
4081}
4082
4083.x-tool-pin {
4084    background-position:0 -135px;
4085}
4086
4087.x-tool-pin-over {
4088    background-position:-15px -135px;
4089}
4090
4091.x-tool-unpin {
4092    background-position:0 -150px;
4093}
4094
4095.x-tool-unpin-over {
4096    background-position:-15px -150px;
4097}
4098
4099.x-tool-right {
4100    background-position:0 -165px;
4101}
4102
4103.x-tool-right-over {
4104    background-position:-15px -165px;
4105}
4106
4107.x-tool-left {
4108    background-position:0 -180px;
4109}
4110
4111.x-tool-left-over {
4112    background-position:-15px -180px;
4113}
4114
4115.x-tool-down {
4116    background-position:0 -195px;
4117}
4118
4119.x-tool-down-over {
4120    background-position:-15px -195px;
4121}
4122
4123.x-tool-up {
4124    background-position:0 -210px;
4125}
4126
4127.x-tool-up-over {
4128    background-position:-15px -210px;
4129}
4130
4131.x-tool-refresh {
4132    background-position:0 -225px;
4133}
4134
4135.x-tool-refresh-over {
4136    background-position:-15px -225px;
4137}
4138
4139.x-tool-plus {
4140    background-position:0 -240px;
4141}
4142
4143.x-tool-plus-over {
4144    background-position:-15px -240px;
4145}
4146
4147.x-tool-minus {
4148    background-position:0 -255px;
4149}
4150
4151.x-tool-minus-over {
4152    background-position:-15px -255px;
4153}
4154
4155.x-tool-search {
4156    background-position:0 -270px;
4157}
4158
4159.x-tool-search-over {
4160    background-position:-15px -270px;
4161}
4162
4163.x-tool-save {
4164    background-position:0 -285px;
4165}
4166
4167.x-tool-save-over {
4168    background-position:-15px -285px;
4169}
4170
4171.x-tool-help {
4172    background-position:0 -300px;
4173}
4174
4175.x-tool-help-over {
4176    background-position:-15px -300px;
4177}
4178
4179.x-tool-print {
4180    background-position:0 -315px;
4181}
4182
4183.x-tool-print-over {
4184    background-position:-15px -315px;
4185}
4186
4187.x-tool-expand {
4188    background-position:0 -330px;
4189}
4190
4191.x-tool-expand-over {
4192    background-position:-15px -330px;
4193}
4194
4195.x-tool-collapse {
4196    background-position:0 -345px;
4197}
4198
4199.x-tool-collapse-over {
4200    background-position:-15px -345px;
4201}
4202
4203.x-tool-resize {
4204    background-position:0 -360px;
4205}
4206
4207.x-tool-resize-over {
4208    background-position:-15px -360px;
4209}
4210
4211.x-tool-move {
4212    background-position:0 -375px;
4213}
4214
4215.x-tool-move-over {
4216    background-position:-15px -375px;
4217}
4218
4219/* Ghosting */
4220.x-panel-ghost {
4221    z-index:12000;
4222    overflow:hidden;
4223    position:absolute;
4224    left:0;top:0;
4225    opacity:.65;
4226    -moz-opacity:.65;
4227    filter:alpha(opacity=65);
4228}
4229
4230.x-panel-ghost ul {
4231    margin:0;
4232    padding:0;
4233    overflow:hidden;
4234    font-size:0;
4235    line-height:0;
4236    border:1px solid;
4237    border-top:0 none;
4238    display:block;
4239}
4240
4241.x-panel-ghost * {
4242    cursor:move !important;
4243}
4244
4245.x-panel-dd-spacer {
4246    border:2px dashed;
4247}
4248
4249/* Buttons */
4250.x-panel-btns {
4251    padding:5px;
4252    overflow:hidden;
4253}
4254
4255.x-panel-btns td.x-toolbar-cell{
4256        padding:3px;
4257}
4258
4259.x-panel-btns .x-btn-focus .x-btn-left{
4260        background-position:0 -147px;
4261}
4262
4263.x-panel-btns .x-btn-focus .x-btn-right{
4264        background-position:0 -168px;
4265}
4266
4267.x-panel-btns .x-btn-focus .x-btn-center{
4268        background-position:0 -189px;
4269}
4270
4271.x-panel-btns .x-btn-over .x-btn-left{
4272        background-position:0 -63px;
4273}
4274
4275.x-panel-btns .x-btn-over .x-btn-right{
4276        background-position:0 -84px;
4277}
4278
4279.x-panel-btns .x-btn-over .x-btn-center{
4280        background-position:0 -105px;
4281}
4282
4283.x-panel-btns .x-btn-click .x-btn-center{
4284        background-position:0 -126px;
4285}
4286
4287.x-panel-btns .x-btn-click  .x-btn-right{
4288        background-position:0 -84px;
4289}
4290
4291.x-panel-btns .x-btn-click .x-btn-left{
4292        background-position:0 -63px;
4293}
4294
4295.x-panel-fbar td,.x-panel-fbar span,.x-panel-fbar input,.x-panel-fbar div,.x-panel-fbar select,.x-panel-fbar label{
4296        white-space: nowrap;
4297}
4298/**
4299 * W3C Suggested Default style sheet for HTML 4
4300 * http://www.w3.org/TR/CSS21/sample.html
4301 *
4302 * Resets for Ext.Panel @cfg normal: true
4303 */
4304.x-panel-reset .x-panel-body html,
4305.x-panel-reset .x-panel-body address,
4306.x-panel-reset .x-panel-body blockquote,
4307.x-panel-reset .x-panel-body body,
4308.x-panel-reset .x-panel-body dd,
4309.x-panel-reset .x-panel-body div,
4310.x-panel-reset .x-panel-body dl,
4311.x-panel-reset .x-panel-body dt,
4312.x-panel-reset .x-panel-body fieldset,
4313.x-panel-reset .x-panel-body form,
4314.x-panel-reset .x-panel-body frame, frameset,
4315.x-panel-reset .x-panel-body h1,
4316.x-panel-reset .x-panel-body h2,
4317.x-panel-reset .x-panel-body h3,
4318.x-panel-reset .x-panel-body h4,
4319.x-panel-reset .x-panel-body h5,
4320.x-panel-reset .x-panel-body h6,
4321.x-panel-reset .x-panel-body noframes,
4322.x-panel-reset .x-panel-body ol,
4323.x-panel-reset .x-panel-body p,
4324.x-panel-reset .x-panel-body ul,
4325.x-panel-reset .x-panel-body center,
4326.x-panel-reset .x-panel-body dir,
4327.x-panel-reset .x-panel-body hr,
4328.x-panel-reset .x-panel-body menu,
4329.x-panel-reset .x-panel-body pre                          { display: block }
4330.x-panel-reset .x-panel-body li              { display: list-item }
4331.x-panel-reset .x-panel-body head            { display: none }
4332.x-panel-reset .x-panel-body table           { display: table }
4333.x-panel-reset .x-panel-body tr              { display: table-row }
4334.x-panel-reset .x-panel-body thead           { display: table-header-group }
4335.x-panel-reset .x-panel-body tbody           { display: table-row-group }
4336.x-panel-reset .x-panel-body tfoot           { display: table-footer-group }
4337.x-panel-reset .x-panel-body col             { display: table-column }
4338.x-panel-reset .x-panel-body colgroup        { display: table-column-group }
4339.x-panel-reset .x-panel-body td,
4340.x-panel-reset .x-panel-body th                   { display: table-cell }
4341.x-panel-reset .x-panel-body caption         { display: table-caption }
4342.x-panel-reset .x-panel-body th              { font-weight: bolder; text-align: center }
4343.x-panel-reset .x-panel-body caption         { text-align: center }
4344.x-panel-reset .x-panel-body body            { margin: 8px }
4345.x-panel-reset .x-panel-body h1              { font-size: 2em; margin: .67em 0 }
4346.x-panel-reset .x-panel-body h2              { font-size: 1.5em; margin: .75em 0 }
4347.x-panel-reset .x-panel-body h3              { font-size: 1.17em; margin: .83em 0 }
4348.x-panel-reset .x-panel-body h4,
4349.x-panel-reset .x-panel-body p,
4350.x-panel-reset .x-panel-body blockquote,
4351.x-panel-reset .x-panel-body ul,
4352.x-panel-reset .x-panel-body fieldset,
4353.x-panel-reset .x-panel-body form,
4354.x-panel-reset .x-panel-body ol,
4355.x-panel-reset .x-panel-body dl,
4356.x-panel-reset .x-panel-body dir,
4357.x-panel-reset .x-panel-body menu            { margin: 1.12em 0 }
4358.x-panel-reset .x-panel-body h5              { font-size: .83em; margin: 1.5em 0 }
4359.x-panel-reset .x-panel-body h6              { font-size: .75em; margin: 1.67em 0 }
4360.x-panel-reset .x-panel-body h1,
4361.x-panel-reset .x-panel-body h2,
4362.x-panel-reset .x-panel-body h3,
4363.x-panel-reset .x-panel-body h4,
4364.x-panel-reset .x-panel-body h5,
4365.x-panel-reset .x-panel-body h6,
4366.x-panel-reset .x-panel-body b,
4367.x-panel-reset .x-panel-body strong          { font-weight: bolder }
4368.x-panel-reset .x-panel-body blockquote      { margin-left: 40px; margin-right: 40px }
4369.x-panel-reset .x-panel-body i,
4370.x-panel-reset .x-panel-body cite,
4371.x-panel-reset .x-panel-body em,
4372.x-panel-reset .x-panel-body var,
4373.x-panel-reset .x-panel-body address              { font-style: italic }
4374.x-panel-reset .x-panel-body pre,
4375.x-panel-reset .x-panel-body tt,
4376.x-panel-reset .x-panel-body code,
4377.x-panel-reset .x-panel-body kbd,
4378.x-panel-reset .x-panel-body samp                 { font-family: monospace }
4379.x-panel-reset .x-panel-body pre             { white-space: pre }
4380.x-panel-reset .x-panel-body button,
4381.x-panel-reset .x-panel-body textarea,
4382.x-panel-reset .x-panel-body input,
4383.x-panel-reset .x-panel-body select               { display: inline-block }
4384.x-panel-reset .x-panel-body big             { font-size: 1.17em }
4385.x-panel-reset .x-panel-body small,
4386.x-panel-reset .x-panel-body sub,
4387.x-panel-reset .x-panel-body sup                          { font-size: .83em }
4388.x-panel-reset .x-panel-body sub             { vertical-align: sub }
4389.x-panel-reset .x-panel-body sup             { vertical-align: super }
4390.x-panel-reset .x-panel-body table           { border-spacing: 2px; }
4391.x-panel-reset .x-panel-body thead,
4392.x-panel-reset .x-panel-body tbody,
4393.x-panel-reset .x-panel-body tfoot           { vertical-align: middle }
4394.x-panel-reset .x-panel-body td,
4395.x-panel-reset .x-panel-body th                   { vertical-align: inherit }
4396.x-panel-reset .x-panel-body s,
4397.x-panel-reset .x-panel-body strike,
4398.x-panel-reset .x-panel-body del                          { text-decoration: line-through }
4399.x-panel-reset .x-panel-body hr              { border: 1px inset }
4400.x-panel-reset .x-panel-body ol,
4401.x-panel-reset .x-panel-body ul,
4402.x-panel-reset .x-panel-body dir,
4403.x-panel-reset .x-panel-body menu,
4404.x-panel-reset .x-panel-body dd           { margin-left: 40px }
4405.x-panel-reset .x-panel-body ul, .x-panel-reset .x-panel-body menu, .x-panel-reset .x-panel-body dir { list-style-type: disc;}
4406.x-panel-reset .x-panel-body ol              { list-style-type: decimal }
4407.x-panel-reset .x-panel-body ol ul,
4408.x-panel-reset .x-panel-body ul ol,
4409.x-panel-reset .x-panel-body ul ul,
4410.x-panel-reset .x-panel-body ol ol                { margin-top: 0; margin-bottom: 0 }
4411.x-panel-reset .x-panel-body u,
4412.x-panel-reset .x-panel-body ins                  { text-decoration: underline }
4413.x-panel-reset .x-panel-body br:before       { content: "\A" }
4414.x-panel-reset .x-panel-body :before, .x-panel-reset .x-panel-body :after { white-space: pre-line }
4415.x-panel-reset .x-panel-body center          { text-align: center }
4416.x-panel-reset .x-panel-body :link, .x-panel-reset .x-panel-body :visited { text-decoration: underline }
4417.x-panel-reset .x-panel-body :focus          { outline: invert dotted thin }
4418
4419/* Begin bidirectionality settings (do not change) */
4420.x-panel-reset .x-panel-body BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
4421.x-panel-reset .x-panel-body BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }
4422.x-window {
4423    zoom:1;
4424}
4425
4426.x-window .x-window-handle {
4427    opacity:0;
4428    -moz-opacity:0;
4429    filter:alpha(opacity=0);
4430}
4431
4432.x-window-proxy {
4433    border:1px solid;
4434    z-index:12000;
4435    overflow:hidden;
4436    position:absolute;
4437    left:0;top:0;
4438    display:none;
4439    opacity:.5;
4440    -moz-opacity:.5;
4441    filter:alpha(opacity=50);
4442}
4443
4444.x-window-header {
4445    overflow:hidden;
4446    zoom:1;
4447}
4448
4449.x-window-bwrap {
4450    z-index:1;
4451    position:relative;
4452    zoom:1;
4453    left:0;top:0;
4454}
4455
4456.x-window-tl .x-window-header {
4457    padding:5px 0 4px 0;
4458}
4459
4460.x-window-header-text {
4461    cursor:pointer;
4462}
4463
4464.x-window-tc {
4465        background: transparent repeat-x 0 0;
4466        overflow:hidden;
4467    zoom:1;
4468}
4469
4470.x-window-tl {
4471        background: transparent no-repeat 0 0;
4472        padding-left:6px;
4473    zoom:1;
4474    z-index:1;
4475    position:relative;
4476}
4477
4478.x-window-tr {
4479        background: transparent no-repeat right 0;
4480        padding-right:6px;
4481}
4482
4483.x-window-bc {
4484        background: transparent repeat-x 0 bottom;
4485    zoom:1;
4486}
4487
4488.x-window-bc .x-window-footer {
4489    padding-bottom:6px;
4490    zoom:1;
4491    font-size:0;
4492    line-height:0;
4493}
4494
4495.x-window-bl {
4496        background: transparent no-repeat 0 bottom;
4497        padding-left:6px;
4498    zoom:1;
4499}
4500
4501.x-window-br {
4502        background: transparent no-repeat right bottom;
4503        padding-right:6px;
4504    zoom:1;
4505}
4506
4507.x-window-mc {
4508    border:1px solid;
4509    padding:0;
4510    margin:0;
4511}
4512
4513.x-window-ml {
4514        background: transparent repeat-y 0 0;
4515        padding-left:6px;
4516    zoom:1;
4517}
4518
4519.x-window-mr {
4520        background: transparent repeat-y right 0;
4521        padding-right:6px;
4522    zoom:1;
4523}
4524
4525.x-window-body {
4526    overflow:hidden;
4527}
4528
4529.x-window-bwrap {
4530    overflow:hidden;
4531}
4532
4533.x-window-maximized .x-window-bl, .x-window-maximized .x-window-br,
4534    .x-window-maximized .x-window-ml, .x-window-maximized .x-window-mr,
4535    .x-window-maximized .x-window-tl, .x-window-maximized .x-window-tr {
4536    padding:0;
4537}
4538
4539.x-window-maximized .x-window-footer {
4540    padding-bottom:0;
4541}
4542
4543.x-window-maximized .x-window-tc {
4544    padding-left:3px;
4545    padding-right:3px;
4546}
4547
4548.x-window-maximized .x-window-mc {
4549    border-left:0 none;
4550    border-right:0 none;
4551}
4552
4553.x-window-tbar .x-toolbar, .x-window-bbar .x-toolbar {
4554    border-left:0 none;
4555    border-right: 0 none;
4556}
4557
4558.x-window-bbar .x-toolbar {
4559    border-top:1px solid;
4560    border-bottom:0 none;
4561}
4562
4563.x-window-draggable, .x-window-draggable .x-window-header-text {
4564    cursor:move;
4565}
4566
4567.x-window-maximized .x-window-draggable, .x-window-maximized .x-window-draggable .x-window-header-text {
4568    cursor:default;
4569}
4570
4571.x-window-body {
4572    background-color:transparent;
4573}
4574
4575.x-panel-ghost .x-window-tl {
4576    border-bottom:1px solid;
4577}
4578
4579.x-panel-collapsed .x-window-tl {
4580    border-bottom:1px solid;
4581}
4582
4583.x-window-maximized-ct {
4584    overflow:hidden;
4585}
4586
4587.x-window-maximized .x-window-handle {
4588    display:none;
4589}
4590
4591.x-window-sizing-ghost ul {
4592    border:0 none !important;
4593}
4594
4595.x-dlg-focus{
4596        -moz-outline:0 none;
4597        outline:0 none;
4598        width:0;
4599        height:0;
4600        overflow:hidden;
4601        position:absolute;
4602        top:0;
4603        left:0;
4604}
4605
4606.ext-webkit .x-dlg-focus{
4607    width: 1px;
4608    height: 1px;
4609}
4610
4611.x-dlg-mask{
4612    z-index:10000;
4613    display:none;
4614    position:absolute;
4615    top:0;
4616    left:0;
4617    -moz-opacity: 0.5;
4618    opacity:.50;
4619    filter: alpha(opacity=50);
4620}
4621
4622body.ext-ie6.x-body-masked select {
4623        visibility:hidden;
4624}
4625
4626body.ext-ie6.x-body-masked .x-window select {
4627        visibility:visible;
4628}
4629
4630.x-window-plain .x-window-mc {
4631    border: 1px solid;
4632}
4633
4634.x-window-plain .x-window-body {
4635    border: 1px solid;
4636    background:transparent !important;
4637}.x-html-editor-wrap {
4638    border:1px solid;
4639}
4640
4641.x-html-editor-tb .x-btn-text {
4642    background:transparent no-repeat;
4643}
4644
4645.x-html-editor-tb .x-edit-bold, .x-menu-item img.x-edit-bold {
4646    background-position:0 0;
4647    background-image:url(../images/default/editor/tb-sprite.gif);   
4648}
4649
4650.x-html-editor-tb .x-edit-italic, .x-menu-item img.x-edit-italic {
4651    background-position:-16px 0;
4652    background-image:url(../images/default/editor/tb-sprite.gif);
4653}
4654
4655.x-html-editor-tb .x-edit-underline, .x-menu-item img.x-edit-underline {
4656    background-position:-32px 0;
4657    background-image:url(../images/default/editor/tb-sprite.gif);
4658}
4659
4660.x-html-editor-tb .x-edit-forecolor, .x-menu-item img.x-edit-forecolor {
4661    background-position:-160px 0;
4662    background-image:url(../images/default/editor/tb-sprite.gif);
4663}
4664
4665.x-html-editor-tb .x-edit-backcolor, .x-menu-item img.x-edit-backcolor {
4666    background-position:-176px 0;
4667    background-image:url(../images/default/editor/tb-sprite.gif);
4668}
4669
4670.x-html-editor-tb .x-edit-justifyleft, .x-menu-item img.x-edit-justifyleft {
4671    background-position:-112px 0;
4672    background-image:url(../images/default/editor/tb-sprite.gif);
4673}
4674
4675.x-html-editor-tb .x-edit-justifycenter, .x-menu-item img.x-edit-justifycenter {
4676    background-position:-128px 0;
4677    background-image:url(../images/default/editor/tb-sprite.gif);
4678}
4679
4680.x-html-editor-tb .x-edit-justifyright, .x-menu-item img.x-edit-justifyright {
4681    background-position:-144px 0;
4682    background-image:url(../images/default/editor/tb-sprite.gif);
4683}
4684
4685.x-html-editor-tb .x-edit-insertorderedlist, .x-menu-item img.x-edit-insertorderedlist {
4686    background-position:-80px 0;
4687    background-image:url(../images/default/editor/tb-sprite.gif);
4688}
4689
4690.x-html-editor-tb .x-edit-insertunorderedlist, .x-menu-item img.x-edit-insertunorderedlist {
4691    background-position:-96px 0;
4692    background-image:url(../images/default/editor/tb-sprite.gif);
4693}
4694
4695.x-html-editor-tb .x-edit-increasefontsize, .x-menu-item img.x-edit-increasefontsize {
4696    background-position:-48px 0;
4697    background-image:url(../images/default/editor/tb-sprite.gif);
4698}
4699
4700.x-html-editor-tb .x-edit-decreasefontsize, .x-menu-item img.x-edit-decreasefontsize {
4701    background-position:-64px 0;
4702    background-image:url(../images/default/editor/tb-sprite.gif);
4703}
4704
4705.x-html-editor-tb .x-edit-sourceedit, .x-menu-item img.x-edit-sourceedit {
4706    background-position:-192px 0;
4707    background-image:url(../images/default/editor/tb-sprite.gif);
4708}
4709
4710.x-html-editor-tb .x-edit-createlink, .x-menu-item img.x-edit-createlink {
4711    background-position:-208px 0;
4712    background-image:url(../images/default/editor/tb-sprite.gif);
4713}
4714
4715.x-html-editor-tip .x-tip-bd .x-tip-bd-inner {
4716    padding:5px;
4717    padding-bottom:1px;
4718}
4719
4720.x-html-editor-tb .x-toolbar {
4721    position:static !important;
4722}.x-panel-noborder .x-panel-body-noborder {
4723    border-width:0;
4724}
4725
4726.x-panel-noborder .x-panel-header-noborder {
4727    border-width:0 0 1px;
4728    border-style:solid;
4729}
4730
4731.x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
4732    border-width:0 0 1px;
4733    border-style:solid;
4734}
4735
4736.x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
4737    border-width:1px 0 0 0;
4738    border-style:solid;
4739}
4740
4741.x-window-noborder .x-window-mc {
4742    border-width:0;
4743}
4744
4745.x-window-plain .x-window-body-noborder {
4746    border-width:0;
4747}
4748
4749.x-tab-panel-noborder .x-tab-panel-body-noborder {
4750        border-width:0;
4751}
4752
4753.x-tab-panel-noborder .x-tab-panel-header-noborder {
4754    border-width: 0 0 1px 0;
4755}
4756
4757.x-tab-panel-noborder .x-tab-panel-footer-noborder {
4758    border-width: 1px 0 0 0;
4759}
4760
4761.x-tab-panel-bbar-noborder .x-toolbar {
4762    border-width: 1px 0 0 0;
4763    border-style:solid;
4764}
4765
4766.x-tab-panel-tbar-noborder .x-toolbar {
4767    border-width:0 0 1px;
4768    border-style:solid;
4769}.x-border-layout-ct {
4770    position: relative;
4771}
4772
4773.x-border-panel {
4774    position:absolute;
4775    left:0;
4776    top:0;
4777}
4778
4779.x-tool-collapse-south {
4780    background-position:0 -195px;
4781}
4782
4783.x-tool-collapse-south-over {
4784    background-position:-15px -195px;
4785}
4786
4787.x-tool-collapse-north {
4788    background-position:0 -210px;
4789}
4790
4791.x-tool-collapse-north-over {
4792    background-position:-15px -210px;
4793}
4794
4795.x-tool-collapse-west {
4796    background-position:0 -180px;
4797}
4798
4799.x-tool-collapse-west-over {
4800    background-position:-15px -180px;
4801}
4802
4803.x-tool-collapse-east {
4804    background-position:0 -165px;
4805}
4806
4807.x-tool-collapse-east-over {
4808    background-position:-15px -165px;
4809}
4810
4811.x-tool-expand-south {
4812    background-position:0 -210px;
4813}
4814
4815.x-tool-expand-south-over {
4816    background-position:-15px -210px;
4817}
4818
4819.x-tool-expand-north {
4820    background-position:0 -195px;
4821}
4822.x-tool-expand-north-over {
4823    background-position:-15px -195px;
4824}
4825
4826.x-tool-expand-west {
4827    background-position:0 -165px;
4828}
4829
4830.x-tool-expand-west-over {
4831    background-position:-15px -165px;
4832}
4833
4834.x-tool-expand-east {
4835    background-position:0 -180px;
4836}
4837
4838.x-tool-expand-east-over {
4839    background-position:-15px -180px;
4840}
4841
4842.x-tool-expand-north, .x-tool-expand-south {
4843    float:right;
4844    margin:3px;
4845}
4846
4847.x-tool-expand-east, .x-tool-expand-west {
4848    float:none;
4849    margin:3px 2px;
4850}
4851
4852.x-accordion-hd .x-tool-toggle {
4853    background-position:0 -255px;
4854}
4855
4856.x-accordion-hd .x-tool-toggle-over {
4857    background-position:-15px -255px;
4858}
4859
4860.x-panel-collapsed .x-accordion-hd .x-tool-toggle {
4861    background-position:0 -240px;
4862}
4863
4864.x-panel-collapsed .x-accordion-hd .x-tool-toggle-over {
4865    background-position:-15px -240px;
4866}
4867
4868.x-accordion-hd {
4869        padding-top:4px;
4870        padding-bottom:3px;
4871        border-top:0 none;
4872    background: transparent repeat-x 0 -9px;
4873}
4874
4875.x-layout-collapsed{
4876    position:absolute;
4877    left:-10000px;
4878    top:-10000px;
4879    visibility:hidden;
4880    width:20px;
4881    height:20px;
4882    overflow:hidden;
4883        border:1px solid;
4884        z-index:20;
4885}
4886
4887.ext-border-box .x-layout-collapsed{
4888    width:22px;
4889    height:22px;
4890}
4891
4892.x-layout-collapsed-over{
4893    cursor:pointer;
4894}
4895
4896.x-layout-collapsed-west .x-layout-collapsed-tools, .x-layout-collapsed-east .x-layout-collapsed-tools{
4897        position:absolute;
4898    top:0;
4899    left:0;
4900    width:20px;
4901    height:20px;
4902}
4903
4904
4905.x-layout-split{
4906    position:absolute;
4907    height:5px;
4908    width:5px;
4909    line-height:1px;
4910    font-size:1px;
4911    z-index:3;
4912    background-color:transparent;
4913}
4914
4915/* IE6 strict won't drag w/out a color */
4916.ext-strict .ext-ie6 .x-layout-split{
4917    background-color: #fff !important;
4918    filter: alpha(opacity=1);
4919}
4920
4921.x-layout-split-h{
4922    background-image:url(../images/default/s.gif);
4923    background-position: left;
4924}
4925
4926.x-layout-split-v{
4927    background-image:url(../images/default/s.gif);
4928    background-position: top;
4929}
4930
4931.x-column-layout-ct {
4932    overflow:hidden;
4933    zoom:1;
4934}
4935
4936.x-column {
4937    float:left;
4938    padding:0;
4939    margin:0;
4940    overflow:hidden;
4941    zoom:1;
4942}
4943
4944.x-column-inner {
4945    overflow:hidden;
4946    zoom:1;
4947}
4948
4949/* mini mode */
4950.x-layout-mini {
4951    position:absolute;
4952    top:0;
4953    left:0;
4954    display:block;
4955    width:5px;
4956    height:35px;
4957    cursor:pointer;
4958    opacity:.5;
4959    -moz-opacity:.5;
4960    filter:alpha(opacity=50);
4961}
4962
4963.x-layout-mini-over, .x-layout-collapsed-over .x-layout-mini{
4964    opacity:1;
4965    -moz-opacity:1;
4966    filter:none;
4967}
4968
4969.x-layout-split-west .x-layout-mini {
4970    top:48%;
4971}
4972
4973.x-layout-split-east .x-layout-mini {
4974    top:48%;
4975}
4976
4977.x-layout-split-north .x-layout-mini {
4978    left:48%;
4979    height:5px;
4980    width:35px;
4981}
4982
4983.x-layout-split-south .x-layout-mini {
4984    left:48%;
4985    height:5px;
4986    width:35px;
4987}
4988
4989.x-layout-cmini-west .x-layout-mini {
4990    top:48%;
4991}
4992
4993.x-layout-cmini-east .x-layout-mini {
4994    top:48%;
4995}
4996
4997.x-layout-cmini-north .x-layout-mini {
4998    left:48%;
4999    height:5px;
5000    width:35px;
5001}
5002
5003.x-layout-cmini-south .x-layout-mini {
5004    left:48%;
5005    height:5px;
5006    width:35px;
5007}
5008
5009.x-layout-cmini-west, .x-layout-cmini-east {
5010    border:0 none;
5011    width:5px !important;
5012    padding:0;
5013    background-color:transparent;
5014}
5015
5016.x-layout-cmini-north, .x-layout-cmini-south {
5017    border:0 none;
5018    height:5px !important;
5019    padding:0;
5020    background-color:transparent;
5021}
5022
5023.x-viewport, .x-viewport body {
5024    margin: 0;
5025    padding: 0;
5026    border: 0 none;
5027    overflow: hidden;
5028    height: 100%;
5029}
5030
5031.x-abs-layout-item {
5032    position:absolute;
5033    left:0;
5034    top:0;
5035}
5036
5037.ext-ie input.x-abs-layout-item, .ext-ie textarea.x-abs-layout-item {
5038    margin:0;
5039}
5040
5041.x-box-layout-ct {
5042    overflow:hidden;
5043    zoom:1;
5044}
5045
5046.x-box-inner {
5047    overflow:hidden;
5048    zoom:1;
5049    position:relative;
5050    left:0;
5051    top:0;
5052}
5053
5054.x-box-item {
5055    position:absolute;
5056    left:0;
5057    top:0;
5058}.x-progress-wrap {
5059    border:1px solid;
5060    overflow:hidden;
5061}
5062
5063.x-progress-inner {
5064    height:18px;
5065    background:repeat-x;
5066    position:relative;
5067}
5068
5069.x-progress-bar {
5070    height:18px;
5071    float:left;
5072    width:0;
5073    background: repeat-x left center;
5074    border-top:1px solid;
5075    border-bottom:1px solid;
5076    border-right:1px solid;
5077}
5078
5079.x-progress-text {
5080    padding:1px 5px;
5081    overflow:hidden;
5082    position:absolute;
5083    left:0;
5084    text-align:center;
5085}
5086
5087.x-progress-text-back {
5088    line-height:16px;
5089}
5090
5091.ext-ie .x-progress-text-back {
5092    line-height:15px;
5093}
5094
5095.ext-strict .ext-ie7 .x-progress-text-back{
5096    width: 100%;
5097}
5098.x-list-header{
5099        background: repeat-x 0 bottom;
5100        cursor:default;
5101    zoom:1;
5102    height:22px;
5103}
5104
5105.x-list-header-inner div {
5106    display:block;
5107    float:left;
5108    overflow:hidden;
5109        -o-text-overflow: ellipsis;
5110        text-overflow: ellipsis;
5111    white-space: nowrap;
5112}
5113
5114.x-list-header-inner div em {
5115    display:block;
5116    border-left:1px solid;
5117    padding:4px 4px;
5118    overflow:hidden;
5119    -moz-user-select: none;
5120    -khtml-user-select: none;
5121    line-height:14px;
5122}
5123
5124.x-list-body {
5125    overflow:auto;
5126    overflow-x:hidden;
5127    overflow-y:auto;
5128    zoom:1;
5129    float: left;
5130    width: 100%;
5131}
5132
5133.x-list-body dl {
5134    zoom:1;
5135}
5136
5137.x-list-body dt {
5138    display:block;
5139    float:left;
5140    overflow:hidden;
5141        -o-text-overflow: ellipsis;
5142        text-overflow: ellipsis;
5143    white-space: nowrap;
5144    cursor:pointer;
5145    zoom:1;
5146}
5147
5148.x-list-body dt em {
5149    display:block;
5150    padding:3px 4px;
5151    overflow:hidden;
5152    -moz-user-select: none;
5153    -khtml-user-select: none;
5154}
5155
5156.x-list-resizer {
5157    border-left:1px solid;
5158    border-right:1px solid;
5159    position:absolute;
5160    left:0;
5161    top:0;
5162}
5163
5164.x-list-header-inner em.sort-asc {
5165    background: transparent no-repeat center 0;
5166    border-style:solid;
5167    border-width: 0 1px 1px;
5168    padding-bottom:3px;
5169}
5170
5171.x-list-header-inner em.sort-desc {
5172    background: transparent no-repeat center -23px;
5173    border-style:solid;
5174    border-width: 0 1px 1px;
5175    padding-bottom:3px;
5176}
5177
5178/* Shared styles */
5179.x-slider {
5180    zoom:1;
5181}
5182
5183.x-slider-inner {
5184    position:relative;
5185    left:0;
5186    top:0;
5187    overflow:visible;
5188    zoom:1;
5189}
5190
5191.x-slider-focus {
5192        position:absolute;
5193        left:0;
5194        top:0;
5195        width:1px;
5196        height:1px;
5197    line-height:1px;
5198    font-size:1px;
5199    -moz-outline:0 none;
5200    outline:0 none;
5201    -moz-user-select: none;
5202    -khtml-user-select:none;
5203    -webkit-user-select:ignore;
5204        display:block;
5205        overflow:hidden; 
5206}
5207
5208/* Horizontal styles */
5209.x-slider-horz {
5210    padding-left:7px;
5211    background:transparent no-repeat 0 -22px;
5212}
5213
5214.x-slider-horz .x-slider-end {
5215    padding-right:7px;
5216    zoom:1;
5217    background:transparent no-repeat right -44px;
5218}
5219
5220.x-slider-horz .x-slider-inner {
5221    background:transparent repeat-x 0 0;
5222    height:22px;
5223}
5224
5225.x-slider-horz .x-slider-thumb {
5226    width:14px;
5227    height:15px;
5228    position:absolute;
5229    left:0;
5230    top:3px;
5231    background:transparent no-repeat 0 0;
5232}
5233
5234.x-slider-horz .x-slider-thumb-over {
5235    background-position: -14px -15px;
5236}
5237
5238.x-slider-horz .x-slider-thumb-drag {
5239    background-position: -28px -30px;
5240}
5241
5242/* Vertical styles */
5243.x-slider-vert {
5244    padding-top:7px;
5245    background:transparent no-repeat -44px 0;
5246    width:22px;
5247}
5248
5249.x-slider-vert .x-slider-end {
5250    padding-bottom:7px;
5251    zoom:1;
5252    background:transparent no-repeat -22px bottom;
5253}
5254
5255.x-slider-vert .x-slider-inner {
5256    background:transparent repeat-y 0 0;
5257}
5258
5259.x-slider-vert .x-slider-thumb {
5260    width:15px;
5261    height:14px;
5262    position:absolute;
5263    left:3px;
5264    bottom:0;
5265    background:transparent no-repeat 0 0;
5266}
5267
5268.x-slider-vert .x-slider-thumb-over {
5269    background-position: -15px -14px;
5270}
5271
5272.x-slider-vert .x-slider-thumb-drag {
5273    background-position: -30px -28px;
5274}.x-window-dlg .x-window-body {
5275    border:0 none !important;
5276    padding:5px 10px;
5277    overflow:hidden !important;
5278}
5279
5280.x-window-dlg .x-window-mc {
5281    border:0 none !important;
5282}
5283
5284.x-window-dlg .ext-mb-input {
5285    margin-top:4px;
5286    width:95%;
5287}
5288
5289.x-window-dlg .ext-mb-textarea {
5290    margin-top:4px;
5291}
5292
5293.x-window-dlg .x-progress-wrap {
5294    margin-top:4px;
5295}
5296
5297.ext-ie .x-window-dlg .x-progress-wrap {
5298    margin-top:6px;
5299}
5300
5301.x-window-dlg .x-msg-box-wait {
5302    background:transparent no-repeat left;
5303    display:block;
5304    width:300px;
5305    padding-left:18px;
5306    line-height:18px;
5307}
5308
5309.x-window-dlg .ext-mb-icon {
5310    float:left;
5311    width:47px;
5312    height:32px;
5313}
5314
5315.x-window-dlg .x-dlg-icon .ext-mb-content{
5316    zoom: 1; 
5317    margin-left: 47px;
5318}
5319
5320.x-window-dlg .ext-mb-info, .x-window-dlg .ext-mb-warning, .x-window-dlg .ext-mb-question, .x-window-dlg .ext-mb-error {
5321    background:transparent no-repeat top left;
5322}
5323
5324.ext-gecko2 .ext-mb-fix-cursor {
5325    overflow:auto;
5326}.ext-el-mask {
5327    background-color: #ccc;
5328}
5329
5330.ext-el-mask-msg {
5331    border-color:#6593cf;
5332    background-color:#c3daf9;
5333    background-image:url(../images/default/box/tb-blue.gif);
5334}
5335.ext-el-mask-msg div {
5336    background-color: #eee;
5337    border-color:#a3bad9;
5338    color:#222;
5339    font:normal 11px tahoma, arial, helvetica, sans-serif;
5340}
5341
5342.x-mask-loading div {
5343    background-color:#fbfbfb;
5344    background-image:url(../images/default/grid/loading.gif);
5345}
5346
5347.x-item-disabled {
5348    color: gray;
5349}
5350
5351.x-item-disabled * {
5352    color: gray !important;
5353}
5354
5355.x-splitbar-proxy {
5356    background-color: #aaa;
5357}
5358
5359.x-color-palette a {
5360    border-color:#fff;
5361}
5362
5363.x-color-palette a:hover, .x-color-palette a.x-color-palette-sel {
5364    border-color:#8bb8f3;
5365    background-color: #deecfd;
5366}
5367
5368/*
5369.x-color-palette em:hover, .x-color-palette span:hover{   
5370    background-color: #deecfd;
5371}
5372*/
5373
5374.x-color-palette em {
5375    border-color:#aca899;
5376}
5377
5378.x-ie-shadow {
5379    background-color:#777;
5380}
5381
5382.x-shadow .xsmc {
5383    background-image: url(../images/default/shadow-c.png);
5384}
5385
5386.x-shadow .xsml, .x-shadow .xsmr {
5387    background-image: url(../images/default/shadow-lr.png);
5388}
5389
5390.x-shadow .xstl, .x-shadow .xstc,  .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbc, .x-shadow .xsbr{
5391    background-image: url(../images/default/shadow.png);
5392}
5393
5394.loading-indicator {
5395    font-size: 11px;
5396    background-image: url(../images/default/grid/loading.gif);
5397}
5398
5399.x-spotlight {
5400    background-color: #ccc;
5401}
5402.x-tab-panel-header, .x-tab-panel-footer {
5403        background-color: #deecfd;
5404        border-color:#8db2e3;
5405    overflow:hidden;
5406    zoom:1;
5407}
5408
5409.x-tab-panel-header, .x-tab-panel-footer {
5410        border-color:#8db2e3;
5411}
5412
5413ul.x-tab-strip-top{
5414    background-color:#cedff5;
5415        background-image: url(../images/default/tabs/tab-strip-bg.gif);
5416        border-bottom-color:#8db2e3;
5417}
5418
5419ul.x-tab-strip-bottom{
5420    background-color:#cedff5;
5421        background-image: url(../images/default/tabs/tab-strip-btm-bg.gif);
5422        border-top-color:#8db2e3;
5423}
5424
5425.x-tab-panel-header-plain .x-tab-strip-spacer,
5426.x-tab-panel-footer-plain .x-tab-strip-spacer {
5427    border-color:#8db2e3;
5428    background-color: #deecfd;
5429}
5430
5431.x-tab-strip span.x-tab-strip-text {
5432        font:normal 11px tahoma,arial,helvetica;
5433        color:#416aa3;
5434}
5435
5436.x-tab-strip-over span.x-tab-strip-text {
5437        color:#15428b;
5438}
5439
5440.x-tab-strip-active span.x-tab-strip-text {
5441        color:#15428b;
5442    font-weight:bold;
5443}
5444
5445.x-tab-strip-disabled .x-tabs-text {
5446        color:#aaaaaa;
5447}
5448
5449.x-tab-strip-top .x-tab-right, .x-tab-strip-top .x-tab-left, .x-tab-strip-top .x-tab-strip-inner{
5450        background-image: url(../images/default/tabs/tabs-sprite.gif);
5451}
5452
5453.x-tab-strip-bottom .x-tab-right {
5454        background-image: url(../images/default/tabs/tab-btm-inactive-right-bg.gif);
5455}
5456
5457.x-tab-strip-bottom .x-tab-left {
5458        background-image: url(../images/default/tabs/tab-btm-inactive-left-bg.gif);
5459}
5460
5461.x-tab-strip-bottom .x-tab-strip-over .x-tab-right {
5462        background-image: url(../images/default/tabs/tab-btm-over-right-bg.gif);
5463}
5464
5465.x-tab-strip-bottom .x-tab-strip-over .x-tab-left {
5466        background-image: url(../images/default/tabs/tab-btm-over-left-bg.gif);
5467}
5468
5469.x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
5470        background-image: url(../images/default/tabs/tab-btm-right-bg.gif);
5471}
5472
5473.x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
5474        background-image: url(../images/default/tabs/tab-btm-left-bg.gif);
5475}
5476
5477.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
5478        background-image:url(../images/default/tabs/tab-close.gif);
5479}
5480
5481.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
5482        background-image:url(../images/default/tabs/tab-close.gif);
5483}
5484
5485.x-tab-panel-body {
5486    border-color:#8db2e3;
5487    background-color:#fff;
5488}
5489
5490.x-tab-panel-body-top {
5491    border-top: 0 none;
5492}
5493
5494.x-tab-panel-body-bottom {
5495    border-bottom: 0 none;
5496}
5497
5498.x-tab-scroller-left {
5499    background-image:url(../images/default/tabs/scroll-left.gif);
5500    border-bottom-color:#8db2e3;
5501}
5502
5503.x-tab-scroller-left-over {
5504    background-position: 0 0;
5505}
5506
5507.x-tab-scroller-left-disabled {
5508    background-position: -18px 0;
5509    opacity:.5;
5510    -moz-opacity:.5;
5511    filter:alpha(opacity=50);
5512    cursor:default;
5513}
5514
5515.x-tab-scroller-right {
5516    background-image:url(../images/default/tabs/scroll-right.gif);
5517    border-bottom-color:#8db2e3;
5518}
5519
5520.x-tab-panel-bbar .x-toolbar, .x-tab-panel-tbar .x-toolbar {
5521    border-color:#99bbe8;
5522}.x-form-field {
5523    font:normal 12px tahoma, arial, helvetica, sans-serif;
5524}
5525
5526.x-form-text, textarea.x-form-field {
5527    background-color:#fff;
5528    background-image:url(../images/default/form/text-bg.gif);
5529    border-color:#b5b8c8;
5530}
5531
5532.x-form-select-one {
5533    background-color:#fff;
5534    border-color:#b5b8c8;
5535}
5536
5537.x-form-check-group-label {
5538    border-bottom: 1px solid #99bbe8;
5539    color: #15428b;
5540}
5541
5542.x-editor .x-form-check-wrap {
5543    background-color:#fff;
5544}
5545
5546.x-form-field-wrap .x-form-trigger {
5547    background-image:url(../images/default/form/trigger.gif);
5548    border-bottom-color:#b5b8c8;
5549}
5550
5551.x-form-field-wrap .x-form-date-trigger {
5552    background-image: url(../images/default/form/date-trigger.gif);
5553}
5554
5555.x-form-field-wrap .x-form-clear-trigger {
5556    background-image: url(../images/default/form/clear-trigger.gif);
5557}
5558
5559.x-form-field-wrap .x-form-search-trigger {
5560    background-image: url(../images/default/form/search-trigger.gif);
5561}
5562
5563.x-trigger-wrap-focus .x-form-trigger {
5564    border-bottom-color:#7eadd9;
5565}
5566
5567.x-item-disabled .x-form-trigger-over {
5568    border-bottom-color:#b5b8c8;
5569}
5570
5571.x-item-disabled .x-form-trigger-click {
5572    border-bottom-color:#b5b8c8;
5573}
5574
5575.x-form-focus, textarea.x-form-focus {
5576        border-color:#7eadd9;
5577}
5578
5579.x-form-invalid, textarea.x-form-invalid {
5580    background-color:#fff;
5581        background-image:url(../images/default/grid/invalid_line.gif);
5582        border-color:#c30;
5583}
5584
5585.x-form-invalid.x-form-composite {
5586    border: none;
5587    background-image: none;
5588}
5589
5590.x-form-invalid.x-form-composite .x-form-invalid {
5591    background-color:#fff;
5592        background-image:url(../images/default/grid/invalid_line.gif);
5593        border-color:#c30;
5594}
5595
5596.x-form-inner-invalid, textarea.x-form-inner-invalid {
5597    background-color:#fff;
5598        background-image:url(../images/default/grid/invalid_line.gif);
5599}
5600
5601.x-form-grow-sizer {
5602        font:normal 12px tahoma, arial, helvetica, sans-serif;
5603}
5604
5605.x-form-item {
5606    font:normal 12px tahoma, arial, helvetica, sans-serif;
5607}
5608
5609.x-form-invalid-msg {
5610    color:#c0272b;
5611    font:normal 11px tahoma, arial, helvetica, sans-serif;
5612    background-image:url(../images/default/shared/warning.gif);
5613}
5614
5615.x-form-empty-field {
5616    color:gray;
5617}
5618
5619.x-small-editor .x-form-field {
5620    font:normal 11px arial, tahoma, helvetica, sans-serif;
5621}
5622
5623.ext-webkit .x-small-editor .x-form-field {
5624    font:normal 11px arial, tahoma, helvetica, sans-serif;
5625}
5626
5627.x-form-invalid-icon {
5628    background-image:url(../images/default/form/exclamation.gif);
5629}
5630
5631.x-fieldset {
5632    border-color:#b5b8c8;
5633}
5634
5635.x-fieldset legend {
5636    font:bold 11px tahoma, arial, helvetica, sans-serif;
5637    color:#15428b;
5638}
5639.x-btn{
5640        font:normal 11px tahoma, verdana, helvetica;
5641}
5642
5643.x-btn button{
5644    font:normal 11px arial,tahoma,verdana,helvetica;
5645    color:#333;
5646}
5647
5648.x-btn em {
5649    font-style:normal;
5650    font-weight:normal;
5651}
5652
5653.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{
5654        background-image:url(../images/default/button/btn.gif);
5655}
5656
5657.x-btn-click .x-btn-text, .x-btn-menu-active .x-btn-text, .x-btn-pressed .x-btn-text{
5658    color:#000;
5659}
5660
5661.x-btn-disabled *{
5662        color:gray !important;
5663}
5664
5665.x-btn-mc em.x-btn-arrow {
5666    background-image:url(../images/default/button/arrow.gif);
5667}
5668
5669.x-btn-mc em.x-btn-split {
5670    background-image:url(../images/default/button/s-arrow.gif);
5671}
5672
5673.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 {
5674    background-image:url(../images/default/button/s-arrow-o.gif);
5675}
5676
5677.x-btn-mc em.x-btn-arrow-bottom {
5678    background-image:url(../images/default/button/s-arrow-b-noline.gif);
5679}
5680
5681.x-btn-mc em.x-btn-split-bottom {
5682    background-image:url(../images/default/button/s-arrow-b.gif);
5683}
5684
5685.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 {
5686    background-image:url(../images/default/button/s-arrow-bo.gif);
5687}
5688
5689.x-btn-group-header {
5690    color: #3e6aaa;
5691}
5692
5693.x-btn-group-tc {
5694        background-image: url(../images/default/button/group-tb.gif);
5695}
5696
5697.x-btn-group-tl {
5698        background-image: url(../images/default/button/group-cs.gif);
5699}
5700
5701.x-btn-group-tr {
5702        background-image: url(../images/default/button/group-cs.gif);
5703}
5704
5705.x-btn-group-bc {
5706        background-image: url(../images/default/button/group-tb.gif);
5707}
5708
5709.x-btn-group-bl {
5710        background-image: url(../images/default/button/group-cs.gif);
5711}
5712
5713.x-btn-group-br {
5714        background-image: url(../images/default/button/group-cs.gif);
5715}
5716
5717.x-btn-group-ml {
5718        background-image: url(../images/default/button/group-lr.gif);
5719}
5720.x-btn-group-mr {
5721        background-image: url(../images/default/button/group-lr.gif);
5722}
5723
5724.x-btn-group-notitle .x-btn-group-tc {
5725        background-image: url(../images/default/button/group-tb.gif);
5726}.x-toolbar{
5727        border-color:#a9bfd3;
5728    background-color:#d0def0;
5729    background-image:url(../images/default/toolbar/bg.gif);
5730}
5731
5732.x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{
5733    font:normal 11px arial,tahoma, helvetica, sans-serif;
5734}
5735
5736.x-toolbar .x-item-disabled {
5737        color:gray;
5738}
5739
5740.x-toolbar .x-item-disabled * {
5741        color:gray;
5742}
5743
5744.x-toolbar .x-btn-mc em.x-btn-split {
5745    background-image:url(../images/default/button/s-arrow-noline.gif);
5746}
5747
5748.x-toolbar .x-btn-over .x-btn-mc em.x-btn-split, .x-toolbar .x-btn-click .x-btn-mc em.x-btn-split,
5749.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
5750{
5751    background-image:url(../images/default/button/s-arrow-o.gif);
5752}
5753
5754.x-toolbar .x-btn-mc em.x-btn-split-bottom {
5755    background-image:url(../images/default/button/s-arrow-b-noline.gif);
5756}
5757
5758.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,
5759.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
5760{
5761    background-image:url(../images/default/button/s-arrow-bo.gif);
5762}
5763
5764.x-toolbar .xtb-sep {
5765        background-image: url(../images/default/grid/grid-blue-split.gif);
5766}
5767
5768.x-tbar-page-first{
5769        background-image: url(../images/default/grid/page-first.gif) !important;
5770}
5771
5772.x-tbar-loading{
5773        background-image: url(../images/default/grid/refresh.gif) !important;
5774}
5775
5776.x-tbar-page-last{
5777        background-image: url(../images/default/grid/page-last.gif) !important;
5778}
5779
5780.x-tbar-page-next{
5781        background-image: url(../images/default/grid/page-next.gif) !important;
5782}
5783
5784.x-tbar-page-prev{
5785        background-image: url(../images/default/grid/page-prev.gif) !important;
5786}
5787
5788.x-item-disabled .x-tbar-loading{
5789        background-image: url(../images/default/grid/refresh-disabled.gif) !important;
5790}
5791
5792.x-item-disabled .x-tbar-page-first{
5793        background-image: url(../images/default/grid/page-first-disabled.gif) !important;
5794}
5795
5796.x-item-disabled .x-tbar-page-last{
5797        background-image: url(../images/default/grid/page-last-disabled.gif) !important;
5798}
5799
5800.x-item-disabled .x-tbar-page-next{
5801        background-image: url(../images/default/grid/page-next-disabled.gif) !important;
5802}
5803
5804.x-item-disabled .x-tbar-page-prev{
5805        background-image: url(../images/default/grid/page-prev-disabled.gif) !important;
5806}
5807
5808.x-paging-info {
5809    color:#444;
5810}
5811
5812.x-toolbar-more-icon {
5813    background-image: url(../images/default/toolbar/more.gif) !important;
5814}.x-resizable-handle {
5815        background-color:#fff;
5816}
5817
5818.x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-east,
5819.x-resizable-over .x-resizable-handle-west, .x-resizable-pinned .x-resizable-handle-west
5820{
5821    background-image:url(../images/default/sizer/e-handle.gif);
5822}
5823
5824.x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south,
5825.x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north
5826{
5827    background-image:url(../images/default/sizer/s-handle.gif);
5828}
5829
5830.x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north{
5831    background-image:url(../images/default/sizer/s-handle.gif);
5832}
5833.x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast{
5834    background-image:url(../images/default/sizer/se-handle.gif);
5835}
5836.x-resizable-over .x-resizable-handle-northwest, .x-resizable-pinned .x-resizable-handle-northwest{
5837    background-image:url(../images/default/sizer/nw-handle.gif);
5838}
5839.x-resizable-over .x-resizable-handle-northeast, .x-resizable-pinned .x-resizable-handle-northeast{
5840    background-image:url(../images/default/sizer/ne-handle.gif);
5841}
5842.x-resizable-over .x-resizable-handle-southwest, .x-resizable-pinned .x-resizable-handle-southwest{
5843    background-image:url(../images/default/sizer/sw-handle.gif);
5844}
5845.x-resizable-proxy{
5846    border-color:#3b5a82;
5847}
5848.x-resizable-overlay{
5849    background-color:#fff;
5850}
5851.x-grid3 {
5852    background-color:#fff;
5853}
5854
5855.x-grid-panel .x-panel-mc .x-panel-body {
5856    border-color:#99bbe8;
5857}
5858
5859.x-grid3-row td, .x-grid3-summary-row td{
5860        font:normal 11px/13px arial, tahoma, helvetica, sans-serif;
5861}
5862
5863.x-grid3-hd-row td {
5864        font:normal 11px/15px arial, tahoma, helvetica, sans-serif;
5865}
5866
5867
5868.x-grid3-hd-row td {
5869    border-left-color:#eee;
5870    border-right-color:#d0d0d0;
5871}
5872
5873.x-grid-row-loading {
5874    background-color: #fff;
5875    background-image:url(../images/default/shared/loading-balls.gif);
5876}
5877
5878.x-grid3-row {
5879    border-color:#ededed;
5880    border-top-color:#fff;
5881}
5882
5883.x-grid3-row-alt{
5884        background-color:#fafafa;
5885}
5886
5887.x-grid3-row-over {
5888        border-color:#ddd;
5889    background-color:#efefef;
5890    background-image:url(../images/default/grid/row-over.gif);
5891}
5892
5893.x-grid3-resize-proxy {
5894    background-color:#777;
5895}
5896
5897.x-grid3-resize-marker {
5898    background-color:#777;
5899}
5900
5901.x-grid3-header{
5902    background-color:#f9f9f9;
5903        background-image:url(../images/default/grid/grid3-hrow.gif);
5904}
5905
5906.x-grid3-header-pop {
5907    border-left-color:#d0d0d0;
5908}
5909
5910.x-grid3-header-pop-inner {
5911    border-left-color:#eee;
5912    background-image:url(../images/default/grid/hd-pop.gif);
5913}
5914
5915td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {
5916    border-left-color:#aaccf6;
5917    border-right-color:#aaccf6;
5918}
5919
5920td.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 {
5921    background-color:#ebf3fd;
5922    background-image:url(../images/default/grid/grid3-hrow-over.gif);
5923
5924}
5925
5926.sort-asc .x-grid3-sort-icon {
5927        background-image: url(../images/default/grid/sort_asc.gif);
5928}
5929
5930.sort-desc .x-grid3-sort-icon {
5931        background-image: url(../images/default/grid/sort_desc.gif);
5932}
5933
5934.x-grid3-cell-text, .x-grid3-hd-text {
5935        color:#000;
5936}
5937
5938.x-grid3-split {
5939        background-image: url(../images/default/grid/grid-split.gif);
5940}
5941
5942.x-grid3-hd-text {
5943        color:#15428b;
5944}
5945
5946.x-dd-drag-proxy .x-grid3-hd-inner{
5947    background-color:#ebf3fd;
5948        background-image:url(../images/default/grid/grid3-hrow-over.gif);
5949        border-color:#aaccf6;
5950}
5951
5952.col-move-top{
5953        background-image:url(../images/default/grid/col-move-top.gif);
5954}
5955
5956.col-move-bottom{
5957        background-image:url(../images/default/grid/col-move-bottom.gif);
5958}
5959
5960td.grid-hd-group-cell {
5961    background: url(../images/default/grid/grid3-hrow.gif) repeat-x bottom;
5962}
5963
5964.x-grid3-row-selected {
5965        background-color: #dfe8f6 !important;
5966        background-image: none;
5967        border-color:#a3bae9;
5968}
5969
5970.x-grid3-cell-selected{
5971        background-color: #b8cfee !important;
5972        color:#000;
5973}
5974
5975.x-grid3-cell-selected span{
5976        color:#000 !important;
5977}
5978
5979.x-grid3-cell-selected .x-grid3-cell-text{
5980        color:#000;
5981}
5982
5983.x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{
5984    background-color:#ebeadb !important;
5985    background-image:url(../images/default/grid/grid-hrow.gif) !important;
5986    color:#000;
5987    border-top-color:#fff;
5988    border-right-color:#6fa0df !important;
5989}
5990
5991.x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{
5992    color:#15428b !important;
5993}
5994
5995.x-grid3-dirty-cell {
5996    background-image:url(../images/default/grid/dirty.gif);
5997}
5998
5999.x-grid3-topbar, .x-grid3-bottombar{
6000        font:normal 11px arial, tahoma, helvetica, sans-serif;
6001}
6002
6003.x-grid3-bottombar .x-toolbar{
6004        border-top-color:#a9bfd3;
6005}
6006
6007.x-props-grid .x-grid3-td-name .x-grid3-cell-inner{
6008        background-image:url(../images/default/grid/grid3-special-col-bg.gif) !important;
6009    color:#000 !important;
6010}
6011
6012.x-props-grid .x-grid3-body .x-grid3-td-name{
6013    background-color:#fff !important;
6014    border-right-color:#eee;
6015}
6016
6017.xg-hmenu-sort-asc .x-menu-item-icon{
6018        background-image: url(../images/default/grid/hmenu-asc.gif);
6019}
6020
6021.xg-hmenu-sort-desc .x-menu-item-icon{
6022        background-image: url(../images/default/grid/hmenu-desc.gif);
6023}
6024
6025.xg-hmenu-lock .x-menu-item-icon{
6026        background-image: url(../images/default/grid/hmenu-lock.gif);
6027}
6028
6029.xg-hmenu-unlock .x-menu-item-icon{
6030        background-image: url(../images/default/grid/hmenu-unlock.gif);
6031}
6032
6033.x-grid3-hd-btn {
6034    background-color:#c3daf9;
6035    background-image:url(../images/default/grid/grid3-hd-btn.gif);
6036}
6037
6038.x-grid3-body .x-grid3-td-expander {
6039    background-image:url(../images/default/grid/grid3-special-col-bg.gif);
6040}
6041
6042.x-grid3-row-expander {
6043    background-image:url(../images/default/grid/row-expand-sprite.gif);
6044}
6045
6046.x-grid3-body .x-grid3-td-checker {
6047    background-image: url(../images/default/grid/grid3-special-col-bg.gif);
6048}
6049
6050.x-grid3-row-checker, .x-grid3-hd-checker {
6051    background-image:url(../images/default/grid/row-check-sprite.gif);
6052}
6053
6054.x-grid3-body .x-grid3-td-numberer {
6055    background-image:url(../images/default/grid/grid3-special-col-bg.gif);
6056}
6057
6058.x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {
6059        color:#444;
6060}
6061
6062.x-grid3-body .x-grid3-td-row-icon {
6063    background-image:url(../images/default/grid/grid3-special-col-bg.gif);
6064}
6065
6066.x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,
6067.x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,
6068.x-grid3-body .x-grid3-row-selected .x-grid3-td-expander {
6069        background-image:url(../images/default/grid/grid3-special-col-sel-bg.gif);
6070}
6071
6072.x-grid3-check-col {
6073        background-image:url(../images/default/menu/unchecked.gif);
6074}
6075
6076.x-grid3-check-col-on {
6077        background-image:url(../images/default/menu/checked.gif);
6078}
6079
6080.x-grid-group, .x-grid-group-body, .x-grid-group-hd {
6081    zoom:1;
6082}
6083
6084.x-grid-group-hd {
6085    border-bottom-color:#99bbe8;
6086}
6087
6088.x-grid-group-hd div.x-grid-group-title {
6089    background-image:url(../images/default/grid/group-collapse.gif);
6090    color:#3764a0;
6091    font:bold 11px tahoma, arial, helvetica, sans-serif;
6092}
6093
6094.x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title {
6095    background-image:url(../images/default/grid/group-expand.gif);
6096}
6097
6098.x-group-by-icon {
6099    background-image:url(../images/default/grid/group-by.gif);
6100}
6101
6102.x-cols-icon {
6103    background-image:url(../images/default/grid/columns.gif);
6104}
6105
6106.x-show-groups-icon {
6107    background-image:url(../images/default/grid/group-by.gif);
6108}
6109
6110.x-grid-empty {
6111    color:gray;
6112    font:normal 11px tahoma, arial, helvetica, sans-serif;
6113}
6114
6115.x-grid-with-col-lines .x-grid3-row td.x-grid3-cell {
6116    border-right-color:#ededed;
6117}
6118
6119.x-grid-with-col-lines .x-grid3-row-selected {
6120        border-top-color:#a3bae9;
6121}.x-pivotgrid .x-grid3-header-offset table td {
6122    background: url(../images/default/grid/grid3-hrow.gif) repeat-x 50% 100%;
6123    border-left: 1px solid;
6124    border-right: 1px solid;
6125    border-left-color: #EEE;
6126    border-right-color: #D0D0D0;
6127}
6128
6129.x-pivotgrid .x-grid3-row-headers {
6130    background-color: #f9f9f9;
6131}
6132
6133.x-pivotgrid .x-grid3-row-headers table td {
6134    background: #EEE url(../images/default/grid/grid3-rowheader.gif) repeat-x left top;
6135    border-left: 1px solid;
6136    border-right: 1px solid;
6137    border-left-color: #EEE;
6138    border-right-color: #D0D0D0;
6139    border-bottom: 1px solid;
6140    border-bottom-color: #D0D0D0;
6141    height: 18px;
6142}
6143.x-dd-drag-ghost{
6144        color:#000;
6145        font: normal 11px arial, helvetica, sans-serif;
6146    border-color: #ddd #bbb #bbb #ddd;
6147        background-color:#fff;
6148}
6149
6150.x-dd-drop-nodrop .x-dd-drop-icon{
6151  background-image: url(../images/default/dd/drop-no.gif);
6152}
6153
6154.x-dd-drop-ok .x-dd-drop-icon{
6155  background-image: url(../images/default/dd/drop-yes.gif);
6156}
6157
6158.x-dd-drop-ok-add .x-dd-drop-icon{
6159  background-image: url(../images/default/dd/drop-add.gif);
6160}
6161
6162.x-view-selector {
6163    background-color:#c3daf9;
6164    border-color:#3399bb;
6165}.x-tree-node-expanded .x-tree-node-icon{
6166        background-image:url(../images/default/tree/folder-open.gif);
6167}
6168
6169.x-tree-node-leaf .x-tree-node-icon{
6170        background-image:url(../images/default/tree/leaf.gif);
6171}
6172
6173.x-tree-node-collapsed .x-tree-node-icon{
6174        background-image:url(../images/default/tree/folder.gif);
6175}
6176
6177.x-tree-node-loading .x-tree-node-icon{
6178        background-image:url(../images/default/tree/loading.gif) !important;
6179}
6180
6181.x-tree-node .x-tree-node-inline-icon {
6182    background-image: none;
6183}
6184
6185.x-tree-node-loading a span{
6186         font-style: italic;
6187         color:#444444;
6188}
6189
6190.x-tree-lines .x-tree-elbow{
6191        background-image:url(../images/default/tree/elbow.gif);
6192}
6193
6194.x-tree-lines .x-tree-elbow-plus{
6195        background-image:url(../images/default/tree/elbow-plus.gif);
6196}
6197
6198.x-tree-lines .x-tree-elbow-minus{
6199        background-image:url(../images/default/tree/elbow-minus.gif);
6200}
6201
6202.x-tree-lines .x-tree-elbow-end{
6203        background-image:url(../images/default/tree/elbow-end.gif);
6204}
6205
6206.x-tree-lines .x-tree-elbow-end-plus{
6207        background-image:url(../images/default/tree/elbow-end-plus.gif);
6208}
6209
6210.x-tree-lines .x-tree-elbow-end-minus{
6211        background-image:url(../images/default/tree/elbow-end-minus.gif);
6212}
6213
6214.x-tree-lines .x-tree-elbow-line{
6215        background-image:url(../images/default/tree/elbow-line.gif);
6216}
6217
6218.x-tree-no-lines .x-tree-elbow-plus{
6219        background-image:url(../images/default/tree/elbow-plus-nl.gif);
6220}
6221
6222.x-tree-no-lines .x-tree-elbow-minus{
6223        background-image:url(../images/default/tree/elbow-minus-nl.gif);
6224}
6225
6226.x-tree-no-lines .x-tree-elbow-end-plus{
6227        background-image:url(../images/default/tree/elbow-end-plus-nl.gif);
6228}
6229
6230.x-tree-no-lines .x-tree-elbow-end-minus{
6231        background-image:url(../images/default/tree/elbow-end-minus-nl.gif);
6232}
6233
6234.x-tree-arrows .x-tree-elbow-plus{
6235    background-image:url(../images/default/tree/arrows.gif);
6236}
6237
6238.x-tree-arrows .x-tree-elbow-minus{
6239    background-image:url(../images/default/tree/arrows.gif);
6240}
6241
6242.x-tree-arrows .x-tree-elbow-end-plus{
6243    background-image:url(../images/default/tree/arrows.gif);
6244}
6245
6246.x-tree-arrows .x-tree-elbow-end-minus{
6247    background-image:url(../images/default/tree/arrows.gif);
6248}
6249
6250.x-tree-node{
6251        color:#000;
6252        font: normal 11px arial, tahoma, helvetica, sans-serif;
6253}
6254
6255.x-tree-node a, .x-dd-drag-ghost a{
6256        color:#000;
6257}
6258
6259.x-tree-node a span, .x-dd-drag-ghost a span{
6260        color:#000;
6261}
6262
6263.x-tree-node .x-tree-node-disabled a span{
6264        color:gray !important;
6265}
6266
6267.x-tree-node div.x-tree-drag-insert-below{
6268         border-bottom-color:#36c;
6269}
6270
6271.x-tree-node div.x-tree-drag-insert-above{
6272         border-top-color:#36c;
6273}
6274
6275.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{
6276         border-bottom-color:#36c;
6277}
6278
6279.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{
6280         border-top-color:#36c;
6281}
6282
6283.x-tree-node .x-tree-drag-append a span{
6284         background-color:#ddd;
6285         border-color:gray;
6286}
6287
6288.x-tree-node .x-tree-node-over {
6289        background-color: #eee;
6290}
6291
6292.x-tree-node .x-tree-selected {
6293        background-color: #d9e8fb;
6294}
6295
6296.x-tree-drop-ok-append .x-dd-drop-icon{
6297  background-image: url(../images/default/tree/drop-add.gif);
6298}
6299
6300.x-tree-drop-ok-above .x-dd-drop-icon{
6301  background-image: url(../images/default/tree/drop-over.gif);
6302}
6303
6304.x-tree-drop-ok-below .x-dd-drop-icon{
6305  background-image: url(../images/default/tree/drop-under.gif);
6306}
6307
6308.x-tree-drop-ok-between .x-dd-drop-icon{
6309  background-image: url(../images/default/tree/drop-between.gif);
6310}.x-date-picker {
6311    border-color: #1b376c;
6312    background-color:#fff;
6313}
6314
6315.x-date-middle,.x-date-left,.x-date-right {
6316        background-image: url(../images/default/shared/hd-sprite.gif);
6317        color:#fff;
6318        font:bold 11px "sans serif", tahoma, verdana, helvetica;
6319}
6320
6321.x-date-middle .x-btn .x-btn-text {
6322    color:#fff;
6323}
6324
6325.x-date-middle .x-btn-mc em.x-btn-arrow {
6326    background-image:url(../images/default/toolbar/btn-arrow-light.gif);
6327}
6328
6329.x-date-right a {
6330    background-image: url(../images/default/shared/right-btn.gif);
6331}
6332
6333.x-date-left a{
6334        background-image: url(../images/default/shared/left-btn.gif);
6335}
6336
6337.x-date-inner th {
6338    background-color:#dfecfb;
6339    background-image:url(../images/default/shared/glass-bg.gif);
6340        border-bottom-color:#a3bad9;
6341    font:normal 10px arial, helvetica,tahoma,sans-serif;
6342        color:#233d6d;
6343}
6344
6345.x-date-inner td {
6346    border-color:#fff;
6347}
6348
6349.x-date-inner a {
6350    font:normal 11px arial, helvetica,tahoma,sans-serif;
6351    color:#000;
6352}
6353
6354.x-date-inner .x-date-active{
6355        color:#000;
6356}
6357
6358.x-date-inner .x-date-selected a{
6359    background-color:#dfecfb;
6360        background-image:url(../images/default/shared/glass-bg.gif);
6361        border-color:#8db2e3;
6362}
6363
6364.x-date-inner .x-date-today a{
6365        border-color:darkred;
6366}
6367
6368.x-date-inner .x-date-selected span{
6369    font-weight:bold;
6370}
6371
6372.x-date-inner .x-date-prevday a,.x-date-inner .x-date-nextday a {
6373        color:#aaa;
6374}
6375
6376.x-date-bottom {
6377    border-top-color:#a3bad9;
6378    background-color:#dfecfb;
6379    background-image:url(../images/default/shared/glass-bg.gif);
6380}
6381
6382.x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover{
6383    color:#000;
6384    background-color:#ddecfe;
6385}
6386
6387.x-date-inner .x-date-disabled a {
6388        background-color:#eee;
6389        color:#bbb;
6390}
6391
6392.x-date-mmenu{
6393    background-color:#eee !important;
6394}
6395
6396.x-date-mmenu .x-menu-item {
6397        font-size:10px;
6398        color:#000;
6399}
6400
6401.x-date-mp {
6402        background-color:#fff;
6403}
6404
6405.x-date-mp td {
6406        font:normal 11px arial, helvetica,tahoma,sans-serif;
6407}
6408
6409.x-date-mp-btns button {
6410        background-color:#083772;
6411        color:#fff;
6412        border-color: #3366cc #000055 #000055 #3366cc;
6413        font:normal 11px arial, helvetica,tahoma,sans-serif;
6414}
6415
6416.x-date-mp-btns {
6417    background-color: #dfecfb;
6418        background-image: url(../images/default/shared/glass-bg.gif);
6419}
6420
6421.x-date-mp-btns td {
6422        border-top-color: #c5d2df;
6423}
6424
6425td.x-date-mp-month a,td.x-date-mp-year a {
6426        color:#15428b;
6427}
6428
6429td.x-date-mp-month a:hover,td.x-date-mp-year a:hover {
6430        color:#15428b;
6431        background-color: #ddecfe;
6432}
6433
6434td.x-date-mp-sel a {
6435    background-color: #dfecfb;
6436        background-image: url(../images/default/shared/glass-bg.gif);
6437        border-color:#8db2e3;
6438}
6439
6440.x-date-mp-ybtn a {
6441    background-image:url(../images/default/panel/tool-sprites.gif);
6442}
6443
6444td.x-date-mp-sep {
6445   border-right-color:#c5d2df;
6446}.x-tip .x-tip-close{
6447        background-image: url(../images/default/qtip/close.gif);
6448}
6449
6450.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 {
6451        background-image: url(../images/default/qtip/tip-sprite.gif);
6452}
6453
6454.x-tip .x-tip-mc {
6455    font: normal 11px tahoma,arial,helvetica,sans-serif;
6456}
6457.x-tip .x-tip-ml {
6458        background-color: #fff;
6459}
6460
6461.x-tip .x-tip-header-text {
6462    font: bold 11px tahoma,arial,helvetica,sans-serif;
6463    color:#444;
6464}
6465
6466.x-tip .x-tip-body {
6467    font: normal 11px tahoma,arial,helvetica,sans-serif;
6468    color:#444;
6469}
6470
6471.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,
6472.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
6473{
6474        background-image: url(../images/default/form/error-tip-corners.gif);
6475}
6476
6477.x-form-invalid-tip .x-tip-body {
6478    background-image:url(../images/default/form/exclamation.gif);
6479}
6480
6481.x-tip-anchor {
6482    background-image:url(../images/default/qtip/tip-anchor-sprite.gif);
6483}.x-menu {
6484    background-color:#f0f0f0;
6485        background-image:url(../images/default/menu/menu.gif);
6486}
6487
6488.x-menu-floating{
6489    border-color:#718bb7;
6490}
6491
6492.x-menu-nosep {
6493        background-image:none;
6494}
6495
6496.x-menu-list-item{
6497        font:normal 11px arial,tahoma,sans-serif;
6498}
6499
6500.x-menu-item-arrow{
6501        background-image:url(../images/default/menu/menu-parent.gif);
6502}
6503
6504.x-menu-sep {
6505    background-color:#e0e0e0;
6506        border-bottom-color:#fff;
6507}
6508
6509a.x-menu-item {
6510        color:#222;
6511}
6512
6513.x-menu-item-active {
6514    background-image: url(../images/default/menu/item-over.gif);
6515        background-color: #dbecf4;
6516    border-color:#aaccf6;
6517}
6518
6519.x-menu-item-active a.x-menu-item {
6520        border-color:#aaccf6;
6521}
6522
6523.x-menu-check-item .x-menu-item-icon{
6524        background-image:url(../images/default/menu/unchecked.gif);
6525}
6526
6527.x-menu-item-checked .x-menu-item-icon{
6528        background-image:url(../images/default/menu/checked.gif);
6529}
6530
6531.x-menu-item-checked .x-menu-group-item .x-menu-item-icon{
6532    background-image:url(../images/default/menu/group-checked.gif);
6533}
6534
6535.x-menu-group-item .x-menu-item-icon{
6536    background-image:none;
6537}
6538
6539.x-menu-plain {
6540        background-color:#f0f0f0 !important;
6541    background-image: none;
6542}
6543
6544.x-date-menu, .x-color-menu{
6545    background-color: #fff !important;
6546}
6547
6548.x-menu .x-date-picker{
6549    border-color:#a3bad9;
6550}
6551
6552.x-cycle-menu .x-menu-item-checked {
6553    border-color:#a3bae9 !important;
6554    background-color:#def8f6;
6555}
6556
6557.x-menu-scroller-top {
6558    background-image:url(../images/default/layout/mini-top.gif);
6559}
6560
6561.x-menu-scroller-bottom {
6562    background-image:url(../images/default/layout/mini-bottom.gif);
6563}
6564.x-box-tl {
6565        background-image: url(../images/default/box/corners.gif);
6566}
6567
6568.x-box-tc {
6569        background-image: url(../images/default/box/tb.gif);
6570}
6571
6572.x-box-tr {
6573        background-image: url(../images/default/box/corners.gif);
6574}
6575
6576.x-box-ml {
6577        background-image: url(../images/default/box/l.gif);
6578}
6579
6580.x-box-mc {
6581        background-color: #eee;
6582    background-image: url(../images/default/box/tb.gif);
6583        font-family: "Myriad Pro","Myriad Web","Tahoma","Helvetica","Arial",sans-serif;
6584        color: #393939;
6585        font-size: 12px;
6586}
6587
6588.x-box-mc h3 {
6589        font-size: 14px;
6590        font-weight: bold;
6591}
6592
6593.x-box-mr {
6594        background-image: url(../images/default/box/r.gif);
6595}
6596
6597.x-box-bl {
6598        background-image: url(../images/default/box/corners.gif);
6599}
6600
6601.x-box-bc {
6602        background-image: url(../images/default/box/tb.gif);
6603}
6604
6605.x-box-br {
6606        background-image: url(../images/default/box/corners.gif);
6607}
6608
6609.x-box-blue .x-box-bl, .x-box-blue .x-box-br, .x-box-blue .x-box-tl, .x-box-blue .x-box-tr {
6610        background-image: url(../images/default/box/corners-blue.gif);
6611}
6612
6613.x-box-blue .x-box-bc, .x-box-blue .x-box-mc, .x-box-blue .x-box-tc {
6614        background-image: url(../images/default/box/tb-blue.gif);
6615}
6616
6617.x-box-blue .x-box-mc {
6618        background-color: #c3daf9;
6619}
6620
6621.x-box-blue .x-box-mc h3 {
6622        color: #17385b;
6623}
6624
6625.x-box-blue .x-box-ml {
6626        background-image: url(../images/default/box/l-blue.gif);
6627}
6628
6629.x-box-blue .x-box-mr {
6630        background-image: url(../images/default/box/r-blue.gif);
6631}.x-combo-list {
6632    border-color:#98c0f4;
6633    background-color:#ddecfe;
6634    font:normal 12px tahoma, arial, helvetica, sans-serif;
6635}
6636
6637.x-combo-list-inner {
6638    background-color:#fff;
6639}
6640
6641.x-combo-list-hd {
6642    font:bold 11px tahoma, arial, helvetica, sans-serif;
6643    color:#15428b;
6644    background-image: url(../images/default/layout/panel-title-light-bg.gif);
6645    border-bottom-color:#98c0f4;
6646}
6647
6648.x-resizable-pinned .x-combo-list-inner {
6649    border-bottom-color:#98c0f4;
6650}
6651
6652.x-combo-list-item {
6653    border-color:#fff;
6654}
6655
6656.x-combo-list .x-combo-selected{
6657        border-color:#a3bae9 !important;
6658    background-color:#dfe8f6;
6659}
6660
6661.x-combo-list .x-toolbar {
6662    border-top-color:#98c0f4;
6663}
6664
6665.x-combo-list-small {
6666    font:normal 11px tahoma, arial, helvetica, sans-serif;
6667}.x-panel {
6668    border-color: #99bbe8;
6669}
6670
6671.x-panel-header {
6672    color:#15428b;
6673        font-weight:bold; 
6674    font-size: 11px;
6675    font-family: tahoma,arial,verdana,sans-serif;
6676    border-color:#99bbe8;
6677    background-image: url(../images/default/panel/white-top-bottom.gif);
6678}
6679
6680.x-panel-body {
6681    border-color:#99bbe8;
6682    background-color:#fff;
6683}
6684
6685.x-panel-bbar .x-toolbar, .x-panel-tbar .x-toolbar {
6686    border-color:#99bbe8;
6687}
6688
6689.x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
6690    border-top-color:#99bbe8;
6691}
6692
6693.x-panel-body-noheader, .x-panel-mc .x-panel-body {
6694    border-top-color:#99bbe8;
6695}
6696
6697.x-panel-tl .x-panel-header {
6698    color:#15428b;
6699        font:bold 11px tahoma,arial,verdana,sans-serif;
6700}
6701
6702.x-panel-tc {
6703        background-image: url(../images/default/panel/top-bottom.gif);
6704}
6705
6706.x-panel-tl, .x-panel-tr, .x-panel-bl,  .x-panel-br{
6707        background-image: url(../images/default/panel/corners-sprite.gif);
6708    border-bottom-color:#99bbe8;
6709}
6710
6711.x-panel-bc {
6712        background-image: url(../images/default/panel/top-bottom.gif);
6713}
6714
6715.x-panel-mc {
6716    font: normal 11px tahoma,arial,helvetica,sans-serif;
6717    background-color:#dfe8f6;
6718}
6719
6720.x-panel-ml {
6721        background-color: #fff;
6722    background-image:url(../images/default/panel/left-right.gif);
6723}
6724
6725.x-panel-mr {
6726        background-image: url(../images/default/panel/left-right.gif);
6727}
6728
6729.x-tool {
6730    background-image:url(../images/default/panel/tool-sprites.gif);
6731}
6732
6733.x-panel-ghost {
6734    background-color:#cbddf3;
6735}
6736
6737.x-panel-ghost ul {
6738    border-color:#99bbe8;
6739}
6740
6741.x-panel-dd-spacer {
6742    border-color:#99bbe8;
6743}
6744
6745.x-panel-fbar td,.x-panel-fbar span,.x-panel-fbar input,.x-panel-fbar div,.x-panel-fbar select,.x-panel-fbar label{
6746    font:normal 11px arial,tahoma, helvetica, sans-serif;
6747}
6748.x-window-proxy {
6749    background-color:#c7dffc;
6750    border-color:#99bbe8;
6751}
6752
6753.x-window-tl .x-window-header {
6754    color:#15428b;
6755        font:bold 11px tahoma,arial,verdana,sans-serif;
6756}
6757
6758.x-window-tc {
6759        background-image: url(../images/default/window/top-bottom.png);
6760}
6761
6762.x-window-tl {
6763        background-image: url(../images/default/window/left-corners.png);
6764}
6765
6766.x-window-tr {
6767        background-image: url(../images/default/window/right-corners.png);
6768}
6769
6770.x-window-bc {
6771        background-image: url(../images/default/window/top-bottom.png);
6772}
6773
6774.x-window-bl {
6775        background-image: url(../images/default/window/left-corners.png);
6776}
6777
6778.x-window-br {
6779        background-image: url(../images/default/window/right-corners.png);
6780}
6781
6782.x-window-mc {
6783    border-color:#99bbe8;
6784    font: normal 11px tahoma,arial,helvetica,sans-serif;
6785    background-color:#dfe8f6;
6786}
6787
6788.x-window-ml {
6789        background-image: url(../images/default/window/left-right.png);
6790}
6791
6792.x-window-mr {
6793        background-image: url(../images/default/window/left-right.png);
6794}
6795
6796.x-window-maximized .x-window-tc {
6797    background-color:#fff;
6798}
6799
6800.x-window-bbar .x-toolbar {
6801    border-top-color:#99bbe8;
6802}
6803
6804.x-panel-ghost .x-window-tl {
6805    border-bottom-color:#99bbe8;
6806}
6807
6808.x-panel-collapsed .x-window-tl {
6809    border-bottom-color:#84a0c4;
6810}
6811
6812.x-dlg-mask{
6813   background-color:#ccc;
6814}
6815
6816.x-window-plain .x-window-mc {
6817    background-color: #ccd9e8;
6818    border-color: #a3bae9 #dfe8f6 #dfe8f6 #a3bae9;
6819}
6820
6821.x-window-plain .x-window-body {
6822    border-color: #dfe8f6 #a3bae9 #a3bae9 #dfe8f6;
6823}
6824
6825body.x-body-masked .x-window-plain .x-window-mc {
6826    background-color: #ccd9e8;
6827}.x-html-editor-wrap {
6828    border-color:#a9bfd3;
6829    background-color:#fff;
6830}
6831.x-html-editor-tb .x-btn-text {
6832    background-image:url(../images/default/editor/tb-sprite.gif);
6833}.x-panel-noborder .x-panel-header-noborder {
6834    border-bottom-color:#99bbe8;
6835}
6836
6837.x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
6838    border-bottom-color:#99bbe8;
6839}
6840
6841.x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
6842    border-top-color:#99bbe8;
6843}
6844
6845.x-tab-panel-bbar-noborder .x-toolbar {
6846    border-top-color:#99bbe8;
6847}
6848
6849.x-tab-panel-tbar-noborder .x-toolbar {
6850    border-bottom-color:#99bbe8;
6851}.x-border-layout-ct {
6852    background-color:#dfe8f6;
6853}
6854
6855.x-accordion-hd {
6856        color:#222;
6857    font-weight:normal;
6858    background-image: url(../images/default/panel/light-hd.gif);
6859}
6860
6861.x-layout-collapsed{
6862    background-color:#d2e0f2;
6863        border-color:#98c0f4;
6864}
6865
6866.x-layout-collapsed-over{
6867    background-color:#d9e8fb;
6868}
6869
6870.x-layout-split-west .x-layout-mini {
6871    background-image:url(../images/default/layout/mini-left.gif);
6872}
6873.x-layout-split-east .x-layout-mini {
6874    background-image:url(../images/default/layout/mini-right.gif);
6875}
6876.x-layout-split-north .x-layout-mini {
6877    background-image:url(../images/default/layout/mini-top.gif);
6878}
6879.x-layout-split-south .x-layout-mini {
6880    background-image:url(../images/default/layout/mini-bottom.gif);
6881}
6882
6883.x-layout-cmini-west .x-layout-mini {
6884    background-image:url(../images/default/layout/mini-right.gif);
6885}
6886
6887.x-layout-cmini-east .x-layout-mini {
6888    background-image:url(../images/default/layout/mini-left.gif);
6889}
6890
6891.x-layout-cmini-north .x-layout-mini {
6892    background-image:url(../images/default/layout/mini-bottom.gif);
6893}
6894
6895.x-layout-cmini-south .x-layout-mini {
6896    background-image:url(../images/default/layout/mini-top.gif);
6897}.x-progress-wrap {
6898    border-color:#6593cf;
6899}
6900
6901.x-progress-inner {
6902    background-color:#e0e8f3;
6903    background-image:url(../images/default/qtip/bg.gif);
6904}
6905
6906.x-progress-bar {
6907    background-color:#9cbfee;
6908    background-image:url(../images/default/progress/progress-bg.gif);
6909    border-top-color:#d1e4fd;
6910    border-bottom-color:#7fa9e4;
6911    border-right-color:#7fa9e4;
6912}
6913
6914.x-progress-text {
6915    font-size:11px;
6916    font-weight:bold;
6917    color:#fff;
6918}
6919
6920.x-progress-text-back {
6921    color:#396095;
6922}.x-list-header{
6923    background-color:#f9f9f9;
6924        background-image:url(../images/default/grid/grid3-hrow.gif);
6925}
6926
6927.x-list-header-inner div em {
6928    border-left-color:#ddd;
6929    font:normal 11px arial, tahoma, helvetica, sans-serif;
6930}
6931
6932.x-list-body dt em {
6933    font:normal 11px arial, tahoma, helvetica, sans-serif;
6934}
6935
6936.x-list-over {
6937    background-color:#eee;
6938}
6939
6940.x-list-selected {
6941    background-color:#dfe8f6;
6942}
6943
6944.x-list-resizer {
6945    border-left-color:#555;
6946    border-right-color:#555;
6947}
6948
6949.x-list-header-inner em.sort-asc, .x-list-header-inner em.sort-desc {
6950    background-image:url(../images/default/grid/sort-hd.gif);
6951    border-color: #99bbe8;
6952}.x-slider-horz, .x-slider-horz .x-slider-end, .x-slider-horz .x-slider-inner {
6953    background-image:url(../images/default/slider/slider-bg.png);
6954}
6955
6956.x-slider-horz .x-slider-thumb {
6957    background-image:url(../images/default/slider/slider-thumb.png);
6958}
6959
6960.x-slider-vert, .x-slider-vert .x-slider-end, .x-slider-vert .x-slider-inner {
6961    background-image:url(../images/default/slider/slider-v-bg.png);
6962}
6963
6964.x-slider-vert .x-slider-thumb {
6965    background-image:url(../images/default/slider/slider-v-thumb.png);
6966}.x-window-dlg .ext-mb-text,
6967.x-window-dlg .x-window-header-text {
6968    font-size:12px;
6969}
6970
6971.x-window-dlg .ext-mb-textarea {
6972    font:normal 12px tahoma,arial,helvetica,sans-serif;
6973}
6974
6975.x-window-dlg .x-msg-box-wait {
6976    background-image:url(../images/default/grid/loading.gif);
6977}
6978
6979.x-window-dlg .ext-mb-info {
6980    background-image:url(../images/default/window/icon-info.gif);
6981}
6982
6983.x-window-dlg .ext-mb-warning {
6984    background-image:url(../images/default/window/icon-warning.gif);
6985}
6986
6987.x-window-dlg .ext-mb-question {
6988    background-image:url(../images/default/window/icon-question.gif);
6989}
6990
6991.x-window-dlg .ext-mb-error {
6992    background-image:url(../images/default/window/icon-error.gif);
6993}
Note: See TracBrowser for help on using the repository browser.