resources/css/xtheme-gray.css

   1 /*!
   2  * Ext JS Library 3.3.1
   3  * Copyright(c) 2006-2010 Sencha Inc.
   4  * licensing@sencha.com
   5  * http://www.sencha.com/license
   6  */
   7 .ext-el-mask {
   8     background-color: #ccc;
   9 }
  10
  11 .ext-el-mask-msg {
  12     border-color:#999;
  13     background-color:#ddd;
  14     background-image:url(../images/gray/panel/white-top-bottom.gif);
  15     background-position: 0 -1px;
  16 }
  17 .ext-el-mask-msg div {
  18     background-color: #eee;
  19     border-color:#d0d0d0;
  20     color:#222;
  21     font:normal 11px tahoma, arial, helvetica, sans-serif;
  22 }
  23
  24 .x-mask-loading div {
  25     background-color:#fbfbfb;
  26     background-image:url(../images/default/grid/loading.gif);
  27 }
  28
  29 .x-item-disabled {
  30     color: gray;
  31 }
  32
  33 .x-item-disabled * {
  34     color: gray !important;
  35 }
  36
  37 .x-splitbar-proxy {
  38     background-color: #aaa;
  39 }
  40
  41 .x-color-palette a {
  42     border-color:#fff;
  43 }
  44
  45 .x-color-palette a:hover, .x-color-palette a.x-color-palette-sel {
  46     border-color:#CFCFCF;
  47     background-color: #eaeaea;
  48 }
  49
  50 /*
  51 .x-color-palette em:hover, .x-color-palette span:hover{
  52     background-color: #eaeaea;
  53 }
  54 */
  55
  56 .x-color-palette em {
  57     border-color:#aca899;
  58 }
  59
  60 .x-ie-shadow {
  61     background-color:#777;
  62 }
  63
  64 .x-shadow .xsmc {
  65     background-image: url(../images/default/shadow-c.png);
  66 }
  67
  68 .x-shadow .xsml, .x-shadow .xsmr {
  69     background-image: url(../images/default/shadow-lr.png);
  70 }
  71
  72 .x-shadow .xstl, .x-shadow .xstc,  .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbc, .x-shadow .xsbr{
  73     background-image: url(../images/default/shadow.png);
  74 }
  75
  76 .loading-indicator {
  77     font-size: 11px;
  78     background-image: url(../images/default/grid/loading.gif);
  79 }
  80
  81 .x-spotlight {
  82     background-color: #ccc;
  83 }.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-row td, .x-grid3-summary-row td{
 537     font:normal 11px/13px arial, tahoma, helvetica, sans-serif;
 538 }
 539
 540 .x-grid3-hd-row td {
 541     font:normal 11px/15px arial, tahoma, helvetica, sans-serif;
 542 }
 543
 544 .x-grid3-hd-row td {
 545     border-left-color:#eee;
 546     border-right-color:#d0d0d0;
 547 }
 548
 549 .x-grid-row-loading {
 550     background-color: #fff;
 551     background-image:url(../images/default/shared/loading-balls.gif);
 552 }
 553
 554 .x-grid3-row {
 555     border-color:#ededed;
 556     border-top-color:#fff;
 557 }
 558
 559 .x-grid3-row-alt{
 560         background-color:#fafafa;
 561 }
 562
 563 .x-grid3-row-over {
 564         border-color:#ddd;
 565     background-color:#efefef;
 566     background-image:url(../images/default/grid/row-over.gif);
 567 }
 568
 569 .x-grid3-resize-proxy {
 570     background-color:#777;
 571 }
 572
 573 .x-grid3-resize-marker {
 574     background-color:#777;
 575 }
 576
 577 .x-grid3-header{
 578     background-color:#f9f9f9;
 579         background-image:url(../images/gray/grid/grid3-hrow2.gif);
 580 }
 581
 582 .x-grid3-header-pop {
 583     border-left-color:#d0d0d0;
 584 }
 585
 586 .x-grid3-header-pop-inner {
 587     border-left-color:#eee;
 588     background-image:url(../images/default/grid/hd-pop.gif);
 589 }
 590
 591 td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {
 592     border-left-color:#ACACAC;
 593     border-right-color:#ACACAC;
 594 }
 595
 596 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 {
 597     background-color:#f9f9f9;
 598     background-image:url(../images/gray/grid/grid3-hrow-over2.gif);
 599
 600 }
 601
 602 .sort-asc .x-grid3-sort-icon {
 603         background-image: url(../images/gray/grid/sort_asc.gif);
 604 }
 605
 606 .sort-desc .x-grid3-sort-icon {
 607         background-image: url(../images/gray/grid/sort_desc.gif);
 608 }
 609
 610 .x-grid3-cell-text, .x-grid3-hd-text {
 611         color:#000;
 612 }
 613
 614 .x-grid3-split {
 615         background-image: url(../images/default/grid/grid-split.gif);
 616 }
 617
 618 .x-grid3-hd-text {
 619         color:#333;
 620 }
 621
 622 .x-dd-drag-proxy .x-grid3-hd-inner{
 623     background-color:#f9f9f9;
 624         background-image:url(../images/gray/grid/grid3-hrow-over2.gif);
 625         border-color:#ACACAC;
 626 }
 627
 628 .col-move-top{
 629         background-image:url(../images/gray/grid/col-move-top.gif);
 630 }
 631
 632 .col-move-bottom{
 633         background-image:url(../images/gray/grid/col-move-bottom.gif);
 634 }
 635
 636 .x-grid3-row-selected {
 637         background-color:#CCCCCC !important;
 638         background-image: none;
 639         border-color:#ACACAC;
 640 }
 641
 642 .x-grid3-cell-selected{
 643         background-color: #CBCBCB !important;
 644         color:#000;
 645 }
 646
 647 .x-grid3-cell-selected span{
 648         color:#000 !important;
 649 }
 650
 651 .x-grid3-cell-selected .x-grid3-cell-text{
 652         color:#000;
 653 }
 654
 655 .x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{
 656     background-color:#ebeadb !important;
 657     background-image:url(../images/default/grid/grid-hrow.gif) !important;
 658     color:#000;
 659     border-top-color:#fff;
 660     border-right-color:#6fa0df !important;
 661 }
 662
 663 .x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{
 664     color:#333 !important;
 665 }
 666
 667 .x-grid3-dirty-cell {
 668     background-image:url(../images/default/grid/dirty.gif);
 669 }
 670
 671 .x-grid3-topbar, .x-grid3-bottombar{
 672         font:normal 11px arial, tahoma, helvetica, sans-serif;
 673 }
 674
 675 .x-grid3-bottombar .x-toolbar{
 676         border-top-color:#a9bfd3;
 677 }
 678
 679 .x-props-grid .x-grid3-td-name .x-grid3-cell-inner{
 680         background-image:url(../images/default/grid/grid3-special-col-bg.gif) !important;
 681     color:#000 !important;
 682 }
 683
 684 .x-props-grid .x-grid3-body .x-grid3-td-name{
 685     background-color:#fff !important;
 686     border-right-color:#eee;
 687 }
 688
 689 .xg-hmenu-sort-asc .x-menu-item-icon{
 690         background-image: url(../images/default/grid/hmenu-asc.gif);
 691 }
 692
 693 .xg-hmenu-sort-desc .x-menu-item-icon{
 694         background-image: url(../images/default/grid/hmenu-desc.gif);
 695 }
 696
 697 .xg-hmenu-lock .x-menu-item-icon{
 698         background-image: url(../images/default/grid/hmenu-lock.gif);
 699 }
 700
 701 .xg-hmenu-unlock .x-menu-item-icon{
 702         background-image: url(../images/default/grid/hmenu-unlock.gif);
 703 }
 704
 705 .x-grid3-hd-btn {
 706     background-color:#f9f9f9;
 707     background-image:url(../images/gray/grid/grid3-hd-btn.gif);
 708 }
 709
 710 .x-grid3-body .x-grid3-td-expander {
 711     background-image:url(../images/default/grid/grid3-special-col-bg.gif);
 712 }
 713
 714 .x-grid3-row-expander {
 715     background-image:url(../images/gray/grid/row-expand-sprite.gif);
 716 }
 717
 718 .x-grid3-body .x-grid3-td-checker {
 719     background-image: url(../images/default/grid/grid3-special-col-bg.gif);
 720 }
 721
 722 .x-grid3-row-checker, .x-grid3-hd-checker {
 723     background-image:url(../images/default/grid/row-check-sprite.gif);
 724 }
 725
 726 .x-grid3-body .x-grid3-td-numberer {
 727     background-image:url(../images/default/grid/grid3-special-col-bg.gif);
 728 }
 729
 730 .x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {
 731         color:#444;
 732 }
 733
 734 .x-grid3-body .x-grid3-td-row-icon {
 735     background-image:url(../images/default/grid/grid3-special-col-bg.gif);
 736 }
 737
 738 .x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,
 739 .x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,
 740 .x-grid3-body .x-grid3-row-selected .x-grid3-td-expander {
 741         background-image:url(../images/gray/grid/grid3-special-col-sel-bg.gif);
 742 }
 743
 744 .x-grid3-check-col {
 745         background-image:url(../images/default/menu/unchecked.gif);
 746 }
 747
 748 .x-grid3-check-col-on {
 749         background-image:url(../images/default/menu/checked.gif);
 750 }
 751
 752 .x-grid-group, .x-grid-group-body, .x-grid-group-hd {
 753     zoom:1;
 754 }
 755
 756 .x-grid-group-hd {
 757     border-bottom-color:#d0d0d0;
 758 }
 759
 760 .x-grid-group-hd div.x-grid-group-title {
 761     background-image:url(../images/gray/grid/group-collapse.gif);
 762     color:#5F5F5F;
 763     font:bold 11px tahoma, arial, helvetica, sans-serif;
 764 }
 765
 766 .x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title {
 767     background-image:url(../images/gray/grid/group-expand.gif);
 768 }
 769
 770 .x-group-by-icon {
 771     background-image:url(../images/default/grid/group-by.gif);
 772 }
 773
 774 .x-cols-icon {
 775     background-image:url(../images/default/grid/columns.gif);
 776 }
 777
 778 .x-show-groups-icon {
 779     background-image:url(../images/default/grid/group-by.gif);
 780 }
 781
 782 .x-grid-empty {
 783     color:gray;
 784     font:normal 11px tahoma, arial, helvetica, sans-serif;
 785 }
 786
 787 .x-grid-with-col-lines .x-grid3-row td.x-grid3-cell {
 788     border-right-color:#ededed;
 789 }
 790
 791 .x-grid-with-col-lines .x-grid3-row{
 792     border-top-color:#ededed;
 793 }
 794
 795 .x-grid-with-col-lines .x-grid3-row-selected {
 796         border-top-color:#B9B9B9;
 797 }
 798 .x-pivotgrid .x-grid3-header-offset table td {
 799     background: url(../images/gray/grid/grid3-hrow2.gif) repeat-x 50% 100%;
 800     border-left: 1px solid;
 801     border-right: 1px solid;
 802     border-left-color: #D0D0D0;
 803     border-right-color: #D0D0D0;
 804 }
 805
 806 .x-pivotgrid .x-grid3-row-headers {
 807     background-color: #f9f9f9;
 808 }
 809
 810 .x-pivotgrid .x-grid3-row-headers table td {
 811     background: #EEE url(../images/default/grid/grid3-rowheader.gif) repeat-x left top;
 812     border-left: 1px solid;
 813     border-right: 1px solid;
 814     border-left-color: #EEE;
 815     border-right-color: #D0D0D0;
 816     border-bottom: 1px solid;
 817     border-bottom-color: #D0D0D0;
 818     height: 18px;
 819 }
 820 .x-dd-drag-ghost{
 821         color:#000;
 822         font: normal 11px arial, helvetica, sans-serif;
 823     border-color: #ddd #bbb #bbb #ddd;
 824         background-color:#fff;
 825 }
 826
 827 .x-dd-drop-nodrop .x-dd-drop-icon{
 828   background-image: url(../images/default/dd/drop-no.gif);
 829 }
 830
 831 .x-dd-drop-ok .x-dd-drop-icon{
 832   background-image: url(../images/default/dd/drop-yes.gif);
 833 }
 834
 835 .x-dd-drop-ok-add .x-dd-drop-icon{
 836   background-image: url(../images/default/dd/drop-add.gif);
 837 }
 838
 839 .x-view-selector {
 840     background-color:#D6D6D6;
 841     border-color:#888888;
 842 }.x-tree-node-expanded .x-tree-node-icon{
 843         background-image:url(../images/default/tree/folder-open.gif);
 844 }
 845
 846 .x-tree-node-leaf .x-tree-node-icon{
 847         background-image:url(../images/default/tree/leaf.gif);
 848 }
 849
 850 .x-tree-node-collapsed .x-tree-node-icon{
 851         background-image:url(../images/default/tree/folder.gif);
 852 }
 853
 854 .x-tree-node-loading .x-tree-node-icon{
 855         background-image:url(../images/default/tree/loading.gif) !important;
 856 }
 857
 858 .x-tree-node .x-tree-node-inline-icon {
 859     background-image: none;
 860 }
 861
 862 .x-tree-node-loading a span{
 863          font-style: italic;
 864          color:#444444;
 865 }
 866
 867 .ext-ie .x-tree-node-el input {
 868     width:15px;
 869     height:15px;
 870 }
 871
 872 .x-tree-lines .x-tree-elbow{
 873         background-image:url(../images/default/tree/elbow.gif);
 874 }
 875
 876 .x-tree-lines .x-tree-elbow-plus{
 877         background-image:url(../images/default/tree/elbow-plus.gif);
 878 }
 879
 880 .x-tree-lines .x-tree-elbow-minus{
 881         background-image:url(../images/default/tree/elbow-minus.gif);
 882 }
 883
 884 .x-tree-lines .x-tree-elbow-end{
 885         background-image:url(../images/default/tree/elbow-end.gif);
 886 }
 887
 888 .x-tree-lines .x-tree-elbow-end-plus{
 889         background-image:url(../images/gray/tree/elbow-end-plus.gif);
 890 }
 891
 892 .x-tree-lines .x-tree-elbow-end-minus{
 893         background-image:url(../images/gray/tree/elbow-end-minus.gif);
 894 }
 895
 896 .x-tree-lines .x-tree-elbow-line{
 897         background-image:url(../images/default/tree/elbow-line.gif);
 898 }
 899
 900 .x-tree-no-lines .x-tree-elbow-plus{
 901         background-image:url(../images/default/tree/elbow-plus-nl.gif);
 902 }
 903
 904 .x-tree-no-lines .x-tree-elbow-minus{
 905         background-image:url(../images/default/tree/elbow-minus-nl.gif);
 906 }
 907
 908 .x-tree-no-lines .x-tree-elbow-end-plus{
 909         background-image:url(../images/gray/tree/elbow-end-plus-nl.gif);
 910 }
 911
 912 .x-tree-no-lines .x-tree-elbow-end-minus{
 913         background-image:url(../images/gray/tree/elbow-end-minus-nl.gif);
 914 }
 915
 916 .x-tree-arrows .x-tree-elbow-plus{
 917     background-image:url(../images/gray/tree/arrows.gif);
 918 }
 919
 920 .x-tree-arrows .x-tree-elbow-minus{
 921     background-image:url(../images/gray/tree/arrows.gif);
 922 }
 923
 924 .x-tree-arrows .x-tree-elbow-end-plus{
 925     background-image:url(../images/gray/tree/arrows.gif);
 926 }
 927
 928 .x-tree-arrows .x-tree-elbow-end-minus{
 929     background-image:url(../images/gray/tree/arrows.gif);
 930 }
 931
 932 .x-tree-node{
 933         color:#000;
 934         font: normal 11px arial, tahoma, helvetica, sans-serif;
 935 }
 936
 937 .x-tree-node a, .x-dd-drag-ghost a{
 938         color:#000;
 939 }
 940
 941 .x-tree-node a span, .x-dd-drag-ghost a span{
 942         color:#000;
 943 }
 944
 945 .x-tree-node .x-tree-node-disabled a span{
 946         color:gray !important;
 947 }
 948
 949 .x-tree-node div.x-tree-drag-insert-below{
 950          border-bottom-color:#36c;
 951 }
 952
 953 .x-tree-node div.x-tree-drag-insert-above{
 954          border-top-color:#36c;
 955 }
 956
 957 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{
 958          border-bottom-color:#36c;
 959 }
 960
 961 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{
 962          border-top-color:#36c;
 963 }
 964
 965 .x-tree-node .x-tree-drag-append a span{
 966          background-color:#ddd;
 967          border-color:gray;
 968 }
 969
 970 .x-tree-node .x-tree-node-over {
 971         background-color: #eee;
 972 }
 973
 974 .x-tree-node .x-tree-selected {
 975         background-color: #ddd;
 976 }
 977
 978 .x-tree-drop-ok-append .x-dd-drop-icon{
 979   background-image: url(../images/default/tree/drop-add.gif);
 980 }
 981
 982 .x-tree-drop-ok-above .x-dd-drop-icon{
 983   background-image: url(../images/default/tree/drop-over.gif);
 984 }
 985
 986 .x-tree-drop-ok-below .x-dd-drop-icon{
 987   background-image: url(../images/default/tree/drop-under.gif);
 988 }
 989
 990 .x-tree-drop-ok-between .x-dd-drop-icon{
 991   background-image: url(../images/default/tree/drop-between.gif);
 992 }
 993 .x-date-picker {
 994     border-color:#585858;
 995     background-color:#fff;
 996 }
 997
 998 .x-date-middle,.x-date-left,.x-date-right {
 999         background-image: url(../images/gray/shared/hd-sprite.gif);
1000         color:#fff;
1001         font:bold 11px "sans serif", tahoma, verdana, helvetica;
1002 }
1003
1004 .x-date-middle .x-btn .x-btn-text {
1005     color:#fff;
1006 }
1007
1008 .x-date-middle .x-btn-mc em.x-btn-arrow {
1009     background-image:url(../images/gray/toolbar/btn-arrow-light.gif);
1010 }
1011
1012 .x-date-right a {
1013     background-image: url(../images/gray/shared/right-btn.gif);
1014 }
1015
1016 .x-date-left a{
1017         background-image: url(../images/gray/shared/left-btn.gif);
1018 }
1019
1020 .x-date-inner th {
1021     background-color:#D8D8D8;
1022     background-image: url(../images/gray/panel/white-top-bottom.gif);
1023         border-bottom-color:#AFAFAF;
1024     font:normal 10px arial, helvetica,tahoma,sans-serif;
1025         color:#595959;
1026 }
1027
1028 .x-date-inner td {
1029     border-color:#fff;
1030 }
1031
1032 .x-date-inner a {
1033     font:normal 11px arial, helvetica,tahoma,sans-serif;
1034     color:#000;
1035 }
1036
1037 .x-date-inner .x-date-active{
1038         color:#000;
1039 }
1040
1041 .x-date-inner .x-date-selected a{
1042     background-image: none;
1043     background-color:#D8D8D8;
1044         border-color:#DCDCDC;
1045 }
1046
1047 .x-date-inner .x-date-today a{
1048         border-color:darkred;
1049 }
1050
1051 .x-date-inner .x-date-selected span{
1052     font-weight:bold;
1053 }
1054
1055 .x-date-inner .x-date-prevday a,.x-date-inner .x-date-nextday a {
1056         color:#aaa;
1057 }
1058
1059 .x-date-bottom {
1060     border-top-color:#AFAFAF;
1061     background-color:#D8D8D8;
1062     background:#D8D8D8 url(../images/gray/panel/white-top-bottom.gif) 0 -2px;
1063 }
1064
1065 .x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover{
1066     color:#000;
1067     background-color:#D8D8D8;
1068 }
1069
1070 .x-date-inner .x-date-disabled a {
1071         background-color:#eee;
1072         color:#bbb;
1073 }
1074
1075 .x-date-mmenu{
1076     background-color:#eee !important;
1077 }
1078
1079 .x-date-mmenu .x-menu-item {
1080         font-size:10px;
1081         color:#000;
1082 }
1083
1084 .x-date-mp {
1085         background-color:#fff;
1086 }
1087
1088 .x-date-mp td {
1089         font:normal 11px arial, helvetica,tahoma,sans-serif;
1090 }
1091
1092 .x-date-mp-btns button {
1093         background-color:#4E565F;
1094         color:#fff;
1095         border-color:#C0C0C0 #434343 #434343 #C0C0C0;
1096         font:normal 11px arial, helvetica,tahoma,sans-serif;
1097 }
1098
1099 .x-date-mp-btns {
1100     background-color:#D8D8D8;
1101     background:#D8D8D8 url(../images/gray/panel/white-top-bottom.gif) 0 -2px;
1102 }
1103
1104 .x-date-mp-btns td {
1105         border-top-color:#AFAFAF;
1106 }
1107
1108 td.x-date-mp-month a,td.x-date-mp-year a {
1109         color: #333;
1110 }
1111
1112 td.x-date-mp-month a:hover,td.x-date-mp-year a:hover {
1113         color:#333;
1114         background-color:#FDFDFD;
1115 }
1116
1117 td.x-date-mp-sel a {
1118     background-color:#D8D8D8;
1119     background:#D8D8D8 url(../images/gray/panel/white-top-bottom.gif) 0 -2px;
1120         border-color:#DCDCDC;
1121 }
1122
1123 .x-date-mp-ybtn a {
1124     background-image:url(../images/gray/panel/tool-sprites.gif);
1125 }
1126
1127 td.x-date-mp-sep {
1128    border-right-color:#D7D7D7;
1129 }.x-tip .x-tip-close{
1130         background-image: url(../images/gray/qtip/close.gif);
1131 }
1132
1133 .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 {
1134         background-image: url(../images/gray/qtip/tip-sprite.gif);
1135 }
1136
1137 .x-tip .x-tip-mc {
1138     font: normal 11px tahoma,arial,helvetica,sans-serif;
1139 }
1140 .x-tip .x-tip-ml {
1141         background-color: #fff;
1142 }
1143
1144 .x-tip .x-tip-header-text {
1145     font: bold 11px tahoma,arial,helvetica,sans-serif;
1146     color:#444;
1147 }
1148
1149 .x-tip .x-tip-body {
1150     font: normal 11px tahoma,arial,helvetica,sans-serif;
1151     color:#444;
1152 }
1153
1154 .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,
1155 .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
1156 {
1157         background-image: url(../images/default/form/error-tip-corners.gif);
1158 }
1159
1160 .x-form-invalid-tip .x-tip-body {
1161     background-image:url(../images/default/form/exclamation.gif);
1162 }
1163
1164 .x-tip-anchor {
1165     background-image:url(../images/gray/qtip/tip-anchor-sprite.gif);
1166 }.x-menu {
1167     background-color:#f0f0f0;
1168         background-image:url(../images/default/menu/menu.gif);
1169 }
1170
1171 .x-menu-floating{
1172     border-color:#7D7D7D;
1173 }
1174
1175 .x-menu-nosep {
1176         background-image:none;
1177 }
1178
1179 .x-menu-list-item{
1180         font:normal 11px arial,tahoma,sans-serif;
1181 }
1182
1183 .x-menu-item-arrow{
1184         background-image:url(../images/gray/menu/menu-parent.gif);
1185 }
1186
1187 .x-menu-sep {
1188     background-color:#e0e0e0;
1189         border-bottom-color:#fff;
1190 }
1191
1192 a.x-menu-item {
1193         color:#222;
1194 }
1195
1196 .x-menu-item-active {
1197     background-image: url(../images/gray/menu/item-over.gif);
1198         background-color: #f1f1f1;
1199     border-color:#ACACAC;
1200 }
1201
1202 .x-menu-item-active a.x-menu-item {
1203         border-color:#ACACAC;
1204 }
1205
1206 .x-menu-check-item .x-menu-item-icon{
1207         background-image:url(../images/default/menu/unchecked.gif);
1208 }
1209
1210 .x-menu-item-checked .x-menu-item-icon{
1211         background-image:url(../images/default/menu/checked.gif);
1212 }
1213
1214 .x-menu-item-checked .x-menu-group-item .x-menu-item-icon{
1215     background-image:url(../images/gray/menu/group-checked.gif);
1216 }
1217
1218 .x-menu-group-item .x-menu-item-icon{
1219     background-image:none;
1220 }
1221
1222 .x-menu-plain {
1223         background-color:#fff !important;
1224 }
1225
1226 .x-menu .x-date-picker{
1227     border-color:#AFAFAF;
1228 }
1229
1230 .x-cycle-menu .x-menu-item-checked {
1231     border-color:#B9B9B9 !important;
1232     background-color:#F1F1F1;
1233 }
1234
1235 .x-menu-scroller-top {
1236     background-image:url(../images/default/layout/mini-top.gif);
1237 }
1238
1239 .x-menu-scroller-bottom {
1240     background-image:url(../images/default/layout/mini-bottom.gif);
1241 }.x-box-tl {
1242         background-image: url(../images/default/box/corners.gif);
1243 }
1244
1245 .x-box-tc {
1246         background-image: url(../images/default/box/tb.gif);
1247 }
1248
1249 .x-box-tr {
1250         background-image: url(../images/default/box/corners.gif);
1251 }
1252
1253 .x-box-ml {
1254         background-image: url(../images/default/box/l.gif);
1255 }
1256
1257 .x-box-mc {
1258         background-color: #eee;
1259     background-image: url(../images/default/box/tb.gif);
1260         font-family: "Myriad Pro","Myriad Web","Tahoma","Helvetica","Arial",sans-serif;
1261         color: #393939;
1262         font-size: 12px;
1263 }
1264
1265 .x-box-mc h3 {
1266         font-size: 14px;
1267         font-weight: bold;
1268 }
1269
1270 .x-box-mr {
1271         background-image: url(../images/default/box/r.gif);
1272 }
1273
1274 .x-box-bl {
1275         background-image: url(../images/default/box/corners.gif);
1276 }
1277
1278 .x-box-bc {
1279         background-image: url(../images/default/box/tb.gif);
1280 }
1281
1282 .x-box-br {
1283         background-image: url(../images/default/box/corners.gif);
1284 }
1285
1286 .x-box-blue .x-box-bl, .x-box-blue .x-box-br, .x-box-blue .x-box-tl, .x-box-blue .x-box-tr {
1287         background-image: url(../images/default/box/corners-blue.gif);
1288 }
1289
1290 .x-box-blue .x-box-bc, .x-box-blue .x-box-mc, .x-box-blue .x-box-tc {
1291         background-image: url(../images/default/box/tb-blue.gif);
1292 }
1293
1294 .x-box-blue .x-box-mc {
1295         background-color: #c3daf9;
1296 }
1297
1298 .x-box-blue .x-box-mc h3 {
1299         color: #17385b;
1300 }
1301
1302 .x-box-blue .x-box-ml {
1303         background-image: url(../images/default/box/l-blue.gif);
1304 }
1305
1306 .x-box-blue .x-box-mr {
1307         background-image: url(../images/default/box/r-blue.gif);
1308 }
1309 .x-combo-list {
1310     border-color:#ccc;
1311     background-color:#ddd;
1312     font:normal 12px tahoma, arial, helvetica, sans-serif;
1313 }
1314
1315 .x-combo-list-inner {
1316     background-color:#fff;
1317 }
1318
1319 .x-combo-list-hd {
1320     font:bold 11px tahoma, arial, helvetica, sans-serif;
1321     color:#333;
1322     background-image: url(../images/default/layout/panel-title-light-bg.gif);
1323     border-bottom-color:#BCBCBC;
1324 }
1325
1326 .x-resizable-pinned .x-combo-list-inner {
1327     border-bottom-color:#BEBEBE;
1328 }
1329
1330 .x-combo-list-item {
1331     border-color:#fff;
1332 }
1333
1334 .x-combo-list .x-combo-selected{
1335         border-color:#777 !important;
1336     background-color:#f0f0f0;
1337 }
1338
1339 .x-combo-list .x-toolbar {
1340     border-top-color:#BCBCBC;
1341 }
1342
1343 .x-combo-list-small {
1344     font:normal 11px tahoma, arial, helvetica, sans-serif;
1345 }.x-panel {
1346     border-color: #d0d0d0;
1347 }
1348
1349 .x-panel-header {
1350     color:#333;
1351         font-weight:bold;
1352     font-size: 11px;
1353     font-family: tahoma,arial,verdana,sans-serif;
1354     border-color:#d0d0d0;
1355     background-image: url(../images/gray/panel/white-top-bottom.gif);
1356 }
1357
1358 .x-panel-body {
1359     border-color:#d0d0d0;
1360     background-color:#fff;
1361 }
1362
1363 .x-panel-bbar .x-toolbar, .x-panel-tbar .x-toolbar {
1364     border-color:#d0d0d0;
1365 }
1366
1367 .x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
1368     border-top-color:#d0d0d0;
1369 }
1370
1371 .x-panel-body-noheader, .x-panel-mc .x-panel-body {
1372     border-top-color:#d0d0d0;
1373 }
1374
1375 .x-panel-tl .x-panel-header {
1376     color:#333;
1377         font:bold 11px tahoma,arial,verdana,sans-serif;
1378 }
1379
1380 .x-panel-tc {
1381         background-image: url(../images/gray/panel/top-bottom.gif);
1382 }
1383
1384 .x-panel-tl, .x-panel-tr, .x-panel-bl,  .x-panel-br{
1385         background-image: url(../images/gray/panel/corners-sprite.gif);
1386     border-bottom-color:#d0d0d0;
1387 }
1388
1389 .x-panel-bc {
1390         background-image: url(../images/gray/panel/top-bottom.gif);
1391 }
1392
1393 .x-panel-mc {
1394     font: normal 11px tahoma,arial,helvetica,sans-serif;
1395     background-color:#f1f1f1;
1396 }
1397
1398 .x-panel-ml {
1399         background-color: #fff;
1400     background-image:url(../images/gray/panel/left-right.gif);
1401 }
1402
1403 .x-panel-mr {
1404         background-image: url(../images/gray/panel/left-right.gif);
1405 }
1406
1407 .x-tool {
1408     background-image:url(../images/gray/panel/tool-sprites.gif);
1409 }
1410
1411 .x-panel-ghost {
1412     background-color:#f2f2f2;
1413 }
1414
1415 .x-panel-ghost ul {
1416     border-color:#d0d0d0;
1417 }
1418
1419 .x-panel-dd-spacer {
1420     border-color:#d0d0d0;
1421 }
1422
1423 .x-panel-fbar td,.x-panel-fbar span,.x-panel-fbar input,.x-panel-fbar div,.x-panel-fbar select,.x-panel-fbar label{
1424     font:normal 11px arial,tahoma, helvetica, sans-serif;
1425 }
1426 .x-window-proxy {
1427     background-color:#fcfcfc;
1428     border-color:#d0d0d0;
1429 }
1430
1431 .x-window-tl .x-window-header {
1432     color:#555;
1433         font:bold 11px tahoma,arial,verdana,sans-serif;
1434 }
1435
1436 .x-window-tc {
1437         background-image: url(../images/gray/window/top-bottom.png);
1438 }
1439
1440 .x-window-tl {
1441         background-image: url(../images/gray/window/left-corners.png);
1442 }
1443
1444 .x-window-tr {
1445         background-image: url(../images/gray/window/right-corners.png);
1446 }
1447
1448 .x-window-bc {
1449         background-image: url(../images/gray/window/top-bottom.png);
1450 }
1451
1452 .x-window-bl {
1453         background-image: url(../images/gray/window/left-corners.png);
1454 }
1455
1456 .x-window-br {
1457         background-image: url(../images/gray/window/right-corners.png);
1458 }
1459
1460 .x-window-mc {
1461     border-color:#d0d0d0;
1462     font: normal 11px tahoma,arial,helvetica,sans-serif;
1463     background-color:#e8e8e8;
1464 }
1465
1466 .x-window-ml {
1467         background-image: url(../images/gray/window/left-right.png);
1468 }
1469
1470 .x-window-mr {
1471         background-image: url(../images/gray/window/left-right.png);
1472 }
1473
1474 .x-window-maximized .x-window-tc {
1475     background-color:#fff;
1476 }
1477
1478 .x-window-bbar .x-toolbar {
1479     border-top-color:#d0d0d0;
1480 }
1481
1482 .x-panel-ghost .x-window-tl {
1483     border-bottom-color:#d0d0d0;
1484 }
1485
1486 .x-panel-collapsed .x-window-tl {
1487     border-bottom-color:#d0d0d0;
1488 }
1489
1490 .x-dlg-mask{
1491    background-color:#ccc;
1492 }
1493
1494 .x-window-plain .x-window-mc {
1495     background-color: #E8E8E8;
1496     border-color: #D0D0D0 #EEEEEE #EEEEEE #D0D0D0;
1497 }
1498
1499 .x-window-plain .x-window-body {
1500     border-color: #EEEEEE #D0D0D0 #D0D0D0 #EEEEEE;
1501 }
1502
1503 body.x-body-masked .x-window-plain .x-window-mc {
1504     background-color: #E4E4E4;
1505 }
1506 .x-html-editor-wrap {
1507     border-color:#BCBCBC;
1508     background-color:#fff;
1509 }
1510 .x-html-editor-tb .x-btn-text {
1511     background-image:url(../images/default/editor/tb-sprite.gif);
1512 }
1513 .x-panel-noborder .x-panel-header-noborder {
1514     border-bottom-color:#d0d0d0;
1515 }
1516
1517 .x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
1518     border-bottom-color:#d0d0d0;
1519 }
1520
1521 .x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
1522     border-top-color:#d0d0d0;
1523 }
1524
1525 .x-tab-panel-bbar-noborder .x-toolbar {
1526     border-top-color:#d0d0d0;
1527 }
1528
1529 .x-tab-panel-tbar-noborder .x-toolbar {
1530     border-bottom-color:#d0d0d0;
1531 }
1532
1533 .x-border-layout-ct {
1534     background-color:#f0f0f0;
1535 }
1536 .x-border-layout-ct {
1537     background-color:#f0f0f0;
1538 }
1539
1540 .x-accordion-hd {
1541         color:#222;
1542     font-weight:normal;
1543     background-image: url(../images/gray/panel/light-hd.gif);
1544 }
1545
1546 .x-layout-collapsed{
1547     background-color:#dfdfdf;
1548         border-color:#d0d0d0;
1549 }
1550
1551 .x-layout-collapsed-over{
1552     background-color:#e7e7e7;
1553 }
1554
1555 .x-layout-split-west .x-layout-mini {
1556     background-image:url(../images/default/layout/mini-left.gif);
1557 }
1558 .x-layout-split-east .x-layout-mini {
1559     background-image:url(../images/default/layout/mini-right.gif);
1560 }
1561 .x-layout-split-north .x-layout-mini {
1562     background-image:url(../images/default/layout/mini-top.gif);
1563 }
1564 .x-layout-split-south .x-layout-mini {
1565     background-image:url(../images/default/layout/mini-bottom.gif);
1566 }
1567
1568 .x-layout-cmini-west .x-layout-mini {
1569     background-image:url(../images/default/layout/mini-right.gif);
1570 }
1571
1572 .x-layout-cmini-east .x-layout-mini {
1573     background-image:url(../images/default/layout/mini-left.gif);
1574 }
1575
1576 .x-layout-cmini-north .x-layout-mini {
1577     background-image:url(../images/default/layout/mini-bottom.gif);
1578 }
1579
1580 .x-layout-cmini-south .x-layout-mini {
1581     background-image:url(../images/default/layout/mini-top.gif);
1582 }
1583 .x-progress-wrap {
1584     border-color:#8E8E8E;
1585 }
1586
1587 .x-progress-inner {
1588     background-color:#E7E7E7;
1589     background-image:url(../images/gray/qtip/bg.gif);
1590 }
1591
1592 .x-progress-bar {
1593     background-color:#BCBCBC;
1594     background-image:url(../images/gray/progress/progress-bg.gif);
1595     border-top-color:#E2E2E2;
1596     border-bottom-color:#A4A4A4;
1597     border-right-color:#A4A4A4;
1598 }
1599
1600 .x-progress-text {
1601     font-size:11px;
1602     font-weight:bold;
1603     color:#fff;
1604 }
1605
1606 .x-progress-text-back {
1607     color:#5F5F5F;
1608 }
1609 .x-list-header{
1610     background-color:#f9f9f9;
1611         background-image:url(../images/gray/grid/grid3-hrow2.gif);
1612 }
1613
1614 .x-list-header-inner div em {
1615     border-left-color:#ddd;
1616     font:normal 11px arial, tahoma, helvetica, sans-serif;
1617 }
1618
1619 .x-list-body dt em {
1620     font:normal 11px arial, tahoma, helvetica, sans-serif;
1621 }
1622
1623 .x-list-over {
1624     background-color:#eee;
1625 }
1626
1627 .x-list-selected {
1628     background-color:#f0f0f0;
1629 }
1630
1631 .x-list-resizer {
1632     border-left-color:#555;
1633     border-right-color:#555;
1634 }
1635
1636 .x-list-header-inner em.sort-asc, .x-list-header-inner em.sort-desc {
1637     background-image:url(../images/gray/grid/sort-hd.gif);
1638     border-color: #d0d0d0;
1639 }
1640 .x-slider-horz, .x-slider-horz .x-slider-end, .x-slider-horz .x-slider-inner {
1641     background-image:url(../images/default/slider/slider-bg.png);
1642 }
1643
1644 .x-slider-horz .x-slider-thumb {
1645     background-image:url(../images/gray/slider/slider-thumb.png);
1646 }
1647
1648 .x-slider-vert, .x-slider-vert .x-slider-end, .x-slider-vert .x-slider-inner {
1649     background-image:url(../images/default/slider/slider-v-bg.png);
1650 }
1651
1652 .x-slider-vert .x-slider-thumb {
1653     background-image:url(../images/gray/slider/slider-v-thumb.png);
1654 }
1655 .x-window-dlg .ext-mb-text,
1656 .x-window-dlg .x-window-header-text {
1657     font-size:12px;
1658 }
1659
1660 .x-window-dlg .ext-mb-textarea {
1661     font:normal 12px tahoma,arial,helvetica,sans-serif;
1662 }
1663
1664 .x-window-dlg .x-msg-box-wait {
1665     background-image:url(../images/default/grid/loading.gif);
1666 }
1667
1668 .x-window-dlg .ext-mb-info {
1669     background-image:url(../images/gray/window/icon-info.gif);
1670 }
1671
1672 .x-window-dlg .ext-mb-warning {
1673     background-image:url(../images/gray/window/icon-warning.gif);
1674 }
1675
1676 .x-window-dlg .ext-mb-question {
1677     background-image:url(../images/gray/window/icon-question.gif);
1678 }
1679
1680 .x-window-dlg .ext-mb-error {
1681     background-image:url(../images/gray/window/icon-error.gif);
1682 }