Mercurial > laserkard

     1 /*

     2  * Ext JS Library 2.0 Alpha 1

     3  * Copyright(c) 2006-2007, Ext JS, LLC.

     4  *

     5  * @license GPL

     6  * @author Kemal Tunador <tunador@madrabaz.com>

     7  */

     8 .ext-el-mask {

     9     background-color: #000000;

    10 }

    11 

    12 .ext-el-mask-msg {

    13     border: 1px solid #444444;

    14     background: #666666;

    15 }

    16 

    17 .ext-el-mask-msg div {

    18     border: 1px solid #888888;

    19 }

    20 

    21 .x-panel {

    22     border-style: solid;

    23     border-color: #000000;

    24 }

    25 

    26 .x-panel-header {

    27     color: #eeeef0;

    28     border: 1px solid #000000;

    29     background-image: url(../images/slickness/panel/white-top-bottom.gif);

    30 }

    31 

    32 .x-panel-body {

    33     border-color: #000000;

    34     color: #111;

    35 }

    36 

    37 .x-panel-bbar .x-toolbar {

    38     border-color: #000000;

    39 }

    40 

    41 .x-panel-tbar .x-toolbar {

    42     border-color: #000000;

    43 }

    44 

    45 .x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {

    46     border-color: #000000;

    47 }

    48 

    49 .x-panel-body-noheader, .x-panel-mc .x-panel-body {

    50     border-color: #000000;

    51 }

    52 

    53 .x-panel-tl .x-panel-header {

    54     color: #eeeef0;

    55 }

    56 

    57 .x-panel-tc {

    58     background-image: url(../images/slickness/panel/top-bottom.gif);

    59 }

    60 

    61 .x-panel-tl {

    62     background-image: url(../images/slickness/panel/corners-sprite.gif);

    63     border-color: #000000;

    64 }

    65 

    66 .x-panel-tr {

    67     background-image: url(../images/slickness/panel/corners-sprite.gif);

    68 }

    69 

    70 .x-panel-bc {

    71     background-image: url(../images/slickness/panel/top-bottom.gif);

    72 }

    73 

    74 .x-panel-bl {

    75     background-image: url(../images/slickness/panel/corners-sprite.gif);

    76 }

    77 

    78 .x-panel-br {

    79     background-image: url(../images/slickness/panel/corners-sprite.gif);

    80 }

    81 

    82 .x-panel-mc {

    83     background: #171717;

    84 }

    85 

    86 .x-panel-mc .x-panel-body {

    87     background: transparent;

    88     border: 0 none;

    89     color: #eee !important;

    90 }

    91 

    92 .x-panel-ml {

    93     background-image: url(../images/slickness/panel/left-right.gif);

    94 }

    95 

    96 .x-panel-mr {

    97     background-image: url(../images/slickness/panel/left-right.gif);

    98 }

    99 /* Ghosting */

   100 .x-panel-ghost {

   101     background: #161616;

   102 }

   103 

   104 .x-panel-ghost ul {

   105     border-color: #000000;

   106 }

   107 

   108 .x-grid-panel .x-panel-mc .x-panel-body {

   109     border: 1px solid #000000;

   110 }

   111 /* Grid */

   112 .x-grid3-row {

   113     color: #000000;

   114     border: 1px solid #666;

   115     border-bottom: 1px solid #000;

   116 }

   117 

   118 .x-grid3-row-over {

   119     border: 1px solid #292929;

   120     border-left: 1px solid #666;

   121     background-image: url(../images/slickness/grid/row-over.gif);

   122 }

   123 

   124 .x-grid3-header {

   125     background-image: url(../images/slickness/grid/grid3-hrow.gif);

   126     background-color: #747474;

   127 }

   128 

   129 .x-grid3-hd-inner {

   130     color: #EEEEEE;

   131 }

   132 

   133 .x-grid3-header-pop-inner {

   134     border-left: 1px solid #000000;

   135     background-image: url(../images/slickness/grid/hd-pop.gif);

   136 }

   137 

   138 td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {

   139     border-left: 1px solid #000000;

   140     border-right: 1px solid #000000;

   141 }

   142 

   143 .sort-desc .x-grid3-sort-icon {

   144     background-image: url(../images/slickness/grid/sort_desc.gif);

   145 }

   146 

   147 .sort-asc .x-grid3-sort-icon {

   148     background-image: url(../images/slickness/grid/sort_asc.gif);

   149 }

   150 

   151 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 {

   152     background-image: url(../images/slickness/grid/grid3-hrow-over.gif);

   153     background-color: #333;

   154 }

   155 

   156 .x-dd-drag-proxy .x-grid3-hd-inner {

   157     background-image: url(../images/slickness/grid/grid3-hrow-over.gif);

   158 }

   159 

   160 .x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker {

   161     background-image: url(../images/slickness/grid/grid-hrow.gif);

   162     color: #666;

   163     border-top: 1px solid #666 !important;

   164     border-right: 1px solid #000 !important;

   165 }

   166 

   167 .x-grid3-hd-btn {

   168     background-image: url(../images/slickness/grid/grid3-hd-btn.gif);

   169 }

   170 

   171 .x-grid3-body .x-grid3-td-expander {

   172     background-image: url(../images/slickness/grid/grid3-special-col-bg.gif);

   173 }

   174 

   175 .x-grid3-body .x-grid3-td-checker {

   176     background-image: url(../images/slickness/grid/grid3-special-col-bg.gif);

   177 }

   178 

   179 .x-grid3-body .x-grid3-td-numberer {

   180     background-image: url(../images/slickness/grid/grid3-special-col-bg.gif);

   181 }

   182 

   183 .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 {

   184     background-image: url(../images/slickness/grid/grid3-special-col-sel-bg.gif);

   185 }

   186 

   187 .x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {

   188     color: #eee;

   189 }

   190 

   191 .x-grid3-hd-row td {

   192     border-left: 1px solid #555;

   193     border-right: 1px solid #333;

   194 }

   195 

   196 .x-grid3-row-selected .x-grid3-cell, .x-grid3-row-selected .x-grid3-body-cell{

   197     color: #fff !important;

   198 }

   199 

   200 .x-grid3-row-selected {

   201     background: #333 !important;

   202     border: 1px solid #fff;

   203 }

   204 

   205 .x-grid-group-hd div {

   206     color: #223355;

   207 }

   208 

   209 .x-grid-group-hd {

   210     border: 1px solid #000;

   211     border-bottom: 2px solid #333;

   212 }

   213 

   214 .x-grid3-row-checker, .x-grid3-hd-checker {

   215     background-image: url(../images/slickness/grid/row-check-sprite.gif);

   216 }

   217 /* Menu */

   218 .x-menu {

   219     border: 1px solid #000000;

   220     background-color: #393939;

   221     background-image: url(../images/slickness/menu/menu.gif);

   222 }

   223 

   224 .x-menu-sep {

   225     background-color: #4d4d4d;

   226     border-bottom: 1px solid #272727;

   227 }

   228 

   229 .x-menu-plain {

   230     background: #393939 !important;

   231 }

   232 

   233 .x-menu-item-active {

   234     background-image: url(../images/slickness/menu/item-over.gif);

   235     background-color: #3f3f3f;

   236     border: 1px solid #222222;

   237 }

   238 

   239 .x-menu a.x-menu-item {

   240     color: #eeeeee;

   241 }

   242 

   243 .x-cycle-menu .x-menu-item-checked {

   244     border: 1px solid #222 !important;

   245     background: #414140 url(../images/slickness/menu/item-selected.gif) repeat-x left bottom;

   246     padding: 0;

   247     /*margin : 1px 0px;*/

   248 }

   249 

   250 .x-menu-item-active a.x-menu-item {

   251     color: #ffffff;

   252 }

   253 

   254 .xg-hmenu-sort-asc .x-menu-item-icon {

   255     background-image: url(../images/slickness/grid/hmenu-asc.gif);

   256 }

   257 

   258 .xg-hmenu-sort-desc .x-menu-item-icon {

   259     background-image: url(../images/slickness/grid/hmenu-desc.gif);

   260 }

   261 

   262 .x-menu-item-icon {

   263     height: 14px;

   264     width: 14px;

   265 }

   266 

   267 .x-menu-check-item .x-menu-item-icon {

   268     background-image: url(../images/slickness/menu/unchecked.gif);

   269 }

   270 

   271 .x-menu-item-checked .x-menu-item-icon {

   272     background-image: url(../images/slickness/menu/checked.gif);

   273 }

   274 

   275 .x-menu-list-item .x-menu-group-item .x-menu-item-icon {

   276     background-image: url(../images/slickness/menu/group-unchecked.gif);

   277 }

   278 

   279 .x-menu-item-checked .x-menu-group-item .x-menu-item-icon {

   280     background-image: url(../images/slickness/menu/group-checked.gif);

   281 }

   282 /* Panel Tools */

   283 .x-tool {

   284     background-image: url(../images/slickness/panel/header-sprites.gif);

   285     width: 27px;

   286     height: 15px;

   287     margin-top: -4px;

   288     margin-left: 0px;

   289 }

   290 

   291 legend .x-tool {

   292     margin-top: 0px;

   293 }

   294 

   295 .x-tool-close {

   296     background-position: 0 -0;

   297 }

   298 

   299 .x-tool-close-over {

   300     background-position: -27px 0;

   301 }

   302 

   303 .x-tool-minimize {

   304     background-position: 0 -15px;

   305 }

   306 

   307 .x-tool-minimize-over {

   308     background-position: -27px -15px;

   309 }

   310 

   311 .x-tool-maximize {

   312     background-position: 0 -30px;

   313 }

   314 

   315 .x-tool-maximize-over {

   316     background-position: -27px -30px;

   317 }

   318 

   319 .x-tool-restore {

   320     background-position: 0 -45px;

   321 }

   322 

   323 .x-tool-restore-over {

   324     background-position: -27px -45px;

   325 }

   326 

   327 .x-tool-toggle {

   328     background-position: 0 -60px;

   329 }

   330 

   331 .x-tool-toggle-over {

   332     background-position: -27px -60px;

   333 }

   334 

   335 .x-panel-collapsed .x-tool-toggle {

   336     background-position: 0 -75px;

   337 }

   338 

   339 .x-panel-collapsed .x-tool-toggle-over {

   340     background-position: -27px -75px;

   341 }

   342 

   343 .x-tool-gear {

   344     background-position: 0 -90px;

   345 }

   346 

   347 .x-tool-gear-over {

   348     background-position: -27px -90px;

   349 }

   350 

   351 .x-tool-pin {

   352     background-position: 0 -135px;

   353 }

   354 

   355 .x-tool-pin-over {

   356     background-position: -27px -135px;

   357 }

   358 

   359 .x-tool-unpin {

   360     background-position: 0 -150px;

   361 }

   362 

   363 .x-tool-unpin-over {

   364     background-position: -27px -150px;

   365 }

   366 

   367 .x-tool-right {

   368     background-position: 0 -165px;

   369 }

   370 

   371 .x-tool-right-over {

   372     background-position: -27px -165px;

   373 }

   374 

   375 .x-tool-left {

   376     background-position: 0 -180px;

   377 }

   378 

   379 .x-tool-left-over {

   380     background-position: -27px -180px;

   381 }

   382 

   383 .x-tool-up {

   384     background-position: 0 -210px;

   385 }

   386 

   387 .x-tool-up-over {

   388     background-position: -27px -210px;

   389 }

   390 

   391 .x-tool-down {

   392     background-position: 0 -195px;

   393 }

   394 

   395 .x-tool-down-over {

   396     background-position: -27px -195px;

   397 }

   398 

   399 .x-tool-refresh {

   400     background-position: 0 -225px;

   401 }

   402 

   403 .x-tool-refresh-over {

   404     background-position: -27px -225px;

   405 }

   406 

   407 .x-tool-minus {

   408     background-position: 0 -255px;

   409 }

   410 

   411 .x-tool-minus-over {

   412     background-position: -27px -255px;

   413 }

   414 

   415 .x-tool-plus {

   416     background-position: 0 -240px;

   417 }

   418 

   419 .x-tool-plus-over {

   420     background-position: -27px -240px;

   421 }

   422 

   423 .x-tool-search {

   424     background-position: 0 -270px;

   425 }

   426 

   427 .x-tool-search-over {

   428     background-position: -27px -270px;

   429 }

   430 

   431 .x-tool-save {

   432     background-position: 0 -285px;

   433 }

   434 

   435 .x-tool-save-over {

   436     background-position: -27px -285px;

   437 }

   438 

   439 .x-tool-help {

   440     background-position: 0 -300px;

   441 }

   442 

   443 .x-tool-help-over {

   444     background-position: -27px -300px;

   445 }

   446 

   447 .x-tool-print {

   448     background-position: 0 -315px;

   449 }

   450 

   451 .x-tool-print-over {

   452     background-position: -27px -315px;

   453 }

   454 

   455 .x-tool-wrench {

   456     background-position: 0 -330px;

   457 }

   458 

   459 .x-tool-wrench-over {

   460     background-position: -27px -330px;

   461 }

   462 /* Layout Tools */

   463 .x-tool-collapse-south {

   464     background-position: 0 -195px;

   465 }

   466 

   467 .x-tool-collapse-south-over {

   468     background-position: -27px -195px;

   469 }

   470 

   471 .x-tool-collapse-north {

   472     background-position: 0 -210px;

   473 }

   474 

   475 .x-tool-collapse-north-over {

   476     background-position: -27px -210px;

   477 }

   478 

   479 .x-tool-collapse-west {

   480     background-position: 0 -180px;

   481 }

   482 

   483 .x-tool-collapse-west-over {

   484     background-position: -27px -180px;

   485 }

   486 

   487 .x-tool-collapse-east {

   488     background-position: 0 -165px;

   489 }

   490 

   491 .x-tool-collapse-east-over {

   492     background-position: -27px -165px;

   493 }

   494 

   495 .x-tool-expand-south {

   496     background-position: 0 -210px;

   497 }

   498 

   499 .x-tool-expand-south-over {

   500     background-position: -27px -210px;

   501 }

   502 

   503 .x-tool-expand-north {

   504     background-position: 0 -195px;

   505 }

   506 

   507 .x-tool-expand-north-over {

   508     background-position: -27px -195px;

   509 }

   510 

   511 .x-tool-expand-west {

   512     background-position: 0 -165px;

   513 }

   514 

   515 .x-tool-expand-west-over {

   516     background-position: -27px -165px;

   517 }

   518 

   519 .x-tool-expand-east {

   520     background-position: 0 -180px;

   521 }

   522 

   523 .x-tool-expand-east-over {

   524     background-position: -27px -180px;

   525 }

   526 

   527 .x-tool-expand-north, .x-tool-expand-south {

   528     float: right;

   529     margin: 0px 3px;

   530 }

   531 

   532 .x-tool-expand-east, .x-tool-expand-west {

   533     float: none;

   534     margin: 0px -4px;

   535 }

   536 

   537 .x-accordion-hd .x-tool-toggle-over {

   538     background-position: -27px -255px;

   539 }

   540 

   541 .x-panel-collapsed .x-accordion-hd .x-tool-toggle-over {

   542     background-position: -27px -240px;

   543 }

   544 /* Buttons */

   545 .x-btn-text {

   546     color: #eeeef0;

   547     font-weight: bold !important;

   548 }

   549 

   550 .x-btn-left {

   551     background-image: url(../images/slickness/button/btn-sprite.gif);

   552 }

   553 

   554 .x-btn-right {

   555     background-image: url(../images/slickness/button/btn-sprite.gif);

   556 }

   557 

   558 .x-btn-center {

   559     background-image: url(../images/slickness/button/btn-sprite.gif);

   560 }

   561 

   562 .x-btn-menu-arrow-wrap .x-btn-center button {

   563     background-image: url(../images/slickness/button/btn-arrow-light.gif);

   564 }

   565 

   566 .x-btn-with-menu .x-btn-center em {

   567     background-image: url(../images/slickness/toolbar/btn-arrow-light.gif);

   568 }

   569 

   570 .x-btn-text-icon .x-btn-with-menu .x-btn-center em {

   571     background-image: url(../images/slickness/toolbar/btn-arrow-light.gif);

   572 }

   573 /* Layout classes */

   574 .x-border-layout-ct {

   575     background: #ddd; /* f1f2f4 */

   576 }

   577 

   578 .x-accordion-hd {

   579     background-image: url(../images/slickness/panel/light-hd.gif);

   580 }

   581 

   582 .x-layout-collapsed {

   583     background-color: #222222;

   584     border-color: #000000;

   585 }

   586 

   587 .x-layout-collapsed-over {

   588     background-color: #444444;

   589 }

   590 /* qtips */

   591 .x-tip .x-tip-close {

   592     background-image: url(../images/slickness/qtip/close.gif);

   593 }

   594 

   595 .x-tip .x-tip-tc {

   596     background-image: url(../images/slickness/qtip/tip-sprite.gif);

   597 }

   598 

   599 .x-tip .x-tip-tl {

   600     background-image: url(../images/slickness/qtip/tip-sprite.gif);

   601 }

   602 

   603 .x-tip .x-tip-tr {

   604     background-image: url(../images/slickness/qtip/tip-sprite.gif);

   605 }

   606 

   607 .x-tip .x-tip-bc {

   608     background-image: url(../images/slickness/qtip/tip-sprite.gif);

   609 }

   610 

   611 .x-tip .x-tip-bl {

   612     background-image: url(../images/slickness/qtip/tip-sprite.gif);

   613 }

   614 

   615 .x-tip .x-tip-br {

   616     background-image: url(../images/slickness/qtip/tip-sprite.gif);

   617 }

   618 

   619 .x-tip .x-tip-ml {

   620     background-image: url(../images/slickness/qtip/tip-sprite.gif);

   621 }

   622 

   623 .x-tip .x-tip-mr {

   624     background-image: url(../images/slickness/qtip/tip-sprite.gif);

   625 }

   626 

   627 .x-tip .x-tip-header-text {

   628     color: #ffffff;

   629 }

   630 

   631 .x-tip .x-tip-body {

   632     color: #eeeeee;

   633 }

   634 

   635 .x-form-invalid-icon {

   636     background-image: url(../images/slickness/form/exclamation.gif);

   637 }

   638 

   639 .x-form-invalid-tip .x-tip-tc {

   640     background-image: url(../images/slickness/form/error-tip-corners.gif);

   641 }

   642 

   643 .x-form-invalid-tip .x-tip-tl {

   644     background-image: url(../images/slickness/form/error-tip-corners.gif);

   645 }

   646 

   647 .x-form-invalid-tip .x-tip-tr {

   648     background-image: url(../images/slickness/form/error-tip-corners.gif);

   649 }

   650 

   651 .x-form-invalid-tip .x-tip-bc {

   652     background-image: url(../images/slickness/form/error-tip-corners.gif);

   653 }

   654 

   655 .x-form-invalid-tip .x-tip-bl {

   656     background-image: url(../images/slickness/form/error-tip-corners.gif);

   657 }

   658 

   659 .x-form-invalid-tip .x-tip-br {

   660     background-image: url(../images/slickness/form/error-tip-corners.gif);

   661 }

   662 

   663 .x-form-invalid-tip .x-tip-ml {

   664     background-image: url(../images/slickness/form/error-tip-corners.gif);

   665 }

   666 

   667 .x-form-invalid-tip .x-tip-mr {

   668     background-image: url(../images/slickness/form/error-tip-corners.gif);

   669 }

   670 

   671 .x-form-invalid-tip .x-tip-body {

   672     background-image: url(../images/slickness/form/exclamation.gif);

   673 }

   674 /* Toolbars */

   675 .x-toolbar {

   676     border-color: #444444;

   677     background: #282828 url(../images/slickness/toolbar/bg.gif) repeat-x top left;

   678 }

   679 

   680 .x-toolbar button {

   681     color: #eeeef0;

   682 }

   683 

   684 .x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button {

   685     background-image: url(../images/slickness/toolbar/btn-arrow-light.gif);

   686 }

   687 

   688 .x-toolbar .x-btn-text-icon .x-btn-menu-arrow-wrap .x-btn-center button {

   689     background-image: url(../images/slickness/toolbar/btn-arrow-light.gif);

   690 }

   691 

   692 .x-toolbar .x-btn-over .x-btn-left {

   693     background-image: url(../images/slickness/toolbar/tb-btn-sprite.gif);

   694 }

   695 

   696 .x-toolbar .x-btn-over .x-btn-right {

   697     background-image: url(../images/slickness/toolbar/tb-btn-sprite.gif);

   698 }

   699 

   700 .x-toolbar .x-btn-over .x-btn-center {

   701     background-image: url(../images/slickness/toolbar/tb-btn-sprite.gif);

   702 }

   703 

   704 .x-toolbar .x-btn-over button {

   705     color: #ffffff;

   706 }

   707 

   708 .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 {

   709     background-image: url(../images/slickness/toolbar/tb-btn-sprite.gif);

   710 }

   711 

   712 .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 {

   713     background-image: url(../images/slickness/toolbar/tb-btn-sprite.gif);

   714 }

   715 

   716 .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 {

   717     background-image: url(../images/slickness/toolbar/tb-btn-sprite.gif);

   718 }

   719 

   720 .x-toolbar .ytb-sep {

   721     background-image: url(../images/slickness/grid/grid-split.gif);

   722 }

   723 

   724 .x-paging-info, .ytb-text {

   725     color: #eeeef0;

   726 }

   727 /* Form */

   728 .x-form-field-wrap .x-form-trigger {

   729     background-image: url(../images/slickness/form/trigger.gif);

   730     border-bottom: 1px solid #a3a3a3;

   731 }

   732 

   733 .x-form-field-wrap .x-form-date-trigger {

   734     background-image: url(../images/slickness/form/date-trigger.gif);

   735 }

   736 

   737 .x-form-field-wrap .x-form-clear-trigger {

   738     background-image: url(../images/slickness/form/clear-trigger.gif);

   739 }

   740 

   741 .x-form-field-wrap .x-form-search-trigger {

   742     background-image: url(../images/slickness/form/search-trigger.gif);

   743 }

   744 

   745 .x-form-text, textarea.x-form-field {

   746     border: 1px solid #a3a3a3;

   747 }

   748 

   749 .x-form-select-one {

   750     border: 1px solid #a3a3a3;

   751 }

   752 

   753 .x-item-disabled .x-form-trigger-over {

   754     border-bottom: 1px solid #a3a3a3;

   755 }

   756 

   757 .x-item-disabled .x-form-trigger-click {

   758     border-bottom: 1px solid #a3a3a3;

   759 }

   760 

   761 .x-form fieldset {

   762     border: 1px solid #a3a3a3;

   763 }

   764 

   765 .x-form-item-label {

   766     color: #eee;

   767 }

   768 

   769 .x-panel-noborder .x-form-item-label {

   770     color: #111;

   771 }

   772 

   773 .x-trigger-wrap-focus .x-form-trigger {

   774     border-bottom: 1px solid #eee !important;

   775 }

   776 

   777 .x-form-focus, textarea.x-form-focus {

   778     border: 1px solid #eee !important;

   779 }

   780 

   781 .x-panel-noborder .x-form-focus, textarea.x-form-focus {

   782     border: 1px solid #000;

   783 }

   784 /* Tabs */

   785 .x-tab-panel-header, .x-tab-panel-footer {

   786     background: #000000;

   787     border-color: #4a4a4a;

   788 }

   789 

   790 .x-tab-panel-header {

   791     border-color: transparent;

   792 }

   793 

   794 .x-tab-panel-footer {

   795     border-color: #4a4a4a;

   796 }

   797 

   798 ul.x-tab-strip-top {

   799     background: #000000 url(../images/slickness/tabs/tab-strip-bg.gif) repeat-x left top;

   800     border-color: #4a4a4a;

   801 }

   802 

   803 ul.x-tab-strip-bottom {

   804     background-image: url(../images/slickness/tabs/tab-strip-btm-bg.gif);

   805     border-color: #4a4a4a;

   806 }

   807 

   808 .x-tab-strip span.x-tab-strip-text {

   809     color: #cccccc;

   810 }

   811 

   812 .x-tab-strip-over span.x-tab-strip-text {

   813     color: #ffffff;

   814 }

   815 

   816 .x-tab-strip-active span.x-tab-strip-text {

   817     color: #eeeef0;

   818 }

   819 

   820 .x-tab-strip-top .x-tab-right {

   821     background-image: url(../images/slickness/tabs/tabs-sprite.gif);

   822 }

   823 

   824 .x-tab-strip-top .x-tab-left {

   825     background-image: url(../images/slickness/tabs/tabs-sprite.gif);

   826 }

   827 

   828 .x-tab-strip-top .x-tab-strip-inner {

   829     background-image: url(../images/slickness/tabs/tabs-sprite.gif);

   830 }

   831 

   832 .x-tab-strip-bottom .x-tab-right {

   833     background-image: url(../images/slickness/tabs/tab-btm-inactive-right-bg.gif);

   834 }

   835 

   836 .x-tab-strip-bottom .x-tab-left {

   837     background-image: url(../images/slickness/tabs/tab-btm-inactive-left-bg.gif);

   838 }

   839 

   840 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {

   841     background-image: url(../images/slickness/tabs/tab-btm-right-bg.gif);

   842 }

   843 

   844 .x-tab-strip-bottom .x-tab-strip-active .x-tab-left {

   845     background-image: url(../images/slickness/tabs/tab-btm-left-bg.gif);

   846 }

   847 

   848 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {

   849     background-image: url(../images/slickness/tabs/tab-close.gif);

   850 }

   851 

   852 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover {

   853     background-image: url(../images/slickness/tabs/tab-close.gif);

   854 }

   855 

   856 .x-tab-panel-body {

   857     border-color: #4a4a4a;

   858     background: #eeeeee;

   859 }

   860 

   861 .x-tab-panel-bbar .x-toolbar {

   862     border-color: #000000;

   863 }

   864 

   865 .x-tab-panel-tbar .x-toolbar {

   866     border-color: #000000;

   867 }

   868 

   869 .x-tab-panel-header-plain .x-tab-strip-spacer {

   870     border-color: #000000;

   871     background: #353535;

   872 }

   873 

   874 .x-tab-scroller-left {

   875     background-image: url(../images/slickness/tabs/scroll-left.gif);

   876     border-color: #000000;

   877 }

   878 

   879 .x-tab-scroller-right {

   880     background-image: url(../images/slickness/tabs/scroll-right.gif);

   881     border-color: #000000;

   882 }

   883 /* Window */

   884 .x-window-proxy {

   885     background: #161616;

   886     border-color: #000000;

   887 }

   888 

   889 .x-window-tl .x-window-header {

   890     color: #eeeef0;

   891 }

   892 

   893 .x-window-tc {

   894     background-image: url(../images/slickness/window/top-bottom.png);

   895 }

   896 

   897 .x-window-tl {

   898     background-image: url(../images/slickness/window/left-corners.png);

   899 }

   900 

   901 .x-window-tr {

   902     background-image: url(../images/slickness/window/right-corners.png);

   903 }

   904 

   905 .x-window-bc {

   906     background-image: url(../images/slickness/window/top-bottom.png);

   907 }

   908 

   909 .x-window-bl {

   910     background-image: url(../images/slickness/window/left-corners.png);

   911 }

   912 

   913 .x-window-br {

   914     background-image: url(../images/slickness/window/right-corners.png);

   915 }

   916 

   917 .x-window-mc {

   918     border: 1px solid #333333;

   919     background: #222;

   920     color: #eeeeee;

   921 }

   922 

   923 .x-window-ml {

   924     background-image: url(../images/slickness/window/left-right.png);

   925 }

   926 

   927 .x-window-mr {

   928     background-image: url(../images/slickness/window/left-right.png);

   929 }

   930 

   931 .x-panel-ghost .x-window-tl {

   932     border-color: #000000;

   933 }

   934 

   935 .x-panel-collapsed .x-window-tl {

   936     border-color: #000000;

   937 }

   938 

   939 .x-window-plain .x-window-mc {

   940     color: #eeeeee;

   941     background: #161616;

   942     border-left: 1px solid #111111;

   943     border-top: 1px solid #111111;

   944     border-bottom: 1px solid #222222;

   945     border-right: 1px solid #222222;

   946 }

   947 

   948 .x-window-plain .x-window-body {

   949     border-left: 1px solid #555555;

   950     border-top: 1px solid #555555;

   951     border-bottom: 1px solid #333333;

   952     border-right: 1px solid #333333;

   953     background: transparent !important;

   954 }

   955 

   956 body.x-body-masked .x-window-mc, body.x-body-masked .x-window-plain .x-window-mc {

   957     color: #eeeeee;

   958     background-color: #0e0e0e;

   959 }

   960 /* Date Picker */

   961 .x-date-picker {

   962     border: 1px solid #000000;

   963     background: #ffffff;

   964 }

   965 

   966 .x-date-middle, .x-date-left, .x-date-right {

   967     background-image: url(../images/slickness/shared/hd-sprite.gif);

   968 }

   969 

   970 .x-date-middle .x-btn-with-menu .x-btn-center em {

   971     background-image: url(../images/slickness/toolbar/btn-arrow-light.gif);

   972 }

   973 

   974 .x-date-right a {

   975     background-image: url(../images/slickness/shared/right-btn.gif);

   976 }

   977 

   978 .x-date-left a {

   979     background-image: url(../images/slickness/shared/left-btn.gif);

   980 }

   981 

   982 .x-date-inner th {

   983     background-image: url(../images/slickness/shared/glass-bg.gif);

   984     border-bottom: 1px solid #000000;

   985     color: #eeeef0;

   986 }

   987 

   988 .x-date-inner .x-date-selected a {

   989     background-image: url(../images/slickness/shared/glass-bg.gif);

   990     border: 1px solid #000000;

   991     color: #eeeef0;

   992 }

   993 

   994 .x-date-bottom {

   995     border-top: 1px solid #000000;

   996     background-image: url(../images/slickness/shared/glass-bg.gif);

   997 }

   998 

   999 .x-date-mp-btns {

  1000     background-image: url(../images/slickness/shared/glass-bg.gif);

  1001 }

  1002 

  1003 td.x-date-mp-sel a {

  1004     background-image: url(../images/slickness/shared/glass-bg.gif);

  1005     border: 1px solid #000000;

  1006     color: #eeeef0 !important;

  1007 }

  1008 

  1009 .x-date-mp-ybtn a {

  1010     background-image: url(../images/slickness/panel/tool-sprites.gif);

  1011 }

  1012 

  1013 .x-date-mp-btns button {

  1014     background-image: url(../images/slickness/shared/glass-bg.gif);

  1015     border-color: #eeeeee #bbbbbb #bbbbbb #eeeeee;

  1016     color: #eeeef0;

  1017 }

  1018 

  1019 .x-date-inner a {

  1020     color: #000000;

  1021 }

  1022 

  1023 .x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover {

  1024     color: #eeeef0;

  1025     background: #353535;

  1026 }

  1027 

  1028 td.x-date-mp-month a, td.x-date-mp-year a {

  1029     color: #000000;

  1030 }

  1031 

  1032 td.x-date-mp-month a:hover, td.x-date-mp-year a:hover {

  1033     color: #eeeef0;

  1034     background: #353535;

  1035 }

  1036 /* misc */

  1037 .x-html-editor-wrap {

  1038     border-color: #000000;

  1039 }

  1040 /* Editor */

  1041 .x-html-editor-tb .x-btn-text {

  1042     background: transparent url(../images/slickness/editor/tb-sprite.gif) no-repeat;

  1043 }

  1044 /* FieldSet*/

  1045 .x-fieldset-header-text {

  1046     color: #eeeeee;

  1047 }

  1048 /* Borders go last for specificity */

  1049 .x-panel-noborder .x-panel-body-noborder {

  1050     border-width: 0;

  1051 }

  1052 

  1053 .x-panel-noborder .x-panel-header-noborder {

  1054     border-width: 0;

  1055     border-bottom: 1px solid #000000;

  1056 }

  1057 

  1058 .x-panel-noborder .x-panel-tbar-noborder .x-toolbar {

  1059     border-width: 0;

  1060     border-bottom: 1px solid #000000;

  1061 }

  1062 

  1063 .x-panel-noborder .x-panel-bbar-noborder .x-toolbar {

  1064     border-width: 0;

  1065     border-top: 1px solid #000000;

  1066 }

  1067 

  1068 .x-window-noborder .x-window-mc {

  1069     border-width: 0;

  1070 }

  1071 

  1072 .x-window-plain .x-window-body-noborder {

  1073     border-width: 0;

  1074 }

  1075 

  1076 .x-tab-panel-noborder .x-tab-panel-body-noborder {

  1077     border-width: 0;

  1078 }

  1079 

  1080 .x-tab-panel-noborder .x-tab-panel-header-noborder {

  1081     border-top-width: 0;

  1082     border-left-width: 0;

  1083     border-right-width: 0;

  1084 }

  1085 

  1086 .x-tab-panel-noborder .x-tab-panel-footer-noborder {

  1087     border-bottom-width: 0;

  1088     border-left-width: 0;

  1089     border-right-width: 0;

  1090 }

  1091 

  1092 .x-tab-panel-bbar-noborder .x-toolbar {

  1093     border-width: 0;

  1094     border-top: 1px solid #000000;

  1095 }

  1096 

  1097 .x-tab-panel-tbar-noborder .x-toolbar {

  1098     border-width: 0;

  1099     border-bottom: 1px solid #000000;

  1100 }

  1101 /* Progress Bar*/

  1102 .x-progress-wrap {

  1103     border: 1px solid #4c4c4c;

  1104 }

  1105 

  1106 .x-progress-inner {

  1107     background: #2d2d2d url(../images/slickness/progress/progress-bg.gif) repeat-x;

  1108 }

  1109 

  1110 .x-progress-bar {

  1111     height: 18px;

  1112     background: transparent url( ../images/slickness/progress/progress-ind.gif ) repeat-x left center;

  1113     border: none;

  1114 }

  1115 

  1116 .x-progress-text {

  1117     color: #000;

  1118 }

  1119 

  1120 .x-progress-text-back {

  1121     color: #eee;

  1122 }

  1123 /* Dialog */

  1124 .x-window-dlg .ext-mb-icon {

  1125     float: left;

  1126     width: 58px;

  1127     height: 48px;

  1128 }

  1129 

  1130 .ext-ie .x-window-dlg .ext-mb-icon {

  1131     width: 55px; /* 3px IE margin issue */

  1132 }

  1133 

  1134 .x-window-dlg .ext-mb-info {

  1135     background: transparent url(../images/slickness/window/icon-info.gif) no-repeat top left;

  1136 }

  1137 

  1138 .x-window-dlg .ext-mb-warning {

  1139     background: transparent url(../images/slickness/window/icon-warning.gif) no-repeat top left;

  1140 }

  1141 

  1142 .x-window-dlg .ext-mb-question {

  1143     background: transparent url(../images/slickness/window/icon-question.gif) no-repeat top left;

  1144 }

  1145 

  1146 .x-window-dlg .ext-mb-error {

  1147     background: transparent url(../images/slickness/window/icon-error.gif) no-repeat top left;

  1148 }

  1149 /* Combo */

  1150 .x-combo-list {

  1151     border: 1px solid #333;

  1152     background: #ddd;

  1153 }

  1154 

  1155 .x-resizable-pinned .x-combo-list-inner {

  1156     /*border-bottom:1px solid #333;*/

  1157 }

  1158 

  1159 .x-combo-list .x-combo-selected {

  1160     border: 1px dotted #888 !important;

  1161     background: #ccc;

  1162 }

  1163 

  1164 .x-combo-noedit {

  1165     cursor: pointer;

  1166 }

  1167 

  1168 .x-combo-list .x-toolbar {

  1169     border-top: 1px solid #333;

  1170 }