Project

General

Profile

Download (71.2 KB) Statistics
| Branch: | Revision:

git_sitools_idoc / szcluster-db / cots / extjs / resources / css / xtheme-gray-custom.css @ 5d330f93

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
 */
7
.ext-el-mask {
8
    background-color: #ccc;
9
}
10

    
11
.ext-el-mask-msg {
12
    border-color:#999;
13
    background-color:#ddd;
14
    background-image:url(../images/gray/panel/white-top-bottom.gif);
15
    background-position: 0 -1px;
16
}
17
.ext-el-mask-msg div {
18
    background-color: #eee;
19
    border-color:#d0d0d0;
20
    color:#222;
21
    font:normal 11px tahoma, arial, helvetica, sans-serif;
22
}
23

    
24
.x-mask-loading div {
25
    background-color:#fbfbfb;
26
    background-image:url(../images/default/grid/loading.gif);
27
}
28

    
29
.x-item-disabled {
30
    color: gray;
31
}
32

    
33
.x-item-disabled * {
34
    color: gray !important;
35
}
36

    
37
.x-splitbar-proxy {
38
    background-color: #aaa;
39
}
40

    
41
.x-color-palette a {
42
    border-color:#fff;
43
}
44

    
45
.x-color-palette a:hover, .x-color-palette a.x-color-palette-sel {
46
    border-color:#CFCFCF;
47
    background-color: #eaeaea;
48
}
49

    
50
/*
51
.x-color-palette em:hover, .x-color-palette span:hover{   
52
    background-color: #eaeaea;
53
}
54
*/
55

    
56
.x-color-palette em {
57
    border-color:#aca899;
58
}
59

    
60
.x-ie-shadow {
61
    background-color:#777;
62
}
63

    
64
.x-shadow .xsmc {
65
    background-image: url(../images/default/shadow-c.png);
66
}
67

    
68
.x-shadow .xsml, .x-shadow .xsmr {
69
    background-image: url(../images/default/shadow-lr.png);
70
}
71

    
72
.x-shadow .xstl, .x-shadow .xstc,  .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbc, .x-shadow .xsbr{
73
    background-image: url(../images/default/shadow.png);
74
}
75

    
76
.loading-indicator {
77
    font-size: 11px;
78
    background-image: url(../images/default/grid/loading.gif);
79
}
80

    
81
.x-spotlight {
82
    background-color: #ccc;
83
}
84
.x-tab-panel-header, .x-tab-panel-footer {
85
        border : none;
86
        background-color: #eaeaea;
87
        border-color:#d0d0d0;
88
    overflow:hidden;
89
    zoom:1;
90
}
91

    
92
.x-tab-panel-header {
93
        padding-bottom : 0px;
94
}
95

    
96
.x-tab-panel-header, .x-tab-panel-footer {
97
        border-color:#d0d0d0;
98
}
99

    
100
ul.x-tab-strip-top{
101
        background-image: url("/sitools/cots/extjs/resources/images/gray-custom/title3_02.png") !important;
102
        background-position: 0 -26px !important;
103
        background-color : transparent; 
104
        border : none;
105
        border-bottom-color:#d0d0d0;
106
    /*background-color:#dbdbdb;
107
        background-image: url(../images/gray/tabs/tab-strip-bg.gif);*/
108
}
109

    
110
ul.x-tab-strip-bottom{
111
    background-color:#dbdbdb;
112
        background-image: url(../images/gray/tabs/tab-strip-btm-bg.gif);
113
        border-top-color:#d0d0d0;
114
}
115

    
116
.x-tab-panel-header-plain .x-tab-strip-spacer,
117
.x-tab-panel-footer-plain .x-tab-strip-spacer {
118
    border-color:#d0d0d0;
119
    background-color: #eaeaea;
120
}
121

    
122
.x-tab-strip span.x-tab-strip-text {
123
        font:normal 11px tahoma,arial,helvetica;
124
        color:#333;
125
}
126

    
127
.x-tab-strip-over span.x-tab-strip-text {
128
        color:#111;
129
}
130

    
131
.x-tab-strip-active span.x-tab-strip-text {
132
        color:#333;
133
    font-weight:bold;
134
}
135

    
136
.x-tab-strip-disabled .x-tabs-text {
137
        color:#aaaaaa;
138
}
139

    
140
/** START TAB **/
141

    
142
.x-panel-body, .x-tab-panel-body, .x-tab-panel-footer,
143
.x-window-plain .x-window-mc {
144
        background-color: #FAFAFA;
145
}
146

    
147
.x-tab-panel-bwrap, .x-tab-panel-body {
148
        border : none;
149
}
150

    
151
.x-fieldset {
152
        border : 1px solid #6E7378;
153
}
154

    
155
.x-tab-panel-header-plain .x-tab-strip-spacer, .x-tab-panel-footer-plain .x-tab-strip-spacer {
156
        background-color: #D2EDFD;
157
        border-color: #3D7299;
158
}
159

    
160
.x-tab-strip-top .x-tab-right, .x-tab-strip-top .x-tab-left, .x-tab-strip-top .x-tab-strip-inner  {
161
        background-image: url(../images/gray-custom/tab_a.png);
162
}
163

    
164
.x-tab-strip-top .x-tab-right {
165
        padding-left: 8px;
166
        background-position: 0 0;
167
}
168

    
169
.x-tab-strip-top .x-tab-left {
170
        padding-right: 8px;
171
        background-position: right -100px;
172
}
173

    
174
.x-tab-strip-top .x-tab-strip-inner {
175
        background-position: 0 -50px;
176
}
177

    
178
.x-tab-strip-top .x-tab-strip-over .x-tab-right {
179
        background-position: 0 -150px;
180
}
181

    
182
.x-tab-strip-top .x-tab-strip-over .x-tab-left {
183
        background-position: right -250px;
184
}
185

    
186
.x-tab-strip-top .x-tab-strip-over .x-tab-strip-inner {
187
        background-position: 0 -200px;
188
}
189

    
190
.x-tab-strip-top .x-tab-strip-active .x-tab-right {
191
        background-position: 0 -300px;
192
}
193

    
194
.x-tab-strip-top .x-tab-strip-active .x-tab-left {
195
        background-position: right -400px;
196
}
197

    
198
.x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner {
199
        background-position: 0 -350px;
200
}
201

    
202
ul.x-tab-strip-bottom {
203
        background: url(../images/gray-custom/tab_bg_b.png) repeat-x !important;
204
        padding-bottom: 2px;
205
        border-top-color: #AAAFB4;
206
}
207

    
208
.x-tab-panel-noborder .x-tab-panel-footer-noborder {
209
        background-color: #F6F7F8;
210
        border-color: #AAAFB4;
211
}
212

    
213
/** END TAB **/
214

    
215
.x-tab-strip-bottom .x-tab-right {
216
        background-image: url(../images/gray/tabs/tab-btm-inactive-right-bg.gif);
217
}
218

    
219
.x-tab-strip-bottom .x-tab-left {
220
        background-image: url(../images/gray/tabs/tab-btm-inactive-left-bg.gif);
221
}
222

    
223
.x-tab-strip-bottom .x-tab-strip-over .x-tab-left {
224
        background-image: url(../images/gray/tabs/tab-btm-over-left-bg.gif);
225
}
226

    
227
.x-tab-strip-bottom .x-tab-strip-over .x-tab-right {
228
        background-image: url(../images/gray/tabs/tab-btm-over-right-bg.gif);
229
}
230

    
231
.x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
232
        background-image: url(../images/gray/tabs/tab-btm-right-bg.gif);
233
}
234

    
235
.x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
236
        background-image: url(../images/gray/tabs/tab-btm-left-bg.gif);
237
}
238

    
239
.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
240
        background-image:url(../images/gray/tabs/tab-close.gif);
241
}
242

    
243
.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
244
        background-image:url(../images/gray/tabs/tab-close.gif);
