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