resources/css/xtheme-blue.css

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