245
}
246

    
247
.x-tab-panel-body {
248
    border-color:#d0d0d0;
249
    background-color:#fff;
250
}
251

    
252
.x-tab-panel-body-top {
253
    border-top: 0 none;
254
}
255

    
256
.x-tab-panel-body-bottom {
257
    border-bottom: 0 none;
258
}
259

    
260
.x-tab-scroller-left {
261
    background-image:url(../images/gray/tabs/scroll-left.gif);
262
    border-bottom-color:#d0d0d0;
263
}
264

    
265
.x-tab-scroller-left-over {
266
    background-position: 0 0;
267
}
268

    
269
.x-tab-scroller-left-disabled {
270
    background-position: -18px 0;
271
    opacity:.5;
272
    -moz-opacity:.5;
273
    filter:alpha(opacity=50);
274
    cursor:default;
275
}
276

    
277
.x-tab-scroller-right {
278
    background-image:url(../images/gray/tabs/scroll-right.gif);
279
    border-bottom-color:#d0d0d0;
280
}
281

    
282
.x-tab-panel-bbar .x-toolbar, .x-tab-panel-tbar .x-toolbar {
283
    border-color:#d0d0d0;
284
}
285
.x-form-field{
286
    font:normal 12px tahoma, arial, helvetica, sans-serif;
287
}
288

    
289
.x-form-text, textarea.x-form-field{
290
    background-color:#fff;
291
    background-image:url(../images/default/form/text-bg.gif);
292
    border-color:#C1C1C1;
293
}
294

    
295
.x-form-select-one {
296
    background-color:#fff;
297
    border-color:#C1C1C1;
298
}
299

    
300
.x-form-check-group-label {
301
    border-bottom: 1px solid #d0d0d0;
302
    color: #333;
303
}
304

    
305
.x-editor .x-form-check-wrap {
306
    background-color:#fff;
307
}
308

    
309
.x-form-field-wrap .x-form-trigger{
310
    /*background-image:url(../images/gray/form/trigger.gif);*/
311
    border-bottom-color:#b5b8c8;
312
}
313

    
314
.x-form-field-wrap .x-form-date-trigger{
315
    background-image: url(../images/gray/form/date-trigger.gif);
316
}
317

    
318
.x-form-field-wrap .x-form-clear-trigger{
319
    background-image: url(../images/gray/form/clear-trigger.gif);
320
}
321

    
322
.x-form-field-wrap .x-form-search-trigger{
323
    background-image: url(../images/gray/form/search-trigger.gif);
324
}
325

    
326
.x-trigger-wrap-focus .x-form-trigger{
327
    border-bottom-color: #777777;
328
}
329

    
330
.x-item-disabled .x-form-trigger-over{
331
    border-bottom-color:#b5b8c8;
332
}
333

    
334
.x-item-disabled .x-form-trigger-click{
335
    border-bottom-color:#b5b8c8;
336
}
337

    
338
.x-form-focus, textarea.x-form-focus{
339
        border-color:#777777;
340
}
341

    
342
.x-form-invalid, textarea.x-form-invalid{
343
    background-color:#fff;
344
        background-image:url(../images/default/grid/invalid_line.gif);
345
        border-color:#c30;
346
}
347

    
348
.ext-webkit .x-form-invalid{
349
        background-color:#fee;
350
        border-color:#ff7870;
351
}
352

    
353
.x-form-inner-invalid, textarea.x-form-inner-invalid{
354
    background-color:#fff;
355
        background-image:url(../images/default/grid/invalid_line.gif);
356
}
357

    
358
.x-form-grow-sizer {
359
        font:normal 12px tahoma, arial, helvetica, sans-serif;
360
}
361

    
362
.x-form-item {
363
    font:normal 12px tahoma, arial, helvetica, sans-serif;
364
}
365

    
366
.x-form-invalid-msg {
367
    color:#c0272b;
368
    font:normal 11px tahoma, arial, helvetica, sans-serif;
369
    background-image:url(../images/default/shared/warning.gif);
370
}
371

    
372
.x-form-empty-field {
373
    color:gray;
374
}
375

    
376
.x-small-editor .x-form-field {
377
    font:normal 11px arial, tahoma, helvetica, sans-serif;
378
}
379

    
380
.ext-webkit .x-small-editor .x-form-field {
381
    font:normal 12px arial, tahoma, helvetica, sans-serif;
382
}
383

    
384
.x-form-invalid-icon {
385
    background-image:url(../images/default/form/exclamation.gif);
386
}
387

    
388
.x-fieldset {
389
    border-color:#CCCCCC;
390
}
391

    
392
.x-fieldset legend {
393
    font:bold 11px tahoma, arial, helvetica, sans-serif;
394
    color:#777777;
395
    
396
}
397

    
398
.x-btn{
399
        font:normal 11px tahoma, verdana, helvetica;
400
        padding-right: 3px;
401
}
402

    
403
.x-btn em {
404
    font-style:normal;
405
    font-weight:normal;
406
}
407

    
408
.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{
409
        background-image:url(../images/gray/button/btn.gif);
410
}
411

    
412
.x-btn-click .x-btn-text, .x-btn-menu-active .x-btn-text, .x-btn-pressed .x-btn-text{
413
    color:#000;
414
}
415

    
416
.x-btn-disabled {
417
        color:gray !important;
418
}
419

    
420
.x-btn-mc em.x-btn-arrow {
421
    background-image:url(../images/default/button/arrow.gif);
422
}
423

    
424
.x-btn-mc em.x-btn-split {
425
    background-image:url(../images/default/button/s-arrow.gif);
426
}
427

    
428
.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 {
429
    background-image:url(../images/gray/button/s-arrow-o.gif);
430
}
431

    
432
.x-btn-mc em.x-btn-arrow-bottom {
433
    background-image:url(../images/default/button/s-arrow-b-noline.gif);
434
}
435

    
436
.x-btn-mc em.x-btn-split-bottom {
437
    background-image:url(../images/default/button/s-arrow-b.gif);
438
}
439

    
440
.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 {
441
    background-image:url(../images/gray/button/s-arrow-bo.gif);
442
}
443

    
444
.x-btn-group-header {
445
    color: #666;
446
}
447

    
448
.x-btn-group-tc {
449
        background-image: url(../images/gray/button/group-tb.gif);
450
}
451

    
452
.x-btn-group-tl {
453
        background-image: url(../images/gray/button/group-cs.gif);
454
}
455

    
456
.x-btn-group-tr {
457
        background-image: url(../images/gray/button/group-cs.gif);
458
}
459

    
460
.x-btn-group-bc {
461
        background-image: url(../images/gray/button/group-tb.gif);
462
}
463

    
464
.x-btn-group-bl {
465
        background-image: url(../images/gray/button/group-cs.gif);
466
}
467

    
468
.x-btn-group-br {
469
        background-image: url(../images/gray/button/group-cs.gif);
470
}
471

    
472
.x-btn-group-ml {
473
        background-image: url(../images/gray/button/group-lr.gif);
474
}
475
.x-btn-group-mr {
476
        background-image: url(../images/gray/button/group-lr.gif);
477
}
478

    
479
.x-btn-group-notitle .x-btn-group-tc {
480
        background-image: url(../images/gray/button/group-tb.gif);
481
}
482

    
483

    
484
.x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{
485
    font:normal 11px arial,tahoma, helvetica, sans-serif;
486
}
487

    
488
.x-toolbar .x-item-disabled {
489
        color:gray;
490
}
491

    
492
.x-toolbar .x-item-disabled * {
493
        color:gray;
494
}
495

    
496
.x-toolbar .x-btn-mc em.x-btn-split {
497
    background-image:url(../images/default/button/s-arrow-noline.gif);
498
}
499

    
500
.x-toolbar .x-btn-over .x-btn-mc em.x-btn-split, .x-toolbar .x-btn-click .x-btn-mc em.x-btn-split, 
501
.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 
502
{
503
    background-image:url(../images/gray/button/s-arrow-o.gif);
504
}
505

    
506
.x-toolbar .x-btn-mc em.x-btn-split-bottom {
507
    background-image:url(../images/default/button/s-arrow-b-noline.gif);
508
}
509

    
510
.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, 
511
.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 
512
{
513
    background-image:url(../images/gray/button/s-arrow-bo.gif);
514
}
515

    
516
.x-toolbar .xtb-sep {
517
        background-image: url(../images/default/grid/grid-split.gif);
518
}
519

    
520
.x-tbar-page-first{
521
        background-image: url(../images/gray/grid/page-first.gif) !important;
522
}
523

    
524
.x-tbar-loading{
525
        background-image: url(../images/gray/grid/refresh.gif) !important;
526
}
527

    
528
.x-tbar-page-last{
529
        background-image: url(../images/gray/grid/page-last.gif) !important;
530
}
531

    
532
.x-tbar-page-next{
533
        background-image: url(../images/gray/grid/page-next.gif) !important;
534
}
535

    
536
.x-tbar-page-prev{
537
        background-image: url(../images/gray/grid/page-prev.gif) !important;
538
}
539

    
540
.x-item-disabled .x-tbar-loading{
541
        background-image: url(../images/default/grid/loading.gif) !important;
542
}
543

    
544
.x-item-disabled .x-tbar-page-first{
545
        background-image: url(../images/default/grid/page-first-disabled.gif) !important;
546
}
547

    
548
.x-item-disabled .x-tbar-page-last{
549
        background-image: url(../images/default/grid/page-last-disabled.gif) !important;
550
}
551

    
552
.x-item-disabled .x-tbar-page-next{
553
        background-image: url(../images/default/grid/page-next-disabled.gif) !important;
554
}
555

    
556
.x-item-disabled .x-tbar-page-prev{
557
        background-image: url(../images/default/grid/page-prev-disabled.gif) !important;
558
}
559

    
560
.x-paging-info {
561
    color:#444;
562
}
563

    
564
.x-toolbar-more-icon {
565
    background-image: url(../images/gray/toolbar/more.gif) !important;
566
}
567
.x-resizable-handle {
568
        background-color:#fff;
569
}
570

    
571
.x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-east,
572
.x-resizable-over .x-resizable-handle-west, .x-resizable-pinned .x-resizable-handle-west
573
{
574
    background: rgb(234,235,242); 
575
        background: -moz-linear-gradient(top,  rgba(234,235,242,1) 0%, rgba(220,221,232,1) 34%, rgba(193,196,204,1) 66%, rgba(173,175,186,1) 92%);
576
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,235,242,1)), color-stop(34%,rgba(220,221,232,1)), color-stop(66%,rgba(193,196,204,1)), color-stop(92%,rgba(173,175,186,1))); 
577
        background: -webkit-linear-gradient(top,  rgba(234,235,242,1) 0%,rgba(220,221,232,1) 34%,rgba(193,196,204,1) 66%,rgba(173,175,186,1) 92%);  
578
        background: -o-linear-gradient(top,  rgba(234,235,242,1) 0%,rgba(220,221,232,1) 34%,rgba(193,196,204,1) 66%,rgba(173,175,186,1) 92%);  
579
        background: -ms-linear-gradient(top,  rgba(234,235,242,1) 0%,rgba(220,221,232,1) 34%,rgba(193,196,204,1) 66%,rgba(173,175,186,1) 92%);
580
        background: linear-gradient(to bottom,  rgba(234,235,242,1) 0%,rgba(220,221,232,1) 34%,rgba(193,196,204,1) 66%,rgba(173,175,186,1) 92%);
