resources/css/ext-all-notheme.css

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