git.pond.sub.org Git - eow/blob - static/dojo-release-1.1.1/dijit/themes/dijit.css.commented.css

   1 /*
   2         Essential styles that themes can inherit.
   3         In other words, works but doesn't look great.
   4 */
   5
   6
   7
   8 /****
   9                 GENERIC PIECES
  10  ****/
  11
  12 .dijitReset {
  13         /* Use this style to null out padding, margin, border in your template elements
  14                 so that page specific styles don't break them.
  15                 - Use in all TABLE, TR and TD tags.
  16                 - If there is more than one class on the tag, place this first so other classes override.
  17         */
  18         margin:0;
  19         border:0;
  20         padding:0;
  21         line-height:normal;
  22         font: inherit;
  23         color: inherit;
  24 }
  25
  26 .dijitInline {
  27         /*  To inline block elements.
  28                 Similar to InlineBox below, but this has fewer side-effects in Moz.
  29                 Also, apparently works on a DIV as well as a FIELDSET.
  30         */
  31         display:-moz-inline-box;                /* FF2 */
  32         display:inline-block;                   /* webkit and FF3 */
  33         #zoom: 1; /* set hasLayout:true to mimic inline-block */
  34         #display:inline; /* don't use .dj_ie since that increases the priority */
  35         border:0;
  36         padding:0;
  37         vertical-align:middle;
  38 }
  39
  40 .dj_ie INPUT.dijitTextBox,
  41 .dj_ie .dijitInputField INPUT {
  42         font-size: 100%;
  43         font-family: inherit; /* trigger pseudo font-family inheritance */
  44         behavior: expression( /* if the font-family = inherit, then get the parent's font-family */
  45                 function(self){
  46                         var cs, e;
  47                         try{
  48                                 if(self.currentStyle.fontFamily=='inherit'){
  49                                         cs = self.parentNode.currentStyle || document.documentElement.currentStyle;
  50                                         self.style.fontFamily = cs.fontFamily;
  51                                 }
  52                                 self.style.behavior = null; /* #5562: prevent re-eval of css expression */
  53                         }catch(e){} /* #6024: random exceptions thrown during init */
  54                 }(this)
  55         );
  56 }
  57
  58 .dj_ie .dijitInputField INPUT { /* try to get rid of IE implicit margin around INPUT */
  59         margin: -1px 0 !important;
  60 }
  61 .dj_iequirks .dijitInputField INPUT { /* try to get rid of IE implicit margin around INPUT */
  62         margin-top: -3px !important;
  63 }
  64
  65 .dijitInlineTable {
  66         /* To inline tables with a given width set (otherwise, use dijitInline above)
  67          * Must also put style="-moz-inline-stack" on the node itself to workaround FF2 bugs
  68          */
  69         display: -moz-inline-stack;     /* FF2 */
  70         display:inline-table;
  71         display:inline-block;           /* webkit and FF3 */
  72         #zoom: 1; /* set hasLayout:true to mimic inline-block */
  73         #display:inline; /* don't use .dj_ie since that increases the priority */
  74         box-sizing: content-box; -moz-box-sizing: content-box;
  75         border:0;
  76         padding:0;
  77 }
  78
  79 .dijitTeeny {
  80         font-size:1px;
  81         line-height:1px;
  82 }
  83
  84 /*
  85  * Popup items have a wrapper div (dijitPopup)
  86  * with the real popup inside, and maybe an iframe too
  87  */
  88 .dijitPopup {
  89         position: absolute;
  90         background-color: transparent;
  91         margin: 0;
  92         border: 0;
  93         padding: 0;
  94 }
  95 .dijit_a11y .dijitPopup,
  96 .dijit_ally .dijitPopup div,
  97 .dijit_a11y .dijitPopup table,
  98 .dijit_a11y .dijitTooltipContainer {
  99         opacity: 1 !important;
 100         background-color: white !important;
 101 }
 102 .dj_ie .dijit_a11y .dijitPopup * {
 103         filter: none;
 104 }
 105
 106 .dijitInputField {
 107         overflow:hidden;
 108         #zoom:1;
 109 }
 110
 111 .dijitPositionOnly {
 112         /* Null out all position-related properties */
 113         padding: 0 !important;
 114         border: 0 !important;
 115         background-color: transparent !important;
 116         background-image: none !important;
 117         height: auto !important;
 118         width: auto !important;
 119 }
 120
 121 .dijitNonPositionOnly {
 122         /* Null position-related properties */
 123         float: none !important;
 124         position: static !important;
 125         margin: 0 0 0 0 !important;
 126         vertical-align: middle !important;
 127 }
 128
 129 .dijitBackgroundIframe {
 130         /*
 131          * iframe used for FF2 in high-contrast mode to prevent menu
 132          * being transparent
 133          */
 134         position: absolute;
 135         left: 0;
 136         top: 0;
 137         width: 100%;
 138         height: 100%;
 139         z-index: -1;
 140         border: 0;
 141         padding: 0;
 142         margin: 0;
 143 }
 144
 145 .dijitClickableRegion {
 146         /* a region we expect the user to click on */
 147         cursor: pointer;
 148 }
 149
 150
 151 .dijitDisplayNone {
 152         /* hide something.  Use this as a class rather than element.style so another class can override */
 153         display:none !important;
 154 }
 155
 156 .dijitContainer {
 157         /* for all layout containers */
 158         overflow: hidden;       /* need on IE so something can be reduced in size, and so scrollbars aren't temporarily displayed when resizing */
 159 }
 160
 161 /****
 162                 A11Y
 163  ****/
 164 .dijit_a11y * {
 165         background-image:none !important;
 166 }
 167
 168 .dijit_a11y .dijitCalendarIncrementControl .dijitA11ySideArrow {
 169         padding-left:.2em;
 170         visibility:visible !important;
 171 }
 172 .dj_ie6 .dijit_a11y .dijitCalendarIncrementControl {
 173         font-size:.75em !important;
 174 }
 175
 176 .dijit_a11y .dijitCalendarSelectedDate {
 177         text-decoration:overline !important;
 178 }
 179
 180 .dijitA11ySideArrow {
 181         vertical-align:top;
 182         margin-right:0em;
 183         margin-left:.2em;
 184         line-height:2em;
 185         text-align:center;
 186 }
 187
 188 .dijit_a11y .dijit * {
 189         background:white !important;
 190         color:black !important;
 191 }
 192 .dijit_a11y .dijitButtonNode {
 193         border-color: black!important;
 194         border-style: outset!important;
 195         border-width: medium!important;
 196 }
 197
 198 .dijit_a11y .dijitButtonDisabled .dijitButtonNode,
 199 .dijit_a11y .dijitDropDownButtonDisabled .dijitButtonNode,
 200 .dijit_a11y .dijitComboButtonDisabled .dijitButtonNode,
 201 .dijit_a11y .dijitComboBoxDisabled .dijitInputField,
 202 .dijit_a11y .dijitComboBoxDisabled .dijitButtonNode,
 203 .dijit_a11y .dijitSpinnerDisabled .dijitButtonNode,
 204 .dijit_a11y .dijitSpinnerDisabled .dijitInputField {
 205         border-style: outset!important;
 206         border-width: medium!important;
 207         border-color: #999 !important;
 208         color:#999 !important;
 209 }
 210
 211 /* button inner contents - labels, icons etc. */
 212 .dijitButtonNode * {
 213         vertical-align: middle;
 214 }
 215 .dijit_a11y .dijitArrowButtonInner {
 216         width: 1.0em;
 217         display: none !important;
 218 }
 219 .dijitButtonNode .dijitArrowButtonInner {
 220         background:no-repeat center;
 221         width: 16px;
 222 }
 223 .dijitComboBox .dijitArrowButtonInner {
 224         display: block;
 225 }
 226
 227 /* In high contrast mode, display the check symbol */
 228 .dijit_a11y .dijitToggleButtonChecked .dijitToggleButtonIconChar {
 229         display: inline !important;
 230 }
 231
 232
 233 /****
 234                 3-element borders:  ( dijitLeft + dijitStretch + dijitRight )
 235  ****/
 236
 237 .dijitLeft {
 238         /* Left part of a 3-element border */
 239         background-position:left top;
 240         background-repeat:no-repeat;
 241 }
 242
 243 .dijitStretch {
 244         /* Middle (stretchy) part of a 3-element border */
 245         white-space:nowrap;                     /* MOW: move somewhere else */
 246         background-repeat:repeat-x;
 247 }
 248
 249 .dijitRight {
 250         /* Right part of a 3-element border */
 251         #display:inline;                                /* IE7 sizes to outer size w/o this */
 252         background-position:right top;
 253         background-repeat:no-repeat;
 254 }
 255
 256 .dijitButton,
 257 .dijitDropDownButton,
 258 .dijitComboButton {
 259         /* outside of button */
 260         margin: 0.2em;
 261 }
 262
 263 .dj_safari .dijitToolbar .dijitDropDownButton {
 264         padding-left: 0.3em;
 265 }
 266
 267 .dijitButtonNode {
 268         /* Node that is acting as a button -- may or may not be a BUTTON element */
 269         border:1px solid gray;
 270         margin:0;
 271         padding:.2em .2em .1em;
 272         line-height:normal;
 273         cursor:pointer;
 274         vertical-align:middle;
 275         text-align:center;
 276         white-space: nowrap;
 277 }
 278
 279 .dijitArrowButton {
 280         /* Node that is acting as a arrow button -- drop down (spinner has its own treatment).  Also gets dijitButtonNode */
 281         /* place AFTER dijitButtonNode so it overrides */
 282         padding: 0 .4em;
 283 }
 284 DIV.dijitArrowButton {
 285         float: right;
 286 }
 287
 288 .dijitSpinner .dijitInputLayoutContainer .dijitArrowButton {
 289         border-style: solid;
 290         border-width: 0 0 0 1px !important;
 291         padding: 0;
 292         position: absolute;
 293         right: 0;
 294         float: none;
 295 }
 296 .dijitSpinner .dijitInputLayoutContainer .dijitArrowButton {
 297         position: absolute;
 298         height: 50%;
 299 }
 300 .dijitSpinner .dijitInputLayoutContainer .dijitDownArrowButton {
 301         top: none;
 302         bottom: 0;
 303         border-top-width: 1px !important;
 304 }
 305 .dijitSpinner .dijitInputLayoutContainer .dijitUpArrowButton {
 306         top: 0;
 307         bottom: none;
 308 }
 309
 310 .dijitComboButton TABLE {
 311         /* each cell in a combo-table should have its own separate border */
 312         border-collapse: separate;
 313         border:0;
 314         padding:0;
 315         margin:0;
 316 }
 317
 318 .dijitComboButton .dijitButtonContents {
 319         border-right-width:0 !important;
 320 }
 321
 322
 323 .dj_ie BUTTON.dijitButtonNode {
 324         overflow: visible; /* eliminates arbitrary left and right padding on buttons */
 325 }
 326
 327 table .dijitButton .dijitButtonNode,
 328 table .dijitComboButton .dijitButtonNode {
 329         #overflow:hidden; /* visible messes up if the button is inside a table on IE */
 330 }
 331
 332
 333
 334 .dijitButtonNode IMG {
 335         /* make text and images line up cleanly */
 336         vertical-align:middle;
 337         margin-bottom:.2em;
 338 }
 339
 340 /******
 341         TextBox related.
 342         Everything that has an <input>
 343 *******/
 344
 345 .dijitTextBox,
 346 .dijitComboBox,
 347 .dijitSpinner {
 348         border: solid black 1px;
 349         #overflow: hidden; /* #6027, #6067 */
 350         width: 15em;    /* need to set default size on outer node since inner nodes say <input style="width:100%"> and <td width=100%>.  user can override */
 351 }
 352
 353 /* rules for safari to deal with fuzzy blue focus border */
 354 .dijitTextBox input:focus,
 355 .dijitComboBox input:focus,
 356 .dijitSpinner input:focus {
 357         outline: none;  /* blue fuzzy line looks wrong on combobox or something w/validation icon showing */
 358 }
 359 .dijitTextBoxFocused,
 360 .dijitComboBoxFocused,
 361 .dijitSpinnerFocused {
 362         /* should we display focus like we do on other browsers, or use the safari standard focus indicator?? */
 363         outline: auto 5px -webkit-focus-ring-color;
 364 }
 365
 366 .dijitTextBox INPUT,
 367 .dijitComboBox INPUT,
 368 .dijitSpinner INPUT {
 369         padding:0;
 370         border-left: solid black 1px;   /* TODO: for RTL mode should be border-right */
 371         display:inline;
 372         position:static !important;
 373         border:0 !important;
 374         margin:0 !important;
 375         vertical-align:0em !important;
 376         visibility:visible !important;
 377         background-color:transparent !important;
 378         background-image:none !important;
 379         width:100% !important;
 380 }
 381
 382 /* Display an "X" for invalid input. Themes will override these rules to display an icon instead.
 383 */
 384 .dijitValidationIcon {
 385         visibility: hidden;
 386         display: block;
 387         padding: 0 2px;
 388         float: right;
 389         height: auto;
 390 }
 391 .dijitValidationIconText {
 392         visibility: hidden;
 393         display: none;
 394         float:right;
 395         font-family: sans-serif;
 396         font-style:italic;
 397         font-size: 0.45em;
 398         line-height: 190%;
 399 }
 400 .dijit_a11y .dijitValidationIcon { display: none !important; }
 401 .dijit_a11y .dijitValidationIconText { display: block !important; }
 402
 403 .dijitError .dijitValidationIcon,
 404 .dijitError .dijitValidationIconText {
 405         visibility: visible;
 406 }
 407
 408 .dijitTextBox .dijitArrowButton {
 409         /* this is for a combo box with no arrow displayed; we set baseClass=TextBox */
 410         display:none;
 411 }
 412
 413 /****
 414                 dijit.form.CheckBox
 415          &
 416                 dijit.form.RadioButton
 417  ****/
 418
 419 .dijitCheckBox,
 420 .dijitRadio,
 421 .dijitCheckBoxInput {
 422         padding: 0;
 423         border: 0;
 424         width: 16px;
 425         height: 16px;
 426         background-position:center center;
 427         background-repeat:no-repeat;
 428         overflow: hidden;
 429 }
 430
 431 .dijitCheckBox INPUT,
 432 .dijitRadio INPUT {
 433         margin: 0;
 434         padding: 0;
 435         display: block;
 436 }
 437
 438 .dijitCheckBoxInput {
 439         /* place the actual input on top, but all-but-invisible */
 440         opacity: 0.01;
 441 }
 442
 443 .dj_ie .dijitCheckBoxInput {
 444         filter: alpha(opacity=0);
 445 }
 446
 447 .dijit_a11y .dijitCheckBox,
 448 .dijit_a11y .dijitRadio {
 449         width: auto;
 450         height: auto;
 451 }
 452 .dijit_a11y .dijitCheckBoxInput {
 453         opacity: 1;
 454         filter: none;
 455         width: auto;
 456         height: auto;
 457 }
 458
 459
 460 /****
 461                 dijit.ProgressBar
 462  ****/
 463
 464 .dijitProgressBarEmpty{
 465         /* outer container and background of the bar that's not finished yet*/
 466         position:relative;overflow:hidden;
 467         border:1px solid black;         /* a11y: border necessary for high-contrast mode */
 468         z-index:0;                      /* establish a stacking context for this progress bar */
 469 }
 470
 471 .dijitProgressBarFull {
 472         /* outer container for background of bar that is finished */
 473         position:absolute;
 474         overflow:hidden;
 475         z-index:-1;
 476         top:0;
 477         width:100%;
 478         height:100%;
 479 }
 480
 481 .dijitProgressBarTile{
 482         /* inner container for finished portion */
 483         position:absolute;
 484         overflow:hidden;
 485         top:0;
 486         left:0;
 487         bottom:0;
 488         right:0;
 489         margin:0;
 490         padding:0;
 491         width:auto;
 492         height:auto;
 493         background-color:#aaa;
 494         background-attachment: fixed;
 495 }
 496
 497 .dijit_a11y .dijitProgressBarTile{
 498         /* a11y:  The border provides visibility in high-contrast mode */
 499         border-width:4px;
 500         border-style:solid;
 501         background-color:transparent !important;
 502 }
 503
 504 .dj_iequirks .dijitProgressBarTile{
 505         width:100%;
 506         height:100%;
 507 }
 508
 509 .dj_ie6 .dijitProgressBarTile{
 510         /* width:auto works in IE6 with position:static but not position:absolute */
 511         position:static;
 512         /* height:auto does not work in IE6 */
 513         height:100%;
 514 }
 515
 516 .dijitProgressBarIndeterminate .dijitProgressBarLabel{
 517         visibility:hidden;
 518 }
 519
 520 .dijitProgressBarIndeterminate .dijitProgressBarTile{
 521         /* animated gif for 'indeterminate' mode */
 522 }
 523
 524 .dijitProgressBarIndeterminateHighContrastImage{
 525         display:none;
 526 }
 527
 528 .dijit_a11y .dijitProgressBarIndeterminate .dijitProgressBarIndeterminateHighContrastImage{
 529         display:block;
 530         position:absolute;
 531         top:0;
 532         bottom:0;
 533         margin:0;
 534         padding:0;
 535         width:100%;
 536         height:auto;
 537 }
 538
 539 .dijitProgressBarLabel{
 540         display:block;
 541         position:static;
 542         width:100%;
 543         text-align:center;
 544         background-color:transparent !important;
 545 }
 546
 547 /* progress bar in vertical mode - TODO: remove? no longer supported? */
 548 .dijitProgressBarV .dijitProgressBarFull{
 549         bottom:0;               /* start at the bottom */
 550 }
 551
 552 .dj_ie6 .dijitProgressBarV .dijitProgressBarTile{
 553         position:absolute;
 554         /* can't use position:static here -- need absolute positioning to place
 555            the bar at the bottom of a vertical progressbar */
 556         width:100%;
 557 }
 558
 559
 560 /****
 561                 dijit.Tooltip
 562  ****/
 563
 564 .dijitTooltip {
 565         position: absolute;
 566         z-index: 2000;
 567         display: block;
 568         /* make visible but off screen */
 569         left: 50%;
 570         top: -10000px;
 571         overflow: visible;
 572 }
 573
 574 .dijitTooltipContainer {
 575         border: solid black 2px;
 576         background: #b8b5b5;
 577         color: black;
 578         font-size: small;
 579 }
 580
 581 .dijitTooltipFocusNode {
 582         padding: 2px 2px 2px 2px;
 583 }
 584
 585 .dijitTooltipConnector {
 586         position: absolute;
 587 }
 588
 589 /* MOW: using actual images at this time
 590 /* draw an arrow with CSS only * /
 591 .dijitTooltipConnector {
 592         /* the border on the triangle * /
 593         font-size: 0; line-height: 0%; width: 0;
 594         border-top: none;
 595         border-bottom: 14px solid black;
 596         border-left: 7px solid transparent;
 597         border-right: 7px solid transparent;
 598         top: -14px;
 599         left: 3px;
 600         z-index: 2;
 601 }
 602
 603 .dijitTooltipConnector div {
 604         /* the background of the triangle * /
 605         font-size: 0; line-height: 0%; width: 0;
 606         position: absolute;
 607         border-bottom: 10px solid #b8b5b5;
 608         border-left: 5px solid transparent;
 609         border-right: 5px solid transparent;
 610         top: 6px;
 611         left: -5px;
 612         z-index: 3;
 613 }
 614
 615 */
 616
 617
 618
 619 /* Layout widgets. This is essential CSS to make layout work (it isn't "styling" CSS)
 620    make sure that the position:absolute in dijitAlign* overrides other classes */
 621
 622 .dijitLayoutContainer{
 623         position: relative;
 624         display: block;
 625         overflow: hidden;
 626 }
 627
 628 body .dijitAlignTop,
 629 body .dijitAlignBottom,
 630 body .dijitAlignLeft,
 631 body .dijitAlignRight {
 632         position: absolute;
 633         overflow: hidden;
 634 }
 635
 636 body .dijitAlignClient { position: absolute; }
 637
 638 .dijitBorderContainer {
 639         position:relative;
 640         overflow: hidden;
 641 }
 642
 643 .dijitBorderContainer > .dijitTextArea {
 644         /* On Safari, for SimpleTextArea inside a BorderContainer,
 645                 don't want to display the grip to resize */
 646         resize: none;
 647 }
 648
 649 /* SplitContainer
 650
 651         'V' == container that splits vertically (up/down)
 652         'H' = horizontal (left/right)
 653 */
 654
 655 .dijitSplitter {
 656         position: absolute;
 657         overflow: hidden;
 658         z-index: 9999;
 659         background-color: #fff;
 660         border-color: gray;
 661         border-style: solid;
 662         border-width: 0;
 663         z-index: 10 !important;
 664 }
 665 .dijitSplitterCover{
 666         position:absolute;
 667         z-index:1;
 668         top:0;
 669         left:0;
 670         width:100%;
 671         height:100%;
 672 }
 673 .dijitSplitterH {
 674         height: 7px;
 675         border-top:1px;
 676         border-bottom:1px;
 677         cursor: ns-resize;
 678 }
 679 .dijitSplitterV {
 680         width: 7px;
 681         border-left:1px;
 682         border-right:1px;
 683         cursor: ew-resize;
 684 }
 685 .dijitSplitContainer{
 686         position: relative;
 687         overflow: hidden;
 688         display: block;
 689 }
 690
 691 .dijitSplitPane{
 692         position: absolute;
 693 }
 694
 695 .dijitSplitContainerSizerH,
 696 .dijitSplitContainerSizerV {
 697         position:absolute;
 698         font-size: 1px;
 699         cursor: move;
 700         cursor: w-resize;
 701         background-color: ThreeDFace;
 702         border: 1px solid;
 703         border-color: ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight;
 704         margin: 0;
 705 }
 706
 707 .dijitSplitContainerSizerH .thumb, .dijitSplitterV .dijitSplitterThumb {
 708         overflow:hidden;
 709         position:absolute;
 710         top:49%;
 711 }
 712
 713 .dijitSplitContainerSizerV .thumb, .dijitSplitterH .dijitSplitterThumb {
 714         position:absolute;
 715         left:49%;
 716 }
 717
 718 .dijitSplitterShadow,
 719 .dijitSplitContainerVirtualSizerH,
 720 .dijitSplitContainerVirtualSizerV {
 721         font-size: 1px;
 722         background-color: ThreeDShadow;
 723         -moz-opacity: 0.5;
 724         opacity: 0.5;
 725         filter: Alpha(Opacity=50);
 726         margin: 0;
 727 }
 728
 729 .dj_ie .dijitSplitterV, .dijitSplitContainerVirtualSizerH {
 730         cursor: w-resize;
 731 }
 732 .dj_ie .dijitSplitterH, .dijitSplitContainerSizerV, .dijitSplitContainerVirtualSizerV {
 733         cursor: n-resize;
 734 }
 735
 736 .dijit_a11y .dijitSplitterH {
 737         border-top:1px solid #d3d3d3 !important;
 738         border-bottom:1px solid #d3d3d3 !important;
 739 }
 740 .dijit_a11y .dijitSplitterV {
 741         border-left:1px solid #d3d3d3 !important;
 742         border-right:1px solid #d3d3d3 !important;
 743 }
 744
 745 /* ContentPane */
 746
 747 .dijitContentPane {
 748         display: block;
 749         overflow: auto; /* if we don't have this (or overflow:hidden), then Widget.resizeTo() doesn't make sense for ContentPane */
 750 }
 751 /* TitlePane */
 752 .dijitTitlePane {
 753         display: block;
 754         overflow: hidden;
 755 }
 756 .dj_ie7 .dijitTitlePaneTextNode {
 757         display:inline;
 758 }
 759
 760 /* Color Palette */
 761
 762 .dijitColorPalette {
 763         border:1px solid #999;
 764         background:#fff;
 765         -moz-border-radius:3pt;
 766 }
 767
 768 img.dijitColorPaletteUnder {
 769         border-style:none;
 770         position:absolute;
 771         left:0;
 772         top:0;
 773 }
 774 .dijitColorPaletteInner {
 775         position: relative;
 776         overflow:hidden;
 777         outline:0;
 778 }
 779 .dijitPaletteCell {
 780         width: 20px;
 781         height: 20px;
 782         position: absolute;
 783         overflow: hidden;
 784         z-index: 10;
 785         outline-width: 0;
 786 }
 787 .dijitPaletteImg {
 788         width: 16px; /*This is the width of one color in the provided palettes. */
 789         height: 14px; /* Height of one color in the provided palettes. */
 790         position: absolute;
 791         top: 1px;
 792         left: 1px;
 793         overflow: hidden;
 794         cursor: default;
 795         border:1px solid #999;
 796         /* -moz-border-radius:2pt; */
 797 }
 798
 799 .dijitPaletteCellHighlight img {
 800         width: 14px; /*This is the width of one color in the provided palettes. */
 801         height: 12px; /* Height of one color in the provided palettes. */
 802         position: absolute;
 803         top: 1px;
 804         left: 1px;
 805         overflow: hidden;
 806         cursor: default;
 807         border:2px solid #000;
 808         outline:1px solid #dedede;
 809         /* -moz-border-radius:0; */
 810 }
 811
 812 .dijit_a11y .dijitPaletteCell {
 813         background-color:transparent !important;
 814 }
 815 .dijit_a11y .dijitPaletteImg {
 816         background-color:transparent !important;
 817 }
 818
 819 /* Accordion */
 820
 821 .dijitAccordionPane {
 822         overflow: hidden !important;    /* prevent spurious scrollbars */
 823 }
 824
 825 .dijitAccordionPane .dijitAccordionBody {
 826         overflow: auto;
 827 }
 828
 829
 830 .dijitAccordionContainer {
 831         border:1px solid #b7b7b7;
 832         border-top:0 !important;
 833 }
 834
 835 .dijitAccordionTitle:hover {
 836         cursor: pointer;
 837 }
 838
 839 .dijitAccordionTitle .dijitAccordionArrow {
 840         float: right;
 841 }
 842
 843 /* images off, high-contrast mode styles */
 844 .dijitAccordionPane .dijitAccordionTitle .arrowTextUp,
 845 .dijitAccordionPane .dijitAccordionTitle .arrowTextDown {
 846         display: none;
 847         float: right;
 848         font-size: 0.65em;
 849         font-weight: normal !important;
 850 }
 851
 852 .dijit_a11y .dijitAccordionPane .dijitAccordionTitle .arrowTextUp {
 853         display: inline;
 854 }
 855
 856 .dijit_a11y .dijitAccordionTitle-selected .arrowTextDown {
 857         display: inline;
 858 }
 859
 860 .dijit_a11y .dijitAccordionTitle-selected .arrowTextUp {
 861         display: none;
 862 }
 863
 864 /* Calendar */
 865
 866 .dijitCalendarContainer thead tr th, .dijitCalendarContainer thead tr td, .dijitCalendarContainer tbody tr td, .dijitCalendarContainer tfoot tr td {
 867         padding: 0;
 868 }
 869
 870 .dijitCalendarNextYear {
 871         margin:0 0 0 0.55em;
 872 }
 873
 874 .dijitCalendarPreviousYear {
 875         margin:0 0.55em 0 0;
 876 }
 877
 878 .dijitCalendarIncrementControl {
 879         cursor:pointer;
 880         cursor:hand;
 881         width:1em;
 882 }
 883
 884 .dijitCalendarDisabledDate {
 885         color:gray !important;
 886 }
 887
 888 .dijitCalendarBodyContainer tbody tr td {
 889         cursor:pointer;
 890         cursor:hand;
 891 }
 892
 893 .dijitCalendarPreviousMonthDisabled,
 894 .dijitCalendarCurrentMonthDisabled,
 895 .dijitCalendarNextMonthDisabled {
 896         cursor:default !important
 897 }
 898
 899 .dijitCalendarDateTemplate,
 900 .dijitCalendarSelectedYear,
 901 .dijitCalendarNextYear,
 902 .dijitCalendarPreviousYear {
 903         cursor:pointer;
 904 }
 905
 906 .dijitCalendarMonthLabelSpacer {
 907         /* don't display it, but make it affect the width */
 908         position: relative;
 909         height: 1px;
 910         overflow: hidden;
 911         visibility: hidden;
 912 }
 913
 914
 915 /* Menu */
 916
 917 .dijitMenu {
 918         border:1px solid black;
 919         background-color:white;
 920 }
 921 .dijitMenuTable {
 922         margin:1px 0;
 923         border-collapse:collapse;
 924         border-width:0;
 925         background-color:white;
 926 }
 927
 928 .dijitMenuItem{
 929         white-space: nowrap;
 930         padding:.1em .2em;
 931 }
 932
 933 .dijitMenuItemHover {
 934         cursor:pointer;
 935         cursor:hand;
 936         background-color:black;
 937         color:white;
 938 }
 939
 940 .dijitMenuItemIcon {
 941         position: relative;
 942         background-repeat: no-repeat;
 943 }
 944
 945 .dijitMenuItemDisabled * {
 946         /* for a disabled menu item, just set it to mostly transparent */
 947         opacity:0.3;
 948         cursor:default;
 949 }
 950 .dj_ie .dijit_a11y .dijitMenuItemDisabled td,
 951 .dj_ie .dijitMenuItemDisabled *,
 952 .dj_ie .dijitMenuItemDisabled td {
 953         color:gray !important;
 954         filter: alpha(opacity=35);
 955 }
 956
 957 .dijitMenuItemLabel {
 958         position: relative;
 959         vertical-align: middle;
 960 }
 961
 962 .dijit_a11y .dijitMenuItemHover .dijitMenuItemLabel {
 963         border-width: 1px;
 964         border-style: solid;
 965 }
 966 .dijit_a11y .dijitMenuItemHover {
 967         border: 1px #fff dotted !important;
 968 }
 969
 970 .dijit_a11y .dijitMenuExpandInner {
 971         display:block !important;
 972 }
 973
 974 /* separator can be two pixels -- set border of either one to 0 to have only one */
 975 .dijitMenuSeparatorTop {
 976         height: 50%;
 977         margin: 0;
 978         margin-top:3px;
 979         font-size: 1px;
 980 }
 981
 982 .dijitMenuSeparatorBottom {
 983         height: 50%;
 984         margin: 0;
 985         margin-bottom:3px;
 986         font-size: 1px;
 987 }
 988
 989
 990
 991 /* Tab */
 992
 993
 994 .dijitTabLabels-top {
 995 /* position the tab labels row down by 1 px, and on top of the dijitTabPaneWrapper
 996         so the buttons can overlay the tab pane properly                */
 997         top:1px !important;
 998         z-index:10;
 999 }