581
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaebf2', endColorstr='#adafba',GradientType=0 );
582
}
583

    
584
.x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south,
585
.x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north
586
{
587
    background-image:url(../images/gray/sizer/s-handle.gif);
588
}
589

    
590
.x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north{
591
    background-image:url(../images/gray/sizer/s-handle.gif);
592
}
593
.x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast{
594
    background-image:url(../images/gray/sizer/se-handle.gif);
595
}
596
.x-resizable-over .x-resizable-handle-northwest, .x-resizable-pinned .x-resizable-handle-northwest{
597
    background-image:url(../images/gray/sizer/nw-handle.gif);
598
}
599
.x-resizable-over .x-resizable-handle-northeast, .x-resizable-pinned .x-resizable-handle-northeast{
600
    background-image:url(../images/gray/sizer/ne-handle.gif);
601
}
602
.x-resizable-over .x-resizable-handle-southwest, .x-resizable-pinned .x-resizable-handle-southwest{
603
    background-image:url(../images/gray/sizer/sw-handle.gif);
604
}
605
.x-resizable-proxy{
606
    border-color:#565656;
607
}
608
.x-resizable-overlay{
609
    background-color:#fff;
610
}
611
.x-grid3 {
612
    background-color:#fff;
613
}
614

    
615
.x-grid-panel .x-panel-mc .x-panel-body {
616
    border-color:#d0d0d0;
617
}
618

    
619
.x-grid3-row td, .x-grid3-summary-row td{
620
    font:normal 11px/13px arial, tahoma, helvetica, sans-serif;
621
}
622

    
623
.x-grid3-hd-row td {
624
    font:normal 11px/15px arial, tahoma, helvetica, sans-serif;
625
}
626

    
627
.x-grid3-hd-row td {
628
    border-left-color:#eee;
629
    border-right-color:#d0d0d0;
630
}
631

    
632
.x-grid-row-loading {
633
    background-color: #fff;
634
    background-image:url(../images/default/shared/loading-balls.gif);
635
}
636

    
637
.x-grid3-row {
638
    border-color:#fff;
639
    border-top-color:#fff;
640
}
641

    
642
.x-grid3-row-alt{
643
        background-color:#EEE;
644
}
645

    
646
.x-grid3-row-over {
647
        border-color:#ddd;
648
    background-color:#efefef;
649
    background-image:url(../images/default/grid/row-over.gif);
650
}
651

    
652
.x-grid3-resize-proxy {
653
    background-color:#777;
654
}
655

    
656
.x-grid3-resize-marker {
657
    background-color:#777;
658
}
659

    
660
.x-grid3-header{
661
    background-color:#f9f9f9;
662
        background-image:url(../images/gray/grid/grid3-hrow2.gif);
663
}
664

    
665
.x-grid3-header-pop {
666
    border-left-color:#d0d0d0;
667
}
668

    
669
.x-grid3-header-pop-inner {
670
    border-left-color:#eee;
671
    background-image:url(../images/default/grid/hd-pop.gif);
672
}
673

    
674
td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {
675
    border-left-color:#ACACAC;
676
    border-right-color:#ACACAC;
677
}
678

    
679
td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner, td.x-grid3-hd-menu-open .x-grid3-hd-inner {
680
    background-color:#f9f9f9;
681
    background-image:url(../images/gray/grid/grid3-hrow-over2.gif);
682

    
683
}
684

    
685
.sort-asc .x-grid3-sort-icon {
686
        background-image: url(../images/gray/grid/sort_asc.gif);
687
}
688

    
689
.sort-desc .x-grid3-sort-icon {
690
        background-image: url(../images/gray/grid/sort_desc.gif);
691
}
692

    
693
.x-grid3-cell-text, .x-grid3-hd-text {
694
        color:#000;
695
}
696

    
697
.x-grid3-split {
698
        background-image: url(../images/default/grid/grid-split.gif);
699
}
700

    
701
.x-grid3-hd-text {
702
        color:#333;
703
}
704

    
705
.x-dd-drag-proxy .x-grid3-hd-inner{
706
    background-color:#f9f9f9;
707
        background-image:url(../images/gray/grid/grid3-hrow-over2.gif);
708
        border-color:#ACACAC;
709
}
710

    
711
.col-move-top{
712
        background-image:url(../images/gray/grid/col-move-top.gif);
713
}
714

    
715
.col-move-bottom{
716
        background-image:url(../images/gray/grid/col-move-bottom.gif);
717
}
718

    
719
.x-grid3-row-selected {
720
        background-color:#BDA !important;
721
        background-image: none;
722
        border-color:#ACACAC;
723
}
724

    
725
.x-grid3-cell-selected{
726
        background-color: #CBCBCB !important;
727
        color:#000;
728
}
729

    
730
.x-grid3-cell-selected span{
731
        color:#000 !important;
732
}
733

    
734
.x-grid3-cell-selected .x-grid3-cell-text{
735
        color:#000;
736
}
737

    
738
.x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{
739
    background-color:#ebeadb !important;
740
    background-image:url(../images/default/grid/grid-hrow.gif) !important;
741
    color:#000;
742
    border-top-color:#fff;
743
    border-right-color:#6fa0df !important;
744
}
745

    
746
.x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{
747
    color:#333 !important;
748
}
749

    
750
.x-grid3-dirty-cell {
751
    background-image:url(../images/default/grid/dirty.gif);
752
}
753

    
754
.x-grid3-topbar, .x-grid3-bottombar{
755
        font:normal 11px arial, tahoma, helvetica, sans-serif;
756
}
757

    
758
.x-grid3-bottombar .x-toolbar{
759
        border-top-color:#a9bfd3;
760
}
761

    
762
.x-props-grid .x-grid3-td-name .x-grid3-cell-inner{
763
        background-image:url(../images/default/grid/grid3-special-col-bg.gif) !important;
764
    color:#000 !important;
765
}
766

    
767
.x-props-grid .x-grid3-body .x-grid3-td-name{
768
    background-color:#fff !important;
769
    border-right-color:#eee;
770
}
771

    
772
.xg-hmenu-sort-asc .x-menu-item-icon{
773
        background-image: url(../images/default/grid/hmenu-asc.gif);
774
}
775

    
776
.xg-hmenu-sort-desc .x-menu-item-icon{
777
        background-image: url(../images/default/grid/hmenu-desc.gif);
778
}
779

    
780
.xg-hmenu-lock .x-menu-item-icon{
781
        background-image: url(../images/default/grid/hmenu-lock.gif);
782
}
783

    
784
.xg-hmenu-unlock .x-menu-item-icon{
785
        background-image: url(../images/default/grid/hmenu-unlock.gif);
786
}
787

    
788
.x-grid3-hd-btn {
789
    background-color:#f9f9f9;
790
    background-image:url(../images/gray/grid/grid3-hd-btn.gif);
791
}
792

    
793
.x-grid3-body .x-grid3-td-expander {
794
    background-image:url(../images/default/grid/grid3-special-col-bg.gif);
795
}
796

    
797
.x-grid3-row-expander {
798
    background-image:url(../images/gray/grid/row-expand-sprite.gif);
799
}
800

    
801
.x-grid3-body .x-grid3-td-checker {
802
    background-image: url(../images/default/grid/grid3-special-col-bg.gif);
803
}
804

    
805
.x-grid3-row-checker, .x-grid3-hd-checker {
806
    background-image:url(../images/default/grid/row-check-sprite.gif);
807
}
808

    
809
.x-grid3-body .x-grid3-td-numberer {
810
    background-image:url(../images/default/grid/grid3-special-col-bg.gif);
811
}
812

    
813
.x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {
814
        color:#444;
815
}
816

    
817
.x-grid3-body .x-grid3-td-row-icon {
818
    background-image:url(../images/default/grid/grid3-special-col-bg.gif);
819
}
820

    
821
.x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,
822
.x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,
823
.x-grid3-body .x-grid3-row-selected .x-grid3-td-expander {
824
        background-image:url(../images/gray/grid/grid3-special-col-sel-bg.gif);
825
}
826

    
827
.x-grid3-check-col {
828
        background-image:url(../images/default/menu/unchecked.gif);
829
}
830

    
831
.x-grid3-check-col-on {
832
        background-image:url(../images/default/menu/checked.gif);
833
}
834

    
835
.x-grid-group, .x-grid-group-body, .x-grid-group-hd {
836
    zoom:1;
837
}
838

    
839
.x-grid-group-hd {
840
    border-bottom-color:#d0d0d0;
841
}
842

    
843
.x-grid-group-hd div.x-grid-group-title {
844
    background-image:url(../images/gray/grid/group-collapse.gif);
845
    color:#5F5F5F;
846
    font:bold 11px tahoma, arial, helvetica, sans-serif;
847
}
848

    
849
.x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title {
850
    background-image:url(../images/gray/grid/group-expand.gif);
851
}
852

    
853
.x-group-by-icon {
854
    background-image:url(../images/default/grid/group-by.gif);
855
}
856

    
857
.x-cols-icon {
858
    background-image:url(../images/default/grid/columns.gif);
859
}
860

    
861
.x-show-groups-icon {
862
    background-image:url(../images/default/grid/group-by.gif);
863
}
864

    
865
.x-grid-empty {
866
    color:gray;
867
    font:normal 11px tahoma, arial, helvetica, sans-serif;
868
}
869

    
870
.x-grid-with-col-lines .x-grid3-row td.x-grid3-cell {
871
    border-right-color:#ededed;
872
}
873

    
874
.x-grid-with-col-lines .x-grid3-row{
875
    border-top-color:#ededed;
876
}
877

    
878
.x-grid-with-col-lines .x-grid3-row-selected {
879
        border-top-color:#B9B9B9;
880
}
881
.x-pivotgrid .x-grid3-header-offset table td {
882
    background: url(../images/gray/grid/grid3-hrow2.gif) repeat-x 50% 100%;
883
    border-left: 1px solid;
884
    border-right: 1px solid;
885
    border-left-color: #D0D0D0;
886
    border-right-color: #D0D0D0;
887
}
888

    
889
.x-pivotgrid .x-grid3-row-headers {
890
    background-color: #f9f9f9;
891
}
892

    
893
.x-pivotgrid .x-grid3-row-headers table td {
894
    background: #EEE url(../images/default/grid/grid3-rowheader.gif) repeat-x left top;
895
    border-left: 1px solid;
896
    border-right: 1px solid;
897
    border-left-color: #EEE;
898
    border-right-color: #D0D0D0;
899
    border-bottom: 1px solid;
900
    border-bottom-color: #D0D0D0;
901
    height: 18px;
902
}
903
.x-dd-drag-ghost{
904
        color:#000;
905
        font: normal 11px arial, helvetica, sans-serif;
906
    border-color: #ddd #bbb #bbb #ddd;
907
        background-color:#fff;
908
}
909

    
910
.x-dd-drop-nodrop .x-dd-drop-icon{
911
  background-image: url(../images/default/dd/drop-no.gif);
912
}
913

    
914
.x-dd-drop-ok .x-dd-drop-icon{
915
  background-image: url(../images/default/dd/drop-yes.gif);
916
}
917

    
918
.x-dd-drop-ok-add .x-dd-drop-icon{
919
  background-image: url(../images/default/dd/drop-add.gif);
920
}
921

    
922
.x-view-selector {
923
    background-color:#D6D6D6;
924
    border-color:#888888;
925
}
926

    
927
.x-tree-node-leaf .x-tree-node-icon{
928
        background-image:url(../images/default/tree/leaf.gif);
929
}
930

    
931
/** START TREE **/
932

    
933
.x-tree-node-collapsed .x-tree-node-icon {
934
        background-image: url(../images/gray-custom/folder.png);
935
}
936

    
937
.x-tree-node-expanded .x-tree-node-icon {
938
background-image: url(../images/gray-custom/folder-open.png);
939
}
940

    
941
/** END TREE  **/
942

    
943
.x-tree-node-loading .x-tree-node-icon{
944
        background-image:url(../images/default/tree/loading.gif) !important;
945
}
946

    
947
.x-tree-node .x-tree-node-inline-icon {
948
    background-image: none;
949
}
950

    
951
.x-tree-node-loading a span{
952
         font-style: italic;
953
         color:#444444;
954
}
955

    
956
.ext-ie .x-tree-node-el input {
957
    width:15px;
958
    height:15px;
959
}
960

    
961
.x-tree-lines .x-tree-elbow{
962
        background-image:url(../images/default/tree/elbow.gif);
963
}
964

    
965
.x-tree-lines .x-tree-elbow-plus{
966
        background-image:url(../images/default/tree/elbow-plus.gif);
967
}
968

    
969
.x-tree-lines .x-tree-elbow-minus{
970
        background-image:url(../images/default/tree/elbow-minus.gif);
971
}
972

    
973
.x-tree-lines .x-tree-elbow-end{
974
        background-image:url(../images/default/tree/elbow-end.gif);
975
}
976

    
977
.x-tree-lines .x-tree-elbow-end-plus{
978
        background-image:url(../images/gray/tree/elbow-end-plus.gif);
979
}
980

    
981
.x-tree-lines .x-tree-elbow-end-minus{
982
        background-image:url(../images/gray/tree/elbow-end-minus.gif);
983
}
984

    
985
.x-tree-lines .x-tree-elbow-line{
986
        background-image:url(../images/default/tree/elbow-line.gif);
987
}
988

    
989
.x-tree-no-lines .x-tree-elbow-plus{
990
        background-image:url(../images/default/tree/elbow-plus-nl.gif);
991
}
992

    
993
.x-tree-no-lines .x-tree-elbow-minus{
994
        background-image:url(../images/default/tree/elbow-minus-nl.gif);
995
}
996

    
997
.x-tree-no-lines .x-tree-elbow-end-plus{
998
        background-image:url(../images/gray/tree/elbow-end-plus-nl.gif);
999
}
1000

    
1001
.x-tree-no-lines .x-tree-elbow-end-minus{
1002
        background-image:url(../images/gray/tree/elbow-end-minus-nl.gif);
1003
}
1004

    
1005
.x-tree-arrows .x-tree-elbow-plus{
1006
    background-image:url(../images/gray/tree/arrows.gif);
1007
}
1008

    
1009
.x-tree-arrows .x-tree-elbow-minus{
1010
    background-image:url(../images/gray/tree/arrows.gif);
1011
}
1012

    
1013
.x-tree-arrows .x-tree-elbow-end-plus{
1014
    background-image:url(../images/gray/tree/arrows.gif);
1015
}
1016

    
1017
.x-tree-arrows .x-tree-elbow-end-minus{
1018
    background-image:url(../images/gray/tree/arrows.gif);
1019
}
1020

    
1021
.x-tree-node{
1022
        color:#000;
1023
        font: normal 11px arial, tahoma, helvetica, sans-serif;
1024
}
1025

    
1026
.x-tree-node a, .x-dd-drag-ghost a{
1027
        color:#000;
1028
}
1029

    
1030
.x-tree-node a span, .x-dd-drag-ghost a span{
1031
        color:#000;
1032
}
1033

    
1034
.x-tree-node .x-tree-node-disabled a span{
1035
        color:gray !important;
1036
}
1037

    
1038
.x-tree-node div.x-tree-drag-insert-below{
1039
          border-bottom-color:#36c;
1040
}
1041

    
1042
.x-tree-node div.x-tree-drag-insert-above{
1043
         border-top-color:#36c;
1044
}
1045

    
1046
.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{
1047
          border-bottom-color:#36c;
1048
}
1049

    
1050
.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{
1051
         border-top-color:#36c;
1052
}
1053

    
1054
.x-tree-node .x-tree-drag-append a span{
1055
         background-color:#ddd;
1056
         border-color:gray;
1057
}
1058

    
1059
.x-tree-node .x-tree-node-over {
1060
        background-color: #eee;
1061
}
1062

    
1063
.x-tree-node .x-tree-selected {
1064
        background-color: #BDA;
1065
}
1066

    
1067
.x-tree-drop-ok-append .x-dd-drop-icon{
1068
  background-image: url(../images/default/tree/drop-add.gif);
1069
}
1070

    
1071
.x-tree-drop-ok-above .x-dd-drop-icon{
1072
  background-image: url(../images/default/tree/drop-over.gif);
1073
}
1074

    
1075
.x-tree-drop-ok-below .x-dd-drop-icon{
1076
  background-image: url(../images/default/tree/drop-under.gif);
1077
}
1078

    
1079
.x-tree-drop-ok-between .x-dd-drop-icon{
1080
  background-image: url(../images/default/tree/drop-between.gif);
1081
}
1082
.x-date-picker {
1083
    border-color:#585858;
1084
    background-color: rgb(112, 112, 112);
1085
}
1086

    
1087
.x-date-middle,.x-date-left,.x-date-right {
1088
        background-image: url(../images/gray/shared/hd-sprite.gif);
1089
        color:#fff;
1090
        font:bold 11px "sans serif", tahoma, verdana, helvetica;
1091
}
1092

    
1093
.x-date-middle .x-btn .x-btn-text {
1094
    color:#fff;
1095
}
1096

    
1097
.x-date-middle .x-btn-mc em.x-btn-arrow {
1098
    background-image:url(../images/gray/toolbar/btn-arrow-light.gif);
1099
}
1100

    
1101
.x-date-right a {
1102
    background-image: url(../images/gray/shared/right-btn.gif);
1103
}
1104

    
1105
.x-date-left a{
1106
        background-image: url(../images/gray/shared/left-btn.gif);
1107
}
1108

    
1109
.x-date-inner th {
1110
    background-color:#D8D8D8;
1111
    background-image: url(../images/gray/panel/white-top-bottom.gif);
1112
        border-bottom-color:#AFAFAF;
1113
    font:normal 10px arial, helvetica,tahoma,sans-serif;
1114
        color:#595959;
1115
}
1116

    
1117
.x-date-inner td {
1118
    border-color: rgb(124, 124, 124);
1119
}
1120

    
1121
.x-date-inner a {
1122
    font:normal 11px arial, helvetica,tahoma,sans-serif;
1123
    color:#000;
1124
}
1125

    
1126
.x-date-inner .x-date-active{
1127
        color: rgb(0, 0, 0);
1128
}
1129

    
1130
.x-date-inner .x-date-selected a{
1131
    background-image: none;
1132
    background-color: rgb(66, 66, 66);
1133
        border-color:#DCDCDC;
1134
}
1135

    
1136
.x-date-inner .x-date-today a{
1137
        border-color:darkred;
1138
}
1139

    
1140
.x-date-inner .x-date-selected span{
1141
    font-weight:bold;
1142
}
1143

    
1144
.x-date-inner .x-date-prevday a,.x-date-inner .x-date-nextday a {
1145
        color: rgb(34, 34, 34);
1146
}
1147

    
1148
.x-date-bottom {
1149
    border-top-color:#AFAFAF;
1150
    background-color:#D8D8D8;
1151
    background:#D8D8D8 url(../images/gray/panel/white-top-bottom.gif) 0 -2px;
1152
}
1153

    
1154
.x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover{
1155
    color:#000;
1156
    background-color:#D8D8D8;
1157
}
1158

    
1159
.x-date-inner .x-date-disabled a {
1160
        background-color:#eee;
1161
        color:#bbb;
1162
}
1163

    
1164
.x-date-mmenu{
1165
    background-color:#eee !important;
1166
}
1167

    
1168
.x-date-mmenu .x-menu-item {
1169
        font-size:10px;
1170
        color:#000;
1171
}
1172

    
1173
.x-date-mp {
1174
        background-color:#fff;
1175
}
1176

    
1177
.x-date-mp td {
1178
        font:normal 11px arial, helvetica,tahoma,sans-serif;
1179
}
1180

    
1181
.x-date-mp-btns button {
1182
        background-color:#4E565F;
1183
        color:#fff;
1184
        border-color:#C0C0C0 #434343 #434343 #C0C0C0;
1185
        font:normal 11px arial, helvetica,tahoma,sans-serif;
1186
}
1187

    
1188
.x-date-mp-btns {
1189
    background-color:#D8D8D8;
1190
    background:#D8D8D8 url(../images/gray/panel/white-top-bottom.gif) 0 -2px;
1191
}
1192

    
1193
.x-date-mp-btns td {
1194
        border-top-color:#AFAFAF;
1195
}
1196

    
1197
td.x-date-mp-month a,td.x-date-mp-year a {
1198
        color: #333;
1199
}
1200

    
1201
td.x-date-mp-month a:hover,td.x-date-mp-year a:hover {
1202
        color:#333;
1203
        background-color:#FDFDFD;
1204
}
1205

    
1206
td.x-date-mp-sel a {
1207
    background-color:#D8D8D8;
1208
    background:#D8D8D8 url(../images/gray/panel/white-top-bottom.gif) 0 -2px;
1209
        border-color:#DCDCDC;
1210
}
1211

    
1212
.x-date-mp-ybtn a {
1213
    background-image:url(../images/gray/panel/tool-sprites.gif);
1214
}
1215

    
1216
td.x-date-mp-sep {
1217
   border-right-color:#D7D7D7;
1218
}.x-tip .x-tip-close{
1219
        background-image: url(../images/gray/qtip/close.gif);
1220
}
1221

    
1222
.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 {
1223
        background-image: url(../images/gray/qtip/tip-sprite.gif);
1224
}
1225

    
1226
.x-tip .x-tip-mc {
1227
    font: normal 11px tahoma,arial,helvetica,sans-serif;
1228
}
1229
.x-tip .x-tip-ml {
1230
        background-color: #fff;
1231
}
1232

    
1233
.x-tip .x-tip-header-text {
1234
    font: bold 11px tahoma,arial,helvetica,sans-serif;
1235
    color:#444;
1236
}
1237

    
1238
.x-tip .x-tip-body {
1239
    font: normal 11px tahoma,arial,helvetica,sans-serif;
1240
    color:#444;
1241
}
1242

    
1243
.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,
1244
.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
1245
{
1246
        background-image: url(../images/default/form/error-tip-corners.gif);
1247
}
1248

    
1249
.x-form-invalid-tip .x-tip-body {
1250
    background-image:url(../images/default/form/exclamation.gif);
1251
}
1252

    
1253
.x-tip-anchor {
1254
    background-image:url(../images/gray/qtip/tip-anchor-sprite.gif);
1255
}.x-menu {
1256
    background-color:#f0f0f0;
1257
        background-image:url(../images/default/menu/menu.gif);
1258
}
1259

    
1260
.x-menu-floating{
1261
    border-color:#7D7D7D;
1262
}
1263

    
1264
.x-menu-nosep {
1265
        background-image:none;
1266
}
1267

    
1268
.x-menu-list-item{
1269
        font:normal 11px arial,tahoma,sans-serif;
1270
}
1271

    
1272
.x-menu-item-arrow{
1273
        background-image:url(../images/gray/menu/menu-parent.gif);
1274
}
1275

    
1276
.x-menu-sep {
1277
    background-color:#e0e0e0;
1278
        border-bottom-color:#fff;
1279
}
1280

    
1281
a.x-menu-item {
1282
        color:#222;
1283
}
1284

    
1285
.x-menu-item-active {
1286
    background-image: url(../images/gray/menu/item-over.gif);
1287
        background-color: #f1f1f1;
1288
    border-color:#ACACAC;
1289
}
1290

    
1291
/* .sitools-navbar-menu ul{ */
1292
/*         background: #73757c; Old browsers */
1293
/*         background: -moz-linear-gradient(top,  #73757c 0%, #23223a 99%); FF3.6+ */
1294
/*         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#73757c), color-stop(99%,#23223a)); Chrome,Safari4+ */
1295
/*         background: -webkit-linear-gradient(top,  #73757c 0%,#23223a 99%); Chrome10+,Safari5.1+ */
1296
/*         background: -o-linear-gradient(top,  #73757c 0%,#23223a 99%); Opera 11.10+ */
1297
/*         background: -ms-linear-gradient(top,  #73757c 0%,#23223a 99%); IE10+ */
1298
/*         background: linear-gradient(to bottom,  #73757c 0%,#23223a 99%); W3C */
1299
/*         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73757c', endColorstr='#23223a',GradientType=0 ); IE6-9 */
1300
/* } */
1301

    
1302
/* .sitools-navbar-menu ul li.x-menu-item-active a.x-menu-item{ */
1303
/*         background: #596a72; Old browsers */
1304
/*         background: -moz-linear-gradient(top,  #596a72 0%, #181828 12%, #181828 88%, #596a72 100%); FF3.6+ */
1305
/*         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#596a72), color-stop(12%,#181828), color-stop(88%,#181828), color-stop(100%,#596a72)); Chrome,Safari4+ */
1306
/*         background: -webkit-linear-gradient(top,  #596a72 0%,#181828 12%,#181828 88%,#596a72 100%); Chrome10+,Safari5.1+ */
1307
/*         background: -o-linear-gradient(top,  #596a72 0%,#181828 12%,#181828 88%,#596a72 100%); Opera 11.10+ */
1308
/*         background: -ms-linear-gradient(top,  #596a72 0%,#181828 12%,#181828 88%,#596a72 100%); IE10+ */
1309
/*         background: linear-gradient(to bottom,  #596a72 0%,#181828 12%,#181828 88%,#596a72 100%); W3C */
1310
/*         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#596a72', endColorstr='#596a72',GradientType=0 ); IE6-9 */
1311
/*         border: none; */
1312
/* } */
1313

    
1314
/* .sitools-navbar-menu ul li { */
1315
/*         line-height: 11px; */
1316
/* } */
1317

    
1318
/* .sitools-navbar-menu { */
1319
/*         border-bottom: 1px gray solid; */
1320
/*         border-left: 1px gray solid; */
1321
/*         border-right: 1px gray solid; */
1322
/*         border-top : none; */
1323
/* } */
1324

    
1325
/* .sitools-navbar-menu ul li img { */
1326
/*     height: 32px; */
1327
/*         width : 32px; */
1328
/*         background-size : 100%; */
1329
/* } */
1330

    
1331
/* .sitools-navbar-menu ul li a.x-menu-item span{ */
1332
/*         font-size: 12px; */
1333
/*         line-height: 32px; */
1334
/*         color: #FFFFFF; */
1335
/*         margin-left: 25px; */
1336
/* } */
1337

    
1338
.menu-forms-title {
1339
        color : #FFF;
1340
        font-weight: bold;
1341
        padding-top : 10px !important;
1342
        padding-left: 5px;
1343
}
1344

    
1345

    
1346
.sitools-navbar-menu ul li.x-menu-item-active {
1347
        border: none;
1348
}
1349

    
1350
.x-menu-item-active a.x-menu-item {
1351
        border-color:#ACACAC;
1352
}
1353

    
1354
.x-menu-check-item .x-menu-item-icon{
1355
        background-image:url(../images/default/menu/unchecked.gif);
1356
}
1357

    
1358
.x-menu-item-checked .x-menu-item-icon{
1359
        background-image:url(../images/default/menu/checked.gif);
1360
}
1361

    
1362
.x-menu-item-checked .x-menu-group-item .x-menu-item-icon{
1363
    background-image:url(../images/gray/menu/group-checked.gif);
1364
}
1365

    
1366
.x-menu-group-item .x-menu-item-icon{
1367
    background-image:none;
1368
}
1369

    
1370
.x-menu-plain {
1371
        background-color:#fff !important;
1372
}
1373

    
1374
.x-menu .x-date-picker{
1375
    border-color:#AFAFAF;
1376
}
1377

    
1378
.x-cycle-menu .x-menu-item-checked {
1379
    border-color:#B9B9B9 !important;
1380
    background-color:#F1F1F1;
1381
}
1382

    
1383
.x-menu-scroller-top {
1384
    background-image:url(../images/default/layout/mini-top.gif);
1385
}
1386

    
1387
.x-menu-scroller-bottom {
1388
    background-image:url(../images/default/layout/mini-bottom.gif);
1389
}.x-box-tl {
1390
        background-image: url(../images/default/box/corners.gif);
1391
}
1392

    
1393
.x-box-tc {
1394
        background-image: url(../images/default/box/tb.gif);
1395
}
1396

    
1397
.x-box-tr {
1398
        background-image: url(../images/default/box/corners.gif);
1399
}
1400

    
1401
.x-box-ml {
1402
        background-image: url(../images/default/box/l.gif);
1403
}
1404

    
1405
.x-box-mc {
1406
        background-color: #eee;
1407
    background-image: url(../images/default/box/tb.gif);
1408
        font-family: "Myriad Pro","Myriad Web","Tahoma","Helvetica","Arial",sans-serif;
1409
        color: #393939;
1410
        font-size: 12px;
1411
}
1412

    
1413
.x-box-mc h3 {
1414
        font-size: 14px;
1415
        font-weight: bold;
1416
}
1417

    
1418
.x-box-mr {
1419
        background-image: url(../images/default/box/r.gif);
1420
}
1421

    
1422
.x-box-bl {
1423
        background-image: url(../images/default/box/corners.gif);
1424
}
1425

    
1426
.x-box-bc {
1427
        background-image: url(../images/default/box/tb.gif);
1428
}
1429

    
1430
.x-box-br {
1431
        background-image: url(../images/default/box/corners.gif);
1432
}
1433

    
1434
.x-box-blue .x-box-bl, .x-box-blue .x-box-br, .x-box-blue .x-box-tl, .x-box-blue .x-box-tr {
1435
        background-image: url(../images/default/box/corners-blue.gif);
1436
}
1437

    
1438
.x-box-blue .x-box-bc, .x-box-blue .x-box-mc, .x-box-blue .x-box-tc {
1439
        background-image: url(../images/default/box/tb-blue.gif);
1440
}
1441

    
1442
.x-box-blue .x-box-mc {
1443
        background-color: #c3daf9;
1444
}
1445

    
1446
.x-box-blue .x-box-mc h3 {
1447
        color: #17385b;
1448
}
1449

    
1450
.x-box-blue .x-box-ml {
1451
        background-image: url(../images/default/box/l-blue.gif);
1452
}
1453

    
1454
.x-box-blue .x-box-mr {
1455
        background-image: url(../images/default/box/r-blue.gif);
1456
}
1457
.x-combo-list {
1458
    border-color:#ccc;
1459
    background-color:#ddd;
1460
    font:normal 12px tahoma, arial, helvetica, sans-serif;
1461
}
1462

    
1463
.x-combo-list-inner {
1464
    background-color:#fff;
1465
}
1466

    
1467
.x-combo-list-hd {
1468
    font:bold 11px tahoma, arial, helvetica, sans-serif;
1469
    color:#333;
1470
    background-image: url(../images/default/layout/panel-title-light-bg.gif);
1471
    border-bottom-color:#BCBCBC;
1472
}
1473

    
1474
.x-resizable-pinned .x-combo-list-inner {
1475
    border-bottom-color:#BEBEBE;
1476
}
1477

    
1478
.x-combo-list-item {
1479
    border-color:#fff;
1480
}
1481

    
1482
.x-combo-list .x-combo-selected{
1483
        border-color:#777 !important;
1484
    background-color:#f0f0f0;
1485
}
1486

    
1487
.x-combo-list .x-toolbar {
1488
    border-top-color:#BCBCBC;
1489
}
1490

    
1491
.x-combo-list-small {
1492
    font:normal 11px tahoma, arial, helvetica, sans-serif;
1493
}.x-panel {
1494
    border-color: #d0d0d0;
1495
}
1496

    
1497
.x-panel-header {
1498
    color:#333;
1499
        font-weight:bold; 
1500
    font-size: 11px;
1501
    font-family: tahoma,arial,verdana,sans-serif;
1502
        border: none;
1503
    border-color:#d0d0d0;
1504
    /*background-image: url(../images/gray/panel/white-top-bottom.gif);*/
1505
        background: rgb(244,244,244); /* Old browsers */
1506
        background: -moz-linear-gradient(top,  rgba(244,244,244,1) 0%, rgba(252,252,252,1) 100%); /* FF3.6+ */
1507
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,244,244,1)), color-stop(100%,rgba(252,252,252,1))); /* Chrome,Safari4+ */
1508
        background: -webkit-linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(252,252,252,1) 100%); /* Chrome10+,Safari5.1+ */
