air/samples/tasks/ext-2.0/resources/css/ext-all.css

   1 /*\r
   2  * Ext JS Library 0.30\r
   3  * Copyright(c) 2006-2009, Ext JS, LLC.\r
   4  * licensing@extjs.com\r
   5  * \r
   6  * http://extjs.com/license\r
   7  */\r
   8 \r
   9 /*\r
  10  * Ext JS Library 2.0.1\r
  11  * Copyright(c) 2006-2008, Ext JS, LLC.\r
  12  * licensing@extjs.com\r
  13  * \r
  14  * http://extjs.com/license\r
  15  */\r
  16 \r
  17 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:'';}
  18 .ext-el-mask {\r
  19     z-index: 20000;\r
  20     position: absolute;\r
  21     top:0;\r
  22     left:0;\r
  23     -moz-opacity: 0.5;\r
  24     opacity: .50;\r
  25     filter: alpha(opacity=50);\r
  26     background-color: #CCC;\r
  27     width: 100%;\r
  28     height: 100%;\r
  29     zoom: 1;\r
  30 }\r
  31 .ext-el-mask-msg {\r
  32     z-index: 20001;\r
  33     position: absolute;\r
  34     top: 0;\r
  35     left: 0;\r
  36     border:1px solid #6593cf;\r
  37     background: #c3daf9 url(../images/default/box/tb-blue.gif) repeat-x 0 -16px;\r
  38     padding:2px;\r
  39 }\r
  40 .ext-el-mask-msg div {\r
  41     padding:5px 10px 5px 10px;\r
  42     background: #eee;\r
  43     border:1px solid #a3bad9;\r
  44     color:#222;\r
  45     font:normal 11px tahoma, arial, helvetica, sans-serif;\r
  46     cursor:wait;\r
  47 }\r
  48 \r
  49 .ext-shim {\r
  50     position:absolute;\r
  51     visibility:hidden;\r
  52     left:0;\r
  53     top:0;\r
  54     overflow:hidden;\r
  55 }\r
  56 .ext-ie .ext-shim {\r
  57     filter: alpha(opacity=0);\r
  58 }\r
  59 .ext-ie6 .ext-shim {\r
  60     margin-left: 5px;\r
  61     margin-top: 3px;\r
  62 }\r
  63 \r
  64 .x-mask-loading div {\r
  65     padding:5px 10px 5px 25px;\r
  66     background: #fbfbfb url( '../images/default/grid/loading.gif' ) no-repeat 5px 5px;\r
  67     line-height: 16px;\r
  68 }\r
  69 \r
  70 .x-hidden, .x-hide-offsets {\r
  71     position:absolute;\r
  72     left:-10000px;\r
  73     top:-10000px;\r
  74     visibility:hidden;\r
  75 }\r
  76 .x-hide-display {\r
  77     display:none !important;\r
  78 }\r
  79 \r
  80 .x-hide-visibility {\r
  81     visibility:hidden !important;\r
  82 }\r
  83 \r
  84 .x-masked {\r
  85     overflow: hidden !important;\r
  86 }\r
  87 \r
  88 .x-masked select, .x-masked object, .x-masked embed {\r
  89     visibility: hidden;\r
  90 }\r
  91 \r
  92 .x-layer {\r
  93     visibility: hidden;\r
  94 }\r
  95 \r
  96 .x-unselectable, .x-unselectable * {\r
  97     -moz-user-select: none;\r
  98     -khtml-user-select: none;\r
  99 }\r
 100 \r
 101 .x-repaint {\r
 102     zoom: 1;\r
 103     background-color: transparent;\r
 104     -moz-outline: none;\r
 105 }\r
 106 \r
 107 .x-item-disabled {\r
 108     color: gray;\r
 109     cursor: default;\r
 110     opacity: .6;\r
 111     -moz-opacity: .6;\r
 112     filter: alpha(opacity=60);\r
 113 }\r
 114 \r
 115 .x-item-disabled * {\r
 116     color: gray !important;\r
 117     cursor: default !important;\r
 118 }\r
 119 \r
 120 .x-splitbar-proxy {\r
 121     position: absolute;\r
 122     visibility: hidden;\r
 123     z-index: 20001;\r
 124     background: #aaa;\r
 125     zoom: 1;\r
 126     line-height: 1px;\r
 127     font-size: 1px;\r
 128     overflow: hidden;\r
 129 }\r
 130 \r
 131 .x-splitbar-h, .x-splitbar-proxy-h {\r
 132     cursor: e-resize;\r
 133     cursor: col-resize;\r
 134 }\r
 135 \r
 136 .x-splitbar-v, .x-splitbar-proxy-v {\r
 137     cursor: s-resize;\r
 138     cursor: row-resize;\r
 139 }\r
 140 \r
 141 .x-color-palette {\r
 142     width: 150px;\r
 143     height: 92px;\r
 144     cursor: pointer;\r
 145 }\r
 146 \r
 147 .x-color-palette a {\r
 148     border: 1px solid #fff;\r
 149     float: left;\r
 150     padding: 2px;\r
 151     text-decoration: none;\r
 152     -moz-outline: 0 none;\r
 153     outline: 0 none;\r
 154     cursor: pointer;\r
 155 }\r
 156 \r
 157 .x-color-palette a:hover, .x-color-palette a.x-color-palette-sel {\r
 158     border: 1px solid #8BB8F3;\r
 159     background: #deecfd;\r
 160 }\r
 161 \r
 162 .x-color-palette em {\r
 163     display: block;\r
 164     border: 1px solid #ACA899;\r
 165 }\r
 166 \r
 167 .x-color-palette em span {\r
 168     cursor: pointer;\r
 169     display: block;\r
 170     height: 10px;\r
 171     line-height: 10px;\r
 172     width: 10px;\r
 173 }\r
 174 \r
 175 .x-ie-shadow {\r
 176     display: none;\r
 177     position: absolute;\r
 178     overflow: hidden;\r
 179     left:0;\r
 180     top:0;\r
 181     background:#777;\r
 182     zoom:1;\r
 183 }\r
 184 \r
 185 .x-shadow {\r
 186     display: none;\r
 187     position: absolute;\r
 188     overflow: hidden;\r
 189     left:0;\r
 190     top:0;\r
 191 }\r
 192 \r
 193 .x-shadow * {\r
 194     overflow: hidden;\r
 195 }\r
 196 \r
 197 .x-shadow * {\r
 198     padding: 0;\r
 199     border: 0;\r
 200     margin: 0;\r
 201     clear: none;\r
 202     zoom: 1;\r
 203 }\r
 204 \r
 205 \r
 206 .x-shadow .xstc, .x-shadow .xsbc {\r
 207     height: 6px;\r
 208     float: left;\r
 209 }\r
 210 \r
 211 \r
 212 .x-shadow .xstl, .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbr {\r
 213     width: 6px;\r
 214     height: 6px;\r
 215     float: left;\r
 216 }\r
 217 \r
 218 \r
 219 .x-shadow .xsc {\r
 220     width: 100%;\r
 221 }\r
 222 \r
 223 .x-shadow .xsml, .x-shadow .xsmr {\r
 224     width: 6px;\r
 225     float: left;\r
 226     height: 100%;\r
 227 }\r
 228 \r
 229 .x-shadow .xsmc {\r
 230     float: left;\r
 231     height: 100%;\r
 232     background: transparent url( ../images/default/shadow-c.png );\r
 233 }\r
 234 \r
 235 .x-shadow .xst, .x-shadow .xsb {\r
 236     height: 6px;\r
 237     overflow: hidden;\r
 238     width: 100%;\r
 239 }\r
 240 \r
 241 .x-shadow .xsml {\r
 242     background: transparent url( ../images/default/shadow-lr.png ) repeat-y 0 0;\r
 243 }\r
 244 \r
 245 .x-shadow .xsmr {\r
 246     background: transparent url( ../images/default/shadow-lr.png ) repeat-y -6px 0;\r
 247 }\r
 248 \r
 249 .x-shadow .xstl {\r
 250     background: transparent url( ../images/default/shadow.png ) no-repeat 0 0;\r
 251 }\r
 252 \r
 253 .x-shadow .xstc {\r
 254     background: transparent url( ../images/default/shadow.png ) repeat-x 0 -30px;\r
 255 }\r
 256 \r
 257 .x-shadow .xstr {\r
 258     background: transparent url( ../images/default/shadow.png ) repeat-x 0 -18px;\r
 259 }\r
 260 \r
 261 .x-shadow .xsbl {\r
 262     background: transparent url( ../images/default/shadow.png ) no-repeat 0 -12px;\r
 263 }\r
 264 \r
 265 .x-shadow .xsbc {\r
 266     background: transparent url( ../images/default/shadow.png ) repeat-x 0 -36px;\r
 267 }\r
 268 \r
 269 .x-shadow .xsbr {\r
 270     background: transparent url( ../images/default/shadow.png ) repeat-x 0 -6px;\r
 271 }\r
 272 \r
 273 .loading-indicator {\r
 274     font-size: 11px;\r
 275     background-image: url(../images/default/grid/loading.gif);\r
 276     background-repeat: no-repeat;\r
 277     background-position: left;\r
 278     padding-left: 20px;\r
 279     line-height: 16px;\r
 280     margin: 3px;\r
 281 }\r
 282 \r
 283 .x-text-resize {\r
 284     position: absolute;\r
 285     left: -1000px;\r
 286     top: -1000px;\r
 287     visibility: hidden;\r
 288     zoom: 1;\r
 289 }\r
 290 \r
 291 .x-drag-overlay {\r
 292     width: 100%;\r
 293     height: 100%;\r
 294     display: none;\r
 295     position: absolute;\r
 296     left: 0;\r
 297     top: 0;\r
 298     background-image:url(../images/default/s.gif);\r
 299     z-index: 20000;\r
 300 }\r
 301 \r
 302 .x-clear {\r
 303     clear:both;\r
 304     height:0;\r
 305     overflow:hidden;\r
 306     line-height:0;\r
 307     font-size:0;\r
 308 }\r
 309 \r
 310 \r
 311 .x-spotlight {\r
 312     z-index: 8999;\r
 313     position: absolute;\r
 314     top:0;\r
 315     left:0;\r
 316     -moz-opacity: 0.5;\r
 317     opacity: .50;\r
 318     filter: alpha(opacity=50);\r
 319     background-color: #CCC;\r
 320     width:0;\r
 321     height:0;\r
 322     zoom: 1;\r
 323 }\r
 324
 325 .x-tab-panel {
 326     overflow:hidden;
 327 }
 328 .x-tab-panel-header, .x-tab-panel-footer {
 329         background: #deecfd;
 330         border: 1px solid #8db2e3;
 331     overflow:hidden;
 332     zoom:1;
 333 }
 334
 335
 336 .x-tab-panel-header {
 337         border: 1px solid #8db2e3;
 338         padding-bottom: 2px;
 339 }
 340
 341 .x-tab-panel-footer {
 342         border: 1px solid #8db2e3;
 343         padding-top: 2px;
 344 }
 345
 346
 347 .x-tab-strip-wrap {
 348         width:100%;
 349     overflow:hidden;
 350     position:relative;
 351     zoom:1;
 352 }
 353 ul.x-tab-strip {
 354         display:block;
 355     width:5000px;
 356     zoom:1;
 357 }
 358
 359 ul.x-tab-strip-top{
 360         padding-top: 1px;
 361         background: url(../images/default/tabs/tab-strip-bg.gif) #cedff5 repeat-x bottom;
 362         border-bottom: 1px solid #8db2e3;
 363 }
 364
 365 ul.x-tab-strip-bottom{
 366         padding-bottom: 1px;
 367         background: url(../images/default/tabs/tab-strip-btm-bg.gif) #cedff5 repeat-x top;
 368         border-top: 1px solid #8db2e3;
 369         border-bottom: 0 none;
 370 }
 371
 372 .x-tab-panel-header-plain .x-tab-strip-top {
 373     background:transparent !important;
 374     padding-top:0 !important;
 375 }
 376 .x-tab-panel-header-plain {
 377     background:transparent !important;
 378     border-width:0 !important;
 379     padding-bottom:0 !important;
 380 }
 381
 382 .x-tab-panel-header-plain .x-tab-strip-spacer {
 383     border:1px solid #8db2e3;
 384     border-top: 0 none;
 385     height:2px;
 386     background: #deecfd;
 387     font-size:1px;
 388     line-height:1px;
 389 }
 390
 391 .ext-border-box .x-tab-panel-header-plain .x-tab-strip-spacer {
 392     height:3px;
 393 }
 394
 395
 396 ul.x-tab-strip li {
 397     float:left;
 398     margin-left:2px;
 399 }
 400
 401
 402 ul.x-tab-strip li.x-tab-edge {
 403     float:left;
 404     margin:0 !important;
 405     padding:0 !important;
 406     border:0 none !important;
 407     font-size:1px !important;
 408     line-height:1px !important;
 409     overflow:hidden;
 410     zoom:1;
 411     background:transparent !important;
 412     width:1px;
 413 }
 414
 415 .x-tab-strip a, .x-tab-strip span, .x-tab-strip em {
 416         display:block;
 417 }
 418
 419 .x-tab-strip a {
 420         text-decoration:none !important;
 421         -moz-outline: none;
 422         outline: none;
 423         cursor:pointer;
 424 }
 425
 426 .x-tab-strip-inner {
 427     overflow:hidden;
 428         text-overflow: ellipsis;
 429 }
 430
 431 .x-tab-strip span.x-tab-strip-text {
 432         font:normal 11px tahoma,arial,helvetica;
 433         color:#416aa3;
 434         white-space: nowrap;
 435         cursor:pointer;
 436     padding:4px 0;
 437 }
 438 .x-tab-strip .x-tab-with-icon .x-tab-right {
 439     padding-left:6px;
 440 }
 441 .x-tab-strip .x-tab-with-icon span.x-tab-strip-text {
 442         padding-left:20px;
 443     background-position: 0 3px;
 444     background-repeat: no-repeat;
 445 }
 446
 447 .x-tab-strip-over span.x-tab-strip-text {
 448         color:#15428b;
 449 }
 450
 451 .x-tab-strip-active {
 452     cursor:default;
 453 }
 454
 455 .x-tab-strip-active span.x-tab-strip-text {
 456         cursor:default;
 457         color:#15428b;
 458     font-weight:bold;
 459 }
 460
 461 .x-tab-strip-disabled .x-tabs-text {
 462         cursor:default;
 463         color:#aaaaaa;
 464 }
 465
 466 .x-tab-panel-body {
 467     overflow:hidden;
 468 }
 469 .x-tab-panel-bwrap {
 470     overflow:hidden;
 471 }
 472 .ext-ie .x-tab-strip .x-tab-right {
 473     position:relative;
 474 }
 475
 476 .x-tab-strip-top .x-tab-strip-active .x-tab-right {
 477     margin-bottom:-1px;
 478 }
 479
 480 .x-tab-strip-top .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
 481     padding-bottom:5px;
 482 }
 483
 484 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
 485     margin-top:-1px;
 486 }
 487 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
 488     padding-top:5px;
 489 }
 490
 491
 492 .x-tab-strip-top .x-tab-right {
 493         background: transparent url(../images/default/tabs/tabs-sprite.gif) no-repeat 0 -51px;
 494     padding-left:10px;
 495 }
 496
 497 .x-tab-strip-top .x-tab-left {
 498         background: transparent url(../images/default/tabs/tabs-sprite.gif) no-repeat right -351px;
 499     padding-right:10px;
 500 }
 501
 502 .x-tab-strip-top .x-tab-strip-inner {
 503         background: transparent url(../images/default/tabs/tabs-sprite.gif) repeat-x 0 -201px;
 504 }
 505
 506 .x-tab-strip-top .x-tab-strip-over .x-tab-right {
 507          background-position:0 -101px;
 508 }
 509 .x-tab-strip-top .x-tab-strip-over .x-tab-left {
 510          background-position:right -401px;
 511 }
 512 .x-tab-strip-top .x-tab-strip-over .x-tab-strip-inner {
 513          background-position:0 -251px;
 514 }
 515
 516 .x-tab-strip-top .x-tab-strip-active .x-tab-right {
 517         background-position: 0 0;
 518 }
 519
 520 .x-tab-strip-top .x-tab-strip-active .x-tab-left {
 521         background-position: right -301px;
 522 }
 523
 524 .x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner {
 525         background-position: 0 -151px;
 526 }
 527
 528 .x-tab-strip-bottom .x-tab-right {
 529         background: url(../images/default/tabs/tab-btm-inactive-right-bg.gif) no-repeat bottom right;
 530 }
 531
 532 .x-tab-strip-bottom .x-tab-left {
 533         background: url(../images/default/tabs/tab-btm-inactive-left-bg.gif) no-repeat bottom left;
 534 }
 535
 536 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
 537         background: url(../images/default/tabs/tab-btm-right-bg.gif) no-repeat bottom left;
 538 }
 539
 540 .x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
 541         background: url(../images/default/tabs/tab-btm-left-bg.gif) no-repeat bottom right;
 542 }
 543 .x-tab-strip-bottom .x-tab-left {
 544     padding:0 10px;
 545 }
 546 .x-tab-strip-bottom .x-tab-right {
 547     padding:0;
 548 }
 549 .x-tab-strip .x-tab-strip-close {
 550     display:none;
 551 }
 552 .x-tab-strip-closable {
 553     position:relative;
 554 }
 555
 556 .x-tab-strip-closable .x-tab-left {
 557     padding-right:19px;
 558 }
 559
 560 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
 561         background-image:url(../images/default/tabs/tab-close.gif);
 562     opacity:.6;
 563     -moz-opacity:.6;
 564     background-repeat:no-repeat;
 565     display:block;
 566         width:11px;height:11px;
 567     position:absolute;
 568     top:3px;
 569     right:3px;
 570     cursor:pointer;
 571     z-index:2;
 572 }
 573
 574 .x-tab-strip .x-tab-strip-active a.x-tab-strip-close {
 575     opacity:.8;
 576     -moz-opacity:.8;
 577 }
 578 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
 579         background-image:url(../images/default/tabs/tab-close.gif);
 580     opacity:1;
 581     -moz-opacity:1;
 582 }
 583
 584 .x-tab-panel-body {
 585     border: 1px solid #8db2e3;
 586     background:#fff;
 587 }
 588 .x-tab-panel-body-top {
 589     border-top: 0 none;
 590 }
 591 .x-tab-panel-body-bottom {
 592     border-bottom: 0 none;
 593 }
 594
 595 .x-tab-scroller-left {
 596     background: transparent url(../images/default/tabs/scroll-left.gif) no-repeat -18px 0;
 597     border-bottom: 1px solid #8db2e3;
 598     width:18px;
 599     position:absolute;
 600     left:0;
 601     top:0;
 602     z-index:10;
 603     cursor:pointer;
 604 }
 605 .x-tab-scroller-left-over {
 606     background-position: 0 0;
 607 }
 608 .x-tab-scroller-left-disabled {
 609     background-position: -18px 0;
 610     opacity:.5;
 611     -moz-opacity:.5;
 612     filter:alpha(opacity=50);
 613     cursor:default;
 614 }
 615 .x-tab-scroller-right {
 616     background: transparent url(../images/default/tabs/scroll-right.gif) no-repeat 0 0;
 617     border-bottom: 1px solid #8db2e3;
 618     width:18px;
 619     position:absolute;
 620     right:0;
 621     top:0;
 622     z-index:10;
 623     cursor:pointer;
 624 }
 625 .x-tab-scroller-right-over {
 626     background-position: -18px 0;
 627 }
 628 .x-tab-scroller-right-disabled {
 629     background-position: 0 0;
 630     opacity:.5;
 631     -moz-opacity:.5;
 632     filter:alpha(opacity=50);
 633     cursor:default;
 634 }
 635
 636 .x-tab-scrolling .x-tab-strip-wrap {
 637     margin-left:18px;
 638     margin-right:18px;
 639 }
 640
 641 .x-tab-scrolling {
 642     position:relative;
 643 }
 644
 645 .x-tab-panel-bbar .x-toolbar {
 646     border:1px solid #99bbe8;
 647     border-top:0 none;
 648     overflow:hidden;
 649     padding:2px;
 650 }
 651
 652 .x-tab-panel-tbar .x-toolbar {
 653     border:1px solid #99bbe8;
 654     border-top:0 none;
 655     overflow:hidden;
 656     padding:2px;
 657 }
 658
 659 .x-border-layout-ct .x-tab-panel {
 660         background: white;
 661 }
 662
 663 .x-form-field{
 664     margin: 0 0 0 0;
 665     font:normal 12px tahoma, arial, helvetica, sans-serif;
 666 }
 667
 668
 669 .x-form-text, textarea.x-form-field{
 670     padding:1px 3px;
 671     background:#fff url(../images/default/form/text-bg.gif) repeat-x 0 0;
 672     border:1px solid #B5B8C8;
 673 }
 674 textarea.x-form-field {
 675     padding:2px 3px;
 676 }
 677 .x-form-text {
 678     height:22px;
 679     line-height:18px;
 680     vertical-align:middle;
 681 }
 682 .ext-ie .x-form-text {
 683     margin:-1px 0;
 684     height:22px;
 685     line-height:18px;
 686 }
 687 .ext-ie textarea.x-form-field {
 688     margin:-1px 0;
 689 }
 690 .ext-strict .x-form-text {
 691     height:18px;
 692 }
 693 .ext-safari .x-form-text {
 694     height:20px;
 695     padding:0 3px;
 696 }
 697 .ext-safari.ext-mac textarea.x-form-field {
 698     margin-bottom:-2px;
 699 }
 700 .ext-gecko .x-form-text {
 701     padding-top:2px;
 702     padding-bottom:0;
 703 }
 704 textarea {
 705     resize: none;
 706 }
 707
 708
 709
 710 .x-form-select-one {
 711     height:20px;
 712     line-height:18px;
 713     vertical-align:middle;
 714     background-color:#fff;
 715     border: 1px solid #B5B8C8;
 716 }
 717
 718
 719
 720
 721
 722
 723
 724
 725
 726
 727
 728
 729
 730
 731
 732
 733 .x-form-field-wrap {
 734     position:relative;
 735     zoom:1;
 736     white-space: nowrap;
 737 }
 738
 739 .x-editor .x-form-check-wrap {
 740     background:#fff;
 741 }
 742 .x-form-field-wrap .x-form-trigger{
 743     width:17px;
 744     height:21px;
 745     border:0;
 746     background:transparent url(../images/default/form/trigger.gif) no-repeat 0 0;
 747     cursor:pointer;
 748     border-bottom: 1px solid #B5B8C8;
 749     position:absolute;
 750     top:0;
 751 }
 752 .ext-safari .x-form-field-wrap .x-form-trigger{
 753     height:21px;
 754 }
 755
 756 .x-form-field-wrap .x-form-date-trigger{
 757     background-image: url(../images/default/form/date-trigger.gif);
 758     cursor:pointer;
 759 }
 760 .x-form-field-wrap .x-form-clear-trigger{
 761     background-image: url(../images/default/form/clear-trigger.gif);
 762     cursor:pointer;
 763 }
 764 .x-form-field-wrap .x-form-search-trigger{
 765     background-image: url(../images/default/form/search-trigger.gif);
 766     cursor:pointer;
 767 }
 768 .ext-safari .x-form-field-wrap .x-form-trigger{
 769     right:0;
 770 }
 771 .x-form-field-wrap .x-form-twin-triggers{
 772
 773 }
 774 .x-form-field-wrap .x-form-twin-triggers .x-form-trigger{
 775     position:static;
 776     top:auto;
 777     vertical-align:top;
 778 }
 779
 780
 781 .x-form-field-wrap .x-form-trigger-over{
 782     background-position:-17px 0;
 783 }
 784 .x-form-field-wrap .x-form-trigger-click{
 785     background-position:-34px 0;
 786 }
 787
 788 .x-trigger-wrap-focus .x-form-trigger{
 789     background-position:-51px 0;
 790 }
 791 .x-trigger-wrap-focus .x-form-trigger-over{
 792     background-position:-68px 0;
 793 }
 794 .x-trigger-wrap-focus .x-form-trigger-click{
 795     background-position:-85px 0;
 796 }
 797 .x-trigger-wrap-focus .x-form-trigger{
 798     border-bottom: 1px solid #7eadd9;
 799 }
 800
 801 .x-item-disabled .x-form-trigger-over{
 802     background-position:0 0 !important;
 803     border-bottom: 1px solid #B5B8C8;
 804 }
 805 .x-item-disabled .x-form-trigger-click{
 806     background-position:0 0 !important;
 807     border-bottom: 1px solid #B5B8C8;
 808 }
 809
 810
 811 .x-form-focus, textarea.x-form-focus{
 812         border: 1px solid #7eadd9;
 813 }
 814
 815
 816 .x-form-invalid, textarea.x-form-invalid{
 817         background:#fff url(../images/default/grid/invalid_line.gif) repeat-x bottom;
 818         border: 1px solid #dd7870;
 819 }
 820 .ext-safari .x-form-invalid{
 821         background-color:#ffeeee;
 822         border: 1px solid #ff7870;
 823 }
 824
 825
 826
 827 .x-editor {
 828     visibility:hidden;
 829     padding:0;
 830     margin:0;
 831 }
 832 .x-form-check-wrap {
 833     line-height:18px;
 834 }
 835 .ext-ie .x-form-check-wrap input {
 836     width:15px;
 837     height:15px;
 838 }
 839 .x-editor .x-form-check-wrap {
 840     padding:3px;
 841 }
 842 .x-editor .x-form-checkbox {
 843     height:13px;
 844 }
 845
 846 .x-form-grow-sizer {
 847         font:normal 12px tahoma, arial, helvetica, sans-serif;
 848     left: -10000px;
 849         padding: 8px 3px;
 850     position: absolute;
 851     visibility:hidden;
 852     top: -10000px;
 853         white-space: pre-wrap;
 854     white-space: -moz-pre-wrap;
 855     white-space: -pre-wrap;
 856     white-space: -o-pre-wrap;
 857     word-wrap: break-word;
 858     zoom:1;
 859 }
 860 .x-form-grow-sizer p {
 861     margin:0 !important;
 862     border:0 none !important;
 863     padding:0 !important;
 864 }
 865
 866
 867 .x-form-item {
 868     font:normal 12px tahoma, arial, helvetica, sans-serif;
 869     display:block;
 870     margin-bottom:4px;
 871 }
 872
 873 .x-form-item label {
 874     display:block;
 875     float:left;
 876     width:100px;
 877     padding:3px;
 878     padding-left:0;
 879     clear:left;
 880     z-index:2;
 881     position:relative;
 882 }
 883
 884 .x-form-element {
 885     padding-left:105px;
 886     position:relative;
 887 }
 888
 889 .x-form-invalid-msg {
 890     color:#ee0000;
 891     padding:2px;
 892     padding-left:18px;
 893     font:normal 11px tahoma, arial, helvetica, sans-serif;
 894     background: transparent url(../images/default/shared/warning.gif) no-repeat 0 2px;
 895     line-height:16px;
 896     width:200px;
 897 }
 898
 899
 900 .x-form-label-right label {
 901    text-align:right;
 902 }
 903
 904 .x-form-label-top .x-form-item label {
 905     width:auto;
 906     float:none;
 907     clear:none;
 908     display:inline;
 909     margin-bottom:4px;
 910     position:static;
 911 }
 912
 913 .x-form-label-top .x-form-element {
 914     padding-left:0;
 915     padding-top:4px;
 916 }
 917
 918 .x-form-label-top .x-form-item {
 919     padding-bottom:4px;
 920 }
 921
 922 .x-form-empty-field {
 923     color:gray;
 924 }
 925
 926 .x-small-editor .x-form-field {
 927     font:normal 11px arial, tahoma, helvetica, sans-serif;
 928 }
 929 .x-small-editor .x-form-text {
 930     height:20px;
 931     line-height:16px;
 932     vertical-align:middle;
 933 }
 934 .ext-ie .x-small-editor .x-form-text {
 935     margin-top:-1px !important;
 936     margin-bottom:-1px !important;
 937     height:20px !important;
 938     line-height:16px !important;
 939 }
 940 .ext-strict .x-small-editor .x-form-text {
 941     height:16px !important;
 942 }
 943
 944 .ext-safari .x-small-editor .x-form-field {
 945
 946     font:normal 12px arial, tahoma, helvetica, sans-serif;
 947 }
 948 .ext-ie .x-small-editor .x-form-text {
 949     height:20px;
 950     line-height:16px;
 951 }
 952 .ext-border-box .x-small-editor .x-form-text {
 953     height:20px;
 954 }
 955
 956 .x-small-editor .x-form-select-one {
 957     height:20px;
 958     line-height:16px;
 959     vertical-align:middle;
 960 }
 961 .x-small-editor .x-form-num-field {
 962     text-align:right;
 963 }
 964 .x-small-editor .x-form-field-wrap .x-form-trigger{
 965     height:19px;
 966 }
 967
 968
 969 .x-form-clear {
 970     clear:both;
 971     height:0;
 972     overflow:hidden;
 973     line-height:0;
 974     font-size:0;
 975 }
 976 .x-form-clear-left {
 977     clear:left;
 978     height:0;
 979     overflow:hidden;
 980     line-height:0;
 981     font-size:0;
 982 }
 983
 984 .x-form-cb-label {
 985     width:'auto' !important;
 986     float:none !important;
 987     clear:none !important;
 988     display:inline !important;
 989     margin-left:4px;
 990 }
 991
 992 .x-form-column {
 993     float:left;
 994     padding:0;
 995     margin:0;
 996     width:48%;
 997     overflow:hidden;
 998     zoom:1;
 999 }
