resources/css/ext-all.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 html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}img,body,html{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}.ext-el-mask {\r
   8     z-index: 100;\r
   9     position: absolute;\r
  10     top:0;\r
  11     left:0;\r
  12     -moz-opacity: 0.5;\r
  13     opacity: .50;\r
  14     filter: alpha(opacity=50);\r
  15     width: 100%;\r
  16     height: 100%;\r
  17     zoom: 1;\r
  18 }\r
  19 \r
  20 .ext-el-mask-msg {\r
  21     z-index: 20001;\r
  22     position: absolute;\r
  23     top: 0;\r
  24     left: 0;\r
  25     border:1px solid;\r
  26     background:repeat-x 0 -16px;\r
  27     padding:2px;\r
  28 }\r
  29 \r
  30 .ext-el-mask-msg div {\r
  31     padding:5px 10px 5px 10px;\r
  32     border:1px solid;\r
  33     cursor:wait;\r
  34 }\r
  35 \r
  36 .ext-shim {\r
  37     position:absolute;\r
  38     visibility:hidden;\r
  39     left:0;\r
  40     top:0;\r
  41     overflow:hidden;\r
  42 }\r
  43 \r
  44 .ext-ie .ext-shim {\r
  45     filter: alpha(opacity=0);\r
  46 }\r
  47 \r
  48 .ext-ie6 .ext-shim {\r
  49     margin-left: 5px;\r
  50     margin-top: 3px;\r
  51 }\r
  52 \r
  53 .x-mask-loading div {\r
  54     padding:5px 10px 5px 25px;\r
  55     background:no-repeat 5px 5px;\r
  56     line-height:16px;\r
  57 }\r
  58 \r
  59 /* class for hiding elements without using display:none */\r
  60 .x-hidden, .x-hide-offsets {\r
  61     position:absolute !important;\r
  62     left:-10000px;\r
  63     top:-10000px;\r
  64     visibility:hidden;\r
  65 }\r
  66 \r
  67 .x-hide-display {\r
  68     display:none !important;\r
  69 }\r
  70 \r
  71 .x-hide-visibility {\r
  72     visibility:hidden !important;\r
  73 }\r
  74 \r
  75 .x-masked {\r
  76     overflow: hidden !important;\r
  77 }\r
  78 .x-masked-relative {\r
  79     position: relative !important;\r
  80 }\r
  81 \r
  82 .x-masked select, .x-masked object, .x-masked embed {\r
  83     visibility: hidden;\r
  84 }\r
  85 \r
  86 .x-layer {\r
  87     visibility: hidden;\r
  88 }\r
  89 \r
  90 .x-unselectable, .x-unselectable * {\r
  91     -moz-user-select: none;\r
  92     -khtml-user-select: none;\r
  93     -webkit-user-select:ignore;\r
  94 }\r
  95 \r
  96 .x-repaint {\r
  97     zoom: 1;\r
  98     background-color: transparent;\r
  99     -moz-outline: none;\r
 100     outline: none;\r
 101 }\r
 102 \r
 103 .x-item-disabled {\r
 104     cursor: default;\r
 105     opacity: .6;\r
 106     -moz-opacity: .6;\r
 107     filter: alpha(opacity=60);\r
 108 }\r
 109 \r
 110 .x-item-disabled * {\r
 111     cursor: default !important;\r
 112 }\r
 113 \r
 114 .x-splitbar-proxy {\r
 115     position: absolute;\r
 116     visibility: hidden;\r
 117     z-index: 20001;\r
 118     zoom: 1;\r
 119     line-height: 1px;\r
 120     font-size: 1px;\r
 121     overflow: hidden;\r
 122 }\r
 123 \r
 124 .x-splitbar-h, .x-splitbar-proxy-h {\r
 125     cursor: e-resize;\r
 126     cursor: col-resize;\r
 127 }\r
 128 \r
 129 .x-splitbar-v, .x-splitbar-proxy-v {\r
 130     cursor: s-resize;\r
 131     cursor: row-resize;\r
 132 }\r
 133 \r
 134 .x-color-palette {\r
 135     width: 150px;\r
 136     height: 92px;\r
 137     cursor: pointer;\r
 138 }\r
 139 \r
 140 .x-color-palette a {\r
 141     border: 1px solid;\r
 142     float: left;\r
 143     padding: 2px;\r
 144     text-decoration: none;\r
 145     -moz-outline: 0 none;\r
 146     outline: 0 none;\r
 147     cursor: pointer;\r
 148 }\r
 149 \r
 150 .x-color-palette a:hover, .x-color-palette a.x-color-palette-sel {\r
 151     border: 1px solid;\r
 152 }\r
 153 \r
 154 .x-color-palette em {\r
 155     display: block;\r
 156     border: 1px solid;\r
 157 }\r
 158 \r
 159 .x-color-palette em span {\r
 160     cursor: pointer;\r
 161     display: block;\r
 162     height: 10px;\r
 163     line-height: 10px;\r
 164     width: 10px;\r
 165 }\r
 166 \r
 167 .x-ie-shadow {\r
 168     display: none;\r
 169     position: absolute;\r
 170     overflow: hidden;\r
 171     left:0;\r
 172     top:0;\r
 173     zoom:1;\r
 174 }\r
 175 \r
 176 .x-shadow {\r
 177     display: none;\r
 178     position: absolute;\r
 179     overflow: hidden;\r
 180     left:0;\r
 181     top:0;\r
 182 }\r
 183 \r
 184 .x-shadow * {\r
 185     overflow: hidden;\r
 186 }\r
 187 \r
 188 .x-shadow * {\r
 189     padding: 0;\r
 190     border: 0;\r
 191     margin: 0;\r
 192     clear: none;\r
 193     zoom: 1;\r
 194 }\r
 195 \r
 196 /* top  bottom */\r
 197 .x-shadow .xstc, .x-shadow .xsbc {\r
 198     height: 6px;\r
 199     float: left;\r
 200 }\r
 201 \r
 202 /* corners */\r
 203 .x-shadow .xstl, .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbr {\r
 204     width: 6px;\r
 205     height: 6px;\r
 206     float: left;\r
 207 }\r
 208 \r
 209 /* sides */\r
 210 .x-shadow .xsc {\r
 211     width: 100%;\r
 212 }\r
 213 \r
 214 .x-shadow .xsml, .x-shadow .xsmr {\r
 215     width: 6px;\r
 216     float: left;\r
 217     height: 100%;\r
 218 }\r
 219 \r
 220 .x-shadow .xsmc {\r
 221     float: left;\r
 222     height: 100%;\r
 223     background: transparent;\r
 224 }\r
 225 \r
 226 .x-shadow .xst, .x-shadow .xsb {\r
 227     height: 6px;\r
 228     overflow: hidden;\r
 229     width: 100%;\r
 230 }\r
 231 \r
 232 .x-shadow .xsml {\r
 233     background: transparent repeat-y 0 0;\r
 234 }\r
 235 \r
 236 .x-shadow .xsmr {\r
 237     background: transparent repeat-y -6px 0;\r
 238 }\r
 239 \r
 240 .x-shadow .xstl {\r
 241     background: transparent no-repeat 0 0;\r
 242 }\r
 243 \r
 244 .x-shadow .xstc {\r
 245     background: transparent repeat-x 0 -30px;\r
 246 }\r
 247 \r
 248 .x-shadow .xstr {\r
 249     background: transparent repeat-x 0 -18px;\r
 250 }\r
 251 \r
 252 .x-shadow .xsbl {\r
 253     background: transparent no-repeat 0 -12px;\r
 254 }\r
 255 \r
 256 .x-shadow .xsbc {\r
 257     background: transparent repeat-x 0 -36px;\r
 258 }\r
 259 \r
 260 .x-shadow .xsbr {\r
 261     background: transparent repeat-x 0 -6px;\r
 262 }\r
 263 \r
 264 .loading-indicator {\r
 265     background: no-repeat left;\r
 266     padding-left: 20px;\r
 267     line-height: 16px;\r
 268     margin: 3px;\r
 269 }\r
 270 \r
 271 .x-text-resize {\r
 272     position: absolute;\r
 273     left: -1000px;\r
 274     top: -1000px;\r
 275     visibility: hidden;\r
 276     zoom: 1;\r
 277 }\r
 278 \r
 279 .x-drag-overlay {\r
 280     width: 100%;\r
 281     height: 100%;\r
 282     display: none;\r
 283     position: absolute;\r
 284     left: 0;\r
 285     top: 0;\r
 286     background-image:url(../images/default/s.gif);\r
 287     z-index: 20000;\r
 288 }\r
 289 \r
 290 .x-clear {\r
 291     clear:both;\r
 292     height:0;\r
 293     overflow:hidden;\r
 294     line-height:0;\r
 295     font-size:0;\r
 296 }\r
 297 \r
 298 .x-spotlight {\r
 299     z-index: 8999;\r
 300     position: absolute;\r
 301     top:0;\r
 302     left:0;\r
 303     -moz-opacity: 0.5;\r
 304     opacity: .50;\r
 305     filter: alpha(opacity=50);\r
 306     width:0;\r
 307     height:0;\r
 308     zoom: 1;\r
 309 }\r
 310 \r
 311 #x-history-frame {\r
 312     position:absolute;\r
 313     top:-1px;\r
 314     left:0;\r
 315         width:1px;\r
 316     height:1px;\r
 317     visibility:hidden;\r
 318 }\r
 319 \r
 320 #x-history-field {\r
 321     position:absolute;\r
 322     top:0;\r
 323     left:-1px;\r
 324         width:1px;\r
 325     height:1px;\r
 326     visibility:hidden;\r
 327 }\r
 328 .x-resizable-handle {\r
 329     position:absolute;\r
 330     z-index:100;\r
 331     /* ie needs these */\r
 332     font-size:1px;\r
 333     line-height:6px;\r
 334     overflow:hidden;\r
 335         filter:alpha(opacity=0);\r
 336         opacity:0;\r
 337         zoom:1;\r
 338 }\r
 339 \r
 340 .x-resizable-handle-east{\r
 341     width:6px;\r
 342     cursor:e-resize;\r
 343     right:0;\r
 344     top:0;\r
 345     height:100%;\r
 346 }\r
 347 \r
 348 .ext-ie .x-resizable-handle-east {\r
 349     margin-right:-1px; /*IE rounding error*/\r
 350 }\r
 351 \r
 352 .x-resizable-handle-south{\r
 353     width:100%;\r
 354     cursor:s-resize;\r
 355     left:0;\r
 356     bottom:0;\r
 357     height:6px;\r
 358 }\r
 359 \r
 360 .ext-ie .x-resizable-handle-south {\r
 361     margin-bottom:-1px; /*IE rounding error*/\r
 362 }\r
 363 \r
 364 .x-resizable-handle-west{\r
 365     width:6px;\r
 366     cursor:w-resize;\r
 367     left:0;\r
 368     top:0;\r
 369     height:100%;\r
 370 }\r
 371 \r
 372 .x-resizable-handle-north{\r
 373     width:100%;\r
 374     cursor:n-resize;\r
 375     left:0;\r
 376     top:0;\r
 377     height:6px;\r
 378 }\r
 379 \r
 380 .x-resizable-handle-southeast{\r
 381     width:6px;\r
 382     cursor:se-resize;\r
 383     right:0;\r
 384     bottom:0;\r
 385     height:6px;\r
 386     z-index:101;\r
 387 }\r
 388 \r
 389 .x-resizable-handle-northwest{\r
 390     width:6px;\r
 391     cursor:nw-resize;\r
 392     left:0;\r
 393     top:0;\r
 394     height:6px;\r
 395     z-index:101;\r
 396 }\r
 397 \r
 398 .x-resizable-handle-northeast{\r
 399     width:6px;\r
 400     cursor:ne-resize;\r
 401     right:0;\r
 402     top:0;\r
 403     height:6px;\r
 404     z-index:101;\r
 405 }\r
 406 \r
 407 .x-resizable-handle-southwest{\r
 408     width:6px;\r
 409     cursor:sw-resize;\r
 410     left:0;\r
 411     bottom:0;\r
 412     height:6px;\r
 413     z-index:101;\r
 414 }\r
 415 \r
 416 .x-resizable-over .x-resizable-handle, .x-resizable-pinned .x-resizable-handle{\r
 417     filter:alpha(opacity=100);\r
 418         opacity:1;\r
 419 }\r
 420 \r
 421 .x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-east,\r
 422 .x-resizable-over .x-resizable-handle-west, .x-resizable-pinned .x-resizable-handle-west\r
 423 {\r
 424         background-position: left;\r
 425 }\r
 426 \r
 427 .x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south,\r
 428 .x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north\r
 429 {\r
 430     background-position: top;\r
 431 }\r
 432 \r
 433 .x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast{\r
 434     background-position: top left;\r
 435 }\r
 436 \r
 437 .x-resizable-over .x-resizable-handle-northwest, .x-resizable-pinned .x-resizable-handle-northwest{\r
 438     background-position:bottom right;\r
 439 }\r
 440 \r
 441 .x-resizable-over .x-resizable-handle-northeast, .x-resizable-pinned .x-resizable-handle-northeast{\r
 442     background-position: bottom left;\r
 443 }\r
 444 \r
 445 .x-resizable-over .x-resizable-handle-southwest, .x-resizable-pinned .x-resizable-handle-southwest{\r
 446     background-position: top right;\r
 447 }\r
 448 \r
 449 .x-resizable-proxy{\r
 450     border: 1px dashed;\r
 451     position:absolute;\r
 452     overflow:hidden;\r
 453     display:none;\r
 454         left:0;\r
 455     top:0;\r
 456     z-index:50000;\r
 457 }\r
 458 \r
 459 .x-resizable-overlay{\r
 460     width:100%;\r
 461         height:100%;\r
 462         display:none;\r
 463         position:absolute;\r
 464         left:0;\r
 465         top:0;\r
 466         z-index:200000;\r
 467         -moz-opacity: 0;\r
 468     opacity:0;\r
 469     filter: alpha(opacity=0);\r
 470 }\r
 471 .x-tab-panel {
 472     overflow:hidden;
 473 }
 474
 475 .x-tab-panel-header, .x-tab-panel-footer {
 476         border: 1px solid;
 477     overflow:hidden;
 478     zoom:1;
 479 }
 480
 481 .x-tab-panel-header {
 482         border: 1px solid;
 483         padding-bottom: 2px;
 484 }
 485
 486 .x-tab-panel-footer {
 487         border: 1px solid;
 488         padding-top: 2px;
 489 }
 490
 491 .x-tab-strip-wrap {
 492         width:100%;
 493     overflow:hidden;
 494     position:relative;
 495     zoom:1;
 496 }
 497
 498 ul.x-tab-strip {
 499         display:block;
 500     width:5000px;
 501     zoom:1;
 502 }
 503
 504 ul.x-tab-strip-top{
 505         padding-top: 1px;
 506         background: repeat-x bottom;
 507         border-bottom: 1px solid;
 508 }
 509
 510 ul.x-tab-strip-bottom{
 511         padding-bottom: 1px;
 512         background: repeat-x top;
 513         border-top: 1px solid;
 514         border-bottom: 0 none;
 515 }
 516
 517 .x-tab-panel-header-plain .x-tab-strip-top {
 518     background:transparent !important;
 519     padding-top:0 !important;
 520 }
 521
 522 .x-tab-panel-header-plain {
 523     background:transparent !important;
 524     border-width:0 !important;
 525     padding-bottom:0 !important;
 526 }
 527
 528 .x-tab-panel-header-plain .x-tab-strip-spacer,
 529 .x-tab-panel-footer-plain .x-tab-strip-spacer {
 530     border:1px solid;
 531     height:2px;
 532     font-size:1px;
 533     line-height:1px;
 534 }
 535
 536 .x-tab-panel-header-plain .x-tab-strip-spacer {
 537     border-top: 0 none;
 538 }
 539
 540 .x-tab-panel-footer-plain .x-tab-strip-spacer {
 541     border-bottom: 0 none;
 542 }
 543
 544 .x-tab-panel-footer-plain .x-tab-strip-bottom {
 545     background:transparent !important;
 546     padding-bottom:0 !important;
 547 }
 548
 549 .x-tab-panel-footer-plain {
 550     background:transparent !important;
 551     border-width:0 !important;
 552     padding-top:0 !important;
 553 }
 554
 555 .ext-border-box .x-tab-panel-header-plain .x-tab-strip-spacer,
 556 .ext-border-box .x-tab-panel-footer-plain .x-tab-strip-spacer {
 557     height:3px;
 558 }
 559
 560 ul.x-tab-strip li {
 561     float:left;
 562     margin-left:2px;
 563 }
 564
 565 ul.x-tab-strip li.x-tab-edge {
 566     float:left;
 567     margin:0 !important;
 568     padding:0 !important;
 569     border:0 none !important;
 570     font-size:1px !important;
 571     line-height:1px !important;
 572     overflow:hidden;
 573     zoom:1;
 574     background:transparent !important;
 575     width:1px;
 576 }
 577
 578 .x-tab-strip a, .x-tab-strip span, .x-tab-strip em {
 579         display:block;
 580 }
 581
 582 .x-tab-strip a {
 583         text-decoration:none !important;
 584         -moz-outline: none;
 585         outline: none;
 586         cursor:pointer;
 587 }
 588
 589 .x-tab-strip-inner {
 590     overflow:hidden;
 591         text-overflow: ellipsis;
 592 }
 593
 594 .x-tab-strip span.x-tab-strip-text {
 595         white-space: nowrap;
 596         cursor:pointer;
 597     padding:4px 0;
 598 }
 599
 600 .x-tab-strip-top .x-tab-with-icon .x-tab-right {
 601     padding-left:6px;
 602 }
 603
 604 .x-tab-strip .x-tab-with-icon span.x-tab-strip-text {
 605         padding-left:20px;
 606     background-position: 0 3px;
 607     background-repeat: no-repeat;
 608 }
 609
 610 .x-tab-strip-active, .x-tab-strip-active a.x-tab-right {
 611     cursor:default;
 612 }
 613
 614 .x-tab-strip-active span.x-tab-strip-text {
 615         cursor:default;
 616 }
 617
 618 .x-tab-strip-disabled .x-tabs-text {
 619         cursor:default;
 620 }
 621
 622 .x-tab-panel-body {
 623     overflow:hidden;
 624 }
 625
 626 .x-tab-panel-bwrap {
 627     overflow:hidden;
 628 }
 629
 630 .ext-ie .x-tab-strip .x-tab-right {
 631     position:relative;
 632 }
 633
 634 .x-tab-strip-top .x-tab-strip-active .x-tab-right {
 635     margin-bottom:-1px;
 636 }
 637
 638 /*
 639  * Horrible hack for IE8 in quirks mode
 640  */
 641 .ext-ie8 ul.x-tab-strip li {
 642     position: relative;
 643 }
 644 .ext-ie8 .x-tab-strip .x-tab-right{
 645     margin-bottom: 0 !important;
 646     top: 1px;
 647 }
 648 .ext-ie8 ul.x-tab-strip-top {
 649     padding-top: 0;
 650 }
 651 .ext-ie8 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
 652     top:4px;
 653 }
 654
 655
 656 .x-tab-strip-top .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
 657     padding-bottom:5px;
 658 }
 659
 660 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
 661     margin-top:-1px;
 662 }
 663
 664 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
 665     padding-top:5px;
 666 }
 667
 668 .x-tab-strip-top .x-tab-right {
 669         background: transparent no-repeat 0 -51px;
 670     padding-left:10px;
 671 }
 672
 673 .x-tab-strip-top .x-tab-left {
 674         background: transparent no-repeat right -351px;
 675     padding-right:10px;
 676 }
 677
 678 .x-tab-strip-top .x-tab-strip-inner {
 679         background: transparent repeat-x 0 -201px;
 680 }
 681
 682 .x-tab-strip-top .x-tab-strip-over .x-tab-right {
 683          background-position:0 -101px;
 684 }
 685
 686 .x-tab-strip-top .x-tab-strip-over .x-tab-left {
 687          background-position:right -401px;
 688 }
 689
 690 .x-tab-strip-top .x-tab-strip-over .x-tab-strip-inner {
 691          background-position:0 -251px;
 692 }
 693
 694 .x-tab-strip-top .x-tab-strip-active .x-tab-right {
 695         background-position: 0 0;
 696 }
 697
 698 .x-tab-strip-top .x-tab-strip-active .x-tab-left {
 699         background-position: right -301px;
 700 }
 701
 702 .x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner {
 703         background-position: 0 -151px;
 704 }
 705
 706 .x-tab-strip-bottom .x-tab-right {
 707         background: no-repeat bottom right;
 708 }
 709
 710 .x-tab-strip-bottom .x-tab-left {
 711         background: no-repeat bottom left;
 712 }
 713
 714 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
 715         background: no-repeat bottom right;
 716 }
 717
 718 .x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
 719         background: no-repeat bottom left;
 720 }
 721
 722 .x-tab-strip-bottom .x-tab-left {
 723     margin-right: 3px;
 724     padding:0 10px;
 725 }
 726
 727 .x-tab-strip-bottom .x-tab-right {
 728     padding:0;
 729 }
 730
 731 .x-tab-strip .x-tab-strip-close {
 732     display:none;
 733 }
 734
 735 .x-tab-strip-closable {
 736     position:relative;
 737 }
 738
 739 .x-tab-strip-closable .x-tab-left {
 740     padding-right:19px;
 741 }
 742
 743 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
 744     opacity:.6;
 745     -moz-opacity:.6;
 746     background-repeat:no-repeat;
 747     display:block;
 748         width:11px;
 749     height:11px;
 750     position:absolute;
 751     top:3px;
 752     right:3px;
 753     cursor:pointer;
 754     z-index:2;
 755 }
 756
 757 .x-tab-strip .x-tab-strip-active a.x-tab-strip-close {
 758     opacity:.8;
 759     -moz-opacity:.8;
 760 }
 761 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
 762     opacity:1;
 763     -moz-opacity:1;
 764 }
 765
 766 .x-tab-panel-body {
 767     border: 1px solid;
 768 }
 769
 770 .x-tab-panel-body-top {
 771     border-top: 0 none;
 772 }
 773
 774 .x-tab-panel-body-bottom {
 775     border-bottom: 0 none;
 776 }
 777
 778 .x-tab-scroller-left {
 779     background: transparent no-repeat -18px 0;
 780     border-bottom: 1px solid;
 781     width:18px;
 782     position:absolute;
 783     left:0;
 784     top:0;
 785     z-index:10;
 786     cursor:pointer;
 787 }
 788 .x-tab-scroller-left-over {
 789     background-position: 0 0;
 790 }
 791
 792 .x-tab-scroller-left-disabled {
 793     background-position: -18px 0;
 794     opacity:.5;
 795     -moz-opacity:.5;
 796     filter:alpha(opacity=50);
 797     cursor:default;
 798 }
 799
 800 .x-tab-scroller-right {
 801     background: transparent no-repeat 0 0;
 802     border-bottom: 1px solid;
 803     width:18px;
 804     position:absolute;
 805     right:0;
 806     top:0;
 807     z-index:10;
 808     cursor:pointer;
 809 }
 810
 811 .x-tab-scroller-right-over {
 812     background-position: -18px 0;
 813 }
 814
 815 .x-tab-scroller-right-disabled {
 816     background-position: 0 0;
 817     opacity:.5;
 818     -moz-opacity:.5;
 819     filter:alpha(opacity=50);
 820     cursor:default;
 821 }
 822
 823 .x-tab-scrolling-bottom .x-tab-scroller-left, .x-tab-scrolling-bottom .x-tab-scroller-right{
 824     margin-top: 1px;
 825 }
 826
 827 .x-tab-scrolling .x-tab-strip-wrap {
 828     margin-left:18px;
 829     margin-right:18px;
 830 }
 831
 832 .x-tab-scrolling {
 833     position:relative;
 834 }
 835
 836 .x-tab-panel-bbar .x-toolbar {
 837     border:1px solid;
 838     border-top:0 none;
 839     overflow:hidden;
 840     padding:2px;
 841 }
 842
 843 .x-tab-panel-tbar .x-toolbar {
 844     border:1px solid;
 845     border-top:0 none;
 846     overflow:hidden;
 847     padding:2px;
 848 }/* all fields */
 849 .x-form-field{
 850     margin: 0 0 0 0;
 851 }
 852
 853 .ext-webkit *:focus{
 854     outline: none !important;
 855 }
 856
 857 /* ---- text fields ---- */
 858 .x-form-text, textarea.x-form-field{
 859     padding:1px 3px;
 860     background:repeat-x 0 0;
 861     border:1px solid;
 862 }
 863
 864 textarea.x-form-field {
 865     padding:2px 3px;
 866 }
 867
 868 .x-form-text, .ext-ie .x-form-file {
 869     height:22px;
 870     line-height:18px;
 871     vertical-align:middle;
 872 }
 873
 874 .ext-ie6 .x-form-text, .ext-ie7 .x-form-text {
 875     margin:-1px 0; /* ie bogus margin bug */
 876     height:22px; /* ie quirks */
 877     line-height:18px;
 878 }
 879
 880 .ext-ie6 textarea.x-form-field, .ext-ie7 textarea.x-form-field {
 881     margin:-1px 0; /* ie bogus margin bug */
 882 }
 883
 884 .ext-strict .x-form-text {
 885     height:18px;
 886 }
 887
 888 .ext-safari.ext-mac textarea.x-form-field {
 889     margin-bottom:-2px; /* another bogus margin bug, safari/mac only */
 890 }
 891
 892 .ext-strict .ext-ie8 .x-form-text, .ext-strict .ext-ie8 textarea.x-form-field {
 893         margin-bottom: 1px;
 894 }
 895
 896 .ext-gecko .x-form-text , .ext-ie8 .x-form-text {
 897     padding-top:2px; /* FF won't center the text vertically */
 898     padding-bottom:0;
 899 }
 900
 901 textarea {
 902     resize: none;  /* Disable browser resizable textarea */
 903 }
 904
 905 /* select boxes */
 906 .x-form-select-one {
 907     height:20px;
 908     line-height:18px;
 909     vertical-align:middle;
 910     border: 1px solid;
 911 }
 912
 913 /* multi select boxes */
 914
 915 /* --- TODO --- */
 916
 917 /* 2.0.2 style */
 918 .x-form-check-wrap {
 919     line-height:18px;
 920     height: 22px;
 921 }
 922
 923 .ext-ie .x-form-check-wrap input {
 924     width:15px;
 925     height:15px;
 926 }
 927
 928 .x-form-check-wrap input{
 929     vertical-align: bottom;
 930 }
 931
 932 .x-editor .x-form-check-wrap {
 933     padding:3px;
 934 }
 935
 936 .x-editor .x-form-checkbox {
 937     height:13px;
 938 }
 939
 940 .x-form-check-group-label {
 941     border-bottom: 1px solid;
 942     margin-bottom: 5px;
 943     padding-left: 3px !important;
 944     float: none !important;
 945 }
 946
 947 /* wrapped fields and triggers */
 948 .x-form-field-wrap .x-form-trigger{
 949     width:17px;
 950     height:21px;
 951     border:0;
 952     background:transparent no-repeat 0 0;
 953     cursor:pointer;
 954     border-bottom: 1px solid;
 955     position:absolute;
 956     top:0;
 957 }
 958
 959 .x-form-field-wrap .x-form-date-trigger, .x-form-field-wrap .x-form-clear-trigger, .x-form-field-wrap .x-form-search-trigger{
 960     cursor:pointer;
 961 }
 962
 963 .ext-webkit .x-form-field-wrap .x-form-trigger{
 964     right:0;
 965 }
 966
 967 .x-form-field-wrap .x-form-twin-triggers .x-form-trigger{
 968     position:static;
 969     top:auto;
 970     vertical-align:top;
 971 }
 972
 973 .x-form-field-wrap {
 974     position:relative;
 975     left:0;top:0;
 976     zoom:1;
 977     white-space: nowrap;
 978 }
 979
 980 .x-form-field-wrap .x-form-trigger-over{
 981     background-position:-17px 0;
 982 }
 983
 984 .x-form-field-wrap .x-form-trigger-click{
 985     background-position:-34px 0;
 986 }
 987
 988 .x-trigger-wrap-focus .x-form-trigger{
 989     background-position:-51px 0;
 990 }
 991
 992 .x-trigger-wrap-focus .x-form-trigger-over{
 993     background-position:-68px 0;
 994 }
 995
 996 .x-trigger-wrap-focus .x-form-trigger-click{
 997     background-position:-85px 0;
 998 }
 999