1509
        background: -o-linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(252,252,252,1) 100%); /* Opera 11.10+ */
1510
        background: -ms-linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(252,252,252,1) 100%); /* IE10+ */
1511
        background: linear-gradient(to bottom,  rgba(244,244,244,1) 0%,rgba(252,252,252,1) 100%); /* W3C */
1512
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#fcfcfc',GradientType=0 ); /* IE6-9 */
1513

    
1514
}
1515

    
1516
.x-panel-body {
1517
        border-top:1px solid;
1518
    border-color:#d0d0d0;
1519
        border-top-color:#d0d0d0;
1520
    background-color:#fff;
1521
}
1522

    
1523
.x-panel-bbar .x-toolbar, .x-panel-tbar .x-toolbar {
1524
    border-color:#d0d0d0;
1525
}
1526

    
1527
.x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
1528
    border-top-color:#d0d0d0;
1529
}
1530

    
1531
.x-panel-body-noheader, .x-panel-mc .x-panel-body {
1532
        border : none;
1533
    border-top-color:#d0d0d0;
1534
}
1535

    
1536
.x-panel-tl .x-panel-header {
1537
    color:#333;
1538
        font:bold 11px tahoma,arial,verdana,sans-serif;
1539
}
1540

    
1541
.x-panel-tc {
1542
        background-image: url(../images/gray/panel/top-bottom.gif);
1543
}
1544

    
1545
.x-panel-tl, .x-panel-tr, .x-panel-bl,  .x-panel-br{
1546
        background-image: url(../images/gray/panel/corners-sprite.gif);
1547
    border-bottom-color:#d0d0d0;
1548
}
1549

    
1550
.x-panel-bc {
1551
        background-image: url(../images/gray/panel/top-bottom.gif);
1552
}
1553

    
1554
.x-panel-mc {
1555
    font: normal 11px tahoma,arial,helvetica,sans-serif;
1556
    background-color:#f1f1f1;
1557
}
1558

    
1559
.x-panel-ml {
1560
        background-color: #fff;
1561
    background-image:url(../images/gray/panel/left-right.gif);
1562
}
1563

    
1564
.x-panel-mr {
1565
        background-image: url(../images/gray/panel/left-right.gif);
1566
}
1567

    
1568
.x-tool {
1569
    background-image:url(../images/gray/panel/tool-sprites.gif);
1570
}
1571

    
1572
/** START : BUTTON WINDOW CLOSE, MAX, MIN **/
1573

    
1574
.x-tool-save {
1575
    background-image:url(../images/gray-custom/bt_rt.png);
1576
        width: 18px;
1577
        height: 18px;
1578
        background-position: 0 -362px;
1579
}
1580

    
1581
.x-tool-save-over {
1582
    background-image:url(../images/gray-custom/bt_rt.png);
1583
        width: 18px;
1584
        height: 18px;
1585
        background-position: 0 -382px;
1586
}
1587

    
1588
.x-tool-close {
1589
        background-position: 0 0;
1590
        background-image: url(../images/gray-custom/bt_rt.png);
1591
        width: 18px;
1592
        height: 18px;
1593
}
1594

    
1595
.x-tool-close-over {
1596
        background-position: 0 -18px;
1597
}
1598

    
1599
.x-tool-maximize {
1600
        background-position: 0 -54px;
1601
        background-image: url(../images/gray-custom/bt_rt.png);
1602
        width: 18px;
1603
        height: 18px;
1604
}
1605

    
1606
.x-tool-maximize-over {
1607
        background-position: 0 -72px;
1608
}
1609

    
1610
.x-tool-minimize {
1611
        background-position: 0 -108px;
1612
        background-image: url(../images/gray-custom/bt_rt.png);
1613
        width: 18px;
1614
        height: 18px;
1615
}
1616

    
1617
.x-tool-minimize-over {
1618
        background-position: 0 -126px;
1619
}
1620

    
1621
.x-tool-restore {
1622
        background-position: 0 -162px;
1623
        background-image: url(../images/gray-custom/bt_rt.png);
1624
        width: 18px;
1625
        height: 18px;
1626
}
1627

    
1628
.x-tool-restore-over {
1629
        background-position: 0 -180px;
1630
        background-image: url(../images/gray-custom/bt_rt.png);
1631
}
1632

    
1633
.x-tool-help {
1634
        background-position: 0 -216px;
1635
        background-image: url(../images/gray-custom/bt_rt.png);
1636
        width: 18px;
1637
        height: 18px;
1638
}
1639

    
1640
.x-tool-help-over {
1641
        background-position: 0 -234px;
1642
        background-image: url(../images/gray-custom/bt_rt.png);
1643
}
1644

    
1645
/** END : BUTTON WINDOW CLOSE, MAX, MIN **/
1646

    
1647
.x-panel-ghost {
1648
    background-color:#f2f2f2;
1649
}
1650

    
1651
.x-panel-ghost ul {
1652
    border-color:#d0d0d0;
1653
}
1654

    
1655
.x-panel-dd-spacer {
1656
    border-color:#d0d0d0;
1657
}
1658

    
1659
.x-panel-fbar td,.x-panel-fbar span,.x-panel-fbar input,.x-panel-fbar div,.x-panel-fbar select,.x-panel-fbar label{
1660
    font:normal 11px arial,tahoma, helvetica, sans-serif;
1661
}
1662
.x-window-proxy {
1663
    background-color:#fcfcfc;
1664
    border-color:#d0d0d0;
1665
}
1666

    
1667
.x-window-tl .x-window-header {
1668
    color:#555;
1669
        font:bold 13px tahoma,arial,verdana,sans-serif;
1670
        padding-left : 2px;
1671
}
1672

    
1673

    
1674
.x-window-bc {
1675
        background-image: url(../images/gray/window/top-bottom.png);
1676
}
1677

    
1678
.x-window-bl {
1679
        background-image: url(../images/gray/window/left-corners.png);
1680
}
1681

    
1682
.x-window-br {
1683
        background-image: url(../images/gray/window/right-corners.png);
1684
}
1685

    
1686
.x-panel-body, .x-tab-panel-body, .x-tab-panel-footer, .x-window-plain .x-window-mc {
1687
        background-color : #F7F7F7;
1688
}
1689

    
1690
.x-window-mc,
1691
.x-window-dlg .x-window-mc,
1692
.x-window-plain .x-window-mc {
1693
        border-width: 0 1px 0 1px !important;
1694
        border-style: solid !important;
1695
        border-color: #D0D0D0 #AAAFB4 !important;
1696
    font: normal 11px tahoma,arial,helvetica,sans-serif;
1697
    background-color:#e8e8e8;
1698
}
1699

    
1700
.x-window-ml {
1701
        background-image: url(../images/gray/window/left-right.png);
1702
        padding-left : 0px;
1703
}
1704

    
1705
.x-window-mr {
1706
        background-image: url(../images/gray/window/left-right.png);
1707
        padding-right : 0px;
1708
}
1709

    
1710
.x-window-maximized .x-window-tc {
1711
    background-color:#fff;
1712
}
1713

    
1714
.x-window-bbar .x-toolbar {
1715
    border-top-color:#d0d0d0;
1716
}
1717

    
1718
.x-panel-ghost .x-window-tl {
1719
    border-bottom-color:#d0d0d0;
1720
}
1721

    
1722
.x-panel-collapsed .x-window-tl {
1723
    border-bottom-color:#d0d0d0;
1724
}
1725

    
1726
.x-dlg-mask{
1727
   background-color:#ccc;
1728
}
1729

    
1730
.x-window-plain .x-window-mc {
1731
    background-color: #E8E8E8;
1732
    border-color: #D0D0D0 #EEEEEE #EEEEEE #D0D0D0;
1733
}
1734

    
1735
.x-window-plain .x-window-body {
1736
    border-color: #EEEEEE #D0D0D0 #D0D0D0 #EEEEEE;
1737
}
1738

    
1739
body.x-body-masked .x-window-plain .x-window-mc {
1740
    background-color: #E4E4E4;
1741
}
1742
.x-html-editor-wrap {
1743
    border-color:#BCBCBC;
1744
    background-color:#fff;
1745
}
1746
.x-html-editor-tb .x-btn-text {
1747
    background-image:url(../images/default/editor/tb-sprite.gif);
1748
}
1749
.x-panel-noborder .x-panel-header-noborder {
1750
    border-bottom-color:#d0d0d0;
1751
}
1752

    
1753
.x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
1754
    border-bottom-color:#d0d0d0;
