resources/css/xtheme-gray.css

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