resources/css/ext-all-notheme.css

   1 /*!
   2  * Ext JS Library 3.2.2
   3  * Copyright(c) 2006-2010 Ext JS, Inc.
   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 {
   8     z-index: 100;
   9     position: absolute;
  10     top:0;
  11     left:0;
  12     -moz-opacity: 0.5;
  13     opacity: .50;
  14     filter: alpha(opacity=50);
  15     width: 100%;
  16     height: 100%;
  17     zoom: 1;
  18 }
  19
  20 .ext-el-mask-msg {
  21     z-index: 20001;
  22     position: absolute;
  23     top: 0;
  24     left: 0;
  25     border:1px solid;
  26     background:repeat-x 0 -16px;
  27     padding:2px;
  28 }
  29
  30 .ext-el-mask-msg div {
  31     padding:5px 10px 5px 10px;
  32     border:1px solid;
  33     cursor:wait;
  34 }
  35
  36 .ext-shim {
  37     position:absolute;
  38     visibility:hidden;
  39     left:0;
  40     top:0;
  41     overflow:hidden;
  42 }
  43
  44 .ext-ie .ext-shim {
  45     filter: alpha(opacity=0);
  46 }
  47
  48 .ext-ie6 .ext-shim {
  49     margin-left: 5px;
  50     margin-top: 3px;
  51 }
  52
  53 .x-mask-loading div {
  54     padding:5px 10px 5px 25px;
  55     background:no-repeat 5px 5px;
  56     line-height:16px;
  57 }
  58
  59 /* class for hiding elements without using display:none */
  60 .x-hidden, .x-hide-offsets {
  61     position:absolute !important;
  62     left:-10000px;
  63     top:-10000px;
  64     visibility:hidden;
  65 }
  66
  67 .x-hide-display {
  68     display:none !important;
  69 }
  70
  71 .x-hide-visibility {
  72     visibility:hidden !important;
  73 }
  74
  75 .x-masked {
  76     overflow: hidden !important;
  77 }
  78 .x-masked-relative {
  79     position: relative !important;
  80 }
  81
  82 .x-masked select, .x-masked object, .x-masked embed {
  83     visibility: hidden;
  84 }
  85
  86 .x-layer {
  87     visibility: hidden;
  88 }
  89
  90 .x-unselectable, .x-unselectable * {
  91     -moz-user-select: none;
  92     -khtml-user-select: none;
  93     -webkit-user-select:ignore;
  94 }
  95
  96 .x-repaint {
  97     zoom: 1;
  98     background-color: transparent;
  99     -moz-outline: none;
 100     outline: none;
 101 }
 102
 103 .x-item-disabled {
 104     cursor: default;
 105     opacity: .6;
 106     -moz-opacity: .6;
 107     filter: alpha(opacity=60);
 108 }
 109
 110 .x-item-disabled * {
 111     cursor: default !important;
 112 }
 113
 114 .x-form-radio-group .x-item-disabled {
 115     filter: none;
 116 }
 117
 118 .x-splitbar-proxy {
 119     position: absolute;
 120     visibility: hidden;
 121     z-index: 20001;
 122     zoom: 1;
 123     line-height: 1px;
 124     font-size: 1px;
 125     overflow: hidden;
 126 }
 127
 128 .x-splitbar-h, .x-splitbar-proxy-h {
 129     cursor: e-resize;
 130     cursor: col-resize;
 131 }
 132
 133 .x-splitbar-v, .x-splitbar-proxy-v {
 134     cursor: s-resize;
 135     cursor: row-resize;
 136 }
 137
 138 .x-color-palette {
 139     width: 150px;
 140     height: 92px;
 141     cursor: pointer;
 142 }
 143
 144 .x-color-palette a {
 145     border: 1px solid;
 146     float: left;
 147     padding: 2px;
 148     text-decoration: none;
 149     -moz-outline: 0 none;
 150     outline: 0 none;
 151     cursor: pointer;
 152 }
 153
 154 .x-color-palette a:hover, .x-color-palette a.x-color-palette-sel {
 155     border: 1px solid;
 156 }
 157
 158 .x-color-palette em {
 159     display: block;
 160     border: 1px solid;
 161 }
 162
 163 .x-color-palette em span {
 164     cursor: pointer;
 165     display: block;
 166     height: 10px;
 167     line-height: 10px;
 168     width: 10px;
 169 }
 170
 171 .x-ie-shadow {
 172     display: none;
 173     position: absolute;
 174     overflow: hidden;
 175     left:0;
 176     top:0;
 177     zoom:1;
 178 }
 179
 180 .x-shadow {
 181     display: none;
 182     position: absolute;
 183     overflow: hidden;
 184     left:0;
 185     top:0;
 186 }
 187
 188 .x-shadow * {
 189     overflow: hidden;
 190 }
 191
 192 .x-shadow * {
 193     padding: 0;
 194     border: 0;
 195     margin: 0;
 196     clear: none;
 197     zoom: 1;
 198 }
 199
 200 /* top  bottom */
 201 .x-shadow .xstc, .x-shadow .xsbc {
 202     height: 6px;
 203     float: left;
 204 }
 205
 206 /* corners */
 207 .x-shadow .xstl, .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbr {
 208     width: 6px;
 209     height: 6px;
 210     float: left;
 211 }
 212
 213 /* sides */
 214 .x-shadow .xsc {
 215     width: 100%;
 216 }
 217
 218 .x-shadow .xsml, .x-shadow .xsmr {
 219     width: 6px;
 220     float: left;
 221     height: 100%;
 222 }
 223
 224 .x-shadow .xsmc {
 225     float: left;
 226     height: 100%;
 227     background: transparent;
 228 }
 229
 230 .x-shadow .xst, .x-shadow .xsb {
 231     height: 6px;
 232     overflow: hidden;
 233     width: 100%;
 234 }
 235
 236 .x-shadow .xsml {
 237     background: transparent repeat-y 0 0;
 238 }
 239
 240 .x-shadow .xsmr {
 241     background: transparent repeat-y -6px 0;
 242 }
 243
 244 .x-shadow .xstl {
 245     background: transparent no-repeat 0 0;
 246 }
 247
 248 .x-shadow .xstc {
 249     background: transparent repeat-x 0 -30px;
 250 }
 251
 252 .x-shadow .xstr {
 253     background: transparent repeat-x 0 -18px;
 254 }
 255
 256 .x-shadow .xsbl {
 257     background: transparent no-repeat 0 -12px;
 258 }
 259
 260 .x-shadow .xsbc {
 261     background: transparent repeat-x 0 -36px;
 262 }
 263
 264 .x-shadow .xsbr {
 265     background: transparent repeat-x 0 -6px;
 266 }
 267
 268 .loading-indicator {
 269     background: no-repeat left;
 270     padding-left: 20px;
 271     line-height: 16px;
 272     margin: 3px;
 273 }
 274
 275 .x-text-resize {
 276     position: absolute;
 277     left: -1000px;
 278     top: -1000px;
 279     visibility: hidden;
 280     zoom: 1;
 281 }
 282
 283 .x-drag-overlay {
 284     width: 100%;
 285     height: 100%;
 286     display: none;
 287     position: absolute;
 288     left: 0;
 289     top: 0;
 290     background-image:url(../images/default/s.gif);
 291     z-index: 20000;
 292 }
 293
 294 .x-clear {
 295     clear:both;
 296     height:0;
 297     overflow:hidden;
 298     line-height:0;
 299     font-size:0;
 300 }
 301
 302 .x-spotlight {
 303     z-index: 8999;
 304     position: absolute;
 305     top:0;
 306     left:0;
 307     -moz-opacity: 0.5;
 308     opacity: .50;
 309     filter: alpha(opacity=50);
 310     width:0;
 311     height:0;
 312     zoom: 1;
 313 }
 314
 315 #x-history-frame {
 316     position:absolute;
 317     top:-1px;
 318     left:0;
 319         width:1px;
 320     height:1px;
 321     visibility:hidden;
 322 }
 323
 324 #x-history-field {
 325     position:absolute;
 326     top:0;
 327     left:-1px;
 328         width:1px;
 329     height:1px;
 330     visibility:hidden;
 331 }
 332 .x-resizable-handle {
 333     position:absolute;
 334     z-index:100;
 335     /* ie needs these */
 336     font-size:1px;
 337     line-height:6px;
 338     overflow:hidden;
 339         filter:alpha(opacity=0);
 340         opacity:0;
 341         zoom:1;
 342 }
 343
 344 .x-resizable-handle-east{
 345     width:6px;
 346     cursor:e-resize;
 347     right:0;
 348     top:0;
 349     height:100%;
 350 }
 351
 352 .ext-ie .x-resizable-handle-east {
 353     margin-right:-1px; /*IE rounding error*/
 354 }
 355
 356 .x-resizable-handle-south{
 357     width:100%;
 358     cursor:s-resize;
 359     left:0;
 360     bottom:0;
 361     height:6px;
 362 }
 363
 364 .ext-ie .x-resizable-handle-south {
 365     margin-bottom:-1px; /*IE rounding error*/
 366 }
 367
 368 .x-resizable-handle-west{
 369     width:6px;
 370     cursor:w-resize;
 371     left:0;
 372     top:0;
 373     height:100%;
 374 }
 375
 376 .x-resizable-handle-north{
 377     width:100%;
 378     cursor:n-resize;
 379     left:0;
 380     top:0;
 381     height:6px;
 382 }
 383
 384 .x-resizable-handle-southeast{
 385     width:6px;
 386     cursor:se-resize;
 387     right:0;
 388     bottom:0;
 389     height:6px;
 390     z-index:101;
 391 }
 392
 393 .x-resizable-handle-northwest{
 394     width:6px;
 395     cursor:nw-resize;
 396     left:0;
 397     top:0;
 398     height:6px;
 399     z-index:101;
 400 }
 401
 402 .x-resizable-handle-northeast{
 403     width:6px;
 404     cursor:ne-resize;
 405     right:0;
 406     top:0;
 407     height:6px;
 408     z-index:101;
 409 }
 410
 411 .x-resizable-handle-southwest{
 412     width:6px;
 413     cursor:sw-resize;
 414     left:0;
 415     bottom:0;
 416     height:6px;
 417     z-index:101;
 418 }
 419
 420 .x-resizable-over .x-resizable-handle, .x-resizable-pinned .x-resizable-handle{
 421     filter:alpha(opacity=100);
 422         opacity:1;
 423 }
 424
 425 .x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-east,
 426 .x-resizable-over .x-resizable-handle-west, .x-resizable-pinned .x-resizable-handle-west
 427 {
 428         background-position: left;
 429 }
 430
 431 .x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south,
 432 .x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north
 433 {
 434     background-position: top;
 435 }
 436
 437 .x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast{
 438     background-position: top left;
 439 }
 440
 441 .x-resizable-over .x-resizable-handle-northwest, .x-resizable-pinned .x-resizable-handle-northwest{
 442     background-position:bottom right;
 443 }
 444
 445 .x-resizable-over .x-resizable-handle-northeast, .x-resizable-pinned .x-resizable-handle-northeast{
 446     background-position: bottom left;
 447 }
 448
 449 .x-resizable-over .x-resizable-handle-southwest, .x-resizable-pinned .x-resizable-handle-southwest{
 450     background-position: top right;
 451 }
 452
 453 .x-resizable-proxy{
 454     border: 1px dashed;
 455     position:absolute;
 456     overflow:hidden;
 457     display:none;
 458         left:0;
 459     top:0;
 460     z-index:50000;
 461 }
 462
 463 .x-resizable-overlay{
 464     width:100%;
 465         height:100%;
 466         display:none;
 467         position:absolute;
 468         left:0;
 469         top:0;
 470         z-index:200000;
 471         -moz-opacity: 0;
 472     opacity:0;
 473     filter: alpha(opacity=0);
 474 }
 475 .x-tab-panel {
 476     overflow:hidden;
 477 }
 478
 479 .x-tab-panel-header, .x-tab-panel-footer {
 480         border: 1px solid;
 481     overflow:hidden;
 482     zoom:1;
 483 }
 484
 485 .x-tab-panel-header {
 486         border: 1px solid;
 487         padding-bottom: 2px;
 488 }
 489
 490 .x-tab-panel-footer {
 491         border: 1px solid;
 492         padding-top: 2px;
 493 }
 494
 495 .x-tab-strip-wrap {
 496         width:100%;
 497     overflow:hidden;
 498     position:relative;
 499     zoom:1;
 500 }
 501
 502 ul.x-tab-strip {
 503         display:block;
 504     width:5000px;
 505     zoom:1;
 506 }
 507
 508 ul.x-tab-strip-top{
 509         padding-top: 1px;
 510         background: repeat-x bottom;
 511         border-bottom: 1px solid;
 512 }
 513
 514 ul.x-tab-strip-bottom{
 515         padding-bottom: 1px;
 516         background: repeat-x top;
 517         border-top: 1px solid;
 518         border-bottom: 0 none;
 519 }
 520
 521 .x-tab-panel-header-plain .x-tab-strip-top {
 522     background:transparent !important;
 523     padding-top:0 !important;
 524 }
 525
 526 .x-tab-panel-header-plain {
 527     background:transparent !important;
 528     border-width:0 !important;
 529     padding-bottom:0 !important;
 530 }
 531
 532 .x-tab-panel-header-plain .x-tab-strip-spacer,
 533 .x-tab-panel-footer-plain .x-tab-strip-spacer {
 534     border:1px solid;
 535     height:2px;
 536     font-size:1px;
 537     line-height:1px;
 538 }
 539
 540 .x-tab-panel-header-plain .x-tab-strip-spacer {
 541     border-top: 0 none;
 542 }
 543
 544 .x-tab-panel-footer-plain .x-tab-strip-spacer {
 545     border-bottom: 0 none;
 546 }
 547
 548 .x-tab-panel-footer-plain .x-tab-strip-bottom {
 549     background:transparent !important;
 550     padding-bottom:0 !important;
 551 }
 552
 553 .x-tab-panel-footer-plain {
 554     background:transparent !important;
 555     border-width:0 !important;
 556     padding-top:0 !important;
 557 }
 558
 559 .ext-border-box .x-tab-panel-header-plain .x-tab-strip-spacer,
 560 .ext-border-box .x-tab-panel-footer-plain .x-tab-strip-spacer {
 561     height:3px;
 562 }
 563
 564 ul.x-tab-strip li {
 565     float:left;
 566     margin-left:2px;
 567 }
 568
 569 ul.x-tab-strip li.x-tab-edge {
 570     float:left;
 571     margin:0 !important;
 572     padding:0 !important;
 573     border:0 none !important;
 574     font-size:1px !important;
 575     line-height:1px !important;
 576     overflow:hidden;
 577     zoom:1;
 578     background:transparent !important;
 579     width:1px;
 580 }
 581
 582 .x-tab-strip a, .x-tab-strip span, .x-tab-strip em {
 583         display:block;
 584 }
 585
 586 .x-tab-strip a {
 587         text-decoration:none !important;
 588         -moz-outline: none;
 589         outline: none;
 590         cursor:pointer;
 591 }
 592
 593 .x-tab-strip-inner {
 594     overflow:hidden;
 595         text-overflow: ellipsis;
 596 }
 597
 598 .x-tab-strip span.x-tab-strip-text {
 599         white-space: nowrap;
 600         cursor:pointer;
 601     padding:4px 0;
 602 }
 603
 604 .x-tab-strip-top .x-tab-with-icon .x-tab-right {
 605     padding-left:6px;
 606 }
 607
 608 .x-tab-strip .x-tab-with-icon span.x-tab-strip-text {
 609         padding-left:20px;
 610     background-position: 0 3px;
 611     background-repeat: no-repeat;
 612 }
 613
 614 .x-tab-strip-active, .x-tab-strip-active a.x-tab-right {
 615     cursor:default;
 616 }
 617
 618 .x-tab-strip-active span.x-tab-strip-text {
 619         cursor:default;
 620 }
 621
 622 .x-tab-strip-disabled .x-tabs-text {
 623         cursor:default;
 624 }
 625
 626 .x-tab-panel-body {
 627     overflow:hidden;
 628 }
 629
 630 .x-tab-panel-bwrap {
 631     overflow:hidden;
 632 }
 633
 634 .ext-ie .x-tab-strip .x-tab-right {
 635     position:relative;
 636 }
 637
 638 .x-tab-strip-top .x-tab-strip-active .x-tab-right {
 639     margin-bottom:-1px;
 640 }
 641
 642 /*
 643  * Horrible hack for IE8 in quirks mode
 644  */
 645 .ext-ie8 ul.x-tab-strip li {
 646     position: relative;
 647 }
 648 .ext-ie8 .x-tab-strip .x-tab-right{
 649     margin-bottom: 0 !important;
 650     top: 1px;
 651 }
 652 .ext-ie8 ul.x-tab-strip-top {
 653     padding-top: 0;
 654 }
 655 .ext-ie8 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
 656     top:4px;
 657 }
 658 .ext-ie8 .x-tab-strip-bottom .x-tab-right{
 659     top:0;
 660 }
 661
 662
 663 .x-tab-strip-top .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
 664     padding-bottom:5px;
 665 }
 666
 667 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
 668     margin-top:-1px;
 669 }
 670
 671 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
 672     padding-top:5px;
 673 }
 674
 675 .x-tab-strip-top .x-tab-right {
 676         background: transparent no-repeat 0 -51px;
 677     padding-left:10px;
 678 }
 679
 680 .x-tab-strip-top .x-tab-left {
 681         background: transparent no-repeat right -351px;
 682     padding-right:10px;
 683 }
 684
 685 .x-tab-strip-top .x-tab-strip-inner {
 686         background: transparent repeat-x 0 -201px;
 687 }
 688
 689 .x-tab-strip-top .x-tab-strip-over .x-tab-right {
 690          background-position:0 -101px;
 691 }
 692
 693 .x-tab-strip-top .x-tab-strip-over .x-tab-left {
 694          background-position:right -401px;
 695 }
 696
 697 .x-tab-strip-top .x-tab-strip-over .x-tab-strip-inner {
 698          background-position:0 -251px;
 699 }
 700
 701 .x-tab-strip-top .x-tab-strip-active .x-tab-right {
 702         background-position: 0 0;
 703 }
 704
 705 .x-tab-strip-top .x-tab-strip-active .x-tab-left {
 706         background-position: right -301px;
 707 }
 708
 709 .x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner {
 710         background-position: 0 -151px;
 711 }
 712
 713 .x-tab-strip-bottom .x-tab-right {
 714         background: no-repeat bottom right;
 715 }
 716
 717 .x-tab-strip-bottom .x-tab-left {
 718         background: no-repeat bottom left;
 719 }
 720
 721 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
 722         background: no-repeat bottom right;
 723 }
 724
 725 .x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
 726         background: no-repeat bottom left;
 727 }
 728
 729 .x-tab-strip-bottom .x-tab-left {
 730     margin-right: 3px;
 731     padding:0 10px;
 732 }
 733
 734 .x-tab-strip-bottom .x-tab-right {
 735     padding:0;
 736 }
 737
 738 .x-tab-strip .x-tab-strip-close {
 739     display:none;
 740 }
 741
 742 .x-tab-strip-closable {
 743     position:relative;
 744 }
 745
 746 .x-tab-strip-closable .x-tab-left {
 747     padding-right:19px;
 748 }
 749
 750 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
 751     opacity:.6;
 752     -moz-opacity:.6;
 753     background-repeat:no-repeat;
 754     display:block;
 755         width:11px;
 756     height:11px;
 757     position:absolute;
 758     top:3px;
 759     right:3px;
 760     cursor:pointer;
 761     z-index:2;
 762 }
 763
 764 .x-tab-strip .x-tab-strip-active a.x-tab-strip-close {
 765     opacity:.8;
 766     -moz-opacity:.8;
 767 }
 768 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
 769     opacity:1;
 770     -moz-opacity:1;
 771 }
 772
 773 .x-tab-panel-body {
 774     border: 1px solid;
 775 }
 776
 777 .x-tab-panel-body-top {
 778     border-top: 0 none;
 779 }
 780
 781 .x-tab-panel-body-bottom {
 782     border-bottom: 0 none;
 783 }
 784
 785 .x-tab-scroller-left {
 786     background: transparent no-repeat -18px 0;
 787     border-bottom: 1px solid;
 788     width:18px;
 789     position:absolute;
 790     left:0;
 791     top:0;
 792     z-index:10;
 793     cursor:pointer;
 794 }
 795 .x-tab-scroller-left-over {
 796     background-position: 0 0;
 797 }
 798
 799 .x-tab-scroller-left-disabled {
 800     background-position: -18px 0;
 801     opacity:.5;
 802     -moz-opacity:.5;
 803     filter:alpha(opacity=50);
 804     cursor:default;
 805 }
 806
 807 .x-tab-scroller-right {
 808     background: transparent no-repeat 0 0;
 809     border-bottom: 1px solid;
 810     width:18px;
 811     position:absolute;
 812     right:0;
 813     top:0;
 814     z-index:10;
 815     cursor:pointer;
 816 }
 817
 818 .x-tab-scroller-right-over {
 819     background-position: -18px 0;
 820 }
 821
 822 .x-tab-scroller-right-disabled {
 823     background-position: 0 0;
 824     opacity:.5;
 825     -moz-opacity:.5;
 826     filter:alpha(opacity=50);
 827     cursor:default;
 828 }
 829
 830 .x-tab-scrolling-bottom .x-tab-scroller-left, .x-tab-scrolling-bottom .x-tab-scroller-right{
 831     margin-top: 1px;
 832 }
 833
 834 .x-tab-scrolling .x-tab-strip-wrap {
 835     margin-left:18px;
 836     margin-right:18px;
 837 }
 838
 839 .x-tab-scrolling {
 840     position:relative;
 841 }
 842
 843 .x-tab-panel-bbar .x-toolbar {
 844     border:1px solid;
 845     border-top:0 none;
 846     overflow:hidden;
 847     padding:2px;
 848 }
 849
 850 .x-tab-panel-tbar .x-toolbar {
 851     border:1px solid;
 852     border-top:0 none;
 853     overflow:hidden;
 854     padding:2px;
 855 }/* all fields */
 856 .x-form-field{
 857     margin: 0 0 0 0;
 858 }
 859
 860 .ext-webkit *:focus{
 861     outline: none !important;
 862 }
 863
 864 /* ---- text fields ---- */
 865 .x-form-text, textarea.x-form-field{
 866     padding:1px 3px;
 867     background:repeat-x 0 0;
 868     border:1px solid;
 869 }
 870
 871 textarea.x-form-field {
 872     padding:2px 3px;
 873 }
 874
 875 .x-form-text, .ext-ie .x-form-file {
 876     height:22px;
 877     line-height:18px;
 878     vertical-align:middle;
 879 }
 880
 881 .ext-ie6 .x-form-text, .ext-ie7 .x-form-text {
 882     margin:-1px 0; /* ie bogus margin bug */
 883     height:22px; /* ie quirks */
 884     line-height:18px;
 885 }
 886
 887 .ext-ie6 textarea.x-form-field, .ext-ie7 textarea.x-form-field {
 888     margin:-1px 0; /* ie bogus margin bug */
 889 }
 890
 891 .ext-strict .x-form-text {
 892     height:18px;
 893 }
 894
 895 .ext-safari.ext-mac textarea.x-form-field {
 896     margin-bottom:-2px; /* another bogus margin bug, safari/mac only */
 897 }
 898
 899 /*
 900 .ext-strict .ext-ie8 .x-form-text, .ext-strict .ext-ie8 textarea.x-form-field {
 901     margin-bottom: 1px;
 902 }
 903 */
 904
 905 .ext-gecko .x-form-text , .ext-ie8 .x-form-text {
 906     padding-top:2px; /* FF won't center the text vertically */
 907     padding-bottom:0;
 908 }
 909
 910 .ext-ie6 .x-form-composite .x-form-text.x-box-item, .ext-ie7 .x-form-composite .x-form-text.x-box-item {
 911     margin: 0 !important; /* clear ie bogus margin bug fix */
 912 }
 913
 914 textarea {
 915     resize: none;  /* Disable browser resizable textarea */
 916 }
 917
 918 /* select boxes */
 919 .x-form-select-one {
 920     height:20px;
 921     line-height:18px;
 922     vertical-align:middle;
 923     border: 1px solid;
 924 }
 925
 926 /* multi select boxes */
 927
 928 /* --- TODO --- */
 929
 930 /* 2.0.2 style */
 931 .x-form-check-wrap {
 932     line-height:18px;
 933     height: auto;
 934 }
 935
 936 .ext-ie .x-form-check-wrap input {
 937     width:15px;
 938     height:15px;
 939 }
 940
 941 .x-form-check-wrap input{
 942     vertical-align: bottom;
 943 }
 944
 945 .x-editor .x-form-check-wrap {
 946     padding:3px;
 947 }
 948
 949 .x-editor .x-form-checkbox {
 950     height:13px;
 951 }
 952
 953 .x-form-check-group-label {
 954     border-bottom: 1px solid;
 955     margin-bottom: 5px;
 956     padding-left: 3px !important;
 957     float: none !important;
 958 }
 959
 960 /* wrapped fields and triggers */
 961 .x-form-field-wrap .x-form-trigger{
 962     width:17px;
 963     height:21px;
 964     border:0;
 965     background:transparent no-repeat 0 0;
 966     cursor:pointer;
 967     border-bottom: 1px solid;
 968     position:absolute;
 969     top:0;
 970 }
 971
 972 .x-form-field-wrap .x-form-date-trigger, .x-form-field-wrap .x-form-clear-trigger, .x-form-field-wrap .x-form-search-trigger{
 973     cursor:pointer;
 974 }
 975
 976 .x-form-field-wrap .x-form-twin-triggers .x-form-trigger{
 977     position:static;
 978     top:auto;
 979     vertical-align:top;
 980 }
 981
 982 .x-form-field-wrap {
 983     position:relative;
 984     left:0;top:0;
 985     text-align: left;
 986     zoom:1;
 987     white-space: nowrap;
 988 }
 989
 990 .ext-strict .ext-ie8 .x-toolbar-cell .x-form-field-trigger-wrap .x-form-trigger {
 991     right: 0; /* IE8 Strict mode trigger bug */
 992 }
 993
 994 .x-form-field-wrap .x-form-trigger-over{
 995     background-position:-17px 0;
 996 }
 997
 998 .x-form-field-wrap .x-form-trigger-click{
 999     background-position:-34px 0;
1000 }
1001
1002 .x-trigger-wrap-focus .x-form-trigger{
1003     background-position:-51px 0;
1004 }
1005
1006 .x-trigger-wrap-focus .x-form-trigger-over{
1007     background-position:-68px 0;
1008 }
1009
1010 .x-trigger-wrap-focus .x-form-trigger-click{
1011     background-position:-85px 0;
1012 }
1013
1014 .x-trigger-wrap-focus .x-form-trigger{
1015     border-bottom: 1px solid;
1016 }
1017
1018 .x-item-disabled .x-form-trigger-over{
1019     background-position:0 0 !important;
1020     border-bottom: 1px solid;
1021 }
1022
1023 .x-item-disabled .x-form-trigger-click{
1024     background-position:0 0 !important;
1025     border-bottom: 1px solid;
1026 }
1027
1028 .x-trigger-noedit{
1029     cursor:pointer;
1030 }
1031
1032 /* field focus style */
1033 .x-form-focus, textarea.x-form-focus{
1034     border: 1px solid;
1035 }
1036
1037 /* invalid fields */
1038 .x-form-invalid, textarea.x-form-invalid{
1039     background:repeat-x bottom;
1040     border: 1px solid;
1041 }
1042
1043 .x-form-inner-invalid, textarea.x-form-inner-invalid{
1044     background:repeat-x bottom;
1045 }
1046
1047 /* editors */
1048 .x-editor {
1049     visibility:hidden;
1050     padding:0;
1051     margin:0;
1052 }
1053
1054 .x-form-grow-sizer {
1055     left: -10000px;
1056     padding: 8px 3px;
1057     position: absolute;
1058     visibility:hidden;
1059     top: -10000px;
1060     white-space: pre-wrap;
1061     white-space: -moz-pre-wrap;
1062     white-space: -pre-wrap;
1063     white-space: -o-pre-wrap;
1064     word-wrap: break-word;
1065     zoom:1;
1066 }
1067
1068 .x-form-grow-sizer p {
1069     margin:0 !important;
1070     border:0 none !important;
1071     padding:0 !important;
1072 }
1073
1074 /* Form Items CSS */
1075
1076 .x-form-item {
1077     display:block;
1078     margin-bottom:4px;
1079     zoom:1;
1080 }
1081
1082 .x-form-item label.x-form-item-label {
1083     display:block;
1084     float:left;
1085     width:100px;
1086     padding:3px;
1087     padding-left:0;
1088     clear:left;
1089     z-index:2;
1090     position:relative;
1091 }
1092
1093 .x-form-element {
1094     padding-left:105px;
1095     position:relative;
1096 }
1097
1098 .x-form-invalid-msg {
1099     padding:2px;
1100     padding-left:18px;
1101     background: transparent no-repeat 0 2px;
1102     line-height:16px;
1103     width:200px;
1104 }
1105
1106 .x-form-label-left label.x-form-item-label {
1107    text-align:left;
1108 }
1109
1110 .x-form-label-right label.x-form-item-label {
1111    text-align:right;
1112 }
1113
1114 .x-form-label-top .x-form-item label.x-form-item-label {
1115     width:auto;
1116     float:none;
1117     clear:none;
1118     display:inline;
1119     margin-bottom:4px;
1120     position:static;
1121 }
1122
1123 .x-form-label-top .x-form-element {
1124     padding-left:0;
1125     padding-top:4px;
1126 }
1127
1128 .x-form-label-top .x-form-item {
1129     padding-bottom:4px;
1130 }
1131
1132 /* Editor small font for grid, toolbar and tree */
1133 .x-small-editor .x-form-text {
1134     height:20px;
1135     line-height:16px;
1136     vertical-align:middle;
1137 }
1138
1139 .ext-ie6 .x-small-editor .x-form-text, .ext-ie7 .x-small-editor .x-form-text {
1140     margin-top:-1px !important; /* ie bogus margin bug */
1141     margin-bottom:-1px !important;
1142     height:20px !important; /* ie quirks */
1143     line-height:16px !important;
1144 }
1145
1146 .ext-strict .x-small-editor .x-form-text {
1147     height:16px !important;
1148 }
1149
1150 .ext-ie6 .x-small-editor .x-form-text, .ext-ie7 .x-small-editor .x-form-text {
1151     height:20px;
1152     line-height:16px;
1153 }
1154
1155 .ext-border-box .x-small-editor .x-form-text {
1156     height:20px;
1157 }
1158
1159 .x-small-editor .x-form-select-one {
1160     height:20px;
1161     line-height:16px;
1162     vertical-align:middle;
1163 }
1164
1165 .x-small-editor .x-form-num-field {
1166     text-align:right;
1167 }
1168
1169 .x-small-editor .x-form-field-wrap .x-form-trigger{
1170     height:19px;
1171 }
1172
1173 .ext-webkit .x-small-editor .x-form-field-wrap .x-form-trigger{
1174     height:21px;
1175 }
1176
1177 .ext-webkit .x-small-editor .x-form-text{padding-top:3px;font-size:100%;}
1178
1179 .x-form-clear {
1180     clear:both;
1181     height:0;
1182     overflow:hidden;
1183     line-height:0;
1184     font-size:0;
1185 }
1186 .x-form-clear-left {
1187     clear:left;
1188     height:0;
1189     overflow:hidden;
1190     line-height:0;
1191     font-size:0;
1192 }
1193
1194 .ext-ie6 .x-form-check-wrap input, .ext-border-box .x-form-check-wrap input{
1195    margin-top: 3px;
1196 }
1197
1198 .x-form-cb-label {
1199     position: relative;
1200     margin-left:4px;
1201     top: 2px;
1202 }
1203
1204 .ext-ie .x-form-cb-label{
1205     top: 1px;
1206 }
1207
1208 .ext-ie6 .x-form-cb-label, .ext-border-box .x-form-cb-label{
1209     top: 3px;
1210 }
1211
1212 .x-form-display-field{
1213     padding-top: 2px;
1214 }
1215
1216 .ext-gecko .x-form-display-field, .ext-strict .ext-ie7 .x-form-display-field{
1217     padding-top: 1px;
1218 }
1219
1220 .ext-ie .x-form-display-field{
1221     padding-top: 3px;
1222 }
1223
1224 .ext-strict .ext-ie8 .x-form-display-field{
1225     padding-top: 0;
1226 }
1227
1228 .x-form-column {
1229     float:left;
1230     padding:0;
1231     margin:0;
1232     width:48%;
1233     overflow:hidden;
1234     zoom:1;
1235 }
1236
1237 /* buttons */
1238 .x-form .x-form-btns-ct .x-btn{
1239     float:right;
1240     clear:none;
1241 }
1242
1243 .x-form .x-form-btns-ct .x-form-btns td {
1244     border:0;
1245     padding:0;
1246 }
1247
1248 .x-form .x-form-btns-ct .x-form-btns-right table{
1249     float:right;
1250     clear:none;
1251 }
1252
1253 .x-form .x-form-btns-ct .x-form-btns-left table{
1254     float:left;
1255     clear:none;
1256 }
1257
1258 .x-form .x-form-btns-ct .x-form-btns-center{
1259     text-align:center; /*ie*/
1260 }
1261
1262 .x-form .x-form-btns-ct .x-form-btns-center table{
1263     margin:0 auto; /*everyone else*/
1264 }
1265
1266 .x-form .x-form-btns-ct table td.x-form-btn-td{
1267     padding:3px;
1268 }
1269
1270 .x-form .x-form-btns-ct .x-btn-focus .x-btn-left{
1271     background-position:0 -147px;
1272 }
1273
1274 .x-form .x-form-btns-ct .x-btn-focus .x-btn-right{
1275     background-position:0 -168px;
1276 }
1277
1278 .x-form .x-form-btns-ct .x-btn-focus .x-btn-center{
1279     background-position:0 -189px;
1280 }
1281
1282 .x-form .x-form-btns-ct .x-btn-click .x-btn-center{
1283     background-position:0 -126px;
1284 }
1285
1286 .x-form .x-form-btns-ct .x-btn-click  .x-btn-right{
1287     background-position:0 -84px;
1288 }
1289
1290 .x-form .x-form-btns-ct .x-btn-click .x-btn-left{
1291     background-position:0 -63px;
1292 }
1293
1294 .x-form-invalid-icon {
1295     width:16px;
1296     height:18px;
1297     visibility:hidden;
1298     position:absolute;
1299     left:0;
1300     top:0;
1301     display:block;
1302     background:transparent no-repeat 0 2px;
1303 }
1304
1305 /* fieldsets */
1306 .x-fieldset {
1307     border:1px solid;
1308     padding:10px;
1309     margin-bottom:10px;
1310     display:block; /* preserve margins in IE */
1311 }
1312
1313 /* make top of checkbox/tools visible in webkit */
1314 .ext-webkit .x-fieldset-header {
1315     padding-top: 1px;
1316 }
1317
1318 .ext-ie .x-fieldset legend {
1319     margin-bottom:10px;
1320 }
1321
1322 .ext-ie .x-fieldset {
1323     padding-top: 0;
1324     padding-bottom:10px;
1325 }
1326
1327 .x-fieldset legend .x-tool-toggle {
1328     margin-right:3px;
1329     margin-left:0;
1330     float:left !important;
1331 }
1332
1333 .x-fieldset legend input {
1334     margin-right:3px;
1335     float:left !important;
1336     height:13px;
1337     width:13px;
1338 }
1339
1340 fieldset.x-panel-collapsed {
1341     padding-bottom:0 !important;
1342     border-width: 1px 1px 0 1px !important;
1343     border-left-color: transparent;
1344     border-right-color: transparent;
1345 }
1346
1347 .ext-ie6 fieldset.x-panel-collapsed{
1348     padding-bottom:0 !important;
1349     border-width: 1px 0 0 0 !important;
1350     margin-left: 1px;
1351     margin-right: 1px;
1352 }
1353
1354 fieldset.x-panel-collapsed .x-fieldset-bwrap {
1355     visibility:hidden;
1356     position:absolute;
1357     left:-1000px;
1358     top:-1000px;
1359 }
1360
1361 .ext-ie .x-fieldset-bwrap {
1362     zoom:1;
1363 }
1364
1365 .x-fieldset-noborder {
1366     border:0px none transparent;
1367 }
1368
1369 .x-fieldset-noborder legend {
1370     margin-left:-3px;
1371 }
1372
1373 /* IE legend positioning bug */
1374 .ext-ie .x-fieldset-noborder legend {
1375     position: relative;
1376     margin-bottom:23px;
1377 }
1378 .ext-ie .x-fieldset-noborder legend span {
1379     position: absolute;
1380     left:16px;
1381 }
1382
1383 .ext-gecko .x-window-body .x-form-item {
1384     -moz-outline: none;
1385     outline: none;
1386     overflow: auto;
1387 }
1388
1389 .ext-mac.ext-gecko .x-window-body .x-form-item {
1390     overflow:hidden;
1391 }
1392
1393 .ext-gecko .x-form-item {
1394     -moz-outline: none;
1395     outline: none;
1396 }
1397
1398 .x-hide-label label.x-form-item-label {
1399      display:none;
1400 }
1401
1402 .x-hide-label .x-form-element {
1403      padding-left: 0 !important;
1404 }
1405
1406 .x-form-label-top .x-hide-label label.x-form-item-label{
1407     display: none;
1408 }
1409
1410 .x-fieldset {
1411     overflow:hidden;
1412 }
1413
1414 .x-fieldset-bwrap {
1415     overflow:hidden;
1416     zoom:1;
1417 }
1418
1419 .x-fieldset-body {
1420     overflow:hidden;
1421 }
1422 .x-btn{
1423         cursor:pointer;
1424         white-space: nowrap;
1425 }
1426
1427 .x-btn button{
1428     border:0 none;
1429     background:transparent;
1430     padding-left:3px;
1431     padding-right:3px;
1432     cursor:pointer;
1433     margin:0;
1434     overflow:visible;
1435     width:auto;
1436     -moz-outline:0 none;
1437     outline:0 none;
1438 }
1439
1440 * html .ext-ie .x-btn button {
1441     width:1px;
1442 }
1443
1444 .ext-gecko .x-btn button, .ext-webkit .x-btn button {
1445     padding-left:0;
1446     padding-right:0;
1447 }
1448
1449 .ext-gecko .x-btn button::-moz-focus-inner {
1450     padding:0;
1451 }
1452
1453 .ext-ie .x-btn button {
1454     padding-top:2px;
1455 }
1456
1457 .x-btn td {
1458     padding:0 !important;
1459 }
1460
1461 .x-btn-text {
1462     cursor:pointer;
1463         white-space: nowrap;
1464     padding:0;
1465 }
1466
1467 /* icon placement and sizing styles */
1468
1469 /* Only text */
1470 .x-btn-noicon .x-btn-small .x-btn-text{
1471         height: 16px;
1472 }
1473
1474 .x-btn-noicon .x-btn-medium .x-btn-text{
1475     height: 24px;
1476 }
1477
1478 .x-btn-noicon .x-btn-large .x-btn-text{
1479     height: 32px;
1480 }
1481
1482 /* Only icons */
1483 .x-btn-icon .x-btn-text{
1484     background-position: center;
1485         background-repeat: no-repeat;
1486 }
1487
1488 .x-btn-icon .x-btn-small .x-btn-text{
1489         height: 16px;
1490         width: 16px;
1491 }
1492
1493 .x-btn-icon .x-btn-medium .x-btn-text{
1494     height: 24px;
1495         width: 24px;
1496 }
1497
1498 .x-btn-icon .x-btn-large .x-btn-text{
1499     height: 32px;
1500         width: 32px;
1501 }
1502
1503 /* Icons and text */
1504 /* left */
1505 .x-btn-text-icon .x-btn-icon-small-left .x-btn-text{
1506     background-position: 0 center;
1507         background-repeat: no-repeat;
1508     padding-left:18px;
1509     height:16px;
1510 }
1511
1512 .x-btn-text-icon .x-btn-icon-medium-left .x-btn-text{
1513     background-position: 0 center;
1514         background-repeat: no-repeat;
1515     padding-left:26px;
1516     height:24px;
1517 }
1518
1519 .x-btn-text-icon .x-btn-icon-large-left .x-btn-text{
1520     background-position: 0 center;
1521         background-repeat: no-repeat;
1522     padding-left:34px;
1523     height:32px;
1524 }
1525
1526 /* top */
1527 .x-btn-text-icon .x-btn-icon-small-top .x-btn-text{
1528     background-position: center 0;
1529         background-repeat: no-repeat;
1530     padding-top:18px;
1531 }
1532
1533 .x-btn-text-icon .x-btn-icon-medium-top .x-btn-text{
1534     background-position: center 0;
1535         background-repeat: no-repeat;
1536     padding-top:26px;
1537 }
1538
1539 .x-btn-text-icon .x-btn-icon-large-top .x-btn-text{
1540     background-position: center 0;
1541         background-repeat: no-repeat;
1542     padding-top:34px;
1543 }
1544
1545 /* right */
1546 .x-btn-text-icon .x-btn-icon-small-right .x-btn-text{
1547     background-position: right center;
1548         background-repeat: no-repeat;
1549     padding-right:18px;
1550     height:16px;
1551 }
1552
1553 .x-btn-text-icon .x-btn-icon-medium-right .x-btn-text{
1554     background-position: right center;
1555         background-repeat: no-repeat;
1556     padding-right:26px;
1557     height:24px;
1558 }
1559
1560 .x-btn-text-icon .x-btn-icon-large-right .x-btn-text{
1561     background-position: right center;
1562         background-repeat: no-repeat;
1563     padding-right:34px;
1564     height:32px;
1565 }
1566
1567 /* bottom */
1568 .x-btn-text-icon .x-btn-icon-small-bottom .x-btn-text{
1569     background-position: center bottom;
1570         background-repeat: no-repeat;
1571     padding-bottom:18px;
1572 }
1573
1574 .x-btn-text-icon .x-btn-icon-medium-bottom .x-btn-text{
1575     background-position: center bottom;
1576         background-repeat: no-repeat;
1577     padding-bottom:26px;
1578 }
1579
1580 .x-btn-text-icon .x-btn-icon-large-bottom .x-btn-text{
1581     background-position: center bottom;
1582         background-repeat: no-repeat;
1583     padding-bottom:34px;
1584 }
1585
1586 /* background positioning */
1587 .x-btn-tr i, .x-btn-tl i, .x-btn-mr i, .x-btn-ml i, .x-btn-br i, .x-btn-bl i{
1588         font-size:1px;
1589     line-height:1px;
1590     width:3px;
1591     display:block;
1592     overflow:hidden;
1593 }
1594
1595 .x-btn-tr i, .x-btn-tl i, .x-btn-br i, .x-btn-bl i{
1596         height:3px;
1597 }
1598
1599 .x-btn-tl{
1600         width:3px;
1601         height:3px;
1602         background:no-repeat 0 0;
1603 }
1604 .x-btn-tr{
1605         width:3px;
1606         height:3px;
1607         background:no-repeat -3px 0;
1608 }
1609 .x-btn-tc{
1610         height:3px;
1611         background:repeat-x 0 -6px;
1612 }
1613
1614 .x-btn-ml{
1615         width:3px;
1616         background:no-repeat 0 -24px;
1617 }
1618 .x-btn-mr{
1619         width:3px;
1620         background:no-repeat -3px -24px;
1621 }
1622
1623 .x-btn-mc{
1624         background:repeat-x 0 -1096px;
1625     vertical-align: middle;
1626         text-align:center;
1627         padding:0 5px;
1628         cursor:pointer;
1629         white-space:nowrap;
1630 }
1631
1632 /* Fixes an issue with the button height */
1633 .ext-strict .ext-ie6 .x-btn-mc, .ext-strict .ext-ie7 .x-btn-mc {
1634     height: 100%;
1635 }
1636
1637 .x-btn-bl{
1638         width:3px;
1639         height:3px;
1640         background:no-repeat 0 -3px;
1641 }
1642
1643 .x-btn-br{
1644         width:3px;
1645         height:3px;
1646         background:no-repeat -3px -3px;
1647 }
1648
1649 .x-btn-bc{
1650         height:3px;
1651         background:repeat-x 0 -15px;
1652 }
1653
1654 .x-btn-over .x-btn-tl{
1655         background-position: -6px 0;
1656 }
1657
1658 .x-btn-over .x-btn-tr{
1659         background-position: -9px 0;
1660 }
1661
1662 .x-btn-over .x-btn-tc{
1663         background-position: 0 -9px;
1664 }
1665
1666 .x-btn-over .x-btn-ml{
1667         background-position: -6px -24px;
1668 }
1669
1670 .x-btn-over .x-btn-mr{
1671         background-position: -9px -24px;
1672 }
1673
1674 .x-btn-over .x-btn-mc{
1675         background-position: 0 -2168px;
1676 }
1677
1678 .x-btn-over .x-btn-bl{
1679         background-position: -6px -3px;
1680 }
1681
1682 .x-btn-over .x-btn-br{
1683         background-position: -9px -3px;
1684 }
1685
1686 .x-btn-over .x-btn-bc{
1687         background-position: 0 -18px;
1688 }
1689
1690 .x-btn-click .x-btn-tl, .x-btn-menu-active .x-btn-tl, .x-btn-pressed .x-btn-tl{
1691         background-position: -12px 0;
1692 }
1693
1694 .x-btn-click .x-btn-tr, .x-btn-menu-active .x-btn-tr, .x-btn-pressed .x-btn-tr{
1695         background-position: -15px 0;
1696 }
1697
1698 .x-btn-click .x-btn-tc, .x-btn-menu-active .x-btn-tc, .x-btn-pressed .x-btn-tc{
1699         background-position: 0 -12px;
1700 }
1701
1702 .x-btn-click .x-btn-ml, .x-btn-menu-active .x-btn-ml, .x-btn-pressed .x-btn-ml{
1703         background-position: -12px -24px;
1704 }
1705
1706 .x-btn-click .x-btn-mr, .x-btn-menu-active .x-btn-mr, .x-btn-pressed .x-btn-mr{
1707         background-position: -15px -24px;
1708 }
1709
1710 .x-btn-click .x-btn-mc, .x-btn-menu-active .x-btn-mc, .x-btn-pressed .x-btn-mc{
1711         background-position: 0 -3240px;
1712 }
1713
1714 .x-btn-click .x-btn-bl, .x-btn-menu-active .x-btn-bl, .x-btn-pressed .x-btn-bl{
1715         background-position: -12px -3px;
1716 }
1717
1718 .x-btn-click .x-btn-br, .x-btn-menu-active .x-btn-br, .x-btn-pressed .x-btn-br{
1719         background-position: -15px -3px;
1720 }
1721
1722 .x-btn-click .x-btn-bc, .x-btn-menu-active .x-btn-bc, .x-btn-pressed .x-btn-bc{
1723         background-position: 0 -21px;
1724 }
1725
1726 .x-btn-disabled *{
1727         cursor:default !important;
1728 }
1729
1730
1731 /* With a menu arrow */
1732 /* right */
1733 .x-btn-mc em.x-btn-arrow {
1734     display:block;
1735     background:transparent no-repeat right center;
1736         padding-right:10px;
1737 }
1738
1739 .x-btn-mc em.x-btn-split {
1740     display:block;
1741     background:transparent no-repeat right center;
1742         padding-right:14px;
1743 }
1744
1745 /* bottom */
1746 .x-btn-mc em.x-btn-arrow-bottom {
1747     display:block;
1748     background:transparent no-repeat center bottom;
1749         padding-bottom:14px;
1750 }
1751
1752 .x-btn-mc em.x-btn-split-bottom {
1753     display:block;
1754     background:transparent no-repeat center bottom;
1755         padding-bottom:14px;
1756 }
1757
1758 /* height adjustment class */
1759 .x-btn-as-arrow .x-btn-mc em {
1760     display:block;
1761     background:transparent;
1762         padding-bottom:14px;
1763 }
1764
1765 /* groups */
1766 .x-btn-group {
1767     padding:1px;
1768 }
1769
1770 .x-btn-group-header {
1771     padding:2px;
1772     text-align:center;
1773 }
1774
1775 .x-btn-group-tc {
1776         background: transparent repeat-x 0 0;
1777         overflow:hidden;
1778 }
1779
1780 .x-btn-group-tl {
1781         background: transparent no-repeat 0 0;
1782         padding-left:3px;
1783     zoom:1;
1784 }
1785
1786 .x-btn-group-tr {
1787         background: transparent no-repeat right 0;
1788         zoom:1;
1789     padding-right:3px;
1790 }
1791
1792 .x-btn-group-bc {
1793         background: transparent repeat-x 0 bottom;
1794     zoom:1;
1795 }
1796
1797 .x-btn-group-bc .x-panel-footer {
1798     zoom:1;
1799 }
1800
1801 .x-btn-group-bl {
1802         background: transparent no-repeat 0 bottom;
1803         padding-left:3px;
1804     zoom:1;
1805 }
1806
1807 .x-btn-group-br {
1808         background: transparent no-repeat right bottom;
1809         padding-right:3px;
1810     zoom:1;
1811 }
1812
1813 .x-btn-group-mc {
1814     border:0 none;
1815     padding:1px 0 0 0;
1816     margin:0;
1817 }
1818
1819 .x-btn-group-mc .x-btn-group-body {
1820     background:transparent;
1821     border: 0 none;
1822 }
1823
1824 .x-btn-group-ml {
1825         background: transparent repeat-y 0 0;
1826         padding-left:3px;
1827     zoom:1;
1828 }
1829
1830 .x-btn-group-mr {
1831         background: transparent repeat-y right 0;
1832         padding-right:3px;
1833     zoom:1;
1834 }
1835
1836 .x-btn-group-bc .x-btn-group-footer {
1837     padding-bottom:6px;
1838 }
1839
1840 .x-panel-nofooter .x-btn-group-bc {
1841         height:3px;
1842     font-size:0;
1843     line-height:0;
1844 }
1845
1846 .x-btn-group-bwrap {
1847     overflow:hidden;
1848     zoom:1;
1849 }
1850
1851 .x-btn-group-body {
1852     overflow:hidden;
1853     zoom:1;
1854 }
1855
1856 .x-btn-group-notitle .x-btn-group-tc {
1857         background: transparent repeat-x 0 0;
1858         overflow:hidden;
1859     height:2px;
1860 }.x-toolbar{
1861     border-style:solid;
1862     border-width:0 0 1px 0;
1863     display: block;
1864         padding:2px;
1865     background:repeat-x top left;
1866     position:relative;
1867     left:0;
1868     top:0;
1869     zoom:1;
1870     overflow:hidden;
1871 }
1872
1873 .x-toolbar-left {
1874     width: 100%;
1875 }
1876
1877 .x-toolbar .x-item-disabled .x-btn-icon {
1878     opacity: .35;
1879     -moz-opacity: .35;
1880     filter: alpha(opacity=35);
1881 }
1882
1883 .x-toolbar td {
1884         vertical-align:middle;
1885 }
1886
1887 .x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{
1888         white-space: nowrap;
1889 }
1890
1891 .x-toolbar .x-item-disabled {
1892         cursor:default;
1893         opacity:.6;
1894         -moz-opacity:.6;
1895         filter:alpha(opacity=60);
1896 }
1897
1898 .x-toolbar .x-item-disabled * {
1899         cursor:default;
1900 }
1901
1902 .x-toolbar .x-toolbar-cell {
1903     vertical-align:middle;
1904 }
1905
1906 .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,
1907 .x-toolbar .x-btn-mc, .x-toolbar .x-btn-bl, .x-toolbar .x-btn-br, .x-toolbar .x-btn-bc
1908 {
1909         background-position: 500px 500px;
1910 }
1911
1912 /* These rules are duplicated from button.css to give priority of x-toolbar rules above */
1913 .x-toolbar .x-btn-over .x-btn-tl{
1914         background-position: -6px 0;
1915 }
1916
1917 .x-toolbar .x-btn-over .x-btn-tr{
1918         background-position: -9px 0;
1919 }
1920
1921 .x-toolbar .x-btn-over .x-btn-tc{
1922         background-position: 0 -9px;
1923 }
1924
1925 .x-toolbar .x-btn-over .x-btn-ml{
1926         background-position: -6px -24px;
1927 }
1928
1929 .x-toolbar .x-btn-over .x-btn-mr{
1930         background-position: -9px -24px;
1931 }
1932
1933 .x-toolbar .x-btn-over .x-btn-mc{
1934         background-position: 0 -2168px;
1935 }
1936
1937 .x-toolbar .x-btn-over .x-btn-bl{
1938         background-position: -6px -3px;
1939 }
1940
1941 .x-toolbar .x-btn-over .x-btn-br{
1942         background-position: -9px -3px;
1943 }
1944
1945 .x-toolbar .x-btn-over .x-btn-bc{
1946         background-position: 0 -18px;
1947 }
1948
1949 .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{
1950         background-position: -12px 0;
1951 }
1952
1953 .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{
1954         background-position: -15px 0;
1955 }
1956
1957 .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{
1958         background-position: 0 -12px;
1959 }
1960
1961 .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{
1962         background-position: -12px -24px;
1963 }
1964
1965 .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{
1966         background-position: -15px -24px;
1967 }
1968
1969 .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{
1970         background-position: 0 -3240px;
1971 }
1972
1973 .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{
1974         background-position: -12px -3px;
1975 }
1976
1977 .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{
1978         background-position: -15px -3px;
1979 }
1980
1981 .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{
1982         background-position: 0 -21px;
1983 }
1984
1985 .x-toolbar div.xtb-text{
1986     padding:2px 2px 0;
1987     line-height:16px;
1988     display:block;
1989 }
1990
1991 .x-toolbar .xtb-sep {
1992         background-position: center;
1993         background-repeat: no-repeat;
1994         display: block;
1995         font-size: 1px;
1996         height: 16px;
1997         width:4px;
1998         overflow: hidden;
1999         cursor:default;
2000         margin: 0 2px 0;
2001         border:0;
2002 }
2003
2004 .x-toolbar .xtb-spacer {
2005     width:2px;
2006 }
2007
2008 /* Paging Toolbar */
2009 .x-tbar-page-number{
2010         width:30px;
2011         height:14px;
2012 }
2013
2014 .ext-ie .x-tbar-page-number{
2015     margin-top: 2px;
2016 }
2017
2018 .x-paging-info {
2019     position:absolute;
2020     top:5px;
2021     right: 8px;
2022 }
2023
2024 /* floating */
2025 .x-toolbar-ct {
2026     width:100%;
2027 }
2028
2029 .x-toolbar-right td {
2030     text-align: center;
2031 }
2032
2033 .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 {
2034     overflow:hidden;
2035     zoom:1;
2036 }
2037
2038 .x-toolbar-more .x-btn-small .x-btn-text{
2039         height: 16px;
2040         width: 12px;
2041 }
2042
2043 .x-toolbar-more em.x-btn-arrow {
2044     display:inline;
2045     background:transparent;
2046         padding-right:0;
2047 }
2048
2049 .x-toolbar-more .x-btn-mc em.x-btn-arrow {
2050     background-image: none;
2051 }
2052
2053 div.x-toolbar-no-items {
2054     color:gray !important;
2055     padding:5px 10px !important;
2056 }
2057
2058 /* fix ie toolbar form items */
2059 .ext-border-box .x-toolbar-cell .x-form-text {
2060     margin-bottom:-1px !important;
2061 }
2062
2063 .ext-border-box .x-toolbar-cell .x-form-field-wrap .x-form-text {
2064     margin:0 !important;
2065 }
2066
2067 .ext-ie .x-toolbar-cell .x-form-field-wrap {
2068     height:21px;
2069 }
2070
2071 .ext-ie .x-toolbar-cell .x-form-text {
2072     position:relative;
2073     top:-1px;
2074 }
2075
2076 .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 {
2077     top: 0px;
2078 }
2079
2080 .x-toolbar-right td .x-form-field-trigger-wrap{
2081     text-align: left;
2082 }
2083
2084 .x-toolbar-cell .x-form-checkbox, .x-toolbar-cell .x-form-radio{
2085     margin-top: 5px;
2086 }
2087
2088 .x-toolbar-cell .x-form-cb-label{
2089     vertical-align: bottom;
2090     top: 1px;
2091 }
2092
2093 .ext-ie .x-toolbar-cell .x-form-checkbox, .ext-ie .x-toolbar-cell .x-form-radio{
2094     margin-top: 4px;
2095 }
2096
2097 .ext-ie .x-toolbar-cell .x-form-cb-label{
2098     top: 0;
2099 }
2100 /* Grid3 styles */
2101 .x-grid3 {
2102         position:relative;
2103         overflow:hidden;
2104 }
2105
2106 .x-grid-panel .x-panel-body {
2107     overflow:hidden !important;
2108 }
2109
2110 .x-grid-panel .x-panel-mc .x-panel-body {
2111     border:1px solid;
2112 }
2113
2114 .x-grid3 table {
2115     table-layout:fixed;
2116 }
2117
2118 .x-grid3-viewport{
2119         overflow:hidden;
2120 }
2121
2122 .x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td{
2123     -moz-outline: none;
2124     outline: none;
2125         -moz-user-focus: normal;
2126 }
2127
2128 .x-grid3-row td, .x-grid3-summary-row td {
2129     line-height:13px;
2130     vertical-align: top;
2131         padding-left:1px;
2132     padding-right:1px;
2133     -moz-user-select: none;
2134     -khtml-user-select:none;
2135     -webkit-user-select:ignore;
2136 }
2137
2138 .x-grid3-cell{
2139     -moz-user-select: none;
2140     -khtml-user-select:none;
2141     -webkit-user-select:ignore;
2142 }
2143
2144 .x-grid3-hd-row td {
2145     line-height:15px;
2146     vertical-align:middle;
2147     border-left:1px solid;
2148     border-right:1px solid;
2149 }
2150
2151 .x-grid3-hd-row .x-grid3-marker-hd {
2152     padding:3px;
2153 }
2154
2155 .x-grid3-row .x-grid3-marker {
2156     padding:3px;
2157 }
2158
2159 .x-grid3-cell-inner, .x-grid3-hd-inner{
2160         overflow:hidden;
2161         -o-text-overflow: ellipsis;
2162         text-overflow: ellipsis;
2163     padding:3px 3px 3px 5px;
2164     white-space: nowrap;
2165 }
2166
2167 .x-grid3-hd-inner {
2168     position:relative;
2169         cursor:inherit;
2170         padding:4px 3px 4px 5px;
2171 }
2172
2173 .x-grid3-row-body {
2174     white-space:normal;
2175 }
2176
2177 .x-grid3-body-cell {
2178     -moz-outline:0 none;
2179     outline:0 none;
2180 }
2181
2182 /* IE Quirks to clip */
2183 .ext-ie .x-grid3-cell-inner, .ext-ie .x-grid3-hd-inner{
2184         width:100%;
2185 }
2186
2187 /* reverse above in strict mode */
2188 .ext-strict .x-grid3-cell-inner, .ext-strict .x-grid3-hd-inner{
2189         width:auto;
2190 }
2191
2192 .x-grid-row-loading {
2193     background: no-repeat center center;
2194 }
2195
2196 .x-grid-page {
2197     overflow:hidden;
2198 }
2199
2200 .x-grid3-row {
2201         cursor: default;
2202     border: 1px solid;
2203     width:100%;
2204 }
2205
2206 .x-grid3-row-over {
2207         border:1px solid;
2208     background: repeat-x left top;
2209 }
2210
2211 .x-grid3-resize-proxy {
2212         width:1px;
2213     left:0;
2214         cursor: e-resize;
2215         cursor: col-resize;
2216         position:absolute;
2217         top:0;
2218         height:100px;
2219         overflow:hidden;
2220         visibility:hidden;
2221         border:0 none;
2222         z-index:7;
2223 }
2224
2225 .x-grid3-resize-marker {
2226         width:1px;
2227         left:0;
2228         position:absolute;
2229         top:0;
2230         height:100px;
2231         overflow:hidden;
2232         visibility:hidden;
2233         border:0 none;
2234         z-index:7;
2235 }
2236
2237 .x-grid3-focus {
2238         position:absolute;
2239         left:0;
2240         top:0;
2241         width:1px;
2242         height:1px;
2243     line-height:1px;
2244     font-size:1px;
2245     -moz-outline:0 none;
2246     outline:0 none;
2247     -moz-user-select: text;
2248     -khtml-user-select: text;
2249     -webkit-user-select:ignore;
2250 }
2251
2252 /* header styles */
2253 .x-grid3-header{
2254         background: repeat-x 0 bottom;
2255         cursor:default;
2256     zoom:1;
2257     padding:1px 0 0 0;
2258 }
2259
2260 .x-grid3-header-pop {
2261     border-left:1px solid;
2262     float:right;
2263     clear:none;
2264 }
2265
2266 .x-grid3-header-pop-inner {
2267     border-left:1px solid;
2268     width:14px;
2269     height:19px;
2270     background: transparent no-repeat center center;
2271 }
2272
2273 .ext-ie .x-grid3-header-pop-inner {
2274     width:15px;
2275 }
2276
2277 .ext-strict .x-grid3-header-pop-inner {
2278     width:14px;
2279 }
2280
2281 .x-grid3-header-inner {
2282     overflow:hidden;
2283     zoom:1;
2284     float:left;
2285 }
2286
2287 .x-grid3-header-offset {
2288     padding-left:1px;
2289     text-align: left;
2290 }
2291
2292 td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {
2293     border-left:1px solid;
2294     border-right:1px solid;
2295 }
2296
2297 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 {
2298     background: repeat-x left bottom;
2299
2300 }
2301
2302 .x-grid3-sort-icon{
2303         background-repeat: no-repeat;
2304         display: none;
2305         height: 4px;
2306         width: 13px;
2307         margin-left:3px;
2308         vertical-align: middle;
2309 }
2310
2311 .sort-asc .x-grid3-sort-icon, .sort-desc .x-grid3-sort-icon {
2312         display: inline;
2313 }
2314
2315 /* Header position fixes for IE strict mode */
2316 .ext-strict .ext-ie .x-grid3-header-inner, .ext-strict .ext-ie6 .x-grid3-hd {
2317     position:relative;
2318 }
2319
2320 .ext-strict .ext-ie6 .x-grid3-hd-inner{
2321     position:static;
2322 }
2323
2324 /* Body Styles */
2325 .x-grid3-body {
2326         zoom:1;
2327 }
2328
2329 .x-grid3-scroller {
2330         overflow:auto;
2331     zoom:1;
2332     position:relative;
2333 }
2334
2335 .x-grid3-cell-text, .x-grid3-hd-text {
2336         display: block;
2337         padding: 3px 5px 3px 5px;
2338         -moz-user-select: none;
2339         -khtml-user-select: none;
2340     -webkit-user-select:ignore;
2341 }
2342
2343 .x-grid3-split {
2344         background-position: center;
2345         background-repeat: no-repeat;
2346         cursor: e-resize;
2347         cursor: col-resize;
2348         display: block;
2349         font-size: 1px;
2350         height: 16px;
2351         overflow: hidden;
2352         position: absolute;
2353         top: 2px;
2354         width: 6px;
2355         z-index: 3;
2356 }
2357
2358 /* Column Reorder DD */
2359 .x-dd-drag-proxy .x-grid3-hd-inner{
2360         background: repeat-x left bottom;
2361         width:120px;
2362         padding:3px;
2363         border:1px solid;
2364         overflow:hidden;
2365 }
2366
2367 .col-move-top, .col-move-bottom{
2368         width:9px;
2369         height:9px;
2370         position:absolute;
2371         top:0;
2372         line-height:1px;
2373         font-size:1px;
2374         overflow:hidden;
2375         visibility:hidden;
2376         z-index:20000;
2377     background:transparent no-repeat left top;
2378 }
2379
2380 /* Selection Styles */
2381 .x-grid3-row-selected {
2382         border:1px dotted;
2383 }
2384
2385 .x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{
2386     background: repeat-x 0 bottom !important;
2387     vertical-align:middle !important;
2388     padding:0;
2389     border-top:1px solid;
2390     border-bottom:none !important;
2391     border-right:1px solid !important;
2392     text-align:center;
2393 }
2394
2395 .x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{
2396     padding:0 4px;
2397     text-align:center;
2398 }
2399
2400 /* dirty cells */
2401 .x-grid3-dirty-cell {
2402     background: transparent no-repeat 0 0;
2403 }
2404
2405 /* Grid Toolbars */
2406 .x-grid3-topbar, .x-grid3-bottombar{
2407     overflow:hidden;
2408         display:none;
2409         zoom:1;
2410     position:relative;
2411 }
2412
2413 .x-grid3-topbar .x-toolbar{
2414         border-right:0 none;
2415 }
2416
2417 .x-grid3-bottombar .x-toolbar{
2418         border-right:0 none;
2419         border-bottom:0 none;
2420         border-top:1px solid;
2421 }
2422
2423 /* Props Grid Styles */
2424 .x-props-grid .x-grid3-cell{
2425         padding:1px;
2426 }
2427
2428 .x-props-grid .x-grid3-td-name .x-grid3-cell-inner{
2429         background:transparent repeat-y -16px !important;
2430     padding-left:12px;
2431 }
2432
2433 .x-props-grid .x-grid3-body .x-grid3-td-name{
2434     padding:1px;
2435     padding-right:0;
2436     border:0 none;
2437     border-right:1px solid;
2438 }
2439
2440 /* dd */
2441 .x-grid3-col-dd {
2442     border:0 none;
2443     padding:0;
2444     background:transparent;
2445 }
2446
2447 .x-dd-drag-ghost .x-grid3-dd-wrap {
2448     padding:1px 3px 3px 1px;
2449 }
2450
2451 .x-grid3-hd {
2452     -moz-user-select:none;
2453     -khtml-user-select:none;
2454     -webkit-user-select:ignore;
2455 }
2456
2457 .x-grid3-hd-btn {
2458     display:none;
2459     position:absolute;
2460     width:14px;
2461     background:no-repeat left center;
2462     right:0;
2463     top:0;
2464     z-index:2;
2465         cursor:pointer;
2466 }
2467
2468 .x-grid3-hd-over .x-grid3-hd-btn, .x-grid3-hd-menu-open .x-grid3-hd-btn {
2469     display:block;
2470 }
2471
2472 a.x-grid3-hd-btn:hover {
2473     background-position:-14px center;
2474 }
2475
2476 /* Expanders */
2477 .x-grid3-body .x-grid3-td-expander {
2478     background:transparent repeat-y right;
2479 }
2480
2481 .x-grid3-body .x-grid3-td-expander .x-grid3-cell-inner {
2482     padding:0 !important;
2483     height:100%;
2484 }
2485
2486 .x-grid3-row-expander {
2487     width:100%;
2488     height:18px;
2489     background-position:4px 2px;
2490     background-repeat:no-repeat;
2491     background-color:transparent;
2492 }
2493
2494 .x-grid3-row-collapsed .x-grid3-row-expander {
2495     background-position:4px 2px;
2496 }
2497
2498 .x-grid3-row-expanded .x-grid3-row-expander {
2499     background-position:-21px 2px;
2500 }
2501
2502 .x-grid3-row-collapsed .x-grid3-row-body {
2503     display:none !important;
2504 }
2505
2506 .x-grid3-row-expanded .x-grid3-row-body {
2507     display:block !important;
2508 }
2509
2510 /* Checkers */
2511 .x-grid3-body .x-grid3-td-checker {
2512     background:transparent repeat-y right;
2513 }
2514
2515 .x-grid3-body .x-grid3-td-checker .x-grid3-cell-inner, .x-grid3-header .x-grid3-td-checker .x-grid3-hd-inner {
2516     padding:0 !important;
2517     height:100%;
2518 }
2519
2520 .x-grid3-row-checker, .x-grid3-hd-checker {
2521     width:100%;
2522     height:18px;
2523     background-position:2px 2px;
2524     background-repeat:no-repeat;
2525     background-color:transparent;
2526 }
2527
2528 .x-grid3-row .x-grid3-row-checker {
2529     background-position:2px 2px;
2530 }
2531
2532 .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 {
2533     background-position:-23px 2px;
2534 }
2535
2536 .x-grid3-hd-checker {
2537     background-position:2px 1px;
2538 }
2539
2540 .ext-border-box .x-grid3-hd-checker {
2541     background-position:2px 3px;
2542 }
2543
2544 .x-grid3-hd-checker-on .x-grid3-hd-checker {
2545     background-position:-23px 1px;
2546 }
2547
2548 .ext-border-box .x-grid3-hd-checker-on .x-grid3-hd-checker {
2549     background-position:-23px 3px;
2550 }
2551
2552 /* Numberer */
2553 .x-grid3-body .x-grid3-td-numberer {
2554     background:transparent repeat-y right;
2555 }
2556
2557 .x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {
2558     padding:3px 5px 0 0 !important;
2559     text-align:right;
2560 }
2561
2562 /* Row Icon */
2563
2564 .x-grid3-body .x-grid3-td-row-icon {
2565     background:transparent repeat-y right;
2566     vertical-align:top;
2567     text-align:center;
2568 }
2569
2570 .x-grid3-body .x-grid3-td-row-icon .x-grid3-cell-inner {
2571     padding:0 !important;
2572     background-position:center center;
2573     background-repeat:no-repeat;
2574     width:16px;
2575     height:16px;
2576     margin-left:2px;
2577     margin-top:3px;
2578 }
2579
2580 /* All specials */
2581 .x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,
2582 .x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,
2583 .x-grid3-body .x-grid3-row-selected .x-grid3-td-expander {
2584         background:transparent repeat-y right;
2585 }
2586
2587 .x-grid3-body .x-grid3-check-col-td .x-grid3-cell-inner {
2588     padding: 1px 0 0 0 !important;
2589 }
2590
2591 .x-grid3-check-col {
2592     width:100%;
2593     height:16px;
2594     background-position:center center;
2595     background-repeat:no-repeat;
2596     background-color:transparent;
2597 }
2598
2599 .x-grid3-check-col-on {
2600     width:100%;
2601     height:16px;
2602     background-position:center center;
2603     background-repeat:no-repeat;
2604     background-color:transparent;
2605 }
2606
2607 /* Grouping classes */
2608 .x-grid-group, .x-grid-group-body, .x-grid-group-hd {
2609     zoom:1;
2610 }
2611
2612 .x-grid-group-hd {
2613     border-bottom: 2px solid;
2614     cursor:pointer;
2615     padding-top:6px;
2616 }
2617
2618 .x-grid-group-hd div.x-grid-group-title {
2619     background:transparent no-repeat 3px 3px;
2620     padding:4px 4px 4px 17px;
2621 }
2622
2623 .x-grid-group-collapsed .x-grid-group-body {
2624     display:none;
2625 }
2626
2627 .ext-ie6 .x-grid3 .x-editor .x-form-text, .ext-ie7 .x-grid3 .x-editor .x-form-text {
2628     position:relative;
2629     top:-1px;
2630 }
2631
2632 .ext-ie .x-props-grid .x-editor .x-form-text {
2633     position:static;
2634     top:0;
2635 }
2636
2637 .x-grid-empty {
2638     padding:10px;
2639 }
2640
2641 /* fix floating toolbar issue */
2642 .ext-ie7 .x-grid-panel .x-panel-bbar {
2643     position:relative;
2644 }
2645
2646
2647 /* Reset position to static when Grid Panel has been framed */
2648 /* to resolve 'snapping' from top to bottom behavior. */
2649 /* @forumThread 86656 */
2650 .ext-ie7 .x-grid-panel .x-panel-mc .x-panel-bbar {
2651     position: static;
2652 }
2653
2654 .ext-ie6 .x-grid3-header {
2655     position: relative;
2656 }
2657
2658 /* Fix WebKit bug in Grids */
2659 .ext-webkit .x-grid-panel .x-panel-bwrap{
2660     -webkit-user-select:none;
2661 }
2662 .ext-webkit .x-tbar-page-number{
2663     -webkit-user-select:ignore;
2664 }
2665 /* end*/
2666
2667 /* column lines */
2668 .x-grid-with-col-lines .x-grid3-row td.x-grid3-cell {
2669     padding-right:0;
2670     border-right:1px solid;
2671 }
2672 .x-dd-drag-proxy{
2673         position:absolute;
2674         left:0;
2675     top:0;
2676         visibility:hidden;
2677         z-index:15000;
2678 }
2679
2680 .x-dd-drag-ghost{
2681         -moz-opacity: 0.85;
2682     opacity:.85;
2683     filter: alpha(opacity=85);
2684     border: 1px solid;
2685         padding:3px;
2686         padding-left:20px;
2687         white-space:nowrap;
2688 }
2689
2690 .x-dd-drag-repair .x-dd-drag-ghost{
2691         -moz-opacity: 0.4;
2692     opacity:.4;
2693     filter: alpha(opacity=40);
2694         border:0 none;
2695         padding:0;
2696         background-color:transparent;
2697 }
2698
2699 .x-dd-drag-repair .x-dd-drop-icon{
2700         visibility:hidden;
2701 }
2702
2703 .x-dd-drop-icon{
2704     position:absolute;
2705         top:3px;
2706         left:3px;
2707         display:block;
2708         width:16px;
2709         height:16px;
2710         background-color:transparent;
2711         background-position: center;
2712         background-repeat: no-repeat;
2713         z-index:1;
2714 }
2715
2716 .x-view-selector {
2717     position:absolute;
2718     left:0;
2719     top:0;
2720     width:0;
2721     border:1px dotted;
2722         opacity: .5;
2723     -moz-opacity: .5;
2724     filter:alpha(opacity=50);
2725     zoom:1;
2726 }.ext-strict .ext-ie .x-tree .x-panel-bwrap{
2727     position:relative;
2728     overflow:hidden;
2729 }
2730
2731 .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{
2732         border: 0 none;
2733         height: 18px;
2734         margin: 0;
2735         padding: 0;
2736         vertical-align: top;
2737         width: 16px;
2738     background-repeat: no-repeat;
2739 }
2740
2741 .x-tree-node-collapsed .x-tree-node-icon, .x-tree-node-expanded .x-tree-node-icon, .x-tree-node-leaf .x-tree-node-icon{
2742         border: 0 none;
2743         height: 18px;
2744         margin: 0;
2745         padding: 0;
2746         vertical-align: top;
2747         width: 16px;
2748         background-position:center;
2749     background-repeat: no-repeat;
2750 }
2751
2752 .ext-ie .x-tree-node-indent img, .ext-ie .x-tree-node-icon, .ext-ie .x-tree-ec-icon {
2753     vertical-align: middle !important;
2754 }
2755
2756 .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 {
2757     vertical-align: top !important;
2758 }
2759
2760 /* checkboxes */
2761
2762 input.x-tree-node-cb {
2763     margin-left:1px;
2764     height: 19px;
2765         vertical-align: bottom;
2766 }
2767
2768 .ext-ie input.x-tree-node-cb {
2769     margin-left:0;
2770     margin-top: 1px;
2771     width: 16px;
2772     height: 16px;
2773     vertical-align: middle;
2774 }
2775
2776 .ext-strict .ext-ie8 input.x-tree-node-cb{
2777     margin: 1px 1px;
2778     height: 14px;
2779     vertical-align: bottom;
2780 }
2781
2782 .ext-strict .ext-ie8 input.x-tree-node-cb + a{
2783     vertical-align: bottom;
2784 }
2785
2786 .ext-opera input.x-tree-node-cb {
2787     height: 14px;
2788     vertical-align: middle;
2789 }
2790
2791 .x-tree-noicon .x-tree-node-icon{
2792         width:0; height:0;
2793 }
2794
2795 /* No line styles */
2796 .x-tree-no-lines .x-tree-elbow{
2797         background:transparent;
2798 }
2799
2800 .x-tree-no-lines .x-tree-elbow-end{
2801         background:transparent;
2802 }
2803
2804 .x-tree-no-lines .x-tree-elbow-line{
2805         background:transparent;
2806 }
2807
2808 /* Arrows */
2809 .x-tree-arrows .x-tree-elbow{
2810         background:transparent;
2811 }
2812
2813 .x-tree-arrows .x-tree-elbow-plus{
2814     background:transparent no-repeat 0 0;
2815 }
2816
2817 .x-tree-arrows .x-tree-elbow-minus{
2818     background:transparent no-repeat -16px 0;
2819 }
2820
2821 .x-tree-arrows .x-tree-elbow-end{
2822         background:transparent;
2823 }
2824
2825 .x-tree-arrows .x-tree-elbow-end-plus{
2826     background:transparent no-repeat 0 0;
2827 }
2828
2829 .x-tree-arrows .x-tree-elbow-end-minus{
2830     background:transparent no-repeat -16px 0;
2831 }
2832
2833 .x-tree-arrows .x-tree-elbow-line{
2834         background:transparent;
2835 }
2836
2837 .x-tree-arrows .x-tree-ec-over .x-tree-elbow-plus{
2838     background-position:-32px 0;
2839 }
2840
2841 .x-tree-arrows .x-tree-ec-over .x-tree-elbow-minus{
2842     background-position:-48px 0;
2843 }
2844
2845 .x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-plus{
2846     background-position:-32px 0;
2847 }
2848
2849 .x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-minus{
2850     background-position:-48px 0;
2851 }
2852
2853 .x-tree-elbow-plus, .x-tree-elbow-minus, .x-tree-elbow-end-plus, .x-tree-elbow-end-minus{
2854         cursor:pointer;
2855 }
2856
2857 .ext-ie ul.x-tree-node-ct{
2858     font-size:0;
2859     line-height:0;
2860     zoom:1;
2861 }
2862
2863 .x-tree-node{
2864         white-space: nowrap;
2865 }
2866
2867 .x-tree-node-el {
2868     line-height:18px;
2869     cursor:pointer;
2870 }
2871
2872 .x-tree-node a, .x-dd-drag-ghost a{
2873         text-decoration:none;
2874         -khtml-user-select:none;
2875         -moz-user-select:none;
2876     -webkit-user-select:ignore;
2877     -kthml-user-focus:normal;
2878     -moz-user-focus:normal;
2879     -moz-outline: 0 none;
2880     outline:0 none;
2881 }
2882
2883 .x-tree-node a span, .x-dd-drag-ghost a span{
2884         text-decoration:none;
2885         padding:1px 3px 1px 2px;
2886 }
2887
2888 .x-tree-node .x-tree-node-disabled .x-tree-node-icon{
2889         -moz-opacity: 0.5;
2890    opacity:.5;
2891    filter: alpha(opacity=50);
2892 }
2893
2894 .x-tree-node .x-tree-node-inline-icon{
2895         background:transparent;
2896 }
2897
2898 .x-tree-node a:hover, .x-dd-drag-ghost a:hover{
2899         text-decoration:none;
2900 }
2901
2902 .x-tree-node div.x-tree-drag-insert-below{
2903          border-bottom:1px dotted;
2904 }
2905
2906 .x-tree-node div.x-tree-drag-insert-above{
2907          border-top:1px dotted;
2908 }
2909
2910 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below{
2911          border-bottom:0 none;
2912 }
2913
2914 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above{
2915          border-top:0 none;
2916 }
2917
2918 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{
2919          border-bottom:2px solid;
2920 }
2921
2922 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{
2923          border-top:2px solid;
2924 }
2925
2926 .x-tree-node .x-tree-drag-append a span{
2927          border:1px dotted;
2928 }
2929
2930 .x-dd-drag-ghost .x-tree-node-indent, .x-dd-drag-ghost .x-tree-ec-icon{
2931         display:none !important;
2932 }
2933
2934 /* Fix for ie rootVisible:false issue */
2935 .x-tree-root-ct {
2936     zoom:1;
2937 }
2938 .x-date-picker {
2939     border: 1px solid;
2940     border-top:0 none;
2941         position:relative;
2942 }
2943
2944 .x-date-picker a {
2945     -moz-outline:0 none;
2946     outline:0 none;
2947 }
2948
2949 .x-date-inner, .x-date-inner td, .x-date-inner th{
2950     border-collapse:separate;
2951 }
2952
2953 .x-date-middle,.x-date-left,.x-date-right {
2954         background: repeat-x 0 -83px;
2955         overflow:hidden;
2956 }
2957
2958 .x-date-middle .x-btn-tc,.x-date-middle .x-btn-tl,.x-date-middle .x-btn-tr,
2959 .x-date-middle .x-btn-mc,.x-date-middle .x-btn-ml,.x-date-middle .x-btn-mr,
2960 .x-date-middle .x-btn-bc,.x-date-middle .x-btn-bl,.x-date-middle .x-btn-br{
2961         background:transparent !important;
2962     vertical-align:middle;
2963 }
2964
2965 .x-date-middle .x-btn-mc em.x-btn-arrow {
2966     background:transparent no-repeat right 0;
2967 }
2968
2969 .x-date-right, .x-date-left {
2970     width:18px;
2971 }
2972
2973 .x-date-right{
2974     text-align:right;
2975 }
2976
2977 .x-date-middle {
2978     padding-top:2px;
2979     padding-bottom:2px;
2980     width:130px; /* FF3 */
2981 }
2982
2983 .x-date-right a, .x-date-left a{
2984     display:block;
2985     width:16px;
2986         height:16px;
2987         background-position: center;
2988         background-repeat: no-repeat;
2989         cursor:pointer;
2990     -moz-opacity: 0.6;
2991     opacity:.6;
2992     filter: alpha(opacity=60);
2993 }
2994
2995 .x-date-right a:hover, .x-date-left a:hover{
2996     -moz-opacity: 1;
2997     opacity:1;
2998     filter: alpha(opacity=100);
2999 }
3000
3001 .x-item-disabled .x-date-right a:hover, .x-item-disabled .x-date-left a:hover{
3002     -moz-opacity: 0.6;
3003     opacity:.6;
3004     filter: alpha(opacity=60);
3005 }
3006
3007 .x-date-right a {
3008     margin-right:2px;
3009     text-decoration:none !important;
3010 }
3011
3012 .x-date-left a{
3013     margin-left:2px;
3014     text-decoration:none !important;
3015 }
3016
3017 table.x-date-inner {
3018     width: 100%;
3019     table-layout:fixed;
3020 }
3021
3022 .ext-webkit table.x-date-inner{
3023     /* Fix for webkit browsers */
3024     width: 175px;
3025 }
3026
3027
3028 .x-date-inner th {
3029     width:25px;
3030 }
3031
3032 .x-date-inner th {
3033     background: repeat-x left top;
3034     text-align:right !important;
3035         border-bottom: 1px solid;
3036         cursor:default;
3037     padding:0;
3038     border-collapse:separate;
3039 }
3040
3041 .x-date-inner th span {
3042     display:block;
3043     padding:2px;
3044     padding-right:7px;
3045 }
3046
3047 .x-date-inner td {
3048     border: 1px solid;
3049         text-align:right;
3050     padding:0;
3051 }
3052
3053 .x-date-inner a {
3054     padding:2px 5px;
3055     display:block;
3056         text-decoration:none;
3057     text-align:right;
3058     zoom:1;
3059 }
3060
3061 .x-date-inner .x-date-active{
3062         cursor:pointer;
3063         color:black;
3064 }
3065
3066 .x-date-inner .x-date-selected a{
3067         background: repeat-x left top;
3068         border:1px solid;
3069     padding:1px 4px;
3070 }
3071
3072 .x-date-inner .x-date-today a{
3073         border: 1px solid;
3074     padding:1px 4px;
3075 }
3076
3077 .x-date-inner .x-date-prevday a,.x-date-inner .x-date-nextday a {
3078     text-decoration:none !important;
3079 }
3080
3081 .x-date-bottom {
3082     padding:4px;
3083     border-top: 1px solid;
3084     background: repeat-x left top;
3085 }
3086
3087 .x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover{
3088     text-decoration:none !important;
3089 }
3090
3091 .x-item-disabled .x-date-inner a:hover{
3092     background: none;
3093 }
3094
3095 .x-date-inner .x-date-disabled a {
3096         cursor:default;
3097 }
3098
3099 .x-date-menu .x-menu-item {
3100         padding:1px 24px 1px 4px;
3101         white-space: nowrap;
3102 }
3103
3104 .x-date-menu .x-menu-item .x-menu-item-icon {
3105     width:10px;
3106     height:10px;
3107     margin-right:5px;
3108     background-position:center -4px !important;
3109 }
3110
3111 .x-date-mp {
3112         position:absolute;
3113         left:0;
3114         top:0;
3115         display:none;
3116 }
3117
3118 .x-date-mp td {
3119     padding:2px;
3120         font:normal 11px arial, helvetica,tahoma,sans-serif;
3121 }
3122
3123 td.x-date-mp-month,td.x-date-mp-year,td.x-date-mp-ybtn {
3124     border: 0 none;
3125         text-align:center;
3126         vertical-align: middle;
3127         width:25%;
3128 }
3129
3130 .x-date-mp-ok {
3131         margin-right:3px;
3132 }
3133
3134 .x-date-mp-btns button {
3135         text-decoration:none;
3136         text-align:center;
3137         text-decoration:none !important;
3138         border:1px solid;
3139         padding:1px 3px 1px;
3140         cursor:pointer;
3141 }
3142
3143 .x-date-mp-btns {
3144         background: repeat-x left top;
3145 }
3146
3147 .x-date-mp-btns td {
3148         border-top: 1px solid;
3149     text-align:center;
3150 }
3151
3152 td.x-date-mp-month a,td.x-date-mp-year a {
3153         display:block;
3154         padding:2px 4px;
3155         text-decoration:none;
3156         text-align:center;
3157 }
3158
3159 td.x-date-mp-month a:hover,td.x-date-mp-year a:hover {
3160         text-decoration:none;
3161         cursor:pointer;
3162 }
3163
3164 td.x-date-mp-sel a {
3165         padding:1px 3px;
3166         background: repeat-x left top;
3167         border:1px solid;
3168 }
3169
3170 .x-date-mp-ybtn a {
3171     overflow:hidden;
3172     width:15px;
3173     height:15px;
3174     cursor:pointer;
3175     background:transparent no-repeat;
3176     display:block;
3177     margin:0 auto;
3178 }
3179
3180 .x-date-mp-ybtn a.x-date-mp-next {
3181     background-position:0 -120px;
3182 }
3183
3184 .x-date-mp-ybtn a.x-date-mp-next:hover {
3185     background-position:-15px -120px;
3186 }
3187
3188 .x-date-mp-ybtn a.x-date-mp-prev {
3189     background-position:0 -105px;
3190 }
3191
3192 .x-date-mp-ybtn a.x-date-mp-prev:hover {
3193     background-position:-15px -105px;
3194 }
3195
3196 .x-date-mp-ybtn {
3197    text-align:center;
3198 }
3199
3200 td.x-date-mp-sep {
3201    border-right:1px solid;
3202 }.x-tip{
3203         position: absolute;
3204         top: 0;
3205     left:0;
3206     visibility: hidden;
3207         z-index: 20002;
3208     border:0 none;
3209 }
3210
3211 .x-tip .x-tip-close{
3212         height: 15px;
3213         float:right;
3214         width: 15px;
3215     margin:0 0 2px 2px;
3216     cursor:pointer;
3217     display:none;
3218 }
3219
3220 .x-tip .x-tip-tc {
3221         background: transparent no-repeat 0 -62px;
3222         padding-top:3px;
3223     overflow:hidden;
3224     zoom:1;
3225 }
3226
3227 .x-tip .x-tip-tl {
3228         background: transparent no-repeat 0 0;
3229         padding-left:6px;
3230     overflow:hidden;
3231     zoom:1;
3232 }
3233
3234 .x-tip .x-tip-tr {
3235         background: transparent no-repeat right 0;
3236         padding-right:6px;
3237     overflow:hidden;
3238     zoom:1;
3239 }
3240
3241 .x-tip .x-tip-bc {
3242         background: transparent no-repeat 0 -121px;
3243         height:3px;
3244     overflow:hidden;
3245 }
3246
3247 .x-tip .x-tip-bl {
3248         background: transparent no-repeat 0 -59px;
3249         padding-left:6px;
3250     zoom:1;
3251 }
3252
3253 .x-tip .x-tip-br {
3254         background: transparent no-repeat right -59px;
3255         padding-right:6px;
3256     zoom:1;
3257 }
3258
3259 .x-tip .x-tip-mc {
3260     border:0 none;
3261 }
3262
3263 .x-tip .x-tip-ml {
3264         background: no-repeat 0 -124px;
3265         padding-left:6px;
3266     zoom:1;
3267 }
3268
3269 .x-tip .x-tip-mr {
3270         background: transparent no-repeat right -124px;
3271         padding-right:6px;
3272     zoom:1;
3273 }
3274
3275 .ext-ie .x-tip .x-tip-header,.ext-ie .x-tip .x-tip-tc {
3276     font-size:0;
3277     line-height:0;
3278 }
3279
3280 .ext-border-box .x-tip .x-tip-header, .ext-border-box .x-tip .x-tip-tc{
3281     line-height: 1px;
3282 }
3283
3284 .x-tip .x-tip-header-text {
3285     padding:0;
3286     margin:0 0 2px 0;
3287 }
3288
3289 .x-tip .x-tip-body {
3290     margin:0 !important;
3291     line-height:14px;
3292     padding:0;
3293 }
3294
3295 .x-tip .x-tip-body .loading-indicator {
3296     margin:0;
3297 }
3298
3299 .x-tip-draggable .x-tip-header,.x-tip-draggable .x-tip-header-text {
3300     cursor:move;
3301 }
3302
3303 .x-form-invalid-tip .x-tip-tc {
3304         background: repeat-x 0 -12px;
3305     padding-top:6px;
3306 }
3307
3308 .x-form-invalid-tip .x-tip-bc {
3309         background: repeat-x 0 -18px;
3310     height:6px;
3311 }
3312
3313 .x-form-invalid-tip .x-tip-bl {
3314         background: no-repeat 0 -6px;
3315 }
3316
3317 .x-form-invalid-tip .x-tip-br {
3318         background: no-repeat right -6px;
3319 }
3320
3321 .x-form-invalid-tip .x-tip-body {
3322     padding:2px;
3323 }
3324
3325 .x-form-invalid-tip .x-tip-body {
3326     padding-left:24px;
3327     background:transparent no-repeat 2px 2px;
3328 }
3329
3330 .x-tip-anchor {
3331     position: absolute;
3332     width: 9px;
3333     height: 10px;
3334     overflow:hidden;
3335     background: transparent no-repeat 0 0;
3336     zoom:1;
3337 }
3338 .x-tip-anchor-bottom {
3339     background-position: -9px 0;
3340 }
3341 .x-tip-anchor-right {
3342     background-position: -18px 0;
3343     width: 10px;
3344 }
3345 .x-tip-anchor-left {
3346     background-position: -28px 0;
3347     width: 10px;
3348 }.x-menu {
3349         z-index: 15000;
3350         zoom: 1;
3351         background: repeat-y;
3352 }
3353
3354 .x-menu-floating{
3355     border: 1px solid;
3356 }
3357
3358 .x-menu a {
3359     text-decoration: none !important;
3360 }
3361
3362 .ext-ie .x-menu {
3363     zoom:1;
3364     overflow:hidden;
3365 }
3366
3367 .x-menu-list{
3368     padding: 2px;
3369         background:transparent;
3370         border:0 none;
3371     overflow:hidden;
3372     overflow-y: hidden;
3373 }
3374
3375 .ext-strict .ext-ie .x-menu-list{
3376     position: relative;
3377 }
3378
3379 .x-menu li{
3380         line-height:100%;
3381 }
3382
3383 .x-menu li.x-menu-sep-li{
3384         font-size:1px;
3385         line-height:1px;
3386 }
3387
3388 .x-menu-list-item{
3389     white-space: nowrap;
3390         display:block;
3391         padding:1px;
3392 }
3393
3394 .x-menu-item{
3395     -moz-user-select: none;
3396     -khtml-user-select:none;
3397     -webkit-user-select:ignore;
3398 }
3399
3400 .x-menu-item-arrow{
3401         background:transparent no-repeat right;
3402 }
3403
3404 .x-menu-sep {
3405         display:block;
3406         font-size:1px;
3407         line-height:1px;
3408         margin: 2px 3px;
3409         border-bottom:1px solid;
3410     overflow:hidden;
3411 }
3412
3413 .x-menu-focus {
3414         position:absolute;
3415         left:-1px;
3416         top:-1px;
3417         width:1px;
3418         height:1px;
3419     line-height:1px;
3420     font-size:1px;
3421     -moz-outline:0 none;
3422     outline:0 none;
3423     -moz-user-select: none;
3424     -khtml-user-select:none;
3425     -webkit-user-select:ignore;
3426     overflow:hidden;
3427     display:block;
3428 }
3429
3430 a.x-menu-item {
3431     cursor: pointer;
3432     display: block;
3433     line-height: 16px;
3434     outline-color: -moz-use-text-color;
3435     outline-style: none;
3436     outline-width: 0;
3437     padding: 3px 21px 3px 27px;
3438     position: relative;
3439     text-decoration: none;
3440     white-space: nowrap;
3441 }
3442
3443 .x-menu-item-active {
3444     background-repeat: repeat-x;
3445     background-position: left bottom;
3446     border-style:solid;
3447     border-width: 1px 0;
3448     margin:0 1px;
3449         padding: 0;
3450 }
3451
3452 .x-menu-item-active a.x-menu-item {
3453     border-style:solid;
3454     border-width:0 1px;
3455     margin:0 -1px;
3456 }
3457
3458 .x-menu-item-icon {
3459         border: 0 none;
3460         height: 16px;
3461         padding: 0;
3462         vertical-align: top;
3463         width: 16px;
3464         position: absolute;
3465     left: 3px;
3466     top: 3px;
3467     margin: 0;
3468     background-position:center;
3469 }
3470
3471 .ext-ie .x-menu-item-icon {
3472     left: -24px;
3473 }
3474 .ext-strict .x-menu-item-icon {
3475     left: 3px;
3476 }
3477
3478 .ext-ie6 .x-menu-item-icon {
3479     left: -24px;
3480 }
3481
3482 .ext-ie .x-menu-item-icon {
3483     vertical-align: middle;
3484 }
3485
3486 .x-menu-check-item .x-menu-item-icon{
3487         background: transparent no-repeat center;
3488 }
3489
3490 .x-menu-group-item .x-menu-item-icon{
3491         background: transparent;
3492 }
3493
3494 .x-menu-item-checked .x-menu-group-item .x-menu-item-icon{
3495     background: transparent no-repeat center;
3496 }
3497
3498 .x-date-menu .x-menu-list{
3499     padding: 0;
3500 }
3501
3502 .x-menu-date-item{
3503         padding:0;
3504 }
3505
3506 .x-menu .x-color-palette, .x-menu .x-date-picker{
3507     margin-left: 26px;
3508         margin-right:4px;
3509 }
3510
3511 .x-menu .x-date-picker{
3512     border:1px solid;
3513     margin-top:2px;
3514     margin-bottom:2px;
3515 }
3516
3517 .x-menu-plain .x-color-palette, .x-menu-plain .x-date-picker{
3518          margin: 0;
3519          border: 0 none;
3520 }
3521
3522 .x-date-menu {
3523    padding:0 !important;
3524 }
3525
3526 /*
3527  * fixes separator visibility problem in IE 6
3528  */
3529 .ext-strict .ext-ie6 .x-menu-sep-li {
3530     padding: 3px 4px;
3531 }
3532 .ext-strict .ext-ie6 .x-menu-sep {
3533     margin: 0;
3534     height: 1px;
3535 }
3536
3537 /*
3538  * Fixes an issue with "fat" separators in webkit
3539  */
3540 .ext-webkit .x-menu-sep{
3541     height: 1px;
3542 }
3543
3544 /*
3545  * Ugly mess to remove the white border under the picker
3546  */
3547 .ext-ie .x-date-menu{
3548     height: 199px;
3549 }
3550
3551 .ext-strict .ext-ie .x-date-menu, .ext-border-box .ext-ie8 .x-date-menu{
3552     height: 197px;
3553 }
3554
3555 .ext-strict .ext-ie7 .x-date-menu{
3556     height: 195px;
3557 }
3558
3559 .ext-strict .ext-ie8 .x-date-menu{
3560     height: auto;
3561 }
3562
3563 .x-cycle-menu .x-menu-item-checked {
3564     border:1px dotted !important;
3565         padding:0;
3566 }
3567
3568 .x-menu .x-menu-scroller {
3569     width: 100%;
3570         background-repeat:no-repeat;
3571         background-position:center;
3572         height:8px;
3573     line-height: 8px;
3574         cursor:pointer;
3575     margin: 0;
3576     padding: 0;
3577 }
3578
3579 .x-menu .x-menu-scroller-active{
3580     height: 6px;
3581     line-height: 6px;
3582 }
3583
3584 .x-menu-list-item-indent{
3585     padding-left: 27px;
3586 }/*
3587  Creates rounded, raised boxes like on the Ext website - the markup isn't pretty:
3588   <div class="x-box-blue">
3589         <div class="x-box-tl"><div class="x-box-tr"><div class="x-box-tc"></div></div></div>
3590         <div class="x-box-ml"><div class="x-box-mr"><div class="x-box-mc">
3591             <h3>YOUR TITLE HERE (optional)</h3>
3592             <div>YOUR CONTENT HERE</div>
3593         </div></div></div>
3594         <div class="x-box-bl"><div class="x-box-br"><div class="x-box-bc"></div></div></div>
3595     </div>
3596  */
3597
3598 .x-box-tl {
3599         background: transparent no-repeat 0 0;
3600     zoom:1;
3601 }
3602
3603 .x-box-tc {
3604         height: 8px;
3605         background: transparent repeat-x 0 0;
3606         overflow: hidden;
3607 }
3608
3609 .x-box-tr {
3610         background: transparent no-repeat right -8px;
3611 }
3612
3613 .x-box-ml {
3614         background: transparent repeat-y 0;
3615         padding-left: 4px;
3616         overflow: hidden;
3617     zoom:1;
3618 }
3619
3620 .x-box-mc {
3621         background: repeat-x 0 -16px;
3622         padding: 4px 10px;
3623 }
3624
3625 .x-box-mc h3 {
3626         margin: 0 0 4px 0;
3627     zoom:1;
3628 }
3629
3630 .x-box-mr {
3631         background: transparent repeat-y right;
3632         padding-right: 4px;
3633         overflow: hidden;
3634 }
3635
3636 .x-box-bl {
3637         background: transparent no-repeat 0 -16px;
3638     zoom:1;
3639 }
3640
3641 .x-box-bc {
3642         background: transparent repeat-x 0 -8px;
3643         height: 8px;
3644         overflow: hidden;
3645 }
3646
3647 .x-box-br {
3648         background: transparent no-repeat right -24px;
3649 }
3650
3651 .x-box-tl, .x-box-bl {
3652         padding-left: 8px;
3653         overflow: hidden;
3654 }
3655
3656 .x-box-tr, .x-box-br {
3657         padding-right: 8px;
3658         overflow: hidden;
3659 }.x-combo-list {
3660     border:1px solid;
3661     zoom:1;
3662     overflow:hidden;
3663 }
3664
3665 .x-combo-list-inner {
3666     overflow:auto;
3667     position:relative; /* for calculating scroll offsets */
3668     zoom:1;
3669     overflow-x:hidden;
3670 }
3671
3672 .x-combo-list-hd {
3673     border-bottom:1px solid;
3674     padding:3px;
3675 }
3676
3677 .x-resizable-pinned .x-combo-list-inner {
3678     border-bottom:1px solid;
3679 }
3680
3681 .x-combo-list-item {
3682     padding:2px;
3683     border:1px solid;
3684     white-space: nowrap;
3685     overflow:hidden;
3686     text-overflow: ellipsis;
3687 }
3688
3689 .x-combo-list .x-combo-selected{
3690         border:1px dotted !important;
3691     cursor:pointer;
3692 }
3693
3694 .x-combo-list .x-toolbar {
3695     border-top:1px solid;
3696     border-bottom:0 none;
3697 }.x-panel {
3698     border-style: solid;
3699     border-width:0;
3700 }
3701
3702 .x-panel-header {
3703     overflow:hidden;
3704     zoom:1;
3705     padding:5px 3px 4px 5px;
3706     border:1px solid;
3707     line-height: 15px;
3708     background: transparent repeat-x 0 -1px;
3709 }
3710
3711 .x-panel-body {
3712     border:1px solid;
3713     border-top:0 none;
3714     overflow:hidden;
3715     position: relative; /* added for item scroll positioning */
3716 }
3717
3718 .x-panel-bbar .x-toolbar, .x-panel-tbar .x-toolbar {
3719     border:1px solid;
3720     border-top:0 none;
3721     overflow:hidden;
3722     padding:2px;
3723 }
3724
3725 .x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
3726     border-top:1px solid;
3727     border-bottom: 0 none;
3728 }
3729
3730 .x-panel-body-noheader, .x-panel-mc .x-panel-body {
3731     border-top:1px solid;
3732 }
3733
3734 .x-panel-header {
3735     overflow:hidden;
3736     zoom:1;
3737 }
3738
3739 .x-panel-tl .x-panel-header {
3740     padding:5px 0 4px 0;
3741     border:0 none;
3742     background:transparent;
3743 }
3744
3745 .x-panel-tl .x-panel-icon, .x-window-tl .x-panel-icon {
3746     padding-left:20px !important;
3747     background-repeat:no-repeat;
3748     background-position:0 4px;
3749     zoom:1;
3750 }
3751
3752 .x-panel-inline-icon {
3753     width:16px;
3754         height:16px;
3755     background-repeat:no-repeat;
3756     background-position:0 0;
3757         vertical-align:middle;
3758         margin-right:4px;
3759         margin-top:-1px;
3760         margin-bottom:-1px;
3761 }
3762
3763 .x-panel-tc {
3764         background: transparent repeat-x 0 0;
3765         overflow:hidden;
3766 }
3767
3768 /* fix ie7 strict mode bug */
3769 .ext-strict .ext-ie7 .x-panel-tc {
3770     overflow: visible;
3771 }
3772
3773 .x-panel-tl {
3774         background: transparent no-repeat 0 0;
3775         padding-left:6px;
3776     zoom:1;
3777     border-bottom:1px solid;
3778 }
3779
3780 .x-panel-tr {
3781         background: transparent no-repeat right 0;
3782         zoom:1;
3783     padding-right:6px;
3784 }
3785
3786 .x-panel-bc {
3787         background: transparent repeat-x 0 bottom;
3788     zoom:1;
3789 }
3790
3791 .x-panel-bc .x-panel-footer {
3792     zoom:1;
3793 }
3794
3795 .x-panel-bl {
3796         background: transparent no-repeat 0 bottom;
3797         padding-left:6px;
3798     zoom:1;
3799 }
3800
3801 .x-panel-br {
3802         background: transparent no-repeat right bottom;
3803         padding-right:6px;
3804     zoom:1;
3805 }
3806
3807 .x-panel-mc {
3808     border:0 none;
3809     padding:0;
3810     margin:0;
3811     padding-top:6px;
3812 }
3813
3814 .x-panel-mc .x-panel-body {
3815     background:transparent;
3816     border: 0 none;
3817 }
3818
3819 .x-panel-ml {
3820         background: repeat-y 0 0;
3821         padding-left:6px;
3822     zoom:1;
3823 }
3824
3825 .x-panel-mr {
3826         background: transparent repeat-y right 0;
3827         padding-right:6px;
3828     zoom:1;
3829 }
3830
3831 .x-panel-bc .x-panel-footer {
3832     padding-bottom:6px;
3833 }
3834
3835 .x-panel-nofooter .x-panel-bc, .x-panel-nofooter .x-window-bc {
3836         height:6px;
3837     font-size:0;
3838     line-height:0;
3839 }
3840
3841 .x-panel-bwrap {
3842     overflow:hidden;
3843     zoom:1;
3844     left:0;
3845     top:0;
3846 }
3847 .x-panel-body {
3848     overflow:hidden;
3849     zoom:1;
3850 }
3851
3852 .x-panel-collapsed .x-resizable-handle{
3853     display:none;
3854 }
3855
3856 .ext-gecko .x-panel-animated div {
3857     overflow:hidden !important;
3858 }
3859
3860 /* Plain */
3861 .x-plain-body {
3862     overflow:hidden;
3863 }
3864
3865 .x-plain-bbar .x-toolbar {
3866     overflow:hidden;
3867     padding:2px;
3868 }
3869
3870 .x-plain-tbar .x-toolbar {
3871     overflow:hidden;
3872     padding:2px;
3873 }
3874
3875 .x-plain-bwrap {
3876     overflow:hidden;
3877     zoom:1;
3878 }
3879
3880 .x-plain {
3881     overflow:hidden;
3882 }
3883
3884 /* Tools */
3885 .x-tool {
3886     overflow:hidden;
3887     width:15px;
3888     height:15px;
3889     float:right;
3890     cursor:pointer;
3891     background:transparent no-repeat;
3892     margin-left:2px;
3893 }
3894
3895 /* expand / collapse tools */
3896 .x-tool-toggle {
3897     background-position:0 -60px;
3898 }
3899
3900 .x-tool-toggle-over {
3901     background-position:-15px -60px;
3902 }
3903
3904 .x-panel-collapsed .x-tool-toggle {
3905     background-position:0 -75px;
3906 }
3907
3908 .x-panel-collapsed .x-tool-toggle-over {
3909     background-position:-15px -75px;
3910 }
3911
3912
3913 .x-tool-close {
3914     background-position:0 -0;
3915 }
3916
3917 .x-tool-close-over {
3918     background-position:-15px 0;
3919 }
3920
3921 .x-tool-minimize {
3922     background-position:0 -15px;
3923 }
3924
3925 .x-tool-minimize-over {
3926     background-position:-15px -15px;
3927 }
3928
3929 .x-tool-maximize {
3930     background-position:0 -30px;
3931 }
3932
3933 .x-tool-maximize-over {
3934     background-position:-15px -30px;
3935 }
3936
3937 .x-tool-restore {
3938     background-position:0 -45px;
3939 }
3940
3941 .x-tool-restore-over {
3942     background-position:-15px -45px;
3943 }
3944
3945 .x-tool-gear {
3946     background-position:0 -90px;
3947 }
3948
3949 .x-tool-gear-over {
3950     background-position:-15px -90px;
3951 }
3952
3953 .x-tool-pin {
3954     background-position:0 -135px;
3955 }
3956
3957 .x-tool-pin-over {
3958     background-position:-15px -135px;
3959 }
3960
3961 .x-tool-unpin {
3962     background-position:0 -150px;
3963 }
3964
3965 .x-tool-unpin-over {
3966     background-position:-15px -150px;
3967 }
3968
3969 .x-tool-right {
3970     background-position:0 -165px;
3971 }
3972
3973 .x-tool-right-over {
3974     background-position:-15px -165px;
3975 }
3976
3977 .x-tool-left {
3978     background-position:0 -180px;
3979 }
3980
3981 .x-tool-left-over {
3982     background-position:-15px -180px;
3983 }
3984
3985 .x-tool-up {
3986     background-position:0 -210px;
3987 }
3988
3989 .x-tool-up-over {
3990     background-position:-15px -210px;
3991 }
3992
3993 .x-tool-down {
3994     background-position:0 -195px;
3995 }
3996
3997 .x-tool-down-over {
3998     background-position:-15px -195px;
3999 }
4000
4001 .x-tool-refresh {
4002     background-position:0 -225px;
4003 }
4004
4005 .x-tool-refresh-over {
4006     background-position:-15px -225px;
4007 }
4008
4009 .x-tool-minus {
4010     background-position:0 -255px;
4011 }
4012
4013 .x-tool-minus-over {
4014     background-position:-15px -255px;
4015 }
4016
4017 .x-tool-plus {
4018     background-position:0 -240px;
4019 }
4020
4021 .x-tool-plus-over {
4022     background-position:-15px -240px;
4023 }
4024
4025 .x-tool-search {
4026     background-position:0 -270px;
4027 }
4028
4029 .x-tool-search-over {
4030     background-position:-15px -270px;
4031 }
4032
4033 .x-tool-save {
4034     background-position:0 -285px;
4035 }
4036
4037 .x-tool-save-over {
4038     background-position:-15px -285px;
4039 }
4040
4041 .x-tool-help {
4042     background-position:0 -300px;
4043 }
4044
4045 .x-tool-help-over {
4046     background-position:-15px -300px;
4047 }
4048
4049 .x-tool-print {
4050     background-position:0 -315px;
4051 }
4052
4053 .x-tool-print-over {
4054     background-position:-15px -315px;
4055 }
4056
4057 /* Ghosting */
4058 .x-panel-ghost {
4059     z-index:12000;
4060     overflow:hidden;
4061     position:absolute;
4062     left:0;top:0;
4063     opacity:.65;
4064     -moz-opacity:.65;
4065     filter:alpha(opacity=65);
4066 }
4067
4068 .x-panel-ghost ul {
4069     margin:0;
4070     padding:0;
4071     overflow:hidden;
4072     font-size:0;
4073     line-height:0;
4074     border:1px solid;
4075     border-top:0 none;
4076     display:block;
4077 }
4078
4079 .x-panel-ghost * {
4080     cursor:move !important;
4081 }
4082
4083 .x-panel-dd-spacer {
4084     border:2px dashed;
4085 }
4086
4087 /* Buttons */
4088 .x-panel-btns {
4089     padding:5px;
4090     overflow:hidden;
4091 }
4092
4093 .x-panel-btns td.x-toolbar-cell{
4094         padding:3px;
4095 }
4096
4097 .x-panel-btns .x-btn-focus .x-btn-left{
4098         background-position:0 -147px;
4099 }
4100
4101 .x-panel-btns .x-btn-focus .x-btn-right{
4102         background-position:0 -168px;
4103 }
4104
4105 .x-panel-btns .x-btn-focus .x-btn-center{
4106         background-position:0 -189px;
4107 }
4108
4109 .x-panel-btns .x-btn-over .x-btn-left{
4110         background-position:0 -63px;
4111 }
4112
4113 .x-panel-btns .x-btn-over .x-btn-right{
4114         background-position:0 -84px;
4115 }
4116
4117 .x-panel-btns .x-btn-over .x-btn-center{
4118         background-position:0 -105px;
4119 }
4120
4121 .x-panel-btns .x-btn-click .x-btn-center{
4122         background-position:0 -126px;
4123 }
4124
4125 .x-panel-btns .x-btn-click  .x-btn-right{
4126         background-position:0 -84px;
4127 }
4128
4129 .x-panel-btns .x-btn-click .x-btn-left{
4130         background-position:0 -63px;
4131 }
4132
4133 .x-panel-fbar td,.x-panel-fbar span,.x-panel-fbar input,.x-panel-fbar div,.x-panel-fbar select,.x-panel-fbar label{
4134         white-space: nowrap;
4135 }
4136 /**
4137  * W3C Suggested Default style sheet for HTML 4
4138  * http://www.w3.org/TR/CSS21/sample.html
4139  *
4140  * Resets for Ext.Panel @cfg normal: true
4141  */
4142 .x-panel-reset .x-panel-body html,
4143 .x-panel-reset .x-panel-body address,
4144 .x-panel-reset .x-panel-body blockquote,
4145 .x-panel-reset .x-panel-body body,
4146 .x-panel-reset .x-panel-body dd,
4147 .x-panel-reset .x-panel-body div,
4148 .x-panel-reset .x-panel-body dl,
4149 .x-panel-reset .x-panel-body dt,
4150 .x-panel-reset .x-panel-body fieldset,
4151 .x-panel-reset .x-panel-body form,
4152 .x-panel-reset .x-panel-body frame, frameset,
4153 .x-panel-reset .x-panel-body h1,
4154 .x-panel-reset .x-panel-body h2,
4155 .x-panel-reset .x-panel-body h3,
4156 .x-panel-reset .x-panel-body h4,
4157 .x-panel-reset .x-panel-body h5,
4158 .x-panel-reset .x-panel-body h6,
4159 .x-panel-reset .x-panel-body noframes,
4160 .x-panel-reset .x-panel-body ol,
4161 .x-panel-reset .x-panel-body p,
4162 .x-panel-reset .x-panel-body ul,
4163 .x-panel-reset .x-panel-body center,
4164 .x-panel-reset .x-panel-body dir,
4165 .x-panel-reset .x-panel-body hr,
4166 .x-panel-reset .x-panel-body menu,
4167 .x-panel-reset .x-panel-body pre                          { display: block }
4168 .x-panel-reset .x-panel-body li              { display: list-item }
4169 .x-panel-reset .x-panel-body head            { display: none }
4170 .x-panel-reset .x-panel-body table           { display: table }
4171 .x-panel-reset .x-panel-body tr              { display: table-row }
4172 .x-panel-reset .x-panel-body thead           { display: table-header-group }
4173 .x-panel-reset .x-panel-body tbody           { display: table-row-group }
4174 .x-panel-reset .x-panel-body tfoot           { display: table-footer-group }
4175 .x-panel-reset .x-panel-body col             { display: table-column }
4176 .x-panel-reset .x-panel-body colgroup        { display: table-column-group }
4177 .x-panel-reset .x-panel-body td,
4178 .x-panel-reset .x-panel-body th                   { display: table-cell }
4179 .x-panel-reset .x-panel-body caption         { display: table-caption }
4180 .x-panel-reset .x-panel-body th              { font-weight: bolder; text-align: center }
4181 .x-panel-reset .x-panel-body caption         { text-align: center }
4182 .x-panel-reset .x-panel-body body            { margin: 8px }
4183 .x-panel-reset .x-panel-body h1              { font-size: 2em; margin: .67em 0 }
4184 .x-panel-reset .x-panel-body h2              { font-size: 1.5em; margin: .75em 0 }
4185 .x-panel-reset .x-panel-body h3              { font-size: 1.17em; margin: .83em 0 }
4186 .x-panel-reset .x-panel-body h4,
4187 .x-panel-reset .x-panel-body p,
4188 .x-panel-reset .x-panel-body blockquote,
4189 .x-panel-reset .x-panel-body ul,
4190 .x-panel-reset .x-panel-body fieldset,
4191 .x-panel-reset .x-panel-body form,
4192 .x-panel-reset .x-panel-body ol,
4193 .x-panel-reset .x-panel-body dl,
4194 .x-panel-reset .x-panel-body dir,
4195 .x-panel-reset .x-panel-body menu            { margin: 1.12em 0 }
4196 .x-panel-reset .x-panel-body h5              { font-size: .83em; margin: 1.5em 0 }
4197 .x-panel-reset .x-panel-body h6              { font-size: .75em; margin: 1.67em 0 }
4198 .x-panel-reset .x-panel-body h1,
4199 .x-panel-reset .x-panel-body h2,
4200 .x-panel-reset .x-panel-body h3,
4201 .x-panel-reset .x-panel-body h4,
4202 .x-panel-reset .x-panel-body h5,
4203 .x-panel-reset .x-panel-body h6,
4204 .x-panel-reset .x-panel-body b,
4205 .x-panel-reset .x-panel-body strong          { font-weight: bolder }
4206 .x-panel-reset .x-panel-body blockquote      { margin-left: 40px; margin-right: 40px }
4207 .x-panel-reset .x-panel-body i,
4208 .x-panel-reset .x-panel-body cite,
4209 .x-panel-reset .x-panel-body em,
4210 .x-panel-reset .x-panel-body var,
4211 .x-panel-reset .x-panel-body address              { font-style: italic }
4212 .x-panel-reset .x-panel-body pre,
4213 .x-panel-reset .x-panel-body tt,
4214 .x-panel-reset .x-panel-body code,
4215 .x-panel-reset .x-panel-body kbd,
4216 .x-panel-reset .x-panel-body samp                 { font-family: monospace }
4217 .x-panel-reset .x-panel-body pre             { white-space: pre }
4218 .x-panel-reset .x-panel-body button,
4219 .x-panel-reset .x-panel-body textarea,
4220 .x-panel-reset .x-panel-body input,
4221 .x-panel-reset .x-panel-body select               { display: inline-block }
4222 .x-panel-reset .x-panel-body big             { font-size: 1.17em }
4223 .x-panel-reset .x-panel-body small,
4224 .x-panel-reset .x-panel-body sub,
4225 .x-panel-reset .x-panel-body sup                          { font-size: .83em }
4226 .x-panel-reset .x-panel-body sub             { vertical-align: sub }
4227 .x-panel-reset .x-panel-body sup             { vertical-align: super }
4228 .x-panel-reset .x-panel-body table           { border-spacing: 2px; }
4229 .x-panel-reset .x-panel-body thead,
4230 .x-panel-reset .x-panel-body tbody,
4231 .x-panel-reset .x-panel-body tfoot           { vertical-align: middle }
4232 .x-panel-reset .x-panel-body td,
4233 .x-panel-reset .x-panel-body th                   { vertical-align: inherit }
4234 .x-panel-reset .x-panel-body s,
4235 .x-panel-reset .x-panel-body strike,
4236 .x-panel-reset .x-panel-body del                          { text-decoration: line-through }
4237 .x-panel-reset .x-panel-body hr              { border: 1px inset }
4238 .x-panel-reset .x-panel-body ol,
4239 .x-panel-reset .x-panel-body ul,
4240 .x-panel-reset .x-panel-body dir,
4241 .x-panel-reset .x-panel-body menu,
4242 .x-panel-reset .x-panel-body dd           { margin-left: 40px }
4243 .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;}
4244 .x-panel-reset .x-panel-body ol              { list-style-type: decimal }
4245 .x-panel-reset .x-panel-body ol ul,
4246 .x-panel-reset .x-panel-body ul ol,
4247 .x-panel-reset .x-panel-body ul ul,
4248 .x-panel-reset .x-panel-body ol ol                { margin-top: 0; margin-bottom: 0 }
4249 .x-panel-reset .x-panel-body u,
4250 .x-panel-reset .x-panel-body ins                  { text-decoration: underline }
4251 .x-panel-reset .x-panel-body br:before       { content: "\A" }
4252 .x-panel-reset .x-panel-body :before, .x-panel-reset .x-panel-body :after { white-space: pre-line }
4253 .x-panel-reset .x-panel-body center          { text-align: center }
4254 .x-panel-reset .x-panel-body :link, .x-panel-reset .x-panel-body :visited { text-decoration: underline }
4255 .x-panel-reset .x-panel-body :focus          { outline: invert dotted thin }
4256
4257 /* Begin bidirectionality settings (do not change) */
4258 .x-panel-reset .x-panel-body BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
4259 .x-panel-reset .x-panel-body BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }
4260 .x-window {
4261     zoom:1;
4262 }
4263
4264 .x-window .x-window-handle {
4265     opacity:0;
4266     -moz-opacity:0;
4267     filter:alpha(opacity=0);
4268 }
4269
4270 .x-window-proxy {
4271     border:1px solid;
4272     z-index:12000;
4273     overflow:hidden;
4274     position:absolute;
4275     left:0;top:0;
4276     display:none;
4277     opacity:.5;
4278     -moz-opacity:.5;
4279     filter:alpha(opacity=50);
4280 }
4281
4282 .x-window-header {
4283     overflow:hidden;
4284     zoom:1;
4285 }
4286
4287 .x-window-bwrap {
4288     z-index:1;
4289     position:relative;
4290     zoom:1;
4291     left:0;top:0;
4292 }
4293
4294 .x-window-tl .x-window-header {
4295     padding:5px 0 4px 0;
4296 }
4297
4298 .x-window-header-text {
4299     cursor:pointer;
4300 }
4301
4302 .x-window-tc {
4303         background: transparent repeat-x 0 0;
4304         overflow:hidden;
4305     zoom:1;
4306 }
4307
4308 .x-window-tl {
4309         background: transparent no-repeat 0 0;
4310         padding-left:6px;
4311     zoom:1;
4312     z-index:1;
4313     position:relative;
4314 }
4315
4316 .x-window-tr {
4317         background: transparent no-repeat right 0;
4318         padding-right:6px;
4319 }
4320
4321 .x-window-bc {
4322         background: transparent repeat-x 0 bottom;
4323     zoom:1;
4324 }
4325
4326 .x-window-bc .x-window-footer {
4327     padding-bottom:6px;
4328     zoom:1;
4329     font-size:0;
4330     line-height:0;
4331 }
4332
4333 .x-window-bl {
4334         background: transparent no-repeat 0 bottom;
4335         padding-left:6px;
4336     zoom:1;
4337 }
4338
4339 .x-window-br {
4340         background: transparent no-repeat right bottom;
4341         padding-right:6px;
4342     zoom:1;
4343 }
4344
4345 .x-window-mc {
4346     border:1px solid;
4347     padding:0;
4348     margin:0;
4349 }
4350
4351 .x-window-ml {
4352         background: transparent repeat-y 0 0;
4353         padding-left:6px;
4354     zoom:1;
4355 }
4356
4357 .x-window-mr {
4358         background: transparent repeat-y right 0;
4359         padding-right:6px;
4360     zoom:1;
4361 }
4362
4363 .x-window-body {
4364     overflow:hidden;
4365 }
4366
4367 .x-window-bwrap {
4368     overflow:hidden;
4369 }
4370
4371 .x-window-maximized .x-window-bl, .x-window-maximized .x-window-br,
4372     .x-window-maximized .x-window-ml, .x-window-maximized .x-window-mr,
4373     .x-window-maximized .x-window-tl, .x-window-maximized .x-window-tr {
4374     padding:0;
4375 }
4376
4377 .x-window-maximized .x-window-footer {
4378     padding-bottom:0;
4379 }
4380
4381 .x-window-maximized .x-window-tc {
4382     padding-left:3px;
4383     padding-right:3px;
4384 }
4385
4386 .x-window-maximized .x-window-mc {
4387     border-left:0 none;
4388     border-right:0 none;
4389 }
4390
4391 .x-window-tbar .x-toolbar, .x-window-bbar .x-toolbar {
4392     border-left:0 none;
4393     border-right: 0 none;
4394 }
4395
4396 .x-window-bbar .x-toolbar {
4397     border-top:1px solid;
4398     border-bottom:0 none;
4399 }
4400
4401 .x-window-draggable, .x-window-draggable .x-window-header-text {
4402     cursor:move;
4403 }
4404
4405 .x-window-maximized .x-window-draggable, .x-window-maximized .x-window-draggable .x-window-header-text {
4406     cursor:default;
4407 }
4408
4409 .x-window-body {
4410     background:transparent;
4411 }
4412
4413 .x-panel-ghost .x-window-tl {
4414     border-bottom:1px solid;
4415 }
4416
4417 .x-panel-collapsed .x-window-tl {
4418     border-bottom:1px solid;
4419 }
4420
4421 .x-window-maximized-ct {
4422     overflow:hidden;
4423 }
4424
4425 .x-window-maximized .x-window-handle {
4426     display:none;
4427 }
4428
4429 .x-window-sizing-ghost ul {
4430     border:0 none !important;
4431 }
4432
4433 .x-dlg-focus{
4434         -moz-outline:0 none;
4435         outline:0 none;
4436         width:0;
4437         height:0;
4438         overflow:hidden;
4439         position:absolute;
4440         top:0;
4441         left:0;
4442 }
4443
4444 .ext-webkit .x-dlg-focus{
4445     width: 1px;
4446     height: 1px;
4447 }
4448
4449 .x-dlg-mask{
4450     z-index:10000;
4451     display:none;
4452     position:absolute;
4453     top:0;
4454     left:0;
4455     -moz-opacity: 0.5;
4456     opacity:.50;
4457     filter: alpha(opacity=50);
4458 }
4459
4460 body.ext-ie6.x-body-masked select {
4461         visibility:hidden;
4462 }
4463
4464 body.ext-ie6.x-body-masked .x-window select {
4465         visibility:visible;
4466 }
4467
4468 .x-window-plain .x-window-mc {
4469     border: 1px solid;
4470 }
4471
4472 .x-window-plain .x-window-body {
4473     border: 1px solid;
4474     background:transparent !important;
4475 }.x-html-editor-wrap {
4476     border:1px solid;
4477 }
4478
4479 .x-html-editor-tb .x-btn-text {
4480     background:transparent no-repeat;
4481 }
4482
4483 .x-html-editor-tb .x-edit-bold, .x-menu-item img.x-edit-bold {
4484     background-position:0 0;
4485     background-image:url(../images/default/editor/tb-sprite.gif);
4486 }
4487
4488 .x-html-editor-tb .x-edit-italic, .x-menu-item img.x-edit-italic {
4489     background-position:-16px 0;
4490     background-image:url(../images/default/editor/tb-sprite.gif);
4491 }
4492
4493 .x-html-editor-tb .x-edit-underline, .x-menu-item img.x-edit-underline {
4494     background-position:-32px 0;
4495     background-image:url(../images/default/editor/tb-sprite.gif);
4496 }
4497
4498 .x-html-editor-tb .x-edit-forecolor, .x-menu-item img.x-edit-forecolor {
4499     background-position:-160px 0;
4500     background-image:url(../images/default/editor/tb-sprite.gif);
4501 }
4502
4503 .x-html-editor-tb .x-edit-backcolor, .x-menu-item img.x-edit-backcolor {
4504     background-position:-176px 0;
4505     background-image:url(../images/default/editor/tb-sprite.gif);
4506 }
4507
4508 .x-html-editor-tb .x-edit-justifyleft, .x-menu-item img.x-edit-justifyleft {
4509     background-position:-112px 0;
4510     background-image:url(../images/default/editor/tb-sprite.gif);
4511 }
4512
4513 .x-html-editor-tb .x-edit-justifycenter, .x-menu-item img.x-edit-justifycenter {
4514     background-position:-128px 0;
4515     background-image:url(../images/default/editor/tb-sprite.gif);
4516 }
4517
4518 .x-html-editor-tb .x-edit-justifyright, .x-menu-item img.x-edit-justifyright {
4519     background-position:-144px 0;
4520     background-image:url(../images/default/editor/tb-sprite.gif);
4521 }
4522
4523 .x-html-editor-tb .x-edit-insertorderedlist, .x-menu-item img.x-edit-insertorderedlist {
4524     background-position:-80px 0;
4525     background-image:url(../images/default/editor/tb-sprite.gif);
4526 }
4527
4528 .x-html-editor-tb .x-edit-insertunorderedlist, .x-menu-item img.x-edit-insertunorderedlist {
4529     background-position:-96px 0;
4530     background-image:url(../images/default/editor/tb-sprite.gif);
4531 }
4532
4533 .x-html-editor-tb .x-edit-increasefontsize, .x-menu-item img.x-edit-increasefontsize {
4534     background-position:-48px 0;
4535     background-image:url(../images/default/editor/tb-sprite.gif);
4536 }
4537
4538 .x-html-editor-tb .x-edit-decreasefontsize, .x-menu-item img.x-edit-decreasefontsize {
4539     background-position:-64px 0;
4540     background-image:url(../images/default/editor/tb-sprite.gif);
4541 }
4542
4543 .x-html-editor-tb .x-edit-sourceedit, .x-menu-item img.x-edit-sourceedit {
4544     background-position:-192px 0;
4545     background-image:url(../images/default/editor/tb-sprite.gif);
4546 }
4547
4548 .x-html-editor-tb .x-edit-createlink, .x-menu-item img.x-edit-createlink {
4549     background-position:-208px 0;
4550     background-image:url(../images/default/editor/tb-sprite.gif);
4551 }
4552
4553 .x-html-editor-tip .x-tip-bd .x-tip-bd-inner {
4554     padding:5px;
4555     padding-bottom:1px;
4556 }
4557
4558 .x-html-editor-tb .x-toolbar {
4559     position:static !important;
4560 }.x-panel-noborder .x-panel-body-noborder {
4561     border-width:0;
4562 }
4563
4564 .x-panel-noborder .x-panel-header-noborder {
4565     border-width:0 0 1px;
4566     border-style:solid;
4567 }
4568
4569 .x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
4570     border-width:0 0 1px;
4571     border-style:solid;
4572 }
4573
4574 .x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
4575     border-width:1px 0 0 0;
4576     border-style:solid;
4577 }
4578
4579 .x-window-noborder .x-window-mc {
4580     border-width:0;
4581 }
4582
4583 .x-window-plain .x-window-body-noborder {
4584     border-width:0;
4585 }
4586
4587 .x-tab-panel-noborder .x-tab-panel-body-noborder {
4588         border-width:0;
4589 }
4590
4591 .x-tab-panel-noborder .x-tab-panel-header-noborder {
4592     border-width: 0 0 1px 0;
4593 }
4594
4595 .x-tab-panel-noborder .x-tab-panel-footer-noborder {
4596     border-width: 1px 0 0 0;
4597 }
4598
4599 .x-tab-panel-bbar-noborder .x-toolbar {
4600     border-width: 1px 0 0 0;
4601     border-style:solid;
4602 }
4603
4604 .x-tab-panel-tbar-noborder .x-toolbar {
4605     border-width:0 0 1px;
4606     border-style:solid;
4607 }.x-border-layout-ct {
4608     position: relative;
4609 }
4610
4611 .x-border-panel {
4612     position:absolute;
4613     left:0;
4614     top:0;
4615 }
4616
4617 .x-tool-collapse-south {
4618     background-position:0 -195px;
4619 }
4620
4621 .x-tool-collapse-south-over {
4622     background-position:-15px -195px;
4623 }
4624
4625 .x-tool-collapse-north {
4626     background-position:0 -210px;
4627 }
4628
4629 .x-tool-collapse-north-over {
4630     background-position:-15px -210px;
4631 }
4632
4633 .x-tool-collapse-west {
4634     background-position:0 -180px;
4635 }
4636
4637 .x-tool-collapse-west-over {
4638     background-position:-15px -180px;
4639 }
4640
4641 .x-tool-collapse-east {
4642     background-position:0 -165px;
4643 }
4644
4645 .x-tool-collapse-east-over {
4646     background-position:-15px -165px;
4647 }
4648
4649 .x-tool-expand-south {
4650     background-position:0 -210px;
4651 }
4652
4653 .x-tool-expand-south-over {
4654     background-position:-15px -210px;
4655 }
4656
4657 .x-tool-expand-north {
4658     background-position:0 -195px;
4659 }
4660 .x-tool-expand-north-over {
4661     background-position:-15px -195px;
4662 }
4663
4664 .x-tool-expand-west {
4665     background-position:0 -165px;
4666 }
4667
4668 .x-tool-expand-west-over {
4669     background-position:-15px -165px;
4670 }
4671
4672 .x-tool-expand-east {
4673     background-position:0 -180px;
4674 }
4675
4676 .x-tool-expand-east-over {
4677     background-position:-15px -180px;
4678 }
4679
4680 .x-tool-expand-north, .x-tool-expand-south {
4681     float:right;
4682     margin:3px;
4683 }
4684
4685 .x-tool-expand-east, .x-tool-expand-west {
4686     float:none;
4687     margin:3px auto;
4688 }
4689
4690 .x-accordion-hd .x-tool-toggle {
4691     background-position:0 -255px;
4692 }
4693
4694 .x-accordion-hd .x-tool-toggle-over {
4695     background-position:-15px -255px;
4696 }
4697
4698 .x-panel-collapsed .x-accordion-hd .x-tool-toggle {
4699     background-position:0 -240px;
4700 }
4701
4702 .x-panel-collapsed .x-accordion-hd .x-tool-toggle-over {
4703     background-position:-15px -240px;
4704 }
4705
4706 .x-accordion-hd {
4707         padding-top:4px;
4708         padding-bottom:3px;
4709         border-top:0 none;
4710     background: transparent repeat-x 0 -9px;
4711 }
4712
4713 .x-layout-collapsed{
4714     position:absolute;
4715     left:-10000px;
4716     top:-10000px;
4717     visibility:hidden;
4718     width:20px;
4719     height:20px;
4720     overflow:hidden;
4721         border:1px solid;
4722         z-index:20;
4723 }
4724
4725 .ext-border-box .x-layout-collapsed{
4726     width:22px;
4727     height:22px;
4728 }
4729
4730 .x-layout-collapsed-over{
4731     cursor:pointer;
4732 }
4733
4734 .x-layout-collapsed-west .x-layout-collapsed-tools, .x-layout-collapsed-east .x-layout-collapsed-tools{
4735         position:absolute;
4736     top:0;
4737     left:0;
4738     width:20px;
4739     height:20px;
4740 }
4741
4742
4743 .x-layout-split{
4744     position:absolute;
4745     height:5px;
4746     width:5px;
4747     line-height:1px;
4748     font-size:1px;
4749     z-index:3;
4750     background-color:transparent;
4751 }
4752
4753 /* IE6 strict won't drag w/out a color */
4754 .ext-strict .ext-ie6 .x-layout-split{
4755     background-color: #fff !important;
4756     filter: alpha(opacity=1);
4757 }
4758
4759 .x-layout-split-h{
4760     background-image:url(../images/default/s.gif);
4761     background-position: left;
4762 }
4763
4764 .x-layout-split-v{
4765     background-image:url(../images/default/s.gif);
4766     background-position: top;
4767 }
4768
4769 .x-column-layout-ct {
4770     overflow:hidden;
4771     zoom:1;
4772 }
4773
4774 .x-column {
4775     float:left;
4776     padding:0;
4777     margin:0;
4778     overflow:hidden;
4779     zoom:1;
4780 }
4781
4782 .x-column-inner {
4783     overflow:hidden;
4784     zoom:1;
4785 }
4786
4787 /* mini mode */
4788 .x-layout-mini {
4789     position:absolute;
4790     top:0;
4791     left:0;
4792     display:block;
4793     width:5px;
4794     height:35px;
4795     cursor:pointer;
4796     opacity:.5;
4797     -moz-opacity:.5;
4798     filter:alpha(opacity=50);
4799 }
4800
4801 .x-layout-mini-over, .x-layout-collapsed-over .x-layout-mini{
4802     opacity:1;
4803     -moz-opacity:1;
4804     filter:none;
4805 }
4806
4807 .x-layout-split-west .x-layout-mini {
4808     top:48%;
4809 }
4810
4811 .x-layout-split-east .x-layout-mini {
4812     top:48%;
4813 }
4814
4815 .x-layout-split-north .x-layout-mini {
4816     left:48%;
4817     height:5px;
4818     width:35px;
4819 }
4820
4821 .x-layout-split-south .x-layout-mini {
4822     left:48%;
4823     height:5px;
4824     width:35px;
4825 }
4826
4827 .x-layout-cmini-west .x-layout-mini {
4828     top:48%;
4829 }
4830
4831 .x-layout-cmini-east .x-layout-mini {
4832     top:48%;
4833 }
4834
4835 .x-layout-cmini-north .x-layout-mini {
4836     left:48%;
4837     height:5px;
4838     width:35px;
4839 }
4840
4841 .x-layout-cmini-south .x-layout-mini {
4842     left:48%;
4843     height:5px;
4844     width:35px;
4845 }
4846
4847 .x-layout-cmini-west, .x-layout-cmini-east {
4848     border:0 none;
4849     width:5px !important;
4850     padding:0;
4851     background:transparent;
4852 }
4853
4854 .x-layout-cmini-north, .x-layout-cmini-south {
4855     border:0 none;
4856     height:5px !important;
4857     padding:0;
4858     background:transparent;
4859 }
4860
4861 .x-viewport, .x-viewport body {
4862     margin: 0;
4863     padding: 0;
4864     border: 0 none;
4865     overflow: hidden;
4866     height: 100%;
4867 }
4868
4869 .x-abs-layout-item {
4870     position:absolute;
4871     left:0;
4872     top:0;
4873 }
4874
4875 .ext-ie input.x-abs-layout-item, .ext-ie textarea.x-abs-layout-item {
4876     margin:0;
4877 }
4878
4879 .x-box-layout-ct {
4880     overflow:hidden;
4881     zoom:1;
4882 }
4883
4884 .x-box-inner {
4885     overflow:hidden;
4886     zoom:1;
4887     position:relative;
4888     left:0;
4889     top:0;
4890 }
4891
4892 .x-box-item {
4893     position:absolute;
4894     left:0;
4895     top:0;
4896 }.x-progress-wrap {
4897     border:1px solid;
4898     overflow:hidden;
4899 }
4900
4901 .x-progress-inner {
4902     height:18px;
4903     background:repeat-x;
4904     position:relative;
4905 }
4906
4907 .x-progress-bar {
4908     height:18px;
4909     float:left;
4910     width:0;
4911     background: repeat-x left center;
4912     border-top:1px solid;
4913     border-bottom:1px solid;
4914     border-right:1px solid;
4915 }
4916
4917 .x-progress-text {
4918     padding:1px 5px;
4919     overflow:hidden;
4920     position:absolute;
4921     left:0;
4922     text-align:center;
4923 }
4924
4925 .x-progress-text-back {
4926     line-height:16px;
4927 }
4928
4929 .ext-ie .x-progress-text-back {
4930     line-height:15px;
4931 }
4932
4933 .ext-strict .ext-ie7 .x-progress-text-back{
4934     width: 100%;
4935 }
4936 .x-list-header{
4937         background: repeat-x 0 bottom;
4938         cursor:default;
4939     zoom:1;
4940     height:22px;
4941 }
4942
4943 .x-list-header-inner div {
4944     display:block;
4945     float:left;
4946     overflow:hidden;
4947         -o-text-overflow: ellipsis;
4948         text-overflow: ellipsis;
4949     white-space: nowrap;
4950 }
4951
4952 .x-list-header-inner div em {
4953     display:block;
4954     border-left:1px solid;
4955     padding:4px 4px;
4956     overflow:hidden;
4957     -moz-user-select: none;
4958     -khtml-user-select: none;
4959     line-height:14px;
4960 }
4961
4962 .x-list-body {
4963     overflow:auto;
4964     overflow-x:hidden;
4965     overflow-y:auto;
4966     zoom:1;
4967     float: left;
4968     width: 100%;
4969 }
4970
4971 .x-list-body dl {
4972     zoom:1;
4973 }
4974
4975 .x-list-body dt {
4976     display:block;
4977     float:left;
4978     overflow:hidden;
4979         -o-text-overflow: ellipsis;
4980         text-overflow: ellipsis;
4981     white-space: nowrap;
4982     cursor:pointer;
4983     zoom:1;
4984 }
4985
4986 .x-list-body dt em {
4987     display:block;
4988     padding:3px 4px;
4989     overflow:hidden;
4990     -moz-user-select: none;
4991     -khtml-user-select: none;
4992 }
4993
4994 .x-list-resizer {
4995     border-left:1px solid;
4996     border-right:1px solid;
4997     position:absolute;
4998     left:0;
4999     top:0;
5000 }
5001
5002 .x-list-header-inner em.sort-asc {
5003     background: transparent no-repeat center 0;
5004     border-style:solid;
5005     border-width: 0 1px 1px;
5006     padding-bottom:3px;
5007 }
5008
5009 .x-list-header-inner em.sort-desc {
5010     background: transparent no-repeat center -23px;
5011     border-style:solid;
5012     border-width: 0 1px 1px;
5013     padding-bottom:3px;
5014 }
5015
5016 /* Shared styles */
5017 .x-slider {
5018     zoom:1;
5019 }
5020
5021 .x-slider-inner {
5022     position:relative;
5023     left:0;
5024     top:0;
5025     overflow:visible;
5026     zoom:1;
5027 }
5028
5029 .x-slider-focus {
5030         position:absolute;
5031         left:0;
5032         top:0;
5033         width:1px;
5034         height:1px;
5035     line-height:1px;
5036     font-size:1px;
5037     -moz-outline:0 none;
5038     outline:0 none;
5039     -moz-user-select: none;
5040     -khtml-user-select:none;
5041     -webkit-user-select:ignore;
5042         display:block;
5043         overflow:hidden;
5044 }
5045
5046 /* Horizontal styles */
5047 .x-slider-horz {
5048     padding-left:7px;
5049     background:transparent no-repeat 0 -22px;
5050 }
5051
5052 .x-slider-horz .x-slider-end {
5053     padding-right:7px;
5054     zoom:1;
5055     background:transparent no-repeat right -44px;
5056 }
5057
5058 .x-slider-horz .x-slider-inner {
5059     background:transparent repeat-x 0 0;
5060     height:22px;
5061 }
5062
5063 .x-slider-horz .x-slider-thumb {
5064     width:14px;
5065     height:15px;
5066     position:absolute;
5067     left:0;
5068     top:3px;
5069     background:transparent no-repeat 0 0;
5070 }
5071
5072 .x-slider-horz .x-slider-thumb-over {
5073     background-position: -14px -15px;
5074 }
5075
5076 .x-slider-horz .x-slider-thumb-drag {
5077     background-position: -28px -30px;
5078 }
5079
5080 /* Vertical styles */
5081 .x-slider-vert {
5082     padding-top:7px;
5083     background:transparent no-repeat -44px 0;
5084     width:22px;
5085 }
5086
5087 .x-slider-vert .x-slider-end {
5088     padding-bottom:7px;
5089     zoom:1;
5090     background:transparent no-repeat -22px bottom;
5091 }
5092
5093 .x-slider-vert .x-slider-inner {
5094     background:transparent repeat-y 0 0;
5095 }
5096
5097 .x-slider-vert .x-slider-thumb {
5098     width:15px;
5099     height:14px;
5100     position:absolute;
5101     left:3px;
5102     bottom:0;
5103     background:transparent no-repeat 0 0;
5104 }
5105
5106 .x-slider-vert .x-slider-thumb-over {
5107     background-position: -15px -14px;
5108 }
5109
5110 .x-slider-vert .x-slider-thumb-drag {
5111     background-position: -30px -28px;
5112 }.x-window-dlg .x-window-body {
5113     border:0 none !important;
5114     padding:5px 10px;
5115     overflow:hidden !important;
5116 }
5117
5118 .x-window-dlg .x-window-mc {
5119     border:0 none !important;
5120 }
5121
5122 .x-window-dlg .ext-mb-input {
5123     margin-top:4px;
5124     width:95%;
5125 }
5126
5127 .x-window-dlg .ext-mb-textarea {
5128     margin-top:4px;
5129 }
5130
5131 .x-window-dlg .x-progress-wrap {
5132     margin-top:4px;
5133 }
5134
5135 .ext-ie .x-window-dlg .x-progress-wrap {
5136     margin-top:6px;
5137 }
5138
5139 .x-window-dlg .x-msg-box-wait {
5140     background:transparent no-repeat left;
5141     display:block;
5142     width:300px;
5143     padding-left:18px;
5144     line-height:18px;
5145 }
5146
5147 .x-window-dlg .ext-mb-icon {
5148     float:left;
5149     width:47px;
5150     height:32px;
5151 }
5152
5153 .ext-ie .x-window-dlg .ext-mb-icon {
5154     width:44px; /* 3px IE margin issue */
5155 }
5156
5157 .x-window-dlg .x-dlg-icon .ext-mb-content{
5158     zoom: 1; margin-left: 47px;
5159 }
5160
5161 .x-window-dlg .ext-mb-info, .x-window-dlg .ext-mb-warning, .x-window-dlg .ext-mb-question, .x-window-dlg .ext-mb-error {
5162     background:transparent no-repeat top left;
5163 }
5164
5165 .ext-gecko2 .ext-mb-fix-cursor {
5166     overflow:auto;
5167 }