1755
}
1756

    
1757
.x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
1758
    border-top-color:#d0d0d0;
1759
}
1760

    
1761
.x-tab-panel-bbar-noborder .x-toolbar {
1762
    border-top-color:#d0d0d0;
1763
}
1764

    
1765
.x-tab-panel-tbar-noborder .x-toolbar {
1766
    border-bottom-color:#d0d0d0;
1767
}
1768

    
1769
.x-border-layout-ct {
1770
    background-color:#f0f0f0;
1771
}
1772
.x-border-layout-ct {
1773
    background-color:#f0f0f0;
1774
}
1775

    
1776
.x-accordion-hd {
1777
        color:#222;
1778
    font-weight:normal;
1779
    background-image: url(../images/gray/panel/light-hd.gif);
1780
}
1781

    
1782
.x-layout-collapsed{
1783
    background-color:#dfdfdf;
1784
        border-color:#d0d0d0;
1785
}
1786

    
1787
.x-layout-collapsed-over{
1788
    background-color:#e7e7e7;
1789
}
1790

    
1791
.x-layout-split-west .x-layout-mini {
1792
    background-image:url(../images/default/layout/mini-left.gif);
1793
}
1794
.x-layout-split-east .x-layout-mini {
1795
    background-image:url(../images/default/layout/mini-right.gif);
1796
}
1797
.x-layout-split-north .x-layout-mini {
1798
    background-image:url(../images/default/layout/mini-top.gif);
1799
}
1800
.x-layout-split-south .x-layout-mini {
1801
    background-image:url(../images/default/layout/mini-bottom.gif);
1802
}
1803

    
1804
.x-layout-cmini-west .x-layout-mini {
1805
    background-image:url(../images/default/layout/mini-right.gif);
1806
}
1807

    
1808
.x-layout-cmini-east .x-layout-mini {
1809
    background-image:url(../images/default/layout/mini-left.gif);
1810
}
1811

    
1812
.x-layout-cmini-north .x-layout-mini {
1813
    background-image:url(../images/default/layout/mini-bottom.gif);
1814
}
1815

    
1816
.x-layout-cmini-south .x-layout-mini {
1817
    background-image:url(../images/default/layout/mini-top.gif);
1818
}
1819
.x-progress-wrap {
1820
    border-color:#8E8E8E;
1821
}
1822

    
1823
.x-progress-inner {
1824
    background-color:#E7E7E7;
1825
    background-image:url(../images/gray/qtip/bg.gif);
1826
}
1827

    
1828
.x-progress-bar {
1829
    background-color:#BCBCBC;
1830
    background-image:url(../images/gray/progress/progress-bg.gif);
1831
    border-top-color:#E2E2E2;
1832
    border-bottom-color:#A4A4A4;
1833
    border-right-color:#A4A4A4;
1834
}
1835

    
1836
.x-progress-text {
1837
    font-size:11px;
1838
    font-weight:bold;
1839
    color:#fff;
1840
}
1841

    
1842
.x-progress-text-back {
1843
    color:#5F5F5F;
1844
}
1845
.x-list-header{
1846
    background-color:#f9f9f9;
1847
        background-image:url(../images/gray/grid/grid3-hrow2.gif);
1848
}
1849

    
1850
.x-list-header-inner div em {
1851
    border-left-color:#ddd;
1852
    font:normal 11px arial, tahoma, helvetica, sans-serif;
1853
}
1854

    
1855
.x-list-body dt em {
1856
    font:normal 11px arial, tahoma, helvetica, sans-serif;
1857
}
1858

    
1859
.x-list-over {
1860
    background-color:#eee;
1861
}
1862

    
1863
.x-list-selected {
1864
    background-color:#f0f0f0;
1865
}
1866

    
1867
.x-list-resizer {
1868
    border-left-color:#555;
1869
    border-right-color:#555;
1870
}
1871

    
1872
.x-list-header-inner em.sort-asc, .x-list-header-inner em.sort-desc {
1873
    background-image:url(../images/gray/grid/sort-hd.gif);
1874
    border-color: #d0d0d0;
1875
}
1876
.x-slider-horz, .x-slider-horz .x-slider-end, .x-slider-horz .x-slider-inner {
1877
    background-image:url(../images/default/slider/slider-bg.png);
1878
}
1879

    
1880
.x-slider-horz .x-slider-thumb {
1881
    background-image:url(../images/gray/slider/slider-thumb.png);
1882
}
1883

    
1884
.x-slider-vert, .x-slider-vert .x-slider-end, .x-slider-vert .x-slider-inner {
1885
    background-image:url(../images/default/slider/slider-v-bg.png);
1886
}
1887

    
1888
.x-slider-vert .x-slider-thumb {
1889
    background-image:url(../images/gray/slider/slider-v-thumb.png);
1890
}
1891
.x-window-dlg .ext-mb-text,
1892
.x-window-dlg .x-window-header-text {
1893
    font-size:12px;
1894
}
1895

    
1896
.x-window-dlg .ext-mb-textarea {
1897
    font:normal 12px tahoma,arial,helvetica,sans-serif;
1898
}
1899

    
1900
.x-window-dlg .x-msg-box-wait {
1901
    background-image:url(../images/default/grid/loading.gif);
1902
}
1903

    
1904
.x-window-dlg .ext-mb-info {
1905
    background-image:url(../images/gray/window/icon-info.gif);
1906
}
1907

    
1908
.x-window-dlg .ext-mb-warning {
1909
    background-image:url(../images/gray/window/icon-warning.gif);
1910
}
1911

    
1912
.x-window-dlg .ext-mb-question {
1913
    background-image:url(../images/gray/window/icon-question.gif);
1914
}
1915

    
1916
.x-window-dlg .ext-mb-error {
1917
    background-image:url(../images/gray/window/icon-error.gif);
1918
}
1919

    
1920
/** START BUTTON + FORMS **/
1921

    
1922
.x-btn-icon .ux-taskbutton-center .x-btn-text {
1923
        width : 50px;
1924
}
1925

    
1926
.x-btn-icon .x-btn-small .x-btn-tl, .x-btn-icon .x-btn-small .x-btn-tr,
1927
.x-btn-icon .x-btn-small .x-btn-tc, .x-btn-icon .x-btn-small .x-btn-ml,
1928
.x-btn-icon .x-btn-small .x-btn-mr, .x-btn-icon .x-btn-small .x-btn-mc,
1929
.x-btn-icon .x-btn-small .x-btn-bl, .x-btn-icon .x-btn-small .x-btn-br,
1930
.x-btn-icon .x-btn-small .x-btn-bc {
1931
        background-image: none;
1932
}
1933

    
1934
.x-btn-icon .x-btn-small .x-tbar-page-first {
1935
        width: 22px;
1936
        height: 18px;
1937
        background-image: url(../images/gray-custom/bt_pagebar.png) !important;
1938
        background-position: 0 0;
1939
}
1940

    
1941
.x-btn-icon .x-btn-small .x-tbar-loading {
1942
        width: 22px;
1943
        height: 18px;
1944
        background-image: url(../images/gray-custom/bt_pagebar.png) !important;
1945
        background-position: 0 -72px;
1946
}
1947

    
1948
.x-btn-icon .x-btn-small .x-tbar-page-last {
1949
        width: 22px;
1950
        height: 18px;
1951
        background-image: url(../images/gray-custom/bt_pagebar.png) !important;
1952
        background-position: 0 -54px;
1953
}
1954

    
1955
.x-btn-icon .x-btn-small .x-tbar-page-next {
1956
        width: 22px;
1957
        height: 18px;
1958
        background-image: url(../images/gray-custom/bt_pagebar.png) !important;
1959
        background-position: 0 -36px;
1960
}
1961

    
1962
.x-btn-icon .x-btn-small .x-tbar-page-prev {
1963
        width: 22px;
1964
        height: 18px;
1965
        background-image: url(../images/gray-custom/bt_pagebar.png) !important;
1966
        background-position: 0 -18px;
1967
}
1968

    
1969
.x-btn-icon .x-btn-small .x-item-disabled .x-tbar-loading {
1970
        width: 22px;
1971
        height: 18px;
1972
        background-image: url(../images/gray-custom/bt_pagebar.png) !important;
1973
        background-position: 0 -342px;
1974
}
1975

    
1976
.x-btn-icon .x-btn-small .x-item-disabled .x-tbar-page-first {
1977
        width: 22px;
1978
        height: 18px;
1979
        background-image: url(../images/gray-custom/bt_pagebar.png) !important;
1980
        background-position: 0 -270px;
1981
}
1982

    
1983
.x-btn-icon .x-btn-small .x-item-disabled .x-tbar-page-last {
1984
        width: 22px;
1985
        height: 18px;
1986
        background-image: url(../images/gray-custom/bt_pagebar.png) !important;
1987
        background-position: 0 -324px;
1988
}
1989

    
1990
.x-btn-icon .x-btn-small .x-item-disabled .x-tbar-page-next {
1991
        width: 22px;
1992
        height: 18px;
1993
        background-image: url(../images/gray-custom/bt_pagebar.png) !important;
1994
        background-position: 0 -306px;
1995
}
1996

    
1997
.x-btn-icon .x-btn-small .x-item-disabled .x-tbar-page-prev {
1998
        width: 22px;
1999
        height: 18px;
2000
        background-image: url(../images/gray-custom/bt_pagebar.png) !important;
2001
        background-position: 0 -288px;
2002
}
2003

    
2004
.x-btn-over .x-btn-small .x-tbar-page-first {
2005
        background-image: url(../images/gray-custom/bt_pagebar.png) !important;
2006
        background-position: 0 -90px;
2007
}
2008

    
2009
.x-btn-over .x-btn-small .x-tbar-loading {
2010
        background-image: url(../images/gray-custom/bt_pagebar.png) !important;
2011
        background-position: 0 -162px;
2012
}
2013

    
2014
.x-btn-over .x-btn-small .x-tbar-page-last {
2015
        background-image: url(../images/gray-custom/bt_pagebar.png) !important;
2016
        background-position: 0 -144px;
2017
}
2018

    
2019
.x-btn-over .x-btn-small .x-tbar-page-next {
2020
        background-image: url(../images/gray-custom/bt_pagebar.png) !important;
2021
        background-position: 0 -126px;
2022
}
2023

    
2024
.x-btn-over .x-btn-small .x-tbar-page-prev {
2025
        background-image: url(../images/gray-custom/bt_pagebar.png) !important;
2026
        background-position: 0 -108px;
2027
}
2028

    
2029
.x-btn-click .x-btn-small .x-tbar-page-first {
2030
        background-image: url(../images/gray-custom/bt_pagebar.png) !important;
2031
        background-position: 0 -180px;
2032
}
2033

    
2034
.x-btn-click .x-btn-small .x-tbar-loading {
2035
        background-image: url(../images/gray-custom/bt_pagebar.png) !important;
2036
        background-position: 0 -252px;
2037
}
2038

    
2039
.x-btn-click .x-btn-small .x-tbar-page-last {
2040
        background-image: url(../images/gray-custom/bt_pagebar.png) !important;
2041
        background-position: 0 -234px;
2042
}
2043

    
2044
.x-btn-click .x-btn-small .x-tbar-page-next {
2045
        background-image: url(../images/gray-custom/bt_pagebar.png) !important;
2046
        background-position: 0 -216px;
2047
}
2048

    
2049
.x-btn-click .x-btn-small .x-tbar-page-prev {
2050
        background-image: url(../images/gray-custom/bt_pagebar.png) !important;
2051
        background-position: 0 -198px;
2052
}
2053

    
2054
.x-btn-icon .x-btn-small .x-tbar-loading-process {
2055
        background-image: url(../images/gray-custom/taskbar/loading.gif) !important;
2056
        height: 18px;
2057
        width: 22px;
2058
}
2059

    
2060
.x-btn-icon .x-btn-medium .x-btn-text {
2061
        height: 20px;
2062
}
2063

    
2064
.x-btn-tl, .x-btn-tr, .x-btn-tc, .x-btn-bl, .x-btn-br, .x-btn-bc {
2065
        background-image: none;
2066
        display: none;
2067
}
2068

    
2069
.x-btn-ml, .x-btn-mr, .x-btn-mc {
2070
        /**background-image: url(../images/gray-custom/bt_b.png);*/
2071
        background-image: url(../images/gray-custom/bt_grey.png);
2072
        /**height: 22px;*/
2073
        height: 30px;
2074
}
2075

    
2076
.x-btn-ml {
2077
        background-position: 0 0  !important;
2078
}
2079

    
2080
.x-btn-mc {
2081
        /**background-position: 0 -22px  !important;*/
2082
        background-position: 0 -30px  !important;
2083
}
2084

    
2085
.x-btn-mr {
2086
        /**background-position: right -44px  !important;*/
2087
        background-position: right -60px  !important;
2088
}
2089

    
2090
/** SPECIAL NAVBAR BUTTON WITHOUT BORDER **/
2091
.x-btn-ml-navBar {
2092
        background-position: 0 0;
2093
}
2094

    
2095
.x-btn-mc-navBar {
2096
        background-position: 0 -22px;
2097
}
2098

    
2099
.x-btn-mr-navBar {
2100
        background-position: right -44px ;
2101
}
2102

    
2103
.x-btn-text-icon .x-btn-icon-small-left .x-btn-text {
2104
        /*padding-left : 20px;
2105
        padding-right: 2px;*/
2106
        padding: 0px 8px 0px 23px;
2107
}
2108

    
2109
#ux-staticbuttons-panel {
2110
        background: rgb(234,235,242); /* Old browsers */
