docs/resources/css/ext-all.css

   1 /*!
   2  * Ext JS Library 3.1.0
   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-left {\r
1843     width: 100%;\r
1844 }\r
1845 \r
1846 .x-toolbar .x-item-disabled .x-btn-icon {\r
1847     opacity: .35;\r
1848     -moz-opacity: .35;\r
1849     filter: alpha(opacity=35);\r
1850 }\r
1851 \r
1852 .x-toolbar td {\r
1853         vertical-align:middle;\r
1854 }\r
1855 \r
1856 .x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{\r
1857         white-space: nowrap;\r
1858 }\r
1859 \r
1860 .x-toolbar .x-item-disabled {\r
1861         cursor:default;\r
1862         opacity:.6;\r
1863         -moz-opacity:.6;\r
1864         filter:alpha(opacity=60);\r
1865 }\r
1866 \r
1867 .x-toolbar .x-item-disabled * {\r
1868         cursor:default;\r
1869 }\r
1870 \r
1871 .x-toolbar .x-toolbar-cell {\r
1872     vertical-align:middle;\r
1873 }\r
1874 \r
1875 .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
1876 .x-toolbar .x-btn-mc, .x-toolbar .x-btn-bl, .x-toolbar .x-btn-br, .x-toolbar .x-btn-bc\r
1877 {\r
1878         background-position: 500px 500px;\r
1879 }\r
1880 \r
1881 /* These rules are duplicated from button.css to give priority of x-toolbar rules above */\r
1882 .x-toolbar .x-btn-over .x-btn-tl{\r
1883         background-position: -6px 0;\r
1884 }\r
1885 \r
1886 .x-toolbar .x-btn-over .x-btn-tr{\r
1887         background-position: -9px 0;\r
1888 }\r
1889 \r
1890 .x-toolbar .x-btn-over .x-btn-tc{\r
1891         background-position: 0 -9px;\r
1892 }\r
1893 \r
1894 .x-toolbar .x-btn-over .x-btn-ml{\r
1895         background-position: -6px -24px;\r
1896 }\r
1897 \r
1898 .x-toolbar .x-btn-over .x-btn-mr{\r
1899         background-position: -9px -24px;\r
1900 }\r
1901 \r
1902 .x-toolbar .x-btn-over .x-btn-mc{\r
1903         background-position: 0 -2168px;\r
1904 }\r
1905 \r
1906 .x-toolbar .x-btn-over .x-btn-bl{\r
1907         background-position: -6px -3px;\r
1908 }\r
1909 \r
1910 .x-toolbar .x-btn-over .x-btn-br{\r
1911         background-position: -9px -3px;\r
1912 }\r
1913 \r
1914 .x-toolbar .x-btn-over .x-btn-bc{\r
1915         background-position: 0 -18px;\r
1916 }\r
1917 \r
1918 .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
1919         background-position: -12px 0;\r
1920 }\r
1921 \r
1922 .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
1923         background-position: -15px 0;\r
1924 }\r
1925 \r
1926 .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
1927         background-position: 0 -12px;\r
1928 }\r
1929 \r
1930 .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
1931         background-position: -12px -24px;\r
1932 }\r
1933 \r
1934 .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
1935         background-position: -15px -24px;\r
1936 }\r
1937 \r
1938 .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
1939         background-position: 0 -3240px;\r
1940 }\r
1941 \r
1942 .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
1943         background-position: -12px -3px;\r
1944 }\r
1945 \r
1946 .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
1947         background-position: -15px -3px;\r
1948 }\r
1949 \r
1950 .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
1951         background-position: 0 -21px;\r
1952 }\r
1953 \r
1954 .x-toolbar div.xtb-text{\r
1955     padding:2px 2px 0;\r
1956     line-height:16px;\r
1957     display:block;\r
1958 }\r
1959 \r
1960 .x-toolbar .xtb-sep {\r
1961         background-position: center;\r
1962         background-repeat: no-repeat;\r
1963         display: block;\r
1964         font-size: 1px;\r
1965         height: 16px;\r
1966         width:4px;\r
1967         overflow: hidden;\r
1968         cursor:default;\r
1969         margin: 0 2px 0;\r
1970         border:0;\r
1971 }\r
1972 \r
1973 .x-toolbar .xtb-spacer {\r
1974     width:2px;\r
1975 }\r
1976 \r
1977 /* Paging Toolbar */\r
1978 .x-tbar-page-number{\r
1979         width:30px;\r
1980         height:14px;\r
1981 }\r
1982 \r
1983 .ext-ie .x-tbar-page-number{\r
1984     margin-top: 2px;\r
1985 }\r
1986 \r
1987 .x-paging-info {\r
1988     position:absolute;\r
1989     top:5px;\r
1990     right: 8px;\r
1991 }\r
1992 \r
1993 /* floating */\r
1994 .x-toolbar-ct {\r
1995     width:100%;\r
1996 }\r
1997 \r
1998 .x-toolbar-right td {\r
1999     text-align: center;\r
2000 }\r
2001 \r
2002 .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
2003     overflow:hidden;\r
2004     zoom:1;\r
2005 }\r
2006 \r
2007 .x-toolbar-more .x-btn-small .x-btn-text{\r
2008         height: 16px;\r
2009         width: 12px;\r
2010 }\r
2011 \r
2012 .x-toolbar-more em.x-btn-arrow {\r
2013     display:inline;\r
2014     background:transparent;\r
2015         padding-right:0;\r
2016 }\r
2017 \r
2018 .x-toolbar-more .x-btn-mc em.x-btn-arrow {\r
2019     background-image: none;\r
2020 }\r
2021 \r
2022 div.x-toolbar-no-items {\r
2023     color:gray !important;\r
2024     padding:5px 10px !important;\r
2025 }\r
2026 \r
2027 /* fix ie toolbar form items */\r
2028 .ext-border-box .x-toolbar-cell .x-form-text {\r
2029     margin-bottom:-1px !important;\r
2030 }\r
2031 \r
2032 .ext-border-box .x-toolbar-cell .x-form-field-wrap .x-form-text {\r
2033     margin:0 !important;\r
2034 }\r
2035 \r
2036 .ext-ie .x-toolbar-cell .x-form-field-wrap {\r
2037     height:21px;\r
2038 }\r
2039 \r
2040 .ext-ie .x-toolbar-cell .x-form-text {\r
2041     position:relative;\r
2042     top:-1px;\r
2043 }\r
2044 \r
2045 .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
2046     top: 0px;\r
2047 }\r
2048 \r
2049 .x-toolbar-right td .x-form-field-trigger-wrap{\r
2050     text-align: left;\r
2051 }\r
2052 \r
2053 .x-toolbar-cell .x-form-checkbox, .x-toolbar-cell .x-form-radio{\r
2054     margin-top: 5px;\r
2055 }\r
2056 \r
2057 .x-toolbar-cell .x-form-cb-label{\r
2058     vertical-align: bottom;\r
2059     top: 1px;\r
2060 }\r
2061 \r
2062 .ext-ie .x-toolbar-cell .x-form-checkbox, .ext-ie .x-toolbar-cell .x-form-radio{\r
2063     margin-top: 4px;\r
2064 }\r
2065 \r
2066 .ext-ie .x-toolbar-cell .x-form-cb-label{\r
2067     top: 0;\r
2068 }\r
2069 /* Grid3 styles */\r
2070 .x-grid3 {\r
2071         position:relative;\r
2072         overflow:hidden;\r
2073 }\r
2074 \r
2075 .x-grid-panel .x-panel-body {\r
2076     overflow:hidden !important;\r
2077 }\r
2078 \r
2079 .x-grid-panel .x-panel-mc .x-panel-body {\r
2080     border:1px solid;\r
2081 }\r
2082 \r
2083 .x-grid3 table {\r
2084     table-layout:fixed;\r
2085 }\r
2086 \r
2087 .x-grid3-viewport{\r
2088         overflow:hidden;\r
2089 }\r
2090 \r
2091 .x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td{\r
2092     -moz-outline: none;\r
2093         -moz-user-focus: normal;\r
2094 }\r
2095 \r
2096 .x-grid3-row td, .x-grid3-summary-row td {\r
2097     line-height:13px;\r
2098     vertical-align: top;\r
2099         padding-left:1px;\r
2100     padding-right:1px;\r
2101     -moz-user-select: none;\r
2102     -khtml-user-select:none;\r
2103     -webkit-user-select:ignore;\r
2104 }\r
2105 \r
2106 .x-grid3-cell{\r
2107     -moz-user-select: none;\r
2108     -khtml-user-select:none;\r
2109     -webkit-user-select:ignore;\r
2110 }\r
2111 \r
2112 .x-grid3-hd-row td {\r
2113     line-height:15px;\r
2114     vertical-align:middle;\r
2115     border-left:1px solid;\r
2116     border-right:1px solid;\r
2117 }\r
2118 \r
2119 .x-grid3-hd-row .x-grid3-marker-hd {\r
2120     padding:3px;\r
2121 }\r
2122 \r
2123 .x-grid3-row .x-grid3-marker {\r
2124     padding:3px;\r
2125 }\r
2126 \r
2127 .x-grid3-cell-inner, .x-grid3-hd-inner{\r
2128         overflow:hidden;\r
2129         -o-text-overflow: ellipsis;\r
2130         text-overflow: ellipsis;\r
2131     padding:3px 3px 3px 5px;\r
2132     white-space: nowrap;\r
2133 }\r
2134 \r
2135 .x-grid3-hd-inner {\r
2136     position:relative;\r
2137         cursor:inherit;\r
2138         padding:4px 3px 4px 5px;\r
2139 }\r
2140 \r
2141 .x-grid3-row-body {\r
2142     white-space:normal;\r
2143 }\r
2144 \r
2145 .x-grid3-body-cell {\r
2146     -moz-outline:0 none;\r
2147     outline:0 none;\r
2148 }\r
2149 \r
2150 /* IE Quirks to clip */\r
2151 .ext-ie .x-grid3-cell-inner, .ext-ie .x-grid3-hd-inner{\r
2152         width:100%;\r
2153 }\r
2154 \r
2155 /* reverse above in strict mode */\r
2156 .ext-strict .x-grid3-cell-inner, .ext-strict .x-grid3-hd-inner{\r
2157         width:auto;\r
2158 }\r
2159 \r
2160 .x-grid-row-loading {\r
2161     background: no-repeat center center;\r
2162 }\r
2163 \r
2164 .x-grid-page {\r
2165     overflow:hidden;\r
2166 }\r
2167 \r
2168 .x-grid3-row {\r
2169         cursor: default;\r
2170     border: 1px solid;\r
2171     width:100%;\r
2172 }\r
2173 \r
2174 .x-grid3-row-over {\r
2175         border:1px solid;\r
2176     background: repeat-x left top;\r
2177 }\r
2178 \r
2179 .x-grid3-resize-proxy {\r
2180         width:1px;\r
2181     left:0;\r
2182         cursor: e-resize;\r
2183         cursor: col-resize;\r
2184         position:absolute;\r
2185         top:0;\r
2186         height:100px;\r
2187         overflow:hidden;\r
2188         visibility:hidden;\r
2189         border:0 none;\r
2190         z-index:7;\r
2191 }\r
2192 \r
2193 .x-grid3-resize-marker {\r
2194         width:1px;\r
2195         left:0;\r
2196         position:absolute;\r
2197         top:0;\r
2198         height:100px;\r
2199         overflow:hidden;\r
2200         visibility:hidden;\r
2201         border:0 none;\r
2202         z-index:7;\r
2203 }\r
2204 \r
2205 .x-grid3-focus {\r
2206         position:absolute;\r
2207         left:0;\r
2208         top:0;\r
2209         width:1px;\r
2210         height:1px;\r
2211     line-height:1px;\r
2212     font-size:1px;\r
2213     -moz-outline:0 none;\r
2214     outline:0 none;\r
2215     -moz-user-select: text;\r
2216     -khtml-user-select: text;\r
2217     -webkit-user-select:ignore;\r
2218 }\r
2219 \r
2220 /* header styles */\r
2221 .x-grid3-header{\r
2222         background: repeat-x 0 bottom;\r
2223         cursor:default;\r
2224     zoom:1;\r
2225     padding:1px 0 0 0;\r
2226 }\r
2227 \r
2228 .x-grid3-header-pop {\r
2229     border-left:1px solid;\r
2230     float:right;\r
2231     clear:none;\r
2232 }\r
2233 \r
2234 .x-grid3-header-pop-inner {\r
2235     border-left:1px solid;\r
2236     width:14px;\r
2237     height:19px;\r
2238     background: transparent no-repeat center center;\r
2239 }\r
2240 \r
2241 .ext-ie .x-grid3-header-pop-inner {\r
2242     width:15px;\r
2243 }\r
2244 \r
2245 .ext-strict .x-grid3-header-pop-inner {\r
2246     width:14px; \r
2247 }\r
2248 \r
2249 .x-grid3-header-inner {\r
2250     overflow:hidden;\r
2251     zoom:1;\r
2252     float:left;\r
2253 }\r
2254 \r
2255 .x-grid3-header-offset {\r
2256     padding-left:1px;\r
2257     text-align: left;\r
2258 }\r
2259 \r
2260 td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {\r
2261     border-left:1px solid;\r
2262     border-right:1px solid;\r
2263 }\r
2264 \r
2265 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
2266     background: repeat-x left bottom;\r
2267 \r
2268 }\r
2269 \r
2270 .x-grid3-sort-icon{\r
2271         background-repeat: no-repeat;\r
2272         display: none;\r
2273         height: 4px;\r
2274         width: 13px;\r
2275         margin-left:3px;\r
2276         vertical-align: middle;\r
2277 }\r
2278 \r
2279 .sort-asc .x-grid3-sort-icon, .sort-desc .x-grid3-sort-icon {\r
2280         display: inline;\r
2281 }\r
2282 \r
2283 /* Header position fixes for IE strict mode */\r
2284 .ext-strict .ext-ie .x-grid3-header-inner, .ext-strict .ext-ie6 .x-grid3-hd {\r
2285     position:relative;\r
2286 }\r
2287 \r
2288 .ext-strict .ext-ie6 .x-grid3-hd-inner{\r
2289     position:static;\r
2290 }\r
2291 \r
2292 /* Body Styles */\r
2293 .x-grid3-body {\r
2294         zoom:1;\r
2295 }\r
2296 \r
2297 .x-grid3-scroller {\r
2298         overflow:auto;\r
2299     zoom:1;\r
2300     position:relative;\r
2301 }\r
2302 \r
2303 .x-grid3-cell-text, .x-grid3-hd-text {\r
2304         display: block;\r
2305         padding: 3px 5px 3px 5px;\r
2306         -moz-user-select: none;\r
2307         -khtml-user-select: none;\r
2308     -webkit-user-select:ignore;\r
2309 }\r
2310 \r
2311 .x-grid3-split {\r
2312         background-position: center;\r
2313         background-repeat: no-repeat;\r
2314         cursor: e-resize;\r
2315         cursor: col-resize;\r
2316         display: block;\r
2317         font-size: 1px;\r
2318         height: 16px;\r
2319         overflow: hidden;\r
2320         position: absolute;\r
2321         top: 2px;\r
2322         width: 6px;\r
2323         z-index: 3;\r
2324 }\r
2325 \r
2326 /* Column Reorder DD */\r
2327 .x-dd-drag-proxy .x-grid3-hd-inner{\r
2328         background: repeat-x left bottom;\r
2329         width:120px;\r
2330         padding:3px;\r
2331         border:1px solid;\r
2332         overflow:hidden;\r
2333 }\r
2334 \r
2335 .col-move-top, .col-move-bottom{\r
2336         width:9px;\r
2337         height:9px;\r
2338         position:absolute;\r
2339         top:0;\r
2340         line-height:1px;\r
2341         font-size:1px;\r
2342         overflow:hidden;\r
2343         visibility:hidden;\r
2344         z-index:20000;\r
2345     background:transparent no-repeat left top;\r
2346 }\r
2347 \r
2348 /* Selection Styles */\r
2349 .x-grid3-row-selected {\r
2350         border:1px dotted;\r
2351 }\r
2352 \r
2353 .x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{\r
2354     background: repeat-x 0 bottom !important;\r
2355     vertical-align:middle !important;\r
2356     padding:0;\r
2357     border-top:1px solid;\r
2358     border-bottom:none !important;\r
2359     border-right:1px solid !important;\r
2360     text-align:center;\r
2361 }\r
2362 \r
2363 .x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{\r
2364     padding:0 4px;\r
2365     text-align:center;\r
2366 }\r
2367 \r
2368 /* dirty cells */\r
2369 .x-grid3-dirty-cell {\r
2370     background: transparent no-repeat 0 0;\r
2371 }\r
2372 \r
2373 /* Grid Toolbars */\r
2374 .x-grid3-topbar, .x-grid3-bottombar{\r
2375     overflow:hidden;\r
2376         display:none;\r
2377         zoom:1;\r
2378     position:relative;\r
2379 }\r
2380 \r
2381 .x-grid3-topbar .x-toolbar{\r
2382         border-right:0 none;\r
2383 }\r
2384 \r
2385 .x-grid3-bottombar .x-toolbar{\r
2386         border-right:0 none;\r
2387         border-bottom:0 none;\r
2388         border-top:1px solid;\r
2389 }\r
2390 \r
2391 /* Props Grid Styles */\r
2392 .x-props-grid .x-grid3-cell{\r
2393         padding:1px;\r
2394 }\r
2395 \r
2396 .x-props-grid .x-grid3-td-name .x-grid3-cell-inner{\r
2397         background:transparent repeat-y -16px !important;\r
2398     padding-left:12px;\r
2399 }\r
2400 \r
2401 .x-props-grid .x-grid3-body .x-grid3-td-name{\r
2402     padding:1px;\r
2403     padding-right:0;\r
2404     border:0 none;\r
2405     border-right:1px solid;\r
2406 }\r
2407 \r
2408 /* dd */\r
2409 .x-grid3-col-dd {\r
2410     border:0 none;\r
2411     padding:0;\r
2412     background:transparent;\r
2413 }\r
2414 \r
2415 .x-dd-drag-ghost .x-grid3-dd-wrap {\r
2416     padding:1px 3px 3px 1px;\r
2417 }\r
2418 \r
2419 .x-grid3-hd {\r
2420     -moz-user-select:none;\r
2421     -khtml-user-select:none;\r
2422     -webkit-user-select:ignore;\r
2423 }\r
2424 \r
2425 .x-grid3-hd-btn {\r
2426     display:none;\r
2427     position:absolute;\r
2428     width:14px;\r
2429     background:no-repeat left center;\r
2430     right:0;\r
2431     top:0;\r
2432     z-index:2;\r
2433         cursor:pointer;\r
2434 }\r
2435 \r
2436 .x-grid3-hd-over .x-grid3-hd-btn, .x-grid3-hd-menu-open .x-grid3-hd-btn {\r
2437     display:block;\r
2438 }\r
2439 \r
2440 a.x-grid3-hd-btn:hover {\r
2441     background-position:-14px center;\r
2442 }\r
2443 \r
2444 /* Expanders */\r
2445 .x-grid3-body .x-grid3-td-expander {\r
2446     background:transparent repeat-y right;\r
2447 }\r
2448 \r
2449 .x-grid3-body .x-grid3-td-expander .x-grid3-cell-inner {\r
2450     padding:0 !important;\r
2451     height:100%;\r
2452 }\r
2453 \r
2454 .x-grid3-row-expander {\r
2455     width:100%;\r
2456     height:18px;\r
2457     background-position:4px 2px;\r
2458     background-repeat:no-repeat;\r
2459     background-color:transparent;\r
2460 }\r
2461 \r
2462 .x-grid3-row-collapsed .x-grid3-row-expander {\r
2463     background-position:4px 2px;\r
2464 }\r
2465 \r
2466 .x-grid3-row-expanded .x-grid3-row-expander {\r
2467     background-position:-21px 2px;\r
2468 }\r
2469 \r
2470 .x-grid3-row-collapsed .x-grid3-row-body {\r
2471     display:none !important;\r
2472 }\r
2473 \r
2474 .x-grid3-row-expanded .x-grid3-row-body {\r
2475     display:block !important;\r
2476 }\r
2477 \r
2478 /* Checkers */\r
2479 .x-grid3-body .x-grid3-td-checker {\r
2480     background:transparent repeat-y right;\r
2481 }\r
2482 \r
2483 .x-grid3-body .x-grid3-td-checker .x-grid3-cell-inner, .x-grid3-header .x-grid3-td-checker .x-grid3-hd-inner {\r
2484     padding:0 !important;\r
2485     height:100%;\r
2486 }\r
2487 \r
2488 .x-grid3-row-checker, .x-grid3-hd-checker {\r
2489     width:100%;\r
2490     height:18px;\r
2491     background-position:2px 2px;\r
2492     background-repeat:no-repeat;\r
2493     background-color:transparent;\r
2494 }\r
2495 \r
2496 .x-grid3-row .x-grid3-row-checker {\r
2497     background-position:2px 2px;\r
2498 }\r
2499 \r
2500 .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
2501     background-position:-23px 2px;\r
2502 }\r
2503 \r
2504 .x-grid3-hd-checker {\r
2505     background-position:2px 3px;\r
2506 }\r
2507 \r
2508 .x-grid3-hd-checker-on .x-grid3-hd-checker {\r
2509     background-position:-23px 3px;\r
2510 }\r
2511 \r
2512 /* Numberer */\r
2513 .x-grid3-body .x-grid3-td-numberer {\r
2514     background:transparent repeat-y right;\r
2515 }\r
2516 \r
2517 .x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {\r
2518     padding:3px 5px 0 0 !important;\r
2519     text-align:right;\r
2520 }\r
2521 \r
2522 /* Row Icon */\r
2523 \r
2524 .x-grid3-body .x-grid3-td-row-icon {\r
2525     background:transparent repeat-y right;\r
2526     vertical-align:top;\r
2527     text-align:center;\r
2528 }\r
2529 \r
2530 .x-grid3-body .x-grid3-td-row-icon .x-grid3-cell-inner {\r
2531     padding:0 !important;\r
2532     background-position:center center;\r
2533     background-repeat:no-repeat;\r
2534     width:16px;\r
2535     height:16px;\r
2536     margin-left:2px;\r
2537     margin-top:3px;\r
2538 }\r
2539 \r
2540 /* All specials */\r
2541 .x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,\r
2542 .x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,\r
2543 .x-grid3-body .x-grid3-row-selected .x-grid3-td-expander {\r
2544         background:transparent repeat-y right;\r
2545 }\r
2546 \r
2547 .x-grid3-body .x-grid3-check-col-td .x-grid3-cell-inner {\r
2548     padding: 1px 0 0 0 !important;\r
2549 }\r
2550 \r
2551 .x-grid3-check-col {\r
2552     width:100%;\r
2553     height:16px;\r
2554     background-position:center center;\r
2555     background-repeat:no-repeat;\r
2556     background-color:transparent;\r
2557 }\r
2558 \r
2559 .x-grid3-check-col-on {\r
2560     width:100%;\r
2561     height:16px;\r
2562     background-position:center center;\r
2563     background-repeat:no-repeat;\r
2564     background-color:transparent;\r
2565 }\r
2566 \r
2567 /* Grouping classes */\r
2568 .x-grid-group, .x-grid-group-body, .x-grid-group-hd {\r
2569     zoom:1;\r
2570 }\r
2571 \r
2572 .x-grid-group-hd {\r
2573     border-bottom: 2px solid;\r
2574     cursor:pointer;\r
2575     padding-top:6px;\r
2576 }\r
2577 \r
2578 .x-grid-group-hd div.x-grid-group-title {\r
2579     background:transparent no-repeat 3px 3px;\r
2580     padding:4px 4px 4px 17px;\r
2581 }\r
2582 \r
2583 .x-grid-group-collapsed .x-grid-group-body {\r
2584     display:none;\r
2585 }\r
2586 \r
2587 .ext-ie6 .x-grid3 .x-editor .x-form-text, .ext-ie7 .x-grid3 .x-editor .x-form-text {\r
2588     position:relative;\r
2589     top:-1px;\r
2590 }\r
2591 \r
2592 .ext-ie .x-props-grid .x-editor .x-form-text {\r
2593     position:static;\r
2594     top:0;\r
2595 }\r
2596 \r
2597 .x-grid-empty {\r
2598     padding:10px;\r
2599 }\r
2600 \r
2601 /* fix floating toolbar issue */\r
2602 .ext-ie7 .x-grid-panel .x-panel-bbar {\r
2603     position:relative;\r
2604 }\r
2605 \r
2606 \r
2607 /* Reset position to static when Grid Panel has been framed */\r
2608 /* to resolve 'snapping' from top to bottom behavior. */\r
2609 /* @forumThread 86656 */\r
2610 .ext-ie7 .x-grid-panel .x-panel-mc .x-panel-bbar {\r
2611     position: static;\r
2612 }\r
2613 \r
2614 \r
2615 .ext-ie6 .x-grid3-header {\r
2616     position: relative;\r
2617 }\r
2618 \r
2619 /* column lines */\r
2620 .x-grid-with-col-lines .x-grid3-row td.x-grid3-cell {\r
2621     padding-right:0;\r
2622     border-right:1px solid;\r
2623 }\r
2624 .x-dd-drag-proxy{\r
2625         position:absolute;\r
2626         left:0;\r
2627     top:0;\r
2628         visibility:hidden;\r
2629         z-index:15000;\r
2630 }\r
2631 \r
2632 .x-dd-drag-ghost{\r
2633         -moz-opacity: 0.85;\r
2634     opacity:.85;\r
2635     filter: alpha(opacity=85);\r
2636     border: 1px solid;\r
2637         padding:3px;\r
2638         padding-left:20px;\r
2639         white-space:nowrap;\r
2640 }\r
2641 \r
2642 .x-dd-drag-repair .x-dd-drag-ghost{\r
2643         -moz-opacity: 0.4;\r
2644     opacity:.4;\r
2645     filter: alpha(opacity=40);\r
2646         border:0 none;\r
2647         padding:0;\r
2648         background-color:transparent;\r
2649 }\r
2650 \r
2651 .x-dd-drag-repair .x-dd-drop-icon{\r
2652         visibility:hidden;\r
2653 }\r
2654 \r
2655 .x-dd-drop-icon{\r
2656     position:absolute;\r
2657         top:3px;\r
2658         left:3px;\r
2659         display:block;\r
2660         width:16px;\r
2661         height:16px;\r
2662         background-color:transparent;\r
2663         background-position: center;\r
2664         background-repeat: no-repeat;\r
2665         z-index:1;\r
2666 }\r
2667 \r
2668 .x-view-selector {\r
2669     position:absolute;\r
2670     left:0;\r
2671     top:0;\r
2672     width:0;\r
2673     border:1px dotted;\r
2674         opacity: .5;\r
2675     -moz-opacity: .5;\r
2676     filter:alpha(opacity=50);\r
2677     zoom:1;\r
2678 }.ext-strict .ext-ie .x-tree .x-panel-bwrap{\r
2679     position:relative;\r
2680     overflow:hidden;\r
2681 }\r
2682 \r
2683 .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
2684         border: 0 none;\r
2685         height: 18px;\r
2686         margin: 0;\r
2687         padding: 0;\r
2688         vertical-align: top;\r
2689         width: 16px;\r
2690     background-repeat: no-repeat;\r
2691 }\r
2692 \r
2693 .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
2694         border: 0 none;\r
2695         height: 18px;\r
2696         margin: 0;\r
2697         padding: 0;\r
2698         vertical-align: top;\r
2699         width: 16px;\r
2700         background-position:center;\r
2701     background-repeat: no-repeat;\r
2702 }\r
2703 \r
2704 .ext-ie .x-tree-node-indent img, .ext-ie .x-tree-node-icon, .ext-ie .x-tree-ec-icon {\r
2705     vertical-align: middle !important;\r
2706 }\r
2707 \r
2708 .ext-strict .ext-ie8 .x-tree-node-indent img, .ext-strict .ext-ie8 .x-tree-node-icon, .ext-strict .ext-ie8 .x-tree-ec-icon {\r
2709     vertical-align: top !important;\r
2710 }\r
2711 \r
2712 /* checkboxes */\r
2713 \r
2714 input.x-tree-node-cb {\r
2715     margin-left:1px;\r
2716     height: 19px;\r
2717         vertical-align: bottom;\r
2718 }\r
2719 \r
2720 .ext-ie input.x-tree-node-cb {\r
2721     margin-left:0;\r
2722     margin-top: 1px;\r
2723     width: 16px;\r
2724     height: 16px;\r
2725     vertical-align: middle;\r
2726 }\r
2727 \r
2728 .ext-strict .ext-ie8 input.x-tree-node-cb{\r
2729     margin: 1px 1px;\r
2730     height: 14px;\r
2731     vertical-align: bottom;\r
2732 }\r
2733 \r
2734 .ext-strict .ext-ie8 input.x-tree-node-cb + a{\r
2735     vertical-align: bottom;\r
2736 }\r
2737 \r
2738 .ext-opera input.x-tree-node-cb {\r
2739     height: 14px;\r
2740     vertical-align: middle;\r
2741 }\r
2742 \r
2743 .x-tree-noicon .x-tree-node-icon{\r
2744         width:0; height:0;\r
2745 }\r
2746 \r
2747 /* No line styles */\r
2748 .x-tree-no-lines .x-tree-elbow{\r
2749         background:transparent;\r
2750 }\r
2751 \r
2752 .x-tree-no-lines .x-tree-elbow-end{\r
2753         background:transparent;\r
2754 }\r
2755 \r
2756 .x-tree-no-lines .x-tree-elbow-line{\r
2757         background:transparent;\r
2758 }\r
2759 \r
2760 /* Arrows */\r
2761 .x-tree-arrows .x-tree-elbow{\r
2762         background:transparent;\r
2763 }\r
2764 \r
2765 .x-tree-arrows .x-tree-elbow-plus{\r
2766     background:transparent no-repeat 0 0;\r
2767 }\r
2768 \r
2769 .x-tree-arrows .x-tree-elbow-minus{\r
2770     background:transparent no-repeat -16px 0;\r
2771 }\r
2772 \r
2773 .x-tree-arrows .x-tree-elbow-end{\r
2774         background:transparent;\r
2775 }\r
2776 \r
2777 .x-tree-arrows .x-tree-elbow-end-plus{\r
2778     background:transparent no-repeat 0 0;\r
2779 }\r
2780 \r
2781 .x-tree-arrows .x-tree-elbow-end-minus{\r
2782     background:transparent no-repeat -16px 0;\r
2783 }\r
2784 \r
2785 .x-tree-arrows .x-tree-elbow-line{\r
2786         background:transparent;\r
2787 }\r
2788 \r
2789 .x-tree-arrows .x-tree-ec-over .x-tree-elbow-plus{\r
2790     background-position:-32px 0;\r
2791 }\r
2792 \r
2793 .x-tree-arrows .x-tree-ec-over .x-tree-elbow-minus{\r
2794     background-position:-48px 0;\r
2795 }\r
2796 \r
2797 .x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-plus{\r
2798     background-position:-32px 0;\r
2799 }\r
2800 \r
2801 .x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-minus{\r
2802     background-position:-48px 0;\r
2803 }\r
2804 \r
2805 .x-tree-elbow-plus, .x-tree-elbow-minus, .x-tree-elbow-end-plus, .x-tree-elbow-end-minus{\r
2806         cursor:pointer;\r
2807 }\r
2808 \r
2809 .ext-ie ul.x-tree-node-ct{\r
2810     font-size:0;\r
2811     line-height:0;\r
2812     zoom:1;\r
2813 }\r
2814 \r
2815 .x-tree-node{\r
2816         white-space: nowrap;\r
2817 }\r
2818 \r
2819 .x-tree-node-el {\r
2820     line-height:18px;\r
2821     cursor:pointer;\r
2822 }\r
2823 \r
2824 .x-tree-node a, .x-dd-drag-ghost a{\r
2825         text-decoration:none;\r
2826         -khtml-user-select:none;\r
2827         -moz-user-select:none;\r
2828     -webkit-user-select:ignore;\r
2829     -kthml-user-focus:normal;\r
2830     -moz-user-focus:normal;\r
2831     -moz-outline: 0 none;\r
2832     outline:0 none;\r
2833 }\r
2834 \r
2835 .x-tree-node a span, .x-dd-drag-ghost a span{\r
2836         text-decoration:none;\r
2837         padding:1px 3px 1px 2px;\r
2838 }\r
2839 \r
2840 .x-tree-node .x-tree-node-disabled .x-tree-node-icon{\r
2841         -moz-opacity: 0.5;\r
2842    opacity:.5;\r
2843    filter: alpha(opacity=50);\r
2844 }\r
2845 \r
2846 .x-tree-node .x-tree-node-inline-icon{\r
2847         background:transparent;\r
2848 }\r
2849 \r
2850 .x-tree-node a:hover, .x-dd-drag-ghost a:hover{\r
2851         text-decoration:none;\r
2852 }\r
2853 \r
2854 .x-tree-node div.x-tree-drag-insert-below{\r
2855          border-bottom:1px dotted;\r
2856 }\r
2857 \r
2858 .x-tree-node div.x-tree-drag-insert-above{\r
2859          border-top:1px dotted;\r
2860 }\r
2861 \r
2862 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below{\r
2863          border-bottom:0 none;\r
2864 }\r
2865 \r
2866 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above{\r
2867          border-top:0 none;\r
2868 }\r
2869 \r
2870 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{\r
2871          border-bottom:2px solid;\r
2872 }\r
2873 \r
2874 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{\r
2875          border-top:2px solid;\r
2876 }\r
2877 \r
2878 .x-tree-node .x-tree-drag-append a span{\r
2879          border:1px dotted;\r
2880 }\r
2881 \r
2882 .x-dd-drag-ghost .x-tree-node-indent, .x-dd-drag-ghost .x-tree-ec-icon{\r
2883         display:none !important;\r
2884 }\r
2885 \r
2886 /* Fix for ie rootVisible:false issue */\r
2887 .x-tree-root-ct {\r
2888     zoom:1;\r
2889 }\r
2890 .x-date-picker {
2891     border: 1px solid;
2892     border-top:0 none;
2893         position:relative;
2894 }
2895
2896 .x-date-picker a {
2897     -moz-outline:0 none;
2898     outline:0 none;
2899 }
2900
2901 .x-date-inner, .x-date-inner td, .x-date-inner th{
2902     border-collapse:separate;
2903 }
2904
2905 .x-date-middle,.x-date-left,.x-date-right {
2906         background: repeat-x 0 -83px;
2907         overflow:hidden;
2908 }
2909
2910 .x-date-middle .x-btn-tc,.x-date-middle .x-btn-tl,.x-date-middle .x-btn-tr,
2911 .x-date-middle .x-btn-mc,.x-date-middle .x-btn-ml,.x-date-middle .x-btn-mr,
2912 .x-date-middle .x-btn-bc,.x-date-middle .x-btn-bl,.x-date-middle .x-btn-br{
2913         background:transparent !important;
2914     vertical-align:middle;
2915 }
2916
2917 .x-date-middle .x-btn-mc em.x-btn-arrow {
2918     background:transparent no-repeat right 0;
2919 }
2920
2921 .x-date-right, .x-date-left {
2922     width:18px;
2923 }
2924
2925 .x-date-right{
2926     text-align:right;
2927 }
2928
2929 .x-date-middle {
2930     padding-top:2px;
2931     padding-bottom:2px;
2932     width:130px; /* FF3 */
2933 }
2934
2935 .x-date-right a, .x-date-left a{
2936     display:block;
2937     width:16px;
2938         height:16px;
2939         background-position: center;
2940         background-repeat: no-repeat;
2941         cursor:pointer;
2942     -moz-opacity: 0.6;
2943     opacity:.6;
2944     filter: alpha(opacity=60);
2945 }
2946
2947 .x-date-right a:hover, .x-date-left a:hover{
2948     -moz-opacity: 1;
2949     opacity:1;
2950     filter: alpha(opacity=100);
2951 }
2952
2953 .x-item-disabled .x-date-right a:hover, .x-item-disabled .x-date-left a:hover{
2954     -moz-opacity: 0.6;
2955     opacity:.6;
2956     filter: alpha(opacity=60);
2957 }
2958
2959 .x-date-right a {
2960     margin-right:2px;
2961     text-decoration:none !important;
2962 }
2963
2964 .x-date-left a{
2965     margin-left:2px;
2966     text-decoration:none !important;
2967 }
2968
2969 table.x-date-inner {
2970     width: 100%;
2971     table-layout:fixed;
2972 }
2973
2974 .ext-webkit table.x-date-inner{
2975     /* Fix for webkit browsers */
2976     width: 175px;
2977 }
2978
2979
2980 .x-date-inner th {
2981     width:25px;
2982 }
2983
2984 .x-date-inner th {
2985     background: repeat-x left top;
2986     text-align:right !important;
2987         border-bottom: 1px solid;
2988         cursor:default;
2989     padding:0;
2990     border-collapse:separate;
2991 }
2992
2993 .x-date-inner th span {
2994     display:block;
2995     padding:2px;
2996     padding-right:7px;
2997 }
2998
2999 .x-date-inner td {
3000     border: 1px solid;
3001         text-align:right;
3002     padding:0;
3003 }
3004
3005 .x-date-inner a {
3006     padding:2px 5px;
3007     display:block;
3008         text-decoration:none;
3009     text-align:right;
3010     zoom:1;
3011 }
3012
3013 .x-date-inner .x-date-active{
3014         cursor:pointer;
3015         color:black;
3016 }
3017
3018 .x-date-inner .x-date-selected a{
3019         background: repeat-x left top;
3020         border:1px solid;
3021     padding:1px 4px;
3022 }
3023
3024 .x-date-inner .x-date-today a{
3025         border: 1px solid;
3026     padding:1px 4px;
3027 }
3028
3029 .x-date-inner .x-date-prevday a,.x-date-inner .x-date-nextday a {
3030     text-decoration:none !important;
3031 }
3032
3033 .x-date-bottom {
3034     padding:4px;
3035     border-top: 1px solid;
3036     background: repeat-x left top;
3037 }
3038
3039 .x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover{
3040     text-decoration:none !important;
3041 }
3042
3043 .x-item-disabled .x-date-inner a:hover{
3044     background: none;
3045 }
3046
3047 .x-date-inner .x-date-disabled a {
3048         cursor:default;
3049 }
3050
3051 .x-date-menu .x-menu-item {
3052         padding:1px 24px 1px 4px;
3053         white-space: nowrap;
3054 }
3055
3056 .x-date-menu .x-menu-item .x-menu-item-icon {
3057     width:10px;
3058     height:10px;
3059     margin-right:5px;
3060     background-position:center -4px !important;
3061 }
3062
3063 .x-date-mp {
3064         position:absolute;
3065         left:0;
3066         top:0;
3067         display:none;
3068 }
3069
3070 .x-date-mp td {
3071     padding:2px;
3072         font:normal 11px arial, helvetica,tahoma,sans-serif;
3073 }
3074
3075 td.x-date-mp-month,td.x-date-mp-year,td.x-date-mp-ybtn {
3076     border: 0 none;
3077         text-align:center;
3078         vertical-align: middle;
3079         width:25%;
3080 }
3081
3082 .x-date-mp-ok {
3083         margin-right:3px;
3084 }
3085
3086 .x-date-mp-btns button {
3087         text-decoration:none;
3088         text-align:center;
3089         text-decoration:none !important;
3090         border:1px solid;
3091         padding:1px 3px 1px;
3092         cursor:pointer;
3093 }
3094
3095 .x-date-mp-btns {
3096         background: repeat-x left top;
3097 }
3098
3099 .x-date-mp-btns td {
3100         border-top: 1px solid;
3101     text-align:center;
3102 }
3103
3104 td.x-date-mp-month a,td.x-date-mp-year a {
3105         display:block;
3106         padding:2px 4px;
3107         text-decoration:none;
3108         text-align:center;
3109 }
3110
3111 td.x-date-mp-month a:hover,td.x-date-mp-year a:hover {
3112         text-decoration:none;
3113         cursor:pointer;
3114 }
3115
3116 td.x-date-mp-sel a {
3117         padding:1px 3px;
3118         background: repeat-x left top;
3119         border:1px solid;
3120 }
3121
3122 .x-date-mp-ybtn a {
3123     overflow:hidden;
3124     width:15px;
3125     height:15px;
3126     cursor:pointer;
3127     background:transparent no-repeat;
3128     display:block;
3129     margin:0 auto;
3130 }
3131
3132 .x-date-mp-ybtn a.x-date-mp-next {
3133     background-position:0 -120px;
3134 }
3135
3136 .x-date-mp-ybtn a.x-date-mp-next:hover {
3137     background-position:-15px -120px;
3138 }
3139
3140 .x-date-mp-ybtn a.x-date-mp-prev {
3141     background-position:0 -105px;
3142 }
3143
3144 .x-date-mp-ybtn a.x-date-mp-prev:hover {
3145     background-position:-15px -105px;
3146 }
3147
3148 .x-date-mp-ybtn {
3149    text-align:center;
3150 }
3151
3152 td.x-date-mp-sep {
3153    border-right:1px solid;
3154 }.x-tip{\r
3155         position: absolute;\r
3156         top: 0;\r
3157     left:0;\r
3158     visibility: hidden;\r
3159         z-index: 20000;\r
3160     border:0 none;\r
3161 }\r
3162 \r
3163 .x-tip .x-tip-close{\r
3164         height: 15px;\r
3165         float:right;\r
3166         width: 15px;\r
3167     margin:0 0 2px 2px;\r
3168     cursor:pointer;\r
3169     display:none;\r
3170 }\r
3171 \r
3172 .x-tip .x-tip-tc {\r
3173         background: transparent no-repeat 0 -62px;\r
3174         padding-top:3px;\r
3175     overflow:hidden;\r
3176     zoom:1;\r
3177 }\r
3178 \r
3179 .x-tip .x-tip-tl {\r
3180         background: transparent no-repeat 0 0;\r
3181         padding-left:6px;\r
3182     overflow:hidden;\r
3183     zoom:1;\r
3184 }\r
3185 \r
3186 .x-tip .x-tip-tr {\r
3187         background: transparent no-repeat right 0;\r
3188         padding-right:6px;\r
3189     overflow:hidden;\r
3190     zoom:1;\r
3191 }\r
3192 \r
3193 .x-tip .x-tip-bc {\r
3194         background: transparent no-repeat 0 -121px;\r
3195         height:3px;\r
3196     overflow:hidden;\r
3197 }\r
3198 \r
3199 .x-tip .x-tip-bl {\r
3200         background: transparent no-repeat 0 -59px;\r
3201         padding-left:6px;\r
3202     zoom:1;\r
3203 }\r
3204 \r
3205 .x-tip .x-tip-br {\r
3206         background: transparent no-repeat right -59px;\r
3207         padding-right:6px;\r
3208     zoom:1;\r
3209 }\r
3210 \r
3211 .x-tip .x-tip-mc {\r
3212     border:0 none;\r
3213 }\r
3214 \r
3215 .x-tip .x-tip-ml {\r
3216         background: no-repeat 0 -124px;\r
3217         padding-left:6px;\r
3218     zoom:1;\r
3219 }\r
3220 \r
3221 .x-tip .x-tip-mr {\r
3222         background: transparent no-repeat right -124px;\r
3223         padding-right:6px;\r
3224     zoom:1;\r
3225 }\r
3226 \r
3227 .ext-ie .x-tip .x-tip-header,.ext-ie .x-tip .x-tip-tc {\r
3228     font-size:0;\r
3229     line-height:0;\r
3230 }\r
3231 \r
3232 .ext-border-box .x-tip .x-tip-header, .ext-border-box .x-tip .x-tip-tc{\r
3233     line-height: 1px;\r
3234 }\r
3235 \r
3236 .x-tip .x-tip-header-text {\r
3237     padding:0;\r
3238     margin:0 0 2px 0;\r
3239 }\r
3240 \r
3241 .x-tip .x-tip-body {\r
3242     margin:0 !important;\r
3243     line-height:14px;\r
3244     padding:0;\r
3245 }\r
3246 \r
3247 .x-tip .x-tip-body .loading-indicator {\r
3248     margin:0;\r
3249 }\r
3250 \r
3251 .x-tip-draggable .x-tip-header,.x-tip-draggable .x-tip-header-text {\r
3252     cursor:move;\r
3253 }\r
3254 \r
3255 .x-form-invalid-tip .x-tip-tc {\r
3256         background: repeat-x 0 -12px;\r
3257     padding-top:6px;\r
3258 }\r
3259 \r
3260 .x-form-invalid-tip .x-tip-bc {\r
3261         background: repeat-x 0 -18px;\r
3262     height:6px;\r
3263 }\r
3264 \r
3265 .x-form-invalid-tip .x-tip-bl {\r
3266         background: no-repeat 0 -6px;\r
3267 }\r
3268 \r
3269 .x-form-invalid-tip .x-tip-br {\r
3270         background: no-repeat right -6px;\r
3271 }\r
3272 \r
3273 .x-form-invalid-tip .x-tip-body {\r
3274     padding:2px;\r
3275 }\r
3276 \r
3277 .x-form-invalid-tip .x-tip-body {\r
3278     padding-left:24px;\r
3279     background:transparent no-repeat 2px 2px;\r
3280 }\r
3281 \r
3282 .x-tip-anchor {\r
3283     position: absolute;\r
3284     width: 9px;\r
3285     height: 10px;\r
3286     overflow:hidden;\r
3287     background: transparent no-repeat 0 0;\r
3288     zoom:1;\r
3289 }\r
3290 .x-tip-anchor-bottom {\r
3291     background-position: -9px 0;\r
3292 }\r
3293 .x-tip-anchor-right {\r
3294     background-position: -18px 0;\r
3295     width: 10px;\r
3296 }\r
3297 .x-tip-anchor-left {\r
3298     background-position: -28px 0;\r
3299     width: 10px;\r
3300 }.x-menu {\r
3301         z-index: 15000;\r
3302         zoom: 1;\r
3303         background: repeat-y;\r
3304 }\r
3305 \r
3306 .x-menu-floating{\r
3307     border: 1px solid;\r
3308 }\r
3309 \r
3310 .x-menu a {\r
3311     text-decoration: none !important;\r
3312 }\r
3313 \r
3314 .ext-ie .x-menu {\r
3315     zoom:1;\r
3316     overflow:hidden;\r
3317 }\r
3318 \r
3319 .x-menu-list{\r
3320     padding: 2px;\r
3321         background:transparent;\r
3322         border:0 none;\r
3323     overflow:hidden;\r
3324     overflow-y: hidden;\r
3325 }\r
3326 \r
3327 .ext-strict .ext-ie .x-menu-list{\r
3328     position: relative;\r
3329 }\r
3330 \r
3331 .x-menu li{\r
3332         line-height:100%;\r
3333 }\r
3334 \r
3335 .x-menu li.x-menu-sep-li{\r
3336         font-size:1px;\r
3337         line-height:1px;\r
3338 }\r
3339 \r
3340 .x-menu-list-item{\r
3341     white-space: nowrap;\r
3342         display:block;\r
3343         padding:1px;\r
3344 }\r
3345 \r
3346 .x-menu-item{\r
3347     -moz-user-select: none;\r
3348     -khtml-user-select:none;\r
3349     -webkit-user-select:ignore;\r
3350 }\r
3351 \r
3352 .x-menu-item-arrow{\r
3353         background:transparent no-repeat right;\r
3354 }\r
3355 \r
3356 .x-menu-sep {\r
3357         display:block;\r
3358         font-size:1px;\r
3359         line-height:1px;\r
3360         margin: 2px 3px;\r
3361         border-bottom:1px solid;\r
3362     overflow:hidden;\r
3363 }\r
3364 \r
3365 .x-menu-focus {\r
3366         position:absolute;\r
3367         left:-1px;\r
3368         top:-1px;\r
3369         width:1px;\r
3370         height:1px;\r
3371     line-height:1px;\r
3372     font-size:1px;\r
3373     -moz-outline:0 none;\r
3374     outline:0 none;\r
3375     -moz-user-select: none;\r
3376     -khtml-user-select:none;\r
3377     -webkit-user-select:ignore;\r
3378     overflow:hidden;\r
3379     display:block;\r
3380 }\r
3381 \r
3382 a.x-menu-item {\r
3383     cursor: pointer;\r
3384     display: block;\r
3385     line-height: 16px;\r
3386     outline-color: -moz-use-text-color;\r
3387     outline-style: none;\r
3388     outline-width: 0;\r
3389     padding: 3px 21px 3px 27px;\r
3390     position: relative;\r
3391     text-decoration: none;\r
3392     white-space: nowrap;\r
3393 }\r
3394 \r
3395 .x-menu-item-active {\r
3396     background-repeat: repeat-x;\r
3397     background-position: left bottom;\r
3398     border-style:solid;\r
3399     border-width: 1px 0;\r
3400     margin:0 1px;\r
3401         padding: 0;\r
3402 }\r
3403 \r
3404 .x-menu-item-active a.x-menu-item {\r
3405     border-style:solid;\r
3406     border-width:0 1px;\r
3407     margin:0 -1px;\r
3408 }\r
3409 \r
3410 .x-menu-item-icon {\r
3411         border: 0 none;\r
3412         height: 16px;\r
3413         padding: 0;\r
3414         vertical-align: top;\r
3415         width: 16px;\r
3416         position: absolute;\r
3417     left: 3px;\r
3418     top: 3px;\r
3419     margin: 0;\r
3420     background-position:center;\r
3421 }\r
3422 \r
3423 .ext-ie .x-menu-item-icon {\r
3424     left: -24px;\r
3425 }\r
3426 .ext-strict .x-menu-item-icon {\r
3427     left: 3px;\r
3428 }\r
3429 \r
3430 .ext-ie6 .x-menu-item-icon {\r
3431     left: -24px;\r
3432 }\r
3433 \r
3434 .ext-ie .x-menu-item-icon {\r
3435     vertical-align: middle;\r
3436 }\r
3437 \r
3438 .x-menu-check-item .x-menu-item-icon{\r
3439         background: transparent no-repeat center;\r
3440 }\r
3441 \r
3442 .x-menu-group-item .x-menu-item-icon{\r
3443         background: transparent;\r
3444 }\r
3445 \r
3446 .x-menu-item-checked .x-menu-group-item .x-menu-item-icon{\r
3447     background: transparent no-repeat center;\r
3448 }\r
3449 \r
3450 .x-date-menu .x-menu-list{\r
3451     padding: 0;\r
3452 }\r
3453 \r
3454 .x-menu-date-item{\r
3455         padding:0;\r
3456 }\r
3457 \r
3458 .x-menu .x-color-palette, .x-menu .x-date-picker{\r
3459     margin-left: 26px;\r
3460         margin-right:4px;\r
3461 }\r
3462 \r
3463 .x-menu .x-date-picker{\r
3464     border:1px solid;\r
3465     margin-top:2px;\r
3466     margin-bottom:2px;\r
3467 }\r
3468 \r
3469 .x-menu-plain .x-color-palette, .x-menu-plain .x-date-picker{\r
3470          margin: 0;\r
3471          border: 0 none;\r
3472 }\r
3473 \r
3474 .x-date-menu {\r
3475    padding:0 !important;\r
3476 }\r
3477 \r
3478 /*\r
3479  * Ugly mess to remove the white border under the picker\r
3480  */\r
3481 .ext-ie .x-date-menu{\r
3482     height: 199px;\r
3483 }\r
3484 \r
3485 .ext-strict .ext-ie .x-date-menu, .ext-border-box .ext-ie8 .x-date-menu{\r
3486     height: 197px;\r
3487 }\r
3488 \r
3489 .ext-strict .ext-ie7 .x-date-menu{\r
3490     height: 195px;\r
3491 }\r
3492 \r
3493 .ext-strict .ext-ie8 .x-date-menu{\r
3494     height: auto;\r
3495 }\r
3496 \r
3497 .x-cycle-menu .x-menu-item-checked {\r
3498     border:1px dotted !important;\r
3499         padding:0;\r
3500 }\r
3501 \r
3502 .x-menu .x-menu-scroller {\r
3503     width: 100%;\r
3504         background-repeat:no-repeat;\r
3505         background-position:center;\r
3506         height:8px;\r
3507     line-height: 8px;\r
3508         cursor:pointer;\r
3509     margin: 0;\r
3510     padding: 0;\r
3511 }\r
3512 \r
3513 .x-menu .x-menu-scroller-active{\r
3514     height: 6px;\r
3515     line-height: 6px;\r
3516 }\r
3517 \r
3518 .x-menu-list-item-indent{\r
3519     padding-left: 27px;\r
3520 }\r
3521 /*
3522  Creates rounded, raised boxes like on the Ext website - the markup isn't pretty:
3523   <div class="x-box-blue">
3524         <div class="x-box-tl"><div class="x-box-tr"><div class="x-box-tc"></div></div></div>
3525         <div class="x-box-ml"><div class="x-box-mr"><div class="x-box-mc">
3526             <h3>YOUR TITLE HERE (optional)</h3>
3527             <div>YOUR CONTENT HERE</div>
3528         </div></div></div>
3529         <div class="x-box-bl"><div class="x-box-br"><div class="x-box-bc"></div></div></div>
3530     </div>
3531  */
3532
3533 .x-box-tl {
3534         background: transparent no-repeat 0 0;
3535     zoom:1;
3536 }
3537
3538 .x-box-tc {
3539         height: 8px;
3540         background: transparent repeat-x 0 0;
3541         overflow: hidden;
3542 }
3543
3544 .x-box-tr {
3545         background: transparent no-repeat right -8px;
3546 }
3547
3548 .x-box-ml {
3549         background: transparent repeat-y 0;
3550         padding-left: 4px;
3551         overflow: hidden;
3552     zoom:1;
3553 }
3554
3555 .x-box-mc {
3556         background: repeat-x 0 -16px;
3557         padding: 4px 10px;
3558 }
3559
3560 .x-box-mc h3 {
3561         margin: 0 0 4px 0;
3562     zoom:1;
3563 }
3564
3565 .x-box-mr {
3566         background: transparent repeat-y right;
3567         padding-right: 4px;
3568         overflow: hidden;
3569 }
3570
3571 .x-box-bl {
3572         background: transparent no-repeat 0 -16px;
3573     zoom:1;
3574 }
3575
3576 .x-box-bc {
3577         background: transparent repeat-x 0 -8px;
3578         height: 8px;
3579         overflow: hidden;
3580 }
3581
3582 .x-box-br {
3583         background: transparent no-repeat right -24px;
3584 }
3585
3586 .x-box-tl, .x-box-bl {
3587         padding-left: 8px;
3588         overflow: hidden;
3589 }
3590
3591 .x-box-tr, .x-box-br {
3592         padding-right: 8px;
3593         overflow: hidden;
3594 }.x-combo-list {
3595     border:1px solid;
3596     zoom:1;
3597     overflow:hidden;
3598 }
3599
3600 .x-combo-list-inner {
3601     overflow:auto;
3602     position:relative; /* for calculating scroll offsets */
3603     zoom:1;
3604     overflow-x:hidden;
3605 }
3606
3607 .x-combo-list-hd {
3608     border-bottom:1px solid;
3609     padding:3px;
3610 }
3611
3612 .x-resizable-pinned .x-combo-list-inner {
3613     border-bottom:1px solid;
3614 }
3615
3616 .x-combo-list-item {
3617     padding:2px;
3618     border:1px solid;
3619     white-space: nowrap;
3620     overflow:hidden;
3621     text-overflow: ellipsis;
3622 }
3623
3624 .x-combo-list .x-combo-selected{
3625         border:1px dotted !important;
3626     cursor:pointer;
3627 }
3628
3629 .x-combo-list .x-toolbar {
3630     border-top:1px solid;
3631     border-bottom:0 none;
3632 }.x-panel {
3633     border-style: solid;
3634     border-width:0;
3635 }
3636
3637 .x-panel-header {
3638     overflow:hidden;
3639     zoom:1;
3640     padding:5px 3px 4px 5px;
3641     border:1px solid;
3642     line-height: 15px;
3643     background: transparent repeat-x 0 -1px;
3644 }
3645
3646 .x-panel-body {
3647     border:1px solid;
3648     border-top:0 none;
3649     overflow:hidden;
3650     position: relative; /* added for item scroll positioning */
3651 }
3652
3653 .x-panel-bbar .x-toolbar, .x-panel-tbar .x-toolbar {
3654     border:1px solid;
3655     border-top:0 none;
3656     overflow:hidden;
3657     padding:2px;
3658 }
3659
3660 .x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
3661     border-top:1px solid;
3662     border-bottom: 0 none;
3663 }
3664
3665 .x-panel-body-noheader, .x-panel-mc .x-panel-body {
3666     border-top:1px solid;
3667 }
3668
3669 .x-panel-header {
3670     overflow:hidden;
3671     zoom:1;
3672 }
3673
3674 .x-panel-tl .x-panel-header {
3675     padding:5px 0 4px 0;
3676     border:0 none;
3677     background:transparent;
3678 }
3679
3680 .x-panel-tl .x-panel-icon, .x-window-tl .x-panel-icon {
3681     padding-left:20px !important;
3682     background-repeat:no-repeat;
3683     background-position:0 4px;
3684     zoom:1;
3685 }
3686
3687 .x-panel-inline-icon {
3688     width:16px;
3689         height:16px;
3690     background-repeat:no-repeat;
3691     background-position:0 0;
3692         vertical-align:middle;
3693         margin-right:4px;
3694         margin-top:-1px;
3695         margin-bottom:-1px;
3696 }
3697
3698 .x-panel-tc {
3699         background: transparent repeat-x 0 0;
3700         overflow:hidden;
3701 }
3702
3703 /* fix ie7 strict mode bug */
3704 .ext-strict .ext-ie7 .x-panel-tc {
3705     overflow: visible;
3706 }
3707
3708 .x-panel-tl {
3709         background: transparent no-repeat 0 0;
3710         padding-left:6px;
3711     zoom:1;
3712     border-bottom:1px solid;
3713 }
3714
3715 .x-panel-tr {
3716         background: transparent no-repeat right 0;
3717         zoom:1;
3718     padding-right:6px;
3719 }
3720
3721 .x-panel-bc {
3722         background: transparent repeat-x 0 bottom;
3723     zoom:1;
3724 }
3725
3726 .x-panel-bc .x-panel-footer {
3727     zoom:1;
3728 }
3729
3730 .x-panel-bl {
3731         background: transparent no-repeat 0 bottom;
3732         padding-left:6px;
3733     zoom:1;
3734 }
3735
3736 .x-panel-br {
3737         background: transparent no-repeat right bottom;
3738         padding-right:6px;
3739     zoom:1;
3740 }
3741
3742 .x-panel-mc {
3743     border:0 none;
3744     padding:0;
3745     margin:0;
3746     padding-top:6px;
3747 }
3748
3749 .x-panel-mc .x-panel-body {
3750     background:transparent;
3751     border: 0 none;
3752 }
3753
3754 .x-panel-ml {
3755         background: repeat-y 0 0;
3756         padding-left:6px;
3757     zoom:1;
3758 }
3759
3760 .x-panel-mr {
3761         background: transparent repeat-y right 0;
3762         padding-right:6px;
3763     zoom:1;
3764 }
3765
3766 .x-panel-bc .x-panel-footer {
3767     padding-bottom:6px;
3768 }
3769
3770 .x-panel-nofooter .x-panel-bc, .x-panel-nofooter .x-window-bc {
3771         height:6px;
3772     font-size:0;
3773     line-height:0;
3774 }
3775
3776 .x-panel-bwrap {
3777     overflow:hidden;
3778     zoom:1;
3779     left:0;
3780     top:0;
3781 }
3782 .x-panel-body {
3783     overflow:hidden;
3784     zoom:1;
3785 }
3786
3787 .x-panel-collapsed .x-resizable-handle{
3788     display:none;
3789 }
3790
3791 .ext-gecko .x-panel-animated div {
3792     overflow:hidden !important;
3793 }
3794
3795 /* Plain */
3796 .x-plain-body {
3797     overflow:hidden;
3798 }
3799
3800 .x-plain-bbar .x-toolbar {
3801     overflow:hidden;
3802     padding:2px;
3803 }
3804
3805 .x-plain-tbar .x-toolbar {
3806     overflow:hidden;
3807     padding:2px;
3808 }
3809
3810 .x-plain-bwrap {
3811     overflow:hidden;
3812     zoom:1;
3813 }
3814
3815 .x-plain {
3816     overflow:hidden;
3817 }
3818
3819 /* Tools */
3820 .x-tool {
3821     overflow:hidden;
3822     width:15px;
3823     height:15px;
3824     float:right;
3825     cursor:pointer;
3826     background:transparent no-repeat;
3827     margin-left:2px;
3828 }
3829
3830 /* expand / collapse tools */
3831 .x-tool-toggle {
3832     background-position:0 -60px;
3833 }
3834
3835 .x-tool-toggle-over {
3836     background-position:-15px -60px;
3837 }
3838
3839 .x-panel-collapsed .x-tool-toggle {
3840     background-position:0 -75px;
3841 }
3842
3843 .x-panel-collapsed .x-tool-toggle-over {
3844     background-position:-15px -75px;
3845 }
3846
3847
3848 .x-tool-close {
3849     background-position:0 -0;
3850 }
3851
3852 .x-tool-close-over {
3853     background-position:-15px 0;
3854 }
3855
3856 .x-tool-minimize {
3857     background-position:0 -15px;
3858 }
3859
3860 .x-tool-minimize-over {
3861     background-position:-15px -15px;
3862 }
3863
3864 .x-tool-maximize {
3865     background-position:0 -30px;
3866 }
3867
3868 .x-tool-maximize-over {
3869     background-position:-15px -30px;
3870 }
3871
3872 .x-tool-restore {
3873     background-position:0 -45px;
3874 }
3875
3876 .x-tool-restore-over {
3877     background-position:-15px -45px;
3878 }
3879
3880 .x-tool-gear {
3881     background-position:0 -90px;
3882 }
3883
3884 .x-tool-gear-over {
3885     background-position:-15px -90px;
3886 }
3887
3888 .x-tool-pin {
3889     background-position:0 -135px;
3890 }
3891
3892 .x-tool-pin-over {
3893     background-position:-15px -135px;
3894 }
3895
3896 .x-tool-unpin {
3897     background-position:0 -150px;
3898 }
3899
3900 .x-tool-unpin-over {
3901     background-position:-15px -150px;
3902 }
3903
3904 .x-tool-right {
3905     background-position:0 -165px;
3906 }
3907
3908 .x-tool-right-over {
3909     background-position:-15px -165px;
3910 }
3911
3912 .x-tool-left {
3913     background-position:0 -180px;
3914 }
3915
3916 .x-tool-left-over {
3917     background-position:-15px -180px;
3918 }
3919
3920 .x-tool-up {
3921     background-position:0 -210px;
3922 }
3923
3924 .x-tool-up-over {
3925     background-position:-15px -210px;
3926 }
3927
3928 .x-tool-down {
3929     background-position:0 -195px;
3930 }
3931
3932 .x-tool-down-over {
3933     background-position:-15px -195px;
3934 }
3935
3936 .x-tool-refresh {
3937     background-position:0 -225px;
3938 }
3939
3940 .x-tool-refresh-over {
3941     background-position:-15px -225px;
3942 }
3943
3944 .x-tool-minus {
3945     background-position:0 -255px;
3946 }
3947
3948 .x-tool-minus-over {
3949     background-position:-15px -255px;
3950 }
3951
3952 .x-tool-plus {
3953     background-position:0 -240px;
3954 }
3955
3956 .x-tool-plus-over {
3957     background-position:-15px -240px;
3958 }
3959
3960 .x-tool-search {
3961     background-position:0 -270px;
3962 }
3963
3964 .x-tool-search-over {
3965     background-position:-15px -270px;
3966 }
3967
3968 .x-tool-save {
3969     background-position:0 -285px;
3970 }
3971
3972 .x-tool-save-over {
3973     background-position:-15px -285px;
3974 }
3975
3976 .x-tool-help {
3977     background-position:0 -300px;
3978 }
3979
3980 .x-tool-help-over {
3981     background-position:-15px -300px;
3982 }
3983
3984 .x-tool-print {
3985     background-position:0 -315px;
3986 }
3987
3988 .x-tool-print-over {
3989     background-position:-15px -315px;
3990 }
3991
3992 /* Ghosting */
3993 .x-panel-ghost {
3994     z-index:12000;
3995     overflow:hidden;
3996     position:absolute;
3997     left:0;top:0;
3998     opacity:.65;
3999     -moz-opacity:.65;
4000     filter:alpha(opacity=65);
4001 }
4002
4003 .x-panel-ghost ul {
4004     margin:0;
4005     padding:0;
4006     overflow:hidden;
4007     font-size:0;
4008     line-height:0;
4009     border:1px solid;
4010     border-top:0 none;
4011     display:block;
4012 }
4013
4014 .x-panel-ghost * {
4015     cursor:move !important;
4016 }
4017
4018 .x-panel-dd-spacer {
4019     border:2px dashed;
4020 }
4021
4022 /* Buttons */
4023 .x-panel-btns {
4024     padding:5px;
4025     overflow:hidden;
4026 }
4027
4028 .x-panel-btns td.x-toolbar-cell{
4029         padding:3px;
4030 }
4031
4032 .x-panel-btns .x-btn-focus .x-btn-left{
4033         background-position:0 -147px;
4034 }
4035
4036 .x-panel-btns .x-btn-focus .x-btn-right{
4037         background-position:0 -168px;
4038 }
4039
4040 .x-panel-btns .x-btn-focus .x-btn-center{
4041         background-position:0 -189px;
4042 }
4043
4044 .x-panel-btns .x-btn-over .x-btn-left{
4045         background-position:0 -63px;
4046 }
4047
4048 .x-panel-btns .x-btn-over .x-btn-right{
4049         background-position:0 -84px;
4050 }
4051
4052 .x-panel-btns .x-btn-over .x-btn-center{
4053         background-position:0 -105px;
4054 }
4055
4056 .x-panel-btns .x-btn-click .x-btn-center{
4057         background-position:0 -126px;
4058 }
4059
4060 .x-panel-btns .x-btn-click  .x-btn-right{
4061         background-position:0 -84px;
4062 }
4063
4064 .x-panel-btns .x-btn-click .x-btn-left{
4065         background-position:0 -63px;
4066 }
4067
4068 .x-panel-fbar td,.x-panel-fbar span,.x-panel-fbar input,.x-panel-fbar div,.x-panel-fbar select,.x-panel-fbar label{
4069         white-space: nowrap;
4070 }
4071 /**
4072  * W3C Suggested Default style sheet for HTML 4
4073  * http://www.w3.org/TR/CSS21/sample.html
4074  *
4075  * Resets for Ext.Panel @cfg normal: true
4076  */
4077 .x-panel-reset .x-panel-body html,
4078 .x-panel-reset .x-panel-body address,
4079 .x-panel-reset .x-panel-body blockquote,
4080 .x-panel-reset .x-panel-body body,
4081 .x-panel-reset .x-panel-body dd,
4082 .x-panel-reset .x-panel-body div,
4083 .x-panel-reset .x-panel-body dl,
4084 .x-panel-reset .x-panel-body dt,
4085 .x-panel-reset .x-panel-body fieldset,
4086 .x-panel-reset .x-panel-body form,
4087 .x-panel-reset .x-panel-body frame, frameset,
4088 .x-panel-reset .x-panel-body h1,
4089 .x-panel-reset .x-panel-body h2,
4090 .x-panel-reset .x-panel-body h3,
4091 .x-panel-reset .x-panel-body h4,
4092 .x-panel-reset .x-panel-body h5,
4093 .x-panel-reset .x-panel-body h6,
4094 .x-panel-reset .x-panel-body noframes,
4095 .x-panel-reset .x-panel-body ol,
4096 .x-panel-reset .x-panel-body p,
4097 .x-panel-reset .x-panel-body ul,
4098 .x-panel-reset .x-panel-body center,
4099 .x-panel-reset .x-panel-body dir,
4100 .x-panel-reset .x-panel-body hr,
4101 .x-panel-reset .x-panel-body menu,
4102 .x-panel-reset .x-panel-body pre                          { display: block }
4103 .x-panel-reset .x-panel-body li              { display: list-item }
4104 .x-panel-reset .x-panel-body head            { display: none }
4105 .x-panel-reset .x-panel-body table           { display: table }
4106 .x-panel-reset .x-panel-body tr              { display: table-row }
4107 .x-panel-reset .x-panel-body thead           { display: table-header-group }
4108 .x-panel-reset .x-panel-body tbody           { display: table-row-group }
4109 .x-panel-reset .x-panel-body tfoot           { display: table-footer-group }
4110 .x-panel-reset .x-panel-body col             { display: table-column }
4111 .x-panel-reset .x-panel-body colgroup        { display: table-column-group }
4112 .x-panel-reset .x-panel-body td,
4113 .x-panel-reset .x-panel-body th                   { display: table-cell }
4114 .x-panel-reset .x-panel-body caption         { display: table-caption }
4115 .x-panel-reset .x-panel-body th              { font-weight: bolder; text-align: center }
4116 .x-panel-reset .x-panel-body caption         { text-align: center }
4117 .x-panel-reset .x-panel-body body            { margin: 8px }
4118 .x-panel-reset .x-panel-body h1              { font-size: 2em; margin: .67em 0 }
4119 .x-panel-reset .x-panel-body h2              { font-size: 1.5em; margin: .75em 0 }
4120 .x-panel-reset .x-panel-body h3              { font-size: 1.17em; margin: .83em 0 }
4121 .x-panel-reset .x-panel-body h4,
4122 .x-panel-reset .x-panel-body p,
4123 .x-panel-reset .x-panel-body blockquote,
4124 .x-panel-reset .x-panel-body ul,
4125 .x-panel-reset .x-panel-body fieldset,
4126 .x-panel-reset .x-panel-body form,
4127 .x-panel-reset .x-panel-body ol,
4128 .x-panel-reset .x-panel-body dl,
4129 .x-panel-reset .x-panel-body dir,
4130 .x-panel-reset .x-panel-body menu            { margin: 1.12em 0 }
4131 .x-panel-reset .x-panel-body h5              { font-size: .83em; margin: 1.5em 0 }
4132 .x-panel-reset .x-panel-body h6              { font-size: .75em; margin: 1.67em 0 }
4133 .x-panel-reset .x-panel-body h1,
4134 .x-panel-reset .x-panel-body h2,
4135 .x-panel-reset .x-panel-body h3,
4136 .x-panel-reset .x-panel-body h4,
4137 .x-panel-reset .x-panel-body h5,
4138 .x-panel-reset .x-panel-body h6,
4139 .x-panel-reset .x-panel-body b,
4140 .x-panel-reset .x-panel-body strong          { font-weight: bolder }
4141 .x-panel-reset .x-panel-body blockquote      { margin-left: 40px; margin-right: 40px }
4142 .x-panel-reset .x-panel-body i,
4143 .x-panel-reset .x-panel-body cite,
4144 .x-panel-reset .x-panel-body em,
4145 .x-panel-reset .x-panel-body var,
4146 .x-panel-reset .x-panel-body address              { font-style: italic }
4147 .x-panel-reset .x-panel-body pre,
4148 .x-panel-reset .x-panel-body tt,
4149 .x-panel-reset .x-panel-body code,
4150 .x-panel-reset .x-panel-body kbd,
4151 .x-panel-reset .x-panel-body samp                 { font-family: monospace }
4152 .x-panel-reset .x-panel-body pre             { white-space: pre }
4153 .x-panel-reset .x-panel-body button,
4154 .x-panel-reset .x-panel-body textarea,
4155 .x-panel-reset .x-panel-body input,
4156 .x-panel-reset .x-panel-body select               { display: inline-block }
4157 .x-panel-reset .x-panel-body big             { font-size: 1.17em }
4158 .x-panel-reset .x-panel-body small,
4159 .x-panel-reset .x-panel-body sub,
4160 .x-panel-reset .x-panel-body sup                          { font-size: .83em }
4161 .x-panel-reset .x-panel-body sub             { vertical-align: sub }
4162 .x-panel-reset .x-panel-body sup             { vertical-align: super }
4163 .x-panel-reset .x-panel-body table           { border-spacing: 2px; }
4164 .x-panel-reset .x-panel-body thead,
4165 .x-panel-reset .x-panel-body tbody,
4166 .x-panel-reset .x-panel-body tfoot           { vertical-align: middle }
4167 .x-panel-reset .x-panel-body td,
4168 .x-panel-reset .x-panel-body th                   { vertical-align: inherit }
4169 .x-panel-reset .x-panel-body s,
4170 .x-panel-reset .x-panel-body strike,
4171 .x-panel-reset .x-panel-body del                          { text-decoration: line-through }
4172 .x-panel-reset .x-panel-body hr              { border: 1px inset }
4173 .x-panel-reset .x-panel-body ol,
4174 .x-panel-reset .x-panel-body ul,
4175 .x-panel-reset .x-panel-body dir,
4176 .x-panel-reset .x-panel-body menu,
4177 .x-panel-reset .x-panel-body dd           { margin-left: 40px }
4178 .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;}
4179 .x-panel-reset .x-panel-body ol              { list-style-type: decimal }
4180 .x-panel-reset .x-panel-body ol ul,
4181 .x-panel-reset .x-panel-body ul ol,
4182 .x-panel-reset .x-panel-body ul ul,
4183 .x-panel-reset .x-panel-body ol ol                { margin-top: 0; margin-bottom: 0 }
4184 .x-panel-reset .x-panel-body u,
4185 .x-panel-reset .x-panel-body ins                  { text-decoration: underline }
4186 .x-panel-reset .x-panel-body br:before       { content: "\A" }
4187 .x-panel-reset .x-panel-body :before, .x-panel-reset .x-panel-body :after { white-space: pre-line }
4188 .x-panel-reset .x-panel-body center          { text-align: center }
4189 .x-panel-reset .x-panel-body :link, .x-panel-reset .x-panel-body :visited { text-decoration: underline }
4190 .x-panel-reset .x-panel-body :focus          { outline: thin dotted invert }
4191
4192 /* Begin bidirectionality settings (do not change) */
4193 .x-panel-reset .x-panel-body BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
4194 .x-panel-reset .x-panel-body BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }
4195 .x-window {
4196     zoom:1;
4197 }
4198
4199 .x-window .x-resizable-handle {
4200     opacity:0;
4201     -moz-opacity:0;
4202     filter:alpha(opacity=0);
4203 }
4204
4205 .x-window-proxy {
4206     border:1px solid;
4207     z-index:12000;
4208     overflow:hidden;
4209     position:absolute;
4210     left:0;top:0;
4211     display:none;
4212     opacity:.5;
4213     -moz-opacity:.5;
4214     filter:alpha(opacity=50);
4215 }
4216
4217 .x-window-header {
4218     overflow:hidden;
4219     zoom:1;
4220 }
4221
4222 .x-window-bwrap {
4223     z-index:1;
4224     position:relative;
4225     zoom:1;
4226     left:0;top:0;
4227 }
4228
4229 .x-window-tl .x-window-header {
4230     padding:5px 0 4px 0;
4231 }
4232
4233 .x-window-header-text {
4234     cursor:pointer;
4235 }
4236
4237 .x-window-tc {
4238         background: transparent repeat-x 0 0;
4239         overflow:hidden;
4240     zoom:1;
4241 }
4242
4243 .x-window-tl {
4244         background: transparent no-repeat 0 0;
4245         padding-left:6px;
4246     zoom:1;
4247     z-index:1;
4248     position:relative;
4249 }
4250
4251 .x-window-tr {
4252         background: transparent no-repeat right 0;
4253         padding-right:6px;
4254 }
4255
4256 .x-window-bc {
4257         background: transparent repeat-x 0 bottom;
4258     zoom:1;
4259 }
4260
4261 .x-window-bc .x-window-footer {
4262     padding-bottom:6px;
4263     zoom:1;
4264     font-size:0;
4265     line-height:0;
4266 }
4267
4268 .x-window-bl {
4269         background: transparent no-repeat 0 bottom;
4270         padding-left:6px;
4271     zoom:1;
4272 }
4273
4274 .x-window-br {
4275         background: transparent no-repeat right bottom;
4276         padding-right:6px;
4277     zoom:1;
4278 }
4279
4280 .x-window-mc {
4281     border:1px solid;
4282     padding:0;
4283     margin:0;
4284 }
4285
4286 .x-window-ml {
4287         background: transparent repeat-y 0 0;
4288         padding-left:6px;
4289     zoom:1;
4290 }
4291
4292 .x-window-mr {
4293         background: transparent repeat-y right 0;
4294         padding-right:6px;
4295     zoom:1;
4296 }
4297
4298 .x-window-body {
4299     overflow:hidden;
4300 }
4301
4302 .x-window-bwrap {
4303     overflow:hidden;
4304 }
4305
4306 .x-window-maximized .x-window-bl, .x-window-maximized .x-window-br,
4307     .x-window-maximized .x-window-ml, .x-window-maximized .x-window-mr,
4308     .x-window-maximized .x-window-tl, .x-window-maximized .x-window-tr {
4309     padding:0;
4310 }
4311
4312 .x-window-maximized .x-window-footer {
4313     padding-bottom:0;
4314 }
4315
4316 .x-window-maximized .x-window-tc {
4317     padding-left:3px;
4318     padding-right:3px;
4319 }
4320
4321 .x-window-maximized .x-window-mc {
4322     border-left:0 none;
4323     border-right:0 none;
4324 }
4325
4326 .x-window-tbar .x-toolbar, .x-window-bbar .x-toolbar {
4327     border-left:0 none;
4328     border-right: 0 none;
4329 }
4330
4331 .x-window-bbar .x-toolbar {
4332     border-top:1px solid;
4333     border-bottom:0 none;
4334 }
4335
4336 .x-window-draggable, .x-window-draggable .x-window-header-text {
4337     cursor:move;
4338 }
4339
4340 .x-window-maximized .x-window-draggable, .x-window-maximized .x-window-draggable .x-window-header-text {
4341     cursor:default;
4342 }
4343
4344 .x-window-body {
4345     background:transparent;
4346 }
4347
4348 .x-panel-ghost .x-window-tl {
4349     border-bottom:1px solid;
4350 }
4351
4352 .x-panel-collapsed .x-window-tl {
4353     border-bottom:1px solid;
4354 }
4355
4356 .x-window-maximized-ct {
4357     overflow:hidden;
4358 }
4359
4360 .x-window-maximized .x-resizable-handle {
4361     display:none;
4362 }
4363
4364 .x-window-sizing-ghost ul {
4365     border:0 none !important;
4366 }
4367
4368 .x-dlg-focus{
4369         -moz-outline:0 none;
4370         outline:0 none;
4371         width:0;
4372         height:0;
4373         overflow:hidden;
4374         position:absolute;
4375         top:0;
4376         left:0;
4377 }
4378
4379 .ext-webkit .x-dlg-focus{
4380     width: 1px;
4381     height: 1px;
4382 }
4383
4384 .x-dlg-mask{
4385     z-index:10000;
4386     display:none;
4387     position:absolute;
4388     top:0;
4389     left:0;
4390     -moz-opacity: 0.5;
4391     opacity:.50;
4392     filter: alpha(opacity=50);
4393 }
4394
4395 body.ext-ie6.x-body-masked select {
4396         visibility:hidden;
4397 }
4398
4399 body.ext-ie6.x-body-masked .x-window select {
4400         visibility:visible;
4401 }
4402
4403 .x-window-plain .x-window-mc {
4404     border: 1px solid;
4405 }
4406
4407 .x-window-plain .x-window-body {
4408     border: 1px solid;
4409     background:transparent !important;
4410 }.x-html-editor-wrap {\r
4411     border:1px solid;\r
4412 }\r
4413 \r
4414 .x-html-editor-tb .x-btn-text {\r
4415     background:transparent no-repeat;\r
4416 }\r
4417 \r
4418 .x-html-editor-tb .x-edit-bold, .x-menu-item img.x-edit-bold {\r
4419     background-position:0 0;\r
4420     background-image:url(../images/default/editor/tb-sprite.gif);    \r
4421 }\r
4422 \r
4423 .x-html-editor-tb .x-edit-italic, .x-menu-item img.x-edit-italic {\r
4424     background-position:-16px 0;\r
4425     background-image:url(../images/default/editor/tb-sprite.gif);\r
4426 }\r
4427 \r
4428 .x-html-editor-tb .x-edit-underline, .x-menu-item img.x-edit-underline {\r
4429     background-position:-32px 0;\r
4430     background-image:url(../images/default/editor/tb-sprite.gif);\r
4431 }\r
4432 \r
4433 .x-html-editor-tb .x-edit-forecolor, .x-menu-item img.x-edit-forecolor {\r
4434     background-position:-160px 0;\r
4435     background-image:url(../images/default/editor/tb-sprite.gif);\r
4436 }\r
4437 \r
4438 .x-html-editor-tb .x-edit-backcolor, .x-menu-item img.x-edit-backcolor {\r
4439     background-position:-176px 0;\r
4440     background-image:url(../images/default/editor/tb-sprite.gif);\r
4441 }\r
4442 \r
4443 .x-html-editor-tb .x-edit-justifyleft, .x-menu-item img.x-edit-justifyleft {\r
4444     background-position:-112px 0;\r
4445     background-image:url(../images/default/editor/tb-sprite.gif);\r
4446 }\r
4447 \r
4448 .x-html-editor-tb .x-edit-justifycenter, .x-menu-item img.x-edit-justifycenter {\r
4449     background-position:-128px 0;\r
4450     background-image:url(../images/default/editor/tb-sprite.gif);\r
4451 }\r
4452 \r
4453 .x-html-editor-tb .x-edit-justifyright, .x-menu-item img.x-edit-justifyright {\r
4454     background-position:-144px 0;\r
4455     background-image:url(../images/default/editor/tb-sprite.gif);\r
4456 }\r
4457 \r
4458 .x-html-editor-tb .x-edit-insertorderedlist, .x-menu-item img.x-edit-insertorderedlist {\r
4459     background-position:-80px 0;\r
4460     background-image:url(../images/default/editor/tb-sprite.gif);\r
4461 }\r
4462 \r
4463 .x-html-editor-tb .x-edit-insertunorderedlist, .x-menu-item img.x-edit-insertunorderedlist {\r
4464     background-position:-96px 0;\r
4465     background-image:url(../images/default/editor/tb-sprite.gif);\r
4466 }\r
4467 \r
4468 .x-html-editor-tb .x-edit-increasefontsize, .x-menu-item img.x-edit-increasefontsize {\r
4469     background-position:-48px 0;\r
4470     background-image:url(../images/default/editor/tb-sprite.gif);\r
4471 }\r
4472 \r
4473 .x-html-editor-tb .x-edit-decreasefontsize, .x-menu-item img.x-edit-decreasefontsize {\r
4474     background-position:-64px 0;\r
4475     background-image:url(../images/default/editor/tb-sprite.gif);\r
4476 }\r
4477 \r
4478 .x-html-editor-tb .x-edit-sourceedit, .x-menu-item img.x-edit-sourceedit {\r
4479     background-position:-192px 0;\r
4480     background-image:url(../images/default/editor/tb-sprite.gif);\r
4481 }\r
4482 \r
4483 .x-html-editor-tb .x-edit-createlink, .x-menu-item img.x-edit-createlink {\r
4484     background-position:-208px 0;\r
4485     background-image:url(../images/default/editor/tb-sprite.gif);\r
4486 }\r
4487 \r
4488 .x-html-editor-tip .x-tip-bd .x-tip-bd-inner {\r
4489     padding:5px;\r
4490     padding-bottom:1px;\r
4491 }\r
4492 \r
4493 .x-html-editor-tb .x-toolbar {\r
4494     position:static !important;\r
4495 }.x-panel-noborder .x-panel-body-noborder {\r
4496     border-width:0;\r
4497 }\r
4498 \r
4499 .x-panel-noborder .x-panel-header-noborder {\r
4500     border-width:0 0 1px;\r
4501     border-style:solid;\r
4502 }\r
4503 \r
4504 .x-panel-noborder .x-panel-tbar-noborder .x-toolbar {\r
4505     border-width:0 0 1px;\r
4506     border-style:solid;\r
4507 }\r
4508 \r
4509 .x-panel-noborder .x-panel-bbar-noborder .x-toolbar {\r
4510     border-width:1px 0 0 0;\r
4511     border-style:solid;\r
4512 }\r
4513 \r
4514 .x-window-noborder .x-window-mc {\r
4515     border-width:0;\r
4516 }\r
4517 \r
4518 .x-window-plain .x-window-body-noborder {\r
4519     border-width:0;\r
4520 }\r
4521 \r
4522 .x-tab-panel-noborder .x-tab-panel-body-noborder {\r
4523         border-width:0;\r
4524 }\r
4525 \r
4526 .x-tab-panel-noborder .x-tab-panel-header-noborder {\r
4527     border-width: 0 0 1px 0;\r
4528 }\r
4529 \r
4530 .x-tab-panel-noborder .x-tab-panel-footer-noborder {\r
4531     border-width: 1px 0 0 0;\r
4532 }\r
4533 \r
4534 .x-tab-panel-bbar-noborder .x-toolbar {\r
4535     border-width: 1px 0 0 0;\r
4536     border-style:solid;\r
4537 }\r
4538 \r
4539 .x-tab-panel-tbar-noborder .x-toolbar {\r
4540     border-width:0 0 1px;\r
4541     border-style:solid;\r
4542 }.x-border-layout-ct {
4543     position: relative;
4544 }
4545
4546 .x-border-panel {
4547     position:absolute;
4548     left:0;
4549     top:0;
4550 }
4551
4552 .x-tool-collapse-south {
4553     background-position:0 -195px;
4554 }
4555
4556 .x-tool-collapse-south-over {
4557     background-position:-15px -195px;
4558 }
4559
4560 .x-tool-collapse-north {
4561     background-position:0 -210px;
4562 }
4563
4564 .x-tool-collapse-north-over {
4565     background-position:-15px -210px;
4566 }
4567
4568 .x-tool-collapse-west {
4569     background-position:0 -180px;
4570 }
4571
4572 .x-tool-collapse-west-over {
4573     background-position:-15px -180px;
4574 }
4575
4576 .x-tool-collapse-east {
4577     background-position:0 -165px;
4578 }
4579
4580 .x-tool-collapse-east-over {
4581     background-position:-15px -165px;
4582 }
4583
4584 .x-tool-expand-south {
4585     background-position:0 -210px;
4586 }
4587
4588 .x-tool-expand-south-over {
4589     background-position:-15px -210px;
4590 }
4591
4592 .x-tool-expand-north {
4593     background-position:0 -195px;
4594 }
4595 .x-tool-expand-north-over {
4596     background-position:-15px -195px;
4597 }
4598
4599 .x-tool-expand-west {
4600     background-position:0 -165px;
4601 }
4602
4603 .x-tool-expand-west-over {
4604     background-position:-15px -165px;
4605 }
4606
4607 .x-tool-expand-east {
4608     background-position:0 -180px;
4609 }
4610
4611 .x-tool-expand-east-over {
4612     background-position:-15px -180px;
4613 }
4614
4615 .x-tool-expand-north, .x-tool-expand-south {
4616     float:right;
4617     margin:3px;
4618 }
4619
4620 .x-tool-expand-east, .x-tool-expand-west {
4621     float:none;
4622     margin:3px auto;
4623 }
4624
4625 .x-accordion-hd .x-tool-toggle {
4626     background-position:0 -255px;
4627 }
4628
4629 .x-accordion-hd .x-tool-toggle-over {
4630     background-position:-15px -255px;
4631 }
4632
4633 .x-panel-collapsed .x-accordion-hd .x-tool-toggle {
4634     background-position:0 -240px;
4635 }
4636
4637 .x-panel-collapsed .x-accordion-hd .x-tool-toggle-over {
4638     background-position:-15px -240px;
4639 }
4640
4641 .x-accordion-hd {
4642         padding-top:4px;
4643         padding-bottom:3px;
4644         border-top:0 none;
4645     background: transparent repeat-x 0 -9px;
4646 }
4647
4648 .x-layout-collapsed{
4649     position:absolute;
4650     left:-10000px;
4651     top:-10000px;
4652     visibility:hidden;
4653     width:20px;
4654     height:20px;
4655     overflow:hidden;
4656         border:1px solid;
4657         z-index:20;
4658 }
4659
4660 .ext-border-box .x-layout-collapsed{
4661     width:22px;
4662     height:22px;
4663 }
4664
4665 .x-layout-collapsed-over{
4666     cursor:pointer;
4667 }
4668
4669 .x-layout-collapsed-west .x-layout-collapsed-tools, .x-layout-collapsed-east .x-layout-collapsed-tools{
4670         position:absolute;
4671     top:0;
4672     left:0;
4673     width:20px;
4674     height:20px;
4675 }
4676
4677
4678 .x-layout-split{
4679     position:absolute;
4680     height:5px;
4681     width:5px;
4682     line-height:1px;
4683     font-size:1px;
4684     z-index:3;
4685     background-color:transparent;
4686 }
4687
4688 /* IE6 strict won't drag w/out a color */
4689 .ext-strict .ext-ie6 .x-layout-split{
4690     background-color: #fff !important;
4691     filter: alpha(opacity=1);
4692 }
4693
4694 .x-layout-split-h{
4695     background-image:url(../images/default/s.gif);
4696     background-position: left;
4697 }
4698
4699 .x-layout-split-v{
4700     background-image:url(../images/default/s.gif);
4701     background-position: top;
4702 }
4703
4704 .x-column-layout-ct {
4705     overflow:hidden;
4706     zoom:1;
4707 }
4708
4709 .x-column {
4710     float:left;
4711     padding:0;
4712     margin:0;
4713     overflow:hidden;
4714     zoom:1;
4715 }
4716
4717 .x-column-inner {
4718     overflow:hidden;
4719     zoom:1;
4720 }
4721
4722 /* mini mode */
4723 .x-layout-mini {
4724     position:absolute;
4725     top:0;
4726     left:0;
4727     display:block;
4728     width:5px;
4729     height:35px;
4730     cursor:pointer;
4731     opacity:.5;
4732     -moz-opacity:.5;
4733     filter:alpha(opacity=50);
4734 }
4735
4736 .x-layout-mini-over, .x-layout-collapsed-over .x-layout-mini{
4737     opacity:1;
4738     -moz-opacity:1;
4739     filter:none;
4740 }
4741
4742 .x-layout-split-west .x-layout-mini {
4743     top:48%;
4744 }
4745
4746 .x-layout-split-east .x-layout-mini {
4747     top:48%;
4748 }
4749
4750 .x-layout-split-north .x-layout-mini {
4751     left:48%;
4752     height:5px;
4753     width:35px;
4754 }
4755
4756 .x-layout-split-south .x-layout-mini {
4757     left:48%;
4758     height:5px;
4759     width:35px;
4760 }
4761
4762 .x-layout-cmini-west .x-layout-mini {
4763     top:48%;
4764 }
4765
4766 .x-layout-cmini-east .x-layout-mini {
4767     top:48%;
4768 }
4769
4770 .x-layout-cmini-north .x-layout-mini {
4771     left:48%;
4772     height:5px;
4773     width:35px;
4774 }
4775
4776 .x-layout-cmini-south .x-layout-mini {
4777     left:48%;
4778     height:5px;
4779     width:35px;
4780 }
4781
4782 .x-layout-cmini-west, .x-layout-cmini-east {
4783     border:0 none;
4784     width:5px !important;
4785     padding:0;
4786     background:transparent;
4787 }
4788
4789 .x-layout-cmini-north, .x-layout-cmini-south {
4790     border:0 none;
4791     height:5px !important;
4792     padding:0;
4793     background:transparent;
4794 }
4795
4796 .x-viewport, .x-viewport body {
4797     margin: 0;
4798     padding: 0;
4799     border: 0 none;
4800     overflow: hidden;
4801     height: 100%;
4802 }
4803
4804 .x-abs-layout-item {
4805     position:absolute;
4806     left:0;
4807     top:0;
4808 }
4809
4810 .ext-ie input.x-abs-layout-item, .ext-ie textarea.x-abs-layout-item {
4811     margin:0;
4812 }
4813
4814 .x-box-layout-ct {
4815     overflow:hidden;
4816     zoom:1;
4817 }
4818
4819 .x-box-inner {
4820     overflow:hidden;
4821     zoom:1;
4822     position:relative;
4823     left:0;
4824     top:0;
4825 }
4826
4827 .x-box-item {
4828     position:absolute;
4829     left:0;
4830     top:0;
4831 }.x-progress-wrap {\r
4832     border:1px solid;\r
4833     overflow:hidden;\r
4834 }\r
4835 \r
4836 .x-progress-inner {\r
4837     height:18px;\r
4838     background:repeat-x;\r
4839     position:relative;\r
4840 }\r
4841 \r
4842 .x-progress-bar {\r
4843     height:18px;\r
4844     float:left;\r
4845     width:0;\r
4846     background: repeat-x left center;\r
4847     border-top:1px solid;\r
4848     border-bottom:1px solid;\r
4849     border-right:1px solid;\r
4850 }\r
4851 \r
4852 .x-progress-text {\r
4853     padding:1px 5px;\r
4854     overflow:hidden;\r
4855     position:absolute;\r
4856     left:0;\r
4857     text-align:center;\r
4858 }\r
4859 \r
4860 .x-progress-text-back {\r
4861     line-height:16px;\r
4862 }\r
4863 \r
4864 .ext-ie .x-progress-text-back {\r
4865     line-height:15px;\r
4866 }\r
4867 \r
4868 .ext-strict .ext-ie7 .x-progress-text-back{\r
4869     width: 100%;\r
4870 }\r
4871 .x-list-header{\r
4872         background: repeat-x 0 bottom;\r
4873         cursor:default;\r
4874     zoom:1;\r
4875     height:22px;\r
4876 }\r
4877 \r
4878 .x-list-header-inner div {\r
4879     display:block;\r
4880     float:left;\r
4881     overflow:hidden;\r
4882         -o-text-overflow: ellipsis;\r
4883         text-overflow: ellipsis;\r
4884     white-space: nowrap;\r
4885 }\r
4886 \r
4887 .x-list-header-inner div em {\r
4888     display:block;\r
4889     border-left:1px solid;\r
4890     padding:4px 4px;\r
4891     overflow:hidden;\r
4892     -moz-user-select: none;\r
4893     -khtml-user-select: none;\r
4894     line-height:14px;\r
4895 }\r
4896 \r
4897 .x-list-body {\r
4898     overflow:auto;\r
4899     overflow-x:hidden;\r
4900     overflow-y:auto;\r
4901     zoom:1;\r
4902     float: left;\r
4903     width: 100%;\r
4904 }\r
4905 \r
4906 .x-list-body dl {\r
4907     zoom:1;\r
4908 }\r
4909 \r
4910 .x-list-body dt {\r
4911     display:block;\r
4912     float:left;\r
4913     overflow:hidden;\r
4914         -o-text-overflow: ellipsis;\r
4915         text-overflow: ellipsis;\r
4916     white-space: nowrap;\r
4917     cursor:pointer;\r
4918     zoom:1;\r
4919 }\r
4920 \r
4921 .x-list-body dt em {\r
4922     display:block;\r
4923     padding:3px 4px;\r
4924     overflow:hidden;\r
4925     -moz-user-select: none;\r
4926     -khtml-user-select: none;\r
4927 }\r
4928 \r
4929 .x-list-resizer {\r
4930     border-left:1px solid;\r
4931     border-right:1px solid;\r
4932     position:absolute;\r
4933     left:0;\r
4934     top:0;\r
4935 }\r
4936 \r
4937 .x-list-header-inner em.sort-asc {\r
4938     background: transparent no-repeat center 0;\r
4939     border-style:solid;\r
4940     border-width: 0 1px 1px;\r
4941     padding-bottom:3px;\r
4942 }\r
4943 \r
4944 .x-list-header-inner em.sort-desc {\r
4945     background: transparent no-repeat center -23px;\r
4946     border-style:solid;\r
4947     border-width: 0 1px 1px;\r
4948     padding-bottom:3px;\r
4949 }\r
4950 \r
4951 /* Shared styles */\r
4952 .x-slider {\r
4953     zoom:1;\r
4954 }\r
4955 \r
4956 .x-slider-inner {\r
4957     position:relative;\r
4958     left:0;\r
4959     top:0;\r
4960     overflow:visible;\r
4961     zoom:1;\r
4962 }\r
4963 \r
4964 .x-slider-focus {\r
4965         position:absolute;\r
4966         left:0;\r
4967         top:0;\r
4968         width:1px;\r
4969         height:1px;\r
4970     line-height:1px;\r
4971     font-size:1px;\r
4972     -moz-outline:0 none;\r
4973     outline:0 none;\r
4974     -moz-user-select: none;\r
4975     -khtml-user-select:none;\r
4976     -webkit-user-select:ignore;\r
4977         display:block;\r
4978         overflow:hidden;  \r
4979 }\r
4980 \r
4981 /* Horizontal styles */\r
4982 .x-slider-horz {\r
4983     padding-left:7px;\r
4984     background:transparent no-repeat 0 -22px;\r
4985 }\r
4986 \r
4987 .x-slider-horz .x-slider-end {\r
4988     padding-right:7px;\r
4989     zoom:1;\r
4990     background:transparent no-repeat right -44px;\r
4991 }\r
4992 \r
4993 .x-slider-horz .x-slider-inner {\r
4994     background:transparent repeat-x 0 0;\r
4995     height:22px;\r
4996 }\r
4997 \r
4998 .x-slider-horz .x-slider-thumb {\r
4999     width:14px;\r
5000     height:15px;\r
5001     position:absolute;\r
5002     left:0;\r
5003     top:3px;\r
5004     background:transparent no-repeat 0 0;\r
5005 }\r
5006 \r
5007 .x-slider-horz .x-slider-thumb-over {\r
5008     background-position: -14px -15px;\r
5009 }\r
5010 \r
5011 .x-slider-horz .x-slider-thumb-drag {\r
5012     background-position: -28px -30px;\r
5013 }\r
5014 \r
5015 /* Vertical styles */\r
5016 .x-slider-vert {\r
5017     padding-top:7px;\r
5018     background:transparent no-repeat -44px 0;\r
5019     width:22px;\r
5020 }\r
5021 \r
5022 .x-slider-vert .x-slider-end {\r
5023     padding-bottom:7px;\r
5024     zoom:1;\r
5025     background:transparent no-repeat -22px bottom;\r
5026 }\r
5027 \r
5028 .x-slider-vert .x-slider-inner {\r
5029     background:transparent repeat-y 0 0;\r
5030 }\r
5031 \r
5032 .x-slider-vert .x-slider-thumb {\r
5033     width:15px;\r
5034     height:14px;\r
5035     position:absolute;\r
5036     left:3px;\r
5037     bottom:0;\r
5038     background:transparent no-repeat 0 0;\r
5039 }\r
5040 \r
5041 .x-slider-vert .x-slider-thumb-over {\r
5042     background-position: -15px -14px;\r
5043 }\r
5044 \r
5045 .x-slider-vert .x-slider-thumb-drag {\r
5046     background-position: -30px -28px;\r
5047 }.x-window-dlg .x-window-body {\r
5048     border:0 none !important;\r
5049     padding:5px 10px;\r
5050     overflow:hidden !important;\r
5051 }\r
5052 \r
5053 .x-window-dlg .x-window-mc {\r
5054     border:0 none !important;\r
5055 }\r
5056 \r
5057 .x-window-dlg .ext-mb-input {\r
5058     margin-top:4px;\r
5059     width:95%;\r
5060 }\r
5061 \r
5062 .x-window-dlg .ext-mb-textarea {\r
5063     margin-top:4px;\r
5064 }\r
5065 \r
5066 .x-window-dlg .x-progress-wrap {\r
5067     margin-top:4px;\r
5068 }\r
5069 \r
5070 .ext-ie .x-window-dlg .x-progress-wrap {\r
5071     margin-top:6px;\r
5072 }\r
5073 \r
5074 .x-window-dlg .x-msg-box-wait {\r
5075     background:transparent no-repeat left;\r
5076     display:block;\r
5077     width:300px;\r
5078     padding-left:18px;\r
5079     line-height:18px;\r
5080 }\r
5081 \r
5082 .x-window-dlg .ext-mb-icon {\r
5083     float:left;\r
5084     width:47px;\r
5085     height:32px;\r
5086 }\r
5087 \r
5088 .ext-ie .x-window-dlg .ext-mb-icon {\r
5089     width:44px; /* 3px IE margin issue */\r
5090 }\r
5091 \r
5092 .x-window-dlg .x-dlg-icon .ext-mb-content{\r
5093     zoom: 1; margin-left: 47px;\r
5094 }\r
5095 \r
5096 .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
5097     background:transparent no-repeat top left;\r
5098 }\r
5099 \r
5100 .ext-gecko2 .ext-mb-fix-cursor {\r
5101     overflow:auto;\r
5102 }.ext-el-mask {\r
5103     background-color: #ccc;\r
5104 }\r
5105 \r
5106 .ext-el-mask-msg {\r
5107     border-color:#6593cf;\r
5108     background-color:#c3daf9;\r
5109     background-image:url(../images/default/box/tb-blue.gif);\r
5110 }\r
5111 .ext-el-mask-msg div {\r
5112     background-color: #eee;\r
5113     border-color:#a3bad9;\r
5114     color:#222;\r
5115     font:normal 11px tahoma, arial, helvetica, sans-serif;\r
5116 }\r
5117 \r
5118 .x-mask-loading div {\r
5119     background-color:#fbfbfb;\r
5120     background-image:url(../images/default/grid/loading.gif);\r
5121 }\r
5122 \r
5123 .x-item-disabled {\r
5124     color: gray;\r
5125 }\r
5126 \r
5127 .x-item-disabled * {\r
5128     color: gray !important;\r
5129 }\r
5130 \r
5131 .x-splitbar-proxy {\r
5132     background-color: #aaa;\r
5133 }\r
5134 \r
5135 .x-color-palette a {\r
5136     border-color:#fff;\r
5137 }\r
5138 \r
5139 .x-color-palette a:hover, .x-color-palette a.x-color-palette-sel {\r
5140     border-color:#8bb8f3;\r
5141     background-color: #deecfd;\r
5142 }\r
5143 \r
5144 .x-color-palette em:hover, .x-color-palette span:hover{   \r
5145     background-color: #deecfd;\r
5146 }\r
5147 \r
5148 .x-color-palette em {\r
5149     border-color:#aca899;\r
5150 }\r
5151 \r
5152 .x-ie-shadow {\r
5153     background-color:#777;\r
5154 }\r
5155 \r
5156 .x-shadow .xsmc {\r
5157     background-image: url(../images/default/shadow-c.png);\r
5158 }\r
5159 \r
5160 .x-shadow .xsml, .x-shadow .xsmr {\r
5161     background-image: url(../images/default/shadow-lr.png);\r
5162 }\r
5163 \r
5164 .x-shadow .xstl, .x-shadow .xstc,  .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbc, .x-shadow .xsbr{\r
5165     background-image: url(../images/default/shadow.png);\r
5166 }\r
5167 \r
5168 .loading-indicator {\r
5169     font-size: 11px;\r
5170     background-image: url(../images/default/grid/loading.gif);\r
5171 }\r
5172 \r
5173 .x-spotlight {\r
5174     background-color: #ccc;\r
5175 }\r
5176 .x-tab-panel-header, .x-tab-panel-footer {
5177         background-color: #deecfd;
5178         border-color:#8db2e3;
5179     overflow:hidden;
5180     zoom:1;
5181 }
5182
5183 .x-tab-panel-header, .x-tab-panel-footer {
5184         border-color:#8db2e3;
5185 }
5186
5187 ul.x-tab-strip-top{
5188     background-color:#cedff5;
5189         background-image: url(../images/default/tabs/tab-strip-bg.gif);
5190         border-bottom-color:#8db2e3;
5191 }
5192
5193 ul.x-tab-strip-bottom{
5194     background-color:#cedff5;
5195         background-image: url(../images/default/tabs/tab-strip-btm-bg.gif);
5196         border-top-color:#8db2e3;
5197 }
5198
5199 .x-tab-panel-header-plain .x-tab-strip-spacer,
5200 .x-tab-panel-footer-plain .x-tab-strip-spacer {
5201     border-color:#8db2e3;
5202     background-color: #deecfd;
5203 }
5204
5205 .x-tab-strip span.x-tab-strip-text {
5206         font:normal 11px tahoma,arial,helvetica;
5207         color:#416aa3;
5208 }
5209
5210 .x-tab-strip-over span.x-tab-strip-text {
5211         color:#15428b;
5212 }
5213
5214 .x-tab-strip-active span.x-tab-strip-text {
5215         color:#15428b;
5216     font-weight:bold;
5217 }
5218
5219 .x-tab-strip-disabled .x-tabs-text {
5220         color:#aaaaaa;
5221 }
5222
5223 .x-tab-strip-top .x-tab-right, .x-tab-strip-top .x-tab-left, .x-tab-strip-top .x-tab-strip-inner{
5224         background-image: url(../images/default/tabs/tabs-sprite.gif);
5225 }
5226
5227 .x-tab-strip-bottom .x-tab-right {
5228         background-image: url(../images/default/tabs/tab-btm-inactive-right-bg.gif);
5229 }
5230
5231 .x-tab-strip-bottom .x-tab-left {
5232         background-image: url(../images/default/tabs/tab-btm-inactive-left-bg.gif);
5233 }
5234
5235 .x-tab-strip-bottom .x-tab-strip-over .x-tab-right {
5236         background-image: url(../images/default/tabs/tab-btm-over-right-bg.gif);
5237 }
5238
5239 .x-tab-strip-bottom .x-tab-strip-over .x-tab-left {
5240         background-image: url(../images/default/tabs/tab-btm-over-left-bg.gif);
5241 }
5242
5243 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
5244         background-image: url(../images/default/tabs/tab-btm-right-bg.gif);
5245 }
5246
5247 .x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
5248         background-image: url(../images/default/tabs/tab-btm-left-bg.gif);
5249 }
5250
5251 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
5252         background-image:url(../images/default/tabs/tab-close.gif);
5253 }
5254
5255 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
5256         background-image:url(../images/default/tabs/tab-close.gif);
5257 }
5258
5259 .x-tab-panel-body {
5260     border-color:#8db2e3;
5261     background-color:#fff;
5262 }
5263
5264 .x-tab-panel-body-top {
5265     border-top: 0 none;
5266 }
5267
5268 .x-tab-panel-body-bottom {
5269     border-bottom: 0 none;
5270 }
5271
5272 .x-tab-scroller-left {
5273     background-image:url(../images/default/tabs/scroll-left.gif);
5274     border-bottom-color:#8db2e3;
5275 }
5276
5277 .x-tab-scroller-left-over {
5278     background-position: 0 0;
5279 }
5280
5281 .x-tab-scroller-left-disabled {
5282     background-position: -18px 0;
5283     opacity:.5;
5284     -moz-opacity:.5;
5285     filter:alpha(opacity=50);
5286     cursor:default;
5287 }
5288
5289 .x-tab-scroller-right {
5290     background-image:url(../images/default/tabs/scroll-right.gif);
5291     border-bottom-color:#8db2e3;
5292 }
5293
5294 .x-tab-panel-bbar .x-toolbar, .x-tab-panel-tbar .x-toolbar {
5295     border-color:#99bbe8;
5296 }.x-form-field{
5297     font:normal 12px tahoma, arial, helvetica, sans-serif;
5298 }
5299
5300 .x-form-text, textarea.x-form-field{
5301     background-color:#fff;
5302     background-image:url(../images/default/form/text-bg.gif);
5303     border-color:#b5b8c8;
5304 }
5305
5306 .x-form-select-one {
5307     background-color:#fff;
5308     border-color:#b5b8c8;
5309 }
5310
5311 .x-form-check-group-label {
5312     border-bottom: 1px solid #99bbe8;
5313     color: #15428b;
5314 }
5315
5316 .x-editor .x-form-check-wrap {
5317     background-color:#fff;
5318 }
5319
5320 .x-form-field-wrap .x-form-trigger{
5321     background-image:url(../images/default/form/trigger.gif);
5322     border-bottom-color:#b5b8c8;
5323 }
5324
5325 .x-form-field-wrap .x-form-date-trigger{
5326     background-image: url(../images/default/form/date-trigger.gif);
5327 }
5328
5329 .x-form-field-wrap .x-form-clear-trigger{
5330     background-image: url(../images/default/form/clear-trigger.gif);
5331 }
5332
5333 .x-form-field-wrap .x-form-search-trigger{
5334     background-image: url(../images/default/form/search-trigger.gif);
5335 }
5336
5337 .x-trigger-wrap-focus .x-form-trigger{
5338     border-bottom-color:#7eadd9;
5339 }
5340
5341 .x-item-disabled .x-form-trigger-over{
5342     border-bottom-color:#b5b8c8;
5343 }
5344
5345 .x-item-disabled .x-form-trigger-click{
5346     border-bottom-color:#b5b8c8;
5347 }
5348
5349 .x-form-focus, textarea.x-form-focus{
5350         border-color:#7eadd9;
5351 }
5352
5353 .x-form-invalid, textarea.x-form-invalid{
5354     background-color:#fff;
5355         background-image:url(../images/default/grid/invalid_line.gif);
5356         border-color:#c30;
5357 }
5358
5359 .ext-webkit .x-form-invalid{
5360         background-color:#fee;
5361         border-color:#ff7870;
5362 }
5363
5364 .x-form-inner-invalid, textarea.x-form-inner-invalid{
5365     background-color:#fff;
5366         background-image:url(../images/default/grid/invalid_line.gif);
5367 }
5368
5369 .x-form-grow-sizer {
5370         font:normal 12px tahoma, arial, helvetica, sans-serif;
5371 }
5372
5373 .x-form-item {
5374     font:normal 12px tahoma, arial, helvetica, sans-serif;
5375 }
5376
5377 .x-form-invalid-msg {
5378     color:#c0272b;
5379     font:normal 11px tahoma, arial, helvetica, sans-serif;
5380     background-image:url(../images/default/shared/warning.gif);
5381 }
5382
5383 .x-form-empty-field {
5384     color:gray;
5385 }
5386
5387 .x-small-editor .x-form-field {
5388     font:normal 11px arial, tahoma, helvetica, sans-serif;
5389 }
5390
5391 .ext-webkit .x-small-editor .x-form-field {
5392     font:normal 12px arial, tahoma, helvetica, sans-serif;
5393 }
5394
5395 .x-form-invalid-icon {
5396     background-image:url(../images/default/form/exclamation.gif);
5397 }
5398
5399 .x-fieldset {
5400     border-color:#b5b8c8;
5401 }
5402
5403 .x-fieldset legend {
5404     font:bold 11px tahoma, arial, helvetica, sans-serif;
5405     color:#15428b;
5406 }
5407 .x-btn{\r
5408         font:normal 11px tahoma, verdana, helvetica;\r
5409 }\r
5410 \r
5411 .x-btn button{\r
5412     font:normal 11px arial,tahoma,verdana,helvetica;\r
5413     color:#333;\r
5414 }\r
5415 \r
5416 .x-btn em {\r
5417     font-style:normal;\r
5418     font-weight:normal;\r
5419 }\r
5420 \r
5421 .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
5422         background-image:url(../images/default/button/btn.gif);\r
5423 }\r
5424 \r
5425 .x-btn-click .x-btn-text, .x-btn-menu-active .x-btn-text, .x-btn-pressed .x-btn-text{\r
5426     color:#000;\r
5427 }\r
5428 \r
5429 .x-btn-disabled *{\r
5430         color:gray !important;\r
5431 }\r
5432 \r
5433 .x-btn-mc em.x-btn-arrow {\r
5434     background-image:url(../images/default/button/arrow.gif);\r
5435 }\r
5436 \r
5437 .x-btn-mc em.x-btn-split {\r
5438     background-image:url(../images/default/button/s-arrow.gif);\r
5439 }\r
5440 \r
5441 .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
5442     background-image:url(../images/default/button/s-arrow-o.gif);\r
5443 }\r
5444 \r
5445 .x-btn-mc em.x-btn-arrow-bottom {\r
5446     background-image:url(../images/default/button/s-arrow-b-noline.gif);\r
5447 }\r
5448 \r
5449 .x-btn-mc em.x-btn-split-bottom {\r
5450     background-image:url(../images/default/button/s-arrow-b.gif);\r
5451 }\r
5452 \r
5453 .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
5454     background-image:url(../images/default/button/s-arrow-bo.gif);\r
5455 }\r
5456 \r
5457 .x-btn-group-header {\r
5458     color: #3e6aaa;\r
5459 }\r
5460 \r
5461 .x-btn-group-tc {\r
5462         background-image: url(../images/default/button/group-tb.gif);\r
5463 }\r
5464 \r
5465 .x-btn-group-tl {\r
5466         background-image: url(../images/default/button/group-cs.gif);\r
5467 }\r
5468 \r
5469 .x-btn-group-tr {\r
5470         background-image: url(../images/default/button/group-cs.gif);\r
5471 }\r
5472 \r
5473 .x-btn-group-bc {\r
5474         background-image: url(../images/default/button/group-tb.gif);\r
5475 }\r
5476 \r
5477 .x-btn-group-bl {\r
5478         background-image: url(../images/default/button/group-cs.gif);\r
5479 }\r
5480 \r
5481 .x-btn-group-br {\r
5482         background-image: url(../images/default/button/group-cs.gif);\r
5483 }\r
5484 \r
5485 .x-btn-group-ml {\r
5486         background-image: url(../images/default/button/group-lr.gif);\r
5487 }\r
5488 .x-btn-group-mr {\r
5489         background-image: url(../images/default/button/group-lr.gif);\r
5490 }\r
5491 \r
5492 .x-btn-group-notitle .x-btn-group-tc {\r
5493         background-image: url(../images/default/button/group-tb.gif);\r
5494 }.x-toolbar{\r
5495         border-color:#a9bfd3;\r
5496     background-color:#d0def0;\r
5497     background-image:url(../images/default/toolbar/bg.gif);\r
5498 }\r
5499 \r
5500 .x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{\r
5501     font:normal 11px arial,tahoma, helvetica, sans-serif;\r
5502 }\r
5503 \r
5504 .x-toolbar .x-item-disabled {\r
5505         color:gray;\r
5506 }\r
5507 \r
5508 .x-toolbar .x-item-disabled * {\r
5509         color:gray;\r
5510 }\r
5511 \r
5512 .x-toolbar .x-btn-mc em.x-btn-split {\r
5513     background-image:url(../images/default/button/s-arrow-noline.gif);\r
5514 }\r
5515 \r
5516 .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
5517 .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
5518 {\r
5519     background-image:url(../images/default/button/s-arrow-o.gif);\r
5520 }\r
5521 \r
5522 .x-toolbar .x-btn-mc em.x-btn-split-bottom {\r
5523     background-image:url(../images/default/button/s-arrow-b-noline.gif);\r
5524 }\r
5525 \r
5526 .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
5527 .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
5528 {\r
5529     background-image:url(../images/default/button/s-arrow-bo.gif);\r
5530 }\r
5531 \r
5532 .x-toolbar .xtb-sep {\r
5533         background-image: url(../images/default/grid/grid-blue-split.gif);\r
5534 }\r
5535 \r
5536 .x-tbar-page-first{\r
5537         background-image: url(../images/default/grid/page-first.gif) !important;\r
5538 }\r
5539 \r
5540 .x-tbar-loading{\r
5541         background-image: url(../images/default/grid/refresh.gif) !important;\r
5542 }\r
5543 \r
5544 .x-tbar-page-last{\r
5545         background-image: url(../images/default/grid/page-last.gif) !important;\r
5546 }\r
5547 \r
5548 .x-tbar-page-next{\r
5549         background-image: url(../images/default/grid/page-next.gif) !important;\r
5550 }\r
5551 \r
5552 .x-tbar-page-prev{\r
5553         background-image: url(../images/default/grid/page-prev.gif) !important;\r
5554 }\r
5555 \r
5556 .x-item-disabled .x-tbar-loading{\r
5557         background-image: url(../images/default/grid/loading.gif) !important;\r
5558 }\r
5559 \r
5560 .x-item-disabled .x-tbar-page-first{\r
5561         background-image: url(../images/default/grid/page-first-disabled.gif) !important;\r
5562 }\r
5563 \r
5564 .x-item-disabled .x-tbar-page-last{\r
5565         background-image: url(../images/default/grid/page-last-disabled.gif) !important;\r
5566 }\r
5567 \r
5568 .x-item-disabled .x-tbar-page-next{\r
5569         background-image: url(../images/default/grid/page-next-disabled.gif) !important;\r
5570 }\r
5571 \r
5572 .x-item-disabled .x-tbar-page-prev{\r
5573         background-image: url(../images/default/grid/page-prev-disabled.gif) !important;\r
5574 }\r
5575 \r
5576 .x-paging-info {\r
5577     color:#444;\r
5578 }\r
5579 \r
5580 .x-toolbar-more-icon {\r
5581     background-image: url(../images/default/toolbar/more.gif) !important;\r
5582 }.x-resizable-handle {\r
5583         background-color:#fff;\r
5584 }\r
5585 \r
5586 .x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-east,\r
5587 .x-resizable-over .x-resizable-handle-west, .x-resizable-pinned .x-resizable-handle-west\r
5588 {\r
5589     background-image:url(../images/default/sizer/e-handle.gif);\r
5590 }\r
5591 \r
5592 .x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south,\r
5593 .x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north\r
5594 {\r
5595     background-image:url(../images/default/sizer/s-handle.gif);\r
5596 }\r
5597 \r
5598 .x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north{\r
5599     background-image:url(../images/default/sizer/s-handle.gif);\r
5600 }\r
5601 .x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast{\r
5602     background-image:url(../images/default/sizer/se-handle.gif);\r
5603 }\r
5604 .x-resizable-over .x-resizable-handle-northwest, .x-resizable-pinned .x-resizable-handle-northwest{\r
5605     background-image:url(../images/default/sizer/nw-handle.gif);\r
5606 }\r
5607 .x-resizable-over .x-resizable-handle-northeast, .x-resizable-pinned .x-resizable-handle-northeast{\r
5608     background-image:url(../images/default/sizer/ne-handle.gif);\r
5609 }\r
5610 .x-resizable-over .x-resizable-handle-southwest, .x-resizable-pinned .x-resizable-handle-southwest{\r
5611     background-image:url(../images/default/sizer/sw-handle.gif);\r
5612 }\r
5613 .x-resizable-proxy{\r
5614     border-color:#3b5a82;\r
5615 }\r
5616 .x-resizable-overlay{\r
5617     background-color:#fff;\r
5618 }\r
5619 .x-grid3 {\r
5620     background-color:#fff;\r
5621 }\r
5622 \r
5623 .x-grid-panel .x-panel-mc .x-panel-body {\r
5624     border-color:#99bbe8;\r
5625 }\r
5626 \r
5627 .x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td{\r
5628         font:normal 11px arial, tahoma, helvetica, sans-serif;\r
5629 }\r
5630 \r
5631 .x-grid3-hd-row td {\r
5632     border-left-color:#eee;\r
5633     border-right-color:#d0d0d0;\r
5634 }\r
5635 \r
5636 .x-grid-row-loading {\r
5637     background-color: #fff;\r
5638     background-image:url(../images/default/shared/loading-balls.gif);\r
5639 }\r
5640 \r
5641 .x-grid3-row {\r
5642     border-color:#ededed;\r
5643     border-top-color:#fff;\r
5644 }\r
5645 \r
5646 .x-grid3-row-alt{\r
5647         background-color:#fafafa;\r
5648 }\r
5649 \r
5650 .x-grid3-row-over {\r
5651         border-color:#ddd;\r
5652     background-color:#efefef;\r
5653     background-image:url(../images/default/grid/row-over.gif);\r
5654 }\r
5655 \r
5656 .x-grid3-resize-proxy {\r
5657     background-color:#777;\r
5658 }\r
5659 \r
5660 .x-grid3-resize-marker {\r
5661     background-color:#777;\r
5662 }\r
5663 \r
5664 .x-grid3-header{\r
5665     background-color:#f9f9f9;\r
5666         background-image:url(../images/default/grid/grid3-hrow.gif);\r
5667 }\r
5668 \r
5669 .x-grid3-header-pop {\r
5670     border-left-color:#d0d0d0;\r
5671 }\r
5672 \r
5673 .x-grid3-header-pop-inner {\r
5674     border-left-color:#eee;\r
5675     background-image:url(../images/default/grid/hd-pop.gif);\r
5676 }\r
5677 \r
5678 td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {\r
5679     border-left-color:#aaccf6;\r
5680     border-right-color:#aaccf6;\r
5681 }\r
5682 \r
5683 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
5684     background-color:#ebf3fd;\r
5685     background-image:url(../images/default/grid/grid3-hrow-over.gif);\r
5686 \r
5687 }\r
5688 \r
5689 .sort-asc .x-grid3-sort-icon {\r
5690         background-image: url(../images/default/grid/sort_asc.gif);\r
5691 }\r
5692 \r
5693 .sort-desc .x-grid3-sort-icon {\r
5694         background-image: url(../images/default/grid/sort_desc.gif);\r
5695 }\r
5696 \r
5697 .x-grid3-cell-text, .x-grid3-hd-text {\r
5698         color:#000;\r
5699 }\r
5700 \r
5701 .x-grid3-split {\r
5702         background-image: url(../images/default/grid/grid-split.gif);\r
5703 }\r
5704 \r
5705 .x-grid3-hd-text {\r
5706         color:#15428b;\r
5707 }\r
5708 \r
5709 .x-dd-drag-proxy .x-grid3-hd-inner{\r
5710     background-color:#ebf3fd;\r
5711         background-image:url(../images/default/grid/grid3-hrow-over.gif);\r
5712         border-color:#aaccf6;\r
5713 }\r
5714 \r
5715 .col-move-top{\r
5716         background-image:url(../images/default/grid/col-move-top.gif);\r
5717 }\r
5718 \r
5719 .col-move-bottom{\r
5720         background-image:url(../images/default/grid/col-move-bottom.gif);\r
5721 }\r
5722 \r
5723 .x-grid3-row-selected {\r
5724         background-color: #dfe8f6 !important;\r
5725         background-image: none;\r
5726         border-color:#a3bae9;\r
5727 }\r
5728 \r
5729 .x-grid3-cell-selected{\r
5730         background-color: #b8cfee !important;\r
5731         color:#000;\r
5732 }\r
5733 \r
5734 .x-grid3-cell-selected span{\r
5735         color:#000 !important;\r
5736 }\r
5737 \r
5738 .x-grid3-cell-selected .x-grid3-cell-text{\r
5739         color:#000;\r
5740 }\r
5741 \r
5742 .x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{\r
5743     background-color:#ebeadb !important;\r
5744     background-image:url(../images/default/grid/grid-hrow.gif) !important;\r
5745     color:#000;\r
5746     border-top-color:#fff;\r
5747     border-right-color:#6fa0df !important;\r
5748 }\r
5749 \r
5750 .x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{\r
5751     color:#15428b !important;\r
5752 }\r
5753 \r
5754 .x-grid3-dirty-cell {\r
5755     background-image:url(../images/default/grid/dirty.gif);\r
5756 }\r
5757 \r
5758 .x-grid3-topbar, .x-grid3-bottombar{\r
5759         font:normal 11px arial, tahoma, helvetica, sans-serif;\r
5760 }\r
5761 \r
5762 .x-grid3-bottombar .x-toolbar{\r
5763         border-top-color:#a9bfd3;\r
5764 }\r
5765 \r
5766 .x-props-grid .x-grid3-td-name .x-grid3-cell-inner{\r
5767         background-image:url(../images/default/grid/grid3-special-col-bg.gif) !important;\r
5768     color:#000 !important;\r
5769 }\r
5770 \r
5771 .x-props-grid .x-grid3-body .x-grid3-td-name{\r
5772     background-color:#fff !important;\r
5773     border-right-color:#eee;\r
5774 }\r
5775 \r
5776 .xg-hmenu-sort-asc .x-menu-item-icon{\r
5777         background-image: url(../images/default/grid/hmenu-asc.gif);\r
5778 }\r
5779 \r
5780 .xg-hmenu-sort-desc .x-menu-item-icon{\r
5781         background-image: url(../images/default/grid/hmenu-desc.gif);\r
5782 }\r
5783 \r
5784 .xg-hmenu-lock .x-menu-item-icon{\r
5785         background-image: url(../images/default/grid/hmenu-lock.gif);\r
5786 }\r
5787 \r
5788 .xg-hmenu-unlock .x-menu-item-icon{\r
5789         background-image: url(../images/default/grid/hmenu-unlock.gif);\r
5790 }\r
5791 \r
5792 .x-grid3-hd-btn {\r
5793     background-color:#c3daf9;\r
5794     background-image:url(../images/default/grid/grid3-hd-btn.gif);\r
5795 }\r
5796 \r
5797 .x-grid3-body .x-grid3-td-expander {\r
5798     background-image:url(../images/default/grid/grid3-special-col-bg.gif);\r
5799 }\r
5800 \r
5801 .x-grid3-row-expander {\r
5802     background-image:url(../images/default/grid/row-expand-sprite.gif);\r
5803 }\r
5804 \r
5805 .x-grid3-body .x-grid3-td-checker {\r
5806     background-image: url(../images/default/grid/grid3-special-col-bg.gif);\r
5807 }\r
5808 \r
5809 .x-grid3-row-checker, .x-grid3-hd-checker {\r
5810     background-image:url(../images/default/grid/row-check-sprite.gif);\r
5811 }\r
5812 \r
5813 .x-grid3-body .x-grid3-td-numberer {\r
5814     background-image:url(../images/default/grid/grid3-special-col-bg.gif);\r
5815 }\r
5816 \r
5817 .x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {\r
5818         color:#444;\r
5819 }\r
5820 \r
5821 .x-grid3-body .x-grid3-td-row-icon {\r
5822     background-image:url(../images/default/grid/grid3-special-col-bg.gif);\r
5823 }\r
5824 \r
5825 .x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,\r
5826 .x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,\r
5827 .x-grid3-body .x-grid3-row-selected .x-grid3-td-expander {\r
5828         background-image:url(../images/default/grid/grid3-special-col-sel-bg.gif);\r
5829 }\r
5830 \r
5831 .x-grid3-check-col {\r
5832         background-image:url(../images/default/menu/unchecked.gif);\r
5833 }\r
5834 \r
5835 .x-grid3-check-col-on {\r
5836         background-image:url(../images/default/menu/checked.gif);\r
5837 }\r
5838 \r
5839 .x-grid-group, .x-grid-group-body, .x-grid-group-hd {\r
5840     zoom:1;\r
5841 }\r
5842 \r
5843 .x-grid-group-hd {\r
5844     border-bottom-color:#99bbe8;\r
5845 }\r
5846 \r
5847 .x-grid-group-hd div.x-grid-group-title {\r
5848     background-image:url(../images/default/grid/group-collapse.gif);\r
5849     color:#3764a0;\r
5850     font:bold 11px tahoma, arial, helvetica, sans-serif;\r
5851 }\r
5852 \r
5853 .x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title {\r
5854     background-image:url(../images/default/grid/group-expand.gif);\r
5855 }\r
5856 \r
5857 .x-group-by-icon {\r
5858     background-image:url(../images/default/grid/group-by.gif);\r
5859 }\r
5860 \r
5861 .x-cols-icon {\r
5862     background-image:url(../images/default/grid/columns.gif);\r
5863 }\r
5864 \r
5865 .x-show-groups-icon {\r
5866     background-image:url(../images/default/grid/group-by.gif);\r
5867 }\r
5868 \r
5869 .x-grid-empty {\r
5870     color:gray;\r
5871     font:normal 11px tahoma, arial, helvetica, sans-serif;\r
5872 }\r
5873 \r
5874 .x-grid-with-col-lines .x-grid3-row td.x-grid3-cell {\r
5875     border-right-color:#ededed;\r
5876 }\r
5877 \r
5878 .x-grid-with-col-lines .x-grid3-row-selected {\r
5879         border-top-color:#a3bae9;\r
5880 }.x-dd-drag-ghost{\r
5881         color:#000;\r
5882         font: normal 11px arial, helvetica, sans-serif;\r
5883     border-color: #ddd #bbb #bbb #ddd;\r
5884         background-color:#fff;\r
5885 }\r
5886 \r
5887 .x-dd-drop-nodrop .x-dd-drop-icon{\r
5888   background-image: url(../images/default/dd/drop-no.gif);\r
5889 }\r
5890 \r
5891 .x-dd-drop-ok .x-dd-drop-icon{\r
5892   background-image: url(../images/default/dd/drop-yes.gif);\r
5893 }\r
5894 \r
5895 .x-dd-drop-ok-add .x-dd-drop-icon{\r
5896   background-image: url(../images/default/dd/drop-add.gif);\r
5897 }\r
5898 \r
5899 .x-view-selector {\r
5900     background-color:#c3daf9;\r
5901     border-color:#3399bb;\r
5902 }.x-tree-node-expanded .x-tree-node-icon{\r
5903         background-image:url(../images/default/tree/folder-open.gif);\r
5904 }\r
5905 \r
5906 .x-tree-node-leaf .x-tree-node-icon{\r
5907         background-image:url(../images/default/tree/leaf.gif);\r
5908 }\r
5909 \r
5910 .x-tree-node-collapsed .x-tree-node-icon{\r
5911         background-image:url(../images/default/tree/folder.gif);\r
5912 }\r
5913 \r
5914 .x-tree-node-loading .x-tree-node-icon{\r
5915         background-image:url(../images/default/tree/loading.gif) !important;\r
5916 }\r
5917 \r
5918 .x-tree-node .x-tree-node-inline-icon {\r
5919     background-image: none;\r
5920 }\r
5921 \r
5922 .x-tree-node-loading a span{\r
5923          font-style: italic;\r
5924          color:#444444;\r
5925 }\r
5926 \r
5927 .x-tree-lines .x-tree-elbow{\r
5928         background-image:url(../images/default/tree/elbow.gif);\r
5929 }\r
5930 \r
5931 .x-tree-lines .x-tree-elbow-plus{\r
5932         background-image:url(../images/default/tree/elbow-plus.gif);\r
5933 }\r
5934 \r
5935 .x-tree-lines .x-tree-elbow-minus{\r
5936         background-image:url(../images/default/tree/elbow-minus.gif);\r
5937 }\r
5938 \r
5939 .x-tree-lines .x-tree-elbow-end{\r
5940         background-image:url(../images/default/tree/elbow-end.gif);\r
5941 }\r
5942 \r
5943 .x-tree-lines .x-tree-elbow-end-plus{\r
5944         background-image:url(../images/default/tree/elbow-end-plus.gif);\r
5945 }\r
5946 \r
5947 .x-tree-lines .x-tree-elbow-end-minus{\r
5948         background-image:url(../images/default/tree/elbow-end-minus.gif);\r
5949 }\r
5950 \r
5951 .x-tree-lines .x-tree-elbow-line{\r
5952         background-image:url(../images/default/tree/elbow-line.gif);\r
5953 }\r
5954 \r
5955 .x-tree-no-lines .x-tree-elbow-plus{\r
5956         background-image:url(../images/default/tree/elbow-plus-nl.gif);\r
5957 }\r
5958 \r
5959 .x-tree-no-lines .x-tree-elbow-minus{\r
5960         background-image:url(../images/default/tree/elbow-minus-nl.gif);\r
5961 }\r
5962 \r
5963 .x-tree-no-lines .x-tree-elbow-end-plus{\r
5964         background-image:url(../images/default/tree/elbow-end-plus-nl.gif);\r
5965 }\r
5966 \r
5967 .x-tree-no-lines .x-tree-elbow-end-minus{\r
5968         background-image:url(../images/default/tree/elbow-end-minus-nl.gif);\r
5969 }\r
5970 \r
5971 .x-tree-arrows .x-tree-elbow-plus{\r
5972     background-image:url(../images/default/tree/arrows.gif);\r
5973 }\r
5974 \r
5975 .x-tree-arrows .x-tree-elbow-minus{\r
5976     background-image:url(../images/default/tree/arrows.gif);\r
5977 }\r
5978 \r
5979 .x-tree-arrows .x-tree-elbow-end-plus{\r
5980     background-image:url(../images/default/tree/arrows.gif);\r
5981 }\r
5982 \r
5983 .x-tree-arrows .x-tree-elbow-end-minus{\r
5984     background-image:url(../images/default/tree/arrows.gif);\r
5985 }\r
5986 \r
5987 .x-tree-node{\r
5988         color:#000;\r
5989         font: normal 11px arial, tahoma, helvetica, sans-serif;\r
5990 }\r
5991 \r
5992 .x-tree-node a, .x-dd-drag-ghost a{\r
5993         color:#000;\r
5994 }\r
5995 \r
5996 .x-tree-node a span, .x-dd-drag-ghost a span{\r
5997         color:#000;\r
5998 }\r
5999 \r
6000 .x-tree-node .x-tree-node-disabled a span{\r
6001         color:gray !important;\r
6002 }\r
6003 \r
6004 .x-tree-node div.x-tree-drag-insert-below{\r
6005          border-bottom-color:#36c;\r
6006 }\r
6007 \r
6008 .x-tree-node div.x-tree-drag-insert-above{\r
6009          border-top-color:#36c;\r
6010 }\r
6011 \r
6012 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{\r
6013          border-bottom-color:#36c;\r
6014 }\r
6015 \r
6016 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{\r
6017          border-top-color:#36c;\r
6018 }\r
6019 \r
6020 .x-tree-node .x-tree-drag-append a span{\r
6021          background-color:#ddd;\r
6022          border-color:gray;\r
6023 }\r
6024 \r
6025 .x-tree-node .x-tree-node-over {\r
6026         background-color: #eee;\r
6027 }\r
6028 \r
6029 .x-tree-node .x-tree-selected {\r
6030         background-color: #d9e8fb;\r
6031 }\r
6032 \r
6033 .x-tree-drop-ok-append .x-dd-drop-icon{\r
6034   background-image: url(../images/default/tree/drop-add.gif);\r
6035 }\r
6036 \r
6037 .x-tree-drop-ok-above .x-dd-drop-icon{\r
6038   background-image: url(../images/default/tree/drop-over.gif);\r
6039 }\r
6040 \r
6041 .x-tree-drop-ok-below .x-dd-drop-icon{\r
6042   background-image: url(../images/default/tree/drop-under.gif);\r
6043 }\r
6044 \r
6045 .x-tree-drop-ok-between .x-dd-drop-icon{\r
6046   background-image: url(../images/default/tree/drop-between.gif);\r
6047 }.x-date-picker {
6048     border-color: #1b376c;
6049     background-color:#fff;
6050 }
6051
6052 .x-date-middle,.x-date-left,.x-date-right {
6053         background-image: url(../images/default/shared/hd-sprite.gif);
6054         color:#fff;
6055         font:bold 11px "sans serif", tahoma, verdana, helvetica;
6056 }
6057
6058 .x-date-middle .x-btn .x-btn-text {
6059     color:#fff;
6060 }
6061
6062 .x-date-middle .x-btn-mc em.x-btn-arrow {
6063     background-image:url(../images/default/toolbar/btn-arrow-light.gif);
6064 }
6065
6066 .x-date-right a {
6067     background-image: url(../images/default/shared/right-btn.gif);
6068 }
6069
6070 .x-date-left a{
6071         background-image: url(../images/default/shared/left-btn.gif);
6072 }
6073
6074 .x-date-inner th {
6075     background-color:#dfecfb;
6076     background-image:url(../images/default/shared/glass-bg.gif);
6077         border-bottom-color:#a3bad9;
6078     font:normal 10px arial, helvetica,tahoma,sans-serif;
6079         color:#233d6d;
6080 }
6081
6082 .x-date-inner td {
6083     border-color:#fff;
6084 }
6085
6086 .x-date-inner a {
6087     font:normal 11px arial, helvetica,tahoma,sans-serif;
6088     color:#000;
6089 }
6090
6091 .x-date-inner .x-date-active{
6092         color:#000;
6093 }
6094
6095 .x-date-inner .x-date-selected a{
6096     background-color:#dfecfb;
6097         background-image:url(../images/default/shared/glass-bg.gif);
6098         border-color:#8db2e3;
6099 }
6100
6101 .x-date-inner .x-date-today a{
6102         border-color:darkred;
6103 }
6104
6105 .x-date-inner .x-date-selected span{
6106     font-weight:bold;
6107 }
6108
6109 .x-date-inner .x-date-prevday a,.x-date-inner .x-date-nextday a {
6110         color:#aaa;
6111 }
6112
6113 .x-date-bottom {
6114     border-top-color:#a3bad9;
6115     background-color:#dfecfb;
6116     background-image:url(../images/default/shared/glass-bg.gif);
6117 }
6118
6119 .x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover{
6120     color:#000;
6121     background-color:#ddecfe;
6122 }
6123
6124 .x-date-inner .x-date-disabled a {
6125         background-color:#eee;
6126         color:#bbb;
6127 }
6128
6129 .x-date-mmenu{
6130     background-color:#eee !important;
6131 }
6132
6133 .x-date-mmenu .x-menu-item {
6134         font-size:10px;
6135         color:#000;
6136 }
6137
6138 .x-date-mp {
6139         background-color:#fff;
6140 }
6141
6142 .x-date-mp td {
6143         font:normal 11px arial, helvetica,tahoma,sans-serif;
6144 }
6145
6146 .x-date-mp-btns button {
6147         background-color:#083772;
6148         color:#fff;
6149         border-color: #3366cc #000055 #000055 #3366cc;
6150         font:normal 11px arial, helvetica,tahoma,sans-serif;
6151 }
6152
6153 .x-date-mp-btns {
6154     background-color: #dfecfb;
6155         background-image: url(../images/default/shared/glass-bg.gif);
6156 }
6157
6158 .x-date-mp-btns td {
6159         border-top-color: #c5d2df;
6160 }
6161
6162 td.x-date-mp-month a,td.x-date-mp-year a {
6163         color:#15428b;
6164 }
6165
6166 td.x-date-mp-month a:hover,td.x-date-mp-year a:hover {
6167         color:#15428b;
6168         background-color: #ddecfe;
6169 }
6170
6171 td.x-date-mp-sel a {
6172     background-color: #dfecfb;
6173         background-image: url(../images/default/shared/glass-bg.gif);
6174         border-color:#8db2e3;
6175 }
6176
6177 .x-date-mp-ybtn a {
6178     background-image:url(../images/default/panel/tool-sprites.gif);
6179 }
6180
6181 td.x-date-mp-sep {
6182    border-right-color:#c5d2df;
6183 }.x-tip .x-tip-close{\r
6184         background-image: url(../images/default/qtip/close.gif);\r
6185 }\r
6186 \r
6187 .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
6188         background-image: url(../images/default/qtip/tip-sprite.gif);\r
6189 }\r
6190 \r
6191 .x-tip .x-tip-mc {\r
6192     font: normal 11px tahoma,arial,helvetica,sans-serif;\r
6193 }\r
6194 .x-tip .x-tip-ml {\r
6195         background-color: #fff;\r
6196 }\r
6197 \r
6198 .x-tip .x-tip-header-text {\r
6199     font: bold 11px tahoma,arial,helvetica,sans-serif;\r
6200     color:#444;\r
6201 }\r
6202 \r
6203 .x-tip .x-tip-body {\r
6204     font: normal 11px tahoma,arial,helvetica,sans-serif;\r
6205     color:#444;\r
6206 }\r
6207 \r
6208 .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
6209 .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
6210 {\r
6211         background-image: url(../images/default/form/error-tip-corners.gif);\r
6212 }\r
6213 \r
6214 .x-form-invalid-tip .x-tip-body {\r
6215     background-image:url(../images/default/form/exclamation.gif);\r
6216 }\r
6217 \r
6218 .x-tip-anchor {\r
6219     background-image:url(../images/default/qtip/tip-anchor-sprite.gif);\r
6220 }.x-menu {\r
6221     background-color:#f0f0f0;\r
6222         background-image:url(../images/default/menu/menu.gif);\r
6223 }\r
6224 \r
6225 .x-menu-floating{\r
6226     border-color:#718bb7;\r
6227 }\r
6228 \r
6229 .x-menu-nosep {\r
6230         background-image:none;\r
6231 }\r
6232 \r
6233 .x-menu-list-item{\r
6234         font:normal 11px arial,tahoma,sans-serif;\r
6235 }\r
6236 \r
6237 .x-menu-item-arrow{\r
6238         background-image:url(../images/default/menu/menu-parent.gif);\r
6239 }\r
6240 \r
6241 .x-menu-sep {\r
6242     background-color:#e0e0e0;\r
6243         border-bottom-color:#fff;\r
6244 }\r
6245 \r
6246 a.x-menu-item {\r
6247         color:#222;\r
6248 }\r
6249 \r
6250 .x-menu-item-active {\r
6251     background-image: url(../images/default/menu/item-over.gif);\r
6252         background-color: #dbecf4;\r
6253     border-color:#aaccf6;\r
6254 }\r
6255 \r
6256 .x-menu-item-active a.x-menu-item {\r
6257         border-color:#aaccf6;\r
6258 }\r
6259 \r
6260 .x-menu-check-item .x-menu-item-icon{\r
6261         background-image:url(../images/default/menu/unchecked.gif);\r
6262 }\r
6263 \r
6264 .x-menu-item-checked .x-menu-item-icon{\r
6265         background-image:url(../images/default/menu/checked.gif);\r
6266 }\r
6267 \r
6268 .x-menu-item-checked .x-menu-group-item .x-menu-item-icon{\r
6269     background-image:url(../images/default/menu/group-checked.gif);\r
6270 }\r
6271 \r
6272 .x-menu-group-item .x-menu-item-icon{\r
6273     background-image:none;\r
6274 }\r
6275 \r
6276 .x-menu-plain {\r
6277         background-color:#f0f0f0 !important;\r
6278     background-image: none;\r
6279 }\r
6280 \r
6281 .x-date-menu, .x-color-menu{\r
6282     background-color: #fff !important;\r
6283 }\r
6284 \r
6285 .x-menu .x-date-picker{\r
6286     border-color:#a3bad9;\r
6287 }\r
6288 \r
6289 .x-cycle-menu .x-menu-item-checked {\r
6290     border-color:#a3bae9 !important;\r
6291     background-color:#def8f6;\r
6292 }\r
6293 \r
6294 .x-menu-scroller-top {\r
6295     background-image:url(../images/default/layout/mini-top.gif);\r
6296 }\r
6297 \r
6298 .x-menu-scroller-bottom {\r
6299     background-image:url(../images/default/layout/mini-bottom.gif);\r
6300 }\r
6301 .x-box-tl {
6302         background-image: url(../images/default/box/corners.gif);
6303 }
6304
6305 .x-box-tc {
6306         background-image: url(../images/default/box/tb.gif);
6307 }
6308
6309 .x-box-tr {
6310         background-image: url(../images/default/box/corners.gif);
6311 }
6312
6313 .x-box-ml {
6314         background-image: url(../images/default/box/l.gif);
6315 }
6316
6317 .x-box-mc {
6318         background-color: #eee;
6319     background-image: url(../images/default/box/tb.gif);
6320         font-family: "Myriad Pro","Myriad Web","Tahoma","Helvetica","Arial",sans-serif;
6321         color: #393939;
6322         font-size: 12px;
6323 }
6324
6325 .x-box-mc h3 {
6326         font-size: 14px;
6327         font-weight: bold;
6328 }
6329
6330 .x-box-mr {
6331         background-image: url(../images/default/box/r.gif);
6332 }
6333
6334 .x-box-bl {
6335         background-image: url(../images/default/box/corners.gif);
6336 }
6337
6338 .x-box-bc {
6339         background-image: url(../images/default/box/tb.gif);
6340 }
6341
6342 .x-box-br {
6343         background-image: url(../images/default/box/corners.gif);
6344 }
6345
6346 .x-box-blue .x-box-bl, .x-box-blue .x-box-br, .x-box-blue .x-box-tl, .x-box-blue .x-box-tr {
6347         background-image: url(../images/default/box/corners-blue.gif);
6348 }
6349
6350 .x-box-blue .x-box-bc, .x-box-blue .x-box-mc, .x-box-blue .x-box-tc {
6351         background-image: url(../images/default/box/tb-blue.gif);
6352 }
6353
6354 .x-box-blue .x-box-mc {
6355         background-color: #c3daf9;
6356 }
6357
6358 .x-box-blue .x-box-mc h3 {
6359         color: #17385b;
6360 }
6361
6362 .x-box-blue .x-box-ml {
6363         background-image: url(../images/default/box/l-blue.gif);
6364 }
6365
6366 .x-box-blue .x-box-mr {
6367         background-image: url(../images/default/box/r-blue.gif);
6368 }.x-combo-list {
6369     border-color:#98c0f4;
6370     background-color:#ddecfe;
6371     font:normal 12px tahoma, arial, helvetica, sans-serif;
6372 }
6373
6374 .x-combo-list-inner {
6375     background-color:#fff;
6376 }
6377
6378 .x-combo-list-hd {
6379     font:bold 11px tahoma, arial, helvetica, sans-serif;
6380     color:#15428b;
6381     background-image: url(../images/default/layout/panel-title-light-bg.gif);
6382     border-bottom-color:#98c0f4;
6383 }
6384
6385 .x-resizable-pinned .x-combo-list-inner {
6386     border-bottom-color:#98c0f4;
6387 }
6388
6389 .x-combo-list-item {
6390     border-color:#fff;
6391 }
6392
6393 .x-combo-list .x-combo-selected{
6394         border-color:#a3bae9 !important;
6395     background-color:#dfe8f6;
6396 }
6397
6398 .x-combo-list .x-toolbar {
6399     border-top-color:#98c0f4;
6400 }
6401
6402 .x-combo-list-small {
6403     font:normal 11px tahoma, arial, helvetica, sans-serif;
6404 }.x-panel {
6405     border-color: #99bbe8;
6406 }
6407
6408 .x-panel-header {
6409     color:#15428b;
6410         font-weight:bold;
6411     font-size: 11px;
6412     font-family: tahoma,arial,verdana,sans-serif;
6413     border-color:#99bbe8;
6414     background-image: url(../images/default/panel/white-top-bottom.gif);
6415 }
6416
6417 .x-panel-body {
6418     border-color:#99bbe8;
6419     background-color:#fff;
6420 }
6421
6422 .x-panel-bbar .x-toolbar, .x-panel-tbar .x-toolbar {
6423     border-color:#99bbe8;
6424 }
6425
6426 .x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
6427     border-top-color:#99bbe8;
6428 }
6429
6430 .x-panel-body-noheader, .x-panel-mc .x-panel-body {
6431     border-top-color:#99bbe8;
6432 }
6433
6434 .x-panel-tl .x-panel-header {
6435     color:#15428b;
6436         font:bold 11px tahoma,arial,verdana,sans-serif;
6437 }
6438
6439 .x-panel-tc {
6440         background-image: url(../images/default/panel/top-bottom.gif);
6441 }
6442
6443 .x-panel-tl, .x-panel-tr, .x-panel-bl,  .x-panel-br{
6444         background-image: url(../images/default/panel/corners-sprite.gif);
6445     border-bottom-color:#99bbe8;
6446 }
6447
6448 .x-panel-bc {
6449         background-image: url(../images/default/panel/top-bottom.gif);
6450 }
6451
6452 .x-panel-mc {
6453     font: normal 11px tahoma,arial,helvetica,sans-serif;
6454     background-color:#dfe8f6;
6455 }
6456
6457 .x-panel-ml {
6458         background-color: #fff;
6459     background-image:url(../images/default/panel/left-right.gif);
6460 }
6461
6462 .x-panel-mr {
6463         background-image: url(../images/default/panel/left-right.gif);
6464 }
6465
6466 .x-tool {
6467     background-image:url(../images/default/panel/tool-sprites.gif);
6468 }
6469
6470 .x-panel-ghost {
6471     background-color:#cbddf3;
6472 }
6473
6474 .x-panel-ghost ul {
6475     border-color:#99bbe8;
6476 }
6477
6478 .x-panel-dd-spacer {
6479     border-color:#99bbe8;
6480 }
6481
6482 .x-panel-fbar td,.x-panel-fbar span,.x-panel-fbar input,.x-panel-fbar div,.x-panel-fbar select,.x-panel-fbar label{
6483     font:normal 11px arial,tahoma, helvetica, sans-serif;
6484 }
6485 .x-window-proxy {
6486     background-color:#c7dffc;
6487     border-color:#99bbe8;
6488 }
6489
6490 .x-window-tl .x-window-header {
6491     color:#15428b;
6492         font:bold 11px tahoma,arial,verdana,sans-serif;
6493 }
6494
6495 .x-window-tc {
6496         background-image: url(../images/default/window/top-bottom.png);
6497 }
6498
6499 .x-window-tl {
6500         background-image: url(../images/default/window/left-corners.png);
6501 }
6502
6503 .x-window-tr {
6504         background-image: url(../images/default/window/right-corners.png);
6505 }
6506
6507 .x-window-bc {
6508         background-image: url(../images/default/window/top-bottom.png);
6509 }
6510
6511 .x-window-bl {
6512         background-image: url(../images/default/window/left-corners.png);
6513 }
6514
6515 .x-window-br {
6516         background-image: url(../images/default/window/right-corners.png);
6517 }
6518
6519 .x-window-mc {
6520     border-color:#99bbe8;
6521     font: normal 11px tahoma,arial,helvetica,sans-serif;
6522     background-color:#dfe8f6;
6523 }
6524
6525 .x-window-ml {
6526         background-image: url(../images/default/window/left-right.png);
6527 }
6528
6529 .x-window-mr {
6530         background-image: url(../images/default/window/left-right.png);
6531 }
6532
6533 .x-window-maximized .x-window-tc {
6534     background-color:#fff;
6535 }
6536
6537 .x-window-bbar .x-toolbar {
6538     border-top-color:#99bbe8;
6539 }
6540
6541 .x-panel-ghost .x-window-tl {
6542     border-bottom-color:#99bbe8;
6543 }
6544
6545 .x-panel-collapsed .x-window-tl {
6546     border-bottom-color:#84a0c4;
6547 }
6548
6549 .x-dlg-mask{
6550    background-color:#ccc;
6551 }
6552
6553 .x-window-plain .x-window-mc {
6554     background-color: #ccd9e8;
6555     border-color: #a3bae9 #dfe8f6 #dfe8f6 #a3bae9;
6556 }
6557
6558 .x-window-plain .x-window-body {
6559     border-color: #dfe8f6 #a3bae9 #a3bae9 #dfe8f6;
6560 }
6561
6562 body.x-body-masked .x-window-plain .x-window-mc {
6563     background-color: #ccd9e8;
6564 }.x-html-editor-wrap {\r
6565     border-color:#a9bfd3;\r
6566     background-color:#fff;\r
6567 }\r
6568 .x-html-editor-tb .x-btn-text {\r
6569     background-image:url(../images/default/editor/tb-sprite.gif);\r
6570 }.x-panel-noborder .x-panel-header-noborder {\r
6571     border-bottom-color:#99bbe8;\r
6572 }\r
6573 \r
6574 .x-panel-noborder .x-panel-tbar-noborder .x-toolbar {\r
6575     border-bottom-color:#99bbe8;\r
6576 }\r
6577 \r
6578 .x-panel-noborder .x-panel-bbar-noborder .x-toolbar {\r
6579     border-top-color:#99bbe8;\r
6580 }\r
6581 \r
6582 .x-tab-panel-bbar-noborder .x-toolbar {\r
6583     border-top-color:#99bbe8;\r
6584 }\r
6585 \r
6586 .x-tab-panel-tbar-noborder .x-toolbar {\r
6587     border-bottom-color:#99bbe8;\r
6588 }.x-border-layout-ct {
6589     background-color:#dfe8f6;
6590 }
6591
6592 .x-accordion-hd {
6593         color:#222;
6594     font-weight:normal;
6595     background-image: url(../images/default/panel/light-hd.gif);
6596 }
6597
6598 .x-layout-collapsed{
6599     background-color:#d2e0f2;
6600         border-color:#98c0f4;
6601 }
6602
6603 .x-layout-collapsed-over{
6604     background-color:#d9e8fb;
6605 }
6606
6607 .x-layout-split-west .x-layout-mini {
6608     background-image:url(../images/default/layout/mini-left.gif);
6609 }
6610 .x-layout-split-east .x-layout-mini {
6611     background-image:url(../images/default/layout/mini-right.gif);
6612 }
6613 .x-layout-split-north .x-layout-mini {
6614     background-image:url(../images/default/layout/mini-top.gif);
6615 }
6616 .x-layout-split-south .x-layout-mini {
6617     background-image:url(../images/default/layout/mini-bottom.gif);
6618 }
6619
6620 .x-layout-cmini-west .x-layout-mini {
6621     background-image:url(../images/default/layout/mini-right.gif);
6622 }
6623
6624 .x-layout-cmini-east .x-layout-mini {
6625     background-image:url(../images/default/layout/mini-left.gif);
6626 }
6627
6628 .x-layout-cmini-north .x-layout-mini {
6629     background-image:url(../images/default/layout/mini-bottom.gif);
6630 }
6631
6632 .x-layout-cmini-south .x-layout-mini {
6633     background-image:url(../images/default/layout/mini-top.gif);
6634 }.x-progress-wrap {\r
6635     border-color:#6593cf;\r
6636 }\r
6637 \r
6638 .x-progress-inner {\r
6639     background-color:#e0e8f3;\r
6640     background-image:url(../images/default/qtip/bg.gif);\r
6641 }\r
6642 \r
6643 .x-progress-bar {\r
6644     background-color:#9cbfee;\r
6645     background-image:url(../images/default/progress/progress-bg.gif);\r
6646     border-top-color:#d1e4fd;\r
6647     border-bottom-color:#7fa9e4;\r
6648     border-right-color:#7fa9e4;\r
6649 }\r
6650 \r
6651 .x-progress-text {\r
6652     font-size:11px;\r
6653     font-weight:bold;\r
6654     color:#fff;\r
6655 }\r
6656 \r
6657 .x-progress-text-back {\r
6658     color:#396095;\r
6659 }.x-list-header{\r
6660     background-color:#f9f9f9;\r
6661         background-image:url(../images/default/grid/grid3-hrow.gif);\r
6662 }\r
6663 \r
6664 .x-list-header-inner div em {\r
6665     border-left-color:#ddd;\r
6666     font:normal 11px arial, tahoma, helvetica, sans-serif;\r
6667 }\r
6668 \r
6669 .x-list-body dt em {\r
6670     font:normal 11px arial, tahoma, helvetica, sans-serif;\r
6671 }\r
6672 \r
6673 .x-list-over {\r
6674     background-color:#eee;\r
6675 }\r
6676 \r
6677 .x-list-selected {\r
6678     background-color:#dfe8f6;\r
6679 }\r
6680 \r
6681 .x-list-resizer {\r
6682     border-left-color:#555;\r
6683     border-right-color:#555;\r
6684 }\r
6685 \r
6686 .x-list-header-inner em.sort-asc, .x-list-header-inner em.sort-desc {\r
6687     background-image:url(../images/default/grid/sort-hd.gif);\r
6688     border-color: #99bbe8;\r
6689 }.x-slider-horz, .x-slider-horz .x-slider-end, .x-slider-horz .x-slider-inner {\r
6690     background-image:url(../images/default/slider/slider-bg.png);\r
6691 }\r
6692 \r
6693 .x-slider-horz .x-slider-thumb {\r
6694     background-image:url(../images/default/slider/slider-thumb.png);\r
6695 }\r
6696 \r
6697 .x-slider-vert, .x-slider-vert .x-slider-end, .x-slider-vert .x-slider-inner {\r
6698     background-image:url(../images/default/slider/slider-v-bg.png);\r
6699 }\r
6700 \r
6701 .x-slider-vert .x-slider-thumb {\r
6702     background-image:url(../images/default/slider/slider-v-thumb.png);\r
6703 }.x-window-dlg .ext-mb-text,\r
6704 .x-window-dlg .x-window-header-text {\r
6705     font-size:12px;\r
6706 }\r
6707 \r
6708 .x-window-dlg .ext-mb-textarea {\r
6709     font:normal 12px tahoma,arial,helvetica,sans-serif;\r
6710 }\r
6711 \r
6712 .x-window-dlg .x-msg-box-wait {\r
6713     background-image:url(../images/default/grid/loading.gif);\r
6714 }\r
6715 \r
6716 .x-window-dlg .ext-mb-info {\r
6717     background-image:url(../images/default/window/icon-info.gif);\r
6718 }\r
6719 \r
6720 .x-window-dlg .ext-mb-warning {\r
6721     background-image:url(../images/default/window/icon-warning.gif);\r
6722 }\r
6723 \r
6724 .x-window-dlg .ext-mb-question {\r
6725     background-image:url(../images/default/window/icon-question.gif);\r
6726 }\r
6727 \r
6728 .x-window-dlg .ext-mb-error {\r
6729     background-image:url(../images/default/window/icon-error.gif);\r
6730 }