docs/resources/css/xtheme-gray.css

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