2111
        background: -moz-linear-gradient(top,  rgba(234,235,242,1) 0%, rgba(220,221,232,1) 34%, rgba(193,196,204,1) 66%, rgba(173,175,186,1) 92%); /* FF3.6+ */
2112
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,235,242,1)), color-stop(34%,rgba(220,221,232,1)), color-stop(66%,rgba(193,196,204,1)), color-stop(92%,rgba(173,175,186,1))); /* Chrome,Safari4+ */
2113
        background: -webkit-linear-gradient(top,  rgba(234,235,242,1) 0%,rgba(220,221,232,1) 34%,rgba(193,196,204,1) 66%,rgba(173,175,186,1) 92%); /* Chrome10+,Safari5.1+ */
2114
        background: -o-linear-gradient(top,  rgba(234,235,242,1) 0%,rgba(220,221,232,1) 34%,rgba(193,196,204,1) 66%,rgba(173,175,186,1) 92%); /* Opera 11.10+ */
2115
        background: -ms-linear-gradient(top,  rgba(234,235,242,1) 0%,rgba(220,221,232,1) 34%,rgba(193,196,204,1) 66%,rgba(173,175,186,1) 92%); /* IE10+ */
2116
        background: linear-gradient(to bottom,  rgba(234,235,242,1) 0%,rgba(220,221,232,1) 34%,rgba(193,196,204,1) 66%,rgba(173,175,186,1) 92%); /* W3C */
2117
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaebf2', endColorstr='#adafba',GradientType=0 ); /* IE6-9 */
2118
}
2119

    
2120
#ux-taskbuttons-panel {
2121
        -moz-box-shadow: 2px 2px 5px 6px #343434;
2122
        -webkit-box-shadow: 2px 2px 5px 6px #343434;
2123
        -o-box-shadow: 2px 2px 5px 6px #343434;
2124
        box-shadow: 2px 2px 5px 6px #343434;
2125
        filter:progid:DXImageTransform.Microsoft.Shadow(color=#343434, Direction=134, Strength=5);
2126
        
2127
        background: rgb(204,207,214); /* Old browsers */
2128
        background: -moz-linear-gradient(top,  rgba(204,207,214,1) 0%, rgba(182,185,192,1) 24%, rgba(136,138,145,1) 56%, rgba(111,113,120,1) 100%); /* FF3.6+ */
2129
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,207,214,1)), color-stop(24%,rgba(182,185,192,1)), color-stop(56%,rgba(136,138,145,1)), color-stop(100%,rgba(111,113,120,1))); /* Chrome,Safari4+ */
2130
        background: -webkit-linear-gradient(top,  rgba(204,207,214,1) 0%,rgba(182,185,192,1) 24%,rgba(136,138,145,1) 56%,rgba(111,113,120,1) 100%); /* Chrome10+,Safari5.1+ */
2131
        background: -o-linear-gradient(top,  rgba(204,207,214,1) 0%,rgba(182,185,192,1) 24%,rgba(136,138,145,1) 56%,rgba(111,113,120,1) 100%); /* Opera 11.10+ */
2132
        background: -ms-linear-gradient(top,  rgba(204,207,214,1) 0%,rgba(182,185,192,1) 24%,rgba(136,138,145,1) 56%,rgba(111,113,120,1) 100%); /* IE10+ */
2133
        background: linear-gradient(to bottom,  rgba(204,207,214,1) 0%,rgba(182,185,192,1) 24%,rgba(136,138,145,1) 56%,rgba(111,113,120,1) 100%); /* W3C */
2134
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccfd6', endColorstr='#6f7178',GradientType=0 ); /* IE6-9 */
2135
}
2136

    
2137
#navBarId {
2138
        top: -2px !important;
2139
        -moz-box-shadow: 2px 2px 5px 2px #343434;
2140
        -webkit-box-shadow: 2px 2px 5px 2px #343434;
2141
        -o-box-shadow: 2px 2px 5px 2px #343434;
2142
        box-shadow: 2px 2px 5px 2px #343434;
2143
        filter:progid:DXImageTransform.Microsoft.Shadow(color=#343434, Direction=134, Strength=5);
2144
        
2145
        background: rgb(204,207,214); /* Old browsers */
2146
        background: -moz-linear-gradient(top,  rgba(204,207,214,1) 0%, rgba(182,185,192,1) 24%, rgba(136,138,145,1) 56%, rgba(111,113,120,1) 100%); /* FF3.6+ */
2147
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,207,214,1)), color-stop(24%,rgba(182,185,192,1)), color-stop(56%,rgba(136,138,145,1)), color-stop(100%,rgba(111,113,120,1))); /* Chrome,Safari4+ */
2148
        background: -webkit-linear-gradient(top,  rgba(204,207,214,1) 0%,rgba(182,185,192,1) 24%,rgba(136,138,145,1) 56%,rgba(111,113,120,1) 100%); /* Chrome10+,Safari5.1+ */
