/v3.2/nimbits-tds/web/resources/themes/slate/css/xtheme-slate.css

   1/*
   2 * Copyright (c) 2010 Tonic Solutions LLC.
   3 *
   4 * http://www.nimbits.com
   5 *
   6 *
   7 * Licensed under the GNU GENERAL PUBLIC LICENSE, Version 3.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at
   8 *
   9 * http://www.gnu.org/licenses/gpl.html
  10 *
  11 * Unless required by applicable law or agreed to in writing, software distributed under the license is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.
  12 */
  13.x-panel {
  14    border-style: solid;
  15    border-color: #abc;
  16}
  17
  18.x-panel-header {
  19    color: #fafafa;
  20    border: 1px solid #abc;
  21    background-image: url(../images/slate/panel/white-top-bottom.gif);
  22}
  23
  24.x-panel-body {
  25    border-color: #abc;
  26}
  27
  28.x-panel-bbar .x-toolbar {
  29    border-color: #abc;
  30}
  31
  32.x-panel-tbar .x-toolbar {
  33    border-color: #abc;
  34}
  35
  36.x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
  37    border-color: #abc;
  38}
  39
  40.x-panel-body-noheader, .x-panel-mc .x-panel-body {
  41    border-color: #abc;
  42}
  43
  44.x-panel-tl .x-panel-header {
  45    color: #f4f4f4;
  46}
  47
  48.x-panel-tc {
  49    background-image: url(../images/slate/panel/top-bottom.gif);
  50}
  51
  52.x-panel-tl {
  53    background-image: url(../images/slate/panel/corners-sprite.gif);
  54    border-color: #abc;
  55}
  56
  57.x-panel-tr {
  58    background-image: url(../images/slate/panel/corners-sprite.gif);
  59}
  60
  61.x-panel-bc {
  62    background-image: url(../images/slate/panel/top-bottom.gif);
  63}
  64
  65.x-panel-bl {
  66    background-image: url(../images/slate/panel/corners-sprite.gif);
  67}
  68
  69.x-panel-br {
  70    background-image: url(../images/slate/panel/corners-sprite.gif);
  71}
  72
  73.x-panel-mc {
  74    background: #dde5e9;
  75}
  76
  77.x-panel-mc .x-panel-body {
  78    background: transparent;
  79    border: 0 none;
  80}
  81
  82.x-panel-ml {
  83    background-image: url(../images/slate/panel/left-right.gif);
  84}
  85
  86.x-panel-mr {
  87    background-image: url(../images/slate/panel/left-right.gif);
  88}
  89
  90.x-panel-dd-spacer {
  91    border: 2px dashed #89a;
  92}
  93
  94.x-tool {
  95    background-image: url(../images/slate/panel/tool-sprites.gif);
  96}
  97
  98.x-panel-ghost {
  99    background: #e0e0e0;
 100}
 101
 102.x-panel-ghost ul {
 103    border-color: #b0b0b0;
 104}
 105
 106.x-grid-panel .x-panel-mc .x-panel-body {
 107    border: 1px solid #abc;
 108}
 109
 110.x-btn button {
 111    color: #fff;
 112}
 113
 114.x-btn-over button {
 115    color: #fff;
 116}
 117
 118.x-btn-focus button {
 119    color: #fff8da;
 120}
 121
 122.x-btn-mc em.x-btn-arrow {
 123    background-image: url(../images/slate/button/arrow.gif);
 124}
 125
 126.x-btn-mc em.x-btn-split {
 127    background-image: url(../images/slate/button/s-arrow-b-noline.gif);
 128}
 129
 130.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 {
 131    background-image: url(../images/slate/button/s-arrow-o.gif);
 132}
 133
 134.x-btn-mc em.x-btn-split-bottom {
 135    background-image: url(../images/slate/button/s-arrow-b.gif);
 136}
 137
 138.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 {
 139    background-image: url(../images/slate/button/s-arrow-bo.gif);
 140}
 141
 142.x-btn-group-header {
 143    color: white !important;
 144}
 145
 146.x-btn-group-tc {
 147    background-image: url(../images/slate/button/group-tb.gif);
 148}
 149
 150.x-btn-group-tl {
 151    background-image: url(../images/slate/button/group-cs.gif);
 152}
 153
 154.x-btn-group-tr {
 155    background-image: url(../images/slate/button/group-cs.gif);
 156}
 157
 158.x-btn-group-bc {
 159    background-image: url(../images/slate/button/group-tb.gif);
 160}
 161
 162.x-btn-group-bl {
 163    background-image: url(../images/slate/button/group-cs.gif);
 164}
 165
 166.x-btn-group-br {
 167    background-image: url(../images/slate/button/group-cs.gif);
 168}
 169
 170.x-btn-group-ml {
 171    background-image: url(../images/slate/button/group-lr.gif);
 172}
 173
 174.x-btn-group-mr {
 175    background-image: url(../images/slate/button/group-lr.gif);
 176}
 177
 178.x-btn-group-notitle .x-btn-group-tc {
 179    background-image: url(../images/slate/button/group-tb.gif);
 180}
 181
 182.x-border-layout-ct {
 183    background: #f0f0f0;
 184}
 185
 186.x-accordion-hd {
 187    background-image: url(../images/slate/panel/light-hd.gif);
 188}
 189
 190.x-layout-collapsed {
 191    background-color: #567;
 192    border-color: #e0e0e0;
 193}
 194
 195.x-layout-collapsed-over {
 196    background-color: #789;
 197}
 198
 199.x-toolbar {
 200    border-color: #abc;
 201    background: #f0f4f5 url(../images/slate/toolbar/bg.gif) repeat-x top left;
 202}
 203
 204.x-toolbar button {
 205    color: #f4f4f4;
 206}
 207
 208.x-toolbar .ytb-text {
 209    color: #f4f4f4;
 210}
 211
 212.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 {
 213    background-image: url(../images/slate/button/btn.gif);
 214}
 215
 216.x-btn-click .x-btn-text, .x-btn-menu-active .x-btn-text, .x-btn-pressed .x-btn-text {
 217    color: white;
 218}
 219
 220.x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button {
 221    background-image: url(../images/slate/toolbar/btn-arrow.gif);
 222}
 223
 224.x-toolbar .x-btn-text-icon .x-btn-menu-arrow-wrap .x-btn-center button {
 225    background-image: url(../images/slate/toolbar/btn-arrow.gif);
 226}
 227
 228.x-toolbar .x-btn-over .x-btn-left {
 229    background-image: url(../images/slate/toolbar/tb-btn-sprite.gif);
 230}
 231
 232.x-toolbar .x-btn-over .x-btn-right {
 233    background-image: url(../images/slate/toolbar/tb-btn-sprite.gif);
 234}
 235
 236.x-toolbar .x-btn-over .x-btn-center {
 237    background-image: url(../images/slate/toolbar/tb-btn-sprite.gif);
 238}
 239
 240.x-toolbar .x-btn-over button {
 241    color: #fff;
 242}
 243
 244.x-toolbar .x-btn-click .x-btn-left, .x-toolbar .x-btn-pressed .x-btn-left, .x-toolbar .x-btn-menu-active .x-btn-left {
 245    background-image: url(../images/slate/toolbar/tb-btn-sprite.gif);
 246}
 247
 248.x-toolbar .x-btn-click .x-btn-right, .x-toolbar .x-btn-pressed .x-btn-right, .x-toolbar .x-btn-menu-active .x-btn-right {
 249    background-image: url(../images/slate/toolbar/tb-btn-sprite.gif);
 250}
 251
 252.x-toolbar .x-btn-click .x-btn-center, .x-toolbar .x-btn-pressed .x-btn-center, .x-toolbar .x-btn-menu-active .x-btn-center {
 253    background-image: url(../images/slate/toolbar/tb-btn-sprite.gif);
 254}
 255
 256.x-toolbar .xtb-sep {
 257    background-image: url(../images/slate/toolbar/sep.gif) !important;
 258}
 259
 260.x-statusbar .x-status-text-panel {
 261    border-color: #9ab #9ab #9ab #9ab;
 262}
 263
 264.x-statusbar .x-status-text {
 265    color: #ddc;
 266}
 267
 268.x-menu {
 269    border: 1px solid #aaa;
 270    background: #f0f0f0 url(../images/slate/menu/menu.gif) repeat-y;
 271}
 272
 273.x-menu-item-active {
 274    background: #ebf3fd url(../images/slate/menu/item-over.gif) repeat-x left bottom;
 275    border: 1px solid #c2cbd2;
 276}
 277
 278.x-menu-item-arrow {
 279    background: transparent url(../images/slate/menu/menu-parent.gif) no-repeat right;
 280}
 281
 282.x-menu-check-item .x-menu-item-icon {
 283    background: transparent url(../images/slate/menu/unchecked.gif) no-repeat center;
 284}
 285
 286.x-menu-item-checked .x-menu-item-icon {
 287    background-image: url(../images/slate/menu/checked.gif);
 288}
 289
 290.x-menu-item-checked .x-menu-group-item .x-menu-item-icon {
 291    background: transparent url(../images/slate/menu/group-checked.gif)
 292}
 293
 294.x-menu-group-item .x-menu-item-icon {
 295    background: transparent none repeat scroll 0 0;
 296}
 297
 298.x-tab-panel-header, .x-tab-panel-footer {
 299    background: #6b869f;
 300    border-color: #4f657b;
 301}
 302
 303.x-tab-panel-header {
 304    border-color: #abc;
 305}
 306
 307.x-tab-panel-footer {
 308    border-color: #abc;
 309}
 310
 311ul.x-tab-strip-top {
 312    background: #dbdbdb url(../images/slate/tabs/tab-strip-bg.gif) repeat-x left top;
 313    border-color: #4c647e;
 314    padding-top: 2px;
 315}
 316
 317ul.x-tab-strip-bottom {
 318    background-image: url(../images/slate/tabs/tab-strip-btm-bg.gif);
 319    border-color: #566c82;
 320}
 321
 322.x-tab-strip span.x-tab-strip-text {
 323    color: #333;
 324}
 325
 326.x-tab-strip-over span.x-tab-strip-text {
 327    color: #111;
 328}
 329
 330.x-tab-strip-active span.x-tab-strip-text {
 331    color: #fff;
 332}
 333
 334.x-tab-strip-disabled .x-tabs-text {
 335    color: #aaaaaa;
 336}
 337
 338.x-tab-strip-top .x-tab-right {
 339    background-image: url(../images/slate/tabs/tabs-sprite.gif);
 340}
 341
 342.x-tab-strip-top .x-tab-left {
 343    background-image: url(../images/slate/tabs/tabs-sprite.gif);
 344}
 345
 346.x-tab-strip-top .x-tab-strip-inner {
 347    background-image: url(../images/slate/tabs/tabs-sprite.gif);
 348}
 349
 350.x-tab-strip-bottom .x-tab-right {
 351    background-image: url(../images/slate/tabs/tab-btm-inactive-right-bg.gif);
 352}
 353
 354.x-tab-strip-bottom .x-tab-left {
 355    background-image: url(../images/slate/tabs/tab-btm-inactive-left-bg.gif);
 356}
 357
 358.x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
 359    background-image: url(../images/slate/tabs/tab-btm-right-bg.gif);
 360}
 361
 362.x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
 363    background-image: url(../images/slate/tabs/tab-btm-left-bg.gif);
 364}
 365
 366.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
 367    background-image: url(../images/slate/tabs/tab-close.gif);
 368}
 369
 370.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover {
 371    background-image: url(../images/slate/tabs/tab-close.gif);
 372}
 373
 374.x-tab-panel-body {
 375    border-color: #abc;
 376    background: #fff;
 377}
 378
 379.x-tab-panel-bbar .x-toolbar {
 380    border-color: #abc;
 381}
 382
 383.x-tab-panel-tbar .x-toolbar {
 384    border-color: #abc;
 385}
 386
 387.x-tab-panel-header-plain .x-tab-strip-spacer,
 388.x-tab-panel-footer-plain .x-tab-strip-spacer {
 389    border-color: #abc;
 390    background: #6b869f;
 391}
 392
 393.x-tab-scroller-left {
 394    background-image: url(../images/slate/tabs/scroll-left.gif);
 395    border-color: #aeaeae;
 396}
 397
 398.x-tab-scroller-right {
 399    background-image: url(../images/slate/tabs/scroll-right.gif);
 400    border-color: #aeaeae;
 401}
 402
 403.x-window-proxy {
 404    background: #e4e8ec;
 405    border-color: #abc;
 406}
 407
 408.x-window-tl .x-window-header {
 409    color: #fafafa;
 410}
 411
 412.x-window-tc {
 413    background-image: url(../images/slate/window/top-bottom.png);
 414}
 415
 416.x-window-tl {
 417    background-image: url(../images/slate/window/left-corners.png);
 418}
 419
 420.x-window-tr {
 421    background-image: url(../images/slate/window/right-corners.png);
 422}
 423
 424.x-window-bc {
 425    background-image: url(../images/slate/window/top-bottom.png);
 426}
 427
 428.x-window-bl {
 429    background-image: url(../images/slate/window/left-corners.png);
 430}
 431
 432.x-window-br {
 433    background-image: url(../images/slate/window/right-corners.png);
 434}
 435
 436.x-window-mc {
 437    border: 1px solid #abc;
 438    background: #e8e8e8;
 439}
 440
 441.x-window-ml {
 442    background-image: url(../images/slate/window/left-right.png);
 443}
 444
 445.x-window-mr {
 446    background-image: url(../images/slate/window/left-right.png);
 447}
 448
 449.x-panel-ghost .x-window-tl {
 450    border-color: #abc;
 451}
 452
 453.x-panel-collapsed .x-window-tl {
 454    border-color: #abc;
 455}
 456
 457.x-window-plain .x-window-mc {
 458    background: #e8e8e8;
 459    border-right: 1px solid #eee;
 460    border-bottom: 1px solid #eee;
 461    border-top: 1px solid #abc;
 462    border-left: 1px solid #abc;
 463}
 464
 465.x-window-plain .x-window-body {
 466    border-left: 1px solid #ddd;
 467    border-top: 1px solid #ddd;
 468    border-bottom: 1px solid #abc;
 469    border-right: 1px solid #abc;
 470    background: transparent !important;
 471}
 472
 473body.x-body-masked .x-window-mc, body.x-body-masked .x-window-plain .x-window-mc {
 474    background-color: #eceef0;
 475}
 476
 477/* HTML Editors */
 478.x-html-editor-wrap {
 479    border-color: #abc;
 480}
 481
 482.x-html-editor-tb .x-btn-text {
 483    background: transparent url(../images/slate/editor/tb-sprite.gif) no-repeat scroll 0%;
 484}
 485
 486/* Borders go last for specificity */
 487.x-panel-noborder .x-panel-body-noborder {
 488    border-width: 0;
 489}
 490
 491.x-panel-noborder .x-panel-header-noborder {
 492    border-width: 0;
 493    border-bottom: 1px solid #abc;
 494}
 495
 496.x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
 497    border-width: 0;
 498    border-bottom: 1px solid #abc;
 499}
 500
 501.x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
 502    border-width: 0;
 503    border-top: 1px solid #abc;
 504}
 505
 506.x-window-noborder .x-window-mc {
 507    border-width: 0;
 508}
 509
 510.x-window-plain .x-window-body-noborder {
 511    border-width: 0;
 512}
 513
 514.x-tab-panel-noborder .x-tab-panel-body-noborder {
 515    border-width: 0;
 516}
 517
 518.x-tab-panel-noborder .x-tab-panel-header-noborder {
 519    border-top-width: 0;
 520    border-left-width: 0;
 521    border-right-width: 0;
 522}
 523
 524.x-tab-panel-noborder .x-tab-panel-footer-noborder {
 525    border-bottom-width: 0;
 526    border-left-width: 0;
 527    border-right-width: 0;
 528}
 529
 530.x-tab-panel-bbar-noborder .x-toolbar {
 531    border-width: 0;
 532    border-top: 1px solid #abc;
 533}
 534
 535.x-tab-panel-tbar-noborder .x-toolbar {
 536    border-width: 0;
 537    border-bottom: 1px solid #abc;
 538}
 539
 540/* Forms */
 541.x-form-text, textarea.x-form-field {
 542    border: 1px solid #9ab;
 543}
 544
 545.x-trigger-wrap-focus .x-form-trigger {
 546    border-bottom: 1px solid #4a7192;
 547}
 548
 549.x-form-focus, textarea.x-form-focus {
 550    border: 1px solid #4a7192;
 551}
 552
 553.x-form-field-wrap .x-form-trigger {
 554    background: transparent url(../images/slate/form/trigger.gif) no-repeat 0 0;
 555}
 556
 557.x-form-field-wrap .x-form-date-trigger {
 558    background-image: url(../images/slate/form/date-trigger.gif);
 559}
 560
 561.x-form-field-wrap .x-form-clear-trigger {
 562    background-image: url(../images/slate/form/clear-trigger.gif);
 563}
 564
 565.x-form-field-wrap .x-form-search-trigger {
 566    background-image: url(../images/slate/form/search-trigger.gif);
 567}
 568
 569.x-form-field-wrap .x-form-trigger {
 570    border-bottom: 1px solid #778899;
 571}
 572
 573.x-form-field-wrap .x-form-trigger-over {
 574    background-position: -17px 0;
 575}
 576
 577.x-form-field-wrap .x-form-trigger-click {
 578    background-position: -34px 0;
 579}
 580
 581.x-trigger-wrap-focus .x-form-trigger {
 582    background-position: -51px 0;
 583}
 584
 585.x-trigger-wrap-focus .x-form-trigger-over {
 586    background-position: -68px 0;
 587}
 588
 589.x-trigger-wrap-focus .x-form-trigger-click {
 590    background-position: -85px 0;
 591}
 592
 593.x-form fieldset legend {
 594    color: #333;
 595}
 596
 597/* Checkboxes & Radio Buttons */
 598.x-form-check {
 599    background: url('../images/slate/form/checkbox.gif') no-repeat 0 0;
 600}
 601
 602.x-form-radio {
 603    background: url('../images/slate/form/radio.gif') no-repeat 0 0;
 604}
 605
 606.x-form-check-group-label {
 607    border-bottom: 1px solid #99BBE8;
 608    color: #15428B;
 609    margin-bottom: 5px;
 610    padding-left: 3px !important;
 611    float: none !important;
 612}
 613
 614/* Grid */
 615.x-grid3-row-selected {
 616    background: #fbf0d2 !important;
 617    border: 1px dotted #ccc;
 618}
 619
 620.x-grid3-hd-btn {
 621    background: #f2daa9 url(../images/slate/grid/grid3-hd-btn.gif) no-repeat left center;
 622}
 623
 624.x-grid3-header {
 625    background: #f9f9f9 url(../images/slate/grid/grid3-hrow.gif) repeat-x 0 bottom;
 626}
 627
 628td.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 {
 629    background: #ebf3fd url(../images/slate/grid/grid3-hrow-over.gif) repeat-x left bottom;
 630}
 631
 632.sort-asc .x-grid3-sort-icon {
 633    background-image: url(../images/slate/grid/sort_asc.gif);
 634}
 635
 636.sort-desc .x-grid3-sort-icon {
 637    background-image: url(../images/slate/grid/sort_desc.gif);
 638}
 639
 640td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {
 641    border-left: 1px solid #fff;
 642    border-right: 1px solid #ccc;
 643}
 644
 645.x-grid3-check-col {
 646    background-image: url(../images/slate/menu/unchecked.gif);
 647}
 648
 649.x-grid3-check-col-on {
 650    background-image: url(../images/slate/menu/checked.gif);
 651}
 652
 653.x-grid3-cell-selected {
 654    background-color: #e0eaee !important;
 655}
 656
 657.x-grid3-body .x-grid3-td-expander {
 658    background: transparent url(../images/slate/grid/grid3-special-col-bg.gif) repeat-y right;
 659}
 660
 661.x-grid3-body .x-grid3-td-checker {
 662    background: transparent url(../images/slate/grid/grid3-special-col-bg.gif) repeat-y right;
 663}
 664
 665.x-grid3-body .x-grid3-td-numberer {
 666    background: transparent url(../images/slate/grid/grid3-special-col-bg.gif) repeat-y right;
 667}
 668
 669.x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer, .x-grid3-body .x-grid3-row-selected .x-grid3-td-checker, .x-grid3-body .x-grid3-row-selected .x-grid3-td-expander {
 670    background: transparent url(../images/slate/grid/grid3-special-col-sel-bg.gif) repeat-y right;
 671}
 672
 673.x-grid-group-hd {
 674    border-bottom: 2px solid #abb;
 675}
 676
 677.x-grid-group-hd div {
 678    color: #456;
 679}
 680
 681.x-dd-drag-proxy .x-grid3-hd-inner {
 682    background: #ebf3fd url(../images/slate/grid/grid3-hrow-over.gif) repeat-x left bottom;
 683    border: 1px solid #abc;
 684}
 685
 686.x-tbar-page-first {
 687    background-image: url(../images/slate/grid/page-first.gif) !important;
 688}
 689
 690.x-tbar-page-last {
 691    background-image: url(../images/slate/grid/page-last.gif) !important;
 692}
 693
 694.x-tbar-page-next {
 695    background-image: url(../images/slate/grid/page-next.gif) !important;
 696}
 697
 698.x-tbar-page-prev {
 699    background-image: url(../images/slate/grid/page-prev.gif) !important;
 700}
 701
 702.x-tbar-loading {
 703    background-image: url(../images/slate/grid/refresh.gif) !important;
 704}
 705
 706.x-paging-info {
 707    color: #FFFFFF;
 708}
 709
 710/* Progress Bars */
 711.x-progress-bar {
 712    background: #9CBFEE url(../images/slate/progress/progress-bg.gif) repeat-x left center;
 713    border-top: 1px solid #ddd;
 714    border-bottom: 1px solid #ddd;
 715}
 716
 717.x-progress-inner {
 718    background: #E0E8F3 url(../images/slate/qtip/bg.gif) repeat-x scroll 0 0;
 719}
 720
 721.x-progress-text {
 722    color: #789;
 723}
 724
 725.x-progress-text-back {
 726    color: #789;
 727}
 728
 729.x-progress-wrap {
 730    border: 1px solid #b0b8c4;
 731}
 732
 733/* Combos */
 734.x-combo-list {
 735    border: 1px solid #89a;
 736}
 737
 738.x-combo-list .x-combo-selected {
 739    border: 1px dotted #ccc !important;
 740    background: #fbf0d2;
 741}
 742
 743/* Calendars */
 744.x-date-middle, .x-date-left, .x-date-right {
 745    background: url(../images/slate/shared/hd-sprite.gif) repeat-x 0 -83px;
 746}
 747
 748.x-date-right a {
 749    background-image: url(../images/slate/shared/right-btn.gif);
 750}
 751
 752.x-date-left a {
 753    background-image: url(../images/slate/shared/left-btn.gif);
 754}
 755
 756.x-date-bottom {
 757    background: #DFECFB url(../images/slate/shared/glass-bg.gif) repeat-x scroll left top;
 758    border-top: 1px solid #abc;
 759}
 760
 761.x-date-right-icon {
 762    background-image: url(../images/slate/shared/right-btn.gif);
 763}
 764
 765.x-date-left-icon {
 766    background-image: url(../images/slate/shared/left-btn.gif);
 767}
 768
 769.x-date-inner th {
 770    background: #dfecfb url(../images/slate/shared/glass-bg.gif) repeat-x left top;
 771    border-bottom: 1px solid #abc;
 772    color: #345;
 773}
 774
 775.x-date-inner .x-date-selected a {
 776    background: #dfecfb url(../images/slate/shared/glass-bg.gif) repeat-x scroll left top;
 777    border: 1px solid #89a;
 778}
 779
 780.x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover {
 781    background: #faedc0;
 782}
 783
 784td.x-date-mp-month a:hover, td.x-date-mp-year a:hover {
 785    color: #123;
 786    background: #faedc0;
 787}
 788
 789.x-date-mp-ybtn a {
 790    background: transparent url(../images/slate/panel/tool-sprites.gif) no-repeat;
 791}
 792
 793.x-date-mp-btns {
 794    background: #dfecfb url(../images/slate/shared/glass-bg.gif) repeat-x scroll left top;
 795}
 796
 797td.x-date-mp-sel a {
 798    background: #dfecfb url(../images/slate/shared/glass-bg.gif) repeat-x left top;
 799    border: 1px solid #abc;
 800}
 801
 802.x-date-mp-btns button {
 803    background: #405574;
 804    border: 1px solid;
 805    border-color: #abc #055 #055 #abc;
 806}
 807
 808.x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-east {
 809    background: url(../images/slate/sizer/e-handle.gif);
 810    background-position: left;
 811}
 812
 813.x-resizable-over .x-resizable-handle-west, .x-resizable-pinned .x-resizable-handle-west {
 814    background: url(../images/slate/sizer/e-handle.gif);
 815    background-position: left;
 816}
 817
 818.x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south {
 819    background: url(../images/slate/sizer/s-handle.gif);
 820    background-position: top;
 821}
 822
 823.x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north {
 824    background: url(../images/slate/sizer/s-handle.gif);
 825    background-position: top;
 826}
 827
 828.x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast {
 829    background: url(../images/slate/sizer/se-handle.gif);
 830    background-position: top left;
 831}
 832
 833.x-resizable-over .x-resizable-handle-northwest, .x-resizable-pinned .x-resizable-handle-northwest {
 834    background: url(../images/slate/sizer/nw-handle.gif);
 835    background-position: bottom right;
 836}
 837
 838.x-resizable-over .x-resizable-handle-northeast, .x-resizable-pinned .x-resizable-handle-northeast {
 839    background: url(../images/slate/sizer/ne-handle.gif);
 840    background-position: bottom left;
 841}
 842
 843.x-resizable-over .x-resizable-handle-southwest, .x-resizable-pinned .x-resizable-handle-southwest {
 844    background: url(../images/slate/sizer/sw-handle.gif);
 845    background-position: top right;
 846}
 847
 848.x-tip .x-tip-close {
 849    background-image: url(../images/slate/qtip/close.gif);
 850}
 851
 852.x-tip .x-tip-tc {
 853    background: transparent url(../images/slate/qtip/tip-sprite.gif) no-repeat 0 -62px;
 854}
 855
 856.x-tip .x-tip-tl {
 857    background: transparent url(../images/slate/qtip/tip-sprite.gif) no-repeat 0 0;
 858}
 859
 860.x-tip .x-tip-tr {
 861    background: transparent url(../images/slate/qtip/tip-sprite.gif) no-repeat right 0;
 862}
 863
 864.x-tip .x-tip-bc {
 865    background: transparent url(../images/slate/qtip/tip-sprite.gif) no-repeat 0 -121px;
 866}
 867
 868.x-tip .x-tip-bl {
 869    background: transparent url(../images/slate/qtip/tip-sprite.gif) no-repeat 0 -59px;
 870}
 871
 872.x-tip .x-tip-br {
 873    background: transparent url(../images/slate/qtip/tip-sprite.gif) no-repeat right -59px;
 874}
 875
 876.x-tip .x-tip-ml {
 877    background: #fff url(../images/slate/qtip/tip-sprite.gif) no-repeat 0 -124px;
 878}
 879
 880.x-tip .x-tip-mr {
 881    background: transparent url(../images/slate/qtip/tip-sprite.gif) no-repeat right -124px;
 882}
 883
 884.x-form-invalid-tip .x-tip-tc {
 885    background: url(../images/default/form/error-tip-corners.gif) repeat-x 0 -12px;
 886    padding-top: 6px;
 887}
 888
 889.x-form-invalid-tip .x-tip-tl {
 890    background-image: url(../images/default/form/error-tip-corners.gif);
 891}
 892
 893.x-form-invalid-tip .x-tip-tr {
 894    background-image: url(../images/default/form/error-tip-corners.gif);
 895}
 896
 897.x-form-invalid-tip .x-tip-bc {
 898    background: url(../images/default/form/error-tip-corners.gif) repeat-x 0 -18px;
 899    height: 6px;
 900}
 901
 902.x-form-invalid-tip .x-tip-bl {
 903    background: url(../images/default/form/error-tip-corners.gif) no-repeat 0 -6px;
 904}
 905
 906.x-form-invalid-tip .x-tip-br {
 907    background: url(../images/default/form/error-tip-corners.gif) no-repeat right -6px;
 908}
 909
 910.x-form-invalid-tip .x-tip-ml {
 911    background-image: url(../images/default/form/error-tip-corners.gif);
 912}
 913
 914.x-form-invalid-tip .x-tip-mr {
 915    background-image: url(../images/default/form/error-tip-corners.gif);
 916}
 917
 918.x-tree-node .x-tree-selected {
 919    background-color: #f2daa9;
 920}
 921
 922.x-tree-node .x-tree-selected a span {
 923    background-color: #f2daa9;
 924    color: black;
 925}
 926
 927.x-ftree2-selected {
 928    background-color: #FBF0D2 !important;
 929}
 930
 931.x-tree-arrows .x-tree-elbow-plus {
 932    background: transparent url(../images/slate/tree/arrows.gif) no-repeat 0 0;
 933}
 934
 935.x-tree-arrows .x-tree-elbow-minus {
 936    background: transparent url(../images/slate/tree/arrows.gif) no-repeat -16px 0;
 937}
 938
 939.x-tree-arrows .x-tree-elbow-end-plus {
 940    background: transparent url(../images/slate/tree/arrows.gif) no-repeat 0 0;
 941}
 942
 943.x-tree-arrows .x-tree-elbow-end-minus {
 944    background: transparent url(../images/slate/tree/arrows.gif) no-repeat -16px 0;
 945}
 946
 947.x-slider-horz .x-slider-thumb {
 948    background: transparent url(../images/slate/slider/slider-thumb.png) no-repeat 0 0;
 949}
 950
 951.x-slider-vert .x-slider-thumb {
 952    background: transparent url(../images/slate/slider/slider-v-thumb.png) no-repeat 0 0;
 953}
 954
 955.x-slider-horz .x-slider-thumb-over {
 956    background-position: -14px -15px;
 957}
 958
 959.x-slider-horz .x-slider-thumb-drag {
 960    background-position: -28px -30px;
 961}
 962
 963.x-slider-vert .x-slider-thumb-over {
 964    background-position: -15px -14px;
 965}
 966
 967.x-slider-vert .x-slider-thumb-drag {
 968    background-position: -30px -28px;
 969}
 970
 971.x-slider-horz {
 972    background: transparent url(../images/slate/slider/slider-bg.png) no-repeat 0 -22px;
 973}
 974
 975.x-slider-horz .x-slider-end {
 976    background: transparent url(../images/slate/slider/slider-bg.png) no-repeat right -44px;
 977}
 978
 979.x-slider-horz .x-slider-inner {
 980    background: transparent url(../images/slate/slider/slider-bg.png) repeat-x 0 0;
 981}
 982
 983.x-slider-vert {
 984    background: transparent url(../images/slate/slider/slider-v-bg.png) no-repeat -44px 0;
 985}
 986
 987.x-slider-vert .x-slider-end {
 988    background: transparent url(../images/slate/slider/slider-v-bg.png) no-repeat -22px bottom;
 989}
 990
 991.x-slider-vert .x-slider-inner {
 992    background: transparent url(../images/slate/slider/slider-v-bg.png) repeat-y 0 0;
 993}
 994
 995.x-item-disabled * {
 996    color: #333 !important;
 997}
 998
 999.x-form-check {
1000    background: none;
1001!important
1002}
1003
1004.x-form-radio {
1005    background: none;
1006!important
1007}
1008
1009.x-border {
1010    border: 1px solid #AABBCC;
1011}