1000
1001
1002 .x-form .x-form-btns-ct .x-btn{
1003         float:right;
1004         clear:none;
1005 }
1006 .x-form .x-form-btns-ct .x-form-btns td {
1007         border:0;
1008         padding:0;
1009 }
1010 .x-form .x-form-btns-ct .x-form-btns-right table{
1011         float:right;
1012         clear:none;
1013 }
1014 .x-form .x-form-btns-ct .x-form-btns-left table{
1015         float:left;
1016         clear:none;
1017 }
1018 .x-form .x-form-btns-ct .x-form-btns-center{
1019         text-align:center;
1020 }
1021 .x-form .x-form-btns-ct .x-form-btns-center table{
1022         margin:0 auto;
1023 }
1024 .x-form .x-form-btns-ct table td.x-form-btn-td{
1025         padding:3px;
1026 }
1027
1028 .x-form .x-form-btns-ct .x-btn-focus .x-btn-left{
1029         background-position:0 -147px;
1030 }
1031 .x-form .x-form-btns-ct .x-btn-focus .x-btn-right{
1032         background-position:0 -168px;
1033 }
1034 .x-form .x-form-btns-ct .x-btn-focus .x-btn-center{
1035         background-position:0 -189px;
1036 }
1037
1038 .x-form .x-form-btns-ct .x-btn-click .x-btn-center{
1039         background-position:0 -126px;
1040 }
1041 .x-form .x-form-btns-ct .x-btn-click  .x-btn-right{
1042         background-position:0 -84px;
1043 }
1044 .x-form .x-form-btns-ct .x-btn-click .x-btn-left{
1045         background-position:0 -63px;
1046 }
1047 .x-form-invalid-icon {
1048     width:16px;
1049     height:18px;
1050     visibility:hidden;
1051     position:absolute;
1052     left:0;
1053     top:0;
1054     display:block;
1055     background:transparent url(../images/default/form/exclamation.gif) no-repeat 0 2px;
1056 }
1057
1058
1059 .x-fieldset {
1060     border:1px solid #B5B8C8;
1061     padding:10px;
1062     margin-bottom:10px;
1063 }
1064 .x-fieldset legend {
1065     font:bold 11px tahoma, arial, helvetica, sans-serif;
1066     color:#15428b;
1067 }
1068 .ext-ie .x-fieldset legend {
1069     margin-bottom:10px;
1070 }
1071 .ext-ie .x-fieldset {
1072     padding-top: 0;
1073     padding-bottom:5px;
1074 }
1075 .x-fieldset legend .x-tool-toggle {
1076     margin-right:3px;
1077     margin-left:0;
1078     float:left !important;
1079 }
1080 .x-fieldset legend input {
1081     margin-right:3px;
1082     float:left !important;
1083     height:13px;
1084     width:13px;
1085 }
1086 fieldset.x-panel-collapsed {
1087     padding-bottom:0 !important;
1088     border-width: 1px 0 0 0 !important;
1089 }
1090 fieldset.x-panel-collapsed .x-fieldset-bwrap {
1091     visibility:hidden;
1092     position:absolute;
1093     left:-1000px;
1094     top:-1000px;
1095 }
1096 .ext-ie .x-fieldset-bwrap {
1097     zoom:1;
1098 }
1099 .ext-ie td .x-form-text {
1100     position:relative;
1101     top:-1px;
1102 }
1103 .x-fieldset-noborder {
1104     border:0px none transparent;
1105 }
1106 .x-fieldset-noborder legend {
1107     margin-left:-3px;
1108 }
1109
1110 .ext-ie .x-fieldset-noborder legend {
1111     position: relative;
1112     margin-bottom:23px;
1113 }
1114 .ext-ie .x-fieldset-noborder legend span {
1115     position: absolute;
1116     left:-5px;
1117 }
1118
1119 .ext-gecko .x-window-body .x-form-item {
1120     -moz-outline: none;
1121
1122 }
1123
1124 .ext-gecko .x-form-item {
1125     -moz-outline: none;
1126 }
1127
1128 .x-hide-label label.x-form-item-label {
1129      display:none;
1130 }
1131 .x-hide-label .x-form-element {
1132      padding-left: 0 !important;
1133 }
1134 .x-btn{\r
1135         font:normal 11px tahoma, verdana, helvetica;\r
1136         cursor:pointer;\r
1137         white-space: nowrap;\r
1138 }\r
1139 .x-btn button{\r
1140     border:0 none;\r
1141     background:transparent;\r
1142     font:normal 11px tahoma,verdana,helvetica;\r
1143     padding-left:3px;\r
1144     padding-right:3px;\r
1145     cursor:pointer;\r
1146     margin:0;\r
1147     overflow:visible;\r
1148     width:auto;\r
1149     -moz-outline:0 none;\r
1150     outline:0 none;\r
1151 }\r
1152 * html .ext-ie .x-btn button {\r
1153     width:1px;\r
1154 }\r
1155 .ext-gecko .x-btn button {\r
1156     padding-left:0;\r
1157     padding-right:0;\r
1158 }\r
1159 .ext-ie .x-btn button {\r
1160     padding-top:2px;\r
1161 }\r
1162 \r
1163  \r
1164 .x-btn-icon .x-btn-center .x-btn-text{\r
1165         background-position: center;\r
1166         background-repeat: no-repeat;\r
1167         height: 16px;\r
1168         width: 16px;\r
1169         cursor:pointer;\r
1170         white-space: nowrap;\r
1171     padding:0;\r
1172 }\r
1173 .x-btn-icon .x-btn-center{\r
1174         padding:1px;\r
1175 }\r
1176 .x-btn em {\r
1177     font-style:normal;\r
1178     font-weight:normal;\r
1179 }\r
1180 \r
1181 \r
1182 .x-btn-text-icon .x-btn-center .x-btn-text{\r
1183         background-position: 0 2px;\r
1184         background-repeat: no-repeat;\r
1185         padding-left:18px;\r
1186         padding-top:3px;\r
1187         padding-bottom:2px;\r
1188     padding-right:0;\r
1189 }\r
1190 \r
1191 .x-btn-left, .x-btn-right{\r
1192         font-size:1px;\r
1193     line-height:1px;\r
1194 }\r
1195 .x-btn-left{\r
1196         width:3px;\r
1197         height:21px;\r
1198         background:url(../images/default/button/btn-sprite.gif) no-repeat 0 0;\r
1199 }\r
1200 .x-btn-right{\r
1201         width:3px;\r
1202         height:21px;\r
1203         background:url(../images/default/button/btn-sprite.gif) no-repeat 0 -21px;\r
1204 }\r
1205 .x-btn-left i, .x-btn-right i{\r
1206         display:block;\r
1207     width:3px;\r
1208     overflow:hidden;\r
1209     font-size:1px;\r
1210     line-height:1px;\r
1211 }\r
1212 .x-btn-center{\r
1213         background:url(../images/default/button/btn-sprite.gif) repeat-x 0 -42px;\r
1214         vertical-align: middle;\r
1215         text-align:center;\r
1216         padding:0 5px;\r
1217         cursor:pointer;\r
1218         white-space:nowrap;\r
1219 }\r
1220 .x-btn-over .x-btn-left{\r
1221         background-position:0 -63px;\r
1222 }\r
1223 .x-btn-over .x-btn-right{\r
1224         background-position:0 -84px;\r
1225 }\r
1226 .x-btn-over .x-btn-center{\r
1227         background-position:0 -105px;\r
1228 }\r
1229 .x-btn-click .x-btn-center, .x-btn-menu-active .x-btn-center{\r
1230         background-position:0 -126px;\r
1231 }\r
1232 .x-btn-disabled *{\r
1233         color:gray !important;\r
1234         cursor:default !important;\r
1235 }\r
1236 .x-btn-menu-text-wrap .x-btn-center {\r
1237         padding:0 3px;\r
1238 }\r
1239 .ext-gecko .x-btn-menu-text-wrap .x-btn-center {\r
1240         padding:0 1px;\r
1241 }\r
1242 .x-btn-menu-arrow-wrap .x-btn-center {\r
1243     padding:0;\r
1244 }\r
1245 .x-btn-menu-arrow-wrap .x-btn-center button {\r
1246         width:12px !important;\r
1247     height:21px;\r
1248     padding:0 !important;\r
1249     display:block;\r
1250     background:transparent url(../images/default/button/btn-arrow.gif) no-repeat left 3px;\r
1251 }\r
1252 .x-btn-with-menu  .x-btn-center {\r
1253     padding-right:2px !important;\r
1254 }\r
1255 .x-btn-with-menu  .x-btn-center em {\r
1256     display:block;\r
1257     background:transparent url(../images/default/toolbar/btn-arrow.gif) no-repeat right 0;\r
1258         padding-right:10px;\r
1259 }\r
1260 \r
1261 .x-btn-text-icon .x-btn-with-menu .x-btn-center em {\r
1262     display:block;\r
1263     background:transparent url(../images/default/toolbar/btn-arrow.gif) no-repeat right 3px;\r
1264         padding-right:10px;\r
1265 }\r
1266 \r
1267 \r
1268 .x-btn-pressed .x-btn-left{\r
1269         background: url(../images/default/button/btn-sprite.gif) no-repeat 0 -63px;\r
1270 }\r
1271 .x-btn-pressed .x-btn-right{\r
1272         background: url(../images/default/button/btn-sprite.gif) no-repeat 0 -84px;\r
1273 }\r
1274 .x-btn-pressed .x-btn-center{\r
1275         background: url(../images/default/button/btn-sprite.gif) repeat-x 0 -126px;\r
1276 }
1277 .x-toolbar{\r
1278         border-color:#a9bfd3;\r
1279     border-style:solid;\r
1280     border-width:0 0 1px 0;\r
1281     display: block;\r
1282         padding:2px;\r
1283     background:#d0def0 url(../images/default/toolbar/bg.gif) repeat-x top left;\r
1284     position:relative;\r
1285     zoom:1;\r
1286 }\r
1287 .x-toolbar .x-item-disabled .x-btn-icon {\r
1288     opacity: .35;\r
1289     -moz-opacity: .35;\r
1290     filter: alpha(opacity=35);\r
1291 }\r
1292 .x-toolbar td {\r
1293         vertical-align:middle;\r
1294 }\r
1295 .mso .x-toolbar, .x-grid-mso .x-toolbar{\r
1296         border: 0 none;\r
1297         background: url(../images/default/grid/mso-hd.gif);\r
1298 }\r
1299 .x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{\r
1300         white-space: nowrap;\r
1301     font:normal 11px tahoma, arial, helvetica, sans-serif;\r
1302 }\r
1303 .x-toolbar .x-item-disabled {\r
1304         color:gray;\r
1305         cursor:default;\r
1306         opacity:.6;\r
1307         -moz-opacity:.6;\r
1308         filter:alpha(opacity=60);\r
1309 }\r
1310 .x-toolbar .x-item-disabled * {\r
1311         color:gray;\r
1312         cursor:default;\r
1313 }\r
1314 .x-toolbar .x-btn-left{\r
1315         background:none;\r
1316 }\r
1317 .x-toolbar .x-btn-right{\r
1318         background:none;\r
1319 }\r
1320 .x-toolbar .x-btn-center{\r
1321         background:none;\r
1322         padding:0 0;\r
1323 }\r
1324 .x-toolbar .x-btn-menu-text-wrap .x-btn-center button{\r
1325         padding-right:2px;\r
1326 }\r
1327 .ext-gecko .x-toolbar .x-btn-menu-text-wrap .x-btn-center button{\r
1328         padding-right:0;\r
1329 }\r
1330 .x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button{\r
1331         padding:0 2px;\r
1332 }\r
1333 \r
1334 .x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button {\r
1335     width:12px;\r
1336     background:transparent url(../images/default/toolbar/btn-arrow.gif) no-repeat 0 3px;\r
1337 }\r
1338 .x-toolbar .x-btn-text-icon .x-btn-menu-arrow-wrap .x-btn-center button {\r
1339     width:12px;\r
1340     background:transparent url(../images/default/toolbar/btn-arrow.gif) no-repeat 0 3px;\r
1341 }\r
1342 .x-toolbar .x-btn-over .x-btn-menu-arrow-wrap .x-btn-center button {\r
1343         background-position: 0 -47px;\r
1344 }\r
1345 .x-toolbar .x-btn-over .x-btn-left{\r
1346         background: url(../images/default/toolbar/tb-btn-sprite.gif) no-repeat 0 0;\r
1347 }\r
1348 .x-toolbar .x-btn-over .x-btn-right{\r
1349         background: url(../images/default/toolbar/tb-btn-sprite.gif) no-repeat 0 -21px;\r
1350 }\r
1351 .x-toolbar .x-btn-over .x-btn-center{\r
1352         background: url(../images/default/toolbar/tb-btn-sprite.gif) repeat-x 0 -42px;\r
1353 }\r
1354 \r
1355 .x-toolbar .x-btn-click .x-btn-left, .x-toolbar .x-btn-pressed .x-btn-left, .x-toolbar .x-btn-menu-active .x-btn-left{\r
1356         background: url(../images/default/toolbar/tb-btn-sprite.gif) no-repeat 0 -63px;\r
1357 }\r
1358 .x-toolbar .x-btn-click .x-btn-right, .x-toolbar .x-btn-pressed .x-btn-right, .x-toolbar .x-btn-menu-active .x-btn-right{\r
1359         background: url(../images/default/toolbar/tb-btn-sprite.gif) no-repeat 0 -84px;\r
1360 }\r
1361 \r
1362 .x-toolbar .x-btn-click .x-btn-center, .x-toolbar .x-btn-pressed .x-btn-center, .x-toolbar .x-btn-menu-active .x-btn-center{\r
1363         background: url(../images/default/toolbar/tb-btn-sprite.gif) repeat-x 0 -105px;\r
1364 }\r
1365 \r
1366 .x-toolbar .x-btn-with-menu .x-btn-center em{\r
1367         padding-right:8px;\r
1368 }\r
1369 \r
1370 .x-toolbar .ytb-text{\r
1371    padding:2px;\r
1372 }\r
1373 .x-toolbar .ytb-sep {\r
1374         background-image: url(../images/default/grid/grid-blue-split.gif);\r
1375         background-position: center;\r
1376         background-repeat: no-repeat;\r
1377         display: block;\r
1378         font-size: 1px;\r
1379         height: 16px;\r
1380         width:4px;\r
1381         overflow: hidden;\r
1382         cursor:default;\r
1383         margin: 0 2px 0;\r
1384         border:0;\r
1385 }\r
1386 .x-toolbar .ytb-spacer {\r
1387     width:2px;\r
1388 }\r
1389 \r
1390 \r
1391 \r
1392 .x-tbar-page-number{\r
1393         width:24px;\r
1394         height:14px;\r
1395 }\r
1396 .x-tbar-page-first{\r
1397         background-image: url(../images/default/grid/page-first.gif) !important;\r
1398 }\r
1399 .x-tbar-loading{\r
1400         background-image: url(../images/default/grid/done.gif) !important;\r
1401 }\r
1402 .x-tbar-page-last{\r
1403         background-image: url(../images/default/grid/page-last.gif) !important;\r
1404 }\r
1405 .x-tbar-page-next{\r
1406         background-image: url(../images/default/grid/page-next.gif) !important;\r
1407 }\r
1408 .x-tbar-page-prev{\r
1409         background-image: url(../images/default/grid/page-prev.gif) !important;\r
1410 }\r
1411 .x-item-disabled .x-tbar-loading{\r
1412         background-image: url(../images/default/grid/loading.gif) !important;\r
1413 }\r
1414 .x-item-disabled .x-tbar-page-first{\r
1415         background-image: url(../images/default/grid/page-first-disabled.gif) !important;\r
1416 }\r
1417 .x-item-disabled .x-tbar-page-last{\r
1418         background-image: url(../images/default/grid/page-last-disabled.gif) !important;\r
1419 }\r
1420 .x-item-disabled .x-tbar-page-next{\r
1421         background-image: url(../images/default/grid/page-next-disabled.gif) !important;\r
1422 }\r
1423 .x-item-disabled .x-tbar-page-prev{\r
1424         background-image: url(../images/default/grid/page-prev-disabled.gif) !important;\r
1425 }\r
1426 .x-paging-info {\r
1427     position:absolute;\r
1428     top:5px;\r
1429     right: 8px;\r
1430     color:#444;\r
1431 }\r
1432
1433 .x-resizable-handle {\r
1434     position:absolute;\r
1435     z-index:100;\r
1436     \r
1437     font-size:1px;\r
1438     line-height:6px;\r
1439     overflow:hidden;\r
1440          background:white;\r
1441          filter:alpha(opacity=0);\r
1442          opacity:0;\r
1443          zoom:1;\r
1444 }\r
1445 .x-resizable-handle-east{\r
1446     width:6px;\r
1447     cursor:e-resize;\r
1448     right:0;\r
1449     top:0;\r
1450     height:100%;\r
1451 }\r
1452 .ext-ie .x-resizable-handle-east {\r
1453       margin-right:-1px; \r
1454 }\r
1455 .x-resizable-handle-south{\r
1456     width:100%;\r
1457     cursor:s-resize;\r
1458     left:0;\r
1459     bottom:0;\r
1460     height:6px;\r
1461 }\r
1462 .ext-ie .x-resizable-handle-south {\r
1463      margin-bottom:-1px; \r
1464 }\r
1465 .x-resizable-handle-west{\r
1466     width:6px;\r
1467     cursor:w-resize;\r
1468     left:0;\r
1469     top:0;\r
1470     height:100%;\r
1471 }\r
1472 .x-resizable-handle-north{\r
1473     width:100%;\r
1474     cursor:n-resize;\r
1475     left:0;\r
1476     top:0;\r
1477     height:6px;\r
1478 }\r
1479 .x-resizable-handle-southeast{\r
1480     width:6px;\r
1481     cursor:se-resize;\r
1482     right:0;\r
1483     bottom:0;\r
1484     height:6px;\r
1485     z-index:101;\r
1486 }\r
1487 .x-resizable-handle-northwest{\r
1488     width:6px;\r
1489     cursor:nw-resize;\r
1490     left:0;\r
1491     top:0;\r
1492     height:6px;\r
1493     z-index:101;\r
1494 }\r
1495 .x-resizable-handle-northeast{\r
1496     width:6px;\r
1497     cursor:ne-resize;\r
1498     right:0;\r
1499     top:0;\r
1500     height:6px;\r
1501     z-index:101;\r
1502 }\r
1503 .x-resizable-handle-southwest{\r
1504     width:6px;\r
1505     cursor:sw-resize;\r
1506     left:0;\r
1507     bottom:0;\r
1508     height:6px;\r
1509     z-index:101;\r
1510 }\r
1511 .x-resizable-over .x-resizable-handle, .x-resizable-pinned .x-resizable-handle{\r
1512     filter:alpha(opacity=100);\r
1513          opacity:1;\r
1514 }\r
1515 .x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-east{\r
1516     background:url(../images/default/sizer/e-handle.gif);\r
1517          background-position: left;\r
1518 }\r
1519 .x-resizable-over .x-resizable-handle-west, .x-resizable-pinned .x-resizable-handle-west{\r
1520     background:url(../images/default/sizer/e-handle.gif);\r
1521          background-position: left;\r
1522 }\r
1523 .x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south{\r
1524     background:url(../images/default/sizer/s-handle.gif);\r
1525     background-position: top;\r
1526 }\r
1527 .x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north{\r
1528     background:url(../images/default/sizer/s-handle.gif);\r
1529     background-position: top;\r
1530 }\r
1531 .x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast{\r
1532     background:url(../images/default/sizer/se-handle.gif);\r
1533     background-position: top left;\r
1534 }\r
1535 .x-resizable-over .x-resizable-handle-northwest, .x-resizable-pinned .x-resizable-handle-northwest{\r
1536     background:url(../images/default/sizer/nw-handle.gif);\r
1537     background-position:bottom right;\r
1538 }\r
1539 .x-resizable-over .x-resizable-handle-northeast, .x-resizable-pinned .x-resizable-handle-northeast{\r
1540     background:url(../images/default/sizer/ne-handle.gif);\r
1541     background-position: bottom left;\r
1542 }\r
1543 .x-resizable-over .x-resizable-handle-southwest, .x-resizable-pinned .x-resizable-handle-southwest{\r
1544     background:url(../images/default/sizer/sw-handle.gif);\r
1545     background-position: top right;\r
1546 }\r
1547 .x-resizable-proxy{\r
1548     border: 1px dashed #3b5a82;\r
1549     position:absolute;\r
1550     overflow:hidden;\r
1551     display:none;\r
1552          left:0;top:0;\r
1553     z-index:50000;\r
1554 }\r
1555 .x-resizable-overlay{\r
1556     width:100%;\r
1557          height:100%;\r
1558          display:none;\r
1559          position:absolute;\r
1560          left:0;\r
1561          top:0;\r
1562          background:white;\r
1563          z-index:200000;\r
1564          -moz-opacity: 0;\r
1565     opacity:0;\r
1566     filter: alpha(opacity=0);\r
1567 }\r
1568
1569 \r
1570 .x-grid3 {\r
1571         position:relative;\r
1572         overflow:hidden;\r
1573     background-color:#fff;\r
1574 }\r
1575 \r
1576 .x-grid-panel .x-panel-body {\r
1577     overflow:hidden !important;\r
1578 }\r
1579 \r
1580 .x-grid-panel .x-panel-mc .x-panel-body {\r
1581     border:1px solid #99bbe8;\r
1582 }\r
1583 \r
1584 .ext-ie .x-grid3 table,.ext-safari .x-grid3 table {\r
1585     table-layout:fixed;\r
1586 }\r
1587 .x-grid3-viewport{\r
1588         overflow:hidden;\r
1589 }\r
1590 .x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td{\r
1591         font:normal 11px arial, tahoma, helvetica, sans-serif;\r
1592     -moz-outline: none;\r
1593         -moz-user-focus: normal;\r
1594 }\r
1595 .x-grid3-row td, .x-grid3-summary-row td {\r
1596     line-height:13px;\r
1597     vertical-align: top;\r
1598         padding-left:1px;\r
1599     padding-right:1px;\r
1600     -moz-user-select: none;\r
1601 }\r
1602 .x-grid3-hd-row td {\r
1603     line-height:15px;\r
1604     vertical-align:middle;\r
1605     border-left:1px solid #eee;\r
1606     border-right:1px solid #d0d0d0;\r
1607 }\r
1608 \r
1609 .x-grid3-hd-row .x-grid3-marker-hd {\r
1610     padding:3px;\r
1611 }\r
1612 \r
1613 .x-grid3-row .x-grid3-marker {\r
1614     padding:3px;\r
1615 }\r
1616 \r
1617 .x-grid3-cell-inner, .x-grid3-hd-inner{\r
1618         overflow:hidden;\r
1619         -o-text-overflow: ellipsis;\r
1620         text-overflow: ellipsis;\r
1621     padding:3px 3px 3px 5px;\r
1622     white-space: nowrap;\r
1623 }\r
1624 \r
1625 .x-grid3-hd-inner {\r
1626     position:relative;\r
1627          cursor:inherit;\r
1628          padding:4px 3px 4px 5px;\r
1629 }\r
1630 \r
1631 .x-grid3-row-body {\r
1632     white-space:normal;\r
1633 }\r
1634 \r
1635 .x-grid3-body-cell {\r
1636     -moz-outline:0 none;\r
1637     outline:0 none;\r
1638 }\r
1639 \r
1640 .ext-ie .x-grid3-cell-inner, .ext-ie .x-grid3-hd-inner{\r
1641         width:100%;\r
1642 }\r
1643 \r
1644 .ext-strict .x-grid3-cell-inner, .ext-strict .x-grid3-hd-inner{\r
1645         width:auto;\r
1646 }\r
1647 \r
1648 .x-grid3-col {\r
1649         \r
1650 }\r
1651 \r
1652 .x-grid-row-loading {\r
1653     background: #fff url(../images/default/shared/loading-balls.gif) no-repeat center center;\r
1654 }\r
1655 .x-grid-page {\r
1656     overflow:hidden;\r
1657 }\r
1658 .x-grid3-row {\r
1659         cursor: default;\r
1660     border:1px solid #ededed;\r
1661     border-top-color:#fff;\r
1662     \r
1663     width:100%;\r
1664 }\r
1665 .x-grid3-row-alt{\r
1666         background-color:#fafafa;\r
1667 }\r
1668 \r
1669 .x-grid3-row-over {\r
1670         border:1px solid #dddddd;\r
1671     background: #efefef url(../images/default/grid/row-over.gif) repeat-x left top;\r
1672 }\r
1673 \r
1674 .x-grid3-resize-proxy {\r
1675         width:1px;\r
1676     left:0;\r
1677     background-color:#777;\r
1678         cursor: e-resize;\r
1679         cursor: col-resize;\r
1680         position:absolute;\r
1681         top:0;\r
1682         height:100px;\r
1683         overflow:hidden;\r
1684         visibility:hidden;\r
1685         border:0 none;\r
1686         z-index:7;\r
1687 }\r
1688 .x-grid3-resize-marker {\r
1689         width:1px;\r
1690         left:0;\r
1691     background-color:#777;\r
1692         position:absolute;\r
1693         top:0;\r
1694         height:100px;\r
1695         overflow:hidden;\r
1696         visibility:hidden;\r
1697         border:0 none;\r
1698         z-index:7;\r
1699 }\r
1700 .x-grid3-focus {\r
1701         position:absolute;\r
1702         top:0;\r
1703         -moz-outline:0 none;\r
1704     outline:0 none;\r
1705     -moz-user-select: normal;\r
1706     -khtml-user-select: normal;\r
1707 }\r
1708 \r
1709 \r
1710 .x-grid3-header{\r
1711         background: #f9f9f9 url(../images/default/grid/grid3-hrow.gif) repeat-x 0 bottom;\r
1712         cursor:default;\r
1713     zoom:1;\r
1714     padding:1px 0 0 0;\r
1715 }\r
1716 \r
1717 .x-grid3-header-pop {\r
1718     border-left:1px solid #d0d0d0;\r
1719     float:right;\r
1720     clear:none;\r
1721 }\r
1722 .x-grid3-header-pop-inner {\r
1723     border-left:1px solid #eee;\r
1724     width:14px;\r
1725     height:19px;\r
1726     background: transparent url(../images/default/grid/hd-pop.gif) no-repeat center center;\r
1727 }\r
1728 .ext-ie .x-grid3-header-pop-inner {\r
1729     width:15px;\r
1730 }\r
1731 .ext-strict .x-grid3-header-pop-inner {\r
1732     width:14px; \r
1733 }\r
1734 .x-grid3-header-inner {\r
1735     overflow:hidden;\r
1736     zoom:1;\r
1737     float:left;\r
1738 }\r
1739 .x-grid3-header-offset {\r
1740     padding-left:1px;\r
1741          width:10000px;\r
1742 }\r
1743 \r
1744 td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {\r
1745     border-left:1px solid #aaccf6;\r
1746     border-right:1px solid #aaccf6;\r
1747 }\r
1748 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
1749     background: #ebf3fd url(../images/default/grid/grid3-hrow-over.gif) repeat-x left bottom;\r
1750 \r
1751 }\r
1752 .x-grid3-sort-icon{\r
1753         background-repeat: no-repeat;\r
1754         display: none;\r
1755         height: 4px;\r
1756         width: 13px;\r
1757         margin-left:3px;\r
1758         vertical-align: middle;\r
1759 }\r
1760 .sort-asc .x-grid3-sort-icon {\r
1761         background-image: url(../images/default/grid/sort_asc.gif);\r
1762         display: inline;\r
1763 }\r
1764 .sort-desc .x-grid3-sort-icon {\r
1765         background-image: url(../images/default/grid/sort_desc.gif);\r
1766         display: inline;\r
1767 }\r
1768 \r
1769 \r
1770 .ext-strict .ext-ie .x-grid3-header-inner{position:relative;}\r
1771 .ext-strict .ext-ie6 .x-grid3-hd{position:relative;}\r
1772 .ext-strict .ext-ie6 .x-grid3-hd-inner{position:static;}\r
1773 \r
1774 \r
1775 .x-grid3-body {\r
1776         zoom:1;\r
1777 }\r
1778 .x-grid3-scroller {\r
1779         overflow:auto;\r
1780     zoom:1;\r
1781     position:relative;\r
1782 }\r
1783 .x-grid3-cell-text, .x-grid3-hd-text {\r
1784         display: block;\r
1785         padding: 3px 5px 3px 5px;\r
1786         -moz-user-select: none;\r
1787         -khtml-user-select: none;\r
1788         color:black;\r
1789 }\r
1790 .x-grid3-split {\r
1791         background-image: url(../images/default/grid/grid-split.gif);\r
1792         background-position: center;\r
1793         background-repeat: no-repeat;\r
1794         cursor: e-resize;\r
1795         cursor: col-resize;\r
1796         display: block;\r
1797         font-size: 1px;\r
1798         height: 16px;\r
1799         overflow: hidden;\r
1800         position: absolute;\r
1801         top: 2px;\r
1802         width: 6px;\r
1803         z-index: 3;\r
1804 }\r
1805 \r
1806 .x-grid3-hd-text {\r
1807         color:#15428b;\r
1808 }\r
1809 \r
1810 .x-dd-drag-proxy .x-grid3-hd-inner{\r
1811         background: #ebf3fd url(../images/default/grid/grid3-hrow-over.gif) repeat-x left bottom;\r
1812         width:120px;\r
1813         padding:3px;\r
1814         border:1px solid #aaccf6;\r
1815         overflow:hidden;\r
1816 }\r
1817 \r
1818 .col-move-top, .col-move-bottom{\r
1819         width:9px;\r
1820         height:9px;\r
1821         position:absolute;\r
1822         top:0;\r
1823         line-height:1px;\r
1824         font-size:1px;\r
1825         overflow:hidden;\r
1826         visibility:hidden;\r
1827         z-index:20000;\r
1828 }\r
1829 .col-move-top{\r
1830         background:transparent url(../images/default/grid/col-move-top.gif) no-repeat left top;\r
1831 }\r
1832 .col-move-bottom{\r
1833         background:transparent url(../images/default/grid/col-move-bottom.gif) no-repeat left top;\r
1834 }\r
1835 \r
1836 \r
1837 .x-grid3-row-selected {\r
1838         background: #DFE8F6 !important;\r
1839         border:1px dotted #a3bae9;\r
1840 }\r
1841 \r
1842 .x-grid3-cell-selected{\r
1843         background-color: #B8CFEE !important;\r
1844         color: black;\r
1845 }\r
1846 .x-grid3-cell-selected span{\r
1847         color: black !important;\r
1848 }\r
1849 .x-grid3-cell-selected .x-grid3-cell-text{\r
1850         color: black;\r
1851 }\r
1852 \r
1853 .x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{\r
1854     background: #ebeadb url(../images/default/grid/grid-hrow.gif) repeat-x 0 bottom !important;\r
1855     vertical-align:middle !important;\r
1856     color:black;\r
1857     padding:0;\r
1858     border-top:1px solid white;\r
1859     border-bottom:none !important;\r
1860     border-right:1px solid #6fa0df !important;\r
1861     text-align:center;\r
1862 }\r
1863 .x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{\r
1864     padding:0 4px;\r
1865     color:#15428b !important;\r
1866     text-align:center;\r
1867 }\r
1868 \r
1869 \r
1870 .x-grid3-dirty-cell {\r
1871     background: transparent url(../images/default/grid/dirty.gif) no-repeat 0 0;\r
1872 }\r
1873 \r
1874 \r
1875 .x-grid3-topbar, .x-grid3-bottombar{\r
1876         font:normal 11px arial, tahoma, helvetica, sans-serif;\r
1877     overflow:hidden;\r
1878         display:none;\r
1879         zoom:1;\r
1880     position:relative;\r
1881 }\r
1882 .x-grid3-topbar .x-toolbar{\r
1883         border-right:0 none;\r
1884 }\r
1885 .x-grid3-bottombar .x-toolbar{\r
1886         border-right:0 none;\r
1887         border-bottom:0 none;\r
1888         border-top:1px solid #a9bfd3;\r
1889 }\r
1890 \r
1891 .x-props-grid .x-grid3-cell{\r
1892         padding:1px;\r
1893 }\r
1894 .x-props-grid .x-grid3-td-name .x-grid3-cell-inner{\r
1895         background:transparent url(../images/default/grid/grid3-special-col-bg.gif) repeat-y -16px !important;\r
1896     padding-left:12px;\r
1897     color:black !important;\r
1898 }\r
1899 .x-props-grid .x-grid3-body .x-grid3-td-name{\r
1900     padding:1px;\r
1901     padding-right:0;\r
1902     background:white !important;\r
1903     border:0 none;\r
1904     border-right:1px solid #eeeeee;\r
1905 }\r
1906 \r
1907 \r
1908 .xg-hmenu-sort-asc .x-menu-item-icon{\r
1909         background-image: url(../images/default/grid/hmenu-asc.gif);\r
1910 }\r
1911 .xg-hmenu-sort-desc .x-menu-item-icon{\r
1912         background-image: url(../images/default/grid/hmenu-desc.gif);\r
1913 }\r
1914 .xg-hmenu-lock .x-menu-item-icon{\r
1915         background-image: url(../images/default/grid/hmenu-lock.gif);\r
1916 }\r
1917 .xg-hmenu-unlock .x-menu-item-icon{\r
1918         background-image: url(../images/default/grid/hmenu-unlock.gif);\r
1919 }\r
1920 \r
1921 \r
1922 .x-grid3-col-dd {\r
1923     border:0 none;\r
1924     padding:0;\r
1925     background:transparent;\r
1926 }\r
1927 \r
1928 .x-dd-drag-ghost .x-grid3-dd-wrap {\r
1929     padding:1px 3px 3px 1px;\r
1930 }\r
1931 \r
1932 .x-grid3-hd {\r
1933     -moz-user-select:none;\r
1934 }\r
1935 \r
1936 .x-grid3-hd-btn {\r
1937     display:none;\r
1938     position:absolute;\r
1939     width:14px;\r
1940     background:#c3daf9 url(../images/default/grid/grid3-hd-btn.gif) no-repeat left center;\r
1941     right:0;\r
1942     top:0;\r
1943     z-index:2;\r
1944          cursor:pointer;\r
1945 }\r
1946 \r
1947 .x-grid3-hd-over .x-grid3-hd-btn, .x-grid3-hd-menu-open .x-grid3-hd-btn {\r
1948     display:block;\r
1949 }\r
1950 \r
1951 a.x-grid3-hd-btn:hover {\r
1952     background-position:-14px center;\r
1953 }\r
1954 \r
1955 \r
1956 \r
1957 .x-grid3-body .x-grid3-td-expander {\r
1958     background:transparent url(../images/default/grid/grid3-special-col-bg.gif) repeat-y right;\r
1959 }\r
1960 .x-grid3-body .x-grid3-td-expander .x-grid3-cell-inner {\r
1961     padding:0 !important;\r
1962     height:100%;\r
1963 }\r
1964 .x-grid3-row-expander {\r
1965     width:100%;\r
1966     height:18px;\r
1967     background-position:4px 2px;\r
1968     background-repeat:no-repeat;\r
1969     background-color:transparent;\r
1970          background-image:url(../images/default/grid/row-expand-sprite.gif);\r
1971 }\r
1972 .x-grid3-row-collapsed .x-grid3-row-expander {\r
1973     background-position:4px 2px;\r
1974 }\r
1975 .x-grid3-row-expanded .x-grid3-row-expander {\r
1976     background-position:-21px 2px;\r
1977 }\r
1978 .x-grid3-row-collapsed .x-grid3-row-body {\r
1979     display:none !important;\r
1980 }\r
1981 .x-grid3-row-expanded .x-grid3-row-body {\r
1982     display:block !important;\r
1983 }\r
1984 \r
1985 \r
1986 \r
1987 .x-grid3-body .x-grid3-td-checker {\r
1988     background:transparent url(../images/default/grid/grid3-special-col-bg.gif) repeat-y right;\r
1989 }\r
1990 \r
1991 .x-grid3-body .x-grid3-td-checker .x-grid3-cell-inner, .x-grid3-header .x-grid3-td-checker .x-grid3-hd-inner {\r
1992     padding:0 !important;\r
1993     height:100%;\r
1994 }\r
1995 \r
1996 .x-grid3-row-checker, .x-grid3-hd-checker {\r
1997     width:100%;\r
1998     height:18px;\r
1999     background-position:2px 2px;\r
2000     background-repeat:no-repeat;\r
2001     background-color:transparent;\r
2002          background-image:url(../images/default/grid/row-check-sprite.gif);\r
2003 }\r
2004 .x-grid3-row .x-grid3-row-checker {\r
2005     background-position:2px 2px;\r
2006 }\r
2007 .x-grid3-row-selected .x-grid3-row-checker, .x-grid3-hd-checker-on .x-grid3-hd-checker {\r
2008     background-position:-23px 2px;\r
2009 }\r
2010 .x-grid3-hd-checker {\r
2011     background-position:2px 3px;\r
2012 }\r
2013 .x-grid3-hd-checker-on .x-grid3-hd-checker {\r
2014     background-position:-23px 3px;\r
2015 }\r
2016 \r
2017 \r
2018 \r
2019 .x-grid3-body .x-grid3-td-numberer {\r
2020     background:transparent url(../images/default/grid/grid3-special-col-bg.gif) repeat-y right;\r
2021 }\r
2022 .x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {\r
2023     padding:3px 5px 0 0 !important;\r
2024     text-align:right;\r
2025          color:#444;\r
2026 }\r
2027 \r
2028 \r
2029 \r
2030 .x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,\r
2031 .x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,\r
2032 .x-grid3-body .x-grid3-row-selected .x-grid3-td-expander {\r
2033         background:transparent url(../images/default/grid/grid3-special-col-sel-bg.gif) repeat-y right;\r
2034 }\r
2035 .x-grid3-body .x-grid3-check-col-td .x-grid3-cell-inner {\r
2036     padding: 1px 0 0 0 !important;\r
2037 }\r
2038 \r
2039 .x-grid3-check-col {\r
2040     width:100%;\r
2041     height:16px;\r
2042     background-position:center center;\r
2043     background-repeat:no-repeat;\r
2044     background-color:transparent;\r
2045         background-image:url(../images/default/menu/unchecked.gif);\r
2046 }\r
2047 \r
2048 \r
2049 .x-grid3-check-col-on {\r
2050     width:100%;\r
2051     height:16px;\r
2052     background-position:center center;\r
2053     background-repeat:no-repeat;\r
2054     background-color:transparent;\r
2055         background-image:url(../images/default/menu/checked.gif);\r
2056 }\r
2057 \r
2058 \r
2059 .x-grid-group, .x-grid-group-body, .x-grid-group-hd {\r
2060     zoom:1;\r
2061 }\r
2062 .x-grid-group-hd {\r
2063     border-bottom: 2px solid #99bbe8;\r
2064     cursor:pointer;\r
2065     padding-top:6px;\r
2066 }\r
2067 .x-grid-group-hd div {\r
2068     background:transparent url(../images/default/grid/group-expand-sprite.gif) no-repeat 3px -47px;\r
2069     padding:4px 4px 4px 17px;\r
2070     color:#3764a0;\r
2071     font:bold 11px tahoma, arial, helvetica, sans-serif;\r
2072 }\r
2073 .x-grid-group-collapsed .x-grid-group-hd div {\r
2074     background-position: 3px 3px;\r
2075 }\r
2076 .x-grid-group-collapsed .x-grid-group-body {\r
2077     display:none;\r
2078 }\r
2079 \r
2080 .x-group-by-icon {\r
2081     background-image:url(../images/default/grid/group-by.gif);\r
2082 }\r
2083 .x-cols-icon {\r
2084     background-image:url(../images/default/grid/columns.gif);\r
2085 }\r
2086 .x-show-groups-icon {\r
2087     background-image:url(../images/default/grid/group-by.gif);\r
2088 }\r
2089 \r
2090 .ext-ie .x-grid3 .x-editor .x-form-text { \r
2091     position:relative;\r
2092     top:-1px;\r
2093 }\r
2094 .x-grid-editor { \r
2095     position: relative !important; \r
2096     float: left;\r
2097 }\r
2098 \r
2099 .x-grid-empty {\r
2100     padding:10px;\r
2101     color:gray;\r
2102     font:normal 11px tahoma, arial, helvetica, sans-serif;\r
2103 }
2104 .x-dd-drag-proxy{\r
2105         position:absolute;\r
2106         left:0;top:0;\r
2107         visibility:hidden;\r
2108         z-index:15000;\r
2109 }\r
2110 .x-dd-drag-ghost{\r
2111         color: black;\r
2112         font: normal 11px arial, helvetica, sans-serif;\r
2113         -moz-opacity: 0.85;\r
2114    opacity:.85;\r
2115    filter: alpha(opacity=85);\r
2116         border-top:1px solid #dddddd;\r
2117         border-left:1px solid #dddddd;\r
2118         border-right:1px solid #bbbbbb;\r
2119         border-bottom:1px solid #bbbbbb;\r
2120         padding:3px;\r
2121         padding-left:20px;\r
2122         background-color:white;\r
2123         white-space:nowrap;\r
2124 }\r
2125 .x-dd-drag-repair .x-dd-drag-ghost{\r
2126         -moz-opacity: 0.4;\r
2127    opacity:.4;\r
2128    filter: alpha(opacity=40);\r
2129         border:0 none;\r
2130         padding:0;\r
2131         background-color:transparent;\r
2132 }\r
2133 .x-dd-drag-repair .x-dd-drop-icon{\r
2134         visibility:hidden;\r
2135 }\r
2136 .x-dd-drop-icon{\r
2137   position:absolute;\r
2138         top:3px;\r
2139         left:3px;\r
2140         display:block;\r
2141         width:16px;\r
2142         height:16px;\r
2143         background-color:transparent;\r
2144         background-position: center;\r
2145         background-repeat: no-repeat;\r
2146         z-index:1;\r
2147 }\r
2148 .x-dd-drop-nodrop .x-dd-drop-icon{\r
2149   background-image: url(../images/default/dd/drop-no.gif);\r
2150 }\r
2151 .x-dd-drop-ok .x-dd-drop-icon{\r
2152   background-image: url(../images/default/dd/drop-yes.gif);\r
2153 }\r
2154 .x-dd-drop-ok-add .x-dd-drop-icon{\r
2155   background-image: url(../images/default/dd/drop-add.gif);\r
2156 }\r
2157 \r
2158 \r
2159 .x-view-selector {\r
2160     position:absolute;\r
2161     left:0;\r
2162     top:0;\r
2163     width:0;\r
2164     background:#c3daf9;\r
2165     border:1px dotted #3399bb;\r
2166         opacity: .5;\r
2167     -moz-opacity: .5;\r
2168     filter:alpha(opacity=50);\r
2169     zoom:1;\r
2170 }
2171 .x-tree .x-panel-body{\r
2172     background-color:#fff;\r
2173 }\r
2174 .ext-strict .ext-ie .x-tree .x-panel-bwrap{\r
2175     position:relative;\r
2176     overflow:hidden;\r
2177 }\r
2178 .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
2179         border: 0 none;\r
2180         height: 18px;\r
2181         margin: 0;\r
2182         padding: 0;\r
2183         vertical-align: top;\r
2184         width: 16px;\r
2185     background-repeat: no-repeat;\r
2186 }\r
2187 .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
2188         border: 0 none;\r
2189         height: 18px;\r
2190         margin: 0;\r
2191         padding: 0;\r
2192         vertical-align: top;\r
2193         width: 16px;\r
2194         background-position:center;\r
2195     background-repeat: no-repeat;\r
2196 }\r
2197 .ext-ie .x-tree-node-indent img, .ext-ie .x-tree-node-icon, .ext-ie .x-tree-ec-icon {\r
2198     vertical-align:middle !important;\r
2199 }\r
2200 \r
2201 .x-tree-node-collapsed .x-tree-node-icon{\r
2202         background-image:url(../images/default/tree/folder.gif);\r
2203 }\r
2204 .x-tree-node-expanded .x-tree-node-icon{\r
2205         background-image:url(../images/default/tree/folder-open.gif);\r
2206 }\r
2207 .x-tree-node-leaf .x-tree-node-icon{\r
2208         background-image:url(../images/default/tree/leaf.gif);\r
2209 }\r
2210 \r
2211 \r
2212 .ext-ie input.x-tree-node-cb {\r
2213     width:15px;\r
2214     height:15px;\r
2215 }\r
2216 input.x-tree-node-cb {\r
2217     margin-left:1px;\r
2218 }\r
2219 .ext-ie input.x-tree-node-cb {\r
2220     margin-left:0;\r
2221 }\r
2222 \r
2223 .x-tree-noicon .x-tree-node-icon{\r
2224         width:0; height:0;\r
2225 }\r
2226 \r
2227 .x-tree-node-loading .x-tree-node-icon{\r
2228         background-image:url(../images/default/tree/loading.gif) !important;\r
2229 }\r
2230 .x-tree-node-loading a span{\r
2231          font-style: italic;\r
2232          color:#444444;\r
2233 }\r
2234 .ext-ie .x-tree-node-el input {\r
2235     width:15px;\r
2236     height:15px;\r
2237 }\r
2238 \r
2239 .x-tree-lines .x-tree-elbow{\r
2240         background-image:url(../images/default/tree/elbow.gif);\r
2241 }\r
2242 .x-tree-lines .x-tree-elbow-plus{\r
2243         background-image:url(../images/default/tree/elbow-plus.gif);\r
2244 }\r
2245 .x-tree-lines .x-tree-elbow-minus{\r
2246         background-image:url(../images/default/tree/elbow-minus.gif);\r
2247 }\r
2248 .x-tree-lines .x-tree-elbow-end{\r
2249         background-image:url(../images/default/tree/elbow-end.gif);\r
2250 }\r
2251 .x-tree-lines .x-tree-elbow-end-plus{\r
2252         background-image:url(../images/default/tree/elbow-end-plus.gif);\r
2253 }\r
2254 .x-tree-lines .x-tree-elbow-end-minus{\r
2255         background-image:url(../images/default/tree/elbow-end-minus.gif);\r
2256 }\r
2257 .x-tree-lines .x-tree-elbow-line{\r
2258         background-image:url(../images/default/tree/elbow-line.gif);\r
2259 }\r
2260 \r
2261 \r
2262 .x-tree-no-lines .x-tree-elbow{\r
2263         background:transparent;\r
2264 }\r
2265 .x-tree-no-lines .x-tree-elbow-plus{\r
2266         background-image:url(../images/default/tree/elbow-plus-nl.gif);\r
2267 }\r
2268 .x-tree-no-lines .x-tree-elbow-minus{\r
2269         background-image:url(../images/default/tree/elbow-minus-nl.gif);\r
2270 }\r
2271 .x-tree-no-lines .x-tree-elbow-end{\r
2272         background:transparent;\r
2273 }\r
2274 .x-tree-no-lines .x-tree-elbow-end-plus{\r
2275         background-image:url(../images/default/tree/elbow-end-plus-nl.gif);\r
2276 }\r
2277 .x-tree-no-lines .x-tree-elbow-end-minus{\r
2278         background-image:url(../images/default/tree/elbow-end-minus-nl.gif);\r
2279 }\r
2280 .x-tree-no-lines .x-tree-elbow-line{\r
2281         background:transparent;\r
2282 }\r
2283 \r
2284 \r
2285 \r
2286 .x-tree-arrows .x-tree-elbow{\r
2287         background:transparent;\r
2288 }\r
2289 .x-tree-arrows .x-tree-elbow-plus{\r
2290     background:transparent url(../images/default/tree/arrows.gif) no-repeat 0 0;\r
2291 }\r
2292 .x-tree-arrows .x-tree-elbow-minus{\r
2293     background:transparent url(../images/default/tree/arrows.gif) no-repeat -16px 0;\r
2294 }\r
2295 .x-tree-arrows .x-tree-elbow-end{\r
2296         background:transparent;\r
2297 }\r
2298 .x-tree-arrows .x-tree-elbow-end-plus{\r
2299     background:transparent url(../images/default/tree/arrows.gif) no-repeat 0 0;\r
2300 }\r
2301 .x-tree-arrows .x-tree-elbow-end-minus{\r
2302     background:transparent url(../images/default/tree/arrows.gif) no-repeat -16px 0;\r
2303 }\r
2304 .x-tree-arrows .x-tree-elbow-line{\r
2305         background:transparent;\r
2306 }\r
2307 \r
2308 .x-tree-arrows .x-tree-ec-over .x-tree-elbow-plus{\r
2309     background-position:-32px 0;\r
2310 }\r
2311 .x-tree-arrows .x-tree-ec-over .x-tree-elbow-minus{\r
2312     background-position:-48px 0;\r
2313 }\r
2314 .x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-plus{\r
2315     background-position:-32px 0;\r
2316 }\r
2317 .x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-minus{\r
2318     background-position:-48px 0;\r
2319 }\r
2320 \r
2321 \r
2322 \r
2323 .x-tree-elbow-plus, .x-tree-elbow-minus, .x-tree-elbow-end-plus, .x-tree-elbow-end-minus{\r
2324         cursor:pointer;\r
2325 }\r
2326 .ext-ie ul.x-tree-node-ct{\r
2327     font-size:0;\r
2328     line-height:0;\r
2329     zoom:1;\r
2330 }\r
2331 .x-tree-node{\r
2332         color: black;\r
2333         font: normal 11px arial, tahoma, helvetica, sans-serif;\r
2334         white-space: nowrap;\r
2335 }\r
2336 \r
2337 .x-tree-node-el {\r
2338     line-height:18px;\r
2339     cursor:pointer;\r
2340 }\r
2341 \r
2342 .x-tree-node a, .x-dd-drag-ghost a{\r
2343         text-decoration:none;\r
2344         color:black;\r
2345         -khtml-user-select:none;\r
2346         -moz-user-select:none;\r
2347     -kthml-user-focus:normal;\r
2348     -moz-user-focus:normal;\r
2349     -moz-outline: 0 none;\r
2350     outline:0 none;\r
2351 }\r
2352 .x-tree-node a span, .x-dd-drag-ghost a span{\r
2353         text-decoration:none;\r
2354         color:black;\r
2355         padding:1px 3px 1px 2px;\r
2356 }\r
2357 .x-tree-node .x-tree-node-disabled a span{\r
2358         color:gray !important;\r
2359 }\r
2360 .x-tree-node .x-tree-node-disabled .x-tree-node-icon{\r
2361         -moz-opacity: 0.5;\r
2362    opacity:.5;\r
2363    filter: alpha(opacity=50);\r
2364 }\r
2365 .x-tree-node .x-tree-node-inline-icon{\r
2366         background:transparent;\r
2367 }\r
2368 .x-tree-node a:hover, .x-dd-drag-ghost a:hover{\r
2369         text-decoration:none;\r
2370 }\r
2371 .x-tree-node div.x-tree-drag-insert-below{\r
2372          border-bottom:1px dotted #3366cc;\r
2373 }\r
2374 .x-tree-node div.x-tree-drag-insert-above{\r
2375          border-top:1px dotted #3366cc;\r
2376 }\r
2377 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below{\r
2378          border-bottom:0 none;\r
2379 }\r
2380 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above{\r
2381          border-top:0 none;\r
2382 }\r
2383 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{\r
2384          border-bottom:2px solid #3366cc;\r
2385 }\r
2386 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{\r
2387          border-top:2px solid #3366cc;\r
2388 }\r
2389 .x-tree-node .x-tree-drag-append a span{\r
2390          background:#dddddd;\r
2391          border:1px dotted gray;\r
2392 }\r
2393 .x-tree-node .x-tree-node-over {\r
2394         background-color: #eee;\r
2395 }\r
2396 .x-tree-node .x-tree-selected {\r
2397         background-color: #d9e8fb;\r
2398 }\r
2399 .x-dd-drag-ghost .x-tree-node-indent, .x-dd-drag-ghost .x-tree-ec-icon{\r
2400         display:none !important;\r
2401 }\r
2402 .x-tree-drop-ok-append .x-dd-drop-icon{\r
2403   background-image: url(../images/default/tree/drop-add.gif);\r
2404 }\r
2405 .x-tree-drop-ok-above .x-dd-drop-icon{\r
2406   background-image: url(../images/default/tree/drop-over.gif);\r
2407 }\r
2408 .x-tree-drop-ok-below .x-dd-drop-icon{\r
2409   background-image: url(../images/default/tree/drop-under.gif);\r
2410 }\r
2411 .x-tree-drop-ok-between .x-dd-drop-icon{\r
2412   background-image: url(../images/default/tree/drop-between.gif);\r
2413 }\r
2414
2415 .x-date-picker {
2416     border: 1px solid #1b376c;
2417     border-top:0 none;
2418     background:#fff;
2419         position:relative;
2420 }
2421 .x-date-picker a {
2422     -moz-outline:0 none;
2423     outline:0 none;
2424 }
2425 .x-date-inner, .x-date-inner td, .x-date-inner th{
2426     border-collapse:separate;
2427 }
2428 .x-date-middle,.x-date-left,.x-date-right {
2429         background: url(../images/default/shared/hd-sprite.gif) repeat-x 0 -83px;
2430         color:#FFF;
2431         font:bold 11px "sans serif", tahoma, verdana, helvetica;
2432         overflow:hidden;
2433 }
2434
2435 .x-date-middle .x-btn-left,.x-date-middle .x-btn-center,.x-date-middle .x-btn-right{
2436         background:transparent !important;
2437     vertical-align:middle;
2438 }
2439 .x-date-middle .x-btn .x-btn-text {
2440     color:#fff;
2441 }
2442 .x-date-middle .x-btn-with-menu  .x-btn-center em {
2443     background:transparent url(../images/default/toolbar/btn-arrow-light.gif) no-repeat right 0;
2444 }
2445 .x-date-right, .x-date-left {
2446     width:18px;
2447 }
2448 .x-date-right{
2449     text-align:right;
2450 }
2451 .x-date-middle {
2452     padding-top:2px;padding-bottom:2px;
2453 }
2454 .x-date-right a, .x-date-left a{
2455     display:block;
2456     width:16px;
2457         height:16px;
2458         background-position: center;
2459         background-repeat: no-repeat;
2460         cursor:pointer;
2461     -moz-opacity: 0.6;
2462     opacity:.6;
2463     filter: alpha(opacity=60);
2464 }
2465 .x-date-right a:hover, .x-date-left a:hover{
2466     -moz-opacity: 1;
2467     opacity:1;
2468     filter: alpha(opacity=100);
2469 }
2470 .x-date-right a {
2471     background-image: url(../images/default/shared/right-btn.gif);
2472     margin-right:2px;
2473     text-decoration:none !important;
2474 }
2475 .x-date-left a{
2476         background-image: url(../images/default/shared/left-btn.gif);
2477     margin-left:2px;
2478     text-decoration:none !important;
2479 }
2480 table.x-date-inner {
2481     width:100%;
2482     table-layout:fixed;
2483 }
2484 .x-date-inner th {
2485     width:25px;
2486 }
2487 .x-date-inner th {
2488     background: #dfecfb url(../images/default/shared/glass-bg.gif) repeat-x left top;
2489     text-align:right !important;
2490         border-bottom: 1px solid #a3bad9;
2491     font:normal 10px arial, helvetica,tahoma,sans-serif;
2492         color:#233d6d;
2493         cursor:default;
2494     padding:0;
2495     border-collapse:separate;
2496 }
2497 .x-date-inner th span {
2498     display:block;
2499     padding:2px;
2500     padding-right:7px;
2501 }
2502 .x-date-inner td {
2503     border: 1px solid #fff;
2504         text-align:right;
2505     padding:0;
2506 }
2507 .x-date-inner a {
2508     padding:2px 5px;
2509     display:block;
2510     font:normal 11px arial, helvetica,tahoma,sans-serif;
2511         text-decoration:none;
2512     color:black;
2513     text-align:right;
2514     zoom:1;
2515 }
2516 .x-date-inner .x-date-active{
2517         cursor:pointer;
2518         color:black;
2519 }
2520 .x-date-inner .x-date-selected a{
2521         background: #dfecfb url(../images/default/shared/glass-bg.gif) repeat-x left top;
2522         border:1px solid #8db2e3;
2523    padding:1px 4px;
2524 }
2525 .x-date-inner .x-date-today a{
2526         border: 1px solid darkred;
2527     padding:1px 4px;
2528 }
2529 .x-date-inner .x-date-selected span{
2530     font-weight:bold;
2531 }
2532 .x-date-inner .x-date-prevday a,.x-date-inner .x-date-nextday a {
2533         color:#aaaaaa;
2534     text-decoration:none !important;
2535 }
2536 .x-date-bottom {
2537     padding:4px;
2538     border-top: 1px solid #a3bad9;
2539     background: #dfecfb url(../images/default/shared/glass-bg.gif) repeat-x left top;
2540 }
2541
2542 .x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover{
2543     text-decoration:none !important;
2544     color:black;
2545     background: #ddecfe;
2546 }
2547
2548 .x-date-inner .x-date-disabled a {
2549         cursor:default;
2550         background:#eeeeee;
2551         color:#bbbbbb;
2552 }
2553 .x-date-mmenu{
2554     background:#eeeeee !important;
2555 }
2556 .x-date-mmenu .x-menu-item {
2557         font-size:10px;
2558         padding:1px 24px 1px 4px;
2559         white-space: nowrap;
2560         color:#000;
2561 }
2562 .x-date-mmenu .x-menu-item .x-menu-item-icon {
2563     width:10px;height:10px;margin-right:5px;
2564     background-position:center -4px !important;
2565 }
2566
2567 .x-date-mp {
2568         position:absolute;
2569         left:0;
2570         top:0;
2571         background:white;
2572         display:none;
2573 }
2574 .x-date-mp td {
2575     padding:2px;
2576         font:normal 11px arial, helvetica,tahoma,sans-serif;
2577 }
2578 td.x-date-mp-month,td.x-date-mp-year,td.x-date-mp-ybtn {
2579    border: 0 none;
2580         text-align:center;
2581         vertical-align: middle;
2582         width:25%;
2583 }
2584 .x-date-mp-ok {
2585         margin-right:3px;
2586 }
2587 .x-date-mp-btns button {
2588         text-decoration:none;
2589         text-align:center;
2590         text-decoration:none !important;
2591         background:#083772;
2592         color:white;
2593         border:1px solid;
2594         border-color: #3366cc #000055 #000055 #3366cc;
2595         padding:1px 3px 1px;
2596         font:normal 11px arial, helvetica,tahoma,sans-serif;
2597         cursor:pointer;
2598 }
2599 .x-date-mp-btns {
2600         background: #dfecfb url(../images/default/shared/glass-bg.gif) repeat-x left top;
2601 }
2602 .x-date-mp-btns td {
2603         border-top: 1px solid #c5d2df;
2604    text-align:center;
2605 }
2606 td.x-date-mp-month a,td.x-date-mp-year a {
2607         display:block;
2608         padding:2px 4px;
2609         text-decoration:none;
2610         text-align:center;
2611         color:#15428b;
2612 }
2613
2614 td.x-date-mp-month a:hover,td.x-date-mp-year a:hover {
2615         color:#15428b;
2616         text-decoration:none;
2617         cursor:pointer;
2618         background: #ddecfe;
2619 }
2620
2621 td.x-date-mp-sel a {
2622         padding:1px 3px;
2623         background: #dfecfb url(../images/default/shared/glass-bg.gif) repeat-x left top;
2624         border:1px solid #8db2e3;
2625 }
2626 .x-date-mp-ybtn a {
2627     overflow:hidden;
2628     width:15px;
2629     height:15px;
2630     cursor:pointer;
2631     background:transparent url(../images/default/panel/tool-sprites.gif) no-repeat;
2632     display:block;
2633     margin:0 auto;
2634 }
2635 .x-date-mp-ybtn a.x-date-mp-next {
2636     background-position:0 -120px;
2637 }
2638 .x-date-mp-ybtn a.x-date-mp-next:hover {
2639     background-position:-15px -120px;
2640 }
2641 .x-date-mp-ybtn a.x-date-mp-prev {
2642     background-position:0 -105px;
2643 }
2644 .x-date-mp-ybtn a.x-date-mp-prev:hover {
2645     background-position:-15px -105px;
2646 }
2647 .x-date-mp-ybtn {
2648    text-align:center;
2649 }
2650 td.x-date-mp-sep {
2651    border-right:1px solid #c5d2df;
2652 }
2653 .x-tip{\r
2654         position: absolute;\r
2655         top: 0;\r
2656     left:0;\r
2657     visibility: hidden;\r
2658         z-index: 20000;\r
2659     border:0 none;\r
2660 }\r
2661 .x-tip .x-tip-close{\r
2662         background-image: url(../images/default/qtip/close.gif);\r
2663         height: 15px;\r
2664         float:right;\r
2665         width: 15px;\r
2666     margin:0 0 2px 2px;\r
2667     cursor:pointer;\r
2668     display:none;\r
2669 }\r
2670 .x-tip .x-tip-tc {\r
2671         background: transparent url(../images/default/qtip/tip-sprite.gif) no-repeat 0 -62px;\r
2672         padding-top:3px;\r
2673     overflow:hidden;\r
2674     zoom:1;\r
2675 }\r
2676 .x-tip .x-tip-tl {\r
2677         background: transparent url(../images/default/qtip/tip-sprite.gif) no-repeat 0 0;\r
2678         padding-left:6px;\r
2679     overflow:hidden;\r
2680     zoom:1;\r
2681 }\r
2682 .x-tip .x-tip-tr {\r
2683         background: transparent url(../images/default/qtip/tip-sprite.gif) no-repeat right 0;\r
2684         padding-right:6px;\r
2685     overflow:hidden;\r
2686     zoom:1;\r
2687 }\r
2688 .x-tip .x-tip-bc {\r
2689         background: transparent url(../images/default/qtip/tip-sprite.gif) no-repeat 0 -121px;\r
2690         height:3px;\r
2691     overflow:hidden;\r
2692 }\r
2693 .x-tip .x-tip-bl {\r
2694         background: transparent url(../images/default/qtip/tip-sprite.gif) no-repeat 0 -59px;\r
2695         padding-left:6px;\r
2696     zoom:1;\r
2697 }\r
2698 .x-tip .x-tip-br {\r
2699         background: transparent url(../images/default/qtip/tip-sprite.gif) no-repeat right -59px;\r
2700         padding-right:6px;\r
2701     zoom:1;\r
2702 }\r
2703 .x-tip .x-tip-mc {\r
2704     border:0 none;\r
2705     font: normal 11px tahoma,arial,helvetica,sans-serif;\r
2706 }\r
2707 .x-tip .x-tip-ml {\r
2708         background: #fff url(../images/default/qtip/tip-sprite.gif) no-repeat 0 -124px;\r
2709         padding-left:6px;\r
2710     zoom:1;\r
2711 }\r
2712 .x-tip .x-tip-mr {\r
2713         background: transparent url(../images/default/qtip/tip-sprite.gif) no-repeat right -124px;\r
2714         padding-right:6px;\r
2715     zoom:1;\r
2716 }\r
2717 .ext-ie .x-tip .x-tip-header,.ext-ie .x-tip .x-tip-tc {\r
2718     font-size:0;\r
2719     line-height:0;\r
2720 }\r
2721 .x-tip .x-tip-header-text {\r
2722     font: bold 11px tahoma,arial,helvetica,sans-serif;\r
2723     padding:0;\r
2724     margin:0 0 2px 0;\r
2725     color:#444;\r
2726 }\r
2727 .x-tip .x-tip-body {\r
2728     font: normal 11px tahoma,arial,helvetica,sans-serif;\r
2729     margin:0 !important;\r
2730     line-height:14px;\r
2731     color:#444;\r
2732     padding:0;\r
2733 }\r
2734 \r
2735 .x-tip .x-tip-body .loading-indicator {\r
2736     margin:0;\r
2737 }\r
2738 \r
2739 .x-tip-draggable .x-tip-header,.x-tip-draggable .x-tip-header-text {\r
2740     cursor:move;\r
2741 }\r
2742 \r
2743 .x-form-invalid-tip {\r
2744 }\r
2745 \r
2746 .x-form-invalid-tip .x-tip-tc {\r
2747         background: url(../images/default/form/error-tip-corners.gif) repeat-x 0 -12px;\r
2748     padding-top:6px;\r
2749 }\r
2750 .x-form-invalid-tip .x-tip-tl {\r
2751         background-image: url(../images/default/form/error-tip-corners.gif);\r
2752 }\r
2753 .x-form-invalid-tip .x-tip-tr {\r
2754         background-image: url(../images/default/form/error-tip-corners.gif);\r
2755 }\r
2756 .x-form-invalid-tip .x-tip-bc {\r
2757         background: url(../images/default/form/error-tip-corners.gif) repeat-x 0 -18px;\r
2758     height:6px;\r
2759 }\r
2760 .x-form-invalid-tip .x-tip-bl {\r
2761         background: url(../images/default/form/error-tip-corners.gif) no-repeat 0 -6px;\r
2762 }\r
2763 .x-form-invalid-tip .x-tip-br {\r
2764         background: url(../images/default/form/error-tip-corners.gif) no-repeat right -6px;\r
2765 }\r
2766 .x-form-invalid-tip .x-tip-ml {\r
2767         background-image: url(../images/default/form/error-tip-corners.gif);\r
2768 }\r
2769 .x-form-invalid-tip .x-tip-mr {\r
2770         background-image: url(../images/default/form/error-tip-corners.gif);\r
2771 }\r
2772 .x-form-invalid-tip .x-tip-body {\r
2773     padding:2px;\r
2774 }\r
2775 .x-form-invalid-tip .x-tip-body {\r
2776     padding-left:24px;\r
2777     background:transparent url(../images/default/form/exclamation.gif) no-repeat 2px 2px;\r
2778 }
2779 .x-menu {\r
2780         border: 1px solid #718bb7;\r
2781         z-index: 15000;\r
2782         zoom: 1;\r
2783         background: #f0f0f0 url(../images/default/menu/menu.gif) repeat-y;\r
2784         padding: 2px;\r
2785 }\r
2786 .x-menu a {\r
2787     text-decoration: none !important;\r
2788 }\r
2789 .ext-ie .x-menu {\r
2790     zoom:1;\r
2791     overflow:hidden;\r
2792 }\r
2793 .x-menu-list{\r
2794         background:transparent;\r
2795         border:0 none;\r
2796 }\r
2797 .x-menu li{\r
2798         line-height:100%;\r
2799 }\r
2800 .x-menu li.x-menu-sep-li{\r
2801         font-size:1px;\r
2802         line-height:1px;\r
2803 }\r
2804 .x-menu-list-item{\r
2805         font:normal 11px tahoma,arial, sans-serif;\r
2806     white-space: nowrap;\r
2807     -moz-user-select: none;\r
2808         -khtml-user-select: none;\r
2809         display:block;\r
2810         padding:1px;\r
2811 }\r
2812 .x-menu-item-arrow{\r
2813         background:transparent url(../images/default/menu/menu-parent.gif) no-repeat right;\r
2814 }\r
2815 .x-menu-sep {\r
2816         display:block;\r
2817         font-size:1px;\r
2818         line-height:1px;\r
2819         margin: 2px 3px;\r
2820     background-color:#e0e0e0;\r
2821         border-bottom:1px solid #fff;\r
2822 }\r
2823 .x-menu-focus {\r
2824         position:absolute;\r
2825         left:0;\r
2826         top:-5px;\r
2827         width:0;\r
2828         height:0;\r
2829     line-height:1px;\r
2830 }\r
2831 .x-menu a.x-menu-item {\r
2832         display:block;\r
2833         line-height:16px;\r
2834         padding:3px 21px 3px 3px;\r
2835         white-space: nowrap;\r
2836         text-decoration:none;\r
2837         color:#222;\r
2838         -moz-outline: 0 none;\r
2839         outline: 0 none;\r
2840         cursor:pointer;\r
2841 }\r
2842 .x-menu-item-active {\r
2843         background: #ebf3fd url(../images/default/menu/item-over.gif) repeat-x left bottom;\r
2844         border:1px solid #aaccf6;\r
2845         padding: 0;\r
2846 }\r
2847 .x-menu-item-active a.x-menu-item {\r
2848     color: #233d6d;\r
2849 }\r
2850 \r
2851 .x-menu-item-icon {\r
2852         border: 0 none;\r
2853         height: 16px;\r
2854         padding: 0;\r
2855         vertical-align: top;\r
2856         width: 16px;\r
2857         margin: 0 8px 0 0;\r
2858    background-position:center;\r
2859 }\r
2860 \r
2861 .x-menu-check-item .x-menu-item-icon{\r
2862         background: transparent url(../images/default/menu/unchecked.gif) no-repeat center;\r
2863 }\r
2864 \r
2865 .x-menu-item-checked .x-menu-item-icon{\r
2866         background-image:url(../images/default/menu/checked.gif);\r
2867 }\r
2868 .x-menu-group-item .x-menu-item-icon{\r
2869         background: transparent;\r
2870 }\r
2871 \r
2872 .x-menu-item-checked .x-menu-group-item .x-menu-item-icon{\r
2873     background: transparent url(../images/default/menu/group-checked.gif) no-repeat center;\r
2874 }\r
2875 \r
2876 .x-menu-plain {\r
2877         background:#fff !important;\r
2878 }\r
2879 .x-menu-date-item{\r
2880         padding:0;\r
2881 }\r
2882 \r
2883 .x-menu .x-color-palette, .x-menu .x-date-picker{\r
2884     margin-left: 26px;\r
2885          margin-right:4px;\r
2886 }\r
2887 .x-menu .x-date-picker{\r
2888     border:1px solid #a3bad9;\r
2889     margin-top:2px;\r
2890     margin-bottom:2px;\r
2891 }\r
2892 .x-menu-plain .x-color-palette, .x-menu-plain .x-date-picker{\r
2893          margin: 0;\r
2894          border: 0 none;\r
2895 }\r
2896 .x-date-menu {\r
2897    padding:0 !important;\r
2898 }\r
2899 \r
2900 .x-cycle-menu .x-menu-item-checked {\r
2901     border:1px dotted #a3bae9 !important;\r
2902     background:#DFE8F6;\r
2903         padding:0;\r
2904 }\r
2905
2906
2907
2908 .x-box-tl {
2909         background: transparent url(../images/default/box/corners.gif) no-repeat 0 0;
2910     zoom:1;
2911 }
2912
2913 .x-box-tc {
2914         height: 8px;
2915         background: transparent url(../images/default/box/tb.gif) repeat-x 0 0;
2916         overflow: hidden;
2917 }
2918
2919 .x-box-tr {
2920         background: transparent url(../images/default/box/corners.gif) no-repeat right -8px;
2921 }
2922
2923 .x-box-ml {
2924         background: transparent url(../images/default/box/l.gif) repeat-y 0;
2925         padding-left: 4px;
2926         overflow: hidden;
2927     zoom:1;
2928 }
2929
2930 .x-box-mc {
2931         background: #eee url(../images/default/box/tb.gif) repeat-x 0 -16px;
2932         padding: 4px 10px;
2933         font-family: "Myriad Pro","Myriad Web","Tahoma","Helvetica","Arial",sans-serif;
2934         color: #393939;
2935         font-size: 12px;
2936 }
2937
2938 .x-box-mc h3 {
2939         font-size: 14px;
2940         font-weight: bold;
2941         margin: 0 0 4px 0;
2942     zoom:1;
2943 }
2944
2945 .x-box-mr {
2946         background: transparent url(../images/default/box/r.gif) repeat-y right;
2947         padding-right: 4px;
2948         overflow: hidden;
2949 }
2950
2951 .x-box-bl {
2952         background: transparent url(../images/default/box/corners.gif) no-repeat 0 -16px;
2953     zoom:1;
2954 }
2955
2956 .x-box-bc {
2957         background: transparent url(../images/default/box/tb.gif) repeat-x 0 -8px;
2958         height: 8px;
2959         overflow: hidden;
2960 }
2961
2962 .x-box-br {
2963         background: transparent url(../images/default/box/corners.gif) no-repeat right -24px;
2964 }
2965
2966 .x-box-tl, .x-box-bl {
2967         padding-left: 8px;
2968         overflow: hidden;
2969 }
2970
2971 .x-box-tr, .x-box-br {
2972         padding-right: 8px;
2973         overflow: hidden;
2974 }
2975
2976 .x-box-blue .x-box-bl, .x-box-blue .x-box-br, .x-box-blue .x-box-tl, .x-box-blue .x-box-tr {
2977         background-image: url(../images/default/box/corners-blue.gif);
2978 }
2979
2980 .x-box-blue .x-box-bc, .x-box-blue .x-box-mc, .x-box-blue .x-box-tc {
2981         background-image: url(../images/default/box/tb-blue.gif);
2982 }
2983
2984 .x-box-blue .x-box-mc {
2985         background-color: #c3daf9;
2986 }
2987
2988 .x-box-blue .x-box-mc h3 {
2989         color: #17385b;
2990 }
2991
2992 .x-box-blue .x-box-ml {
2993         background-image: url(../images/default/box/l-blue.gif);
2994 }
2995
2996 .x-box-blue .x-box-mr {
2997         background-image: url(../images/default/box/r-blue.gif);
2998 }
2999 #x-debug-browser .x-tree .x-tree-node a span {
3000     color:#222297;
3001     font-size:11px;
3002     padding-top:2px;
3003     font-family:"monotype","courier new",sans-serif;
3004     line-height:18px;
3005 }
3006 #x-debug-browser .x-tree a i {
3007     color:#FF4545;
3008     font-style:normal;
3009 }
3010 #x-debug-browser .x-tree a em {
3011     color:#999;
3012 }
3013 #x-debug-browser .x-tree .x-tree-node .x-tree-selected a span{
3014     background:#c3daf9;
3015 }
3016 #x-debug-browser  .x-tool-toggle {
3017     background-position:0 -75px;
3018 }
3019 #x-debug-browser  .x-tool-toggle-over {
3020     background-position:-15px -75px;
3021 }
3022 #x-debug-browser.x-panel-collapsed .x-tool-toggle {
3023     background-position:0 -60px;
3024 }
3025 #x-debug-browser.x-panel-collapsed .x-tool-toggle-over {
3026     background-position:-15px -60px;
3027 }
3028 .x-combo-list {
3029     border:1px solid #98c0f4;
3030     background:#ddecfe;
3031     zoom:1;
3032     overflow:hidden;
3033 }
3034 .x-combo-list-inner {
3035     overflow:auto;
3036     background:white;
3037     position:relative;
3038     zoom:1;
3039     overflow-x:hidden;
3040 }
3041 .x-combo-list-hd {
3042     font:bold 11px tahoma, arial, helvetica, sans-serif;
3043     color:#15428b;
3044     background-image: url(../images/default/layout/panel-title-light-bg.gif);
3045     border-bottom:1px solid #98c0f4;
3046     padding:3px;
3047 }
3048 .x-resizable-pinned .x-combo-list-inner {
3049     border-bottom:1px solid #98c0f4;
3050 }
3051 .x-combo-list-item {
3052     font:normal 12px tahoma, arial, helvetica, sans-serif;
3053     padding:2px;
3054     border:1px solid #fff;
3055     white-space: nowrap;
3056     overflow:hidden;
3057     text-overflow: ellipsis;
3058 }
3059 .x-combo-list .x-combo-selected{
3060         border:1px dotted #a3bae9 !important;
3061     background:#DFE8F6;
3062     cursor:pointer;
3063 }
3064 .x-combo-noedit{
3065     cursor:pointer;
3066 }
3067 .x-combo-list .x-toolbar {
3068     border-top:1px solid #98c0f4;
3069     border-bottom:0 none;
3070 }
3071
3072 .x-combo-list-small .x-combo-list-item {
3073     font:normal 11px tahoma, arial, helvetica, sans-serif;
3074 }
3075 .x-panel {
3076     border-style: solid;
3077     border-color: #99bbe8;
3078     border-width:0;
3079 }
3080
3081 .x-panel-header {
3082     overflow:hidden;
3083     zoom:1;
3084     color:#15428b;
3085         font:bold 11px tahoma,arial,verdana,sans-serif;
3086     padding:5px 3px 4px 5px;
3087     border:1px solid #99bbe8;
3088     line-height: 15px;
3089     background: transparent url(../images/default/panel/white-top-bottom.gif) repeat-x 0 -1px;
3090 }
3091
3092 .x-panel-body {
3093     border:1px solid #99bbe8;
3094     border-top:0 none;
3095     overflow:hidden;
3096     background:white;
3097     position: relative;
3098 }
3099
3100 .x-panel-bbar .x-toolbar {
3101     border:1px solid #99bbe8;
3102     border-top:0 none;
3103     overflow:hidden;
3104     padding:2px;
3105 }
3106
3107 .x-panel-tbar .x-toolbar {
3108     border:1px solid #99bbe8;
3109     border-top:0 none;
3110     overflow:hidden;
3111     padding:2px;
3112 }
3113
3114 .x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
3115     border-top:1px solid #99bbe8;
3116     border-bottom: 0 none;
3117 }
3118 .x-panel-body-noheader, .x-panel-mc .x-panel-body {
3119     border-top:1px solid #99bbe8;
3120 }
3121 .x-panel-header {
3122     overflow:hidden;
3123     zoom:1;
3124 }
3125 .x-panel-tl .x-panel-header {
3126     color:#15428b;
3127          font:bold 11px tahoma,arial,verdana,sans-serif;
3128     padding:5px 0 4px 0;
3129     border:0 none;
3130     background:transparent;
3131 }
3132 .x-panel-tl .x-panel-icon, .x-window-tl .x-panel-icon {
3133     padding-left:20px !important;
3134     background-repeat:no-repeat;
3135     background-position:0 4px;
3136     zoom:1;
3137 }
3138 .x-panel-inline-icon {
3139     width:16px;
3140          height:16px;
3141     background-repeat:no-repeat;
3142     background-position:0 0;
3143          vertical-align:middle;
3144          margin-right:4px;
3145          margin-top:-1px;
3146          margin-bottom:-1px;
3147 }
3148 .x-panel-tc {
3149         background: transparent url(../images/default/panel/top-bottom.gif) repeat-x 0 0;
3150         overflow:hidden;
3151 }
3152
3153 .ext-ie7 .x-panel-tc {
3154     overflow: visible;
3155 }
3156 .x-panel-tl {
3157         background: transparent url(../images/default/panel/corners-sprite.gif) no-repeat 0 0;
3158         padding-left:6px;
3159     zoom:1;
3160     border-bottom:1px solid #99bbe8;
3161 }
3162 .x-panel-tr {
3163         background: transparent url(../images/default/panel/corners-sprite.gif) no-repeat right 0;
3164         zoom:1;
3165     padding-right:6px;
3166 }
3167 .x-panel-bc {
3168         background: transparent url(../images/default/panel/top-bottom.gif) repeat-x 0 bottom;
3169     zoom:1;
3170 }
3171 .x-panel-bc .x-panel-footer {
3172     zoom:1;
3173 }
3174
3175 .x-panel-bl {
3176         background: transparent url(../images/default/panel/corners-sprite.gif) no-repeat 0 bottom;
3177         padding-left:6px;
3178     zoom:1;
3179 }
3180 .x-panel-br {
3181         background: transparent url(../images/default/panel/corners-sprite.gif) no-repeat right bottom;
3182         padding-right:6px;
3183     zoom:1;
3184 }
3185 .x-panel-mc {
3186     border:0 none;
3187     padding:0;
3188     margin:0;
3189     font: normal 11px tahoma,arial,helvetica,sans-serif;
3190     padding-top:6px;
3191     background:#dfe8f6;
3192 }
3193 .x-panel-mc .x-panel-body {
3194     background:transparent;
3195     border: 0 none;
3196 }
3197 .x-panel-ml {
3198         background: #fff url(../images/default/panel/left-right.gif) repeat-y 0 0;
3199         padding-left:6px;
3200     zoom:1;
3201 }
3202 .x-panel-mr {
3203         background: transparent url(../images/default/panel/left-right.gif) repeat-y right 0;
3204         padding-right:6px;
3205     zoom:1;
3206 }
3207 .x-panel-bc .x-panel-footer {
3208     padding-bottom:6px;
3209 }
3210 .x-panel-nofooter .x-panel-bc {
3211         height:6px;
3212     font-size:0;
3213     line-height:0;
3214 }
3215
3216 .x-panel-bwrap {
3217     overflow:hidden;
3218     zoom:1;
3219 }
3220 .x-panel-body {
3221     overflow:hidden;
3222     zoom:1;
3223 }
3224
3225 .x-panel-collapsed .x-resizable-handle{
3226     display:none;
3227 }
3228
3229 .ext-gecko .x-panel-animated div {
3230     overflow:hidden !important;
3231 }
3232
3233
3234 .x-plain-body {
3235     overflow:hidden;
3236 }
3237
3238 .x-plain-bbar .x-toolbar {
3239     overflow:hidden;
3240     padding:2px;
3241 }
3242
3243 .x-plain-tbar .x-toolbar {
3244     overflow:hidden;
3245     padding:2px;
3246 }
3247
3248 .x-plain-bwrap {
3249     overflow:hidden;
3250     zoom:1;
3251 }
3252
3253 .x-plain {
3254     overflow:hidden;
3255 }
3256
3257
3258 .x-tool {
3259     overflow:hidden;
3260     width:15px;
3261     height:15px;
3262     float:right;
3263     cursor:pointer;
3264     background:transparent url(../images/default/panel/tool-sprites.gif) no-repeat;
3265     margin-left:2px;
3266 }
3267
3268
3269 .x-tool-toggle {
3270     background-position:0 -60px;
3271 }
3272 .x-tool-toggle-over {
3273     background-position:-15px -60px;
3274 }
3275 .x-panel-collapsed .x-tool-toggle {
3276     background-position:0 -75px;
3277 }
3278 .x-panel-collapsed .x-tool-toggle-over {
3279     background-position:-15px -75px;
3280 }
3281
3282 .x-tool-close {
3283     background-position:0 -0;
3284 }
3285 .x-tool-close-over {
3286     background-position:-15px 0;
3287 }
3288
3289 .x-tool-minimize {
3290     background-position:0 -15px;
3291 }
3292 .x-tool-minimize-over {
3293     background-position:-15px -15px;
3294 }
3295
3296 .x-tool-maximize {
3297     background-position:0 -30px;
3298 }
3299 .x-tool-maximize-over {
3300     background-position:-15px -30px;
3301 }
3302
3303 .x-tool-restore {
3304     background-position:0 -45px;
3305 }
3306 .x-tool-restore-over {
3307     background-position:-15px -45px;
3308 }
3309
3310 .x-tool-gear {
3311     background-position:0 -90px;
3312 }
3313 .x-tool-gear-over {
3314     background-position:-15px -90px;
3315 }
3316
3317 .x-tool-pin {
3318     background-position:0 -135px;
3319 }
3320 .x-tool-pin-over {
3321     background-position:-15px -135px;
3322 }
3323 .x-tool-unpin {
3324     background-position:0 -150px;
3325 }
3326 .x-tool-unpin-over {
3327     background-position:-15px -150px;
3328 }
3329 .x-tool-right {
3330     background-position:0 -165px;
3331 }
3332 .x-tool-right-over {
3333     background-position:-15px -165px;
3334 }
3335 .x-tool-left {
3336     background-position:0 -180px;
3337 }
3338 .x-tool-left-over {
3339     background-position:-15px -180px;
3340 }
3341 .x-tool-up {
3342     background-position:0 -210px;
3343 }
3344 .x-tool-up-over {
3345     background-position:-15px -210px;
3346 }
3347 .x-tool-down {
3348     background-position:0 -195px;
3349 }
3350 .x-tool-down-over {
3351     background-position:-15px -195px;
3352 }
3353 .x-tool-refresh {
3354     background-position:0 -225px;
3355 }
3356 .x-tool-refresh-over {
3357     background-position:-15px -225px;
3358 }
3359
3360 .x-tool-minus {
3361     background-position:0 -255px;
3362 }
3363 .x-tool-minus-over {
3364     background-position:-15px -255px;
3365 }
3366 .x-tool-plus {
3367     background-position:0 -240px;
3368 }
3369 .x-tool-plus-over {
3370     background-position:-15px -240px;
3371 }
3372
3373 .x-tool-search {
3374     background-position:0 -270px;
3375 }
3376 .x-tool-search-over {
3377     background-position:-15px -270px;
3378 }
3379 .x-tool-save {
3380     background-position:0 -285px;
3381 }
3382 .x-tool-save-over {
3383     background-position:-15px -285px;
3384 }
3385 .x-tool-help {
3386     background-position:0 -300px;
3387 }
3388 .x-tool-help-over {
3389     background-position:-15px -300px;
3390 }
3391 .x-tool-print {
3392     background-position:0 -315px;
3393 }
3394 .x-tool-print-over {
3395     background-position:-15px -315px;
3396 }
3397
3398
3399 .x-panel-ghost {
3400     background:#cbddf3;
3401     z-index:12000;
3402     overflow:hidden;
3403     position:absolute;
3404     left:0;top:0;
3405     opacity:.65;
3406     -moz-opacity:.65;
3407     filter:alpha(opacity=65);
3408 }
3409
3410 .x-panel-ghost ul {
3411     margin:0;
3412     padding:0;
3413     overflow:hidden;
3414     font-size:0;
3415     line-height:0;
3416     border:1px solid #99bbe8;
3417     border-top:0 none;
3418     display:block;
3419 }
3420
3421 .x-panel-ghost * {
3422     cursor:move !important;
3423 }
3424
3425 .x-panel-dd-spacer {
3426     border:2px dashed #99bbe8;
3427 }
3428
3429
3430 .x-panel-btns-ct {
3431     padding:5px;
3432 }
3433
3434 .x-panel-btns-ct .x-btn{
3435         float:right;
3436         clear:none;
3437 }
3438 .x-panel-btns-ct .x-panel-btns td {
3439         border:0;
3440         padding:0;
3441 }
3442 .x-panel-btns-ct .x-panel-btns-right table{
3443         float:right;
3444         clear:none;
3445 }
3446 .x-panel-btns-ct .x-panel-btns-left table{
3447         float:left;
3448         clear:none;
3449 }
3450 .x-panel-btns-ct .x-panel-btns-center{
3451         text-align:center;
3452 }
3453 .x-panel-btns-ct .x-panel-btns-center table{
3454         margin:0 auto;
3455 }
3456 .x-panel-btns-ct table td.x-panel-btn-td{
3457         padding:3px;
3458 }
3459
3460 .x-panel-btns-ct .x-btn-focus .x-btn-left{
3461         background-position:0 -147px;
3462 }
3463 .x-panel-btns-ct .x-btn-focus .x-btn-right{
3464         background-position:0 -168px;
3465 }
3466 .x-panel-btns-ct .x-btn-focus .x-btn-center{
3467         background-position:0 -189px;
3468 }
3469
3470 .x-panel-btns-ct .x-btn-over .x-btn-left{
3471         background-position:0 -63px;
3472 }
3473 .x-panel-btns-ct .x-btn-over .x-btn-right{
3474         background-position:0 -84px;
3475 }
3476 .x-panel-btns-ct .x-btn-over .x-btn-center{
3477         background-position:0 -105px;
3478 }
3479
3480 .x-panel-btns-ct .x-btn-click .x-btn-center{
3481         background-position:0 -126px;
3482 }
3483 .x-panel-btns-ct .x-btn-click  .x-btn-right{
3484         background-position:0 -84px;
3485 }
3486 .x-panel-btns-ct .x-btn-click .x-btn-left{
3487         background-position:0 -63px;
3488 }
3489 .x-window {
3490     zoom:1;
3491 }
3492 .x-window .x-resizable-handle {
3493     opacity:0;
3494     -moz-opacity:0;
3495     filter:alpha(opacity=0);
3496 }
3497
3498 .x-window-proxy {
3499     background:#C7DFFC;
3500     border:1px solid #99bbe8;
3501     z-index:12000;
3502     overflow:hidden;
3503     position:absolute;
3504     left:0;top:0;
3505     display:none;
3506     opacity:.5;
3507     -moz-opacity:.5;
3508     filter:alpha(opacity=50);
3509 }
3510
3511 .x-window-header {
3512     overflow:hidden;
3513     zoom:1;
3514 }
3515 .x-window-bwrap {
3516     z-index:1;
3517     position:relative;
3518     zoom:1;
3519 }
3520 .x-window-tl .x-window-header {
3521     color:#15428b;
3522         font:bold 11px tahoma,arial,verdana,sans-serif;
3523     padding:5px 0 4px 0;
3524 }
3525 .x-window-header-text {
3526     cursor:pointer;
3527 }
3528 .x-window-tc {
3529         background: transparent url(../images/default/window/top-bottom.png) repeat-x 0 0;
3530         overflow:hidden;
3531     zoom:1;
3532 }
3533 .x-window-tl {
3534         background: transparent url(../images/default/window/left-corners.png) no-repeat 0 0;
3535         padding-left:6px;
3536     zoom:1;
3537     z-index:1;
3538     position:relative;
3539 }
3540 .x-window-tr {
3541         background: transparent url(../images/default/window/right-corners.png) no-repeat right 0;
3542         padding-right:6px;
3543 }
3544 .x-window-bc {
3545         background: transparent url(../images/default/window/top-bottom.png) repeat-x 0 bottom;
3546     zoom:1;
3547 }
3548 .x-window-bc .x-window-footer {
3549     padding-bottom:6px;
3550     zoom:1;
3551     font-size:0;
3552     line-height:0;
3553 }
3554 .x-window-bl {
3555         background: transparent url(../images/default/window/left-corners.png) no-repeat 0 bottom;
3556         padding-left:6px;
3557     zoom:1;
3558 }
3559 .x-window-br {
3560         background: transparent url(../images/default/window/right-corners.png) no-repeat right bottom;
3561         padding-right:6px;
3562     zoom:1;
3563 }
3564 .x-window-mc {
3565     border:1px solid #99bbe8;
3566     padding:0;
3567     margin:0;
3568     font: normal 11px tahoma,arial,helvetica,sans-serif;
3569     background:#dfe8f6;
3570 }
3571
3572
3573 .x-window-ml {
3574         background: transparent url(../images/default/window/left-right.png) repeat-y 0 0;
3575         padding-left:6px;
3576     zoom:1;
3577 }
3578 .x-window-mr {
3579         background: transparent url(../images/default/window/left-right.png) repeat-y right 0;
3580         padding-right:6px;
3581     zoom:1;
3582 }
3583 .x-panel-nofooter .x-window-bc {
3584         height:6px;
3585 }
3586 .x-window-body {
3587     overflow:hidden;
3588 }
3589 .x-window-bwrap {
3590     overflow:hidden;
3591 }
3592 .x-window-maximized .x-window-bl, .x-window-maximized .x-window-br,
3593     .x-window-maximized .x-window-ml, .x-window-maximized .x-window-mr,
3594     .x-window-maximized .x-window-tl, .x-window-maximized .x-window-tr {
3595     padding:0;
3596 }
3597 .x-window-maximized .x-window-footer {
3598     padding-bottom:0;
3599 }
3600 .x-window-maximized .x-window-tc {
3601     padding-left:3px;
3602     padding-right:3px;
3603     background-color:white;
3604 }
3605 .x-window-maximized .x-window-mc {
3606     border-left:0 none;
3607     border-right:0 none;
3608 }
3609 .x-window-tbar .x-toolbar, .x-window-bbar .x-toolbar {
3610     border-left:0 none;
3611     border-right: 0 none;
3612 }
3613 .x-window-bbar .x-toolbar {
3614     border-top:1px solid #99bbe8;
3615     border-bottom:0 none;
3616 }
3617 .x-window-draggable, .x-window-draggable .x-window-header-text {
3618     cursor:move;
3619 }
3620 .x-window-maximized .x-window-draggable, .x-window-maximized .x-window-draggable .x-window-header-text {
3621     cursor:default;
3622 }
3623 .x-window-body {
3624     background:transparent;
3625 }
3626 .x-panel-ghost .x-window-tl {
3627     border-bottom:1px solid #99bbe8;
3628 }
3629 .x-panel-collapsed .x-window-tl {
3630     border-bottom:1px solid #84a0c4;
3631 }
3632 .x-window-maximized-ct {
3633     overflow:hidden;
3634 }
3635 .x-window-maximized .x-resizable-handle {
3636     display:none;
3637 }
3638 .x-window-sizing-ghost ul {
3639     border:0 none !important;
3640 }
3641
3642
3643 .x-dlg-focus{
3644         -moz-outline:0 none;
3645         outline:0 none;
3646         width:0;
3647         height:0;
3648         overflow:hidden;
3649         position:absolute;
3650         top:0;
3651         left:0;
3652 }
3653 .x-dlg-mask{
3654         z-index:10000;
3655    display:none;
3656    position:absolute;
3657    top:0;
3658    left:0;
3659    -moz-opacity: 0.5;
3660    opacity:.50;
3661    filter: alpha(opacity=50);
3662    background-color:#CCC;
3663 }
3664
3665 body.ext-ie6.x-body-masked select {
3666         visibility:hidden;
3667 }
3668 body.ext-ie6.x-body-masked .x-window select {
3669         visibility:visible;
3670 }
3671
3672 .x-window-plain .x-window-mc {
3673     background: #CAD9EC;
3674     border-right:1px solid #DFE8F6;
3675     border-bottom:1px solid #DFE8F6;
3676     border-top:1px solid #a3bae9;
3677     border-left:1px solid #a3bae9;
3678 }
3679
3680 .x-window-plain .x-window-body {
3681     border-left:1px solid #DFE8F6;
3682     border-top:1px solid #DFE8F6;
3683     border-bottom:1px solid #a3bae9;
3684     border-right:1px solid #a3bae9;
3685     background:transparent !important;
3686 }
3687
3688 body.x-body-masked .x-window-plain .x-window-mc {
3689     background: #C7D6E9;
3690 }
3691 .x-html-editor-wrap {\r
3692     border:1px solid #a9bfd3;\r
3693     background:white;\r
3694 }\r
3695 .x-html-editor-tb .x-btn-text {\r
3696     background:transparent url(../images/default/editor/tb-sprite.gif) no-repeat;\r
3697 }\r
3698 .x-html-editor-tb .x-edit-bold .x-btn-text {\r
3699     background-position:0 0;\r
3700 }\r
3701 .x-html-editor-tb .x-edit-italic .x-btn-text {\r
3702     background-position:-16px 0;\r
3703 }\r
3704 .x-html-editor-tb .x-edit-underline .x-btn-text {\r
3705     background-position:-32px 0;\r
3706 }\r
3707 .x-html-editor-tb .x-edit-forecolor .x-btn-text {\r
3708     background-position:-160px 0;\r
3709 }\r
3710 .x-html-editor-tb .x-edit-backcolor .x-btn-text {\r
3711     background-position:-176px 0;\r
3712 }\r
3713 .x-html-editor-tb .x-edit-justifyleft .x-btn-text {\r
3714     background-position:-112px 0;\r
3715 }\r
3716 .x-html-editor-tb .x-edit-justifycenter .x-btn-text {\r
3717     background-position:-128px 0;\r
3718 }\r
3719 .x-html-editor-tb .x-edit-justifyright .x-btn-text {\r
3720     background-position:-144px 0;\r
3721 }\r
3722 .x-html-editor-tb .x-edit-insertorderedlist .x-btn-text {\r
3723     background-position:-80px 0;\r
3724 }\r
3725 .x-html-editor-tb .x-edit-insertunorderedlist .x-btn-text {\r
3726     background-position:-96px 0;\r
3727 }\r
3728 .x-html-editor-tb .x-edit-increasefontsize .x-btn-text {\r
3729     background-position:-48px 0;\r
3730 }\r
3731 .x-html-editor-tb .x-edit-decreasefontsize .x-btn-text {\r
3732     background-position:-64px 0;\r
3733 }\r
3734 .x-html-editor-tb .x-edit-sourceedit .x-btn-text {\r
3735     background-position:-192px 0;\r
3736 }\r
3737 .x-html-editor-tb .x-edit-createlink .x-btn-text {\r
3738     background-position:-208px 0;\r
3739 }\r
3740 \r
3741 .x-html-editor-tip .x-tip-bd .x-tip-bd-inner {\r
3742     padding:5px;\r
3743     padding-bottom:1px;\r
3744 }\r
3745 \r
3746 .x-html-editor-tb .x-toolbar {\r
3747     position:static !important;\r
3748 }
3749 .x-panel-noborder .x-panel-body-noborder {\r
3750     border-width:0;\r
3751 }\r
3752 \r
3753 .x-panel-noborder .x-panel-header-noborder {\r
3754     border-width:0;\r
3755     border-bottom:1px solid #99bbe8;\r
3756 }\r
3757 \r
3758 .x-panel-noborder .x-panel-tbar-noborder .x-toolbar {\r
3759     border-width:0;\r
3760     border-bottom:1px solid #99bbe8;\r
3761 }\r
3762 \r
3763 .x-panel-noborder .x-panel-bbar-noborder .x-toolbar {\r
3764     border-width:0;\r
3765     border-top:1px solid #99bbe8;\r
3766 }\r
3767 \r
3768 .x-window-noborder .x-window-mc {\r
3769     border-width:0;\r
3770 }\r
3771 \r
3772 .x-window-plain .x-window-body-noborder {\r
3773     border-width:0;\r
3774 }\r
3775 \r
3776 .x-tab-panel-noborder .x-tab-panel-body-noborder {\r
3777         border-width:0;\r
3778 }\r
3779 \r
3780 .x-tab-panel-noborder .x-tab-panel-header-noborder {\r
3781         border-top-width:0;\r
3782         border-left-width:0;\r
3783         border-right-width:0;\r
3784 }\r
3785 \r
3786 .x-tab-panel-noborder .x-tab-panel-footer-noborder {\r
3787         border-bottom-width:0;\r
3788         border-left-width:0;\r
3789         border-right-width:0;\r
3790 }\r
3791 \r
3792 \r
3793 .x-tab-panel-bbar-noborder .x-toolbar {\r
3794     border-width:0;\r
3795     border-top:1px solid #99bbe8;\r
3796 }\r
3797 \r
3798 .x-tab-panel-tbar-noborder .x-toolbar {\r
3799     border-width:0;\r
3800     border-bottom:1px solid #99bbe8;\r
3801 }
3802 .x-border-layout-ct {
3803     background:#dfe8f6;
3804 }
3805 .x-border-panel {
3806     position:absolute;
3807     left:0;
3808     top:0;
3809 }
3810
3811 .x-tool-collapse-south {
3812     background-position:0 -195px;
3813 }
3814 .x-tool-collapse-south-over {
3815     background-position:-15px -195px;
3816 }
3817
3818 .x-tool-collapse-north {
3819     background-position:0 -210px;
3820 }
3821 .x-tool-collapse-north-over {
3822     background-position:-15px -210px;
3823 }
3824
3825 .x-tool-collapse-west {
3826     background-position:0 -180px;
3827 }
3828 .x-tool-collapse-west-over {
3829     background-position:-15px -180px;
3830 }
3831
3832 .x-tool-collapse-east {
3833     background-position:0 -165px;
3834 }
3835 .x-tool-collapse-east-over {
3836     background-position:-15px -165px;
3837 }
3838
3839
3840 .x-tool-expand-south {
3841     background-position:0 -210px;
3842 }
3843 .x-tool-expand-south-over {
3844     background-position:-15px -210px;
3845 }
3846
3847 .x-tool-expand-north {
3848     background-position:0 -195px;
3849 }
3850 .x-tool-expand-north-over {
3851     background-position:-15px -195px;
3852 }
3853
3854 .x-tool-expand-west {
3855     background-position:0 -165px;
3856 }
3857 .x-tool-expand-west-over {
3858     background-position:-15px -165px;
3859 }
3860
3861 .x-tool-expand-east {
3862     background-position:0 -180px;
3863 }
3864 .x-tool-expand-east-over {
3865     background-position:-15px -180px;
3866 }
3867
3868 .x-tool-expand-north, .x-tool-expand-south {
3869     float:right;
3870     margin:3px;
3871 }
3872 .x-tool-expand-east, .x-tool-expand-west {
3873     float:none;
3874     margin:3px auto;
3875 }
3876
3877
3878
3879 .x-accordion-hd .x-tool-toggle {
3880     background-position:0 -255px;
3881 }
3882 .x-accordion-hd .x-tool-toggle-over {
3883     background-position:-15px -255px;
3884 }
3885 .x-panel-collapsed .x-accordion-hd .x-tool-toggle {
3886     background-position:0 -240px;
3887 }
3888 .x-panel-collapsed .x-accordion-hd .x-tool-toggle-over {
3889     background-position:-15px -240px;
3890 }
3891
3892 .x-accordion-hd {
3893         color:#222;
3894         padding-top:4px;
3895         padding-bottom:3px;
3896         border-top:0 none;
3897     font-weight:normal;
3898     background: transparent url(../images/default/panel/light-hd.gif) repeat-x 0 -9px;
3899 }
3900
3901 .x-layout-collapsed{
3902     position:absolute;
3903     left:-10000px;
3904     top:-10000px;
3905     visibility:hidden;
3906     background-color:#d2e0f2;
3907     width:20px;
3908     height:20px;
3909     overflow:hidden;
3910         border:1px solid #98c0f4;
3911         z-index:20;
3912 }
3913 .ext-border-box .x-layout-collapsed{
3914     width:22px;
3915     height:22px;
3916 }
3917 .x-layout-collapsed-over{
3918     cursor:pointer;
3919          background-color:#d9e8fb;
3920 }
3921 .x-layout-collapsed-west .x-layout-collapsed-tools, .x-layout-collapsed-east .x-layout-collapsed-tools{
3922         position:absolute;
3923     top:0;
3924     left:0;
3925     width:20px;
3926     height:20px;
3927 }
3928
3929
3930 .x-layout-split{
3931     position:absolute;
3932     height:5px;
3933     width:5px;
3934     line-height:1px;
3935     font-size:1px;
3936     z-index:3;
3937     background-color:transparent;
3938 }
3939
3940 .x-layout-split-h{
3941     background-image:url(../images/default/s.gif);
3942     background-position: left;
3943 }
3944 .x-layout-split-v{
3945     background-image:url(../images/default/s.gif);
3946     background-position: top;
3947 }
3948
3949 .x-column-layout-ct {
3950     overflow:hidden;
3951
3952     zoom:1;
3953 }
3954
3955 .x-column {
3956     float:left;
3957     padding:0;
3958     margin:0;
3959     overflow:hidden;
3960     zoom:1;
3961
3962 }
3963
3964
3965
3966 .x-layout-mini {
3967     position:absolute;
3968     top:0;
3969     left:0;
3970     display:block;
3971     width:5px;
3972     height:35px;
3973     cursor:pointer;
3974     opacity:.5;
3975     -moz-opacity:.5;
3976     filter:alpha(opacity=50);
3977 }
3978 .x-layout-mini-over, .x-layout-collapsed-over .x-layout-mini{
3979     opacity:1;
3980     -moz-opacity:1;
3981     filter:none;
3982 }
3983
3984 .x-layout-split-west .x-layout-mini {
3985     top:48%;
3986     background-image:url(../images/default/layout/mini-left.gif);
3987 }
3988 .x-layout-split-east .x-layout-mini {
3989     top:48%;
3990     background-image:url(../images/default/layout/mini-right.gif);
3991 }
3992 .x-layout-split-north .x-layout-mini {
3993     left:48%;
3994     height:5px;
3995     width:35px;
3996     background-image:url(../images/default/layout/mini-top.gif);
3997 }
3998 .x-layout-split-south .x-layout-mini {
3999     left:48%;
4000     height:5px;
4001     width:35px;
4002     background-image:url(../images/default/layout/mini-bottom.gif);
4003 }
4004
4005
4006 .x-layout-cmini-west .x-layout-mini {
4007     top:48%;
4008     background-image:url(../images/default/layout/mini-right.gif);
4009 }
4010
4011 .x-layout-cmini-east .x-layout-mini {
4012     top:48%;
4013     background-image:url(../images/default/layout/mini-left.gif);
4014 }
4015
4016 .x-layout-cmini-north .x-layout-mini {
4017     left:48%;
4018     height:5px;
4019     width:35px;
4020     background-image:url(../images/default/layout/mini-bottom.gif);
4021 }
4022
4023 .x-layout-cmini-south .x-layout-mini {
4024     left:48%;
4025     height:5px;
4026     width:35px;
4027     background-image:url(../images/default/layout/mini-top.gif);
4028 }
4029
4030 .x-layout-cmini-west, .x-layout-cmini-east {
4031     border:0 none;
4032     width:5px !important;
4033     padding:0;
4034     background:transparent;
4035 }
4036
4037 .x-layout-cmini-north, .x-layout-cmini-south {
4038     border:0 none;
4039     height:5px !important;
4040     padding:0;
4041     background:transparent;
4042 }
4043
4044 .x-viewport, .x-viewport body {
4045     margin: 0;
4046     padding: 0;
4047     border: 0 none;
4048     overflow: hidden;
4049     height: 100%;
4050 }
4051
4052 .x-abs-layout-item {
4053     position:absolute;
4054     left:0;
4055     top:0;
4056 }
4057 .x-progress-wrap {\r
4058     border:1px solid #6593cf;\r
4059     overflow:hidden;\r
4060 }\r
4061 .x-progress-inner {\r
4062     height:18px;\r
4063     background: #e0e8f3 url(../images/default/qtip/bg.gif) repeat-x;\r
4064     position:relative;\r
4065 }\r
4066 .x-progress-bar {\r
4067     height:18px;\r
4068     float:left;\r
4069     width:0;\r
4070     background:#9CBFEE url( ../images/default/progress/progress-bg.gif ) repeat-x left center;\r
4071     border-top:1px solid #D1E4FD;\r
4072     border-bottom:1px solid #7FA9E4;\r
4073     border-right:1px solid #7FA9E4;\r
4074 }\r
4075 .x-progress-text {\r
4076     font-size:11px;\r
4077     font-weight:bold;\r
4078     color:#fff;\r
4079     padding:1px 5px;\r
4080     overflow:hidden;\r
4081     position:absolute;\r
4082     left:0;\r
4083     text-align:center;\r
4084 }\r
4085 .x-progress-text-back {\r
4086     color:#396095;\r
4087     line-height:16px;\r
4088 }\r
4089 .ext-ie .x-progress-text-back {\r
4090     line-height:15px;\r
4091 }
4092 .x-window-dlg .x-window-body {\r
4093     border:0 none !important;\r
4094     padding:5px 10px;\r
4095     overflow:hidden !important;\r
4096 }\r
4097 .x-window-dlg .x-window-mc {\r
4098     border:0 none !important;\r
4099 }\r
4100 .x-window-dlg .ext-mb-text,\r
4101 .x-window-dlg .x-window-header-text {\r
4102     font-size:12px;\r
4103 }\r
4104 .x-window-dlg .ext-mb-input {\r
4105     margin-top:4px;\r
4106     width:95%;\r
4107 }\r
4108 .x-window-dlg .ext-mb-textarea {\r
4109     margin-top:4px;\r
4110     font:normal 12px tahoma,arial,helvetica,sans-serif;\r
4111 }\r
4112 .x-window-dlg .x-progress-wrap {\r
4113     margin-top:4px;\r
4114 }\r
4115 .ext-ie .x-window-dlg .x-progress-wrap {\r
4116     margin-top:6px;\r
4117 }\r
4118 .x-window-dlg .x-msg-box-wait {\r
4119     background: transparent url(../images/default/grid/loading.gif) no-repeat left;\r
4120     display:block;\r
4121     width:300px;\r
4122     padding-left:18px;\r
4123     line-height:18px;\r
4124 }\r
4125 .x-window-dlg .ext-mb-icon {\r
4126     float:left;\r
4127     width:47px;\r
4128     height:32px;\r
4129 }\r
4130 .ext-ie .x-window-dlg .ext-mb-icon {\r
4131     width:44px; \r
4132 }\r
4133 .x-window-dlg .ext-mb-info {\r
4134     background:transparent url(../images/default/window/icon-info.gif) no-repeat top left;\r
4135 }\r
4136 .x-window-dlg .ext-mb-warning {\r
4137     background:transparent url(../images/default/window/icon-warning.gif) no-repeat top left;\r
4138 }\r
4139 .x-window-dlg .ext-mb-question {\r
4140     background:transparent url(../images/default/window/icon-question.gif) no-repeat top left;\r
4141 }\r
4142 .x-window-dlg .ext-mb-error {\r
4143     background:transparent url(../images/default/window/icon-error.gif) no-repeat top left;\r
4144 }