2149
        background: -o-linear-gradient(top,  rgba(204,207,214,1) 0%,rgba(182,185,192,1) 24%,rgba(136,138,145,1) 56%,rgba(111,113,120,1) 100%); /* Opera 11.10+ */
2150
        background: -ms-linear-gradient(top,  rgba(204,207,214,1) 0%,rgba(182,185,192,1) 24%,rgba(136,138,145,1) 56%,rgba(111,113,120,1) 100%); /* IE10+ */
2151
        background: linear-gradient(to bottom,  rgba(204,207,214,1) 0%,rgba(182,185,192,1) 24%,rgba(136,138,145,1) 56%,rgba(111,113,120,1) 100%); /* W3C */
2152
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccfd6', endColorstr='#6f7178',GradientType=0 ); /* IE6-9 */
2153
        
2154
/*         background: rgb(217,219,226); Old browsers */
2155
/*         background: -moz-linear-gradient(top,  rgba(217,219,226,1) 0%, rgba(203,205,214,1) 30%, rgba(193,196,204,1) 43%, rgba(144,146,155,1) 90%); FF3.6+ */
2156
/*         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(217,219,226,1)), color-stop(30%,rgba(203,205,214,1)), color-stop(43%,rgba(193,196,204,1)), color-stop(90%,rgba(144,146,155,1))); Chrome,Safari4+ */
2157
/*         background: -webkit-linear-gradient(top,  rgba(217,219,226,1) 0%,rgba(203,205,214,1) 30%,rgba(193,196,204,1) 43%,rgba(144,146,155,1) 90%); Chrome10+,Safari5.1+ */
2158
/*         background: -o-linear-gradient(top,  rgba(217,219,226,1) 0%,rgba(203,205,214,1) 30%,rgba(193,196,204,1) 43%,rgba(144,146,155,1) 90%); Opera 11.10+ */
2159
/*         background: -ms-linear-gradient(top,  rgba(217,219,226,1) 0%,rgba(203,205,214,1) 30%,rgba(193,196,204,1) 43%,rgba(144,146,155,1) 90%); IE10+ */
2160
/*         background: linear-gradient(to bottom,  rgba(217,219,226,1) 0%,rgba(203,205,214,1) 30%,rgba(193,196,204,1) 43%,rgba(144,146,155,1) 90%); W3C */
2161
/*         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9dbe2', endColorstr='#90929b',GradientType=0 ); IE6-9 */
2162
}
2163

    
2164
#navBarButtonsId {
2165
        -moz-box-shadow: 2px 2px 5px 2px #343434;
2166
        -webkit-box-shadow: 2px 2px 5px 2px #343434;
2167
        -o-box-shadow: 2px 2px 5px 2px #343434;
2168
        box-shadow: 2px 2px 5px 2px #343434;
2169
        filter:progid:DXImageTransform.Microsoft.Shadow(color=#343434, Direction=134, Strength=5);
2170
        
2171
        background: rgb(234,235,242); /* Old browsers */
2172
background: -moz-linear-gradient(top,  rgba(234,235,242,1) 0%, rgba(220,221,232,1) 34%, rgba(193,196,204,1) 66%, rgba(173,175,186,1) 92%); /* FF3.6+ */
2173
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,235,242,1)), color-stop(34%,rgba(220,221,232,1)), color-stop(66%,rgba(193,196,204,1)), color-stop(92%,rgba(173,175,186,1))); /* Chrome,Safari4+ */
2174
background: -webkit-linear-gradient(top,  rgba(234,235,242,1) 0%,rgba(220,221,232,1) 34%,rgba(193,196,204,1) 66%,rgba(173,175,186,1) 92%); /* Chrome10+,Safari5.1+ */
2175
background: -o-linear-gradient(top,  rgba(234,235,242,1) 0%,rgba(220,221,232,1) 34%,rgba(193,196,204,1) 66%,rgba(173,175,186,1) 92%); /* Opera 11.10+ */
2176
background: -ms-linear-gradient(top,  rgba(234,235,242,1) 0%,rgba(220,221,232,1) 34%,rgba(193,196,204,1) 66%,rgba(173,175,186,1) 92%); /* IE10+ */
2177
background: linear-gradient(to bottom,  rgba(234,235,242,1) 0%,rgba(220,221,232,1) 34%,rgba(193,196,204,1) 66%,rgba(173,175,186,1) 92%); /* W3C */
2178
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaebf2', endColorstr='#adafba',GradientType=0 ); /* IE6-9 */
2179

    
2180
}
2181

    
2182
 /** END NAVBAR **/
2183

    
2184
.x-btn-over .x-btn-ml {
2185
        background-position: 0 -90px  !important;
2186
}
2187

    
2188
.x-btn-over .x-btn-mc {
2189
        /**background-position: 0 -88px  !important;*/
2190
        background-position: 0 -120px  !important;
2191
}
2192

    
2193
.x-btn-over .x-btn-mr {
2194
        background-position: right -150px  !important;
2195
}
2196

    
2197
.x-btn-click .x-btn-ml {
2198
        background-position: 0 -180px  !important;
2199
}
2200

    
2201
.x-btn-click .x-btn-mc {
2202
        background-position: 0 -210px  !important;
2203
}
2204

    
2205
.x-btn-click .x-btn-mr {
2206
        background-position: right -240px  !important;
2207
}
2208

    
2209
/**start x-btn-pressed **/
2210
.x-btn-pressed .x-btn-ml {
2211
        background-position: 0 -180px  !important;
2212
}
2213

    
2214
.x-btn-pressed .x-btn-mc {
2215
        background-position: 0 -210px  !important;
2216
}
2217

    
2218
.x-btn-pressed .x-btn-mr {
2219
        background-position: right -240px  !important;
2220
}
2221
/** end x-btn-pressed **/
2222

    
2223
.x-item-disabled .x-btn-ml {
2224
        background-position: 0 -180px  !important;
2225
}
2226

    
2227
.x-item-disabled .x-btn-mc {
2228
        background-position: 0 -210px  !important;
2229
}
2230

    
2231
.x-item-disabled .x-btn-mr {
2232
        background-position: right -240px  !important;
2233
}
2234

    
2235
.x-btn-text {
2236
        color: #3C3C3C;
2237
}
2238
/*
2239
.x-btn-over .x-btn-text {
2240
        color: #004A80;
2241
}
2242
*/
2243

    
2244
.x-btn-click .x-btn-text {
2245
        color: #003C66;
2246
}
2247

    
2248
.x-item-disabled .x-btn-text {
2249
        color: #8C8C8C;
2250
}
2251

    
2252
/** START TOOLBAR BUTTON **/
2253

    
2254
.arrow-back{
2255
        background-image : url(../images/gray-custom/back.png);
2256
        background-position: 0 0 !important;
2257
        width: 26px !important;
2258
        height: 22px !important;
2259
}
2260

    
2261
.arrow-next{
2262
        background-image : url(../images/gray-custom/next.png);
2263
        background-position: 0 0px !important;
2264
        width: 26px !important;
2265
        height: 22px !important;
2266
}
2267

    
2268
.arrow-back:HOVER{
2269
        background-position: 0 -22px !important;
2270
}
2271

    
2272
.arrow-next:HOVER{
2273
        background-position: 0 -22px !important;
2274
}
2275

    
2276
.arrow-back:ACTIVE{
2277
        background-position: 0 -44px !important;
2278
}
2279

    
2280
.arrow-next:ACTIVE{
2281
        background-position: 0 -44px !important;
2282
}
2283

    
2284

    
2285
/** ENDTOOLBAR BUTTON **/
2286

    
2287
.x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
2288
        border : none;        
2289
        height: 21px;/*35px;*/
2290
}
2291

    
2292
.x-form-field-wrap .x-form-trigger {
2293
        background-image: url(../images/gray/form/trigger.gif);
2294
        border-bottom-color: #6E7378;
2295
}
2296

    
2297
.x-form-field-wrap .x-form-date-trigger {
2298
        background-image: url(../images/gray/form/date-trigger.gif);
2299
        border-bottom-color: #6E7378;
2300
}
2301

    
2302
.x-form-field-wrap .x-form-trigger-over {
2303
        border-bottom-color: #2E6C99;
2304
}
2305

    
2306
.x-trigger-wrap-focus .x-form-trigger {
2307
        border-bottom-color: #2E6C99;
2308
}
2309

    
2310
.x-form-focus, textarea.x-form-focus {
2311
        border-color: #2E6C99;
2312
}
2313

    
2314
.x-form-text, textarea.x-form-field {
2315
        border-color: #6E7378;
2316
}
2317

    
2318
.active-win .x-window-tl .x-window-header {
2319
        color: #3c3c3c;
2320
}
2321

    
2322
.deactive-win .x-window-tl .x-window-header {
2323
        color: #787878;
2324
}
2325
/** END BUTTON + FORMS**/
2326

    
2327

    
2328
/** START MENU ICON DESKTOP **/
2329

    
2330
#navBarId .ux-taskbutton-center{
2331
        border-radius : .3em;
2332
        box-shadow : 0px 0px;
2333
        display: inline-block;
2334
        outline: none;
2335
        vertical-align: middle;
2336
        text-shadow: 0 2px 2px rgba(242,246,248,1);
2337
        text-align:center;
2338

    
2339
        background: none;
2340
        
2341
}
2342

    
2343
#navBarId .ux-taskbutton-center:hover{
2344
        
2345
        background: -moz-linear-gradient(top,  rgba(71,71,71,1) 0%, rgba(17,17,17,0.95) 40%, rgba(71,71,71,0.92) 60%, rgba(89,89,89,0.9) 77%, rgba(76,76,76,0.88) 90%, rgba(76,76,76,0.87) 99%); /* FF3.6+ */
2346
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(71,71,71,1)), color-stop(40%,rgba(17,17,17,0.95)), color-stop(60%,rgba(71,71,71,0.92)), color-stop(77%,rgba(89,89,89,0.9)), color-stop(90%,rgba(76,76,76,0.88)), color-stop(99%,rgba(76,76,76,0.87))); /* Chrome,Safari4+ */
2347
        background: -webkit-linear-gradient(top,  rgba(71,71,71,1) 0%,rgba(17,17,17,0.95) 40%,rgba(71,71,71,0.92) 60%,rgba(89,89,89,0.9) 77%,rgba(76,76,76,0.88) 90%,rgba(76,76,76,0.87) 99%); /* Chrome10+,Safari5.1+ */
2348
        background: -o-linear-gradient(top,  rgba(71,71,71,1) 0%,rgba(17,17,17,0.95) 40%,rgba(71,71,71,0.92) 60%,rgba(89,89,89,0.9) 77%,rgba(76,76,76,0.88) 90%,rgba(76,76,76,0.87) 99%); /* Opera 11.10+ */
2349
        background: -ms-linear-gradient(top,  rgba(71,71,71,1) 0%,rgba(17,17,17,0.95) 40%,rgba(71,71,71,0.92) 60%,rgba(89,89,89,0.9) 77%,rgba(76,76,76,0.88) 90%,rgba(76,76,76,0.87) 99%); /* IE10+ */
2350
        background: linear-gradient(to bottom,  rgba(71,71,71,1) 0%,rgba(17,17,17,0.95) 40%,rgba(71,71,71,0.92) 60%,rgba(89,89,89,0.9) 77%,rgba(76,76,76,0.88) 90%,rgba(76,76,76,0.87) 99%); /* W3C */
2351
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#de4c4c4c',GradientType=0 ); /* IE6-9 */
2352
}
2353

    
2354
#navBarId .x-btn-text-icon .ux-navBarButton-center .x-btn-text{
2355
        margin-left: 2px;
2356
        margin-right: 2px;
2357
}
2358

    
2359
/** **/
2360

    
2361
.navBar-separator {
2362
/*         background-image : url(../images/icons/navBarButtons/icon-separator.gif); */
2363
}
2364
.navBar-separator .x-btn-icon .x-btn-small .x-btn-text {
2365
        height: 36px;
2366
}
2367

    
2368
.x-navBar-items button {
2369
        font: 13px verdana,helvetica;
2370
        color: white;
2371
/*         font-weight: bold; */
2372
        padding: 10px;
2373
}
2374

    
2375
.ux-taskbutton-center {
2376
        display: inline-block;
2377
        outline: none;
2378
        vertical-align: middle;
2379
        text-shadow: 0 2px 2px rgba(242,246,248,1);
2380
        text-align:center;
2381
        -webkit-border-radius: .5em; 
2382
        -moz-border-radius: .5em;
2383
        border-radius: .5em;
2384
        box-shadow: 0 2px 2px rgba(0,0,0,.2);
2385
        padding:0 5px;
2386
        cursor:pointer;
2387

    
2388
        -moz-box-shadow: 2px 2px 5px 1px #343434;
2389
        -webkit-box-shadow: 2px 2px 1px 1px #343434;
2390
        -o-box-shadow: 2px 2px 1px 1px #343434;
2391
        box-shadow: 2px 2px 1px 1px #343434;
2392
        filter:progid:DXImageTransform.Microsoft.Shadow(color=#343434, Direction=134, Strength=5);
2393

    
2394
        background: rgb(204,207,214); /* Old browsers */
2395
        background: -moz-linear-gradient(top,  rgba(204,207,214,1) 0%, rgba(182,185,192,1) 24%, rgba(136,138,145,1) 56%, rgba(111,113,120,1) 100%); /* FF3.6+ */
2396
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,207,214,1)), color-stop(24%,rgba(182,185,192,1)), color-stop(56%,rgba(136,138,145,1)), color-stop(100%,rgba(111,113,120,1))); /* Chrome,Safari4+ */
2397
        background: -webkit-linear-gradient(top,  rgba(204,207,214,1) 0%,rgba(182,185,192,1) 24%,rgba(136,138,145,1) 56%,rgba(111,113,120,1) 100%); /* Chrome10+,Safari5.1+ */
