PageRenderTime 148ms CodeModel.GetById 16ms app.highlight 120ms RepoModel.GetById 1ms app.codeStats 1ms

/hippo/src/main/webapp/ext/resources/css/ext-all-notheme.css

http://hdbc.googlecode.com/
CSS | 3402 lines | 2722 code | 603 blank | 77 comment | 0 complexity | 95f77b8e803d1fb5708c92f4adb3b786 MD5 | raw file

Large files files are truncated, but you can click here to view the full file

   1/*!
   2 * Ext JS Library 3.0.0
   3 * Copyright(c) 2006-2009 Ext JS, LLC
   4 * licensing@extjs.com
   5 * http://www.extjs.com/license
   6 */
   7html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}img,body,html{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}.ext-el-mask {
   8    z-index: 100;
   9    position: absolute;
  10    top:0;
  11    left:0;
  12    -moz-opacity: 0.5;
  13    opacity: .50;
  14    filter: alpha(opacity=50);
  15    width: 100%;
  16    height: 100%;
  17    zoom: 1;
  18}
  19
  20.ext-el-mask-msg {
  21    z-index: 20001;
  22    position: absolute;
  23    top: 0;
  24    left: 0;
  25    border:1px solid;
  26    background:repeat-x 0 -16px;
  27    padding:2px;
  28}
  29
  30.ext-el-mask-msg div {
  31    padding:5px 10px 5px 10px;
  32    border:1px solid;
  33    cursor:wait;
  34}
  35
  36.ext-shim {
  37    position:absolute;
  38    visibility:hidden;
  39    left:0;
  40    top:0;
  41    overflow:hidden;
  42}
  43
  44.ext-ie .ext-shim {
  45    filter: alpha(opacity=0);
  46}
  47
  48.ext-ie6 .ext-shim {
  49    margin-left: 5px;
  50    margin-top: 3px;
  51}
  52
  53.x-mask-loading div {
  54    padding:5px 10px 5px 25px;
  55    background:no-repeat 5px 5px;
  56    line-height:16px;
  57}
  58
  59/* class for hiding elements without using display:none */
  60.x-hidden, .x-hide-offsets {
  61    position:absolute !important;
  62    left:-10000px;
  63    top:-10000px;
  64    visibility:hidden;
  65}
  66
  67.x-hide-display {
  68    display:none !important;
  69}
  70
  71.x-hide-visibility {
  72    visibility:hidden !important;
  73}
  74
  75.x-masked {
  76    overflow: hidden !important;
  77}
  78.x-masked-relative {
  79    position: relative !important;
  80}
  81
  82.x-masked select, .x-masked object, .x-masked embed {
  83    visibility: hidden;
  84}
  85
  86.x-layer {
  87    visibility: hidden;
  88}
  89
  90.x-unselectable, .x-unselectable * {
  91    -moz-user-select: none;
  92    -khtml-user-select: none;
  93    -webkit-user-select:ignore;
  94}
  95
  96.x-repaint {
  97    zoom: 1;
  98    background-color: transparent;
  99    -moz-outline: none;
 100}
 101
 102.x-item-disabled {
 103    cursor: default;
 104    opacity: .6;
 105    -moz-opacity: .6;
 106    filter: alpha(opacity=60);
 107}
 108
 109.x-item-disabled * {
 110    cursor: default !important;
 111}
 112
 113.x-splitbar-proxy {
 114    position: absolute;
 115    visibility: hidden;
 116    z-index: 20001;
 117    zoom: 1;
 118    line-height: 1px;
 119    font-size: 1px;
 120    overflow: hidden;
 121}
 122
 123.x-splitbar-h, .x-splitbar-proxy-h {
 124    cursor: e-resize;
 125    cursor: col-resize;
 126}
 127
 128.x-splitbar-v, .x-splitbar-proxy-v {
 129    cursor: s-resize;
 130    cursor: row-resize;
 131}
 132
 133.x-color-palette {
 134    width: 150px;
 135    height: 92px;
 136    cursor: pointer;
 137}
 138
 139.x-color-palette a {
 140    border: 1px solid;
 141    float: left;
 142    padding: 2px;
 143    text-decoration: none;
 144    -moz-outline: 0 none;
 145    outline: 0 none;
 146    cursor: pointer;
 147}
 148
 149.x-color-palette a:hover, .x-color-palette a.x-color-palette-sel {
 150    border: 1px solid;
 151}
 152
 153.x-color-palette em {
 154    display: block;
 155    border: 1px solid;
 156}
 157
 158.x-color-palette em span {
 159    cursor: pointer;
 160    display: block;
 161    height: 10px;
 162    line-height: 10px;
 163    width: 10px;
 164}
 165
 166.x-ie-shadow {
 167    display: none;
 168    position: absolute;
 169    overflow: hidden;
 170    left:0;
 171    top:0;
 172    zoom:1;
 173}
 174
 175.x-shadow {
 176    display: none;
 177    position: absolute;
 178    overflow: hidden;
 179    left:0;
 180    top:0;
 181}
 182
 183.x-shadow * {
 184    overflow: hidden;
 185}
 186
 187.x-shadow * {
 188    padding: 0;
 189    border: 0;
 190    margin: 0;
 191    clear: none;
 192    zoom: 1;
 193}
 194
 195/* top  bottom */
 196.x-shadow .xstc, .x-shadow .xsbc {
 197    height: 6px;
 198    float: left;
 199}
 200
 201/* corners */
 202.x-shadow .xstl, .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbr {
 203    width: 6px;
 204    height: 6px;
 205    float: left;
 206}
 207
 208/* sides */
 209.x-shadow .xsc {
 210    width: 100%;
 211}
 212
 213.x-shadow .xsml, .x-shadow .xsmr {
 214    width: 6px;
 215    float: left;
 216    height: 100%;
 217}
 218
 219.x-shadow .xsmc {
 220    float: left;
 221    height: 100%;
 222    background: transparent;
 223}
 224
 225.x-shadow .xst, .x-shadow .xsb {
 226    height: 6px;
 227    overflow: hidden;
 228    width: 100%;
 229}
 230
 231.x-shadow .xsml {
 232    background: transparent repeat-y 0 0;
 233}
 234
 235.x-shadow .xsmr {
 236    background: transparent repeat-y -6px 0;
 237}
 238
 239.x-shadow .xstl {
 240    background: transparent no-repeat 0 0;
 241}
 242
 243.x-shadow .xstc {
 244    background: transparent repeat-x 0 -30px;
 245}
 246
 247.x-shadow .xstr {
 248    background: transparent repeat-x 0 -18px;
 249}
 250
 251.x-shadow .xsbl {
 252    background: transparent no-repeat 0 -12px;
 253}
 254
 255.x-shadow .xsbc {
 256    background: transparent repeat-x 0 -36px;
 257}
 258
 259.x-shadow .xsbr {
 260    background: transparent repeat-x 0 -6px;
 261}
 262
 263.loading-indicator {
 264    background: no-repeat left;
 265    padding-left: 20px;
 266    line-height: 16px;
 267    margin: 3px;
 268}
 269
 270.x-text-resize {
 271    position: absolute;
 272    left: -1000px;
 273    top: -1000px;
 274    visibility: hidden;
 275    zoom: 1;
 276}
 277
 278.x-drag-overlay {
 279    width: 100%;
 280    height: 100%;
 281    display: none;
 282    position: absolute;
 283    left: 0;
 284    top: 0;
 285    background-image:url(../images/default/s.gif);
 286    z-index: 20000;
 287}
 288
 289.x-clear {
 290    clear:both;
 291    height:0;
 292    overflow:hidden;
 293    line-height:0;
 294    font-size:0;
 295}
 296
 297.x-spotlight {
 298    z-index: 8999;
 299    position: absolute;
 300    top:0;
 301    left:0;
 302    -moz-opacity: 0.5;
 303    opacity: .50;
 304    filter: alpha(opacity=50);
 305    width:0;
 306    height:0;
 307    zoom: 1;
 308}
 309
 310#x-history-frame {
 311    position:absolute;
 312    top:-1px;
 313    left:0;
 314	width:1px;
 315    height:1px;
 316    visibility:hidden;
 317}
 318
 319#x-history-field {
 320    position:absolute;
 321    top:0;
 322    left:-1px;
 323	width:1px;
 324    height:1px;
 325    visibility:hidden;
 326}
 327.x-resizable-handle {
 328    position:absolute;
 329    z-index:100;
 330    /* ie needs these */
 331    font-size:1px;
 332    line-height:6px;
 333    overflow:hidden;
 334	filter:alpha(opacity=0);
 335	opacity:0;
 336	zoom:1;
 337}
 338
 339.x-resizable-handle-east{
 340    width:6px;
 341    cursor:e-resize;
 342    right:0;
 343    top:0;
 344    height:100%;
 345}
 346
 347.ext-ie .x-resizable-handle-east {
 348    margin-right:-1px; /*IE rounding error*/
 349}
 350
 351.x-resizable-handle-south{
 352    width:100%;
 353    cursor:s-resize;
 354    left:0;
 355    bottom:0;
 356    height:6px;
 357}
 358
 359.ext-ie .x-resizable-handle-south {
 360    margin-bottom:-1px; /*IE rounding error*/
 361}
 362
 363.x-resizable-handle-west{
 364    width:6px;
 365    cursor:w-resize;
 366    left:0;
 367    top:0;
 368    height:100%;
 369}
 370
 371.x-resizable-handle-north{
 372    width:100%;
 373    cursor:n-resize;
 374    left:0;
 375    top:0;
 376    height:6px;
 377}
 378
 379.x-resizable-handle-southeast{
 380    width:6px;
 381    cursor:se-resize;
 382    right:0;
 383    bottom:0;
 384    height:6px;
 385    z-index:101;
 386}
 387
 388.x-resizable-handle-northwest{
 389    width:6px;
 390    cursor:nw-resize;
 391    left:0;
 392    top:0;
 393    height:6px;
 394    z-index:101;
 395}
 396
 397.x-resizable-handle-northeast{
 398    width:6px;
 399    cursor:ne-resize;
 400    right:0;
 401    top:0;
 402    height:6px;
 403    z-index:101;
 404}
 405
 406.x-resizable-handle-southwest{
 407    width:6px;
 408    cursor:sw-resize;
 409    left:0;
 410    bottom:0;
 411    height:6px;
 412    z-index:101;
 413}
 414
 415.x-resizable-over .x-resizable-handle, .x-resizable-pinned .x-resizable-handle{
 416    filter:alpha(opacity=100);
 417	opacity:1;
 418}
 419
 420.x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-east,
 421.x-resizable-over .x-resizable-handle-west, .x-resizable-pinned .x-resizable-handle-west
 422{
 423	background-position: left;
 424}
 425
 426.x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south,
 427.x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north
 428{
 429    background-position: top;
 430}
 431
 432.x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast{
 433    background-position: top left;
 434}
 435
 436.x-resizable-over .x-resizable-handle-northwest, .x-resizable-pinned .x-resizable-handle-northwest{
 437    background-position:bottom right;
 438}
 439
 440.x-resizable-over .x-resizable-handle-northeast, .x-resizable-pinned .x-resizable-handle-northeast{
 441    background-position: bottom left;
 442}
 443
 444.x-resizable-over .x-resizable-handle-southwest, .x-resizable-pinned .x-resizable-handle-southwest{
 445    background-position: top right;
 446}
 447
 448.x-resizable-proxy{
 449    border: 1px dashed;
 450    position:absolute;
 451    overflow:hidden;
 452    display:none;
 453	left:0;
 454    top:0;
 455    z-index:50000;
 456}
 457
 458.x-resizable-overlay{
 459    width:100%;
 460	height:100%;
 461	display:none;
 462	position:absolute;
 463	left:0;
 464	top:0;
 465	z-index:200000;
 466	-moz-opacity: 0;
 467    opacity:0;
 468    filter: alpha(opacity=0);
 469}
 470.x-tab-panel {
 471    overflow:hidden;
 472}
 473
 474.x-tab-panel-header, .x-tab-panel-footer {
 475	border: 1px solid;
 476    overflow:hidden;
 477    zoom:1;
 478}
 479
 480.x-tab-panel-header {
 481	border: 1px solid;
 482	padding-bottom: 2px;
 483}
 484
 485.x-tab-panel-footer {
 486	border: 1px solid;
 487	padding-top: 2px;
 488}
 489
 490.x-tab-strip-wrap {
 491	width:100%;
 492    overflow:hidden;
 493    position:relative;
 494    zoom:1;
 495}
 496
 497ul.x-tab-strip {
 498	display:block;
 499    width:5000px;
 500    zoom:1;
 501}
 502
 503ul.x-tab-strip-top{
 504	padding-top: 1px;
 505	background: repeat-x bottom;
 506	border-bottom: 1px solid;
 507}
 508
 509ul.x-tab-strip-bottom{
 510	padding-bottom: 1px;
 511	background: repeat-x top;
 512	border-top: 1px solid;
 513	border-bottom: 0 none;
 514}
 515
 516.x-tab-panel-header-plain .x-tab-strip-top {
 517    background:transparent !important;
 518    padding-top:0 !important;
 519}
 520
 521.x-tab-panel-header-plain {
 522    background:transparent !important;
 523    border-width:0 !important;
 524    padding-bottom:0 !important;
 525}
 526
 527.x-tab-panel-header-plain .x-tab-strip-spacer,
 528.x-tab-panel-footer-plain .x-tab-strip-spacer {
 529    border:1px solid;
 530    height:2px;
 531    font-size:1px;
 532    line-height:1px;
 533}
 534
 535.x-tab-panel-header-plain .x-tab-strip-spacer {
 536    border-top: 0 none;
 537}
 538
 539.x-tab-panel-footer-plain .x-tab-strip-spacer {
 540    border-bottom: 0 none;
 541}
 542
 543.x-tab-panel-footer-plain .x-tab-strip-bottom {
 544    background:transparent !important;
 545    padding-bottom:0 !important;
 546}
 547
 548.x-tab-panel-footer-plain {
 549    background:transparent !important;
 550    border-width:0 !important;
 551    padding-top:0 !important;
 552}
 553
 554.ext-border-box .x-tab-panel-header-plain .x-tab-strip-spacer,
 555.ext-border-box .x-tab-panel-footer-plain .x-tab-strip-spacer {
 556    height:3px;
 557}
 558
 559ul.x-tab-strip li {
 560    float:left;
 561    margin-left:2px;
 562}
 563
 564ul.x-tab-strip li.x-tab-edge {
 565    float:left;
 566    margin:0 !important;
 567    padding:0 !important;
 568    border:0 none !important;
 569    font-size:1px !important;
 570    line-height:1px !important;
 571    overflow:hidden;
 572    zoom:1;
 573    background:transparent !important;
 574    width:1px;
 575}
 576
 577.x-tab-strip a, .x-tab-strip span, .x-tab-strip em {
 578	display:block;
 579}
 580
 581.x-tab-strip a {
 582	text-decoration:none !important;
 583	-moz-outline: none;
 584	outline: none;
 585	cursor:pointer;
 586}
 587
 588.x-tab-strip-inner {
 589    overflow:hidden;
 590	text-overflow: ellipsis;
 591}
 592
 593.x-tab-strip span.x-tab-strip-text {
 594	white-space: nowrap;
 595	cursor:pointer;
 596    padding:4px 0;
 597}
 598
 599.x-tab-strip-top .x-tab-with-icon .x-tab-right {
 600    padding-left:6px;
 601}
 602
 603.x-tab-strip .x-tab-with-icon span.x-tab-strip-text {
 604	padding-left:20px;
 605    background-position: 0 3px;
 606    background-repeat: no-repeat;
 607}
 608
 609.x-tab-strip-active, .x-tab-strip-active a.x-tab-right {
 610    cursor:default;
 611}
 612
 613.x-tab-strip-active span.x-tab-strip-text {
 614	cursor:default;
 615}
 616
 617.x-tab-strip-disabled .x-tabs-text {
 618	cursor:default;
 619}
 620
 621.x-tab-panel-body {
 622    overflow:hidden;
 623}
 624
 625.x-tab-panel-bwrap {
 626    overflow:hidden;
 627}
 628
 629.ext-ie .x-tab-strip .x-tab-right {
 630    position:relative;
 631}
 632
 633.x-tab-strip-top .x-tab-strip-active .x-tab-right {
 634    margin-bottom:-1px;
 635}
 636
 637/*
 638 * Horrible hack for IE8 in quirks mode
 639 */
 640.ext-border-box .ext-ie8 .x-tab-strip .x-tab-right{
 641    top: 1px;
 642}
 643
 644.x-tab-strip-top .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
 645    padding-bottom:5px;
 646}
 647
 648.x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
 649    margin-top:-1px;
 650}
 651
 652.x-tab-strip-bottom .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
 653    padding-top:5px;
 654}
 655
 656.x-tab-strip-top .x-tab-right {
 657	background: transparent no-repeat 0 -51px;
 658    padding-left:10px;
 659}
 660
 661.x-tab-strip-top .x-tab-left {
 662	background: transparent no-repeat right -351px;
 663    padding-right:10px;
 664}
 665
 666.x-tab-strip-top .x-tab-strip-inner {
 667	background: transparent repeat-x 0 -201px;
 668}
 669
 670.x-tab-strip-top .x-tab-strip-over .x-tab-right {
 671	 background-position:0 -101px;
 672}
 673
 674.x-tab-strip-top .x-tab-strip-over .x-tab-left {
 675	 background-position:right -401px;
 676}
 677
 678.x-tab-strip-top .x-tab-strip-over .x-tab-strip-inner {
 679	 background-position:0 -251px;
 680}
 681
 682.x-tab-strip-top .x-tab-strip-active .x-tab-right {
 683	background-position: 0 0;
 684}
 685
 686.x-tab-strip-top .x-tab-strip-active .x-tab-left {
 687	background-position: right -301px;
 688}
 689
 690.x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner {
 691	background-position: 0 -151px;
 692}
 693
 694.x-tab-strip-bottom .x-tab-right {
 695	background: no-repeat bottom right;
 696}
 697
 698.x-tab-strip-bottom .x-tab-left {
 699	background: no-repeat bottom left;
 700}
 701
 702.x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
 703	background: no-repeat bottom left;
 704}
 705
 706.x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
 707	background: no-repeat bottom right;
 708}
 709
 710.x-tab-strip-bottom .x-tab-left {
 711    padding:0 10px;
 712}
 713
 714.x-tab-strip-bottom .x-tab-right {
 715    padding:0;
 716}
 717
 718.x-tab-strip .x-tab-strip-close {
 719    display:none;
 720}
 721
 722.x-tab-strip-closable {
 723    position:relative;
 724}
 725
 726.x-tab-strip-closable .x-tab-left {
 727    padding-right:19px;
 728}
 729
 730.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
 731    opacity:.6;
 732    -moz-opacity:.6;
 733    background-repeat:no-repeat;
 734    display:block;
 735	width:11px;
 736    height:11px;
 737    position:absolute;
 738    top:3px;
 739    right:3px;
 740    cursor:pointer;
 741    z-index:2;
 742}
 743
 744.x-tab-strip .x-tab-strip-active a.x-tab-strip-close {
 745    opacity:.8;
 746    -moz-opacity:.8;
 747}
 748.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
 749    opacity:1;
 750    -moz-opacity:1;
 751}
 752
 753.x-tab-panel-body {
 754    border: 1px solid;
 755}
 756
 757.x-tab-panel-body-top {
 758    border-top: 0 none;
 759}
 760
 761.x-tab-panel-body-bottom {
 762    border-bottom: 0 none;
 763}
 764
 765.x-tab-scroller-left {
 766    background: transparent no-repeat -18px 0;
 767    border-bottom: 1px solid;
 768    width:18px;
 769    position:absolute;
 770    left:0;
 771    top:0;
 772    z-index:10;
 773    cursor:pointer;
 774}
 775.x-tab-scroller-left-over {
 776    background-position: 0 0;
 777}
 778
 779.x-tab-scroller-left-disabled {
 780    background-position: -18px 0;
 781    opacity:.5;
 782    -moz-opacity:.5;
 783    filter:alpha(opacity=50);
 784    cursor:default;
 785}
 786
 787.x-tab-scroller-right {
 788    background: transparent no-repeat 0 0;
 789    border-bottom: 1px solid;
 790    width:18px;
 791    position:absolute;
 792    right:0;
 793    top:0;
 794    z-index:10;
 795    cursor:pointer;
 796}
 797
 798.x-tab-scroller-right-over {
 799    background-position: -18px 0;
 800}
 801
 802.x-tab-scroller-right-disabled {
 803    background-position: 0 0;
 804    opacity:.5;
 805    -moz-opacity:.5;
 806    filter:alpha(opacity=50);
 807    cursor:default;
 808}
 809
 810.x-tab-scrolling-bottom .x-tab-scroller-left, .x-tab-scrolling-bottom .x-tab-scroller-right{
 811    margin-top: 1px;
 812}
 813
 814.x-tab-scrolling .x-tab-strip-wrap {
 815    margin-left:18px;
 816    margin-right:18px;
 817}
 818
 819.x-tab-scrolling {
 820    position:relative;    
 821}
 822
 823.x-tab-panel-bbar .x-toolbar {
 824    border:1px solid;
 825    border-top:0 none;
 826    overflow:hidden;
 827    padding:2px;
 828}
 829
 830.x-tab-panel-tbar .x-toolbar {
 831    border:1px solid;
 832    border-top:0 none;
 833    overflow:hidden;
 834    padding:2px;
 835}/* all fields */
 836.x-form-field{
 837    margin: 0 0 0 0;
 838}
 839
 840.ext-webkit *:focus{
 841    outline: none !important;
 842}
 843
 844/* ---- text fields ---- */
 845.x-form-text, textarea.x-form-field{
 846    padding:1px 3px;
 847    background:repeat-x 0 0;
 848    border:1px solid;
 849}
 850
 851textarea.x-form-field {
 852    padding:2px 3px;
 853}
 854
 855.x-form-text, .ext-ie .x-form-file {
 856    height:22px;
 857    line-height:18px;
 858    vertical-align:middle;
 859}
 860
 861.ext-ie6 .x-form-text, .ext-ie7 .x-form-text {
 862    margin:-1px 0; /* ie bogus margin bug */
 863    height:22px; /* ie quirks */
 864    line-height:18px;
 865}
 866
 867.ext-ie6 textarea.x-form-field, .ext-ie7 textarea.x-form-field {
 868    margin:-1px 0; /* ie bogus margin bug */
 869}
 870
 871.ext-strict .x-form-text {
 872    height:18px;
 873}
 874
 875.ext-safari.ext-mac textarea.x-form-field {
 876    margin-bottom:-2px; /* another bogus margin bug, safari/mac only */
 877}
 878
 879.ext-strict .ext-ie8 .x-form-text, .ext-strict .ext-ie8 textarea.x-form-field {
 880	margin-bottom: 1px;
 881}
 882
 883.ext-gecko .x-form-text , .ext-ie8 .x-form-text {
 884    padding-top:2px; /* FF won't center the text vertically */
 885    padding-bottom:0;
 886}
 887
 888textarea {
 889    resize: none;  /* Disable browser resizable textarea */
 890}
 891
 892/* select boxes */
 893.x-form-select-one {
 894    height:20px;
 895    line-height:18px;
 896    vertical-align:middle;
 897    border: 1px solid;
 898}
 899
 900/* multi select boxes */
 901
 902/* --- TODO --- */
 903
 904/* 2.0.2 style */
 905.x-form-check-wrap {
 906    line-height:18px;
 907}
 908
 909.ext-ie .x-form-check-wrap input {
 910    width:15px;
 911    height:15px;
 912}
 913
 914.x-editor .x-form-check-wrap {
 915    padding:3px;
 916}
 917
 918.x-editor .x-form-checkbox {
 919    height:13px;
 920}
 921
 922.x-form-check-group-label {
 923    border-bottom: 1px solid;
 924    margin-bottom: 5px;
 925    padding-left: 3px !important;
 926    float: none !important;
 927}
 928
 929/* wrapped fields and triggers */
 930.x-form-field-wrap .x-form-trigger{
 931    width:17px;
 932    height:21px;
 933    border:0;
 934    background:transparent no-repeat 0 0;
 935    cursor:pointer;
 936    border-bottom: 1px solid;
 937    position:absolute;
 938    top:0;
 939}
 940
 941.x-form-field-wrap .x-form-date-trigger, .x-form-field-wrap .x-form-clear-trigger, .x-form-field-wrap .x-form-search-trigger{
 942    cursor:pointer;
 943}
 944
 945.ext-safari .x-form-field-wrap .x-form-trigger{
 946    right:0;
 947}
 948
 949.x-form-field-wrap .x-form-twin-triggers .x-form-trigger{
 950    position:static;
 951    top:auto;
 952    vertical-align:top;
 953}
 954
 955.x-form-field-wrap {
 956    position:relative;
 957    left:0;top:0;
 958    zoom:1;
 959    white-space: nowrap;
 960}
 961
 962.x-form-field-wrap .x-form-trigger-over{
 963    background-position:-17px 0;
 964}
 965
 966.x-form-field-wrap .x-form-trigger-click{
 967    background-position:-34px 0;
 968}
 969
 970.x-trigger-wrap-focus .x-form-trigger{
 971    background-position:-51px 0;
 972}
 973
 974.x-trigger-wrap-focus .x-form-trigger-over{
 975    background-position:-68px 0;
 976}
 977
 978.x-trigger-wrap-focus .x-form-trigger-click{
 979    background-position:-85px 0;
 980}
 981
 982.x-trigger-wrap-focus .x-form-trigger{
 983    border-bottom: 1px solid;
 984}
 985
 986.x-item-disabled .x-form-trigger-over{
 987    background-position:0 0 !important;
 988    border-bottom: 1px solid;
 989}
 990
 991.x-item-disabled .x-form-trigger-click{
 992    background-position:0 0 !important;
 993    border-bottom: 1px solid;
 994}
 995
 996.x-trigger-noedit{
 997    cursor:pointer;
 998}
 999
