resources/css/xtheme-gray.css

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