2398
        background: -o-linear-gradient(top,  rgba(204,207,214,1) 0%,rgba(182,185,192,1) 24%,rgba(136,138,145,1) 56%,rgba(111,113,120,1) 100%); /* Opera 11.10+ */
2399
        background: -ms-linear-gradient(top,  rgba(204,207,214,1) 0%,rgba(182,185,192,1) 24%,rgba(136,138,145,1) 56%,rgba(111,113,120,1) 100%); /* IE10+ */
2400
        background: linear-gradient(to bottom,  rgba(204,207,214,1) 0%,rgba(182,185,192,1) 24%,rgba(136,138,145,1) 56%,rgba(111,113,120,1) 100%); /* W3C */
2401
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccfd6', endColorstr='#6f7178',GradientType=0 ); /* IE6-9 */
2402
}
2403

    
2404
.x-btn-text-icon .ux-taskbutton-center .x-btn-text{
2405
        margin-left: 2px;
2406
        margin-right: 2px;
2407
}
2408

    
2409
.ux-taskbutton-center:hover{
2410
        background: -moz-linear-gradient(top,  rgba(71,71,71,1) 0%, rgba(17,17,17,0.95) 40%, rgba(71,71,71,0.92) 60%, rgba(89,89,89,0.9) 77%, rgba(76,76,76,0.88) 90%, rgba(76,76,76,0.87) 99%); /* FF3.6+ */
2411
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(71,71,71,1)), color-stop(40%,rgba(17,17,17,0.95)), color-stop(60%,rgba(71,71,71,0.92)), color-stop(77%,rgba(89,89,89,0.9)), color-stop(90%,rgba(76,76,76,0.88)), color-stop(99%,rgba(76,76,76,0.87))); /* Chrome,Safari4+ */
2412
        background: -webkit-linear-gradient(top,  rgba(71,71,71,1) 0%,rgba(17,17,17,0.95) 40%,rgba(71,71,71,0.92) 60%,rgba(89,89,89,0.9) 77%,rgba(76,76,76,0.88) 90%,rgba(76,76,76,0.87) 99%); /* Chrome10+,Safari5.1+ */
2413
        background: -o-linear-gradient(top,  rgba(71,71,71,1) 0%,rgba(17,17,17,0.95) 40%,rgba(71,71,71,0.92) 60%,rgba(89,89,89,0.9) 77%,rgba(76,76,76,0.88) 90%,rgba(76,76,76,0.87) 99%); /* Opera 11.10+ */
2414
        background: -ms-linear-gradient(top,  rgba(71,71,71,1) 0%,rgba(17,17,17,0.95) 40%,rgba(71,71,71,0.92) 60%,rgba(89,89,89,0.9) 77%,rgba(76,76,76,0.88) 90%,rgba(76,76,76,0.87) 99%); /* IE10+ */
2415
        background: linear-gradient(to bottom,  rgba(71,71,71,1) 0%,rgba(17,17,17,0.95) 40%,rgba(71,71,71,0.92) 60%,rgba(89,89,89,0.9) 77%,rgba(76,76,76,0.88) 90%,rgba(76,76,76,0.87) 99%); /* W3C */
2416
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#de4c4c4c',GradientType=0 ); /* IE6-9 */
2417
}
2418

    
2419
.ux-taskbutton-left{
2420
        background:none;
2421
}
2422

    
2423
.ux-taskbutton-right{
2424
        background: none;
2425
}
2426

    
2427
#ux-taskbar .active-win  .ux-taskbutton-right{
2428
        background: none;
2429
}
2430

    
2431
/** END MENU ICON NAVBAR **/
2432

    
2433
.x-layout-split {
2434
        border-color:#d0d0d0;
2435
    background-color:#f0f0f0;
2436
        background: rgb(244,244,244); /* Old browsers */
2437
        background: -moz-linear-gradient(top,  rgba(244,244,244,1) 0%, rgba(252,252,252,1) 100%); /* FF3.6+ */
2438
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,244,244,1)), color-stop(100%,rgba(252,252,252,1))); /* Chrome,Safari4+ */
2439
        background: -webkit-linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(252,252,252,1) 100%); /* Chrome10+,Safari5.1+ */
2440
        background: -o-linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(252,252,252,1) 100%); /* Opera 11.10+ */
2441
        background: -ms-linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(252,252,252,1) 100%); /* IE10+ */
2442
        background: linear-gradient(to bottom,  rgba(244,244,244,1) 0%,rgba(252,252,252,1) 100%); /* W3C */
2443
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#fcfcfc',GradientType=0 ); /* IE6-9 */
2444
}
2445

    
2446
.x-menu-list {
2447
        border: 0 none;
2448
        overflow: hidden;
2449
        overflow-y: hidden;
2450
        background: #777980;
2451
        background: -moz-linear-gradient(-45deg, rgba(119, 121, 128, 1) 0%, rgba(116, 118, 127, 1) 25%, rgba(113, 115, 122, 1) 42%, rgba(94, 96, 102, 1) 71%, rgba(75, 79, 81, 1) 88%, rgba(64, 68, 68, 1) 100%);
2452
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(119, 121, 128, 1)), color-stop(25%,rgba(116, 118, 127, 1)), color-stop(42%,rgba(113, 115, 122, 1)), color-stop(71%,rgba(94, 96, 102, 1)), color-stop(88%,rgba(75, 79, 81, 1)), color-stop(100%,rgba(64, 68, 68, 1)));
2453
        background: -webkit-linear-gradient(-45deg, rgba(119, 121, 128, 1) 0%,rgba(116, 118, 127, 1) 25%,rgba(113, 115, 122, 1) 42%,rgba(94, 96, 102, 1) 71%,rgba(75, 79, 81, 1) 88%,rgba(64, 68, 68, 1) 100%);
2454
        background: -o-linear-gradient(-45deg, rgba(119, 121, 128, 1) 0%,rgba(116, 118, 127, 1) 25%,rgba(113, 115, 122, 1) 42%,rgba(94, 96, 102, 1) 71%,rgba(75, 79, 81, 1) 88%,rgba(64, 68, 68, 1) 100%);
2455
        background: -ms-linear-gradient(-45deg, rgba(119, 121, 128, 1) 0%,rgba(116, 118, 127, 1) 25%,rgba(113, 115, 122, 1) 42%,rgba(94, 96, 102, 1) 71%,rgba(75, 79, 81, 1) 88%,rgba(64, 68, 68, 1) 100%);
2456
        background: linear-gradient(135deg, rgba(119, 121, 128, 1) 0%,rgba(116, 118, 127, 1) 25%,rgba(113, 115, 122, 1) 42%,rgba(94, 96, 102, 1) 71%,rgba(75, 79, 81, 1) 88%,rgba(64, 68, 68, 1) 100%);
2457
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777980', endColorstr='#404444',GradientType=1 );
2458
        -moz-box-shadow: 1px 1px 1px 0px #656565;
2459
        -webkit-box-shadow: 1px 1px 1px 0px #656565;
2460
        -o-box-shadow: 1px 1px 1px 0px #656565;
2461
        box-shadow: 1px 1px 1px 0px #656565;
2462
        filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
2463
        -moz-border-radius: 1px;
2464
        -webkit-border-radius: 1px;
2465
        border-radius: 1px;
2466
}
2467

    
2468
.x-menu a {
2469
        color: white;
2470
        font-family: verdana;
2471
}
2472

    
2473
.x-menu a:HOVER {
2474
        color: black;
2475
}
2476

    
2477
/* .x-menu-item-active a.x-menu-item { */
2478
/*         border: 0px !important; */
2479
/*         margin: 0px !important; */
2480
/* } */
2481

    
2482
/** SCROLLBAR WEBKIT**/
2483

    
2484
/* Let's get this party started */
2485
::-webkit-scrollbar {
2486
    width: 10px;
2487
    height: 10px;
2488
}
2489
 
2490
/* Track */
2491
::-webkit-scrollbar-track {
2492
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
2493
    -webkit-border-radius: 10px;
2494
    border-radius: 10px;
2495
}
2496
 
2497
/* Handle */
2498
::-webkit-scrollbar-thumb {
2499
    -webkit-border-radius: 10px;
2500
    border-radius: 10px;
2501
    background: -moz-linear-gradient(-45deg, rgba(179,179,179,1) 0%, rgba(173,173,173,1) 50%, rgba(165,165,165,1) 51%, rgba(201,201,201,1) 100%); /* FF3.6+ */
2502
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(179,179,179,1)), color-stop(50%,rgba(173,173,173,1)), color-stop(51%,rgba(165,165,165,1)), color-stop(100%,rgba(201,201,201,1))); /* Chrome,Safari4+ */
2503
        background: -webkit-linear-gradient(-45deg, rgba(179,179,179,1) 0%,rgba(173,173,173,1) 50%,rgba(165,165,165,1) 51%,rgba(201,201,201,1) 100%); /* Chrome10+,Safari5.1+ */
2504
        background: -o-linear-gradient(-45deg, rgba(179,179,179,1) 0%,rgba(173,173,173,1) 50%,rgba(165,165,165,1) 51%,rgba(201,201,201,1) 100%); /* Opera 11.10+ */
2505
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
2506
}
2507

    
2508
::-webkit-scrollbar-thumb:window-inactive {
2509
        background: -moz-linear-gradient(-45deg, rgba(201,201,201,1) 0%, rgba(165,165,165,1) 49%, rgba(173,173,173,1) 50%, rgba(179,179,179,1) 100%); /* FF3.6+ */
2510
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(201,201,201,1)), color-stop(49%,rgba(165,165,165,1)), color-stop(50%,rgba(173,173,173,1)), color-stop(100%,rgba(179,179,179,1))); /* Chrome,Safari4+ */
2511
        background: -webkit-linear-gradient(-45deg, rgba(201,201,201,1) 0%,rgba(165,165,165,1) 49%,rgba(173,173,173,1) 50%,rgba(179,179,179,1) 100%); /* Chrome10+,Safari5.1+ */
2512
}
2513

    
2514
::-webkit-scrollbar-thumb:hover {
2515
        background: -moz-linear-gradient(-45deg, rgba(201,213,201,1) 0%, rgba(165,165,165,1) 49%, rgba(173,173,173,1) 50%, rgba(179,179,179,1) 100%); /* FF3.6+ */
2516
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(201,213,201,1)), color-stop(49%,rgba(165,165,165,1)), color-stop(50%,rgba(173,173,173,1)), color-stop(100%,rgba(179,179,179,1))); /* Chrome,Safari4+ */
2517
        background: -webkit-linear-gradient(-45deg, rgba(201,213,201,1) 0%,rgba(165,165,165,1) 49%,rgba(173,173,173,1) 50%,rgba(179,179,179,1) 100%); /* Chrome10+,Safari5.1+ */
2518
}
2519

    
2520
.x-panel-nofooter .x-panel-bc,
2521
.x-panel-nofooter .x-window-bc {
2522
        height:0px;
2523
}
2524

    
2525
.x-window-tl {
2526
        background-image: url("../images/gray-custom/title3_01.png");
2527
        padding-left: 7px;
2528
}
2529

    
2530
.x-window-tr {
2531
        background-image: url("../images/gray-custom/title3_03.png");
2532
        padding-right: 7px;
2533
}
2534

    
2535
.x-window-tc {
2536
        background-image: url("../images/gray-custom/title3_02.png");
2537
}
2538

    
2539
.x-toolbar{
2540
border-color:#d0d0d0;
2541
background: rgb(244,244,244); /* Old browsers */
2542
background: -moz-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(252,252,252,1) 100%); /* FF3.6+ */
2543
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,244,244,1)), color-stop(100%,rgba(252,252,252,1))); /* Chrome,Safari4+ */
2544
background: -webkit-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(252,252,252,1) 100%); /* Chrome10+,Safari5.1+ */
2545
background: -o-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(252,252,252,1) 100%); /* Opera 11.10+ */
2546
background: -ms-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(252,252,252,1) 100%); /* IE10+ */
2547
background: linear-gradient(to bottom, rgba(244,244,244,1) 0%,rgba(252,252,252,1) 100%); /* W3C */
2548
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#fcfcfc',GradientType=0 ); /* IE6-9 */
2549
}
2550

    
2551
.x-view-selected-datasetView {
2552
        background-color:#BDA !important;
2553
        background-image: none;        
2554
}
2555