1000/* field focus style */
1001.x-form-focus, textarea.x-form-focus{
1002	border: 1px solid;
1003}
1004
1005/* invalid fields */
1006.x-form-invalid, textarea.x-form-invalid{
1007	background:repeat-x bottom;
1008	border: 1px solid;
1009}
1010
1011.ext-safari .x-form-invalid{
1012	border: 1px solid;
1013}
1014
1015.x-form-inner-invalid, textarea.x-form-inner-invalid{
1016	background:repeat-x bottom;
1017}
1018
1019/* editors */
1020.x-editor {
1021    visibility:hidden;
1022    padding:0;
1023    margin:0;
1024}
1025.x-form-check-wrap {
1026    height: 22px;
1027    line-height:18px;
1028}
1029
1030.ext-ie .x-form-check-wrap input {
1031    width:15px;
1032    height:15px;
1033}
1034
1035.x-editor .x-form-check-wrap {
1036    padding:3px;
1037}
1038
1039.x-editor .x-form-checkbox {
1040    height:13px;
1041}
1042
1043.x-form-grow-sizer {
1044    left: -10000px;
1045	padding: 8px 3px;
1046    position: absolute;
1047    visibility:hidden;
1048    top: -10000px;
1049	white-space: pre-wrap;
1050    white-space: -moz-pre-wrap;
1051    white-space: -pre-wrap;
1052    white-space: -o-pre-wrap;
1053    word-wrap: break-word;
1054    zoom:1;
1055}
1056
1057.x-form-grow-sizer p {
1058    margin:0 !important;
1059    border:0 none !important;
1060    padding:0 !important;
1061}
1062
1063/* Form Items CSS */
1064
1065.x-form-item {
1066    display:block;
1067    margin-bottom:4px;
1068    zoom:1;
1069}
1070
1071.x-form-item label {
1072    display:block;
1073    float:left;
1074    width:100px;
1075    padding:3px;
1076    padding-left:0;
1077    clear:left;
1078    z-index:2;
1079    position:relative;
1080}
1081
1082.x-form-element {
1083    padding-left:105px;
1084    position:relative;
1085}
1086
1087.x-form-invalid-msg {
1088    padding:2px;
1089    padding-left:18px;
1090    background: transparent no-repeat 0 2px;
1091    line-height:16px;
1092    width:200px;
1093}
1094
1095.x-form-label-left label {
1096   text-align:left;
1097}
1098
1099.x-form-label-right label {
1100   text-align:right;
1101}
1102
1103.x-form-label-top .x-form-item label {
1104    width:auto;
1105    float:none;
1106    clear:none;
1107    display:inline;
1108    margin-bottom:4px;
1109    position:static;
1110}
1111
1112.x-form-label-top .x-form-element {
1113    padding-left:0;
1114    padding-top:4px;
1115}
1116
1117.x-form-label-top .x-form-item {
1118    padding-bottom:4px;
1119}
1120
1121/* Editor small font for grid, toolbar and tree */
1122.x-small-editor .x-form-text {
1123    height:20px;
1124    line-height:16px;
1125    vertical-align:middle;
1126}
1127
1128.ext-ie6 .x-small-editor .x-form-text, .ext-ie7 .x-small-editor .x-form-text {
1129    margin-top:-1px !important; /* ie bogus margin bug */
1130    margin-bottom:-1px !important;
1131    height:20px !important; /* ie quirks */
1132    line-height:16px !important;
1133}
1134
1135.ext-strict .x-small-editor .x-form-text {
1136    height:16px !important;
1137}
1138
1139.ext-ie6 .x-small-editor .x-form-text, .ext-ie7 .x-small-editor .x-form-text {
1140    height:20px;
1141    line-height:16px;
1142}
1143
1144.ext-border-box .x-small-editor .x-form-text {
1145    height:20px;
1146}
1147
1148.x-small-editor .x-form-select-one {
1149    height:20px;
1150    line-height:16px;
1151    vertical-align:middle;
1152}
1153
1154.x-small-editor .x-form-num-field {
1155    text-align:right;
1156}
1157
1158.x-small-editor .x-form-field-wrap .x-form-trigger{
1159    height:19px;
1160}
1161
1162.ext-webkit .x-small-editor .x-form-text{padding-top:3px;font-size:100%;}
1163
1164.x-form-clear {
1165    clear:both;
1166    height:0;
1167    overflow:hidden;
1168    line-height:0;
1169    font-size:0;
1170}
1171.x-form-clear-left {
1172    clear:left;
1173    height:0;
1174    overflow:hidden;
1175    line-height:0;
1176    font-size:0;
1177}
1178
1179.x-form-cb-label {
1180    width:auto !important;
1181    float:none !important;
1182    clear:none !important;
1183    display:inline !important;
1184    margin-left:4px;
1185    top: -2px;
1186}
1187
1188.ext-gecko2 .x-form-cb-label{
1189    top: -1px;
1190}
1191
1192.ext-ie8 .x-form-cb-label{
1193    position: static;
1194}
1195
1196.ext-strict .ext-ie8 .x-form-cb-label {
1197    top: -3px;
1198    position: relative;
1199}
1200
1201.ext-opera .x-form-cb-label, .ext-safari3 .x-form-cb-label, .ext-ie7 .x-form-cb-label, .ext-ie6 .x-form-cb-label {
1202    top: 0;
1203}
1204
1205.x-form-column {
1206    float:left;
1207    padding:0;
1208    margin:0;
1209    width:48%;
1210    overflow:hidden;
1211    zoom:1;
1212}
1213
1214/* buttons */
1215.x-form .x-form-btns-ct .x-btn{
1216	float:right;
1217	clear:none;
1218}
1219
1220.x-form .x-form-btns-ct .x-form-btns td {
1221	border:0;
1222	padding:0;
1223}
1224
1225.x-form .x-form-btns-ct .x-form-btns-right table{
1226	float:right;
1227	clear:none;
1228}
1229
1230.x-form .x-form-btns-ct .x-form-btns-left table{
1231	float:left;
1232	clear:none;
1233}
1234
1235.x-form .x-form-btns-ct .x-form-btns-center{
1236	text-align:center; /*ie*/
1237}
1238
1239.x-form .x-form-btns-ct .x-form-btns-center table{
1240	margin:0 auto; /*everyone else*/
1241}
1242
1243.x-form .x-form-btns-ct table td.x-form-btn-td{
1244	padding:3px;
1245}
1246
1247.x-form .x-form-btns-ct .x-btn-focus .x-btn-left{
1248	background-position:0 -147px;
1249}
1250
1251.x-form .x-form-btns-ct .x-btn-focus .x-btn-right{
1252	background-position:0 -168px;
1253}
1254
1255.x-form .x-form-btns-ct .x-btn-focus .x-btn-center{
1256	background-position:0 -189px;
1257}
1258
1259.x-form .x-form-btns-ct .x-btn-click .x-btn-center{
1260	background-position:0 -126px;
1261}
1262
1263.x-form .x-form-btns-ct .x-btn-click  .x-btn-right{
1264	background-position:0 -84px;
1265}
1266
1267.x-form .x-form-btns-ct .x-btn-click .x-btn-left{
1268	background-position:0 -63px;
1269}
1270
1271.x-form-invalid-icon {
1272    width:16px;
1273    height:18px;
1274    visibility:hidden;
1275    position:absolute;
1276    left:0;
1277    top:0;
1278    display:block;
1279    background:transparent no-repeat 0 2px;
1280}
1281
1282/* fieldsets */
1283.x-fieldset {
1284    border:1px solid;
1285    padding:10px;
1286    margin-bottom:10px;
1287    display:block; /* preserve margins in IE */
1288}
1289
1290/* make top of checkbox/tools visible in webkit */
1291.ext-webkit .x-fieldset-header {
1292    padding-top: 1px;
1293}        
1294
1295.ext-ie .x-fieldset legend {
1296    margin-bottom:10px;
1297}
1298
1299.ext-ie .x-fieldset {
1300    padding-top: 0;
1301    padding-bottom:10px;
1302}
1303
1304.x-fieldset legend .x-tool-toggle {
1305    margin-right:3px;
1306    margin-left:0;
1307    float:left !important;
1308}
1309
1310.x-fieldset legend input {
1311    margin-right:3px;
1312    float:left !important;
1313    height:13px;
1314    width:13px;
1315}
1316
1317fieldset.x-panel-collapsed {
1318    padding-bottom:0 !important;
1319    border-width: 1px 1px 0 1px !important;
1320    border-left-color: transparent;
1321    border-right-color: transparent;
1322}      
1323  
1324.ext-ie6 fieldset.x-panel-collapsed{
1325    padding-bottom:0 !important;
1326    border-width: 1px 0 0 0 !important;
1327    margin-left: 1px;
1328    margin-right: 1px;
1329}
1330
1331fieldset.x-panel-collapsed .x-fieldset-bwrap {
1332    visibility:hidden;
1333    position:absolute;
1334    left:-1000px;
1335    top:-1000px;
1336}
1337
1338.ext-ie .x-fieldset-bwrap {
1339    zoom:1;
1340}
1341
1342.x-fieldset-noborder {
1343    border:0px none transparent;
1344}
1345
1346.x-fieldset-noborder legend {
1347    margin-left:-3px;
1348}
1349
1350/* IE legend positioing bug */
1351.ext-ie .x-fieldset-noborder legend {
1352    position: relative;
1353    margin-bottom:23px;
1354}
1355.ext-ie .x-fieldset-noborder legend span {
1356    position: absolute;
1357    left:16px;
1358}
1359        
1360.ext-gecko .x-window-body .x-form-item {
1361    -moz-outline: none;
1362    overflow: auto;
1363}
1364
1365.ext-gecko .x-form-item {
1366    -moz-outline: none;
1367}
1368
1369.x-hide-label label.x-form-item-label {
1370     display:none;
1371}
1372
1373.x-hide-label .x-form-element {
1374     padding-left: 0 !important;
1375}
1376
1377.x-fieldset {
1378    overflow:hidden;
1379}
1380
1381.x-fieldset-bwrap {
1382    overflow:hidden;
1383    zoom:1;
1384}
1385
1386.x-fieldset-body {
1387    overflow:hidden;
1388}
1389
1390
1391.x-btn{
1392	cursor:pointer;
1393	white-space: nowrap;
1394}
1395
1396.x-btn button{
1397    border:0 none;
1398    background:transparent;
1399    padding-left:3px;
1400    padding-right:3px;
1401    cursor:pointer;
1402    margin:0;
1403    overflow:visible;
1404    width:auto;
1405    -moz-outline:0 none;
1406    outline:0 none;
1407}
1408
1409* html .ext-ie .x-btn button {
1410    width:1px;
1411}
1412
1413.ext-gecko .x-btn button {
1414    padding-left:0;
1415    padding-right:0;
1416}
1417
1418.ext-gecko .x-btn button::-moz-focus-inner {
1419    padding:0;
1420}
1421
1422.ext-ie .x-btn button {
1423    padding-top:2px;
1424}
1425
1426.x-btn td {
1427    padding:0 !important;
1428}
1429
1430.x-btn-text {
1431    cursor:pointer;
1432	white-space: nowrap;
1433    padding:0;
1434}
1435
1436/* icon placement and sizing styles */
1437
1438/* Only text */
1439.x-btn-noicon .x-btn-small .x-btn-text{
1440	height: 16px;
1441}
1442
1443.x-btn-noicon .x-btn-medium .x-btn-text{
1444    height: 24px;
1445}
1446
1447.x-btn-noicon .x-btn-large .x-btn-text{
1448    height: 32px;
1449}
1450
1451/* Only icons */
1452.x-btn-icon .x-btn-text{
1453    background-position: center;
1454	background-repeat: no-repeat;
1455}
1456
1457.x-btn-icon .x-btn-small .x-btn-text{
1458	height: 16px;
1459	width: 16px;
1460}
1461
1462.x-btn-icon .x-btn-medium .x-btn-text{
1463    height: 24px;
1464	width: 24px;
1465}
1466
1467.x-btn-icon .x-btn-large .x-btn-text{
1468    height: 32px;
1469	width: 32px;
1470}
1471
1472/* Icons and text */
1473/* left */
1474.x-btn-text-icon .x-btn-icon-small-left .x-btn-text{
1475    background-position: 0 center;
1476	background-repeat: no-repeat;
1477    padding-left:18px;
1478    height:16px;
1479}
1480
1481.x-btn-text-icon .x-btn-icon-medium-left .x-btn-text{
1482    background-position: 0 center;
1483	background-repeat: no-repeat;
1484    padding-left:26px;
1485    height:24px;
1486}
1487
1488.x-btn-text-icon .x-btn-icon-large-left .x-btn-text{
1489    background-position: 0 center;
1490	background-repeat: no-repeat;
1491    padding-left:34px;
1492    height:32px;
1493}
1494
1495/* top */
1496.x-btn-text-icon .x-btn-icon-small-top .x-btn-text{
1497    background-position: center 0;
1498	background-repeat: no-repeat;
1499    padding-top:18px;
1500}
1501
1502.x-btn-text-icon .x-btn-icon-medium-top .x-btn-text{
1503    background-position: center 0;
1504	background-repeat: no-repeat;
1505    padding-top:26px;
1506}
1507
1508.x-btn-text-icon .x-btn-icon-large-top .x-btn-text{
1509    background-position: center 0;
1510	background-repeat: no-repeat;
1511    padding-top:34px;
1512}
1513
1514/* right */
1515.x-btn-text-icon .x-btn-icon-small-right .x-btn-text{
1516    background-position: right center;
1517	background-repeat: no-repeat;
1518    padding-right:18px;
1519    height:16px;
1520}
1521
1522.x-btn-text-icon .x-btn-icon-medium-right .x-btn-text{
1523    background-position: right center;
1524	background-repeat: no-repeat;
1525    padding-right:26px;
1526    height:24px;
1527}
1528
1529.x-btn-text-icon .x-btn-icon-large-right .x-btn-text{
1530    background-position: right center;
1531	background-repeat: no-repeat;
1532    padding-right:34px;
1533    height:32px;
1534}
1535
1536/* bottom */
1537.x-btn-text-icon .x-btn-icon-small-bottom .x-btn-text{
1538    background-position: center bottom;
1539	background-repeat: no-repeat;
1540    padding-bottom:18px;
1541}
1542
1543.x-btn-text-icon .x-btn-icon-medium-bottom .x-btn-text{
1544    background-position: center bottom;
1545	background-repeat: no-repeat;
1546    padding-bottom:26px;
1547}
1548
1549.x-btn-text-icon .x-btn-icon-large-bottom .x-btn-text{
1550    background-position: center bottom;
1551	background-repeat: no-repeat;
1552    padding-bottom:34px;
1553}
1554
1555/* background positioning */
1556.x-btn-tr i, .x-btn-tl i, .x-btn-mr i, .x-btn-ml i, .x-btn-br i, .x-btn-bl i{
1557	font-size:1px;
1558    line-height:1px;
1559    width:3px;
1560    display:block;
1561    overflow:hidden;
1562}
1563
1564.x-btn-tr i, .x-btn-tl i, .x-btn-br i, .x-btn-bl i{
1565	height:3px;
1566}
1567
1568.x-btn-tl{
1569	width:3px;
1570	height:3px;
1571	background:no-repeat 0 0;
1572}
1573.x-btn-tr{
1574	width:3px;
1575	height:3px;
1576	background:no-repeat -3px 0;
1577}
1578.x-btn-tc{
1579	height:3px;
1580	background:repeat-x 0 -6px;
1581}
1582
1583.x-btn-ml{
1584	width:3px;
1585	background:no-repeat 0 -24px;
1586}
1587.x-btn-mr{
1588	width:3px;
1589	background:no-repeat -3px -24px;
1590}
1591
1592.x-btn-mc{
1593	background:repeat-x 0 -1096px;
1594    vertical-align: middle;
1595	text-align:center;
1596	padding:0 5px;
1597	cursor:pointer;
1598	white-space:nowrap;
1599}
1600
1601.x-btn-bl{
1602	width:3px;
1603	height:3px;
1604	background:no-repeat 0 -3px;
1605}
1606
1607.x-btn-br{
1608	width:3px;
1609	height:3px;
1610	background:no-repeat -3px -3px;
1611}
1612
1613.x-btn-bc{
1614	height:3px;
1615	background:repeat-x 0 -15px;
1616}
1617
1618.x-btn-over .x-btn-tl{
1619	background-position: -6px 0;
1620}
1621
1622.x-btn-over .x-btn-tr{
1623	background-position: -9px 0;
1624}
1625
1626.x-btn-over .x-btn-tc{
1627	background-position: 0 -9px;
1628}
1629
1630.x-btn-over .x-btn-ml{
1631	background-position: -6px -24px;
1632}
1633
1634.x-btn-over .x-btn-mr{
1635	background-position: -9px -24px;
1636}
1637
1638.x-btn-over .x-btn-mc{
1639	background-position: 0 -2168px;
1640}
1641
1642.x-btn-over .x-btn-bl{
1643	background-position: -6px -3px;
1644}
1645
1646.x-btn-over .x-btn-br{
1647	background-position: -9px -3px;
1648}
1649
1650.x-btn-over .x-btn-bc{
1651	background-position: 0 -18px;
1652}
1653
1654.x-btn-click .x-btn-tl, .x-btn-menu-active .x-btn-tl, .x-btn-pressed .x-btn-tl{
1655	background-position: -12px 0;
1656}
1657
1658.x-btn-click .x-btn-tr, .x-btn-menu-active .x-btn-tr, .x-btn-pressed .x-btn-tr{
1659	background-position: -15px 0;
1660}
1661
1662.x-btn-click .x-btn-tc, .x-btn-menu-active .x-btn-tc, .x-btn-pressed .x-btn-tc{
1663	background-position: 0 -12px;
1664}
1665
1666.x-btn-click .x-btn-ml, .x-btn-menu-active .x-btn-ml, .x-btn-pressed .x-btn-ml{
1667	background-position: -12px -24px;
1668}
1669
1670.x-btn-click .x-btn-mr, .x-btn-menu-active .x-btn-mr, .x-btn-pressed .x-btn-mr{
1671	background-position: -15px -24px;
1672}
1673
1674.x-btn-click .x-btn-mc, .x-btn-menu-active .x-btn-mc, .x-btn-pressed .x-btn-mc{
1675	background-position: 0 -3240px;
1676}
1677
1678.x-btn-click .x-btn-bl, .x-btn-menu-active .x-btn-bl, .x-btn-pressed .x-btn-bl{
1679	background-position: -12px -3px;
1680}
1681
1682.x-btn-click .x-btn-br, .x-btn-menu-active .x-btn-br, .x-btn-pressed .x-btn-br{
1683	background-position: -15px -3px;
1684}
1685
1686.x-btn-click .x-btn-bc, .x-btn-menu-active .x-btn-bc, .x-btn-pressed .x-btn-bc{
1687	background-position: 0 -21px;
1688}
1689
1690.x-btn-disabled *{
1691	cursor:default !important;
1692}
1693
1694
1695/* With a menu arrow */
1696/* right */
1697.x-btn-mc em.x-btn-arrow {
1698    display:block;
1699    background:transparent no-repeat right center;
1700	padding-right:10px;
1701}
1702
1703.x-btn-mc em.x-btn-split {
1704    display:block;
1705    background:transparent no-repeat right center;
1706	padding-right:14px;
1707}
1708
1709/* bottom */
1710.x-btn-mc em.x-btn-arrow-bottom {
1711    display:block;
1712    background:transparent no-repeat center bottom;
1713	padding-bottom:14px;
1714}
1715
1716.x-btn-mc em.x-btn-split-bottom {
1717    display:block;
1718    background:transparent no-repeat center bottom;
1719	padding-bottom:14px;
1720}
1721
1722/* height adjustment class */
1723.x-btn-as-arrow .x-btn-mc em {
1724    display:block;
1725    background:transparent;
1726	padding-bottom:14px;
1727}
1728
1729/* groups */
1730.x-btn-group {
1731    padding:1px;
1732}
1733
1734.x-btn-group-header {
1735    padding:2px;
1736    text-align:center;
1737}
1738
1739.x-btn-group-tc {
1740	background: transparent repeat-x 0 0;
1741	overflow:hidden;
1742}
1743
1744.x-btn-group-tl {
1745	background: transparent no-repeat 0 0;
1746	padding-left:3px;
1747    zoom:1;
1748}
1749
1750.x-btn-group-tr {
1751	background: transparent no-repeat right 0;
1752	zoom:1;
1753    padding-right:3px;
1754}
1755
1756.x-btn-group-bc {
1757	background: transparent repeat-x 0 bottom;
1758    zoom:1;
1759}
1760
1761.x-btn-group-bc .x-panel-footer {
1762    zoom:1;
1763}
1764
1765.x-btn-group-bl {
1766	background: transparent no-repeat 0 bottom;
1767	padding-left:3px;
1768    zoom:1;
1769}
1770
1771.x-btn-group-br {
1772	background: transparent no-repeat right bottom;
1773	padding-right:3px;
1774    zoom:1;
1775}
1776
1777.x-btn-group-mc {
1778    border:0 none;
1779    padding:1px 0 0 0;
1780    margin:0;
1781}
1782
1783.x-btn-group-mc .x-btn-group-body {
1784    background:transparent;
1785    border: 0 none;
1786}
1787
1788.x-btn-group-ml {
1789	background: transparent repeat-y 0 0;
1790	padding-left:3px;
1791    zoom:1;
1792}
1793
1794.x-btn-group-mr {
1795	background: transparent repeat-y right 0;
1796	padding-right:3px;
1797    zoom:1;
1798}
1799
1800.x-btn-group-bc .x-btn-group-footer {
1801    padding-bottom:6px;
1802}
1803
1804.x-panel-nofooter .x-btn-group-bc {
1805	height:3px;
1806    font-size:0;
1807    line-height:0;
1808}
1809
1810.x-btn-group-bwrap {
1811    overflow:hidden;
1812    zoom:1;
1813}
1814
1815.x-btn-group-body {
1816    overflow:hidden;
1817    zoom:1;
1818}
1819
1820.x-btn-group-notitle .x-btn-group-tc {
1821	background: transparent repeat-x 0 0;
1822	overflow:hidden;
1823    height:2px;
1824}.x-toolbar{
1825    border-style:solid;
1826    border-width:0 0 1px 0;
1827    display: block;
1828	padding:2px;
1829    background:repeat-x top left;
1830    position:relative;
1831    left:0;
1832    top:0;
1833    zoom:1;
1834    overflow:hidden;
1835}
1836
1837.x-toolbar .x-item-disabled .x-btn-icon {
1838    opacity: .35;
1839    -moz-opacity: .35;
1840    filter: alpha(opacity=35);
1841}
1842
1843.x-toolbar td {
1844	vertical-align:middle;
1845}
1846
1847.x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{
1848	white-space: nowrap;
1849}
1850
1851.x-toolbar .x-item-disabled {
1852	cursor:default;
1853	opacity:.6;
1854	-moz-opacity:.6;
1855	filter:alpha(opacity=60);
1856}
1857
1858.x-toolbar .x-item-disabled * {
1859	cursor:default;
1860}
1861
1862.x-toolbar .x-toolbar-cell {
1863    vertical-align:middle;
1864}
1865
1866.x-toolbar .x-btn-tl, .x-toolbar .x-btn-tr, .x-toolbar .x-btn-tc, .x-toolbar .x-btn-ml, .x-toolbar .x-btn-mr, 
1867.x-toolbar .x-btn-mc, .x-toolbar .x-btn-bl, .x-toolbar .x-btn-br, .x-toolbar .x-btn-bc
1868{
1869	background-position: 500px 500px;
1870}
1871
1872/* These rules are duplicated from button.css to give priority of x-toolbar rules above */
1873.x-toolbar .x-btn-over .x-btn-tl{
1874	background-position: -6px 0;
1875}
1876
1877.x-toolbar .x-btn-over .x-btn-tr{
1878	background-position: -9px 0;
1879}
1880
1881.x-toolbar .x-btn-over .x-btn-tc{
1882	background-position: 0 -9px;
1883}
1884
1885.x-toolbar .x-btn-over .x-btn-ml{
1886	background-position: -6px -24px;
1887}
1888
1889.x-toolbar .x-btn-over .x-btn-mr{
1890	background-position: -9px -24px;
1891}
1892
1893.x-toolbar .x-btn-over .x-btn-mc{
1894	background-position: 0 -2168px;
1895}
1896
1897.x-toolbar .x-btn-over .x-btn-bl{
1898	background-position: -6px -3px;
1899}
1900
1901.x-toolbar .x-btn-over .x-btn-br{
1902	background-position: -9px -3px;
1903}
1904
1905.x-toolbar .x-btn-over .x-btn-bc{
1906	background-position: 0 -18px;
1907}
1908
1909.x-toolbar .x-btn-click .x-btn-tl, .x-toolbar .x-btn-menu-active .x-btn-tl, .x-toolbar .x-btn-pressed .x-btn-tl{
1910	background-position: -12px 0;
1911}
1912
1913.x-toolbar .x-btn-click .x-btn-tr, .x-toolbar .x-btn-menu-active .x-btn-tr, .x-toolbar .x-btn-pressed .x-btn-tr{
1914	background-position: -15px 0;
1915}
1916
1917.x-toolbar .x-btn-click .x-btn-tc, .x-toolbar .x-btn-menu-active .x-btn-tc, .x-toolbar .x-btn-pressed .x-btn-tc{
1918	background-position: 0 -12px;
1919}
1920
1921.x-toolbar .x-btn-click .x-btn-ml, .x-toolbar .x-btn-menu-active .x-btn-ml, .x-toolbar .x-btn-pressed .x-btn-ml{
1922	background-position: -12px -24px;
1923}
1924
1925.x-toolbar .x-btn-click .x-btn-mr, .x-toolbar .x-btn-menu-active .x-btn-mr, .x-toolbar .x-btn-pressed .x-btn-mr{
1926	background-position: -15px -24px;
1927}
1928
1929.x-toolbar .x-btn-click .x-btn-mc, .x-toolbar .x-btn-menu-active .x-btn-mc, .x-toolbar .x-btn-pressed .x-btn-mc{
1930	background-position: 0 -3240px;
1931}
1932
1933.x-toolbar .x-btn-click .x-btn-bl, .x-toolbar .x-btn-menu-active .x-btn-bl, .x-toolbar .x-btn-pressed .x-btn-bl{
1934	background-position: -12px -3px;
1935}
1936
1937.x-toolbar .x-btn-click .x-btn-br, .x-toolbar .x-btn-menu-active .x-btn-br, .x-toolbar .x-btn-pressed .x-btn-br{
1938	background-position: -15px -3px;
1939}
1940
1941.x-toolbar .x-btn-click .x-btn-bc, .x-toolbar .x-btn-menu-active .x-btn-bc, .x-toolbar .x-btn-pressed .x-btn-bc{
1942	background-position: 0 -21px;
1943}
1944
1945.x-toolbar div.xtb-text{
1946    padding:2px 2px 0;
1947    line-height:16px;
1948    display:block;
1949}
1950
1951.x-toolbar .xtb-sep {
1952	background-position: center;
1953	background-repeat: no-repeat;
1954	display: block;
1955	font-size: 1px;
1956	height: 16px;
1957	width:4px;
1958	overflow: hidden;
1959	cursor:default;
1960	margin: 0 2px 0;
1961	border:0;
1962}
1963
1964.x-toolbar .xtb-spacer {
1965    width:2px;
1966}
1967
1968/* Paging Toolbar */
1969.x-tbar-page-number{
1970	width:30px;
1971	height:14px;
1972}
1973
1974.ext-ie .x-tbar-page-number{
1975    margin-top: 2px;
1976}
1977
1978.x-paging-info {
1979    position:absolute;
1980    top:5px;
1981    right: 8px;
1982}
1983
1984/* floating */
1985.x-toolbar-ct {
1986    width:100%;
1987}
1988
1989.x-toolbar-right td {
1990    text-align: center;
1991}
1992
1993.x-panel-tbar, .x-panel-bbar, .x-window-tbar, .x-window-bbar, .x-tab-panel-tbar, .x-tab-panel-bbar, .x-plain-tbar, .x-plain-bbar {
1994    overflow:hidden;
1995    zoom:1;
1996}
1997
1998.x-toolbar-more .x-btn-small .x-btn-text{
1999	height: 16px;
2000	width: 12px;
2001}
2002
2003.x-toolbar-more em.x-btn-arrow {
2004    display:inline;
2005    background:transparent;
2006	padding-right:0;
2007}
2008
2009.x-toolbar-more .x-btn-mc em.x-btn-arrow {
2010    background-image: none;
2011}
2012
2013div.x-toolbar-no-items {
2014    color:gray !important;
2015    padding:5px 10px !important;
2016}
2017
2018/* fix ie toolbar form items */
2019.ext-border-box .x-toolbar-cell .x-form-text {
2020    margin-bottom:-1px !important;
2021}
2022
2023.ext-border-box .x-toolbar-cell .x-form-field-wrap .x-form-text {
2024    margin:0 !important;
2025}
2026
2027.ext-ie .x-toolbar-cell .x-form-field-wrap {
2028    height:21px;
2029}
2030
2031.ext-ie .x-toolbar-cell .x-form-text {
2032    position:relative;
2033    top:-1px;
2034}
2035
2036.ext-strict .ext-ie8 .x-toolbar-cell .x-form-field-trigger-wrap .x-form-text, .ext-strict .ext-ie .x-toolbar-cell .x-form-text {
2037    top: 0px;
2038}
2039
2040.x-toolbar-right td .x-form-field-trigger-wrap{
2041    text-align: left;
2042}
2043
2044.x-toolbar-cell .x-form-checkbox, .x-toolbar-cell .x-form-radio{
2045    vertical-align: top;
2046    margin-top: 5px;
2047}
2048
2049.ext-ie .x-toolbar-cell .x-form-checkbox, .ext-ie .x-toolbar-cell .x-form-radio{
2050    margin-top: 4px;
2051}
2052
2053.x-toolbar-cell .x-form-check-wrap label{
2054    vertical-align: bottom;
2055}
2056
2057/* StatusBar */
2058.x-statusbar .x-status-text {
2059    height: 21px;
2060    line-height: 21px;
2061    padding: 0 4px;
2062    cursor: default;
2063}
2064
2065.x-statusbar .x-status-busy {
2066    padding-left: 25px;
2067    background: transparent no-repeat 3px 3px;
2068}
2069
2070.x-statusbar .x-status-text-panel {
2071    border-top: 1px solid;
2072    border-right: 1px solid;
2073    border-bottom: 1px solid;
2074    border-left: 1px solid;
2075    padding: 2px 8px 2px 5px;
2076}.x-toolbar{
2077    border-style:solid;
2078    border-width:0 0 1px 0;
2079    display: block;
2080	padding:2px;
2081    background:repeat-x top left;
2082    position:relative;
2083    left:0;
2084    top:0;
2085    zoom:1;
2086    overflow:hidden;
2087}
2088
2089.x-toolbar .x-item-disabled .x-btn-icon {
2090    opacity: .35;
2091    -moz-opacity: .35;
2092    filter: alpha(opacity=35);
2093}
2094
2095.x-toolbar td {
2096	vertical-align:middle;
2097}
2098
2099.x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{
2100	white-space: nowrap;
2101}
2102
2103.x-toolbar .x-item-disabled {
2104	cursor:default;
2105	opacity:.6;
2106	-moz-opacity:.6;
2107	filter:alpha(opacity=60);
2108}
2109
2110.x-toolbar .x-item-disabled * {
2111	cursor:default;
2112}
2113
2114.x-toolbar .x-toolbar-cell {
2115    vertical-align:middle;
2116}
2117
2118.x-toolbar .x-btn-tl, .x-toolbar .x-btn-tr, .x-toolbar .x-btn-tc, .x-toolbar .x-btn-ml, .x-toolbar .x-btn-mr, 
2119.x-toolbar .x-btn-mc, .x-toolbar .x-btn-bl, .x-toolbar .x-btn-br, .x-toolbar .x-btn-bc
2120{
2121	background-position: 500px 500px;
2122}
2123
2124/* These rules are duplicated from button.css to give priority of x-toolbar rules above */
2125.x-toolbar .x-btn-over .x-btn-tl{
2126	background-position: -6px 0;
2127}
2128
2129.x-toolbar .x-btn-over .x-btn-tr{
2130	background-position: -9px 0;
2131}
2132
2133.x-toolbar .x-btn-over .x-btn-tc{
2134	background-position: 0 -9px;
2135}
2136
2137.x-toolbar .x-btn-over .x-btn-ml{
2138	background-position: -6px -24px;
2139}
2140
2141.x-toolbar .x-btn-over .x-btn-mr{
2142	background-position: -9px -24px;
2143}
2144
2145.x-toolbar .x-btn-over .x-btn-mc{
2146	background-position: 0 -2168px;
2147}
2148
2149.x-toolbar .x-btn-over .x-btn-bl{
2150	background-position: -6px -3px;
2151}
2152
2153.x-toolbar .x-btn-over .x-btn-br{
2154	background-position: -9px -3px;
2155}
2156
2157.x-toolbar .x-btn-over .x-btn-bc{
2158	background-position: 0 -18px;
2159}
2160
2161.x-toolbar .x-btn-click .x-btn-tl, .x-toolbar .x-btn-menu-active .x-btn-tl, .x-toolbar .x-btn-pressed .x-btn-tl{
2162	background-position: -12px 0;
2163}
2164
2165.x-toolbar .x-btn-click .x-btn-tr, .x-toolbar .x-btn-menu-active .x-btn-tr, .x-toolbar .x-btn-pressed .x-btn-tr{
2166	background-position: -15px 0;
2167}
2168
2169.x-toolbar .x-btn-click .x-btn-tc, .x-toolbar .x-btn-menu-active .x-btn-tc, .x-toolbar .x-btn-pressed .x-btn-tc{
2170	background-position: 0 -12px;
2171}
2172
2173.x-toolbar .x-btn-click .x-btn-ml, .x-toolbar .x-btn-menu-active .x-btn-ml, .x-toolbar .x-btn-pressed .x-btn-ml{
2174	background-position: -12px -24px;
2175}
2176
2177.x-toolbar .x-btn-click .x-btn-mr, .x-toolbar .x-btn-menu-active .x-btn-mr, .x-toolbar .x-btn-pressed .x-btn-mr{
2178	background-position: -15px -24px;
2179}
2180
2181.x-toolbar .x-btn-click .x-btn-mc, .x-toolbar .x-btn-menu-active .x-btn-mc, .x-toolbar .x-btn-pressed .x-btn-mc{
2182	background-position: 0 -3240px;
2183}
2184
2185.x-toolbar .x-btn-click .x-btn-bl, .x-toolbar .x-btn-menu-active .x-btn-bl, .x-toolbar .x-btn-pressed .x-btn-bl{
2186	background-position: -12px -3px;
2187}
2188
2189.x-toolbar .x-btn-click .x-btn-br, .x-toolbar .x-btn-menu-active .x-btn-br, .x-toolbar .x-btn-pressed .x-btn-br{
2190	background-position: -15px -3px;
2191}
2192
2193.x-toolbar .x-btn-click .x-btn-bc, .x-toolbar .x-btn-menu-active .x-btn-bc, .x-toolbar .x-btn-pressed .x-btn-bc{
2194	background-position: 0 -21px;
2195}
2196
2197.x-toolbar div.xtb-text{
2198    padding:2px 2px 0;
2199    line-height:16px;
2200    display:block;
2201}
2202
2203.x-toolbar .xtb-sep {
2204	background-position: center;
2205	background-repeat: no-repeat;
2206	display: block;
2207	font-size: 1px;
2208	height: 16px;
2209	width:4px;
2210	overflow: hidden;
2211	cursor:default;
2212	margin: 0 2px 0;
2213	border:0;
2214}
2215
2216.x-toolbar .xtb-spacer {
2217    width:2px;
2218}
2219
2220/* Paging Toolbar */
2221.x-tbar-page-number{
2222	width:30px;
2223	height:14px;
2224}
2225
2226.ext-ie .x-tbar-page-number{
2227    margin-top: 2px;
2228}
2229
2230.x-paging-info {
2231    position:absolute;
2232    top:5px;
2233    right: 8px;
2234}
2235
2236/* floating */
2237.x-toolbar-ct {
2238    width:100%;
2239}
2240
2241.x-toolbar-right td {
2242    text-align: center;
2243}
2244
2245.x-panel-tbar, .x-panel-bbar, .x-window-tbar, .x-window-bbar, .x-tab-panel-tbar, .x-tab-panel-bbar, .x-plain-tbar, .x-plain-bbar {
2246    overflow:hidden;
2247    zoom:1;
2248}
2249
2250.x-toolbar-more .x-btn-small .x-btn-text{
2251	height: 16px;
2252	width: 12px;
2253}
2254
2255.x-toolbar-more em.x-btn-arrow {
2256    display:inline;
2257    background:transparent;
2258	padding-right:0;
2259}
2260
2261.x-toolbar-more .x-btn-mc em.x-btn-arrow {
2262    background-image: none;
2263}
2264
2265div.x-toolbar-no-items {
2266    color:gray !important;
2267    padding:5px 10px !important;
2268}
2269
2270/* fix ie toolbar form items */
2271.ext-border-box .x-toolbar-cell .x-form-text {
2272    margin-bottom:-1px !important;
2273}
2274
2275.ext-border-box .x-toolbar-cell .x-form-field-wrap .x-form-text {
2276    margin:0 !important;
2277}
2278
2279.ext-ie .x-toolbar-cell .x-form-field-wrap {
2280    height:21px;
2281}
2282
2283.ext-ie .x-toolbar-cell .x-form-text {
2284    position:relative;
2285    top:-1px;
2286}
2287
2288.ext-strict .ext-ie8 .x-toolbar-cell .x-form-field-trigger-wrap .x-form-text, .ext-strict .ext-ie .x-toolbar-cell .x-form-text {
2289    top: 0px;
2290}
2291
2292.x-toolbar-right td .x-form-field-trigger-wrap{
2293    text-align: left;
2294}
2295
2296.x-toolbar-cell .x-form-checkbox, .x-toolbar-cell .x-form-radio{
2297    vertical-align: top;
2298    margin-top: 5px;
2299}
2300
2301.ext-ie .x-toolbar-cell .x-form-checkbox, .ext-ie .x-toolbar-cell .x-form-radio{
2302    margin-top: 4px;
2303}
2304
2305.x-toolbar-cell .x-form-check-wrap label{
2306    vertical-align: bottom;
2307}
2308
2309/* StatusBar */
2310.x-statusbar .x-status-text {
2311    height: 21px;
2312    line-height: 21px;
2313    padding: 0 4px;
2314    cursor: default;
2315}
2316
2317.x-statusbar .x-status-busy {
2318    padding-left: 25px;
2319    background: transparent no-repeat 3px 3px;
2320}
2321
2322.x-statusbar .x-status-text-panel {
2323    border-top: 1px solid;
2324    border-right: 1px solid;
2325    border-bottom: 1px solid;
2326    border-left: 1px solid;
2327    padding: 2px 8px 2px 5px;
2328}/* Grid3 styles */
2329.x-grid3 {
2330	position:relative;
2331	overflow:hidden;
2332}
2333
2334.x-grid-panel .x-panel-body {
2335    overflow:hidden !important;
2336}
2337
2338.x-grid-panel .x-panel-mc .x-panel-body {
2339    border:1px solid;
2340}
2341
2342.x-grid3 table {
2343    table-layout:fixed;
2344}
2345
2346.x-grid3-viewport{
2347	overflow:hidden;
2348}
2349
2350.x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td{
2351    -moz-outline: none;
2352	-moz-user-focus: normal;
2353}
2354
2355.x-grid3-row td, .x-grid3-summary-row td {
2356    line-height:13px;
2357    vertical-align: top;
2358	padding-left:1px;
2359    padding-right:1px;
2360    -moz-user-select: none;
2361    -khtml-user-select:none;
2362    -webkit-user-select:ignore;
2363}
2364
2365.x-grid3-cell{
2366    -moz-user-select: none;
2367    -khtml-user-select:none;
2368    -webkit-user-select:ignore;
2369}
2370
2371.x-grid3-hd-row td {
2372    line-height:15px;
2373    vertical-align:middle;
2374    border-left:1px solid;
2375    border-right:1px solid;
2376}
2377
2378.x-grid3-hd-row .x-grid3-marker-hd {
2379    padding:3px;
2380}
2381
2382.x-grid3-row .x-grid3-marker {
2383    padding:3px;
2384}
2385
2386.x-grid3-cell-inner, .x-grid3-hd-inner{
2387	overflow:hidden;
2388	-o-text-overflow: ellipsis;
2389	text-overflow: ellipsis;
2390    padding:3px 3px 3px 5px;
2391    white-space: nowrap;
2392}
2393
2394.x-grid3-hd-inner {
2395    position:relative;
2396	cursor:inherit;
2397	padding:4px 3px 4px 5px;
2398}
2399
2400.x-grid3-row-body {
2401    white-space:normal;
2402}
2403
2404.x-grid3-body-cell {
2405    -moz-outline:0 none;
2406    outline:0 none;
2407}
2408
2409/* IE Quirks to clip */
2410.ext-ie .x-grid3-cell-inner, .ext-ie .x-grid3-hd-inner{
2411	width:100%;
2412}
2413
2414/* reverse above in strict mode */
2415.ext-strict .x-grid3-cell-inner, .ext-strict .x-grid3-hd-inner{
2416	width:auto;
2417}
2418
2419.x-grid-row-loading {
2420    background: no-repeat center center;
2421}
2422
2423.x-grid-page {
2424    overflow:hidden;
2425}
2426
2427.x-grid3-row {
2428	cursor: default;
2429    border: 1px solid;
2430    width:100%;
2431}
2432
2433.x-grid3-row-over {
2434	border:1px solid;
2435    background: repeat-x left top;
2436}
2437
2438.x-grid3-resize-proxy {
2439	width:1px;
2440    left:0;
2441	cursor: e-resize;
2442	cursor: col-resize;
2443	position:absolute;
2444	top:0;
2445	height:100px;
2446	overflow:hidden;
2447	visibility:hidden;
2448	border:0 none;
2449	z-index:7;
2450}
2451
2452.x-grid3-resize-marker {
2453	width:1px;
2454	left:0;
2455	position:absolute;
2456	top:0;
2457	height:100px;
2458	overflow:hidden;
2459	visibility:hidden;
2460	border:0 none;
2461	z-index:7;
2462}
2463
2464.x-grid3-focus {
2465	position:absolute;
2466	left:0;
2467	top:0;
2468	width:1px;
2469	height:1px;
2470    line-height:1px;
2471    font-size:1px;
2472    -moz-outline:0 none;
2473    outline:0 none;
2474    -moz-user-select: text;
2475    -khtml-user-select: text;
2476    -webkit-user-select:ignore;
2477}
2478
2479/* header styles */
2480.x-grid3-header{
2481	background: repeat-x 0 bottom;
2482	cursor:default;
2483    zoom:1;
2484    padding:1px 0 0 0;
2485}
2486
2487.x-grid3-header-pop {
2488    border-left:1px solid;
2489    float:right;
2490    clear:none;
2491}
2492
2493.x-grid3-header-pop-inner {
2494    border-left:1px solid;
2495    width:14px;
2496    height:19px;
2497    background: transparent no-repeat center center;
2498}
2499
2500.ext-ie .x-grid3-header-pop-inner {
2501    width:15px;
2502}
2503
2504.ext-strict .x-grid3-header-pop-inner {
2505    width:14px; 
2506}
2507
2508.x-grid3-header-inner {
2509    overflow:hidden;
2510    zoom:1;
2511    float:left;
2512}
2513
2514.x-grid3-header-offset {
2515    padding-left:1px;
2516    text-align: left;
2517}
2518
2519td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {
2520    border-left:1px solid;
2521    border-right:1px solid;
2522}
2523
2524td.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 {
2525    background: repeat-x left bottom;
2526
2527}
2528
2529.x-grid3-sort-icon{
2530	background-repeat: no-repeat;
2531	display: none;
2532	height: 4px;
2533	width: 13px;
2534	margin-left:3px;
2535	vertical-align: middle;
2536}
2537
2538.sort-asc .x-grid3-sort-icon, .sort-desc .x-grid3-sort-icon {
2539	display: inline;
2540}
2541
2542/* Header position fixes for IE strict mode */
2543.ext-strict .ext-ie .x-grid3-header-inner, .ext-strict .ext-ie6 .x-grid3-hd {
2544    position:relative;
2545}
2546
2547.ext-strict .ext-ie6 .x-grid3-hd-inner{
2548    position:static;
2549}
2550
2551/* Body Styles */
2552.x-grid3-body {
2553	zoom:1;
2554}
2555
2556.x-grid3-scroller {
2557	overflow:auto;
2558    zoom:1;
2559    position:relative;
2560}
2561
2562.x-grid3-cell-text, .x-grid3-hd-text {
2563	display: block;
2564	padding: 3px 5px 3px 5px;
2565	-moz-user-select: none;
2566	-khtml-user-select: none;
2567    -webkit-user-select:ignore;
2568}
2569
2570.x-grid3-split {
2571	background-position: center;
2572	background-repeat: no-repeat;
2573	cursor: e-resize;
2574	cursor: col-resize;
2575	display: block;
2576	font-size: 1px;
2577	height: 16px;
2578	overflow: hidden;
2579	position: absolute;
2580	top: 2px;
2581	width: 6px;
2582	z-index: 3;
2583}
2584
2585/* Column Reorder DD */
2586.x-dd-drag-proxy .x-grid3-hd-inner{
2587	background: repeat-x left bottom;
2588	width:120px;
2589	padding:3px;
2590	border:1px solid;
2591	overflow:hidden;
2592}
2593
2594.col-move-top, .col-move-bottom{
2595	width:9px;
2596	height:9px;
2597	position:absolute;
2598	top:0;
2599	line-height:1px;
2600	font-size:1px;
2601	overflow:hidden;
2602	visibility:hidden;
2603	z-index:20000;
2604    background:transparent no-repeat left top;
2605}
2606
2607/* Selection Styles */
2608.x-grid3-row-selected {
2609	border:1px dotted;
2610}
2611
2612.x-

Large files files are truncated, but you can click here to view the full file