resources/css/xtheme-gray.css

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