resources/css/xtheme-blue.css

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