resources/css/ext-all.css

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