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