1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/onlypaths/theme/css/xtheme-slickness.css	Sun Jan 31 12:33:33 2010 -0500
     1.3 @@ -0,0 +1,1170 @@
     1.4 +/*
     1.5 + * Ext JS Library 2.0 Alpha 1
     1.6 + * Copyright(c) 2006-2007, Ext JS, LLC.
     1.7 + *
     1.8 + * @license GPL
     1.9 + * @author Kemal Tunador <tunador@madrabaz.com>
    1.10 + */
    1.11 +.ext-el-mask {
    1.12 +    background-color: #000000;
    1.13 +}
    1.14 +
    1.15 +.ext-el-mask-msg {
    1.16 +    border: 1px solid #444444;
    1.17 +    background: #666666;
    1.18 +}
    1.19 +
    1.20 +.ext-el-mask-msg div {
    1.21 +    border: 1px solid #888888;
    1.22 +}
    1.23 +
    1.24 +.x-panel {
    1.25 +    border-style: solid;
    1.26 +    border-color: #000000;
    1.27 +}
    1.28 +
    1.29 +.x-panel-header {
    1.30 +    color: #eeeef0;
    1.31 +    border: 1px solid #000000;
    1.32 +    background-image: url(../images/slickness/panel/white-top-bottom.gif);
    1.33 +}
    1.34 +
    1.35 +.x-panel-body {
    1.36 +    border-color: #000000;
    1.37 +    color: #111;
    1.38 +}
    1.39 +
    1.40 +.x-panel-bbar .x-toolbar {
    1.41 +    border-color: #000000;
    1.42 +}
    1.43 +
    1.44 +.x-panel-tbar .x-toolbar {
    1.45 +    border-color: #000000;
    1.46 +}
    1.47 +
    1.48 +.x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
    1.49 +    border-color: #000000;
    1.50 +}
    1.51 +
    1.52 +.x-panel-body-noheader, .x-panel-mc .x-panel-body {
    1.53 +    border-color: #000000;
    1.54 +}
    1.55 +
    1.56 +.x-panel-tl .x-panel-header {
    1.57 +    color: #eeeef0;
    1.58 +}
    1.59 +
    1.60 +.x-panel-tc {
    1.61 +    background-image: url(../images/slickness/panel/top-bottom.gif);
    1.62 +}
    1.63 +
    1.64 +.x-panel-tl {
    1.65 +    background-image: url(../images/slickness/panel/corners-sprite.gif);
    1.66 +    border-color: #000000;
    1.67 +}
    1.68 +
    1.69 +.x-panel-tr {
    1.70 +    background-image: url(../images/slickness/panel/corners-sprite.gif);
    1.71 +}
    1.72 +
    1.73 +.x-panel-bc {
    1.74 +    background-image: url(../images/slickness/panel/top-bottom.gif);
    1.75 +}
    1.76 +
    1.77 +.x-panel-bl {
    1.78 +    background-image: url(../images/slickness/panel/corners-sprite.gif);
    1.79 +}
    1.80 +
    1.81 +.x-panel-br {
    1.82 +    background-image: url(../images/slickness/panel/corners-sprite.gif);
    1.83 +}
    1.84 +
    1.85 +.x-panel-mc {
    1.86 +    background: #171717;
    1.87 +}
    1.88 +
    1.89 +.x-panel-mc .x-panel-body {
    1.90 +    background: transparent;
    1.91 +    border: 0 none;
    1.92 +    color: #eee !important;
    1.93 +}
    1.94 +
    1.95 +.x-panel-ml {
    1.96 +    background-image: url(../images/slickness/panel/left-right.gif);
    1.97 +}
    1.98 +
    1.99 +.x-panel-mr {
   1.100 +    background-image: url(../images/slickness/panel/left-right.gif);
   1.101 +}
   1.102 +/* Ghosting */
   1.103 +.x-panel-ghost {
   1.104 +    background: #161616;
   1.105 +}
   1.106 +
   1.107 +.x-panel-ghost ul {
   1.108 +    border-color: #000000;
   1.109 +}
   1.110 +
   1.111 +.x-grid-panel .x-panel-mc .x-panel-body {
   1.112 +    border: 1px solid #000000;
   1.113 +}
   1.114 +/* Grid */
   1.115 +.x-grid3-row {
   1.116 +    color: #000000;
   1.117 +    border: 1px solid #666;
   1.118 +    border-bottom: 1px solid #000;
   1.119 +}
   1.120 +
   1.121 +.x-grid3-row-over {
   1.122 +    border: 1px solid #292929;
   1.123 +    border-left: 1px solid #666;
   1.124 +    background-image: url(../images/slickness/grid/row-over.gif);
   1.125 +}
   1.126 +
   1.127 +.x-grid3-header {
   1.128 +    background-image: url(../images/slickness/grid/grid3-hrow.gif);
   1.129 +    background-color: #747474;
   1.130 +}
   1.131 +
   1.132 +.x-grid3-hd-inner {
   1.133 +    color: #EEEEEE;
   1.134 +}
   1.135 +
   1.136 +.x-grid3-header-pop-inner {
   1.137 +    border-left: 1px solid #000000;
   1.138 +    background-image: url(../images/slickness/grid/hd-pop.gif);
   1.139 +}
   1.140 +
   1.141 +td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {
   1.142 +    border-left: 1px solid #000000;
   1.143 +    border-right: 1px solid #000000;
   1.144 +}
   1.145 +
   1.146 +.sort-desc .x-grid3-sort-icon {
   1.147 +    background-image: url(../images/slickness/grid/sort_desc.gif);
   1.148 +}
   1.149 +
   1.150 +.sort-asc .x-grid3-sort-icon {
   1.151 +    background-image: url(../images/slickness/grid/sort_asc.gif);
   1.152 +}
   1.153 +
   1.154 +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 {
   1.155 +    background-image: url(../images/slickness/grid/grid3-hrow-over.gif);
   1.156 +    background-color: #333;
   1.157 +}
   1.158 +
   1.159 +.x-dd-drag-proxy .x-grid3-hd-inner {
   1.160 +    background-image: url(../images/slickness/grid/grid3-hrow-over.gif);
   1.161 +}
   1.162 +
   1.163 +.x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker {
   1.164 +    background-image: url(../images/slickness/grid/grid-hrow.gif);
   1.165 +    color: #666;
   1.166 +    border-top: 1px solid #666 !important;
   1.167 +    border-right: 1px solid #000 !important;
   1.168 +}
   1.169 +
   1.170 +.x-grid3-hd-btn {
   1.171 +    background-image: url(../images/slickness/grid/grid3-hd-btn.gif);
   1.172 +}
   1.173 +
   1.174 +.x-grid3-body .x-grid3-td-expander {
   1.175 +    background-image: url(../images/slickness/grid/grid3-special-col-bg.gif);
   1.176 +}
   1.177 +
   1.178 +.x-grid3-body .x-grid3-td-checker {
   1.179 +    background-image: url(../images/slickness/grid/grid3-special-col-bg.gif);
   1.180 +}
   1.181 +
   1.182 +.x-grid3-body .x-grid3-td-numberer {
   1.183 +    background-image: url(../images/slickness/grid/grid3-special-col-bg.gif);
   1.184 +}
   1.185 +
   1.186 +.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 {
   1.187 +    background-image: url(../images/slickness/grid/grid3-special-col-sel-bg.gif);
   1.188 +}
   1.189 +
   1.190 +.x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {
   1.191 +    color: #eee;
   1.192 +}
   1.193 +
   1.194 +.x-grid3-hd-row td {
   1.195 +    border-left: 1px solid #555;
   1.196 +    border-right: 1px solid #333;
   1.197 +}
   1.198 +
   1.199 +.x-grid3-row-selected .x-grid3-cell, .x-grid3-row-selected .x-grid3-body-cell{
   1.200 +    color: #fff !important;
   1.201 +}
   1.202 +
   1.203 +.x-grid3-row-selected {
   1.204 +    background: #333 !important;
   1.205 +    border: 1px solid #fff;
   1.206 +}
   1.207 +
   1.208 +.x-grid-group-hd div {
   1.209 +    color: #223355;
   1.210 +}
   1.211 +
   1.212 +.x-grid-group-hd {
   1.213 +    border: 1px solid #000;
   1.214 +    border-bottom: 2px solid #333;
   1.215 +}
   1.216 +
   1.217 +.x-grid3-row-checker, .x-grid3-hd-checker {
   1.218 +    background-image: url(../images/slickness/grid/row-check-sprite.gif);
   1.219 +}
   1.220 +/* Menu */
   1.221 +.x-menu {
   1.222 +    border: 1px solid #000000;
   1.223 +    background-color: #393939;
   1.224 +    background-image: url(../images/slickness/menu/menu.gif);
   1.225 +}
   1.226 +
   1.227 +.x-menu-sep {
   1.228 +    background-color: #4d4d4d;
   1.229 +    border-bottom: 1px solid #272727;
   1.230 +}
   1.231 +
   1.232 +.x-menu-plain {
   1.233 +    background: #393939 !important;
   1.234 +}
   1.235 +
   1.236 +.x-menu-item-active {
   1.237 +    background-image: url(../images/slickness/menu/item-over.gif);
   1.238 +    background-color: #3f3f3f;
   1.239 +    border: 1px solid #222222;
   1.240 +}
   1.241 +
   1.242 +.x-menu a.x-menu-item {
   1.243 +    color: #eeeeee;
   1.244 +}
   1.245 +
   1.246 +.x-cycle-menu .x-menu-item-checked {
   1.247 +    border: 1px solid #222 !important;
   1.248 +    background: #414140 url(../images/slickness/menu/item-selected.gif) repeat-x left bottom;
   1.249 +    padding: 0;
   1.250 +    /*margin : 1px 0px;*/
   1.251 +}
   1.252 +
   1.253 +.x-menu-item-active a.x-menu-item {
   1.254 +    color: #ffffff;
   1.255 +}
   1.256 +
   1.257 +.xg-hmenu-sort-asc .x-menu-item-icon {
   1.258 +    background-image: url(../images/slickness/grid/hmenu-asc.gif);
   1.259 +}
   1.260 +
   1.261 +.xg-hmenu-sort-desc .x-menu-item-icon {
   1.262 +    background-image: url(../images/slickness/grid/hmenu-desc.gif);
   1.263 +}
   1.264 +
   1.265 +.x-menu-item-icon {
   1.266 +    height: 14px;
   1.267 +    width: 14px;
   1.268 +}
   1.269 +
   1.270 +.x-menu-check-item .x-menu-item-icon {
   1.271 +    background-image: url(../images/slickness/menu/unchecked.gif);
   1.272 +}
   1.273 +
   1.274 +.x-menu-item-checked .x-menu-item-icon {
   1.275 +    background-image: url(../images/slickness/menu/checked.gif);
   1.276 +}
   1.277 +
   1.278 +.x-menu-list-item .x-menu-group-item .x-menu-item-icon {
   1.279 +    background-image: url(../images/slickness/menu/group-unchecked.gif);
   1.280 +}
   1.281 +
   1.282 +.x-menu-item-checked .x-menu-group-item .x-menu-item-icon {
   1.283 +    background-image: url(../images/slickness/menu/group-checked.gif);
   1.284 +}
   1.285 +/* Panel Tools */
   1.286 +.x-tool {
   1.287 +    background-image: url(../images/slickness/panel/header-sprites.gif);
   1.288 +    width: 27px;
   1.289 +    height: 15px;
   1.290 +    margin-top: -4px;
   1.291 +    margin-left: 0px;
   1.292 +}
   1.293 +
   1.294 +legend .x-tool {
   1.295 +    margin-top: 0px;
   1.296 +}
   1.297 +
   1.298 +.x-tool-close {
   1.299 +    background-position: 0 -0;
   1.300 +}
   1.301 +
   1.302 +.x-tool-close-over {
   1.303 +    background-position: -27px 0;
   1.304 +}
   1.305 +
   1.306 +.x-tool-minimize {
   1.307 +    background-position: 0 -15px;
   1.308 +}
   1.309 +
   1.310 +.x-tool-minimize-over {
   1.311 +    background-position: -27px -15px;
   1.312 +}
   1.313 +
   1.314 +.x-tool-maximize {
   1.315 +    background-position: 0 -30px;
   1.316 +}
   1.317 +
   1.318 +.x-tool-maximize-over {
   1.319 +    background-position: -27px -30px;
   1.320 +}
   1.321 +
   1.322 +.x-tool-restore {
   1.323 +    background-position: 0 -45px;
   1.324 +}
   1.325 +
   1.326 +.x-tool-restore-over {
   1.327 +    background-position: -27px -45px;
   1.328 +}
   1.329 +
   1.330 +.x-tool-toggle {
   1.331 +    background-position: 0 -60px;
   1.332 +}
   1.333 +
   1.334 +.x-tool-toggle-over {
   1.335 +    background-position: -27px -60px;
   1.336 +}
   1.337 +
   1.338 +.x-panel-collapsed .x-tool-toggle {
   1.339 +    background-position: 0 -75px;
   1.340 +}
   1.341 +
   1.342 +.x-panel-collapsed .x-tool-toggle-over {
   1.343 +    background-position: -27px -75px;
   1.344 +}
   1.345 +
   1.346 +.x-tool-gear {
   1.347 +    background-position: 0 -90px;
   1.348 +}
   1.349 +
   1.350 +.x-tool-gear-over {
   1.351 +    background-position: -27px -90px;
   1.352 +}
   1.353 +
   1.354 +.x-tool-pin {
   1.355 +    background-position: 0 -135px;
   1.356 +}
   1.357 +
   1.358 +.x-tool-pin-over {
   1.359 +    background-position: -27px -135px;
   1.360 +}
   1.361 +
   1.362 +.x-tool-unpin {
   1.363 +    background-position: 0 -150px;
   1.364 +}
   1.365 +
   1.366 +.x-tool-unpin-over {
   1.367 +    background-position: -27px -150px;
   1.368 +}
   1.369 +
   1.370 +.x-tool-right {
   1.371 +    background-position: 0 -165px;
   1.372 +}
   1.373 +
   1.374 +.x-tool-right-over {
   1.375 +    background-position: -27px -165px;
   1.376 +}
   1.377 +
   1.378 +.x-tool-left {
   1.379 +    background-position: 0 -180px;
   1.380 +}
   1.381 +
   1.382 +.x-tool-left-over {
   1.383 +    background-position: -27px -180px;
   1.384 +}
   1.385 +
   1.386 +.x-tool-up {
   1.387 +    background-position: 0 -210px;
   1.388 +}
   1.389 +
   1.390 +.x-tool-up-over {
   1.391 +    background-position: -27px -210px;
   1.392 +}
   1.393 +
   1.394 +.x-tool-down {
   1.395 +    background-position: 0 -195px;
   1.396 +}
   1.397 +
   1.398 +.x-tool-down-over {
   1.399 +    background-position: -27px -195px;
   1.400 +}
   1.401 +
   1.402 +.x-tool-refresh {
   1.403 +    background-position: 0 -225px;
   1.404 +}
   1.405 +
   1.406 +.x-tool-refresh-over {
   1.407 +    background-position: -27px -225px;
   1.408 +}
   1.409 +
   1.410 +.x-tool-minus {
   1.411 +    background-position: 0 -255px;
   1.412 +}
   1.413 +
   1.414 +.x-tool-minus-over {
   1.415 +    background-position: -27px -255px;
   1.416 +}
   1.417 +
   1.418 +.x-tool-plus {
   1.419 +    background-position: 0 -240px;
   1.420 +}
   1.421 +
   1.422 +.x-tool-plus-over {
   1.423 +    background-position: -27px -240px;
   1.424 +}
   1.425 +
   1.426 +.x-tool-search {
   1.427 +    background-position: 0 -270px;
   1.428 +}
   1.429 +
   1.430 +.x-tool-search-over {
   1.431 +    background-position: -27px -270px;
   1.432 +}
   1.433 +
   1.434 +.x-tool-save {
   1.435 +    background-position: 0 -285px;
   1.436 +}
   1.437 +
   1.438 +.x-tool-save-over {
   1.439 +    background-position: -27px -285px;
   1.440 +}
   1.441 +
   1.442 +.x-tool-help {
   1.443 +    background-position: 0 -300px;
   1.444 +}
   1.445 +
   1.446 +.x-tool-help-over {
   1.447 +    background-position: -27px -300px;
   1.448 +}
   1.449 +
   1.450 +.x-tool-print {
   1.451 +    background-position: 0 -315px;
   1.452 +}
   1.453 +
   1.454 +.x-tool-print-over {
   1.455 +    background-position: -27px -315px;
   1.456 +}
   1.457 +
   1.458 +.x-tool-wrench {
   1.459 +    background-position: 0 -330px;
   1.460 +}
   1.461 +
   1.462 +.x-tool-wrench-over {
   1.463 +    background-position: -27px -330px;
   1.464 +}
   1.465 +/* Layout Tools */
   1.466 +.x-tool-collapse-south {
   1.467 +    background-position: 0 -195px;
   1.468 +}
   1.469 +
   1.470 +.x-tool-collapse-south-over {
   1.471 +    background-position: -27px -195px;
   1.472 +}
   1.473 +
   1.474 +.x-tool-collapse-north {
   1.475 +    background-position: 0 -210px;
   1.476 +}
   1.477 +
   1.478 +.x-tool-collapse-north-over {
   1.479 +    background-position: -27px -210px;
   1.480 +}
   1.481 +
   1.482 +.x-tool-collapse-west {
   1.483 +    background-position: 0 -180px;
   1.484 +}
   1.485 +
   1.486 +.x-tool-collapse-west-over {
   1.487 +    background-position: -27px -180px;
   1.488 +}
   1.489 +
   1.490 +.x-tool-collapse-east {
   1.491 +    background-position: 0 -165px;
   1.492 +}
   1.493 +
   1.494 +.x-tool-collapse-east-over {
   1.495 +    background-position: -27px -165px;
   1.496 +}
   1.497 +
   1.498 +.x-tool-expand-south {
   1.499 +    background-position: 0 -210px;
   1.500 +}
   1.501 +
   1.502 +.x-tool-expand-south-over {
   1.503 +    background-position: -27px -210px;
   1.504 +}
   1.505 +
   1.506 +.x-tool-expand-north {
   1.507 +    background-position: 0 -195px;
   1.508 +}
   1.509 +
   1.510 +.x-tool-expand-north-over {
   1.511 +    background-position: -27px -195px;
   1.512 +}
   1.513 +
   1.514 +.x-tool-expand-west {
   1.515 +    background-position: 0 -165px;
   1.516 +}
   1.517 +
   1.518 +.x-tool-expand-west-over {
   1.519 +    background-position: -27px -165px;
   1.520 +}
   1.521 +
   1.522 +.x-tool-expand-east {
   1.523 +    background-position: 0 -180px;
   1.524 +}
   1.525 +
   1.526 +.x-tool-expand-east-over {
   1.527 +    background-position: -27px -180px;
   1.528 +}
   1.529 +
   1.530 +.x-tool-expand-north, .x-tool-expand-south {
   1.531 +    float: right;
   1.532 +    margin: 0px 3px;
   1.533 +}
   1.534 +
   1.535 +.x-tool-expand-east, .x-tool-expand-west {
   1.536 +    float: none;
   1.537 +    margin: 0px -4px;
   1.538 +}
   1.539 +
   1.540 +.x-accordion-hd .x-tool-toggle-over {
   1.541 +    background-position: -27px -255px;
   1.542 +}
   1.543 +
   1.544 +.x-panel-collapsed .x-accordion-hd .x-tool-toggle-over {
   1.545 +    background-position: -27px -240px;
   1.546 +}
   1.547 +/* Buttons */
   1.548 +.x-btn-text {
   1.549 +    color: #eeeef0;
   1.550 +    font-weight: bold !important;
   1.551 +}
   1.552 +
   1.553 +.x-btn-left {
   1.554 +    background-image: url(../images/slickness/button/btn-sprite.gif);
   1.555 +}
   1.556 +
   1.557 +.x-btn-right {
   1.558 +    background-image: url(../images/slickness/button/btn-sprite.gif);
   1.559 +}
   1.560 +
   1.561 +.x-btn-center {
   1.562 +    background-image: url(../images/slickness/button/btn-sprite.gif);
   1.563 +}
   1.564 +
   1.565 +.x-btn-menu-arrow-wrap .x-btn-center button {
   1.566 +    background-image: url(../images/slickness/button/btn-arrow-light.gif);
   1.567 +}
   1.568 +
   1.569 +.x-btn-with-menu .x-btn-center em {
   1.570 +    background-image: url(../images/slickness/toolbar/btn-arrow-light.gif);
   1.571 +}
   1.572 +
   1.573 +.x-btn-text-icon .x-btn-with-menu .x-btn-center em {
   1.574 +    background-image: url(../images/slickness/toolbar/btn-arrow-light.gif);
   1.575 +}
   1.576 +/* Layout classes */
   1.577 +.x-border-layout-ct {
   1.578 +    background: #ddd; /* f1f2f4 */
   1.579 +}
   1.580 +
   1.581 +.x-accordion-hd {
   1.582 +    background-image: url(../images/slickness/panel/light-hd.gif);
   1.583 +}
   1.584 +
   1.585 +.x-layout-collapsed {
   1.586 +    background-color: #222222;
   1.587 +    border-color: #000000;
   1.588 +}
   1.589 +
   1.590 +.x-layout-collapsed-over {
   1.591 +    background-color: #444444;
   1.592 +}
   1.593 +/* qtips */
   1.594 +.x-tip .x-tip-close {
   1.595 +    background-image: url(../images/slickness/qtip/close.gif);
   1.596 +}
   1.597 +
   1.598 +.x-tip .x-tip-tc {
   1.599 +    background-image: url(../images/slickness/qtip/tip-sprite.gif);
   1.600 +}
   1.601 +
   1.602 +.x-tip .x-tip-tl {
   1.603 +    background-image: url(../images/slickness/qtip/tip-sprite.gif);
   1.604 +}
   1.605 +
   1.606 +.x-tip .x-tip-tr {
   1.607 +    background-image: url(../images/slickness/qtip/tip-sprite.gif);
   1.608 +}
   1.609 +
   1.610 +.x-tip .x-tip-bc {
   1.611 +    background-image: url(../images/slickness/qtip/tip-sprite.gif);
   1.612 +}
   1.613 +
   1.614 +.x-tip .x-tip-bl {
   1.615 +    background-image: url(../images/slickness/qtip/tip-sprite.gif);
   1.616 +}
   1.617 +
   1.618 +.x-tip .x-tip-br {
   1.619 +    background-image: url(../images/slickness/qtip/tip-sprite.gif);
   1.620 +}
   1.621 +
   1.622 +.x-tip .x-tip-ml {
   1.623 +    background-image: url(../images/slickness/qtip/tip-sprite.gif);
   1.624 +}
   1.625 +
   1.626 +.x-tip .x-tip-mr {
   1.627 +    background-image: url(../images/slickness/qtip/tip-sprite.gif);
   1.628 +}
   1.629 +
   1.630 +.x-tip .x-tip-header-text {
   1.631 +    color: #ffffff;
   1.632 +}
   1.633 +
   1.634 +.x-tip .x-tip-body {
   1.635 +    color: #eeeeee;
   1.636 +}
   1.637 +
   1.638 +.x-form-invalid-icon {
   1.639 +    background-image: url(../images/slickness/form/exclamation.gif);
   1.640 +}
   1.641 +
   1.642 +.x-form-invalid-tip .x-tip-tc {
   1.643 +    background-image: url(../images/slickness/form/error-tip-corners.gif);
   1.644 +}
   1.645 +
   1.646 +.x-form-invalid-tip .x-tip-tl {
   1.647 +    background-image: url(../images/slickness/form/error-tip-corners.gif);
   1.648 +}
   1.649 +
   1.650 +.x-form-invalid-tip .x-tip-tr {
   1.651 +    background-image: url(../images/slickness/form/error-tip-corners.gif);
   1.652 +}
   1.653 +
   1.654 +.x-form-invalid-tip .x-tip-bc {
   1.655 +    background-image: url(../images/slickness/form/error-tip-corners.gif);
   1.656 +}
   1.657 +
   1.658 +.x-form-invalid-tip .x-tip-bl {
   1.659 +    background-image: url(../images/slickness/form/error-tip-corners.gif);
   1.660 +}
   1.661 +
   1.662 +.x-form-invalid-tip .x-tip-br {
   1.663 +    background-image: url(../images/slickness/form/error-tip-corners.gif);
   1.664 +}
   1.665 +
   1.666 +.x-form-invalid-tip .x-tip-ml {
   1.667 +    background-image: url(../images/slickness/form/error-tip-corners.gif);
   1.668 +}
   1.669 +
   1.670 +.x-form-invalid-tip .x-tip-mr {
   1.671 +    background-image: url(../images/slickness/form/error-tip-corners.gif);
   1.672 +}
   1.673 +
   1.674 +.x-form-invalid-tip .x-tip-body {
   1.675 +    background-image: url(../images/slickness/form/exclamation.gif);
   1.676 +}
   1.677 +/* Toolbars */
   1.678 +.x-toolbar {
   1.679 +    border-color: #444444;
   1.680 +    background: #282828 url(../images/slickness/toolbar/bg.gif) repeat-x top left;
   1.681 +}
   1.682 +
   1.683 +.x-toolbar button {
   1.684 +    color: #eeeef0;
   1.685 +}
   1.686 +
   1.687 +.x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button {
   1.688 +    background-image: url(../images/slickness/toolbar/btn-arrow-light.gif);
   1.689 +}
   1.690 +
   1.691 +.x-toolbar .x-btn-text-icon .x-btn-menu-arrow-wrap .x-btn-center button {
   1.692 +    background-image: url(../images/slickness/toolbar/btn-arrow-light.gif);
   1.693 +}
   1.694 +
   1.695 +.x-toolbar .x-btn-over .x-btn-left {
   1.696 +    background-image: url(../images/slickness/toolbar/tb-btn-sprite.gif);
   1.697 +}
   1.698 +
   1.699 +.x-toolbar .x-btn-over .x-btn-right {
   1.700 +    background-image: url(../images/slickness/toolbar/tb-btn-sprite.gif);
   1.701 +}
   1.702 +
   1.703 +.x-toolbar .x-btn-over .x-btn-center {
   1.704 +    background-image: url(../images/slickness/toolbar/tb-btn-sprite.gif);
   1.705 +}
   1.706 +
   1.707 +.x-toolbar .x-btn-over button {
   1.708 +    color: #ffffff;
   1.709 +}
   1.710 +
   1.711 +.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 {
   1.712 +    background-image: url(../images/slickness/toolbar/tb-btn-sprite.gif);
   1.713 +}
   1.714 +
   1.715 +.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 {
   1.716 +    background-image: url(../images/slickness/toolbar/tb-btn-sprite.gif);
   1.717 +}
   1.718 +
   1.719 +.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 {
   1.720 +    background-image: url(../images/slickness/toolbar/tb-btn-sprite.gif);
   1.721 +}
   1.722 +
   1.723 +.x-toolbar .ytb-sep {
   1.724 +    background-image: url(../images/slickness/grid/grid-split.gif);
   1.725 +}
   1.726 +
   1.727 +.x-paging-info, .ytb-text {
   1.728 +    color: #eeeef0;
   1.729 +}
   1.730 +/* Form */
   1.731 +.x-form-field-wrap .x-form-trigger {
   1.732 +    background-image: url(../images/slickness/form/trigger.gif);
   1.733 +    border-bottom: 1px solid #a3a3a3;
   1.734 +}
   1.735 +
   1.736 +.x-form-field-wrap .x-form-date-trigger {
   1.737 +    background-image: url(../images/slickness/form/date-trigger.gif);
   1.738 +}
   1.739 +
   1.740 +.x-form-field-wrap .x-form-clear-trigger {
   1.741 +    background-image: url(../images/slickness/form/clear-trigger.gif);
   1.742 +}
   1.743 +
   1.744 +.x-form-field-wrap .x-form-search-trigger {
   1.745 +    background-image: url(../images/slickness/form/search-trigger.gif);
   1.746 +}
   1.747 +
   1.748 +.x-form-text, textarea.x-form-field {
   1.749 +    border: 1px solid #a3a3a3;
   1.750 +}
   1.751 +
   1.752 +.x-form-select-one {
   1.753 +    border: 1px solid #a3a3a3;
   1.754 +}
   1.755 +
   1.756 +.x-item-disabled .x-form-trigger-over {
   1.757 +    border-bottom: 1px solid #a3a3a3;
   1.758 +}
   1.759 +
   1.760 +.x-item-disabled .x-form-trigger-click {
   1.761 +    border-bottom: 1px solid #a3a3a3;
   1.762 +}
   1.763 +
   1.764 +.x-form fieldset {
   1.765 +    border: 1px solid #a3a3a3;
   1.766 +}
   1.767 +
   1.768 +.x-form-item-label {
   1.769 +    color: #eee;
   1.770 +}
   1.771 +
   1.772 +.x-panel-noborder .x-form-item-label {
   1.773 +    color: #111;
   1.774 +}
   1.775 +
   1.776 +.x-trigger-wrap-focus .x-form-trigger {
   1.777 +    border-bottom: 1px solid #eee !important;
   1.778 +}
   1.779 +
   1.780 +.x-form-focus, textarea.x-form-focus {
   1.781 +    border: 1px solid #eee !important;
   1.782 +}
   1.783 +
   1.784 +.x-panel-noborder .x-form-focus, textarea.x-form-focus {
   1.785 +    border: 1px solid #000;
   1.786 +}
   1.787 +/* Tabs */
   1.788 +.x-tab-panel-header, .x-tab-panel-footer {
   1.789 +    background: #000000;
   1.790 +    border-color: #4a4a4a;
   1.791 +}
   1.792 +
   1.793 +.x-tab-panel-header {
   1.794 +    border-color: transparent;
   1.795 +}
   1.796 +
   1.797 +.x-tab-panel-footer {
   1.798 +    border-color: #4a4a4a;
   1.799 +}
   1.800 +
   1.801 +ul.x-tab-strip-top {
   1.802 +    background: #000000 url(../images/slickness/tabs/tab-strip-bg.gif) repeat-x left top;
   1.803 +    border-color: #4a4a4a;
   1.804 +}
   1.805 +
   1.806 +ul.x-tab-strip-bottom {
   1.807 +    background-image: url(../images/slickness/tabs/tab-strip-btm-bg.gif);
   1.808 +    border-color: #4a4a4a;
   1.809 +}
   1.810 +
   1.811 +.x-tab-strip span.x-tab-strip-text {
   1.812 +    color: #cccccc;
   1.813 +}
   1.814 +
   1.815 +.x-tab-strip-over span.x-tab-strip-text {
   1.816 +    color: #ffffff;
   1.817 +}
   1.818 +
   1.819 +.x-tab-strip-active span.x-tab-strip-text {
   1.820 +    color: #eeeef0;
   1.821 +}
   1.822 +
   1.823 +.x-tab-strip-top .x-tab-right {
   1.824 +    background-image: url(../images/slickness/tabs/tabs-sprite.gif);
   1.825 +}
   1.826 +
   1.827 +.x-tab-strip-top .x-tab-left {
   1.828 +    background-image: url(../images/slickness/tabs/tabs-sprite.gif);
   1.829 +}
   1.830 +
   1.831 +.x-tab-strip-top .x-tab-strip-inner {
   1.832 +    background-image: url(../images/slickness/tabs/tabs-sprite.gif);
   1.833 +}
   1.834 +
   1.835 +.x-tab-strip-bottom .x-tab-right {
   1.836 +    background-image: url(../images/slickness/tabs/tab-btm-inactive-right-bg.gif);
   1.837 +}
   1.838 +
   1.839 +.x-tab-strip-bottom .x-tab-left {
   1.840 +    background-image: url(../images/slickness/tabs/tab-btm-inactive-left-bg.gif);
   1.841 +}
   1.842 +
   1.843 +.x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
   1.844 +    background-image: url(../images/slickness/tabs/tab-btm-right-bg.gif);
   1.845 +}
   1.846 +
   1.847 +.x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
   1.848 +    background-image: url(../images/slickness/tabs/tab-btm-left-bg.gif);
   1.849 +}
   1.850 +
   1.851 +.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
   1.852 +    background-image: url(../images/slickness/tabs/tab-close.gif);
   1.853 +}
   1.854 +
   1.855 +.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover {
   1.856 +    background-image: url(../images/slickness/tabs/tab-close.gif);
   1.857 +}
   1.858 +
   1.859 +.x-tab-panel-body {
   1.860 +    border-color: #4a4a4a;
   1.861 +    background: #eeeeee;
   1.862 +}
   1.863 +
   1.864 +.x-tab-panel-bbar .x-toolbar {
   1.865 +    border-color: #000000;
   1.866 +}
   1.867 +
   1.868 +.x-tab-panel-tbar .x-toolbar {
   1.869 +    border-color: #000000;
   1.870 +}
   1.871 +
   1.872 +.x-tab-panel-header-plain .x-tab-strip-spacer {
   1.873 +    border-color: #000000;
   1.874 +    background: #353535;
   1.875 +}
   1.876 +
   1.877 +.x-tab-scroller-left {
   1.878 +    background-image: url(../images/slickness/tabs/scroll-left.gif);
   1.879 +    border-color: #000000;
   1.880 +}
   1.881 +
   1.882 +.x-tab-scroller-right {
   1.883 +    background-image: url(../images/slickness/tabs/scroll-right.gif);
   1.884 +    border-color: #000000;
   1.885 +}
   1.886 +/* Window */
   1.887 +.x-window-proxy {
   1.888 +    background: #161616;
   1.889 +    border-color: #000000;
   1.890 +}
   1.891 +
   1.892 +.x-window-tl .x-window-header {
   1.893 +    color: #eeeef0;
   1.894 +}
   1.895 +
   1.896 +.x-window-tc {
   1.897 +    background-image: url(../images/slickness/window/top-bottom.png);
   1.898 +}
   1.899 +
   1.900 +.x-window-tl {
   1.901 +    background-image: url(../images/slickness/window/left-corners.png);
   1.902 +}
   1.903 +
   1.904 +.x-window-tr {
   1.905 +    background-image: url(../images/slickness/window/right-corners.png);
   1.906 +}
   1.907 +
   1.908 +.x-window-bc {
   1.909 +    background-image: url(../images/slickness/window/top-bottom.png);
   1.910 +}
   1.911 +
   1.912 +.x-window-bl {
   1.913 +    background-image: url(../images/slickness/window/left-corners.png);
   1.914 +}
   1.915 +
   1.916 +.x-window-br {
   1.917 +    background-image: url(../images/slickness/window/right-corners.png);
   1.918 +}
   1.919 +
   1.920 +.x-window-mc {
   1.921 +    border: 1px solid #333333;
   1.922 +    background: #222;
   1.923 +    color: #eeeeee;
   1.924 +}
   1.925 +
   1.926 +.x-window-ml {
   1.927 +    background-image: url(../images/slickness/window/left-right.png);
   1.928 +}
   1.929 +
   1.930 +.x-window-mr {
   1.931 +    background-image: url(../images/slickness/window/left-right.png);
   1.932 +}
   1.933 +
   1.934 +.x-panel-ghost .x-window-tl {
   1.935 +    border-color: #000000;
   1.936 +}
   1.937 +
   1.938 +.x-panel-collapsed .x-window-tl {
   1.939 +    border-color: #000000;
   1.940 +}
   1.941 +
   1.942 +.x-window-plain .x-window-mc {
   1.943 +    color: #eeeeee;
   1.944 +    background: #161616;
   1.945 +    border-left: 1px solid #111111;
   1.946 +    border-top: 1px solid #111111;
   1.947 +    border-bottom: 1px solid #222222;
   1.948 +    border-right: 1px solid #222222;
   1.949 +}
   1.950 +
   1.951 +.x-window-plain .x-window-body {
   1.952 +    border-left: 1px solid #555555;
   1.953 +    border-top: 1px solid #555555;
   1.954 +    border-bottom: 1px solid #333333;
   1.955 +    border-right: 1px solid #333333;
   1.956 +    background: transparent !important;
   1.957 +}
   1.958 +
   1.959 +body.x-body-masked .x-window-mc, body.x-body-masked .x-window-plain .x-window-mc {
   1.960 +    color: #eeeeee;
   1.961 +    background-color: #0e0e0e;
   1.962 +}
   1.963 +/* Date Picker */
   1.964 +.x-date-picker {
   1.965 +    border: 1px solid #000000;
   1.966 +    background: #ffffff;
   1.967 +}
   1.968 +
   1.969 +.x-date-middle, .x-date-left, .x-date-right {
   1.970 +    background-image: url(../images/slickness/shared/hd-sprite.gif);
   1.971 +}
   1.972 +
   1.973 +.x-date-middle .x-btn-with-menu .x-btn-center em {
   1.974 +    background-image: url(../images/slickness/toolbar/btn-arrow-light.gif);
   1.975 +}
   1.976 +
   1.977 +.x-date-right a {
   1.978 +    background-image: url(../images/slickness/shared/right-btn.gif);
   1.979 +}
   1.980 +
   1.981 +.x-date-left a {
   1.982 +    background-image: url(../images/slickness/shared/left-btn.gif);
   1.983 +}
   1.984 +
   1.985 +.x-date-inner th {
   1.986 +    background-image: url(../images/slickness/shared/glass-bg.gif);
   1.987 +    border-bottom: 1px solid #000000;
   1.988 +    color: #eeeef0;
   1.989 +}
   1.990 +
   1.991 +.x-date-inner .x-date-selected a {
   1.992 +    background-image: url(../images/slickness/shared/glass-bg.gif);
   1.993 +    border: 1px solid #000000;
   1.994 +    color: #eeeef0;
   1.995 +}
   1.996 +
   1.997 +.x-date-bottom {
   1.998 +    border-top: 1px solid #000000;
   1.999 +    background-image: url(../images/slickness/shared/glass-bg.gif);
  1.1000 +}
  1.1001 +
  1.1002 +.x-date-mp-btns {
  1.1003 +    background-image: url(../images/slickness/shared/glass-bg.gif);
  1.1004 +}
  1.1005 +
  1.1006 +td.x-date-mp-sel a {
  1.1007 +    background-image: url(../images/slickness/shared/glass-bg.gif);
  1.1008 +    border: 1px solid #000000;
  1.1009 +    color: #eeeef0 !important;
  1.1010 +}
  1.1011 +
  1.1012 +.x-date-mp-ybtn a {
  1.1013 +    background-image: url(../images/slickness/panel/tool-sprites.gif);
  1.1014 +}
  1.1015 +
  1.1016 +.x-date-mp-btns button {
  1.1017 +    background-image: url(../images/slickness/shared/glass-bg.gif);
  1.1018 +    border-color: #eeeeee #bbbbbb #bbbbbb #eeeeee;
  1.1019 +    color: #eeeef0;
  1.1020 +}
  1.1021 +
  1.1022 +.x-date-inner a {
  1.1023 +    color: #000000;
  1.1024 +}
  1.1025 +
  1.1026 +.x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover {
  1.1027 +    color: #eeeef0;
  1.1028 +    background: #353535;
  1.1029 +}
  1.1030 +
  1.1031 +td.x-date-mp-month a, td.x-date-mp-year a {
  1.1032 +    color: #000000;
  1.1033 +}
  1.1034 +
  1.1035 +td.x-date-mp-month a:hover, td.x-date-mp-year a:hover {
  1.1036 +    color: #eeeef0;
  1.1037 +    background: #353535;
  1.1038 +}
  1.1039 +/* misc */
  1.1040 +.x-html-editor-wrap {
  1.1041 +    border-color: #000000;
  1.1042 +}
  1.1043 +/* Editor */
  1.1044 +.x-html-editor-tb .x-btn-text {
  1.1045 +    background: transparent url(../images/slickness/editor/tb-sprite.gif) no-repeat;
  1.1046 +}
  1.1047 +/* FieldSet*/
  1.1048 +.x-fieldset-header-text {
  1.1049 +    color: #eeeeee;
  1.1050 +}
  1.1051 +/* Borders go last for specificity */
  1.1052 +.x-panel-noborder .x-panel-body-noborder {
  1.1053 +    border-width: 0;
  1.1054 +}
  1.1055 +
  1.1056 +.x-panel-noborder .x-panel-header-noborder {
  1.1057 +    border-width: 0;
  1.1058 +    border-bottom: 1px solid #000000;
  1.1059 +}
  1.1060 +
  1.1061 +.x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
  1.1062 +    border-width: 0;
  1.1063 +    border-bottom: 1px solid #000000;
  1.1064 +}
  1.1065 +
  1.1066 +.x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
  1.1067 +    border-width: 0;
  1.1068 +    border-top: 1px solid #000000;
  1.1069 +}
  1.1070 +
  1.1071 +.x-window-noborder .x-window-mc {
  1.1072 +    border-width: 0;
  1.1073 +}
  1.1074 +
  1.1075 +.x-window-plain .x-window-body-noborder {
  1.1076 +    border-width: 0;
  1.1077 +}
  1.1078 +
  1.1079 +.x-tab-panel-noborder .x-tab-panel-body-noborder {
  1.1080 +    border-width: 0;
  1.1081 +}
  1.1082 +
  1.1083 +.x-tab-panel-noborder .x-tab-panel-header-noborder {
  1.1084 +    border-top-width: 0;
  1.1085 +    border-left-width: 0;
  1.1086 +    border-right-width: 0;
  1.1087 +}
  1.1088 +
  1.1089 +.x-tab-panel-noborder .x-tab-panel-footer-noborder {
  1.1090 +    border-bottom-width: 0;
  1.1091 +    border-left-width: 0;
  1.1092 +    border-right-width: 0;
  1.1093 +}
  1.1094 +
  1.1095 +.x-tab-panel-bbar-noborder .x-toolbar {
  1.1096 +    border-width: 0;
  1.1097 +    border-top: 1px solid #000000;
  1.1098 +}
  1.1099 +
  1.1100 +.x-tab-panel-tbar-noborder .x-toolbar {
  1.1101 +    border-width: 0;
  1.1102 +    border-bottom: 1px solid #000000;
  1.1103 +}
  1.1104 +/* Progress Bar*/
  1.1105 +.x-progress-wrap {
  1.1106 +    border: 1px solid #4c4c4c;
  1.1107 +}
  1.1108 +
  1.1109 +.x-progress-inner {
  1.1110 +    background: #2d2d2d url(../images/slickness/progress/progress-bg.gif) repeat-x;
  1.1111 +}
  1.1112 +
  1.1113 +.x-progress-bar {
  1.1114 +    height: 18px;
  1.1115 +    background: transparent url( ../images/slickness/progress/progress-ind.gif ) repeat-x left center;
  1.1116 +    border: none;
  1.1117 +}
  1.1118 +
  1.1119 +.x-progress-text {
  1.1120 +    color: #000;
  1.1121 +}
  1.1122 +
  1.1123 +.x-progress-text-back {
  1.1124 +    color: #eee;
  1.1125 +}
  1.1126 +/* Dialog */
  1.1127 +.x-window-dlg .ext-mb-icon {
  1.1128 +    float: left;
  1.1129 +    width: 58px;
  1.1130 +    height: 48px;
  1.1131 +}
  1.1132 +
  1.1133 +.ext-ie .x-window-dlg .ext-mb-icon {
  1.1134 +    width: 55px; /* 3px IE margin issue */
  1.1135 +}
  1.1136 +
  1.1137 +.x-window-dlg .ext-mb-info {
  1.1138 +    background: transparent url(../images/slickness/window/icon-info.gif) no-repeat top left;
  1.1139 +}
  1.1140 +
  1.1141 +.x-window-dlg .ext-mb-warning {
  1.1142 +    background: transparent url(../images/slickness/window/icon-warning.gif) no-repeat top left;
  1.1143 +}
  1.1144 +
  1.1145 +.x-window-dlg .ext-mb-question {
  1.1146 +    background: transparent url(../images/slickness/window/icon-question.gif) no-repeat top left;
  1.1147 +}
  1.1148 +
  1.1149 +.x-window-dlg .ext-mb-error {
  1.1150 +    background: transparent url(../images/slickness/window/icon-error.gif) no-repeat top left;
  1.1151 +}
  1.1152 +/* Combo */
  1.1153 +.x-combo-list {
  1.1154 +    border: 1px solid #333;
  1.1155 +    background: #ddd;
  1.1156 +}
  1.1157 +
  1.1158 +.x-resizable-pinned .x-combo-list-inner {
  1.1159 +    /*border-bottom:1px solid #333;*/
  1.1160 +}
  1.1161 +
  1.1162 +.x-combo-list .x-combo-selected {
  1.1163 +    border: 1px dotted #888 !important;
  1.1164 +    background: #ccc;
  1.1165 +}
  1.1166 +
  1.1167 +.x-combo-noedit {
  1.1168 +    cursor: pointer;
  1.1169 +}
  1.1170 +
  1.1171 +.x-combo-list .x-toolbar {
  1.1172 +    border-top: 1px solid #333;
  1.1173 +}