1000 .x-trigger-wrap-focus .x-form-trigger{
1001     border-bottom: 1px solid;
1002 }
1003
1004 .x-item-disabled .x-form-trigger-over{
1005     background-position:0 0 !important;
1006     border-bottom: 1px solid;
1007 }
1008
1009 .x-item-disabled .x-form-trigger-click{
1010     background-position:0 0 !important;
1011     border-bottom: 1px solid;
1012 }
1013
1014 .x-trigger-noedit{
1015     cursor:pointer;
1016 }
1017
1018 /* field focus style */
1019 .x-form-focus, textarea.x-form-focus{
1020         border: 1px solid;
1021 }
1022
1023 /* invalid fields */
1024 .x-form-invalid, textarea.x-form-invalid{
1025         background:repeat-x bottom;
1026         border: 1px solid;
1027 }
1028
1029 .ext-webkit .x-form-invalid{
1030         border: 1px solid;
1031 }
1032
1033 .x-form-inner-invalid, textarea.x-form-inner-invalid{
1034         background:repeat-x bottom;
1035 }
1036
1037 /* editors */
1038 .x-editor {
1039     visibility:hidden;
1040     padding:0;
1041     margin:0;
1042 }
1043
1044 .x-form-grow-sizer {
1045     left: -10000px;
1046         padding: 8px 3px;
1047     position: absolute;
1048     visibility:hidden;
1049     top: -10000px;
1050         white-space: pre-wrap;
1051     white-space: -moz-pre-wrap;
1052     white-space: -pre-wrap;
1053     white-space: -o-pre-wrap;
1054     word-wrap: break-word;
1055     zoom:1;
1056 }
1057
1058 .x-form-grow-sizer p {
1059     margin:0 !important;
1060     border:0 none !important;
1061     padding:0 !important;
1062 }
1063
1064 /* Form Items CSS */
1065
1066 .x-form-item {
1067     display:block;
1068     margin-bottom:4px;
1069     zoom:1;
1070 }
1071
1072 .x-form-item label.x-form-item-label {
1073     display:block;
1074     float:left;
1075     width:100px;
1076     padding:3px;
1077     padding-left:0;
1078     clear:left;
1079     z-index:2;
1080     position:relative;
1081 }
1082
1083 .x-form-element {
1084     padding-left:105px;
1085     position:relative;
1086 }
1087
1088 .x-form-invalid-msg {
1089     padding:2px;
1090     padding-left:18px;
1091     background: transparent no-repeat 0 2px;
1092     line-height:16px;
1093     width:200px;
1094 }
1095
1096 .x-form-label-left label.x-form-item-label {
1097    text-align:left;
1098 }
1099
1100 .x-form-label-right label.x-form-item-label {
1101    text-align:right;
1102 }
1103
1104 .x-form-label-top .x-form-item label.x-form-item-label {
1105     width:auto;
1106     float:none;
1107     clear:none;
1108     display:inline;
1109     margin-bottom:4px;
1110     position:static;
1111 }
1112
1113 .x-form-label-top .x-form-element {
1114     padding-left:0;
1115     padding-top:4px;
1116 }
1117
1118 .x-form-label-top .x-form-item {
1119     padding-bottom:4px;
1120 }
1121
1122 /* Editor small font for grid, toolbar and tree */
1123 .x-small-editor .x-form-text {
1124     height:20px;
1125     line-height:16px;
1126     vertical-align:middle;
1127 }
1128
1129 .ext-ie6 .x-small-editor .x-form-text, .ext-ie7 .x-small-editor .x-form-text {
1130     margin-top:-1px !important; /* ie bogus margin bug */
1131     margin-bottom:-1px !important;
1132     height:20px !important; /* ie quirks */
1133     line-height:16px !important;
1134 }
1135
1136 .ext-strict .x-small-editor .x-form-text {
1137     height:16px !important;
1138 }
1139
1140 .ext-ie6 .x-small-editor .x-form-text, .ext-ie7 .x-small-editor .x-form-text {
1141     height:20px;
1142     line-height:16px;
1143 }
1144
1145 .ext-border-box .x-small-editor .x-form-text {
1146     height:20px;
1147 }
1148
1149 .x-small-editor .x-form-select-one {
1150     height:20px;
1151     line-height:16px;
1152     vertical-align:middle;
1153 }
1154
1155 .x-small-editor .x-form-num-field {
1156     text-align:right;
1157 }
1158
1159 .x-small-editor .x-form-field-wrap .x-form-trigger{
1160     height:19px;
1161 }
1162
1163 .ext-webkit .x-small-editor .x-form-text{padding-top:3px;font-size:100%;}
1164
1165 .x-form-clear {
1166     clear:both;
1167     height:0;
1168     overflow:hidden;
1169     line-height:0;
1170     font-size:0;
1171 }
1172 .x-form-clear-left {
1173     clear:left;
1174     height:0;
1175     overflow:hidden;
1176     line-height:0;
1177     font-size:0;
1178 }
1179
1180 .ext-ie6 .x-form-check-wrap input, .ext-border-box .x-form-check-wrap input{
1181    margin-top: 3px;
1182 }
1183
1184 .x-form-cb-label {
1185     position: relative;
1186     margin-left:4px;
1187     top: 2px;
1188 }
1189
1190 .ext-ie .x-form-cb-label{
1191     top: 1px;
1192 }
1193
1194 .ext-ie6 .x-form-cb-label, .ext-border-box .x-form-cb-label{
1195     top: 3px;
1196 }
1197
1198 .x-form-display-field{
1199     padding-top: 2px;
1200 }
1201
1202 .ext-gecko .x-form-display-field, .ext-strict .ext-ie7 .x-form-display-field{
1203     padding-top: 1px;
1204 }
1205
1206 .ext-ie .x-form-display-field{
1207     padding-top: 3px;
1208 }
1209
1210 .ext-strict .ext-ie8 .x-form-display-field{
1211     padding-top: 0;
1212 }
1213
1214 .x-form-column {
1215     float:left;
1216     padding:0;
1217     margin:0;
1218     width:48%;
1219     overflow:hidden;
1220     zoom:1;
1221 }
1222
1223 /* buttons */
1224 .x-form .x-form-btns-ct .x-btn{
1225         float:right;
1226         clear:none;
1227 }
1228
1229 .x-form .x-form-btns-ct .x-form-btns td {
1230         border:0;
1231         padding:0;
1232 }
1233
1234 .x-form .x-form-btns-ct .x-form-btns-right table{
1235         float:right;
1236         clear:none;
1237 }
1238
1239 .x-form .x-form-btns-ct .x-form-btns-left table{
1240         float:left;
1241         clear:none;
1242 }
1243
1244 .x-form .x-form-btns-ct .x-form-btns-center{
1245         text-align:center; /*ie*/
1246 }
1247
1248 .x-form .x-form-btns-ct .x-form-btns-center table{
1249         margin:0 auto; /*everyone else*/
1250 }
1251
1252 .x-form .x-form-btns-ct table td.x-form-btn-td{
1253         padding:3px;
1254 }
1255
1256 .x-form .x-form-btns-ct .x-btn-focus .x-btn-left{
1257         background-position:0 -147px;
1258 }
1259
1260 .x-form .x-form-btns-ct .x-btn-focus .x-btn-right{
1261         background-position:0 -168px;
1262 }
1263
1264 .x-form .x-form-btns-ct .x-btn-focus .x-btn-center{
1265         background-position:0 -189px;
1266 }
1267
1268 .x-form .x-form-btns-ct .x-btn-click .x-btn-center{
1269         background-position:0 -126px;
1270 }
1271
1272 .x-form .x-form-btns-ct .x-btn-click  .x-btn-right{
1273         background-position:0 -84px;
1274 }
1275
1276 .x-form .x-form-btns-ct .x-btn-click .x-btn-left{
1277         background-position:0 -63px;
1278 }
1279
1280 .x-form-invalid-icon {
1281     width:16px;
1282     height:18px;
1283     visibility:hidden;
1284     position:absolute;
1285     left:0;
1286     top:0;
1287     display:block;
1288     background:transparent no-repeat 0 2px;
1289 }
1290
1291 /* fieldsets */
1292 .x-fieldset {
1293     border:1px solid;
1294     padding:10px;
1295     margin-bottom:10px;
1296     display:block; /* preserve margins in IE */
1297 }
1298
1299 /* make top of checkbox/tools visible in webkit */
1300 .ext-webkit .x-fieldset-header {
1301     padding-top: 1px;
1302 }
1303
1304 .ext-ie .x-fieldset legend {
1305     margin-bottom:10px;
1306 }
1307
1308 .ext-ie .x-fieldset {
1309     padding-top: 0;
1310     padding-bottom:10px;
1311 }
1312
1313 .x-fieldset legend .x-tool-toggle {
1314     margin-right:3px;
1315     margin-left:0;
1316     float:left !important;
1317 }
1318
1319 .x-fieldset legend input {
1320     margin-right:3px;
1321     float:left !important;
1322     height:13px;
1323     width:13px;
1324 }
1325
1326 fieldset.x-panel-collapsed {
1327     padding-bottom:0 !important;
1328     border-width: 1px 1px 0 1px !important;
1329     border-left-color: transparent;
1330     border-right-color: transparent;
1331 }
1332
1333 .ext-ie6 fieldset.x-panel-collapsed{
1334     padding-bottom:0 !important;
1335     border-width: 1px 0 0 0 !important;
1336     margin-left: 1px;
1337     margin-right: 1px;
1338 }
1339
1340 fieldset.x-panel-collapsed .x-fieldset-bwrap {
1341     visibility:hidden;
1342     position:absolute;
1343     left:-1000px;
1344     top:-1000px;
1345 }
1346
1347 .ext-ie .x-fieldset-bwrap {
1348     zoom:1;
1349 }
1350
1351 .x-fieldset-noborder {
1352     border:0px none transparent;
1353 }
1354
1355 .x-fieldset-noborder legend {
1356     margin-left:-3px;
1357 }
1358
1359 /* IE legend positioning bug */
1360 .ext-ie .x-fieldset-noborder legend {
1361     position: relative;
1362     margin-bottom:23px;
1363 }
1364 .ext-ie .x-fieldset-noborder legend span {
1365     position: absolute;
1366     left:16px;
1367 }
1368
1369 .ext-gecko .x-window-body .x-form-item {
1370     -moz-outline: none;
1371     outline: none;
1372     overflow: auto;
1373 }
1374
1375 .ext-gecko .x-form-item {
1376     -moz-outline: none;
1377     outline: none;
1378 }
1379
1380 .x-hide-label label.x-form-item-label {
1381      display:none;
1382 }
1383
1384 .x-hide-label .x-form-element {
1385      padding-left: 0 !important;
1386 }
1387
1388 .x-form-label-top .x-hide-label label.x-form-item-label{
1389     display: none;
1390 }
1391
1392 .x-fieldset {
1393     overflow:hidden;
1394 }
1395
1396 .x-fieldset-bwrap {
1397     overflow:hidden;
1398     zoom:1;
1399 }
1400
1401 .x-fieldset-body {
1402     overflow:hidden;
1403 }
1404
1405
1406 .x-btn{\r
1407         cursor:pointer;\r
1408         white-space: nowrap;\r
1409 }\r
1410 \r
1411 .x-btn button{\r
1412     border:0 none;\r
1413     background:transparent;\r
1414     padding-left:3px;\r
1415     padding-right:3px;\r
1416     cursor:pointer;\r
1417     margin:0;\r
1418     overflow:visible;\r
1419     width:auto;\r
1420     -moz-outline:0 none;\r
1421     outline:0 none;\r
1422 }\r
1423 \r
1424 * html .ext-ie .x-btn button {\r
1425     width:1px;\r
1426 }\r
1427 \r
1428 .ext-gecko .x-btn button {\r
1429     padding-left:0;\r
1430     padding-right:0;\r
1431 }\r
1432 \r
1433 .ext-gecko .x-btn button::-moz-focus-inner {\r
1434     padding:0;\r
1435 }\r
1436 \r
1437 .ext-ie .x-btn button {\r
1438     padding-top:2px;\r
1439 }\r
1440 \r
1441 .x-btn td {\r
1442     padding:0 !important;\r
1443 }\r
1444 \r
1445 .x-btn-text {\r
1446     cursor:pointer;\r
1447         white-space: nowrap;\r
1448     padding:0;\r
1449 }\r
1450 \r
1451 /* icon placement and sizing styles */\r
1452 \r
1453 /* Only text */\r
1454 .x-btn-noicon .x-btn-small .x-btn-text{\r
1455         height: 16px;\r
1456 }\r
1457 \r
1458 .x-btn-noicon .x-btn-medium .x-btn-text{\r
1459     height: 24px;\r
1460 }\r
1461 \r
1462 .x-btn-noicon .x-btn-large .x-btn-text{\r
1463     height: 32px;\r
1464 }\r
1465 \r
1466 /* Only icons */\r
1467 .x-btn-icon .x-btn-text{\r
1468     background-position: center;\r
1469         background-repeat: no-repeat;\r
1470 }\r
1471 \r
1472 .x-btn-icon .x-btn-small .x-btn-text{\r
1473         height: 16px;\r
1474         width: 16px;\r
1475 }\r
1476 \r
1477 .x-btn-icon .x-btn-medium .x-btn-text{\r
1478     height: 24px;\r
1479         width: 24px;\r
1480 }\r
1481 \r
1482 .x-btn-icon .x-btn-large .x-btn-text{\r
1483     height: 32px;\r
1484         width: 32px;\r
1485 }\r
1486 \r
1487 /* Icons and text */\r
1488 /* left */\r
1489 .x-btn-text-icon .x-btn-icon-small-left .x-btn-text{\r
1490     background-position: 0 center;\r
1491         background-repeat: no-repeat;\r
1492     padding-left:18px;\r
1493     height:16px;\r
1494 }\r
1495 \r
1496 .x-btn-text-icon .x-btn-icon-medium-left .x-btn-text{\r
1497     background-position: 0 center;\r
1498         background-repeat: no-repeat;\r
1499     padding-left:26px;\r
1500     height:24px;\r
1501 }\r
1502 \r
1503 .x-btn-text-icon .x-btn-icon-large-left .x-btn-text{\r
1504     background-position: 0 center;\r
1505         background-repeat: no-repeat;\r
1506     padding-left:34px;\r
1507     height:32px;\r
1508 }\r
1509 \r
1510 /* top */\r
1511 .x-btn-text-icon .x-btn-icon-small-top .x-btn-text{\r
1512     background-position: center 0;\r
1513         background-repeat: no-repeat;\r
1514     padding-top:18px;\r
1515 }\r
1516 \r
1517 .x-btn-text-icon .x-btn-icon-medium-top .x-btn-text{\r
1518     background-position: center 0;\r
1519         background-repeat: no-repeat;\r
1520     padding-top:26px;\r
1521 }\r
1522 \r
1523 .x-btn-text-icon .x-btn-icon-large-top .x-btn-text{\r
1524     background-position: center 0;\r
1525         background-repeat: no-repeat;\r
1526     padding-top:34px;\r
1527 }\r
1528 \r
1529 /* right */\r
1530 .x-btn-text-icon .x-btn-icon-small-right .x-btn-text{\r
1531     background-position: right center;\r
1532         background-repeat: no-repeat;\r
1533     padding-right:18px;\r
1534     height:16px;\r
1535 }\r
1536 \r
1537 .x-btn-text-icon .x-btn-icon-medium-right .x-btn-text{\r
1538     background-position: right center;\r
1539         background-repeat: no-repeat;\r
1540     padding-right:26px;\r
1541     height:24px;\r
1542 }\r
1543 \r
1544 .x-btn-text-icon .x-btn-icon-large-right .x-btn-text{\r
1545     background-position: right center;\r
1546         background-repeat: no-repeat;\r
1547     padding-right:34px;\r
1548     height:32px;\r
1549 }\r
1550 \r
1551 /* bottom */\r
1552 .x-btn-text-icon .x-btn-icon-small-bottom .x-btn-text{\r
1553     background-position: center bottom;\r
1554         background-repeat: no-repeat;\r
1555     padding-bottom:18px;\r
1556 }\r
1557 \r
1558 .x-btn-text-icon .x-btn-icon-medium-bottom .x-btn-text{\r
1559     background-position: center bottom;\r
1560         background-repeat: no-repeat;\r
1561     padding-bottom:26px;\r
1562 }\r
1563 \r
1564 .x-btn-text-icon .x-btn-icon-large-bottom .x-btn-text{\r
1565     background-position: center bottom;\r
1566         background-repeat: no-repeat;\r
1567     padding-bottom:34px;\r
1568 }\r
1569 \r
1570 /* background positioning */\r
1571 .x-btn-tr i, .x-btn-tl i, .x-btn-mr i, .x-btn-ml i, .x-btn-br i, .x-btn-bl i{\r
1572         font-size:1px;\r
1573     line-height:1px;\r
1574     width:3px;\r
1575     display:block;\r
1576     overflow:hidden;\r
1577 }\r
1578 \r
1579 .x-btn-tr i, .x-btn-tl i, .x-btn-br i, .x-btn-bl i{\r
1580         height:3px;\r
1581 }\r
1582 \r
1583 .x-btn-tl{\r
1584         width:3px;\r
1585         height:3px;\r
1586         background:no-repeat 0 0;\r
1587 }\r
1588 .x-btn-tr{\r
1589         width:3px;\r
1590         height:3px;\r
1591         background:no-repeat -3px 0;\r
1592 }\r
1593 .x-btn-tc{\r
1594         height:3px;\r
1595         background:repeat-x 0 -6px;\r
1596 }\r
1597 \r
1598 .x-btn-ml{\r
1599         width:3px;\r
1600         background:no-repeat 0 -24px;\r
1601 }\r
1602 .x-btn-mr{\r
1603         width:3px;\r
1604         background:no-repeat -3px -24px;\r
1605 }\r
1606 \r
1607 .x-btn-mc{\r
1608         background:repeat-x 0 -1096px;\r
1609     vertical-align: middle;\r
1610         text-align:center;\r
1611         padding:0 5px;\r
1612         cursor:pointer;\r
1613         white-space:nowrap;\r
1614 }\r
1615 \r
1616 /* Fixes an issue with the button height */\r
1617 .ext-strict .ext-ie6 .x-btn-mc, .ext-strict .ext-ie7 .x-btn-mc {\r
1618     height: 100%;\r
1619 }\r
1620 \r
1621 .x-btn-bl{\r
1622         width:3px;\r
1623         height:3px;\r
1624         background:no-repeat 0 -3px;\r
1625 }\r
1626 \r
1627 .x-btn-br{\r
1628         width:3px;\r
1629         height:3px;\r
1630         background:no-repeat -3px -3px;\r
1631 }\r
1632 \r
1633 .x-btn-bc{\r
1634         height:3px;\r
1635         background:repeat-x 0 -15px;\r
1636 }\r
1637 \r
1638 .x-btn-over .x-btn-tl{\r
1639         background-position: -6px 0;\r
1640 }\r
1641 \r
1642 .x-btn-over .x-btn-tr{\r
1643         background-position: -9px 0;\r
1644 }\r
1645 \r
1646 .x-btn-over .x-btn-tc{\r
1647         background-position: 0 -9px;\r
1648 }\r
1649 \r
1650 .x-btn-over .x-btn-ml{\r
1651         background-position: -6px -24px;\r
1652 }\r
1653 \r
1654 .x-btn-over .x-btn-mr{\r
1655         background-position: -9px -24px;\r
1656 }\r
1657 \r
1658 .x-btn-over .x-btn-mc{\r
1659         background-position: 0 -2168px;\r
1660 }\r
1661 \r
1662 .x-btn-over .x-btn-bl{\r
1663         background-position: -6px -3px;\r
1664 }\r
1665 \r
1666 .x-btn-over .x-btn-br{\r
1667         background-position: -9px -3px;\r
1668 }\r
1669 \r
1670 .x-btn-over .x-btn-bc{\r
1671         background-position: 0 -18px;\r
1672 }\r
1673 \r
1674 .x-btn-click .x-btn-tl, .x-btn-menu-active .x-btn-tl, .x-btn-pressed .x-btn-tl{\r
1675         background-position: -12px 0;\r
1676 }\r
1677 \r
1678 .x-btn-click .x-btn-tr, .x-btn-menu-active .x-btn-tr, .x-btn-pressed .x-btn-tr{\r
1679         background-position: -15px 0;\r
1680 }\r
1681 \r
1682 .x-btn-click .x-btn-tc, .x-btn-menu-active .x-btn-tc, .x-btn-pressed .x-btn-tc{\r
1683         background-position: 0 -12px;\r
1684 }\r
1685 \r
1686 .x-btn-click .x-btn-ml, .x-btn-menu-active .x-btn-ml, .x-btn-pressed .x-btn-ml{\r
1687         background-position: -12px -24px;\r
1688 }\r
1689 \r
1690 .x-btn-click .x-btn-mr, .x-btn-menu-active .x-btn-mr, .x-btn-pressed .x-btn-mr{\r
1691         background-position: -15px -24px;\r
1692 }\r
1693 \r
1694 .x-btn-click .x-btn-mc, .x-btn-menu-active .x-btn-mc, .x-btn-pressed .x-btn-mc{\r
1695         background-position: 0 -3240px;\r
1696 }\r
1697 \r
1698 .x-btn-click .x-btn-bl, .x-btn-menu-active .x-btn-bl, .x-btn-pressed .x-btn-bl{\r
1699         background-position: -12px -3px;\r
1700 }\r
1701 \r
1702 .x-btn-click .x-btn-br, .x-btn-menu-active .x-btn-br, .x-btn-pressed .x-btn-br{\r
1703         background-position: -15px -3px;\r
1704 }\r
1705 \r
1706 .x-btn-click .x-btn-bc, .x-btn-menu-active .x-btn-bc, .x-btn-pressed .x-btn-bc{\r
1707         background-position: 0 -21px;\r
1708 }\r
1709 \r
1710 .x-btn-disabled *{\r
1711         cursor:default !important;\r
1712 }\r
1713 \r
1714 \r
1715 /* With a menu arrow */\r
1716 /* right */\r
1717 .x-btn-mc em.x-btn-arrow {\r
1718     display:block;\r
1719     background:transparent no-repeat right center;\r
1720         padding-right:10px;\r
1721 }\r
1722 \r
1723 .x-btn-mc em.x-btn-split {\r
1724     display:block;\r
1725     background:transparent no-repeat right center;\r
1726         padding-right:14px;\r
1727 }\r
1728 \r
1729 /* bottom */\r
1730 .x-btn-mc em.x-btn-arrow-bottom {\r
1731     display:block;\r
1732     background:transparent no-repeat center bottom;\r
1733         padding-bottom:14px;\r
1734 }\r
1735 \r
1736 .x-btn-mc em.x-btn-split-bottom {\r
1737     display:block;\r
1738     background:transparent no-repeat center bottom;\r
1739         padding-bottom:14px;\r
1740 }\r
1741 \r
1742 /* height adjustment class */\r
1743 .x-btn-as-arrow .x-btn-mc em {\r
1744     display:block;\r
1745     background:transparent;\r
1746         padding-bottom:14px;\r
1747 }\r
1748 \r
1749 /* groups */\r
1750 .x-btn-group {\r
1751     padding:1px;\r
1752 }\r
1753 \r
1754 .x-btn-group-header {\r
1755     padding:2px;\r
1756     text-align:center;\r
1757 }\r
1758 \r
1759 .x-btn-group-tc {\r
1760         background: transparent repeat-x 0 0;\r
1761         overflow:hidden;\r
1762 }\r
1763 \r
1764 .x-btn-group-tl {\r
1765         background: transparent no-repeat 0 0;\r
1766         padding-left:3px;\r
1767     zoom:1;\r
1768 }\r
1769 \r
1770 .x-btn-group-tr {\r
1771         background: transparent no-repeat right 0;\r
1772         zoom:1;\r
1773     padding-right:3px;\r
1774 }\r
1775 \r
1776 .x-btn-group-bc {\r
1777         background: transparent repeat-x 0 bottom;\r
1778     zoom:1;\r
1779 }\r
1780 \r
1781 .x-btn-group-bc .x-panel-footer {\r
1782     zoom:1;\r
1783 }\r
1784 \r
1785 .x-btn-group-bl {\r
1786         background: transparent no-repeat 0 bottom;\r
1787         padding-left:3px;\r
1788     zoom:1;\r
1789 }\r
1790 \r
1791 .x-btn-group-br {\r
1792         background: transparent no-repeat right bottom;\r
1793         padding-right:3px;\r
1794     zoom:1;\r
1795 }\r
1796 \r
1797 .x-btn-group-mc {\r
1798     border:0 none;\r
1799     padding:1px 0 0 0;\r
1800     margin:0;\r
1801 }\r
1802 \r
1803 .x-btn-group-mc .x-btn-group-body {\r
1804     background:transparent;\r
1805     border: 0 none;\r
1806 }\r
1807 \r
1808 .x-btn-group-ml {\r
1809         background: transparent repeat-y 0 0;\r
1810         padding-left:3px;\r
1811     zoom:1;\r
1812 }\r
1813 \r
1814 .x-btn-group-mr {\r
1815         background: transparent repeat-y right 0;\r
1816         padding-right:3px;\r
1817     zoom:1;\r
1818 }\r
1819 \r
1820 .x-btn-group-bc .x-btn-group-footer {\r
1821     padding-bottom:6px;\r
1822 }\r
1823 \r
1824 .x-panel-nofooter .x-btn-group-bc {\r
1825         height:3px;\r
1826     font-size:0;\r
1827     line-height:0;\r
1828 }\r
1829 \r
1830 .x-btn-group-bwrap {\r
1831     overflow:hidden;\r
1832     zoom:1;\r
1833 }\r
1834 \r
1835 .x-btn-group-body {\r
1836     overflow:hidden;\r
1837     zoom:1;\r
1838 }\r
1839 \r
1840 .x-btn-group-notitle .x-btn-group-tc {\r
1841         background: transparent repeat-x 0 0;\r
1842         overflow:hidden;\r
1843     height:2px;\r
1844 }.x-toolbar{\r
1845     border-style:solid;\r
1846     border-width:0 0 1px 0;\r
1847     display: block;\r
1848         padding:2px;\r
1849     background:repeat-x top left;\r
1850     position:relative;\r
1851     left:0;\r
1852     top:0;\r
1853     zoom:1;\r
1854     overflow:hidden;\r
1855 }\r
1856 \r
1857 .x-toolbar-left {\r
1858     width: 100%;\r
1859 }\r
1860 \r
1861 .x-toolbar .x-item-disabled .x-btn-icon {\r
1862     opacity: .35;\r
1863     -moz-opacity: .35;\r
1864     filter: alpha(opacity=35);\r
1865 }\r
1866 \r
1867 .x-toolbar td {\r
1868         vertical-align:middle;\r
1869 }\r
1870 \r
1871 .x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{\r
1872         white-space: nowrap;\r
1873 }\r
1874 \r
1875 .x-toolbar .x-item-disabled {\r
1876         cursor:default;\r
1877         opacity:.6;\r
1878         -moz-opacity:.6;\r
1879         filter:alpha(opacity=60);\r
1880 }\r
1881 \r
1882 .x-toolbar .x-item-disabled * {\r
1883         cursor:default;\r
1884 }\r
1885 \r
1886 .x-toolbar .x-toolbar-cell {\r
1887     vertical-align:middle;\r
1888 }\r
1889 \r
1890 .x-toolbar .x-btn-tl, .x-toolbar .x-btn-tr, .x-toolbar .x-btn-tc, .x-toolbar .x-btn-ml, .x-toolbar .x-btn-mr,\r
1891 .x-toolbar .x-btn-mc, .x-toolbar .x-btn-bl, .x-toolbar .x-btn-br, .x-toolbar .x-btn-bc\r
1892 {\r
1893         background-position: 500px 500px;\r
1894 }\r
1895 \r
1896 /* These rules are duplicated from button.css to give priority of x-toolbar rules above */\r
1897 .x-toolbar .x-btn-over .x-btn-tl{\r
1898         background-position: -6px 0;\r
1899 }\r
1900 \r
1901 .x-toolbar .x-btn-over .x-btn-tr{\r
1902         background-position: -9px 0;\r
1903 }\r
1904 \r
1905 .x-toolbar .x-btn-over .x-btn-tc{\r
1906         background-position: 0 -9px;\r
1907 }\r
1908 \r
1909 .x-toolbar .x-btn-over .x-btn-ml{\r
1910         background-position: -6px -24px;\r
1911 }\r
1912 \r
1913 .x-toolbar .x-btn-over .x-btn-mr{\r
1914         background-position: -9px -24px;\r
1915 }\r
1916 \r
1917 .x-toolbar .x-btn-over .x-btn-mc{\r
1918         background-position: 0 -2168px;\r
1919 }\r
1920 \r
1921 .x-toolbar .x-btn-over .x-btn-bl{\r
1922         background-position: -6px -3px;\r
1923 }\r
1924 \r
1925 .x-toolbar .x-btn-over .x-btn-br{\r
1926         background-position: -9px -3px;\r
1927 }\r
1928 \r
1929 .x-toolbar .x-btn-over .x-btn-bc{\r
1930         background-position: 0 -18px;\r
1931 }\r
1932 \r
1933 .x-toolbar .x-btn-click .x-btn-tl, .x-toolbar .x-btn-menu-active .x-btn-tl, .x-toolbar .x-btn-pressed .x-btn-tl{\r
1934         background-position: -12px 0;\r
1935 }\r
1936 \r
1937 .x-toolbar .x-btn-click .x-btn-tr, .x-toolbar .x-btn-menu-active .x-btn-tr, .x-toolbar .x-btn-pressed .x-btn-tr{\r
1938         background-position: -15px 0;\r
1939 }\r
1940 \r
1941 .x-toolbar .x-btn-click .x-btn-tc, .x-toolbar .x-btn-menu-active .x-btn-tc, .x-toolbar .x-btn-pressed .x-btn-tc{\r
1942         background-position: 0 -12px;\r
1943 }\r
1944 \r
1945 .x-toolbar .x-btn-click .x-btn-ml, .x-toolbar .x-btn-menu-active .x-btn-ml, .x-toolbar .x-btn-pressed .x-btn-ml{\r
1946         background-position: -12px -24px;\r
1947 }\r
1948 \r
1949 .x-toolbar .x-btn-click .x-btn-mr, .x-toolbar .x-btn-menu-active .x-btn-mr, .x-toolbar .x-btn-pressed .x-btn-mr{\r
1950         background-position: -15px -24px;\r
1951 }\r
1952 \r
1953 .x-toolbar .x-btn-click .x-btn-mc, .x-toolbar .x-btn-menu-active .x-btn-mc, .x-toolbar .x-btn-pressed .x-btn-mc{\r
1954         background-position: 0 -3240px;\r
1955 }\r
1956 \r
1957 .x-toolbar .x-btn-click .x-btn-bl, .x-toolbar .x-btn-menu-active .x-btn-bl, .x-toolbar .x-btn-pressed .x-btn-bl{\r
1958         background-position: -12px -3px;\r
1959 }\r
1960 \r
1961 .x-toolbar .x-btn-click .x-btn-br, .x-toolbar .x-btn-menu-active .x-btn-br, .x-toolbar .x-btn-pressed .x-btn-br{\r
1962         background-position: -15px -3px;\r
1963 }\r
1964 \r
1965 .x-toolbar .x-btn-click .x-btn-bc, .x-toolbar .x-btn-menu-active .x-btn-bc, .x-toolbar .x-btn-pressed .x-btn-bc{\r
1966         background-position: 0 -21px;\r
1967 }\r
1968 \r
1969 .x-toolbar div.xtb-text{\r
1970     padding:2px 2px 0;\r
1971     line-height:16px;\r
1972     display:block;\r
1973 }\r
1974 \r
1975 .x-toolbar .xtb-sep {\r
1976         background-position: center;\r
1977         background-repeat: no-repeat;\r
1978         display: block;\r
1979         font-size: 1px;\r
1980         height: 16px;\r
1981         width:4px;\r
1982         overflow: hidden;\r
1983         cursor:default;\r
1984         margin: 0 2px 0;\r
1985         border:0;\r
1986 }\r
1987 \r
1988 .x-toolbar .xtb-spacer {\r
1989     width:2px;\r
1990 }\r
1991 \r
1992 /* Paging Toolbar */\r
1993 .x-tbar-page-number{\r
1994         width:30px;\r
1995         height:14px;\r
1996 }\r
1997 \r
1998 .ext-ie .x-tbar-page-number{\r
1999     margin-top: 2px;\r
2000 }\r
2001 \r
2002 .x-paging-info {\r
2003     position:absolute;\r
2004     top:5px;\r
2005     right: 8px;\r
2006 }\r
2007 \r
2008 /* floating */\r
2009 .x-toolbar-ct {\r
2010     width:100%;\r
2011 }\r
2012 \r
2013 .x-toolbar-right td {\r
2014     text-align: center;\r
2015 }\r
2016 \r
2017 .x-panel-tbar, .x-panel-bbar, .x-window-tbar, .x-window-bbar, .x-tab-panel-tbar, .x-tab-panel-bbar, .x-plain-tbar, .x-plain-bbar {\r
2018     overflow:hidden;\r
2019     zoom:1;\r
2020 }\r
2021 \r
2022 .x-toolbar-more .x-btn-small .x-btn-text{\r
2023         height: 16px;\r
2024         width: 12px;\r
2025 }\r
2026 \r
2027 .x-toolbar-more em.x-btn-arrow {\r
2028     display:inline;\r
2029     background:transparent;\r
2030         padding-right:0;\r
2031 }\r
2032 \r
2033 .x-toolbar-more .x-btn-mc em.x-btn-arrow {\r
2034     background-image: none;\r
2035 }\r
2036 \r
2037 div.x-toolbar-no-items {\r
2038     color:gray !important;\r
2039     padding:5px 10px !important;\r
2040 }\r
2041 \r
2042 /* fix ie toolbar form items */\r
2043 .ext-border-box .x-toolbar-cell .x-form-text {\r
2044     margin-bottom:-1px !important;\r
2045 }\r
2046 \r
2047 .ext-border-box .x-toolbar-cell .x-form-field-wrap .x-form-text {\r
2048     margin:0 !important;\r
2049 }\r
2050 \r
2051 .ext-ie .x-toolbar-cell .x-form-field-wrap {\r
2052     height:21px;\r
2053 }\r
2054 \r
2055 .ext-ie .x-toolbar-cell .x-form-text {\r
2056     position:relative;\r
2057     top:-1px;\r
2058 }\r
2059 \r
2060 .ext-strict .ext-ie8 .x-toolbar-cell .x-form-field-trigger-wrap .x-form-text, .ext-strict .ext-ie .x-toolbar-cell .x-form-text {\r
2061     top: 0px;\r
2062 }\r
2063 \r
2064 .x-toolbar-right td .x-form-field-trigger-wrap{\r
2065     text-align: left;\r
2066 }\r
2067 \r
2068 .x-toolbar-cell .x-form-checkbox, .x-toolbar-cell .x-form-radio{\r
2069     margin-top: 5px;\r
2070 }\r
2071 \r
2072 .x-toolbar-cell .x-form-cb-label{\r
2073     vertical-align: bottom;\r
2074     top: 1px;\r
2075 }\r
2076 \r
2077 .ext-ie .x-toolbar-cell .x-form-checkbox, .ext-ie .x-toolbar-cell .x-form-radio{\r
2078     margin-top: 4px;\r
2079 }\r
2080 \r
2081 .ext-ie .x-toolbar-cell .x-form-cb-label{\r
2082     top: 0;\r
2083 }\r
2084 /* Grid3 styles */\r
2085 .x-grid3 {\r
2086         position:relative;\r
2087         overflow:hidden;\r
2088 }\r
2089 \r
2090 .x-grid-panel .x-panel-body {\r
2091     overflow:hidden !important;\r
2092 }\r
2093 \r
2094 .x-grid-panel .x-panel-mc .x-panel-body {\r
2095     border:1px solid;\r
2096 }\r
2097 \r
2098 .x-grid3 table {\r
2099     table-layout:fixed;\r
2100 }\r
2101 \r
2102 .x-grid3-viewport{\r
2103         overflow:hidden;\r
2104 }\r
2105 \r
2106 .x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td{\r
2107     -moz-outline: none;\r
2108     outline: none;\r
2109         -moz-user-focus: normal;\r
2110 }\r
2111 \r
2112 .x-grid3-row td, .x-grid3-summary-row td {\r
2113     line-height:13px;\r
2114     vertical-align: top;\r
2115         padding-left:1px;\r
2116     padding-right:1px;\r
2117     -moz-user-select: none;\r
2118     -khtml-user-select:none;\r
2119     -webkit-user-select:ignore;\r
2120 }\r
2121 \r
2122 .x-grid3-cell{\r
2123     -moz-user-select: none;\r
2124     -khtml-user-select:none;\r
2125     -webkit-user-select:ignore;\r
2126 }\r
2127 \r
2128 .x-grid3-hd-row td {\r
2129     line-height:15px;\r
2130     vertical-align:middle;\r
2131     border-left:1px solid;\r
2132     border-right:1px solid;\r
2133 }\r
2134 \r
2135 .x-grid3-hd-row .x-grid3-marker-hd {\r
2136     padding:3px;\r
2137 }\r
2138 \r
2139 .x-grid3-row .x-grid3-marker {\r
2140     padding:3px;\r
2141 }\r
2142 \r
2143 .x-grid3-cell-inner, .x-grid3-hd-inner{\r
2144         overflow:hidden;\r
2145         -o-text-overflow: ellipsis;\r
2146         text-overflow: ellipsis;\r
2147     padding:3px 3px 3px 5px;\r
2148     white-space: nowrap;\r
2149 }\r
2150 \r
2151 .x-grid3-hd-inner {\r
2152     position:relative;\r
2153         cursor:inherit;\r
2154         padding:4px 3px 4px 5px;\r
2155 }\r
2156 \r
2157 .x-grid3-row-body {\r
2158     white-space:normal;\r
2159 }\r
2160 \r
2161 .x-grid3-body-cell {\r
2162     -moz-outline:0 none;\r
2163     outline:0 none;\r
2164 }\r
2165 \r
2166 /* IE Quirks to clip */\r
2167 .ext-ie .x-grid3-cell-inner, .ext-ie .x-grid3-hd-inner{\r
2168         width:100%;\r
2169 }\r
2170 \r
2171 /* reverse above in strict mode */\r
2172 .ext-strict .x-grid3-cell-inner, .ext-strict .x-grid3-hd-inner{\r
2173         width:auto;\r
2174 }\r
2175 \r
2176 .x-grid-row-loading {\r
2177     background: no-repeat center center;\r
2178 }\r
2179 \r
2180 .x-grid-page {\r
2181     overflow:hidden;\r
2182 }\r
2183 \r
2184 .x-grid3-row {\r
2185         cursor: default;\r
2186     border: 1px solid;\r
2187     width:100%;\r
2188 }\r
2189 \r
2190 .x-grid3-row-over {\r
2191         border:1px solid;\r
2192     background: repeat-x left top;\r
2193 }\r
2194 \r
2195 .x-grid3-resize-proxy {\r
2196         width:1px;\r
2197     left:0;\r
2198         cursor: e-resize;\r
2199         cursor: col-resize;\r
2200         position:absolute;\r
2201         top:0;\r
2202         height:100px;\r
2203         overflow:hidden;\r
2204         visibility:hidden;\r
2205         border:0 none;\r
2206         z-index:7;\r
2207 }\r
2208 \r
2209 .x-grid3-resize-marker {\r
2210         width:1px;\r
2211         left:0;\r
2212         position:absolute;\r
2213         top:0;\r
2214         height:100px;\r
2215         overflow:hidden;\r
2216         visibility:hidden;\r
2217         border:0 none;\r
2218         z-index:7;\r
2219 }\r
2220 \r
2221 .x-grid3-focus {\r
2222         position:absolute;\r
2223         left:0;\r
2224         top:0;\r
2225         width:1px;\r
2226         height:1px;\r
2227     line-height:1px;\r
2228     font-size:1px;\r
2229     -moz-outline:0 none;\r
2230     outline:0 none;\r
2231     -moz-user-select: text;\r
2232     -khtml-user-select: text;\r
2233     -webkit-user-select:ignore;\r
2234 }\r
2235 \r
2236 /* header styles */\r
2237 .x-grid3-header{\r
2238         background: repeat-x 0 bottom;\r
2239         cursor:default;\r
2240     zoom:1;\r
2241     padding:1px 0 0 0;\r
2242 }\r
2243 \r
2244 .x-grid3-header-pop {\r
2245     border-left:1px solid;\r
2246     float:right;\r
2247     clear:none;\r
2248 }\r
2249 \r
2250 .x-grid3-header-pop-inner {\r
2251     border-left:1px solid;\r
2252     width:14px;\r
2253     height:19px;\r
2254     background: transparent no-repeat center center;\r
2255 }\r
2256 \r
2257 .ext-ie .x-grid3-header-pop-inner {\r
2258     width:15px;\r
2259 }\r
2260 \r
2261 .ext-strict .x-grid3-header-pop-inner {\r
2262     width:14px; \r
2263 }\r
2264 \r
2265 .x-grid3-header-inner {\r
2266     overflow:hidden;\r
2267     zoom:1;\r
2268     float:left;\r
2269 }\r
2270 \r
2271 .x-grid3-header-offset {\r
2272     padding-left:1px;\r
2273     text-align: left;\r
2274 }\r
2275 \r
2276 td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {\r
2277     border-left:1px solid;\r
2278     border-right:1px solid;\r
2279 }\r
2280 \r
2281 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
2282     background: repeat-x left bottom;\r
2283 \r
2284 }\r
2285 \r
2286 .x-grid3-sort-icon{\r
2287         background-repeat: no-repeat;\r
2288         display: none;\r
2289         height: 4px;\r
2290         width: 13px;\r
2291         margin-left:3px;\r
2292         vertical-align: middle;\r
2293 }\r
2294 \r
2295 .sort-asc .x-grid3-sort-icon, .sort-desc .x-grid3-sort-icon {\r
2296         display: inline;\r
2297 }\r
2298 \r
2299 /* Header position fixes for IE strict mode */\r
2300 .ext-strict .ext-ie .x-grid3-header-inner, .ext-strict .ext-ie6 .x-grid3-hd {\r
2301     position:relative;\r
2302 }\r
2303 \r
2304 .ext-strict .ext-ie6 .x-grid3-hd-inner{\r
2305     position:static;\r
2306 }\r
2307 \r
2308 /* Body Styles */\r
2309 .x-grid3-body {\r
2310         zoom:1;\r
2311 }\r
2312 \r
2313 .x-grid3-scroller {\r
2314         overflow:auto;\r
2315     zoom:1;\r
2316     position:relative;\r
2317 }\r
2318 \r
2319 .x-grid3-cell-text, .x-grid3-hd-text {\r
2320         display: block;\r
2321         padding: 3px 5px 3px 5px;\r
2322         -moz-user-select: none;\r
2323         -khtml-user-select: none;\r
2324     -webkit-user-select:ignore;\r
2325 }\r
2326 \r
2327 .x-grid3-split {\r
2328         background-position: center;\r
2329         background-repeat: no-repeat;\r
2330         cursor: e-resize;\r
2331         cursor: col-resize;\r
2332         display: block;\r
2333         font-size: 1px;\r
2334         height: 16px;\r
2335         overflow: hidden;\r
2336         position: absolute;\r
2337         top: 2px;\r
2338         width: 6px;\r
2339         z-index: 3;\r
2340 }\r
2341 \r
2342 /* Column Reorder DD */\r
2343 .x-dd-drag-proxy .x-grid3-hd-inner{\r
2344         background: repeat-x left bottom;\r
2345         width:120px;\r
2346         padding:3px;\r
2347         border:1px solid;\r
2348         overflow:hidden;\r
2349 }\r
2350 \r
2351 .col-move-top, .col-move-bottom{\r
2352         width:9px;\r
2353         height:9px;\r
2354         position:absolute;\r
2355         top:0;\r
2356         line-height:1px;\r
2357         font-size:1px;\r
2358         overflow:hidden;\r
2359         visibility:hidden;\r
2360         z-index:20000;\r
2361     background:transparent no-repeat left top;\r
2362 }\r
2363 \r
2364 /* Selection Styles */\r
2365 .x-grid3-row-selected {\r
2366         border:1px dotted;\r
2367 }\r
2368 \r
2369 .x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{\r
2370     background: repeat-x 0 bottom !important;\r
2371     vertical-align:middle !important;\r
2372     padding:0;\r
2373     border-top:1px solid;\r
2374     border-bottom:none !important;\r
2375     border-right:1px solid !important;\r
2376     text-align:center;\r
2377 }\r
2378 \r
2379 .x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{\r
2380     padding:0 4px;\r
2381     text-align:center;\r
2382 }\r
2383 \r
2384 /* dirty cells */\r
2385 .x-grid3-dirty-cell {\r
2386     background: transparent no-repeat 0 0;\r
2387 }\r
2388 \r
2389 /* Grid Toolbars */\r
2390 .x-grid3-topbar, .x-grid3-bottombar{\r
2391     overflow:hidden;\r
2392         display:none;\r
2393         zoom:1;\r
2394     position:relative;\r
2395 }\r
2396 \r
2397 .x-grid3-topbar .x-toolbar{\r
2398         border-right:0 none;\r
2399 }\r
2400 \r
2401 .x-grid3-bottombar .x-toolbar{\r
2402         border-right:0 none;\r
2403         border-bottom:0 none;\r
2404         border-top:1px solid;\r
2405 }\r
2406 \r
2407 /* Props Grid Styles */\r
2408 .x-props-grid .x-grid3-cell{\r
2409         padding:1px;\r
2410 }\r
2411 \r
2412 .x-props-grid .x-grid3-td-name .x-grid3-cell-inner{\r
2413         background:transparent repeat-y -16px !important;\r
2414     padding-left:12px;\r
2415 }\r
2416 \r
2417 .x-props-grid .x-grid3-body .x-grid3-td-name{\r
2418     padding:1px;\r
2419     padding-right:0;\r
2420     border:0 none;\r
2421     border-right:1px solid;\r
2422 }\r
2423 \r
2424 /* dd */\r
2425 .x-grid3-col-dd {\r
2426     border:0 none;\r
2427     padding:0;\r
2428     background:transparent;\r
2429 }\r
2430 \r
2431 .x-dd-drag-ghost .x-grid3-dd-wrap {\r
2432     padding:1px 3px 3px 1px;\r
2433 }\r
2434 \r
2435 .x-grid3-hd {\r
2436     -moz-user-select:none;\r
2437     -khtml-user-select:none;\r
2438     -webkit-user-select:ignore;\r
2439 }\r
2440 \r
2441 .x-grid3-hd-btn {\r
2442     display:none;\r
2443     position:absolute;\r
2444     width:14px;\r
2445     background:no-repeat left center;\r
2446     right:0;\r
2447     top:0;\r
2448     z-index:2;\r
2449         cursor:pointer;\r
2450 }\r
2451 \r
2452 .x-grid3-hd-over .x-grid3-hd-btn, .x-grid3-hd-menu-open .x-grid3-hd-btn {\r
2453     display:block;\r
2454 }\r
2455 \r
2456 a.x-grid3-hd-btn:hover {\r
2457     background-position:-14px center;\r
2458 }\r
2459 \r
2460 /* Expanders */\r
2461 .x-grid3-body .x-grid3-td-expander {\r
2462     background:transparent repeat-y right;\r
2463 }\r
2464 \r
2465 .x-grid3-body .x-grid3-td-expander .x-grid3-cell-inner {\r
2466     padding:0 !important;\r
2467     height:100%;\r
2468 }\r
2469 \r
2470 .x-grid3-row-expander {\r
2471     width:100%;\r
2472     height:18px;\r
2473     background-position:4px 2px;\r
2474     background-repeat:no-repeat;\r
2475     background-color:transparent;\r
2476 }\r
2477 \r
2478 .x-grid3-row-collapsed .x-grid3-row-expander {\r
2479     background-position:4px 2px;\r
2480 }\r
2481 \r
2482 .x-grid3-row-expanded .x-grid3-row-expander {\r
2483     background-position:-21px 2px;\r
2484 }\r
2485 \r
2486 .x-grid3-row-collapsed .x-grid3-row-body {\r
2487     display:none !important;\r
2488 }\r
2489 \r
2490 .x-grid3-row-expanded .x-grid3-row-body {\r
2491     display:block !important;\r
2492 }\r
2493 \r
2494 /* Checkers */\r
2495 .x-grid3-body .x-grid3-td-checker {\r
2496     background:transparent repeat-y right;\r
2497 }\r
2498 \r
2499 .x-grid3-body .x-grid3-td-checker .x-grid3-cell-inner, .x-grid3-header .x-grid3-td-checker .x-grid3-hd-inner {\r
2500     padding:0 !important;\r
2501     height:100%;\r
2502 }\r
2503 \r
2504 .x-grid3-row-checker, .x-grid3-hd-checker {\r
2505     width:100%;\r
2506     height:18px;\r
2507     background-position:2px 2px;\r
2508     background-repeat:no-repeat;\r
2509     background-color:transparent;\r
2510 }\r
2511 \r
2512 .x-grid3-row .x-grid3-row-checker {\r
2513     background-position:2px 2px;\r
2514 }\r
2515 \r
2516 .x-grid3-row-selected .x-grid3-row-checker, .x-grid3-hd-checker-on .x-grid3-hd-checker,.x-grid3-row-checked .x-grid3-row-checker {\r
2517     background-position:-23px 2px;\r
2518 }\r
2519 \r
2520 .x-grid3-hd-checker {\r
2521     background-position:2px 1px;\r
2522 }\r
2523 \r
2524 .ext-border-box .x-grid3-hd-checker {\r
2525     background-position:2px 3px;\r
2526 }\r
2527 \r
2528 .x-grid3-hd-checker-on .x-grid3-hd-checker {\r
2529     background-position:-23px 1px;\r
2530 }\r
2531 \r
2532 .ext-border-box .x-grid3-hd-checker-on .x-grid3-hd-checker {\r
2533     background-position:-23px 3px;\r
2534 }\r
2535 \r
2536 /* Numberer */\r
2537 .x-grid3-body .x-grid3-td-numberer {\r
2538     background:transparent repeat-y right;\r
2539 }\r
2540 \r
2541 .x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {\r
2542     padding:3px 5px 0 0 !important;\r
2543     text-align:right;\r
2544 }\r
2545 \r
2546 /* Row Icon */\r
2547 \r
2548 .x-grid3-body .x-grid3-td-row-icon {\r
2549     background:transparent repeat-y right;\r
2550     vertical-align:top;\r
2551     text-align:center;\r
2552 }\r
2553 \r
2554 .x-grid3-body .x-grid3-td-row-icon .x-grid3-cell-inner {\r
2555     padding:0 !important;\r
2556     background-position:center center;\r
2557     background-repeat:no-repeat;\r
2558     width:16px;\r
2559     height:16px;\r
2560     margin-left:2px;\r
2561     margin-top:3px;\r
2562 }\r
2563 \r
2564 /* All specials */\r
2565 .x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,\r
2566 .x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,\r
2567 .x-grid3-body .x-grid3-row-selected .x-grid3-td-expander {\r
2568         background:transparent repeat-y right;\r
2569 }\r
2570 \r
2571 .x-grid3-body .x-grid3-check-col-td .x-grid3-cell-inner {\r
2572     padding: 1px 0 0 0 !important;\r
2573 }\r
2574 \r
2575 .x-grid3-check-col {\r
2576     width:100%;\r
2577     height:16px;\r
2578     background-position:center center;\r
2579     background-repeat:no-repeat;\r
2580     background-color:transparent;\r
2581 }\r
2582 \r
2583 .x-grid3-check-col-on {\r
2584     width:100%;\r
2585     height:16px;\r
2586     background-position:center center;\r
2587     background-repeat:no-repeat;\r
2588     background-color:transparent;\r
2589 }\r
2590 \r
2591 /* Grouping classes */\r
2592 .x-grid-group, .x-grid-group-body, .x-grid-group-hd {\r
2593     zoom:1;\r
2594 }\r
2595 \r
2596 .x-grid-group-hd {\r
2597     border-bottom: 2px solid;\r
2598     cursor:pointer;\r
2599     padding-top:6px;\r
2600 }\r
2601 \r
2602 .x-grid-group-hd div.x-grid-group-title {\r
2603     background:transparent no-repeat 3px 3px;\r
2604     padding:4px 4px 4px 17px;\r
2605 }\r
2606 \r
2607 .x-grid-group-collapsed .x-grid-group-body {\r
2608     display:none;\r
2609 }\r
2610 \r
2611 .ext-ie6 .x-grid3 .x-editor .x-form-text, .ext-ie7 .x-grid3 .x-editor .x-form-text {\r
2612     position:relative;\r
2613     top:-1px;\r
2614 }\r
2615 \r
2616 .ext-ie .x-props-grid .x-editor .x-form-text {\r
2617     position:static;\r
2618     top:0;\r
2619 }\r
2620 \r
2621 .x-grid-empty {\r
2622     padding:10px;\r
2623 }\r
2624 \r
2625 /* fix floating toolbar issue */\r
2626 .ext-ie7 .x-grid-panel .x-panel-bbar {\r
2627     position:relative;\r
2628 }\r
2629 \r
2630 \r
2631 /* Reset position to static when Grid Panel has been framed */\r
2632 /* to resolve 'snapping' from top to bottom behavior. */\r
2633 /* @forumThread 86656 */\r
2634 .ext-ie7 .x-grid-panel .x-panel-mc .x-panel-bbar {\r
2635     position: static;\r
2636 }\r
2637 \r
2638 \r
2639 .ext-ie6 .x-grid3-header {\r
2640     position: relative;\r
2641 }\r
2642 \r
2643 /* column lines */\r
2644 .x-grid-with-col-lines .x-grid3-row td.x-grid3-cell {\r
2645     padding-right:0;\r
2646     border-right:1px solid;\r
2647 }\r
2648 .x-dd-drag-proxy{\r
2649         position:absolute;\r
2650         left:0;\r
2651     top:0;\r
2652         visibility:hidden;\r
2653         z-index:15000;\r
2654 }\r
2655 \r
2656 .x-dd-drag-ghost{\r
2657         -moz-opacity: 0.85;\r
2658     opacity:.85;\r
2659     filter: alpha(opacity=85);\r
2660     border: 1px solid;\r
2661         padding:3px;\r
2662         padding-left:20px;\r
2663         white-space:nowrap;\r
2664 }\r
2665 \r
2666 .x-dd-drag-repair .x-dd-drag-ghost{\r
2667         -moz-opacity: 0.4;\r
2668     opacity:.4;\r
2669     filter: alpha(opacity=40);\r
2670         border:0 none;\r
2671         padding:0;\r
2672         background-color:transparent;\r
2673 }\r
2674 \r
2675 .x-dd-drag-repair .x-dd-drop-icon{\r
2676         visibility:hidden;\r
2677 }\r
2678 \r
2679 .x-dd-drop-icon{\r
2680     position:absolute;\r
2681         top:3px;\r
2682         left:3px;\r
2683         display:block;\r
2684         width:16px;\r
2685         height:16px;\r
2686         background-color:transparent;\r
2687         background-position: center;\r
2688         background-repeat: no-repeat;\r
2689         z-index:1;\r
2690 }\r
2691 \r
2692 .x-view-selector {\r
2693     position:absolute;\r
2694     left:0;\r
2695     top:0;\r
2696     width:0;\r
2697     border:1px dotted;\r
2698         opacity: .5;\r
2699     -moz-opacity: .5;\r
2700     filter:alpha(opacity=50);\r
2701     zoom:1;\r
2702 }.ext-strict .ext-ie .x-tree .x-panel-bwrap{\r
2703     position:relative;\r
2704     overflow:hidden;\r
2705 }\r
2706 \r
2707 .x-tree-icon, .x-tree-ec-icon, .x-tree-elbow-line, .x-tree-elbow, .x-tree-elbow-end, .x-tree-elbow-plus, .x-tree-elbow-minus, .x-tree-elbow-end-plus, .x-tree-elbow-end-minus{\r
2708         border: 0 none;\r
2709         height: 18px;\r
2710         margin: 0;\r
2711         padding: 0;\r
2712         vertical-align: top;\r
2713         width: 16px;\r
2714     background-repeat: no-repeat;\r
2715 }\r
2716 \r
2717 .x-tree-node-collapsed .x-tree-node-icon, .x-tree-node-expanded .x-tree-node-icon, .x-tree-node-leaf .x-tree-node-icon{\r
2718         border: 0 none;\r
2719         height: 18px;\r
2720         margin: 0;\r
2721         padding: 0;\r
2722         vertical-align: top;\r
2723         width: 16px;\r
2724         background-position:center;\r
2725     background-repeat: no-repeat;\r
2726 }\r
2727 \r
2728 .ext-ie .x-tree-node-indent img, .ext-ie .x-tree-node-icon, .ext-ie .x-tree-ec-icon {\r
2729     vertical-align: middle !important;\r
2730 }\r
2731 \r
2732 .ext-strict .ext-ie8 .x-tree-node-indent img, .ext-strict .ext-ie8 .x-tree-node-icon, .ext-strict .ext-ie8 .x-tree-ec-icon {\r
2733     vertical-align: top !important;\r
2734 }\r
2735 \r
2736 /* checkboxes */\r
2737 \r
2738 input.x-tree-node-cb {\r
2739     margin-left:1px;\r
2740     height: 19px;\r
2741         vertical-align: bottom;\r
2742 }\r
2743 \r
2744 .ext-ie input.x-tree-node-cb {\r
2745     margin-left:0;\r
2746     margin-top: 1px;\r
2747     width: 16px;\r
2748     height: 16px;\r
2749     vertical-align: middle;\r
2750 }\r
2751 \r
2752 .ext-strict .ext-ie8 input.x-tree-node-cb{\r
2753     margin: 1px 1px;\r
2754     height: 14px;\r
2755     vertical-align: bottom;\r
2756 }\r
2757 \r
2758 .ext-strict .ext-ie8 input.x-tree-node-cb + a{\r
2759     vertical-align: bottom;\r
2760 }\r
2761 \r
2762 .ext-opera input.x-tree-node-cb {\r
2763     height: 14px;\r
2764     vertical-align: middle;\r
2765 }\r
2766 \r
2767 .x-tree-noicon .x-tree-node-icon{\r
2768         width:0; height:0;\r
2769 }\r
2770 \r
2771 /* No line styles */\r
2772 .x-tree-no-lines .x-tree-elbow{\r
2773         background:transparent;\r
2774 }\r
2775 \r
2776 .x-tree-no-lines .x-tree-elbow-end{\r
2777         background:transparent;\r
2778 }\r
2779 \r
2780 .x-tree-no-lines .x-tree-elbow-line{\r
2781         background:transparent;\r
2782 }\r
2783 \r
2784 /* Arrows */\r
2785 .x-tree-arrows .x-tree-elbow{\r
2786         background:transparent;\r
2787 }\r
2788 \r
2789 .x-tree-arrows .x-tree-elbow-plus{\r
2790     background:transparent no-repeat 0 0;\r
2791 }\r
2792 \r
2793 .x-tree-arrows .x-tree-elbow-minus{\r
2794     background:transparent no-repeat -16px 0;\r
2795 }\r
2796 \r
2797 .x-tree-arrows .x-tree-elbow-end{\r
2798         background:transparent;\r
2799 }\r
2800 \r
2801 .x-tree-arrows .x-tree-elbow-end-plus{\r
2802     background:transparent no-repeat 0 0;\r
2803 }\r
2804 \r
2805 .x-tree-arrows .x-tree-elbow-end-minus{\r
2806     background:transparent no-repeat -16px 0;\r
2807 }\r
2808 \r
2809 .x-tree-arrows .x-tree-elbow-line{\r
2810         background:transparent;\r
2811 }\r
2812 \r
2813 .x-tree-arrows .x-tree-ec-over .x-tree-elbow-plus{\r
2814     background-position:-32px 0;\r
2815 }\r
2816 \r
2817 .x-tree-arrows .x-tree-ec-over .x-tree-elbow-minus{\r
2818     background-position:-48px 0;\r
2819 }\r
2820 \r
2821 .x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-plus{\r
2822     background-position:-32px 0;\r
2823 }\r
2824 \r
2825 .x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-minus{\r
2826     background-position:-48px 0;\r
2827 }\r
2828 \r
2829 .x-tree-elbow-plus, .x-tree-elbow-minus, .x-tree-elbow-end-plus, .x-tree-elbow-end-minus{\r
2830         cursor:pointer;\r
2831 }\r
2832 \r
2833 .ext-ie ul.x-tree-node-ct{\r
2834     font-size:0;\r
2835     line-height:0;\r
2836     zoom:1;\r
2837 }\r
2838 \r
2839 .x-tree-node{\r
2840         white-space: nowrap;\r
2841 }\r
2842 \r
2843 .x-tree-node-el {\r
2844     line-height:18px;\r
2845     cursor:pointer;\r
2846 }\r
2847 \r
2848 .x-tree-node a, .x-dd-drag-ghost a{\r
2849         text-decoration:none;\r
2850         -khtml-user-select:none;\r
2851         -moz-user-select:none;\r
2852     -webkit-user-select:ignore;\r
2853     -kthml-user-focus:normal;\r
2854     -moz-user-focus:normal;\r
2855     -moz-outline: 0 none;\r
2856     outline:0 none;\r
2857 }\r
2858 \r
2859 .x-tree-node a span, .x-dd-drag-ghost a span{\r
2860         text-decoration:none;\r
2861         padding:1px 3px 1px 2px;\r
2862 }\r
2863 \r
2864 .x-tree-node .x-tree-node-disabled .x-tree-node-icon{\r
2865         -moz-opacity: 0.5;\r
2866    opacity:.5;\r
2867    filter: alpha(opacity=50);\r
2868 }\r
2869 \r
2870 .x-tree-node .x-tree-node-inline-icon{\r
2871         background:transparent;\r
2872 }\r
2873 \r
2874 .x-tree-node a:hover, .x-dd-drag-ghost a:hover{\r
2875         text-decoration:none;\r
2876 }\r
2877 \r
2878 .x-tree-node div.x-tree-drag-insert-below{\r
2879          border-bottom:1px dotted;\r
2880 }\r
2881 \r
2882 .x-tree-node div.x-tree-drag-insert-above{\r
2883          border-top:1px dotted;\r
2884 }\r
2885 \r
2886 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below{\r
2887          border-bottom:0 none;\r
2888 }\r
2889 \r
2890 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above{\r
2891          border-top:0 none;\r
2892 }\r
2893 \r
2894 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{\r
2895          border-bottom:2px solid;\r
2896 }\r
2897 \r
2898 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{\r
2899          border-top:2px solid;\r
2900 }\r
2901 \r
2902 .x-tree-node .x-tree-drag-append a span{\r
2903          border:1px dotted;\r
2904 }\r
2905 \r
2906 .x-dd-drag-ghost .x-tree-node-indent, .x-dd-drag-ghost .x-tree-ec-icon{\r
2907         display:none !important;\r
2908 }\r
2909 \r
2910 /* Fix for ie rootVisible:false issue */\r
2911 .x-tree-root-ct {\r
2912     zoom:1;\r
2913 }\r
2914 .x-date-picker {
2915     border: 1px solid;
2916     border-top:0 none;
2917         position:relative;
2918 }
2919
2920 .x-date-picker a {
2921     -moz-outline:0 none;
2922     outline:0 none;
2923 }
2924
2925 .x-date-inner, .x-date-inner td, .x-date-inner th{
2926     border-collapse:separate;
2927 }
2928
2929 .x-date-middle,.x-date-left,.x-date-right {
2930         background: repeat-x 0 -83px;
2931         overflow:hidden;
2932 }
2933
2934 .x-date-middle .x-btn-tc,.x-date-middle .x-btn-tl,.x-date-middle .x-btn-tr,
2935 .x-date-middle .x-btn-mc,.x-date-middle .x-btn-ml,.x-date-middle .x-btn-mr,
2936 .x-date-middle .x-btn-bc,.x-date-middle .x-btn-bl,.x-date-middle .x-btn-br{
2937         background:transparent !important;
2938     vertical-align:middle;
2939 }
2940
2941 .x-date-middle .x-btn-mc em.x-btn-arrow {
2942     background:transparent no-repeat right 0;
2943 }
2944
2945 .x-date-right, .x-date-left {
2946     width:18px;
2947 }
2948
2949 .x-date-right{
2950     text-align:right;
2951 }
2952
2953 .x-date-middle {
2954     padding-top:2px;
2955     padding-bottom:2px;
2956     width:130px; /* FF3 */
2957 }
2958
2959 .x-date-right a, .x-date-left a{
2960     display:block;
2961     width:16px;
2962         height:16px;
2963         background-position: center;
2964         background-repeat: no-repeat;
2965         cursor:pointer;
2966     -moz-opacity: 0.6;
2967     opacity:.6;
2968     filter: alpha(opacity=60);
2969 }
2970
2971 .x-date-right a:hover, .x-date-left a:hover{
2972     -moz-opacity: 1;
2973     opacity:1;
2974     filter: alpha(opacity=100);
2975 }
2976
2977 .x-item-disabled .x-date-right a:hover, .x-item-disabled .x-date-left a:hover{
2978     -moz-opacity: 0.6;
2979     opacity:.6;
2980     filter: alpha(opacity=60);
2981 }
2982
2983 .x-date-right a {
2984     margin-right:2px;
2985     text-decoration:none !important;
2986 }
2987
2988 .x-date-left a{
2989     margin-left:2px;
2990     text-decoration:none !important;
2991 }
2992
2993 table.x-date-inner {
2994     width: 100%;
2995     table-layout:fixed;
2996 }
2997
2998 .ext-webkit table.x-date-inner{
2999     /* Fix for webkit browsers */
3000     width: 175px;
3001 }
3002
3003
3004 .x-date-inner th {
3005     width:25px;
3006 }
3007
3008 .x-date-inner th {
3009     background: repeat-x left top;
3010     text-align:right !important;
3011         border-bottom: 1px solid;
3012         cursor:default;
3013     padding:0;
3014     border-collapse:separate;
3015 }
3016
3017 .x-date-inner th span {
3018     display:block;
3019     padding:2px;
3020     padding-right:7px;
3021 }
3022
3023 .x-date-inner td {
3024     border: 1px solid;
3025         text-align:right;
3026     padding:0;
3027 }
3028
3029 .x-date-inner a {
3030     padding:2px 5px;
3031     display:block;
3032         text-decoration:none;
3033     text-align:right;
3034     zoom:1;
3035 }
3036
3037 .x-date-inner .x-date-active{
3038         cursor:pointer;
3039         color:black;
3040 }
3041
3042 .x-date-inner .x-date-selected a{
3043         background: repeat-x left top;
3044         border:1px solid;
3045     padding:1px 4px;
3046 }
3047
3048 .x-date-inner .x-date-today a{
3049         border: 1px solid;
3050     padding:1px 4px;
3051 }
3052
3053 .x-date-inner .x-date-prevday a,.x-date-inner .x-date-nextday a {
3054     text-decoration:none !important;
3055 }
3056
3057 .x-date-bottom {
3058     padding:4px;
3059     border-top: 1px solid;
3060     background: repeat-x left top;
3061 }
3062
3063 .x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover{
3064     text-decoration:none !important;
3065 }
3066
3067 .x-item-disabled .x-date-inner a:hover{
3068     background: none;
3069 }
3070
3071 .x-date-inner .x-date-disabled a {
3072         cursor:default;
3073 }
3074
3075 .x-date-menu .x-menu-item {
3076         padding:1px 24px 1px 4px;
3077         white-space: nowrap;
3078 }
3079
3080 .x-date-menu .x-menu-item .x-menu-item-icon {
3081     width:10px;
3082     height:10px;
3083     margin-right:5px;
3084     background-position:center -4px !important;
3085 }
3086
3087 .x-date-mp {
3088         position:absolute;
3089         left:0;
3090         top:0;
3091         display:none;
3092 }
3093
3094 .x-date-mp td {
3095     padding:2px;
3096         font:normal 11px arial, helvetica,tahoma,sans-serif;
3097 }
3098
3099 td.x-date-mp-month,td.x-date-mp-year,td.x-date-mp-ybtn {
3100     border: 0 none;
3101         text-align:center;
3102         vertical-align: middle;
3103         width:25%;
3104 }
3105
3106 .x-date-mp-ok {
3107         margin-right:3px;
3108 }
3109
3110 .x-date-mp-btns button {
3111         text-decoration:none;
3112         text-align:center;
3113         text-decoration:none !important;
3114         border:1px solid;
3115         padding:1px 3px 1px;
3116         cursor:pointer;
3117 }
3118
3119 .x-date-mp-btns {
3120         background: repeat-x left top;
3121 }
3122
3123 .x-date-mp-btns td {
3124         border-top: 1px solid;
3125     text-align:center;
3126 }
3127
3128 td.x-date-mp-month a,td.x-date-mp-year a {
3129         display:block;
3130         padding:2px 4px;
3131         text-decoration:none;
3132         text-align:center;
3133 }
3134
3135 td.x-date-mp-month a:hover,td.x-date-mp-year a:hover {
3136         text-decoration:none;
3137         cursor:pointer;
3138 }
3139
3140 td.x-date-mp-sel a {
3141         padding:1px 3px;
3142         background: repeat-x left top;
3143         border:1px solid;
3144 }
3145
3146 .x-date-mp-ybtn a {
3147     overflow:hidden;
3148     width:15px;
3149     height:15px;
3150     cursor:pointer;
3151     background:transparent no-repeat;
3152     display:block;
3153     margin:0 auto;
3154 }
3155
3156 .x-date-mp-ybtn a.x-date-mp-next {
3157     background-position:0 -120px;
3158 }
3159
3160 .x-date-mp-ybtn a.x-date-mp-next:hover {
3161     background-position:-15px -120px;
3162 }
3163
3164 .x-date-mp-ybtn a.x-date-mp-prev {
3165     background-position:0 -105px;
3166 }
3167
3168 .x-date-mp-ybtn a.x-date-mp-prev:hover {
3169     background-position:-15px -105px;
3170 }
3171
3172 .x-date-mp-ybtn {
3173    text-align:center;
3174 }
3175
3176 td.x-date-mp-sep {
3177    border-right:1px solid;
3178 }.x-tip{\r
3179         position: absolute;\r
3180         top: 0;\r
3181     left:0;\r
3182     visibility: hidden;\r
3183         z-index: 20002;\r
3184     border:0 none;\r
3185 }\r
3186 \r
3187 .x-tip .x-tip-close{\r
3188         height: 15px;\r
3189         float:right;\r
3190         width: 15px;\r
3191     margin:0 0 2px 2px;\r
3192     cursor:pointer;\r
3193     display:none;\r
3194 }\r
3195 \r
3196 .x-tip .x-tip-tc {\r
3197         background: transparent no-repeat 0 -62px;\r
3198         padding-top:3px;\r
3199     overflow:hidden;\r
3200     zoom:1;\r
3201 }\r
3202 \r
3203 .x-tip .x-tip-tl {\r
3204         background: transparent no-repeat 0 0;\r
3205         padding-left:6px;\r
3206     overflow:hidden;\r
3207     zoom:1;\r
3208 }\r
3209 \r
3210 .x-tip .x-tip-tr {\r
3211         background: transparent no-repeat right 0;\r
3212         padding-right:6px;\r
3213     overflow:hidden;\r
3214     zoom:1;\r
3215 }\r
3216 \r
3217 .x-tip .x-tip-bc {\r
3218         background: transparent no-repeat 0 -121px;\r
3219         height:3px;\r
3220     overflow:hidden;\r
3221 }\r
3222 \r
3223 .x-tip .x-tip-bl {\r
3224         background: transparent no-repeat 0 -59px;\r
3225         padding-left:6px;\r
3226     zoom:1;\r
3227 }\r
3228 \r
3229 .x-tip .x-tip-br {\r
3230         background: transparent no-repeat right -59px;\r
3231         padding-right:6px;\r
3232     zoom:1;\r
3233 }\r
3234 \r
3235 .x-tip .x-tip-mc {\r
3236     border:0 none;\r
3237 }\r
3238 \r
3239 .x-tip .x-tip-ml {\r
3240         background: no-repeat 0 -124px;\r
3241         padding-left:6px;\r
3242     zoom:1;\r
3243 }\r
3244 \r
3245 .x-tip .x-tip-mr {\r
3246         background: transparent no-repeat right -124px;\r
3247         padding-right:6px;\r
3248     zoom:1;\r
3249 }\r
3250 \r
3251 .ext-ie .x-tip .x-tip-header,.ext-ie .x-tip .x-tip-tc {\r
3252     font-size:0;\r
3253     line-height:0;\r
3254 }\r
3255 \r
3256 .ext-border-box .x-tip .x-tip-header, .ext-border-box .x-tip .x-tip-tc{\r
3257     line-height: 1px;\r
3258 }\r
3259 \r
3260 .x-tip .x-tip-header-text {\r
3261     padding:0;\r
3262     margin:0 0 2px 0;\r
3263 }\r
3264 \r
3265 .x-tip .x-tip-body {\r
3266     margin:0 !important;\r
3267     line-height:14px;\r
3268     padding:0;\r
3269 }\r
3270 \r
3271 .x-tip .x-tip-body .loading-indicator {\r
3272     margin:0;\r
3273 }\r
3274 \r
3275 .x-tip-draggable .x-tip-header,.x-tip-draggable .x-tip-header-text {\r
3276     cursor:move;\r
3277 }\r
3278 \r
3279 .x-form-invalid-tip .x-tip-tc {\r
3280         background: repeat-x 0 -12px;\r
3281     padding-top:6px;\r
3282 }\r
3283 \r
3284 .x-form-invalid-tip .x-tip-bc {\r
3285         background: repeat-x 0 -18px;\r
3286     height:6px;\r
3287 }\r
3288 \r
3289 .x-form-invalid-tip .x-tip-bl {\r
3290         background: no-repeat 0 -6px;\r
3291 }\r
3292 \r
3293 .x-form-invalid-tip .x-tip-br {\r
3294         background: no-repeat right -6px;\r
3295 }\r
3296 \r
3297 .x-form-invalid-tip .x-tip-body {\r
3298     padding:2px;\r
3299 }\r
3300 \r
3301 .x-form-invalid-tip .x-tip-body {\r
3302     padding-left:24px;\r
3303     background:transparent no-repeat 2px 2px;\r
3304 }\r
3305 \r
3306 .x-tip-anchor {\r
3307     position: absolute;\r
3308     width: 9px;\r
3309     height: 10px;\r
3310     overflow:hidden;\r
3311     background: transparent no-repeat 0 0;\r
3312     zoom:1;\r
3313 }\r
3314 .x-tip-anchor-bottom {\r
3315     background-position: -9px 0;\r
3316 }\r
3317 .x-tip-anchor-right {\r
3318     background-position: -18px 0;\r
3319     width: 10px;\r
3320 }\r
3321 .x-tip-anchor-left {\r
3322     background-position: -28px 0;\r
3323     width: 10px;\r
3324 }.x-menu {\r
3325         z-index: 15000;\r
3326         zoom: 1;\r
3327         background: repeat-y;\r
3328 }\r
3329 \r
3330 .x-menu-floating{\r
3331     border: 1px solid;\r
3332 }\r
3333 \r
3334 .x-menu a {\r
3335     text-decoration: none !important;\r
3336 }\r
3337 \r
3338 .ext-ie .x-menu {\r
3339     zoom:1;\r
3340     overflow:hidden;\r
3341 }\r
3342 \r
3343 .x-menu-list{\r
3344     padding: 2px;\r
3345         background:transparent;\r
3346         border:0 none;\r
3347     overflow:hidden;\r
3348     overflow-y: hidden;\r
3349 }\r
3350 \r
3351 .ext-strict .ext-ie .x-menu-list{\r
3352     position: relative;\r
3353 }\r
3354 \r
3355 .x-menu li{\r
3356         line-height:100%;\r
3357 }\r
3358 \r
3359 .x-menu li.x-menu-sep-li{\r
3360         font-size:1px;\r
3361         line-height:1px;\r
3362 }\r
3363 \r
3364 .x-menu-list-item{\r
3365     white-space: nowrap;\r
3366         display:block;\r
3367         padding:1px;\r
3368 }\r
3369 \r
3370 .x-menu-item{\r
3371     -moz-user-select: none;\r
3372     -khtml-user-select:none;\r
3373     -webkit-user-select:ignore;\r
3374 }\r
3375 \r
3376 .x-menu-item-arrow{\r
3377         background:transparent no-repeat right;\r
3378 }\r
3379 \r
3380 .x-menu-sep {\r
3381         display:block;\r
3382         font-size:1px;\r
3383         line-height:1px;\r
3384         margin: 2px 3px;\r
3385         border-bottom:1px solid;\r
3386     overflow:hidden;\r
3387 }\r
3388 \r
3389 .x-menu-focus {\r
3390         position:absolute;\r
3391         left:-1px;\r
3392         top:-1px;\r
3393         width:1px;\r
3394         height:1px;\r
3395     line-height:1px;\r
3396     font-size:1px;\r
3397     -moz-outline:0 none;\r
3398     outline:0 none;\r
3399     -moz-user-select: none;\r
3400     -khtml-user-select:none;\r
3401     -webkit-user-select:ignore;\r
3402     overflow:hidden;\r
3403     display:block;\r
3404 }\r
3405 \r
3406 a.x-menu-item {\r
3407     cursor: pointer;\r
3408     display: block;\r
3409     line-height: 16px;\r
3410     outline-color: -moz-use-text-color;\r
3411     outline-style: none;\r
3412     outline-width: 0;\r
3413     padding: 3px 21px 3px 27px;\r
3414     position: relative;\r
3415     text-decoration: none;\r
3416     white-space: nowrap;\r
3417 }\r
3418 \r
3419 .x-menu-item-active {\r
3420     background-repeat: repeat-x;\r
3421     background-position: left bottom;\r
3422     border-style:solid;\r
3423     border-width: 1px 0;\r
3424     margin:0 1px;\r
3425         padding: 0;\r
3426 }\r
3427 \r
3428 .x-menu-item-active a.x-menu-item {\r
3429     border-style:solid;\r
3430     border-width:0 1px;\r
3431     margin:0 -1px;\r
3432 }\r
3433 \r
3434 .x-menu-item-icon {\r
3435         border: 0 none;\r
3436         height: 16px;\r
3437         padding: 0;\r
3438         vertical-align: top;\r
3439         width: 16px;\r
3440         position: absolute;\r
3441     left: 3px;\r
3442     top: 3px;\r
3443     margin: 0;\r
3444     background-position:center;\r
3445 }\r
3446 \r
3447 .ext-ie .x-menu-item-icon {\r
3448     left: -24px;\r
3449 }\r
3450 .ext-strict .x-menu-item-icon {\r
3451     left: 3px;\r
3452 }\r
3453 \r
3454 .ext-ie6 .x-menu-item-icon {\r
3455     left: -24px;\r
3456 }\r
3457 \r
3458 .ext-ie .x-menu-item-icon {\r
3459     vertical-align: middle;\r
3460 }\r
3461 \r
3462 .x-menu-check-item .x-menu-item-icon{\r
3463         background: transparent no-repeat center;\r
3464 }\r
3465 \r
3466 .x-menu-group-item .x-menu-item-icon{\r
3467         background: transparent;\r
3468 }\r
3469 \r
3470 .x-menu-item-checked .x-menu-group-item .x-menu-item-icon{\r
3471     background: transparent no-repeat center;\r
3472 }\r
3473 \r
3474 .x-date-menu .x-menu-list{\r
3475     padding: 0;\r
3476 }\r
3477 \r
3478 .x-menu-date-item{\r
3479         padding:0;\r
3480 }\r
3481 \r
3482 .x-menu .x-color-palette, .x-menu .x-date-picker{\r
3483     margin-left: 26px;\r
3484         margin-right:4px;\r
3485 }\r
3486 \r
3487 .x-menu .x-date-picker{\r
3488     border:1px solid;\r
3489     margin-top:2px;\r
3490     margin-bottom:2px;\r
3491 }\r
3492 \r
3493 .x-menu-plain .x-color-palette, .x-menu-plain .x-date-picker{\r
3494          margin: 0;\r
3495          border: 0 none;\r
3496 }\r
3497 \r
3498 .x-date-menu {\r
3499    padding:0 !important;\r
3500 }\r
3501 \r
3502 /*\r
3503  * fixes separator visibility problem in IE 6\r
3504  */\r
3505 .ext-strict .ext-ie6 .x-menu-sep-li {\r
3506     padding: 3px 4px;\r
3507 }\r
3508 .ext-strict .ext-ie6 .x-menu-sep {\r
3509     margin: 0;\r
3510     height: 1px;\r
3511 }\r
3512 \r
3513 /*\r
3514  * Ugly mess to remove the white border under the picker\r
3515  */\r
3516 .ext-ie .x-date-menu{\r
3517     height: 199px;\r
3518 }\r
3519 \r
3520 .ext-strict .ext-ie .x-date-menu, .ext-border-box .ext-ie8 .x-date-menu{\r
3521     height: 197px;\r
3522 }\r
3523 \r
3524 .ext-strict .ext-ie7 .x-date-menu{\r
3525     height: 195px;\r
3526 }\r
3527 \r
3528 .ext-strict .ext-ie8 .x-date-menu{\r
3529     height: auto;\r
3530 }\r
3531 \r
3532 .x-cycle-menu .x-menu-item-checked {\r
3533     border:1px dotted !important;\r
3534         padding:0;\r
3535 }\r
3536 \r
3537 .x-menu .x-menu-scroller {\r
3538     width: 100%;\r
3539         background-repeat:no-repeat;\r
3540         background-position:center;\r
3541         height:8px;\r
3542     line-height: 8px;\r
3543         cursor:pointer;\r
3544     margin: 0;\r
3545     padding: 0;\r
3546 }\r
3547 \r
3548 .x-menu .x-menu-scroller-active{\r
3549     height: 6px;\r
3550     line-height: 6px;\r
3551 }\r
3552 \r
3553 .x-menu-list-item-indent{\r
3554     padding-left: 27px;\r
3555 }/*
3556  Creates rounded, raised boxes like on the Ext website - the markup isn't pretty:
3557   <div class="x-box-blue">
3558         <div class="x-box-tl"><div class="x-box-tr"><div class="x-box-tc"></div></div></div>
3559         <div class="x-box-ml"><div class="x-box-mr"><div class="x-box-mc">
3560             <h3>YOUR TITLE HERE (optional)</h3>
3561             <div>YOUR CONTENT HERE</div>
3562         </div></div></div>
3563         <div class="x-box-bl"><div class="x-box-br"><div class="x-box-bc"></div></div></div>
3564     </div>
3565  */
3566
3567 .x-box-tl {
3568         background: transparent no-repeat 0 0;
3569     zoom:1;
3570 }
3571
3572 .x-box-tc {
3573         height: 8px;
3574         background: transparent repeat-x 0 0;
3575         overflow: hidden;
3576 }
3577
3578 .x-box-tr {
3579         background: transparent no-repeat right -8px;
3580 }
3581
3582 .x-box-ml {
3583         background: transparent repeat-y 0;
3584         padding-left: 4px;
3585         overflow: hidden;
3586     zoom:1;
3587 }
3588
3589 .x-box-mc {
3590         background: repeat-x 0 -16px;
3591         padding: 4px 10px;
3592 }
3593
3594 .x-box-mc h3 {
3595         margin: 0 0 4px 0;
3596     zoom:1;
3597 }
3598
3599 .x-box-mr {
3600         background: transparent repeat-y right;
3601         padding-right: 4px;
3602         overflow: hidden;
3603 }
3604
3605 .x-box-bl {
3606         background: transparent no-repeat 0 -16px;
3607     zoom:1;
3608 }
3609
3610 .x-box-bc {
3611         background: transparent repeat-x 0 -8px;
3612         height: 8px;
3613         overflow: hidden;
3614 }
3615
3616 .x-box-br {
3617         background: transparent no-repeat right -24px;
3618 }
3619
3620 .x-box-tl, .x-box-bl {
3621         padding-left: 8px;
3622         overflow: hidden;
3623 }
3624
3625 .x-box-tr, .x-box-br {
3626         padding-right: 8px;
3627         overflow: hidden;
3628 }.x-combo-list {
3629     border:1px solid;
3630     zoom:1;
3631     overflow:hidden;
3632 }
3633
3634 .x-combo-list-inner {
3635     overflow:auto;
3636     position:relative; /* for calculating scroll offsets */
3637     zoom:1;
3638     overflow-x:hidden;
3639 }
3640
3641 .x-combo-list-hd {
3642     border-bottom:1px solid;
3643     padding:3px;
3644 }
3645
3646 .x-resizable-pinned .x-combo-list-inner {
3647     border-bottom:1px solid;
3648 }
3649
3650 .x-combo-list-item {
3651     padding:2px;
3652     border:1px solid;
3653     white-space: nowrap;
3654     overflow:hidden;
3655     text-overflow: ellipsis;
3656 }
3657
3658 .x-combo-list .x-combo-selected{
3659         border:1px dotted !important;
3660     cursor:pointer;
3661 }
3662
3663 .x-combo-list .x-toolbar {
3664     border-top:1px solid;
3665     border-bottom:0 none;
3666 }.x-panel {
3667     border-style: solid;
3668     border-width:0;
3669 }
3670
3671 .x-panel-header {
3672     overflow:hidden;
3673     zoom:1;
3674     padding:5px 3px 4px 5px;
3675     border:1px solid;
3676     line-height: 15px;
3677     background: transparent repeat-x 0 -1px;
3678 }
3679
3680 .x-panel-body {
3681     border:1px solid;
3682     border-top:0 none;
3683     overflow:hidden;
3684     position: relative; /* added for item scroll positioning */
3685 }
3686
3687 .x-panel-bbar .x-toolbar, .x-panel-tbar .x-toolbar {
3688     border:1px solid;
3689     border-top:0 none;
3690     overflow:hidden;
3691     padding:2px;
3692 }
3693
3694 .x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
3695     border-top:1px solid;
3696     border-bottom: 0 none;
3697 }
3698
3699 .x-panel-body-noheader, .x-panel-mc .x-panel-body {
3700     border-top:1px solid;
3701 }
3702
3703 .x-panel-header {
3704     overflow:hidden;
3705     zoom:1;
3706 }
3707
3708 .x-panel-tl .x-panel-header {
3709     padding:5px 0 4px 0;
3710     border:0 none;
3711     background:transparent;
3712 }
3713
3714 .x-panel-tl .x-panel-icon, .x-window-tl .x-panel-icon {
3715     padding-left:20px !important;
3716     background-repeat:no-repeat;
3717     background-position:0 4px;
3718     zoom:1;
3719 }
3720
3721 .x-panel-inline-icon {
3722     width:16px;
3723         height:16px;
3724     background-repeat:no-repeat;
3725     background-position:0 0;
3726         vertical-align:middle;
3727         margin-right:4px;
3728         margin-top:-1px;
3729         margin-bottom:-1px;
3730 }
3731
3732 .x-panel-tc {
3733         background: transparent repeat-x 0 0;
3734         overflow:hidden;
3735 }
3736
3737 /* fix ie7 strict mode bug */
3738 .ext-strict .ext-ie7 .x-panel-tc {
3739     overflow: visible;
3740 }
3741
3742 .x-panel-tl {
3743         background: transparent no-repeat 0 0;
3744         padding-left:6px;
3745     zoom:1;
3746     border-bottom:1px solid;
3747 }
3748
3749 .x-panel-tr {
3750         background: transparent no-repeat right 0;
3751         zoom:1;
3752     padding-right:6px;
3753 }
3754
3755 .x-panel-bc {
3756         background: transparent repeat-x 0 bottom;
3757     zoom:1;
3758 }
3759
3760 .x-panel-bc .x-panel-footer {
3761     zoom:1;
3762 }
3763
3764 .x-panel-bl {
3765         background: transparent no-repeat 0 bottom;
3766         padding-left:6px;
3767     zoom:1;
3768 }
3769
3770 .x-panel-br {
3771         background: transparent no-repeat right bottom;
3772         padding-right:6px;
3773     zoom:1;
3774 }
3775
3776 .x-panel-mc {
3777     border:0 none;
3778     padding:0;
3779     margin:0;
3780     padding-top:6px;
3781 }
3782
3783 .x-panel-mc .x-panel-body {
3784     background:transparent;
3785     border: 0 none;
3786 }
3787
3788 .x-panel-ml {
3789         background: repeat-y 0 0;
3790         padding-left:6px;
3791     zoom:1;
3792 }
3793
3794 .x-panel-mr {
3795         background: transparent repeat-y right 0;
3796         padding-right:6px;
3797     zoom:1;
3798 }
3799
3800 .x-panel-bc .x-panel-footer {
3801     padding-bottom:6px;
3802 }
3803
3804 .x-panel-nofooter .x-panel-bc, .x-panel-nofooter .x-window-bc {
3805         height:6px;
3806     font-size:0;
3807     line-height:0;
3808 }
3809
3810 .x-panel-bwrap {
3811     overflow:hidden;
3812     zoom:1;
3813     left:0;
3814     top:0;
3815 }
3816 .x-panel-body {
3817     overflow:hidden;
3818     zoom:1;
3819 }
3820
3821 .x-panel-collapsed .x-resizable-handle{
3822     display:none;
3823 }
3824
3825 .ext-gecko .x-panel-animated div {
3826     overflow:hidden !important;
3827 }
3828
3829 /* Plain */
3830 .x-plain-body {
3831     overflow:hidden;
3832 }
3833
3834 .x-plain-bbar .x-toolbar {
3835     overflow:hidden;
3836     padding:2px;
3837 }
3838
3839 .x-plain-tbar .x-toolbar {
3840     overflow:hidden;
3841     padding:2px;
3842 }
3843
3844 .x-plain-bwrap {
3845     overflow:hidden;
3846     zoom:1;
3847 }
3848
3849 .x-plain {
3850     overflow:hidden;
3851 }
3852
3853 /* Tools */
3854 .x-tool {
3855     overflow:hidden;
3856     width:15px;
3857     height:15px;
3858     float:right;
3859     cursor:pointer;
3860     background:transparent no-repeat;
3861     margin-left:2px;
3862 }
3863
3864 /* expand / collapse tools */
3865 .x-tool-toggle {
3866     background-position:0 -60px;
3867 }
3868
3869 .x-tool-toggle-over {
3870     background-position:-15px -60px;
3871 }
3872
3873 .x-panel-collapsed .x-tool-toggle {
3874     background-position:0 -75px;
3875 }
3876
3877 .x-panel-collapsed .x-tool-toggle-over {
3878     background-position:-15px -75px;
3879 }
3880
3881
3882 .x-tool-close {
3883     background-position:0 -0;
3884 }
3885
3886 .x-tool-close-over {
3887     background-position:-15px 0;
3888 }
3889
3890 .x-tool-minimize {
3891     background-position:0 -15px;
3892 }
3893
3894 .x-tool-minimize-over {
3895     background-position:-15px -15px;
3896 }
3897
3898 .x-tool-maximize {
3899     background-position:0 -30px;
3900 }
3901
3902 .x-tool-maximize-over {
3903     background-position:-15px -30px;
3904 }
3905
3906 .x-tool-restore {
3907     background-position:0 -45px;
3908 }
3909
3910 .x-tool-restore-over {
3911     background-position:-15px -45px;
3912 }
3913
3914 .x-tool-gear {
3915     background-position:0 -90px;
3916 }
3917
3918 .x-tool-gear-over {
3919     background-position:-15px -90px;
3920 }
3921
3922 .x-tool-pin {
3923     background-position:0 -135px;
3924 }
3925
3926 .x-tool-pin-over {
3927     background-position:-15px -135px;
3928 }
3929
3930 .x-tool-unpin {
3931     background-position:0 -150px;
3932 }
3933
3934 .x-tool-unpin-over {
3935     background-position:-15px -150px;
3936 }
3937
3938 .x-tool-right {
3939     background-position:0 -165px;
3940 }
3941
3942 .x-tool-right-over {
3943     background-position:-15px -165px;
3944 }
3945
3946 .x-tool-left {
3947     background-position:0 -180px;
3948 }
3949
3950 .x-tool-left-over {
3951     background-position:-15px -180px;
3952 }
3953
3954 .x-tool-up {
3955     background-position:0 -210px;
3956 }
3957
3958 .x-tool-up-over {
3959     background-position:-15px -210px;
3960 }
3961
3962 .x-tool-down {
3963     background-position:0 -195px;
3964 }
3965
3966 .x-tool-down-over {
3967     background-position:-15px -195px;
3968 }
3969
3970 .x-tool-refresh {
3971     background-position:0 -225px;
3972 }
3973
3974 .x-tool-refresh-over {
3975     background-position:-15px -225px;
3976 }
3977
3978 .x-tool-minus {
3979     background-position:0 -255px;
3980 }
3981
3982 .x-tool-minus-over {
3983     background-position:-15px -255px;
3984 }
3985
3986 .x-tool-plus {
3987     background-position:0 -240px;
3988 }
3989
3990 .x-tool-plus-over {
3991     background-position:-15px -240px;
3992 }
3993
3994 .x-tool-search {
3995     background-position:0 -270px;
3996 }
3997
3998 .x-tool-search-over {
3999     background-position:-15px -270px;
4000 }
4001
4002 .x-tool-save {
4003     background-position:0 -285px;
4004 }
4005
4006 .x-tool-save-over {
4007     background-position:-15px -285px;
4008 }
4009
4010 .x-tool-help {
4011     background-position:0 -300px;
4012 }
4013
4014 .x-tool-help-over {
4015     background-position:-15px -300px;
4016 }
4017
4018 .x-tool-print {
4019     background-position:0 -315px;
4020 }
4021
4022 .x-tool-print-over {
4023     background-position:-15px -315px;
4024 }
4025
4026 /* Ghosting */
4027 .x-panel-ghost {
4028     z-index:12000;
4029     overflow:hidden;
4030     position:absolute;
4031     left:0;top:0;
4032     opacity:.65;
4033     -moz-opacity:.65;
4034     filter:alpha(opacity=65);
4035 }
4036
4037 .x-panel-ghost ul {
4038     margin:0;
4039     padding:0;
4040     overflow:hidden;
4041     font-size:0;
4042     line-height:0;
4043     border:1px solid;
4044     border-top:0 none;
4045     display:block;
4046 }
4047
4048 .x-panel-ghost * {
4049     cursor:move !important;
4050 }
4051
4052 .x-panel-dd-spacer {
4053     border:2px dashed;
4054 }
4055
4056 /* Buttons */
4057 .x-panel-btns {
4058     padding:5px;
4059     overflow:hidden;
4060 }
4061
4062 .x-panel-btns td.x-toolbar-cell{
4063         padding:3px;
4064 }
4065
4066 .x-panel-btns .x-btn-focus .x-btn-left{
4067         background-position:0 -147px;
4068 }
4069
4070 .x-panel-btns .x-btn-focus .x-btn-right{
4071         background-position:0 -168px;
4072 }
4073
4074 .x-panel-btns .x-btn-focus .x-btn-center{
4075         background-position:0 -189px;
4076 }
4077
4078 .x-panel-btns .x-btn-over .x-btn-left{
4079         background-position:0 -63px;
4080 }
4081
4082 .x-panel-btns .x-btn-over .x-btn-right{
4083         background-position:0 -84px;
4084 }
4085
4086 .x-panel-btns .x-btn-over .x-btn-center{
4087         background-position:0 -105px;
4088 }
4089
4090 .x-panel-btns .x-btn-click .x-btn-center{
4091         background-position:0 -126px;
4092 }
4093
4094 .x-panel-btns .x-btn-click  .x-btn-right{
4095         background-position:0 -84px;
4096 }
4097
4098 .x-panel-btns .x-btn-click .x-btn-left{
4099         background-position:0 -63px;
4100 }
4101
4102 .x-panel-fbar td,.x-panel-fbar span,.x-panel-fbar input,.x-panel-fbar div,.x-panel-fbar select,.x-panel-fbar label{
4103         white-space: nowrap;
4104 }
4105 /**
4106  * W3C Suggested Default style sheet for HTML 4
4107  * http://www.w3.org/TR/CSS21/sample.html
4108  *
4109  * Resets for Ext.Panel @cfg normal: true
4110  */
4111 .x-panel-reset .x-panel-body html,
4112 .x-panel-reset .x-panel-body address,
4113 .x-panel-reset .x-panel-body blockquote,
4114 .x-panel-reset .x-panel-body body,
4115 .x-panel-reset .x-panel-body dd,
4116 .x-panel-reset .x-panel-body div,
4117 .x-panel-reset .x-panel-body dl,
4118 .x-panel-reset .x-panel-body dt,
4119 .x-panel-reset .x-panel-body fieldset,
4120 .x-panel-reset .x-panel-body form,
4121 .x-panel-reset .x-panel-body frame, frameset,
4122 .x-panel-reset .x-panel-body h1,
4123 .x-panel-reset .x-panel-body h2,
4124 .x-panel-reset .x-panel-body h3,
4125 .x-panel-reset .x-panel-body h4,
4126 .x-panel-reset .x-panel-body h5,
4127 .x-panel-reset .x-panel-body h6,
4128 .x-panel-reset .x-panel-body noframes,
4129 .x-panel-reset .x-panel-body ol,
4130 .x-panel-reset .x-panel-body p,
4131 .x-panel-reset .x-panel-body ul,
4132 .x-panel-reset .x-panel-body center,
4133 .x-panel-reset .x-panel-body dir,
4134 .x-panel-reset .x-panel-body hr,
4135 .x-panel-reset .x-panel-body menu,
4136 .x-panel-reset .x-panel-body pre                          { display: block }
4137 .x-panel-reset .x-panel-body li              { display: list-item }
4138 .x-panel-reset .x-panel-body head            { display: none }
4139 .x-panel-reset .x-panel-body table           { display: table }
4140 .x-panel-reset .x-panel-body tr              { display: table-row }
4141 .x-panel-reset .x-panel-body thead           { display: table-header-group }
4142 .x-panel-reset .x-panel-body tbody           { display: table-row-group }
4143 .x-panel-reset .x-panel-body tfoot           { display: table-footer-group }
4144 .x-panel-reset .x-panel-body col             { display: table-column }
4145 .x-panel-reset .x-panel-body colgroup        { display: table-column-group }
4146 .x-panel-reset .x-panel-body td,
4147 .x-panel-reset .x-panel-body th                   { display: table-cell }
4148 .x-panel-reset .x-panel-body caption         { display: table-caption }
4149 .x-panel-reset .x-panel-body th              { font-weight: bolder; text-align: center }
4150 .x-panel-reset .x-panel-body caption         { text-align: center }
4151 .x-panel-reset .x-panel-body body            { margin: 8px }
4152 .x-panel-reset .x-panel-body h1              { font-size: 2em; margin: .67em 0 }
4153 .x-panel-reset .x-panel-body h2              { font-size: 1.5em; margin: .75em 0 }
4154 .x-panel-reset .x-panel-body h3              { font-size: 1.17em; margin: .83em 0 }
4155 .x-panel-reset .x-panel-body h4,
4156 .x-panel-reset .x-panel-body p,
4157 .x-panel-reset .x-panel-body blockquote,
4158 .x-panel-reset .x-panel-body ul,
4159 .x-panel-reset .x-panel-body fieldset,
4160 .x-panel-reset .x-panel-body form,
4161 .x-panel-reset .x-panel-body ol,
4162 .x-panel-reset .x-panel-body dl,
4163 .x-panel-reset .x-panel-body dir,
4164 .x-panel-reset .x-panel-body menu            { margin: 1.12em 0 }
4165 .x-panel-reset .x-panel-body h5              { font-size: .83em; margin: 1.5em 0 }
4166 .x-panel-reset .x-panel-body h6              { font-size: .75em; margin: 1.67em 0 }
4167 .x-panel-reset .x-panel-body h1,
4168 .x-panel-reset .x-panel-body h2,
4169 .x-panel-reset .x-panel-body h3,
4170 .x-panel-reset .x-panel-body h4,
4171 .x-panel-reset .x-panel-body h5,
4172 .x-panel-reset .x-panel-body h6,
4173 .x-panel-reset .x-panel-body b,
4174 .x-panel-reset .x-panel-body strong          { font-weight: bolder }
4175 .x-panel-reset .x-panel-body blockquote      { margin-left: 40px; margin-right: 40px }
4176 .x-panel-reset .x-panel-body i,
4177 .x-panel-reset .x-panel-body cite,
4178 .x-panel-reset .x-panel-body em,
4179 .x-panel-reset .x-panel-body var,
4180 .x-panel-reset .x-panel-body address              { font-style: italic }
4181 .x-panel-reset .x-panel-body pre,
4182 .x-panel-reset .x-panel-body tt,
4183 .x-panel-reset .x-panel-body code,
4184 .x-panel-reset .x-panel-body kbd,
4185 .x-panel-reset .x-panel-body samp                 { font-family: monospace }
4186 .x-panel-reset .x-panel-body pre             { white-space: pre }
4187 .x-panel-reset .x-panel-body button,
4188 .x-panel-reset .x-panel-body textarea,
4189 .x-panel-reset .x-panel-body input,
4190 .x-panel-reset .x-panel-body select               { display: inline-block }
4191 .x-panel-reset .x-panel-body big             { font-size: 1.17em }
4192 .x-panel-reset .x-panel-body small,
4193 .x-panel-reset .x-panel-body sub,
4194 .x-panel-reset .x-panel-body sup                          { font-size: .83em }
4195 .x-panel-reset .x-panel-body sub             { vertical-align: sub }
4196 .x-panel-reset .x-panel-body sup             { vertical-align: super }
4197 .x-panel-reset .x-panel-body table           { border-spacing: 2px; }
4198 .x-panel-reset .x-panel-body thead,
4199 .x-panel-reset .x-panel-body tbody,
4200 .x-panel-reset .x-panel-body tfoot           { vertical-align: middle }
4201 .x-panel-reset .x-panel-body td,
4202 .x-panel-reset .x-panel-body th                   { vertical-align: inherit }
4203 .x-panel-reset .x-panel-body s,
4204 .x-panel-reset .x-panel-body strike,
4205 .x-panel-reset .x-panel-body del                          { text-decoration: line-through }
4206 .x-panel-reset .x-panel-body hr              { border: 1px inset }
4207 .x-panel-reset .x-panel-body ol,
4208 .x-panel-reset .x-panel-body ul,
4209 .x-panel-reset .x-panel-body dir,
4210 .x-panel-reset .x-panel-body menu,
4211 .x-panel-reset .x-panel-body dd           { margin-left: 40px }
4212 .x-panel-reset .x-panel-body ul, .x-panel-reset .x-panel-body menu, .x-panel-reset .x-panel-body dir { list-style-type: disc;}
4213 .x-panel-reset .x-panel-body ol              { list-style-type: decimal }
4214 .x-panel-reset .x-panel-body ol ul,
4215 .x-panel-reset .x-panel-body ul ol,
4216 .x-panel-reset .x-panel-body ul ul,
4217 .x-panel-reset .x-panel-body ol ol                { margin-top: 0; margin-bottom: 0 }
4218 .x-panel-reset .x-panel-body u,
4219 .x-panel-reset .x-panel-body ins                  { text-decoration: underline }
4220 .x-panel-reset .x-panel-body br:before       { content: "\A" }
4221 .x-panel-reset .x-panel-body :before, .x-panel-reset .x-panel-body :after { white-space: pre-line }
4222 .x-panel-reset .x-panel-body center          { text-align: center }
4223 .x-panel-reset .x-panel-body :link, .x-panel-reset .x-panel-body :visited { text-decoration: underline }
4224 .x-panel-reset .x-panel-body :focus          { outline: thin dotted invert }
4225
4226 /* Begin bidirectionality settings (do not change) */
4227 .x-panel-reset .x-panel-body BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
4228 .x-panel-reset .x-panel-body BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }
4229 .x-window {
4230     zoom:1;
4231 }
4232
4233 .x-window .x-window-handle {
4234     opacity:0;
4235     -moz-opacity:0;
4236     filter:alpha(opacity=0);
4237 }
4238
4239 .x-window-proxy {
4240     border:1px solid;
4241     z-index:12000;
4242     overflow:hidden;
4243     position:absolute;
4244     left:0;top:0;
4245     display:none;
4246     opacity:.5;
4247     -moz-opacity:.5;
4248     filter:alpha(opacity=50);
4249 }
4250
4251 .x-window-header {
4252     overflow:hidden;
4253     zoom:1;
4254 }
4255
4256 .x-window-bwrap {
4257     z-index:1;
4258     position:relative;
4259     zoom:1;
4260     left:0;top:0;
4261 }
4262
4263 .x-window-tl .x-window-header {
4264     padding:5px 0 4px 0;
4265 }
4266
4267 .x-window-header-text {
4268     cursor:pointer;
4269 }
4270
4271 .x-window-tc {
4272         background: transparent repeat-x 0 0;
4273         overflow:hidden;
4274     zoom:1;
4275 }
4276
4277 .x-window-tl {
4278         background: transparent no-repeat 0 0;
4279         padding-left:6px;
4280     zoom:1;
4281     z-index:1;
4282     position:relative;
4283 }
4284
4285 .x-window-tr {
4286         background: transparent no-repeat right 0;
4287         padding-right:6px;
4288 }
4289
4290 .x-window-bc {
4291         background: transparent repeat-x 0 bottom;
4292     zoom:1;
4293 }
4294
4295 .x-window-bc .x-window-footer {
4296     padding-bottom:6px;
4297     zoom:1;
4298     font-size:0;
4299     line-height:0;
4300 }
4301
4302 .x-window-bl {
4303         background: transparent no-repeat 0 bottom;
4304         padding-left:6px;
4305     zoom:1;
4306 }
4307
4308 .x-window-br {
4309         background: transparent no-repeat right bottom;
4310         padding-right:6px;
4311     zoom:1;
4312 }
4313
4314 .x-window-mc {
4315     border:1px solid;
4316     padding:0;
4317     margin:0;
4318 }
4319
4320 .x-window-ml {
4321         background: transparent repeat-y 0 0;
4322         padding-left:6px;
4323     zoom:1;
4324 }
4325
4326 .x-window-mr {
4327         background: transparent repeat-y right 0;
4328         padding-right:6px;
4329     zoom:1;
4330 }
4331
4332 .x-window-body {
4333     overflow:hidden;
4334 }
4335
4336 .x-window-bwrap {
4337     overflow:hidden;
4338 }
4339
4340 .x-window-maximized .x-window-bl, .x-window-maximized .x-window-br,
4341     .x-window-maximized .x-window-ml, .x-window-maximized .x-window-mr,
4342     .x-window-maximized .x-window-tl, .x-window-maximized .x-window-tr {
4343     padding:0;
4344 }
4345
4346 .x-window-maximized .x-window-footer {
4347     padding-bottom:0;
4348 }
4349
4350 .x-window-maximized .x-window-tc {
4351     padding-left:3px;
4352     padding-right:3px;
4353 }
4354
4355 .x-window-maximized .x-window-mc {
4356     border-left:0 none;
4357     border-right:0 none;
4358 }
4359
4360 .x-window-tbar .x-toolbar, .x-window-bbar .x-toolbar {
4361     border-left:0 none;
4362     border-right: 0 none;
4363 }
4364
4365 .x-window-bbar .x-toolbar {
4366     border-top:1px solid;
4367     border-bottom:0 none;
4368 }
4369
4370 .x-window-draggable, .x-window-draggable .x-window-header-text {
4371     cursor:move;
4372 }
4373
4374 .x-window-maximized .x-window-draggable, .x-window-maximized .x-window-draggable .x-window-header-text {
4375     cursor:default;
4376 }
4377
4378 .x-window-body {
4379     background:transparent;
4380 }
4381
4382 .x-panel-ghost .x-window-tl {
4383     border-bottom:1px solid;
4384 }
4385
4386 .x-panel-collapsed .x-window-tl {
4387     border-bottom:1px solid;
4388 }
4389
4390 .x-window-maximized-ct {
4391     overflow:hidden;
4392 }
4393
4394 .x-window-maximized .x-window-handle {
4395     display:none;
4396 }
4397
4398 .x-window-sizing-ghost ul {
4399     border:0 none !important;
4400 }
4401
4402 .x-dlg-focus{
4403         -moz-outline:0 none;
4404         outline:0 none;
4405         width:0;
4406         height:0;
4407         overflow:hidden;
4408         position:absolute;
4409         top:0;
4410         left:0;
4411 }
4412
4413 .ext-webkit .x-dlg-focus{
4414     width: 1px;
4415     height: 1px;
4416 }
4417
4418 .x-dlg-mask{
4419     z-index:10000;
4420     display:none;
4421     position:absolute;
4422     top:0;
4423     left:0;
4424     -moz-opacity: 0.5;
4425     opacity:.50;
4426     filter: alpha(opacity=50);
4427 }
4428
4429 body.ext-ie6.x-body-masked select {
4430         visibility:hidden;
4431 }
4432
4433 body.ext-ie6.x-body-masked .x-window select {
4434         visibility:visible;
4435 }
4436
4437 .x-window-plain .x-window-mc {
4438     border: 1px solid;
4439 }
4440
4441 .x-window-plain .x-window-body {
4442     border: 1px solid;
4443     background:transparent !important;
4444 }.x-html-editor-wrap {\r
4445     border:1px solid;\r
4446 }\r
4447 \r
4448 .x-html-editor-tb .x-btn-text {\r
4449     background:transparent no-repeat;\r
4450 }\r
4451 \r
4452 .x-html-editor-tb .x-edit-bold, .x-menu-item img.x-edit-bold {\r
4453     background-position:0 0;\r
4454     background-image:url(../images/default/editor/tb-sprite.gif);    \r
4455 }\r
4456 \r
4457 .x-html-editor-tb .x-edit-italic, .x-menu-item img.x-edit-italic {\r
4458     background-position:-16px 0;\r
4459     background-image:url(../images/default/editor/tb-sprite.gif);\r
4460 }\r
4461 \r
4462 .x-html-editor-tb .x-edit-underline, .x-menu-item img.x-edit-underline {\r
4463     background-position:-32px 0;\r
4464     background-image:url(../images/default/editor/tb-sprite.gif);\r
4465 }\r
4466 \r
4467 .x-html-editor-tb .x-edit-forecolor, .x-menu-item img.x-edit-forecolor {\r
4468     background-position:-160px 0;\r
4469     background-image:url(../images/default/editor/tb-sprite.gif);\r
4470 }\r
4471 \r
4472 .x-html-editor-tb .x-edit-backcolor, .x-menu-item img.x-edit-backcolor {\r
4473     background-position:-176px 0;\r
4474     background-image:url(../images/default/editor/tb-sprite.gif);\r
4475 }\r
4476 \r
4477 .x-html-editor-tb .x-edit-justifyleft, .x-menu-item img.x-edit-justifyleft {\r
4478     background-position:-112px 0;\r
4479     background-image:url(../images/default/editor/tb-sprite.gif);\r
4480 }\r
4481 \r
4482 .x-html-editor-tb .x-edit-justifycenter, .x-menu-item img.x-edit-justifycenter {\r
4483     background-position:-128px 0;\r
4484     background-image:url(../images/default/editor/tb-sprite.gif);\r
4485 }\r
4486 \r
4487 .x-html-editor-tb .x-edit-justifyright, .x-menu-item img.x-edit-justifyright {\r
4488     background-position:-144px 0;\r
4489     background-image:url(../images/default/editor/tb-sprite.gif);\r
4490 }\r
4491 \r
4492 .x-html-editor-tb .x-edit-insertorderedlist, .x-menu-item img.x-edit-insertorderedlist {\r
4493     background-position:-80px 0;\r
4494     background-image:url(../images/default/editor/tb-sprite.gif);\r
4495 }\r
4496 \r
4497 .x-html-editor-tb .x-edit-insertunorderedlist, .x-menu-item img.x-edit-insertunorderedlist {\r
4498     background-position:-96px 0;\r
4499     background-image:url(../images/default/editor/tb-sprite.gif);\r
4500 }\r
4501 \r
4502 .x-html-editor-tb .x-edit-increasefontsize, .x-menu-item img.x-edit-increasefontsize {\r
4503     background-position:-48px 0;\r
4504     background-image:url(../images/default/editor/tb-sprite.gif);\r
4505 }\r
4506 \r
4507 .x-html-editor-tb .x-edit-decreasefontsize, .x-menu-item img.x-edit-decreasefontsize {\r
4508     background-position:-64px 0;\r
4509     background-image:url(../images/default/editor/tb-sprite.gif);\r
4510 }\r
4511 \r
4512 .x-html-editor-tb .x-edit-sourceedit, .x-menu-item img.x-edit-sourceedit {\r
4513     background-position:-192px 0;\r
4514     background-image:url(../images/default/editor/tb-sprite.gif);\r
4515 }\r
4516 \r
4517 .x-html-editor-tb .x-edit-createlink, .x-menu-item img.x-edit-createlink {\r
4518     background-position:-208px 0;\r
4519     background-image:url(../images/default/editor/tb-sprite.gif);\r
4520 }\r
4521 \r
4522 .x-html-editor-tip .x-tip-bd .x-tip-bd-inner {\r
4523     padding:5px;\r
4524     padding-bottom:1px;\r
4525 }\r
4526 \r
4527 .x-html-editor-tb .x-toolbar {\r
4528     position:static !important;\r
4529 }.x-panel-noborder .x-panel-body-noborder {\r
4530     border-width:0;\r
4531 }\r
4532 \r
4533 .x-panel-noborder .x-panel-header-noborder {\r
4534     border-width:0 0 1px;\r
4535     border-style:solid;\r
4536 }\r
4537 \r
4538 .x-panel-noborder .x-panel-tbar-noborder .x-toolbar {\r
4539     border-width:0 0 1px;\r
4540     border-style:solid;\r
4541 }\r
4542 \r
4543 .x-panel-noborder .x-panel-bbar-noborder .x-toolbar {\r
4544     border-width:1px 0 0 0;\r
4545     border-style:solid;\r
4546 }\r
4547 \r
4548 .x-window-noborder .x-window-mc {\r
4549     border-width:0;\r
4550 }\r
4551 \r
4552 .x-window-plain .x-window-body-noborder {\r
4553     border-width:0;\r
4554 }\r
4555 \r
4556 .x-tab-panel-noborder .x-tab-panel-body-noborder {\r
4557         border-width:0;\r
4558 }\r
4559 \r
4560 .x-tab-panel-noborder .x-tab-panel-header-noborder {\r
4561     border-width: 0 0 1px 0;\r
4562 }\r
4563 \r
4564 .x-tab-panel-noborder .x-tab-panel-footer-noborder {\r
4565     border-width: 1px 0 0 0;\r
4566 }\r
4567 \r
4568 .x-tab-panel-bbar-noborder .x-toolbar {\r
4569     border-width: 1px 0 0 0;\r
4570     border-style:solid;\r
4571 }\r
4572 \r
4573 .x-tab-panel-tbar-noborder .x-toolbar {\r
4574     border-width:0 0 1px;\r
4575     border-style:solid;\r
4576 }.x-border-layout-ct {
4577     position: relative;
4578 }
4579
4580 .x-border-panel {
4581     position:absolute;
4582     left:0;
4583     top:0;
4584 }
4585
4586 .x-tool-collapse-south {
4587     background-position:0 -195px;
4588 }
4589
4590 .x-tool-collapse-south-over {
4591     background-position:-15px -195px;
4592 }
4593
4594 .x-tool-collapse-north {
4595     background-position:0 -210px;
4596 }
4597
4598 .x-tool-collapse-north-over {
4599     background-position:-15px -210px;
4600 }
4601
4602 .x-tool-collapse-west {
4603     background-position:0 -180px;
4604 }
4605
4606 .x-tool-collapse-west-over {
4607     background-position:-15px -180px;
4608 }
4609
4610 .x-tool-collapse-east {
4611     background-position:0 -165px;
4612 }
4613
4614 .x-tool-collapse-east-over {
4615     background-position:-15px -165px;
4616 }
4617
4618 .x-tool-expand-south {
4619     background-position:0 -210px;
4620 }
4621
4622 .x-tool-expand-south-over {
4623     background-position:-15px -210px;
4624 }
4625
4626 .x-tool-expand-north {
4627     background-position:0 -195px;
4628 }
4629 .x-tool-expand-north-over {
4630     background-position:-15px -195px;
4631 }
4632
4633 .x-tool-expand-west {
4634     background-position:0 -165px;
4635 }
4636
4637 .x-tool-expand-west-over {
4638     background-position:-15px -165px;
4639 }
4640
4641 .x-tool-expand-east {
4642     background-position:0 -180px;
4643 }
4644
4645 .x-tool-expand-east-over {
4646     background-position:-15px -180px;
4647 }
4648
4649 .x-tool-expand-north, .x-tool-expand-south {
4650     float:right;
4651     margin:3px;
4652 }
4653
4654 .x-tool-expand-east, .x-tool-expand-west {
4655     float:none;
4656     margin:3px auto;
4657 }
4658
4659 .x-accordion-hd .x-tool-toggle {
4660     background-position:0 -255px;
4661 }
4662
4663 .x-accordion-hd .x-tool-toggle-over {
4664     background-position:-15px -255px;
4665 }
4666
4667 .x-panel-collapsed .x-accordion-hd .x-tool-toggle {
4668     background-position:0 -240px;
4669 }
4670
4671 .x-panel-collapsed .x-accordion-hd .x-tool-toggle-over {
4672     background-position:-15px -240px;
4673 }
4674
4675 .x-accordion-hd {
4676         padding-top:4px;
4677         padding-bottom:3px;
4678         border-top:0 none;
4679     background: transparent repeat-x 0 -9px;
4680 }
4681
4682 .x-layout-collapsed{
4683     position:absolute;
4684     left:-10000px;
4685     top:-10000px;
4686     visibility:hidden;
4687     width:20px;
4688     height:20px;
4689     overflow:hidden;
4690         border:1px solid;
4691         z-index:20;
4692 }
4693
4694 .ext-border-box .x-layout-collapsed{
4695     width:22px;
4696     height:22px;
4697 }
4698
4699 .x-layout-collapsed-over{
4700     cursor:pointer;
4701 }
4702
4703 .x-layout-collapsed-west .x-layout-collapsed-tools, .x-layout-collapsed-east .x-layout-collapsed-tools{
4704         position:absolute;
4705     top:0;
4706     left:0;
4707     width:20px;
4708     height:20px;
4709 }
4710
4711
4712 .x-layout-split{
4713     position:absolute;
4714     height:5px;
4715     width:5px;
4716     line-height:1px;
4717     font-size:1px;
4718     z-index:3;
4719     background-color:transparent;
4720 }
4721
4722 /* IE6 strict won't drag w/out a color */
4723 .ext-strict .ext-ie6 .x-layout-split{
4724     background-color: #fff !important;
4725     filter: alpha(opacity=1);
4726 }
4727
4728 .x-layout-split-h{
4729     background-image:url(../images/default/s.gif);
4730     background-position: left;
4731 }
4732
4733 .x-layout-split-v{
4734     background-image:url(../images/default/s.gif);
4735     background-position: top;
4736 }
4737
4738 .x-column-layout-ct {
4739     overflow:hidden;
4740     zoom:1;
4741 }
4742
4743 .x-column {
4744     float:left;
4745     padding:0;
4746     margin:0;
4747     overflow:hidden;
4748     zoom:1;
4749 }
4750
4751 .x-column-inner {
4752     overflow:hidden;
4753     zoom:1;
4754 }
4755
4756 /* mini mode */
4757 .x-layout-mini {
4758     position:absolute;
4759     top:0;
4760     left:0;
4761     display:block;
4762     width:5px;
4763     height:35px;
4764     cursor:pointer;
4765     opacity:.5;
4766     -moz-opacity:.5;
4767     filter:alpha(opacity=50);
4768 }
4769
4770 .x-layout-mini-over, .x-layout-collapsed-over .x-layout-mini{
4771     opacity:1;
4772     -moz-opacity:1;
4773     filter:none;
4774 }
4775
4776 .x-layout-split-west .x-layout-mini {
4777     top:48%;
4778 }
4779
4780 .x-layout-split-east .x-layout-mini {
4781     top:48%;
4782 }
4783
4784 .x-layout-split-north .x-layout-mini {
4785     left:48%;
4786     height:5px;
4787     width:35px;
4788 }
4789
4790 .x-layout-split-south .x-layout-mini {
4791     left:48%;
4792     height:5px;
4793     width:35px;
4794 }
4795
4796 .x-layout-cmini-west .x-layout-mini {
4797     top:48%;
4798 }
4799
4800 .x-layout-cmini-east .x-layout-mini {
4801     top:48%;
4802 }
4803
4804 .x-layout-cmini-north .x-layout-mini {
4805     left:48%;
4806     height:5px;
4807     width:35px;
4808 }
4809
4810 .x-layout-cmini-south .x-layout-mini {
4811     left:48%;
4812     height:5px;
4813     width:35px;
4814 }
4815
4816 .x-layout-cmini-west, .x-layout-cmini-east {
4817     border:0 none;
4818     width:5px !important;
4819     padding:0;
4820     background:transparent;
4821 }
4822
4823 .x-layout-cmini-north, .x-layout-cmini-south {
4824     border:0 none;
4825     height:5px !important;
4826     padding:0;
4827     background:transparent;
4828 }
4829
4830 .x-viewport, .x-viewport body {
4831     margin: 0;
4832     padding: 0;
4833     border: 0 none;
4834     overflow: hidden;
4835     height: 100%;
4836 }
4837
4838 .x-abs-layout-item {
4839     position:absolute;
4840     left:0;
4841     top:0;
4842 }
4843
4844 .ext-ie input.x-abs-layout-item, .ext-ie textarea.x-abs-layout-item {
4845     margin:0;
4846 }
4847
4848 .x-box-layout-ct {
4849     overflow:hidden;
4850     zoom:1;
4851 }
4852
4853 .x-box-inner {
4854     overflow:hidden;
4855     zoom:1;
4856     position:relative;
4857     left:0;
4858     top:0;
4859 }
4860
4861 .x-box-item {
4862     position:absolute;
4863     left:0;
4864     top:0;
4865 }.x-progress-wrap {\r
4866     border:1px solid;\r
4867     overflow:hidden;\r
4868 }\r
4869 \r
4870 .x-progress-inner {\r
4871     height:18px;\r
4872     background:repeat-x;\r
4873     position:relative;\r
4874 }\r
4875 \r
4876 .x-progress-bar {\r
4877     height:18px;\r
4878     float:left;\r
4879     width:0;\r
4880     background: repeat-x left center;\r
4881     border-top:1px solid;\r
4882     border-bottom:1px solid;\r
4883     border-right:1px solid;\r
4884 }\r
4885 \r
4886 .x-progress-text {\r
4887     padding:1px 5px;\r
4888     overflow:hidden;\r
4889     position:absolute;\r
4890     left:0;\r
4891     text-align:center;\r
4892 }\r
4893 \r
4894 .x-progress-text-back {\r
4895     line-height:16px;\r
4896 }\r
4897 \r
4898 .ext-ie .x-progress-text-back {\r
4899     line-height:15px;\r
4900 }\r
4901 \r
4902 .ext-strict .ext-ie7 .x-progress-text-back{\r
4903     width: 100%;\r
4904 }\r
4905 .x-list-header{\r
4906         background: repeat-x 0 bottom;\r
4907         cursor:default;\r
4908     zoom:1;\r
4909     height:22px;\r
4910 }\r
4911 \r
4912 .x-list-header-inner div {\r
4913     display:block;\r
4914     float:left;\r
4915     overflow:hidden;\r
4916         -o-text-overflow: ellipsis;\r
4917         text-overflow: ellipsis;\r
4918     white-space: nowrap;\r
4919 }\r
4920 \r
4921 .x-list-header-inner div em {\r
4922     display:block;\r
4923     border-left:1px solid;\r
4924     padding:4px 4px;\r
4925     overflow:hidden;\r
4926     -moz-user-select: none;\r
4927     -khtml-user-select: none;\r
4928     line-height:14px;\r
4929 }\r
4930 \r
4931 .x-list-body {\r
4932     overflow:auto;\r
4933     overflow-x:hidden;\r
4934     overflow-y:auto;\r
4935     zoom:1;\r
4936     float: left;\r
4937     width: 100%;\r
4938 }\r
4939 \r
4940 .x-list-body dl {\r
4941     zoom:1;\r
4942 }\r
4943 \r
4944 .x-list-body dt {\r
4945     display:block;\r
4946     float:left;\r
4947     overflow:hidden;\r
4948         -o-text-overflow: ellipsis;\r
4949         text-overflow: ellipsis;\r
4950     white-space: nowrap;\r
4951     cursor:pointer;\r
4952     zoom:1;\r
4953 }\r
4954 \r
4955 .x-list-body dt em {\r
4956     display:block;\r
4957     padding:3px 4px;\r
4958     overflow:hidden;\r
4959     -moz-user-select: none;\r
4960     -khtml-user-select: none;\r
4961 }\r
4962 \r
4963 .x-list-resizer {\r
4964     border-left:1px solid;\r
4965     border-right:1px solid;\r
4966     position:absolute;\r
4967     left:0;\r
4968     top:0;\r
4969 }\r
4970 \r
4971 .x-list-header-inner em.sort-asc {\r
4972     background: transparent no-repeat center 0;\r
4973     border-style:solid;\r
4974     border-width: 0 1px 1px;\r
4975     padding-bottom:3px;\r
4976 }\r
4977 \r
4978 .x-list-header-inner em.sort-desc {\r
4979     background: transparent no-repeat center -23px;\r
4980     border-style:solid;\r
4981     border-width: 0 1px 1px;\r
4982     padding-bottom:3px;\r
4983 }\r
4984 \r
4985 /* Shared styles */\r
4986 .x-slider {\r
4987     zoom:1;\r
4988 }\r
4989 \r
4990 .x-slider-inner {\r
4991     position:relative;\r
4992     left:0;\r
4993     top:0;\r
4994     overflow:visible;\r
4995     zoom:1;\r
4996 }\r
4997 \r
4998 .x-slider-focus {\r
4999         position:absolute;\r
5000         left:0;\r
5001         top:0;\r
5002         width:1px;\r
5003         height:1px;\r
5004     line-height:1px;\r
5005     font-size:1px;\r
5006     -moz-outline:0 none;\r
5007     outline:0 none;\r
5008     -moz-user-select: none;\r
5009     -khtml-user-select:none;\r
5010     -webkit-user-select:ignore;\r
5011         display:block;\r
5012         overflow:hidden;  \r
5013 }\r
5014 \r
5015 /* Horizontal styles */\r
5016 .x-slider-horz {\r
5017     padding-left:7px;\r
5018     background:transparent no-repeat 0 -22px;\r
5019 }\r
5020 \r
5021 .x-slider-horz .x-slider-end {\r
5022     padding-right:7px;\r
5023     zoom:1;\r
5024     background:transparent no-repeat right -44px;\r
5025 }\r
5026 \r
5027 .x-slider-horz .x-slider-inner {\r
5028     background:transparent repeat-x 0 0;\r
5029     height:22px;\r
5030 }\r
5031 \r
5032 .x-slider-horz .x-slider-thumb {\r
5033     width:14px;\r
5034     height:15px;\r
5035     position:absolute;\r
5036     left:0;\r
5037     top:3px;\r
5038     background:transparent no-repeat 0 0;\r
5039 }\r
5040 \r
5041 .x-slider-horz .x-slider-thumb-over {\r
5042     background-position: -14px -15px;\r
5043 }\r
5044 \r
5045 .x-slider-horz .x-slider-thumb-drag {\r
5046     background-position: -28px -30px;\r
5047 }\r
5048 \r
5049 /* Vertical styles */\r
5050 .x-slider-vert {\r
5051     padding-top:7px;\r
5052     background:transparent no-repeat -44px 0;\r
5053     width:22px;\r
5054 }\r
5055 \r
5056 .x-slider-vert .x-slider-end {\r
5057     padding-bottom:7px;\r
5058     zoom:1;\r
5059     background:transparent no-repeat -22px bottom;\r
5060 }\r
5061 \r
5062 .x-slider-vert .x-slider-inner {\r
5063     background:transparent repeat-y 0 0;\r
5064 }\r
5065 \r
5066 .x-slider-vert .x-slider-thumb {\r
5067     width:15px;\r
5068     height:14px;\r
5069     position:absolute;\r
5070     left:3px;\r
5071     bottom:0;\r
5072     background:transparent no-repeat 0 0;\r
5073 }\r
5074 \r
5075 .x-slider-vert .x-slider-thumb-over {\r
5076     background-position: -15px -14px;\r
5077 }\r
5078 \r
5079 .x-slider-vert .x-slider-thumb-drag {\r
5080     background-position: -30px -28px;\r
5081 }.x-window-dlg .x-window-body {\r
5082     border:0 none !important;\r
5083     padding:5px 10px;\r
5084     overflow:hidden !important;\r
5085 }\r
5086 \r
5087 .x-window-dlg .x-window-mc {\r
5088     border:0 none !important;\r
5089 }\r
5090 \r
5091 .x-window-dlg .ext-mb-input {\r
5092     margin-top:4px;\r
5093     width:95%;\r
5094 }\r
5095 \r
5096 .x-window-dlg .ext-mb-textarea {\r
5097     margin-top:4px;\r
5098 }\r
5099 \r
5100 .x-window-dlg .x-progress-wrap {\r
5101     margin-top:4px;\r
5102 }\r
5103 \r
5104 .ext-ie .x-window-dlg .x-progress-wrap {\r
5105     margin-top:6px;\r
5106 }\r
5107 \r
5108 .x-window-dlg .x-msg-box-wait {\r
5109     background:transparent no-repeat left;\r
5110     display:block;\r
5111     width:300px;\r
5112     padding-left:18px;\r
5113     line-height:18px;\r
5114 }\r
5115 \r
5116 .x-window-dlg .ext-mb-icon {\r
5117     float:left;\r
5118     width:47px;\r
5119     height:32px;\r
5120 }\r
5121 \r
5122 .ext-ie .x-window-dlg .ext-mb-icon {\r
5123     width:44px; /* 3px IE margin issue */\r
5124 }\r
5125 \r
5126 .x-window-dlg .x-dlg-icon .ext-mb-content{\r
5127     zoom: 1; margin-left: 47px;\r
5128 }\r
5129 \r
5130 .x-window-dlg .ext-mb-info, .x-window-dlg .ext-mb-warning, .x-window-dlg .ext-mb-question, .x-window-dlg .ext-mb-error {\r
5131     background:transparent no-repeat top left;\r
5132 }\r
5133 \r
5134 .ext-gecko2 .ext-mb-fix-cursor {\r
5135     overflow:auto;\r
5136 }.ext-el-mask {\r
5137     background-color: #ccc;\r
5138 }\r
5139 \r
5140 .ext-el-mask-msg {\r
5141     border-color:#6593cf;\r
5142     background-color:#c3daf9;\r
5143     background-image:url(../images/default/box/tb-blue.gif);\r
5144 }\r
5145 .ext-el-mask-msg div {\r
5146     background-color: #eee;\r
5147     border-color:#a3bad9;\r
5148     color:#222;\r
5149     font:normal 11px tahoma, arial, helvetica, sans-serif;\r
5150 }\r
5151 \r
5152 .x-mask-loading div {\r
5153     background-color:#fbfbfb;\r
5154     background-image:url(../images/default/grid/loading.gif);\r
5155 }\r
5156 \r
5157 .x-item-disabled {\r
5158     color: gray;\r
5159 }\r
5160 \r
5161 .x-item-disabled * {\r
5162     color: gray !important;\r
5163 }\r
5164 \r
5165 .x-splitbar-proxy {\r
5166     background-color: #aaa;\r
5167 }\r
5168 \r
5169 .x-color-palette a {\r
5170     border-color:#fff;\r
5171 }\r
5172 \r
5173 .x-color-palette a:hover, .x-color-palette a.x-color-palette-sel {\r
5174     border-color:#8bb8f3;\r
5175     background-color: #deecfd;\r
5176 }\r
5177 \r
5178 .x-color-palette em:hover, .x-color-palette span:hover{   \r
5179     background-color: #deecfd;\r
5180 }\r
5181 \r
5182 .x-color-palette em {\r
5183     border-color:#aca899;\r
5184 }\r
5185 \r
5186 .x-ie-shadow {\r
5187     background-color:#777;\r
5188 }\r
5189 \r
5190 .x-shadow .xsmc {\r
5191     background-image: url(../images/default/shadow-c.png);\r
5192 }\r
5193 \r
5194 .x-shadow .xsml, .x-shadow .xsmr {\r
5195     background-image: url(../images/default/shadow-lr.png);\r
5196 }\r
5197 \r
5198 .x-shadow .xstl, .x-shadow .xstc,  .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbc, .x-shadow .xsbr{\r
5199     background-image: url(../images/default/shadow.png);\r
5200 }\r
5201 \r
5202 .loading-indicator {\r
5203     font-size: 11px;\r
5204     background-image: url(../images/default/grid/loading.gif);\r
5205 }\r
5206 \r
5207 .x-spotlight {\r
5208     background-color: #ccc;\r
5209 }\r
5210 .x-tab-panel-header, .x-tab-panel-footer {
5211         background-color: #deecfd;
5212         border-color:#8db2e3;
5213     overflow:hidden;
5214     zoom:1;
5215 }
5216
5217 .x-tab-panel-header, .x-tab-panel-footer {
5218         border-color:#8db2e3;
5219 }
5220
5221 ul.x-tab-strip-top{
5222     background-color:#cedff5;
5223         background-image: url(../images/default/tabs/tab-strip-bg.gif);
5224         border-bottom-color:#8db2e3;
5225 }
5226
5227 ul.x-tab-strip-bottom{
5228     background-color:#cedff5;
5229         background-image: url(../images/default/tabs/tab-strip-btm-bg.gif);
5230         border-top-color:#8db2e3;
5231 }
5232
5233 .x-tab-panel-header-plain .x-tab-strip-spacer,
5234 .x-tab-panel-footer-plain .x-tab-strip-spacer {
5235     border-color:#8db2e3;
5236     background-color: #deecfd;
5237 }
5238
5239 .x-tab-strip span.x-tab-strip-text {
5240         font:normal 11px tahoma,arial,helvetica;
5241         color:#416aa3;
5242 }
5243
5244 .x-tab-strip-over span.x-tab-strip-text {
5245         color:#15428b;
5246 }
5247
5248 .x-tab-strip-active span.x-tab-strip-text {
5249         color:#15428b;
5250     font-weight:bold;
5251 }
5252
5253 .x-tab-strip-disabled .x-tabs-text {
5254         color:#aaaaaa;
5255 }
5256
5257 .x-tab-strip-top .x-tab-right, .x-tab-strip-top .x-tab-left, .x-tab-strip-top .x-tab-strip-inner{
5258         background-image: url(../images/default/tabs/tabs-sprite.gif);
5259 }
5260
5261 .x-tab-strip-bottom .x-tab-right {
5262         background-image: url(../images/default/tabs/tab-btm-inactive-right-bg.gif);
5263 }
5264
5265 .x-tab-strip-bottom .x-tab-left {
5266         background-image: url(../images/default/tabs/tab-btm-inactive-left-bg.gif);
5267 }
5268
5269 .x-tab-strip-bottom .x-tab-strip-over .x-tab-right {
5270         background-image: url(../images/default/tabs/tab-btm-over-right-bg.gif);
5271 }
5272
5273 .x-tab-strip-bottom .x-tab-strip-over .x-tab-left {
5274         background-image: url(../images/default/tabs/tab-btm-over-left-bg.gif);
5275 }
5276
5277 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
5278         background-image: url(../images/default/tabs/tab-btm-right-bg.gif);
5279 }
5280
5281 .x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
5282         background-image: url(../images/default/tabs/tab-btm-left-bg.gif);
5283 }
5284
5285 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
5286         background-image:url(../images/default/tabs/tab-close.gif);
5287 }
5288
5289 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
5290         background-image:url(../images/default/tabs/tab-close.gif);
5291 }
5292
5293 .x-tab-panel-body {
5294     border-color:#8db2e3;
5295     background-color:#fff;
5296 }
5297
5298 .x-tab-panel-body-top {
5299     border-top: 0 none;
5300 }
5301
5302 .x-tab-panel-body-bottom {
5303     border-bottom: 0 none;
5304 }
5305
5306 .x-tab-scroller-left {
5307     background-image:url(../images/default/tabs/scroll-left.gif);
5308     border-bottom-color:#8db2e3;
5309 }
5310
5311 .x-tab-scroller-left-over {
5312     background-position: 0 0;
5313 }
5314
5315 .x-tab-scroller-left-disabled {
5316     background-position: -18px 0;
5317     opacity:.5;
5318     -moz-opacity:.5;
5319     filter:alpha(opacity=50);
5320     cursor:default;
5321 }
5322
5323 .x-tab-scroller-right {
5324     background-image:url(../images/default/tabs/scroll-right.gif);
5325     border-bottom-color:#8db2e3;
5326 }
5327
5328 .x-tab-panel-bbar .x-toolbar, .x-tab-panel-tbar .x-toolbar {
5329     border-color:#99bbe8;
5330 }.x-form-field{
5331     font:normal 12px tahoma, arial, helvetica, sans-serif;
5332 }
5333
5334 .x-form-text, textarea.x-form-field{
5335     background-color:#fff;
5336     background-image:url(../images/default/form/text-bg.gif);
5337     border-color:#b5b8c8;
5338 }
5339
5340 .x-form-select-one {
5341     background-color:#fff;
5342     border-color:#b5b8c8;
5343 }
5344
5345 .x-form-check-group-label {
5346     border-bottom: 1px solid #99bbe8;
5347     color: #15428b;
5348 }
5349
5350 .x-editor .x-form-check-wrap {
5351     background-color:#fff;
5352 }
5353
5354 .x-form-field-wrap .x-form-trigger{
5355     background-image:url(../images/default/form/trigger.gif);
5356     border-bottom-color:#b5b8c8;
5357 }
5358
5359 .x-form-field-wrap .x-form-date-trigger{
5360     background-image: url(../images/default/form/date-trigger.gif);
5361 }
5362
5363 .x-form-field-wrap .x-form-clear-trigger{
5364     background-image: url(../images/default/form/clear-trigger.gif);
5365 }
5366
5367 .x-form-field-wrap .x-form-search-trigger{
5368     background-image: url(../images/default/form/search-trigger.gif);
5369 }
5370
5371 .x-trigger-wrap-focus .x-form-trigger{
5372     border-bottom-color:#7eadd9;
5373 }
5374
5375 .x-item-disabled .x-form-trigger-over{
5376     border-bottom-color:#b5b8c8;
5377 }
5378
5379 .x-item-disabled .x-form-trigger-click{
5380     border-bottom-color:#b5b8c8;
5381 }
5382
5383 .x-form-focus, textarea.x-form-focus{
5384         border-color:#7eadd9;
5385 }
5386
5387 .x-form-invalid, textarea.x-form-invalid{
5388     background-color:#fff;
5389         background-image:url(../images/default/grid/invalid_line.gif);
5390         border-color:#c30;
5391 }
5392
5393 .ext-webkit .x-form-invalid{
5394         background-color:#fee;
5395         border-color:#ff7870;
5396 }
5397
5398 .x-form-inner-invalid, textarea.x-form-inner-invalid{
5399     background-color:#fff;
5400         background-image:url(../images/default/grid/invalid_line.gif);
5401 }
5402
5403 .x-form-grow-sizer {
5404         font:normal 12px tahoma, arial, helvetica, sans-serif;
5405 }
5406
5407 .x-form-item {
5408     font:normal 12px tahoma, arial, helvetica, sans-serif;
5409 }
5410
5411 .x-form-invalid-msg {
5412     color:#c0272b;
5413     font:normal 11px tahoma, arial, helvetica, sans-serif;
5414     background-image:url(../images/default/shared/warning.gif);
5415 }
5416
5417 .x-form-empty-field {
5418     color:gray;
5419 }
5420
5421 .x-small-editor .x-form-field {
5422     font:normal 11px arial, tahoma, helvetica, sans-serif;
5423 }
5424
5425 .ext-webkit .x-small-editor .x-form-field {
5426     font:normal 11px arial, tahoma, helvetica, sans-serif;
5427 }
5428
5429 .x-form-invalid-icon {
5430     background-image:url(../images/default/form/exclamation.gif);
5431 }
5432
5433 .x-fieldset {
5434     border-color:#b5b8c8;
5435 }
5436
5437 .x-fieldset legend {
5438     font:bold 11px tahoma, arial, helvetica, sans-serif;
5439     color:#15428b;
5440 }
5441 .x-btn{\r
5442         font:normal 11px tahoma, verdana, helvetica;\r
5443 }\r
5444 \r
5445 .x-btn button{\r
5446     font:normal 11px arial,tahoma,verdana,helvetica;\r
5447     color:#333;\r
5448 }\r
5449 \r
5450 .x-btn em {\r
5451     font-style:normal;\r
5452     font-weight:normal;\r
5453 }\r
5454 \r
5455 .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
5456         background-image:url(../images/default/button/btn.gif);\r
5457 }\r
5458 \r
5459 .x-btn-click .x-btn-text, .x-btn-menu-active .x-btn-text, .x-btn-pressed .x-btn-text{\r
5460     color:#000;\r
5461 }\r
5462 \r
5463 .x-btn-disabled *{\r
5464         color:gray !important;\r
5465 }\r
5466 \r
5467 .x-btn-mc em.x-btn-arrow {\r
5468     background-image:url(../images/default/button/arrow.gif);\r
5469 }\r
5470 \r
5471 .x-btn-mc em.x-btn-split {\r
5472     background-image:url(../images/default/button/s-arrow.gif);\r
5473 }\r
5474 \r
5475 .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
5476     background-image:url(../images/default/button/s-arrow-o.gif);\r
5477 }\r
5478 \r
5479 .x-btn-mc em.x-btn-arrow-bottom {\r
5480     background-image:url(../images/default/button/s-arrow-b-noline.gif);\r
5481 }\r
5482 \r
5483 .x-btn-mc em.x-btn-split-bottom {\r
5484     background-image:url(../images/default/button/s-arrow-b.gif);\r
5485 }\r
5486 \r
5487 .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
5488     background-image:url(../images/default/button/s-arrow-bo.gif);\r
5489 }\r
5490 \r
5491 .x-btn-group-header {\r
5492     color: #3e6aaa;\r
5493 }\r
5494 \r
5495 .x-btn-group-tc {\r
5496         background-image: url(../images/default/button/group-tb.gif);\r
5497 }\r
5498 \r
5499 .x-btn-group-tl {\r
5500         background-image: url(../images/default/button/group-cs.gif);\r
5501 }\r
5502 \r
5503 .x-btn-group-tr {\r
5504         background-image: url(../images/default/button/group-cs.gif);\r
5505 }\r
5506 \r
5507 .x-btn-group-bc {\r
5508         background-image: url(../images/default/button/group-tb.gif);\r
5509 }\r
5510 \r
5511 .x-btn-group-bl {\r
5512         background-image: url(../images/default/button/group-cs.gif);\r
5513 }\r
5514 \r
5515 .x-btn-group-br {\r
5516         background-image: url(../images/default/button/group-cs.gif);\r
5517 }\r
5518 \r
5519 .x-btn-group-ml {\r
5520         background-image: url(../images/default/button/group-lr.gif);\r
5521 }\r
5522 .x-btn-group-mr {\r
5523         background-image: url(../images/default/button/group-lr.gif);\r
5524 }\r
5525 \r
5526 .x-btn-group-notitle .x-btn-group-tc {\r
5527         background-image: url(../images/default/button/group-tb.gif);\r
5528 }.x-toolbar{\r
5529         border-color:#a9bfd3;\r
5530     background-color:#d0def0;\r
5531     background-image:url(../images/default/toolbar/bg.gif);\r
5532 }\r
5533 \r
5534 .x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{\r
5535     font:normal 11px arial,tahoma, helvetica, sans-serif;\r
5536 }\r
5537 \r
5538 .x-toolbar .x-item-disabled {\r
5539         color:gray;\r
5540 }\r
5541 \r
5542 .x-toolbar .x-item-disabled * {\r
5543         color:gray;\r
5544 }\r
5545 \r
5546 .x-toolbar .x-btn-mc em.x-btn-split {\r
5547     background-image:url(../images/default/button/s-arrow-noline.gif);\r
5548 }\r
5549 \r
5550 .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
5551 .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
5552 {\r
5553     background-image:url(../images/default/button/s-arrow-o.gif);\r
5554 }\r
5555 \r
5556 .x-toolbar .x-btn-mc em.x-btn-split-bottom {\r
5557     background-image:url(../images/default/button/s-arrow-b-noline.gif);\r
5558 }\r
5559 \r
5560 .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
5561 .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
5562 {\r
5563     background-image:url(../images/default/button/s-arrow-bo.gif);\r
5564 }\r
5565 \r
5566 .x-toolbar .xtb-sep {\r
5567         background-image: url(../images/default/grid/grid-blue-split.gif);\r
5568 }\r
5569 \r
5570 .x-tbar-page-first{\r
5571         background-image: url(../images/default/grid/page-first.gif) !important;\r
5572 }\r
5573 \r
5574 .x-tbar-loading{\r
5575         background-image: url(../images/default/grid/refresh.gif) !important;\r
5576 }\r
5577 \r
5578 .x-tbar-page-last{\r
5579         background-image: url(../images/default/grid/page-last.gif) !important;\r
5580 }\r
5581 \r
5582 .x-tbar-page-next{\r
5583         background-image: url(../images/default/grid/page-next.gif) !important;\r
5584 }\r
5585 \r
5586 .x-tbar-page-prev{\r
5587         background-image: url(../images/default/grid/page-prev.gif) !important;\r
5588 }\r
5589 \r
5590 .x-item-disabled .x-tbar-loading{\r
5591         background-image: url(../images/default/grid/loading.gif) !important;\r
5592 }\r
5593 \r
5594 .x-item-disabled .x-tbar-page-first{\r
5595         background-image: url(../images/default/grid/page-first-disabled.gif) !important;\r
5596 }\r
5597 \r
5598 .x-item-disabled .x-tbar-page-last{\r
5599         background-image: url(../images/default/grid/page-last-disabled.gif) !important;\r
5600 }\r
5601 \r
5602 .x-item-disabled .x-tbar-page-next{\r
5603         background-image: url(../images/default/grid/page-next-disabled.gif) !important;\r
5604 }\r
5605 \r
5606 .x-item-disabled .x-tbar-page-prev{\r
5607         background-image: url(../images/default/grid/page-prev-disabled.gif) !important;\r
5608 }\r
5609 \r
5610 .x-paging-info {\r
5611     color:#444;\r
5612 }\r
5613 \r
5614 .x-toolbar-more-icon {\r
5615     background-image: url(../images/default/toolbar/more.gif) !important;\r
5616 }.x-resizable-handle {\r
5617         background-color:#fff;\r
5618 }\r
5619 \r
5620 .x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-east,\r
5621 .x-resizable-over .x-resizable-handle-west, .x-resizable-pinned .x-resizable-handle-west\r
5622 {\r
5623     background-image:url(../images/default/sizer/e-handle.gif);\r
5624 }\r
5625 \r
5626 .x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south,\r
5627 .x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north\r
5628 {\r
5629     background-image:url(../images/default/sizer/s-handle.gif);\r
5630 }\r
5631 \r
5632 .x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north{\r
5633     background-image:url(../images/default/sizer/s-handle.gif);\r
5634 }\r
5635 .x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast{\r
5636     background-image:url(../images/default/sizer/se-handle.gif);\r
5637 }\r
5638 .x-resizable-over .x-resizable-handle-northwest, .x-resizable-pinned .x-resizable-handle-northwest{\r
5639     background-image:url(../images/default/sizer/nw-handle.gif);\r
5640 }\r
5641 .x-resizable-over .x-resizable-handle-northeast, .x-resizable-pinned .x-resizable-handle-northeast{\r
5642     background-image:url(../images/default/sizer/ne-handle.gif);\r
5643 }\r
5644 .x-resizable-over .x-resizable-handle-southwest, .x-resizable-pinned .x-resizable-handle-southwest{\r
5645     background-image:url(../images/default/sizer/sw-handle.gif);\r
5646 }\r
5647 .x-resizable-proxy{\r
5648     border-color:#3b5a82;\r
5649 }\r
5650 .x-resizable-overlay{\r
5651     background-color:#fff;\r
5652 }\r
5653 .x-grid3 {\r
5654     background-color:#fff;\r
5655 }\r
5656 \r
5657 .x-grid-panel .x-panel-mc .x-panel-body {\r
5658     border-color:#99bbe8;\r
5659 }\r
5660 \r
5661 .x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td{\r
5662         font:normal 11px arial, tahoma, helvetica, sans-serif;\r
5663 }\r
5664 \r
5665 .x-grid3-hd-row td {\r
5666     border-left-color:#eee;\r
5667     border-right-color:#d0d0d0;\r
5668 }\r
5669 \r
5670 .x-grid-row-loading {\r
5671     background-color: #fff;\r
5672     background-image:url(../images/default/shared/loading-balls.gif);\r
5673 }\r
5674 \r
5675 .x-grid3-row {\r
5676     border-color:#ededed;\r
5677     border-top-color:#fff;\r
5678 }\r
5679 \r
5680 .x-grid3-row-alt{\r
5681         background-color:#fafafa;\r
5682 }\r
5683 \r
5684 .x-grid3-row-over {\r
5685         border-color:#ddd;\r
5686     background-color:#efefef;\r
5687     background-image:url(../images/default/grid/row-over.gif);\r
5688 }\r
5689 \r
5690 .x-grid3-resize-proxy {\r
5691     background-color:#777;\r
5692 }\r
5693 \r
5694 .x-grid3-resize-marker {\r
5695     background-color:#777;\r
5696 }\r
5697 \r
5698 .x-grid3-header{\r
5699     background-color:#f9f9f9;\r
5700         background-image:url(../images/default/grid/grid3-hrow.gif);\r
5701 }\r
5702 \r
5703 .x-grid3-header-pop {\r
5704     border-left-color:#d0d0d0;\r
5705 }\r
5706 \r
5707 .x-grid3-header-pop-inner {\r
5708     border-left-color:#eee;\r
5709     background-image:url(../images/default/grid/hd-pop.gif);\r
5710 }\r
5711 \r
5712 td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {\r
5713     border-left-color:#aaccf6;\r
5714     border-right-color:#aaccf6;\r
5715 }\r
5716 \r
5717 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
5718     background-color:#ebf3fd;\r
5719     background-image:url(../images/default/grid/grid3-hrow-over.gif);\r
5720 \r
5721 }\r
5722 \r
5723 .sort-asc .x-grid3-sort-icon {\r
5724         background-image: url(../images/default/grid/sort_asc.gif);\r
5725 }\r
5726 \r
5727 .sort-desc .x-grid3-sort-icon {\r
5728         background-image: url(../images/default/grid/sort_desc.gif);\r
5729 }\r
5730 \r
5731 .x-grid3-cell-text, .x-grid3-hd-text {\r
5732         color:#000;\r
5733 }\r
5734 \r
5735 .x-grid3-split {\r
5736         background-image: url(../images/default/grid/grid-split.gif);\r
5737 }\r
5738 \r
5739 .x-grid3-hd-text {\r
5740         color:#15428b;\r
5741 }\r
5742 \r
5743 .x-dd-drag-proxy .x-grid3-hd-inner{\r
5744     background-color:#ebf3fd;\r
5745         background-image:url(../images/default/grid/grid3-hrow-over.gif);\r
5746         border-color:#aaccf6;\r
5747 }\r
5748 \r
5749 .col-move-top{\r
5750         background-image:url(../images/default/grid/col-move-top.gif);\r
5751 }\r
5752 \r
5753 .col-move-bottom{\r
5754         background-image:url(../images/default/grid/col-move-bottom.gif);\r
5755 }\r
5756 \r
5757 .x-grid3-row-selected {\r
5758         background-color: #dfe8f6 !important;\r
5759         background-image: none;\r
5760         border-color:#a3bae9;\r
5761 }\r
5762 \r
5763 .x-grid3-cell-selected{\r
5764         background-color: #b8cfee !important;\r
5765         color:#000;\r
5766 }\r
5767 \r
5768 .x-grid3-cell-selected span{\r
5769         color:#000 !important;\r
5770 }\r
5771 \r
5772 .x-grid3-cell-selected .x-grid3-cell-text{\r
5773         color:#000;\r
5774 }\r
5775 \r
5776 .x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{\r
5777     background-color:#ebeadb !important;\r
5778     background-image:url(../images/default/grid/grid-hrow.gif) !important;\r
5779     color:#000;\r
5780     border-top-color:#fff;\r
5781     border-right-color:#6fa0df !important;\r
5782 }\r
5783 \r
5784 .x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{\r
5785     color:#15428b !important;\r
5786 }\r
5787 \r
5788 .x-grid3-dirty-cell {\r
5789     background-image:url(../images/default/grid/dirty.gif);\r
5790 }\r
5791 \r
5792 .x-grid3-topbar, .x-grid3-bottombar{\r
5793         font:normal 11px arial, tahoma, helvetica, sans-serif;\r
5794 }\r
5795 \r
5796 .x-grid3-bottombar .x-toolbar{\r
5797         border-top-color:#a9bfd3;\r
5798 }\r
5799 \r
5800 .x-props-grid .x-grid3-td-name .x-grid3-cell-inner{\r
5801         background-image:url(../images/default/grid/grid3-special-col-bg.gif) !important;\r
5802     color:#000 !important;\r
5803 }\r
5804 \r
5805 .x-props-grid .x-grid3-body .x-grid3-td-name{\r
5806     background-color:#fff !important;\r
5807     border-right-color:#eee;\r
5808 }\r
5809 \r
5810 .xg-hmenu-sort-asc .x-menu-item-icon{\r
5811         background-image: url(../images/default/grid/hmenu-asc.gif);\r
5812 }\r
5813 \r
5814 .xg-hmenu-sort-desc .x-menu-item-icon{\r
5815         background-image: url(../images/default/grid/hmenu-desc.gif);\r
5816 }\r
5817 \r
5818 .xg-hmenu-lock .x-menu-item-icon{\r
5819         background-image: url(../images/default/grid/hmenu-lock.gif);\r
5820 }\r
5821 \r
5822 .xg-hmenu-unlock .x-menu-item-icon{\r
5823         background-image: url(../images/default/grid/hmenu-unlock.gif);\r
5824 }\r
5825 \r
5826 .x-grid3-hd-btn {\r
5827     background-color:#c3daf9;\r
5828     background-image:url(../images/default/grid/grid3-hd-btn.gif);\r
5829 }\r
5830 \r
5831 .x-grid3-body .x-grid3-td-expander {\r
5832     background-image:url(../images/default/grid/grid3-special-col-bg.gif);\r
5833 }\r
5834 \r
5835 .x-grid3-row-expander {\r
5836     background-image:url(../images/default/grid/row-expand-sprite.gif);\r
5837 }\r
5838 \r
5839 .x-grid3-body .x-grid3-td-checker {\r
5840     background-image: url(../images/default/grid/grid3-special-col-bg.gif);\r
5841 }\r
5842 \r
5843 .x-grid3-row-checker, .x-grid3-hd-checker {\r
5844     background-image:url(../images/default/grid/row-check-sprite.gif);\r
5845 }\r
5846 \r
5847 .x-grid3-body .x-grid3-td-numberer {\r
5848     background-image:url(../images/default/grid/grid3-special-col-bg.gif);\r
5849 }\r
5850 \r
5851 .x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {\r
5852         color:#444;\r
5853 }\r
5854 \r
5855 .x-grid3-body .x-grid3-td-row-icon {\r
5856     background-image:url(../images/default/grid/grid3-special-col-bg.gif);\r
5857 }\r
5858 \r
5859 .x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,\r
5860 .x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,\r
5861 .x-grid3-body .x-grid3-row-selected .x-grid3-td-expander {\r
5862         background-image:url(../images/default/grid/grid3-special-col-sel-bg.gif);\r
5863 }\r
5864 \r
5865 .x-grid3-check-col {\r
5866         background-image:url(../images/default/menu/unchecked.gif);\r
5867 }\r
5868 \r
5869 .x-grid3-check-col-on {\r
5870         background-image:url(../images/default/menu/checked.gif);\r
5871 }\r
5872 \r
5873 .x-grid-group, .x-grid-group-body, .x-grid-group-hd {\r
5874     zoom:1;\r
5875 }\r
5876 \r
5877 .x-grid-group-hd {\r
5878     border-bottom-color:#99bbe8;\r
5879 }\r
5880 \r
5881 .x-grid-group-hd div.x-grid-group-title {\r
5882     background-image:url(../images/default/grid/group-collapse.gif);\r
5883     color:#3764a0;\r
5884     font:bold 11px tahoma, arial, helvetica, sans-serif;\r
5885 }\r
5886 \r
5887 .x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title {\r
5888     background-image:url(../images/default/grid/group-expand.gif);\r
5889 }\r
5890 \r
5891 .x-group-by-icon {\r
5892     background-image:url(../images/default/grid/group-by.gif);\r
5893 }\r
5894 \r
5895 .x-cols-icon {\r
5896     background-image:url(../images/default/grid/columns.gif);\r
5897 }\r
5898 \r
5899 .x-show-groups-icon {\r
5900     background-image:url(../images/default/grid/group-by.gif);\r
5901 }\r
5902 \r
5903 .x-grid-empty {\r
5904     color:gray;\r
5905     font:normal 11px tahoma, arial, helvetica, sans-serif;\r
5906 }\r
5907 \r
5908 .x-grid-with-col-lines .x-grid3-row td.x-grid3-cell {\r
5909     border-right-color:#ededed;\r
5910 }\r
5911 \r
5912 .x-grid-with-col-lines .x-grid3-row-selected {\r
5913         border-top-color:#a3bae9;\r
5914 }.x-dd-drag-ghost{\r
5915         color:#000;\r
5916         font: normal 11px arial, helvetica, sans-serif;\r
5917     border-color: #ddd #bbb #bbb #ddd;\r
5918         background-color:#fff;\r
5919 }\r
5920 \r
5921 .x-dd-drop-nodrop .x-dd-drop-icon{\r
5922   background-image: url(../images/default/dd/drop-no.gif);\r
5923 }\r
5924 \r
5925 .x-dd-drop-ok .x-dd-drop-icon{\r
5926   background-image: url(../images/default/dd/drop-yes.gif);\r
5927 }\r
5928 \r
5929 .x-dd-drop-ok-add .x-dd-drop-icon{\r
5930   background-image: url(../images/default/dd/drop-add.gif);\r
5931 }\r
5932 \r
5933 .x-view-selector {\r
5934     background-color:#c3daf9;\r
5935     border-color:#3399bb;\r
5936 }.x-tree-node-expanded .x-tree-node-icon{\r
5937         background-image:url(../images/default/tree/folder-open.gif);\r
5938 }\r
5939 \r
5940 .x-tree-node-leaf .x-tree-node-icon{\r
5941         background-image:url(../images/default/tree/leaf.gif);\r
5942 }\r
5943 \r
5944 .x-tree-node-collapsed .x-tree-node-icon{\r
5945         background-image:url(../images/default/tree/folder.gif);\r
5946 }\r
5947 \r
5948 .x-tree-node-loading .x-tree-node-icon{\r
5949         background-image:url(../images/default/tree/loading.gif) !important;\r
5950 }\r
5951 \r
5952 .x-tree-node .x-tree-node-inline-icon {\r
5953     background-image: none;\r
5954 }\r
5955 \r
5956 .x-tree-node-loading a span{\r
5957          font-style: italic;\r
5958          color:#444444;\r
5959 }\r
5960 \r
5961 .x-tree-lines .x-tree-elbow{\r
5962         background-image:url(../images/default/tree/elbow.gif);\r
5963 }\r
5964 \r
5965 .x-tree-lines .x-tree-elbow-plus{\r
5966         background-image:url(../images/default/tree/elbow-plus.gif);\r
5967 }\r
5968 \r
5969 .x-tree-lines .x-tree-elbow-minus{\r
5970         background-image:url(../images/default/tree/elbow-minus.gif);\r
5971 }\r
5972 \r
5973 .x-tree-lines .x-tree-elbow-end{\r
5974         background-image:url(../images/default/tree/elbow-end.gif);\r
5975 }\r
5976 \r
5977 .x-tree-lines .x-tree-elbow-end-plus{\r
5978         background-image:url(../images/default/tree/elbow-end-plus.gif);\r
5979 }\r
5980 \r
5981 .x-tree-lines .x-tree-elbow-end-minus{\r
5982         background-image:url(../images/default/tree/elbow-end-minus.gif);\r
5983 }\r
5984 \r
5985 .x-tree-lines .x-tree-elbow-line{\r
5986         background-image:url(../images/default/tree/elbow-line.gif);\r
5987 }\r
5988 \r
5989 .x-tree-no-lines .x-tree-elbow-plus{\r
5990         background-image:url(../images/default/tree/elbow-plus-nl.gif);\r
5991 }\r
5992 \r
5993 .x-tree-no-lines .x-tree-elbow-minus{\r
5994         background-image:url(../images/default/tree/elbow-minus-nl.gif);\r
5995 }\r
5996 \r
5997 .x-tree-no-lines .x-tree-elbow-end-plus{\r
5998         background-image:url(../images/default/tree/elbow-end-plus-nl.gif);\r
5999 }\r
6000 \r
6001 .x-tree-no-lines .x-tree-elbow-end-minus{\r
6002         background-image:url(../images/default/tree/elbow-end-minus-nl.gif);\r
6003 }\r
6004 \r
6005 .x-tree-arrows .x-tree-elbow-plus{\r
6006     background-image:url(../images/default/tree/arrows.gif);\r
6007 }\r
6008 \r
6009 .x-tree-arrows .x-tree-elbow-minus{\r
6010     background-image:url(../images/default/tree/arrows.gif);\r
6011 }\r
6012 \r
6013 .x-tree-arrows .x-tree-elbow-end-plus{\r
6014     background-image:url(../images/default/tree/arrows.gif);\r
6015 }\r
6016 \r
6017 .x-tree-arrows .x-tree-elbow-end-minus{\r
6018     background-image:url(../images/default/tree/arrows.gif);\r
6019 }\r
6020 \r
6021 .x-tree-node{\r
6022         color:#000;\r
6023         font: normal 11px arial, tahoma, helvetica, sans-serif;\r
6024 }\r
6025 \r
6026 .x-tree-node a, .x-dd-drag-ghost a{\r
6027         color:#000;\r
6028 }\r
6029 \r
6030 .x-tree-node a span, .x-dd-drag-ghost a span{\r
6031         color:#000;\r
6032 }\r
6033 \r
6034 .x-tree-node .x-tree-node-disabled a span{\r
6035         color:gray !important;\r
6036 }\r
6037 \r
6038 .x-tree-node div.x-tree-drag-insert-below{\r
6039          border-bottom-color:#36c;\r
6040 }\r
6041 \r
6042 .x-tree-node div.x-tree-drag-insert-above{\r
6043          border-top-color:#36c;\r
6044 }\r
6045 \r
6046 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{\r
6047          border-bottom-color:#36c;\r
6048 }\r
6049 \r
6050 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{\r
6051          border-top-color:#36c;\r
6052 }\r
6053 \r
6054 .x-tree-node .x-tree-drag-append a span{\r
6055          background-color:#ddd;\r
6056          border-color:gray;\r
6057 }\r
6058 \r
6059 .x-tree-node .x-tree-node-over {\r
6060         background-color: #eee;\r
6061 }\r
6062 \r
6063 .x-tree-node .x-tree-selected {\r
6064         background-color: #d9e8fb;\r
6065 }\r
6066 \r
6067 .x-tree-drop-ok-append .x-dd-drop-icon{\r
6068   background-image: url(../images/default/tree/drop-add.gif);\r
6069 }\r
6070 \r
6071 .x-tree-drop-ok-above .x-dd-drop-icon{\r
6072   background-image: url(../images/default/tree/drop-over.gif);\r
6073 }\r
6074 \r
6075 .x-tree-drop-ok-below .x-dd-drop-icon{\r
6076   background-image: url(../images/default/tree/drop-under.gif);\r
6077 }\r
6078 \r
6079 .x-tree-drop-ok-between .x-dd-drop-icon{\r
6080   background-image: url(../images/default/tree/drop-between.gif);\r
6081 }.x-date-picker {
6082     border-color: #1b376c;
6083     background-color:#fff;
6084 }
6085
6086 .x-date-middle,.x-date-left,.x-date-right {
6087         background-image: url(../images/default/shared/hd-sprite.gif);
6088         color:#fff;
6089         font:bold 11px "sans serif", tahoma, verdana, helvetica;
6090 }
6091
6092 .x-date-middle .x-btn .x-btn-text {
6093     color:#fff;
6094 }
6095
6096 .x-date-middle .x-btn-mc em.x-btn-arrow {
6097     background-image:url(../images/default/toolbar/btn-arrow-light.gif);
6098 }
6099
6100 .x-date-right a {
6101     background-image: url(../images/default/shared/right-btn.gif);
6102 }
6103
6104 .x-date-left a{
6105         background-image: url(../images/default/shared/left-btn.gif);
6106 }
6107
6108 .x-date-inner th {
6109     background-color:#dfecfb;
6110     background-image:url(../images/default/shared/glass-bg.gif);
6111         border-bottom-color:#a3bad9;
6112     font:normal 10px arial, helvetica,tahoma,sans-serif;
6113         color:#233d6d;
6114 }
6115
6116 .x-date-inner td {
6117     border-color:#fff;
6118 }
6119
6120 .x-date-inner a {
6121     font:normal 11px arial, helvetica,tahoma,sans-serif;
6122     color:#000;
6123 }
6124
6125 .x-date-inner .x-date-active{
6126         color:#000;
6127 }
6128
6129 .x-date-inner .x-date-selected a{
6130     background-color:#dfecfb;
6131         background-image:url(../images/default/shared/glass-bg.gif);
6132         border-color:#8db2e3;
6133 }
6134
6135 .x-date-inner .x-date-today a{
6136         border-color:darkred;
6137 }
6138
6139 .x-date-inner .x-date-selected span{
6140     font-weight:bold;
6141 }
6142
6143 .x-date-inner .x-date-prevday a,.x-date-inner .x-date-nextday a {
6144         color:#aaa;
6145 }
6146
6147 .x-date-bottom {
6148     border-top-color:#a3bad9;
6149     background-color:#dfecfb;
6150     background-image:url(../images/default/shared/glass-bg.gif);
6151 }
6152
6153 .x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover{
6154     color:#000;
6155     background-color:#ddecfe;
6156 }
6157
6158 .x-date-inner .x-date-disabled a {
6159         background-color:#eee;
6160         color:#bbb;
6161 }
6162
6163 .x-date-mmenu{
6164     background-color:#eee !important;
6165 }
6166
6167 .x-date-mmenu .x-menu-item {
6168         font-size:10px;
6169         color:#000;
6170 }
6171
6172 .x-date-mp {
6173         background-color:#fff;
6174 }
6175
6176 .x-date-mp td {
6177         font:normal 11px arial, helvetica,tahoma,sans-serif;
6178 }
6179
6180 .x-date-mp-btns button {
6181         background-color:#083772;
6182         color:#fff;
6183         border-color: #3366cc #000055 #000055 #3366cc;
6184         font:normal 11px arial, helvetica,tahoma,sans-serif;
6185 }
6186
6187 .x-date-mp-btns {
6188     background-color: #dfecfb;
6189         background-image: url(../images/default/shared/glass-bg.gif);
6190 }
6191
6192 .x-date-mp-btns td {
6193         border-top-color: #c5d2df;
6194 }
6195
6196 td.x-date-mp-month a,td.x-date-mp-year a {
6197         color:#15428b;
6198 }
6199
6200 td.x-date-mp-month a:hover,td.x-date-mp-year a:hover {
6201         color:#15428b;
6202         background-color: #ddecfe;
6203 }
6204
6205 td.x-date-mp-sel a {
6206     background-color: #dfecfb;
6207         background-image: url(../images/default/shared/glass-bg.gif);
6208         border-color:#8db2e3;
6209 }
6210
6211 .x-date-mp-ybtn a {
6212     background-image:url(../images/default/panel/tool-sprites.gif);
6213 }
6214
6215 td.x-date-mp-sep {
6216    border-right-color:#c5d2df;
6217 }.x-tip .x-tip-close{\r
6218         background-image: url(../images/default/qtip/close.gif);\r
6219 }\r
6220 \r
6221 .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
6222         background-image: url(../images/default/qtip/tip-sprite.gif);\r
6223 }\r
6224 \r
6225 .x-tip .x-tip-mc {\r
6226     font: normal 11px tahoma,arial,helvetica,sans-serif;\r
6227 }\r
6228 .x-tip .x-tip-ml {\r
6229         background-color: #fff;\r
6230 }\r
6231 \r
6232 .x-tip .x-tip-header-text {\r
6233     font: bold 11px tahoma,arial,helvetica,sans-serif;\r
6234     color:#444;\r
6235 }\r
6236 \r
6237 .x-tip .x-tip-body {\r
6238     font: normal 11px tahoma,arial,helvetica,sans-serif;\r
6239     color:#444;\r
6240 }\r
6241 \r
6242 .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
6243 .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
6244 {\r
6245         background-image: url(../images/default/form/error-tip-corners.gif);\r
6246 }\r
6247 \r
6248 .x-form-invalid-tip .x-tip-body {\r
6249     background-image:url(../images/default/form/exclamation.gif);\r
6250 }\r
6251 \r
6252 .x-tip-anchor {\r
6253     background-image:url(../images/default/qtip/tip-anchor-sprite.gif);\r
6254 }.x-menu {\r
6255     background-color:#f0f0f0;\r
6256         background-image:url(../images/default/menu/menu.gif);\r
6257 }\r
6258 \r
6259 .x-menu-floating{\r
6260     border-color:#718bb7;\r
6261 }\r
6262 \r
6263 .x-menu-nosep {\r
6264         background-image:none;\r
6265 }\r
6266 \r
6267 .x-menu-list-item{\r
6268         font:normal 11px arial,tahoma,sans-serif;\r
6269 }\r
6270 \r
6271 .x-menu-item-arrow{\r
6272         background-image:url(../images/default/menu/menu-parent.gif);\r
6273 }\r
6274 \r
6275 .x-menu-sep {\r
6276     background-color:#e0e0e0;\r
6277         border-bottom-color:#fff;\r
6278 }\r
6279 \r
6280 a.x-menu-item {\r
6281         color:#222;\r
6282 }\r
6283 \r
6284 .x-menu-item-active {\r
6285     background-image: url(../images/default/menu/item-over.gif);\r
6286         background-color: #dbecf4;\r
6287     border-color:#aaccf6;\r
6288 }\r
6289 \r
6290 .x-menu-item-active a.x-menu-item {\r
6291         border-color:#aaccf6;\r
6292 }\r
6293 \r
6294 .x-menu-check-item .x-menu-item-icon{\r
6295         background-image:url(../images/default/menu/unchecked.gif);\r
6296 }\r
6297 \r
6298 .x-menu-item-checked .x-menu-item-icon{\r
6299         background-image:url(../images/default/menu/checked.gif);\r
6300 }\r
6301 \r
6302 .x-menu-item-checked .x-menu-group-item .x-menu-item-icon{\r
6303     background-image:url(../images/default/menu/group-checked.gif);\r
6304 }\r
6305 \r
6306 .x-menu-group-item .x-menu-item-icon{\r
6307     background-image:none;\r
6308 }\r
6309 \r
6310 .x-menu-plain {\r
6311         background-color:#f0f0f0 !important;\r
6312     background-image: none;\r
6313 }\r
6314 \r
6315 .x-date-menu, .x-color-menu{\r
6316     background-color: #fff !important;\r
6317 }\r
6318 \r
6319 .x-menu .x-date-picker{\r
6320     border-color:#a3bad9;\r
6321 }\r
6322 \r
6323 .x-cycle-menu .x-menu-item-checked {\r
6324     border-color:#a3bae9 !important;\r
6325     background-color:#def8f6;\r
6326 }\r
6327 \r
6328 .x-menu-scroller-top {\r
6329     background-image:url(../images/default/layout/mini-top.gif);\r
6330 }\r
6331 \r
6332 .x-menu-scroller-bottom {\r
6333     background-image:url(../images/default/layout/mini-bottom.gif);\r
6334 }\r
6335 .x-box-tl {
6336         background-image: url(../images/default/box/corners.gif);
6337 }
6338
6339 .x-box-tc {
6340         background-image: url(../images/default/box/tb.gif);
6341 }
6342
6343 .x-box-tr {
6344         background-image: url(../images/default/box/corners.gif);
6345 }
6346
6347 .x-box-ml {
6348         background-image: url(../images/default/box/l.gif);
6349 }
6350
6351 .x-box-mc {
6352         background-color: #eee;
6353     background-image: url(../images/default/box/tb.gif);
6354         font-family: "Myriad Pro","Myriad Web","Tahoma","Helvetica","Arial",sans-serif;
6355         color: #393939;
6356         font-size: 12px;
6357 }
6358
6359 .x-box-mc h3 {
6360         font-size: 14px;
6361         font-weight: bold;
6362 }
6363
6364 .x-box-mr {
6365         background-image: url(../images/default/box/r.gif);
6366 }
6367
6368 .x-box-bl {
6369         background-image: url(../images/default/box/corners.gif);
6370 }
6371
6372 .x-box-bc {
6373         background-image: url(../images/default/box/tb.gif);
6374 }
6375
6376 .x-box-br {
6377         background-image: url(../images/default/box/corners.gif);
6378 }
6379
6380 .x-box-blue .x-box-bl, .x-box-blue .x-box-br, .x-box-blue .x-box-tl, .x-box-blue .x-box-tr {
6381         background-image: url(../images/default/box/corners-blue.gif);
6382 }
6383
6384 .x-box-blue .x-box-bc, .x-box-blue .x-box-mc, .x-box-blue .x-box-tc {
6385         background-image: url(../images/default/box/tb-blue.gif);
6386 }
6387
6388 .x-box-blue .x-box-mc {
6389         background-color: #c3daf9;
6390 }
6391
6392 .x-box-blue .x-box-mc h3 {
6393         color: #17385b;
6394 }
6395
6396 .x-box-blue .x-box-ml {
6397         background-image: url(../images/default/box/l-blue.gif);
6398 }
6399
6400 .x-box-blue .x-box-mr {
6401         background-image: url(../images/default/box/r-blue.gif);
6402 }.x-combo-list {
6403     border-color:#98c0f4;
6404     background-color:#ddecfe;
6405     font:normal 12px tahoma, arial, helvetica, sans-serif;
6406 }
6407
6408 .x-combo-list-inner {
6409     background-color:#fff;
6410 }
6411
6412 .x-combo-list-hd {
6413     font:bold 11px tahoma, arial, helvetica, sans-serif;
6414     color:#15428b;
6415     background-image: url(../images/default/layout/panel-title-light-bg.gif);
6416     border-bottom-color:#98c0f4;
6417 }
6418
6419 .x-resizable-pinned .x-combo-list-inner {
6420     border-bottom-color:#98c0f4;
6421 }
6422
6423 .x-combo-list-item {
6424     border-color:#fff;
6425 }
6426
6427 .x-combo-list .x-combo-selected{
6428         border-color:#a3bae9 !important;
6429     background-color:#dfe8f6;
6430 }
6431
6432 .x-combo-list .x-toolbar {
6433     border-top-color:#98c0f4;
6434 }
6435
6436 .x-combo-list-small {
6437     font:normal 11px tahoma, arial, helvetica, sans-serif;
6438 }.x-panel {
6439     border-color: #99bbe8;
6440 }
6441
6442 .x-panel-header {
6443     color:#15428b;
6444         font-weight:bold;
6445     font-size: 11px;
6446     font-family: tahoma,arial,verdana,sans-serif;
6447     border-color:#99bbe8;
6448     background-image: url(../images/default/panel/white-top-bottom.gif);
6449 }
6450
6451 .x-panel-body {
6452     border-color:#99bbe8;
6453     background-color:#fff;
6454 }
6455
6456 .x-panel-bbar .x-toolbar, .x-panel-tbar .x-toolbar {
6457     border-color:#99bbe8;
6458 }
6459
6460 .x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
6461     border-top-color:#99bbe8;
6462 }
6463
6464 .x-panel-body-noheader, .x-panel-mc .x-panel-body {
6465     border-top-color:#99bbe8;
6466 }
6467
6468 .x-panel-tl .x-panel-header {
6469     color:#15428b;
6470         font:bold 11px tahoma,arial,verdana,sans-serif;
6471 }
6472
6473 .x-panel-tc {
6474         background-image: url(../images/default/panel/top-bottom.gif);
6475 }
6476
6477 .x-panel-tl, .x-panel-tr, .x-panel-bl,  .x-panel-br{
6478         background-image: url(../images/default/panel/corners-sprite.gif);
6479     border-bottom-color:#99bbe8;
6480 }
6481
6482 .x-panel-bc {
6483         background-image: url(../images/default/panel/top-bottom.gif);
6484 }
6485
6486 .x-panel-mc {
6487     font: normal 11px tahoma,arial,helvetica,sans-serif;
6488     background-color:#dfe8f6;
6489 }
6490
6491 .x-panel-ml {
6492         background-color: #fff;
6493     background-image:url(../images/default/panel/left-right.gif);
6494 }
6495
6496 .x-panel-mr {
6497         background-image: url(../images/default/panel/left-right.gif);
6498 }
6499
6500 .x-tool {
6501     background-image:url(../images/default/panel/tool-sprites.gif);
6502 }
6503
6504 .x-panel-ghost {
6505     background-color:#cbddf3;
6506 }
6507
6508 .x-panel-ghost ul {
6509     border-color:#99bbe8;
6510 }
6511
6512 .x-panel-dd-spacer {
6513     border-color:#99bbe8;
6514 }
6515
6516 .x-panel-fbar td,.x-panel-fbar span,.x-panel-fbar input,.x-panel-fbar div,.x-panel-fbar select,.x-panel-fbar label{
6517     font:normal 11px arial,tahoma, helvetica, sans-serif;
6518 }
6519 .x-window-proxy {
6520     background-color:#c7dffc;
6521     border-color:#99bbe8;
6522 }
6523
6524 .x-window-tl .x-window-header {
6525     color:#15428b;
6526         font:bold 11px tahoma,arial,verdana,sans-serif;
6527 }
6528
6529 .x-window-tc {
6530         background-image: url(../images/default/window/top-bottom.png);
6531 }
6532
6533 .x-window-tl {
6534         background-image: url(../images/default/window/left-corners.png);
6535 }
6536
6537 .x-window-tr {
6538         background-image: url(../images/default/window/right-corners.png);
6539 }
6540
6541 .x-window-bc {
6542         background-image: url(../images/default/window/top-bottom.png);
6543 }
6544
6545 .x-window-bl {
6546         background-image: url(../images/default/window/left-corners.png);
6547 }
6548
6549 .x-window-br {
6550         background-image: url(../images/default/window/right-corners.png);
6551 }
6552
6553 .x-window-mc {
6554     border-color:#99bbe8;
6555     font: normal 11px tahoma,arial,helvetica,sans-serif;
6556     background-color:#dfe8f6;
6557 }
6558
6559 .x-window-ml {
6560         background-image: url(../images/default/window/left-right.png);
6561 }
6562
6563 .x-window-mr {
6564         background-image: url(../images/default/window/left-right.png);
6565 }
6566
6567 .x-window-maximized .x-window-tc {
6568     background-color:#fff;
6569 }
6570
6571 .x-window-bbar .x-toolbar {
6572     border-top-color:#99bbe8;
6573 }
6574
6575 .x-panel-ghost .x-window-tl {
6576     border-bottom-color:#99bbe8;
6577 }
6578
6579 .x-panel-collapsed .x-window-tl {
6580     border-bottom-color:#84a0c4;
6581 }
6582
6583 .x-dlg-mask{
6584    background-color:#ccc;
6585 }
6586
6587 .x-window-plain .x-window-mc {
6588     background-color: #ccd9e8;
6589     border-color: #a3bae9 #dfe8f6 #dfe8f6 #a3bae9;
6590 }
6591
6592 .x-window-plain .x-window-body {
6593     border-color: #dfe8f6 #a3bae9 #a3bae9 #dfe8f6;
6594 }
6595
6596 body.x-body-masked .x-window-plain .x-window-mc {
6597     background-color: #ccd9e8;
6598 }.x-html-editor-wrap {\r
6599     border-color:#a9bfd3;\r
6600     background-color:#fff;\r
6601 }\r
6602 .x-html-editor-tb .x-btn-text {\r
6603     background-image:url(../images/default/editor/tb-sprite.gif);\r
6604 }.x-panel-noborder .x-panel-header-noborder {\r
6605     border-bottom-color:#99bbe8;\r
6606 }\r
6607 \r
6608 .x-panel-noborder .x-panel-tbar-noborder .x-toolbar {\r
6609     border-bottom-color:#99bbe8;\r
6610 }\r
6611 \r
6612 .x-panel-noborder .x-panel-bbar-noborder .x-toolbar {\r
6613     border-top-color:#99bbe8;\r
6614 }\r
6615 \r
6616 .x-tab-panel-bbar-noborder .x-toolbar {\r
6617     border-top-color:#99bbe8;\r
6618 }\r
6619 \r
6620 .x-tab-panel-tbar-noborder .x-toolbar {\r
6621     border-bottom-color:#99bbe8;\r
6622 }.x-border-layout-ct {
6623     background-color:#dfe8f6;
6624 }
6625
6626 .x-accordion-hd {
6627         color:#222;
6628     font-weight:normal;
6629     background-image: url(../images/default/panel/light-hd.gif);
6630 }
6631
6632 .x-layout-collapsed{
6633     background-color:#d2e0f2;
6634         border-color:#98c0f4;
6635 }
6636
6637 .x-layout-collapsed-over{
6638     background-color:#d9e8fb;
6639 }
6640
6641 .x-layout-split-west .x-layout-mini {
6642     background-image:url(../images/default/layout/mini-left.gif);
6643 }
6644 .x-layout-split-east .x-layout-mini {
6645     background-image:url(../images/default/layout/mini-right.gif);
6646 }
6647 .x-layout-split-north .x-layout-mini {
6648     background-image:url(../images/default/layout/mini-top.gif);
6649 }
6650 .x-layout-split-south .x-layout-mini {
6651     background-image:url(../images/default/layout/mini-bottom.gif);
6652 }
6653
6654 .x-layout-cmini-west .x-layout-mini {
6655     background-image:url(../images/default/layout/mini-right.gif);
6656 }
6657
6658 .x-layout-cmini-east .x-layout-mini {
6659     background-image:url(../images/default/layout/mini-left.gif);
6660 }
6661
6662 .x-layout-cmini-north .x-layout-mini {
6663     background-image:url(../images/default/layout/mini-bottom.gif);
6664 }
6665
6666 .x-layout-cmini-south .x-layout-mini {
6667     background-image:url(../images/default/layout/mini-top.gif);
6668 }.x-progress-wrap {\r
6669     border-color:#6593cf;\r
6670 }\r
6671 \r
6672 .x-progress-inner {\r
6673     background-color:#e0e8f3;\r
6674     background-image:url(../images/default/qtip/bg.gif);\r
6675 }\r
6676 \r
6677 .x-progress-bar {\r
6678     background-color:#9cbfee;\r
6679     background-image:url(../images/default/progress/progress-bg.gif);\r
6680     border-top-color:#d1e4fd;\r
6681     border-bottom-color:#7fa9e4;\r
6682     border-right-color:#7fa9e4;\r
6683 }\r
6684 \r
6685 .x-progress-text {\r
6686     font-size:11px;\r
6687     font-weight:bold;\r
6688     color:#fff;\r
6689 }\r
6690 \r
6691 .x-progress-text-back {\r
6692     color:#396095;\r
6693 }.x-list-header{\r
6694     background-color:#f9f9f9;\r
6695         background-image:url(../images/default/grid/grid3-hrow.gif);\r
6696 }\r
6697 \r
6698 .x-list-header-inner div em {\r
6699     border-left-color:#ddd;\r
6700     font:normal 11px arial, tahoma, helvetica, sans-serif;\r
6701 }\r
6702 \r
6703 .x-list-body dt em {\r
6704     font:normal 11px arial, tahoma, helvetica, sans-serif;\r
6705 }\r
6706 \r
6707 .x-list-over {\r
6708     background-color:#eee;\r
6709 }\r
6710 \r
6711 .x-list-selected {\r
6712     background-color:#dfe8f6;\r
6713 }\r
6714 \r
6715 .x-list-resizer {\r
6716     border-left-color:#555;\r
6717     border-right-color:#555;\r
6718 }\r
6719 \r
6720 .x-list-header-inner em.sort-asc, .x-list-header-inner em.sort-desc {\r
6721     background-image:url(../images/default/grid/sort-hd.gif);\r
6722     border-color: #99bbe8;\r
6723 }.x-slider-horz, .x-slider-horz .x-slider-end, .x-slider-horz .x-slider-inner {\r
6724     background-image:url(../images/default/slider/slider-bg.png);\r
6725 }\r
6726 \r
6727 .x-slider-horz .x-slider-thumb {\r
6728     background-image:url(../images/default/slider/slider-thumb.png);\r
6729 }\r
6730 \r
6731 .x-slider-vert, .x-slider-vert .x-slider-end, .x-slider-vert .x-slider-inner {\r
6732     background-image:url(../images/default/slider/slider-v-bg.png);\r
6733 }\r
6734 \r
6735 .x-slider-vert .x-slider-thumb {\r
6736     background-image:url(../images/default/slider/slider-v-thumb.png);\r
6737 }.x-window-dlg .ext-mb-text,\r
6738 .x-window-dlg .x-window-header-text {\r
6739     font-size:12px;\r
6740 }\r
6741 \r
6742 .x-window-dlg .ext-mb-textarea {\r
6743     font:normal 12px tahoma,arial,helvetica,sans-serif;\r
6744 }\r
6745 \r
6746 .x-window-dlg .x-msg-box-wait {\r
6747     background-image:url(../images/default/grid/loading.gif);\r
6748 }\r
6749 \r
6750 .x-window-dlg .ext-mb-info {\r
6751     background-image:url(../images/default/window/icon-info.gif);\r
6752 }\r
6753 \r
6754 .x-window-dlg .ext-mb-warning {\r
6755     background-image:url(../images/default/window/icon-warning.gif);\r
6756 }\r
6757 \r
6758 .x-window-dlg .ext-mb-question {\r
6759     background-image:url(../images/default/window/icon-question.gif);\r
6760 }\r
6761 \r
6762 .x-window-dlg .ext-mb-error {\r
6763     background-image:url(../images/default/window/icon-error.gif);\r
6764 }