resources/css/ext-all.css

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