resources/css/ext-all.css

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