1000
1001 .dijitTabLabels-bottom {
1002 /* position the tab labels row up by 1 px so they overlap       */
1003         margin-top:-1px !important;
1004         z-index:10;
1005 }
1006
1007 .dijitTabLabels-left-h {
1008 /* position the tab labels left by 1 px so they overlap         */
1009         margin-right:-1px !important;
1010         z-index:10;
1011 }
1012
1013 .dijitTabLabels-right-h {
1014 /* position the tab labels right by 1 px, on top of the dijitTabPaneWrapper
1015         so the buttons can overlay the tab pane properly                */
1016         margin-left:-1px !important;
1017         z-index:10;
1018 }
1019
1020 .dijitTabPaneWrapper {
1021         z-index:0;
1022         overflow: hidden;
1023         clear: both;    /* needed for doLayout=false mode */
1024 }
1025
1026 .dijitTab {
1027         position:relative;
1028         float:left;
1029         cursor:pointer;
1030         white-space:nowrap;
1031         z-index:3;
1032 }
1033
1034 .dijitTabContainer .dijitAlignLeft .dijitTab,
1035 .dijitTabContainer .dijitAlignRight .dijitTab {
1036         float:none;
1037 }
1038
1039 .dijitTabInnerDiv {
1040         position:relative;
1041 }
1042
1043 .dijitTab .close {
1044         display: inline-block;
1045         cursor: default;
1046         font-size: small;
1047 }
1048
1049 /* images off, high-contrast mode styles */
1050 .dijitTab .closeText {
1051         display:none;
1052         padding: 0 2px;
1053         margin: 0 2px;
1054 }
1055 .dijit_a11y .dijitTab .closeImage {
1056         padding: 0 !important;
1057         margin: 0 !important;
1058         top: 0 !important;
1059         bottom: 0 !important;
1060 }
1061 .dijit_a11y .closeText {
1062         display:inline;
1063         margin-left:6px;
1064 }
1065 .dijit_a11y .closeText:hover {
1066         border:thin solid;
1067 }
1068 .dijit_a11y .dijitTabChecked {
1069         border-style:dashed !important;
1070 }
1071
1072 .dijit_a11y .dijitTabInnerDiv {
1073         border-left:none !important;
1074  }
1075
1076
1077 .dijitInlineEditor {
1078         /* span around an inline-editable value when in edit mode */
1079         position:relative;
1080         vertical-align:bottom;
1081 }
1082 .dj_ie .dijitInlineEditor {
1083         vertical-align:middle;
1084 }
1085
1086 .dijitInlineValue {
1087         /* span around an inline-editable value when NOT in edit mode */
1088 }
1089
1090 .dijitInlineEditor .dijitButtonContainer {
1091         /* div around the buttons -- makes them float below the field */
1092         position:absolute;
1093         right:0;
1094         overflow:visible;
1095 }
1096
1097 .dijitInlineEditor .saveButton,
1098 .dijitInlineEditor .cancelButton {
1099 }
1100
1101 /* Tree */
1102
1103 .dijitTreeExpando, .dijitTreeExpand {
1104         float:left;
1105         display:inline;
1106 }
1107
1108 .dijitTreeExpando {
1109         clear:both;
1110 }
1111
1112 .dijitTreeContent {
1113     cursor: default;
1114     /* can't make inline - multiline bugs */
1115 }
1116
1117 .dijitExpandoText {
1118         display: none;
1119 }
1120
1121 .dijit_a11y .dijitExpandoText {
1122         float: left;
1123         display: inline;
1124         padding-left: 10px;
1125         padding-right: 10px;
1126         font-family: monospace;
1127         border-style: solid;
1128         border-width: thin;
1129         cursor: pointer;
1130 }
1131
1132 /* Dialog */
1133
1134 .dijitDialog {
1135         position: absolute;
1136         z-index: 999;
1137         padding: 1px;
1138 }
1139
1140 .dijitDialogUnderlayWrapper {
1141         position: absolute;
1142         left: 0;
1143         top: 0;
1144         z-index: 998;
1145         display: none;
1146         background: transparent !important;
1147 }
1148
1149 .dijitDialogUnderlay {
1150         background: #eee;
1151         opacity: 0.5;
1152 }
1153
1154 .dj_ie .dijitDialogUnderlay {
1155         filter: alpha(opacity=50);
1156 }
1157
1158 /* images off, high-contrast mode styles */
1159 .dijit_a11y .dijitInputLayoutContainer,
1160 .dijit_a11y .dijitDialog {
1161         opacity: 1 !important;
1162         background-color: white !important;
1163 }
1164
1165 .dijitDialog .closeText {
1166         display:none;
1167         /* for the onhover border in high contrast on IE: */
1168         position:absolute;
1169 }
1170
1171 .dijit_a11y .dijitDialog .closeText {
1172         display:inline;
1173 }
1174
1175 .dijitSliderMoveable {
1176         z-index:99;
1177         position:absolute !important;
1178         display:block;
1179         vertical-align:middle;
1180 }
1181
1182 .dijitSliderMoveableH {
1183         right:0;
1184 }
1185
1186 .dijit_a11y div.dijitSliderImageHandle,
1187 .dijitSliderImageHandle {
1188         margin:0;
1189         padding:0;
1190         position:absolute !important;
1191         border:8px solid gray;
1192         width:0;
1193         height:0;
1194 }
1195 .dijit_a11y .dijitSliderFocused .dijitSliderImageHandle {
1196         border:4px solid #000;
1197         height:8px;
1198         width:8px;
1199 }
1200
1201 .dijitSliderImageHandleV {
1202         top:-8px;
1203         left:-6px;
1204 }
1205
1206 .dijitSliderImageHandleH {
1207         left:-8px;
1208         top:-5px;
1209         vertical-align:top;
1210 }
1211
1212 .dijitSliderBar {
1213         border-style:solid;
1214         border-color:black;
1215 }
1216
1217 .dijitSliderBarH {
1218         height:4px;
1219         border-width:1px 0;
1220 }
1221
1222 .dijitSliderBarV {
1223         width:4px;
1224         border-width:0 1px;
1225 }
1226
1227 .dijitSliderProgressBar {
1228         background-color:red;
1229         #z-index:0;
1230 }
1231
1232 .dijitSliderProgressBarV {
1233         position:static !important;
1234         height:0%;
1235         vertical-align:top;
1236         text-align:left;
1237 }
1238
1239 .dijitSliderProgressBarH {
1240         position:absolute !important;
1241         width:0%;
1242         vertical-align:middle;
1243         overflow:visible;
1244 }
1245
1246 .dijitSliderRemainingBar {
1247         overflow:hidden;
1248         background-color:transparent;
1249         #z-index:-1;
1250 }
1251
1252 .dijitSliderRemainingBarV {
1253         height:100%;
1254         text-align:left;
1255 }
1256
1257 .dijitSliderRemainingBarH {
1258         width:100% !important;
1259 }
1260
1261 /* the slider bumper is the space consumed by the slider handle when it hangs over an edge */
1262 .dijitSliderBumper {
1263         overflow:hidden;
1264         #z-index:-1
1265 }
1266
1267 .dijitSliderBumperV {
1268         width:4px;
1269         height:8px;
1270         border-width:0 1px;
1271 }
1272
1273 .dijitSliderBumperH {
1274         width:8px;
1275         height:4px;
1276         border-width:1px 0;
1277 }
1278
1279 .dijitSliderBottomBumper,
1280 .dijitSliderLeftBumper {
1281         background-color:red;
1282 }
1283
1284 .dijitSliderTopBumper,
1285 .dijitSliderRightBumper {
1286         background-color:transparent;
1287 }
1288
1289 .dijitSliderDecorationH {
1290         text-align:center;
1291 }
1292
1293 .dijitSlider .dijitSliderButton {
1294         font-family:monospace;
1295         margin:0;
1296         padding:0;
1297         display:block;
1298 }
1299
1300 .dijit_a11y .dijitSliderButtonInner {
1301         visibility:visible !important;
1302 }
1303
1304 .dijitSliderButtonContainer {
1305         text-align:center;
1306         height:0;
1307 }
1308
1309 .dijitSlider .dijitButtonNode {
1310         padding:0;
1311         display:block;
1312 }
1313
1314 .dj_ie .dijitRuleContainer {
1315         z-index: -1; /* #4809 */
1316 }
1317
1318 .dijitRuleContainer {
1319         position:relative;
1320         overflow:visible;
1321 }
1322
1323 .dijitRuleContainerV {
1324         height:100%;
1325         line-height:0;
1326         float:left;
1327         text-align:left;
1328 }
1329
1330 .dj_opera .dijitRuleContainerV {
1331         line-height:2%;
1332 }
1333
1334 .dj_ie .dijitRuleContainerV {
1335         line-height:normal;
1336 }
1337
1338 .dj_gecko .dijitRuleContainerV {
1339         margin:0 0 1px 0; /* mozilla bug workaround for float:left,height:100% block elements */
1340 }
1341
1342 .dijitRuleMark {
1343         position:absolute;
1344         border:1px solid black;
1345         line-height:0;
1346         height:100%;
1347 }
1348
1349 .dijitRuleMarkH {
1350         width:0;
1351         border-top-width:0 !important;
1352         border-bottom-width:0 !important;
1353         border-left-width:0 !important;
1354 }
1355
1356 .dijitRuleLabelContainer {
1357         position:absolute;
1358 }
1359
1360 .dijitRuleLabelContainerH {
1361         text-align:center;
1362         display:inline-block;
1363 }
1364
1365 .dijitRuleLabelH {
1366         position:relative;
1367         left:-50%;
1368 }
1369
1370 .dijitRuleMarkV {
1371         height:0;
1372         border-right-width:0 !important;
1373         border-bottom-width:0 !important;
1374         border-left-width:0 !important;
1375         width:100%;
1376         left:0;
1377 }
1378
1379 .dj_ie .dijitRuleLabelContainerV {
1380         margin-top:-.55em;
1381 }
1382
1383 /* Toolbar A11y */
1384 .dijit_a11y .dijitButtonContents .dijitButtonText {
1385         display: inline !important;
1386 }
1387
1388 .dijitTextArea {
1389         width:100%;
1390         overflow: auto; /* w/out this IE's SimpleTextArea goes to overflow: scroll */
1391 }
1392
1393 .dj_ie .dijitTextArea p {
1394         margin-top:0;
1395         margin-bottom:0;
1396         line-height: normal !important;
1397 }
1398
1399 .dijitToolbarSeparator {
1400         height: 18px;
1401         width: 5px;
1402         padding: 0 1px;
1403         margin: 0;
1404 }
1405
1406 /* Editor */
1407 .dijitIEFixedToolbar {
1408         position:absolute;
1409         /* top:0; */
1410         top: expression(eval((document.documentElement||document.body).scrollTop));
1411 }
1412
1413 /* TimePicker */
1414
1415 .dijitTimePickerItemInner {
1416         text-align:center;
1417         border:0;
1418         padding:2px 8px 2px 8px;
1419 }
1420 .dijitTimePickerTick {
1421         /* opacity:0.1 !important; */
1422         color:#dedede;
1423         border-bottom:1px solid #dedede;
1424         border-top:1px solid #dedede;
1425         position:relative;
1426 }
1427 .dijitTimePickerTick .dijitTimePickerItemInner {
1428         font-size:0.25em;
1429 }
1430 .dijitTimePickerMarker {
1431         background-color:#ededed;
1432         border-top:1px solid #999;
1433         border-bottom:1px solid #999;
1434 }
1435
1436 .dijitTimePickerItemHover {
1437         opacity:1 !important;
1438         background-color:#808080;
1439         color:#fff;
1440         border-top:1px solid #333;
1441         border-bottom:1px solid #333;
1442         cursor:pointer;
1443 }
1444 .dijitTimePickerMarker.dijitTimePickerItemHover {
1445         font-size:1.3em;
1446 }
1447
1448 .dijitTimePickerItemHover .dijitTimePickerItemInner {
1449         display:block;
1450         overflow:visible;
1451         background-color:#808080;
1452         font-size:1em;
1453 }
1454
1455 .dijitTimePickerItemSelected {
1456         font-weight:bold;
1457         color:#333;
1458         background-color:#b7cdee !important;
1459 }
1460
1461 .dijit_a11y .dijitTimePickerItem {
1462         border-bottom:1px solid #333;
1463 }
1464
1465
1466 /* Disable the high contrast character */
1467 .dijitToggleButtonIconChar {
1468         display:none !important;
1469 }
1470 .dijit_a11y .dijitToggleButtonIconChar {
1471         display:inline !important;
1472 }
1473
1474 .dijit_a11y .dijitToggleButtonIconChar {
1475         visibility:hidden;
1476 }
1477 .dijit_a11y .dijitToggleButtonChecked .dijitToggleButtonIconChar {
1478         visibility:visible !important;
1479 }
1480
1481 .dijitArrowButtonChar {
1482         display:none !important;
1483 }
1484 .dijit_a11y .dijitArrowButtonChar {
1485         display:inline !important;
1486 }
1487 .dijitInputLayoutContainer {
1488         position: relative;
1489         overflow: hidden;
1490 }
1491 .dijitSpinnerButtonContainer {
1492         float: right;
1493         width: 18px;
1494         position: relative;
1495         overflow: hidden;
1496 }
1497 .dijitSpinner .dijitInputLayoutContainer .dijitArrowButton {
1498         height: 50%;
1499         width: 16px;
1500         overflow: hidden;
1501 }
1502 .dj_ie .dijitSpinner .dijitInputLayoutContainer .dijitArrowButton {
1503         behavior: expression(
1504                 function(self){
1505                         var e;
1506                         try{
1507                                 var h = self.parentNode.offsetHeight/2;
1508                                 if(h > 1){
1509                                         self.style.height = h;
1510                                         self.style.behavior = null; /* prevent re-eval of css expression */
1511                                 }
1512                         }catch(e){} /* random exceptions thrown during init */
1513                 }(this)
1514         );
1515 }
1516 .dijitSpinner .dijitInputLayoutContainer .dijitArrowButtonInner {
1517         overflow: hidden;
1518         line-height: 50%;
1519 }
1520 .dijit_a11y .dijitSpinner .dijitInputLayoutContainer .dijitArrowButton {
1521         width: 100%;
1522 }
1523 .dijit_a11y .dijitSpinner .dijitArrowButton .dijitArrowButtonChar {
1524         font-size: 0.4em;
1525         vertical-align: top;
1526 }
1527 .dijit_a11y .dijitSpinnerButtonContainer {
1528         width: 0.5em;
1529         margin-left: 2px;
1530         overflow: visible;
1531 }
1532 .dijit_a11y .dijitSpinnerButtonContainer .dijitButtonNode {
1533         border-width: 1px 0px 0px 1px;
1534         border-style: solid !important;
1535 }