resources/css/xtheme-blue.css

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