Subversion Repositories Applications.papyrus

/*
        Essential styles that themes can inherit.
        In other words, works but doesn't look great.
*/



/**** 
                GENERIC PIECES 
 ****/

.dijitReset {
        /* Use this style to null out padding, margin, border in your template elements
                so that page specific styles don't break them.
                - Use in all TABLE, TR and TD tags.     
                - If there is more than one class on the tag, place this first so other classes override.
        */
        margin:0px;
        border:0px;
        padding:0px;
        line-height:normal;
}

.dijitInline {
        /*  To inline block elements.
                Similar to InlineBox below, but this has fewer side-effects in Moz.  
                Also, apparently works on a DIV as well as a FIELDSET.
        */
        display:-moz-inline-box;                /* FF2 */
        display:inline-block;                   /* webkit and FF3 */
        border:0px;
        padding:0px;
        vertical-align:middle;
}

.dj_ie .dijitInline { 
        zoom: 1; /* set hasLayout:true to mimic inline-block */
        #display:inline;
}

.dijitInlineTable {
        /* To inline tables with a given width set (otherwise, use dijitInline above)
         * Must also put style="-moz-inline-stack" on the node itself to workaround FF2 bugs
         */
        display: -moz-inline-stack;                     /* FF2 */
        display:inline-table;
        display:inline-block;                   /* webkit and FF3 */
        #display:inline;                                /* MSIE   (TODO: is this needed???) */
        border:0px;
        padding:0px;
        vertical-align:middle;
        position:relative; /* #5034 */
}

.dijitTeeny {
        font-size:1px;
        line-height:1px;
}

/*
 * Popup items have a wrapper div (dijitPopup)
 * with the real popup inside, and maybe an iframe too
 */
.dijitPopup {
        position: absolute;
        background-color: transparent;
        margin: 0;
        border: 0;
        padding: 0;
}
.dijit_a11y .dijitPopup,
.dijit_ally .dijitPopup div,
.dijit_a11y .dijitPopup table,
.dijit_a11y .dijitTooltipContainer {
        opacity: 1 !important;
        background-color: white !important;
}
.dj_ie .dijit_a11y .dijitPopup * {
        filter: none;
}

.dijitInputField {
        font-family:inherit;
        font-size:inherit;
        font-weight:inherit;
}

.dijitPositionOnly {
        /* Null out all position-related properties */
        padding: 0px !important;
        border: 0px !important;
        background-color: transparent !important;
        background-image: none !important;
        height: auto !important;
        width: auto !important;
}

.dijitNonPositionOnly {
        /* Null position-related properties */
        float: none !important;
        position: static !important;
        margin: 0px 0px 0px 0px !important;
        vertical-align: middle !important;
}

.dijitBackgroundIframe {
        /*
         * iframe used for FF2 in high-contrast mode to prevent menu
         * being transparent
         */
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: -1;
        border: 0;
        padding: 0;
        margin: 0;
}

.dijitClickableRegion {
        /* a region we expect the user to click on */
        cursor : pointer;
}


.dijitDisplayNone {
        /* hide something.  Use this as a class rather than element.style so another class can override */
        display:none !important;
}

.dijitContainer {
        /* for all layout containers */
        overflow: hidden;       /* need on IE so something can be reduced in size, and so scrollbars aren't temporarily displayed when resizing */
}

/**** 
                A11Y 
 ****/
.dijit_a11y * {
        background-image:none !important;
        background-color:transparent !important;
}

.dijit_a11y .dijitCalendarIncrementControl .dijitA11ySideArrow { 
        padding-left:.2em; 
        visibility:visible !important; 
}

.dijitToolbar .dijitDropDownButton .dijitA11yDownArrow{
        /*make the arrow smaller in toolbar*/
        padding:0;
        margin:0;
}
.dj_ie6 .dijitToolbar .dijitDropDownButton .dijitA11yDownArrow{
        /*vertical-align: middle does not place the arrow in the middle of the toolbar in IE*/
        vertical-align: bottom;
}

.dijitA11ySideArrow {
        vertical-align:top;
        margin-right:0em; 
        margin-left:.2em; 
        line-height:2em;
        text-align:center; 
}

.dj_ie .dijitA11yDownArrow,
.dj_ie .dijitA11yUpArrow {
        font-size:.8em;
        vertical-align:middle;
        margin-right:.5em;
}




.dijit_a11y .dijitButton .dijitButtonNode,
.dijit_a11y .dijitDropDownButton .dijitButtonNode,
.dijit_a11y .dijitComboButton .dijitButtonNode,
.dijit_a11y .dijitComboBox .dijitInputField,
.dijit_a11y .dijitComboBox .dijitButtonNode {
        border:1px solid black !important;
        background:white !important;
        color:black !important;
}

.dijit_a11y .dijitButtonDisabled .dijitButtonNode,
.dijit_a11y .dijitDropDownButtonDisabled .dijitButtonNode,
.dijit_a11y .dijitComboButtonDisabled .dijitButtonNode,
.dijit_a11y .dijitComboBoxDisabled .dijitInputField,
.dijit_a11y .dijitComboBoxDisabled .dijitButtonNode,
.dijit_a11y .dijitSpinnerDisabled .dijitButtonNode,
.dijit_a11y .dijitSpinnerDisabled .dijitInputField {
        border:1px dotted #999999 !important;
        color:#999999 !important;
}

.dijit_a11y .dijitComboButton .dijitDownArrowButton,
.dijit_a11y .dijitComboBox .dijitDownArrowButton {
        border-left:0px !important;
}

/* In high contrast mode, display the check symbol */
.dijit_a11y .dijitToggleButtonChecked .dijitToggleButtonIconChar { 
        display: inline !important; 
}



/****
                3-element borders:  ( dijitLeft + dijitStretch + dijitRight ) 
 ****/
        
.dijitLeft {
        /* Left part of a 3-element border */
        background-position:left top;
        background-repeat:no-repeat;
}

.dijitStretch {
        /* Middle (stretchy) part of a 3-element border */
        white-space:nowrap;                     /* MOW: move somewhere else */
        background-repeat:repeat-x;
}

.dijitRight {
        /* Right part of a 3-element border */
        #display:inline;                                /* IE7 sizes to outer size w/o this */
        background-position:right top;
        background-repeat:no-repeat;
}


/****
                Right-to-left rules
 ****/
.dijitRTL .dijitRightArrow {
        /* it becomes a left arrow for LTR locales */
        /* MOW: TODO... */
        margin-left:-2.1em;
}





/****
                dijit.form.Button
                dijit.form.DropDownButton
                dijit.form.ComboButton
                dijit.form.ComboBox (partial)
 ****/
.dijitButton,
.dijitDropDownButton,
.dijitComboButton,
.dijitComboBox {
        /* outside of button */
        margin: 0.2em;
        /* normalize line-heights inside the button */
        line-height: 1.3em;
}

.dj_safari .dijitToolbar .dijitDropDownButton {
        padding-left: 0.3em;
}

.dijitButtonNode {
        /* Node that is acting as a button -- may or may not be a BUTTON element */
        border:1px solid gray;
        margin:0px;
        padding:.2em .2em .1em .2em;
        overflow:visible;
        line-height:normal;
        font-family:inherit;
        font-size:inherit;
        color: inherit;
        cursor:pointer;
        vertical-align:middle;  
        text-align:center;
        white-space: nowrap;
}

.dijitDownArrowButton,
.dijitUpArrowButton {
        /* Node that is acting as a arrow button -- drop down (spinner has its own treatment).  Also gets dijitButtonNode */
        /* place AFTER dijitButtonNode so it overrides */
        padding:0em .4em;
        margin:0px;
        font-size: 0.7em;
}


.dijitButtonContents {
        color:inherit;
}

.dijitDropDownButton .dijitA11yDownArrow {
        margin-left:.8em;
}

.dijitComboButton TABLE {
        /* each cell in a combo-table should have its own separate border */
        border-collapse: separate;
        border:0px;
        padding:0px;
        margin:0px;
}

.dijitComboButton .dijitButtonContents {
        border-right-width:0px !important;
}


table .dijitButton .dijitButtonNode,
table .dijitComboButton .dijitButtonNode {
        #overflow:hidden; /* visible messes up if the button is inside a table on IE */
}



.dijitButtonNode IMG {
        /* make text and images line up cleanly */
        vertical-align:middle;
        margin-bottom:.2em;
}

/******
        TextBox related.
        Everything that has an <input>
*******/

.dijitTextBox,
.dijitComboBox,
.dijitSpinner {
        border: solid black 1px;
        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 */
}

/* rules for safari to deal with fuzzy blue focus border */
.dijitTextBox input:focus,
.dijitComboBox input:focus,
.dijitSpinner input:focus {
        outline: none;  /* blue fuzzy line looks wrong on combobox or something w/validation icon showing */
}
.dijitTextBoxFocused,
.dijitComboBoxFocused,
.dijitSpinnerFocused {
        /* should we display focus like we do on other browsers, or use the safari standard focus indicator?? */
        outline: auto 5px -webkit-focus-ring-color;
}

.dijitTextBox INPUT,
.dijitComboBox INPUT,
.dijitSpinner INPUT {
        padding:0px;
        border-left: solid black 1px;   /* TODO: for RTL mode should be border-right */
        display:inline;
        position:static !important;
        border:0px !important;  
        margin:0px !important;
        vertical-align:0em !important;
        visibility:visible !important;
        background-color:transparent !important;
        background-image:none !important;
        width:100% !important;
}

/* #4711: prevent IE from over-expanding 100% width input boxes */
.dj_ie .dijitTextBox .dijitInputField,
.dj_ie .dijitComboBox .dijitInputField,
.dj_ie .dijitSpinner .dijitInputField {
        position:relative;
}
.dj_ie .dijitTextBox .dijitInputField INPUT,
.dj_ie .dijitComboBox .dijitInputField INPUT,
.dj_ie .dijitSpinner .dijitInputField INPUT {
        position:absolute !important;
        top:auto !important;
        left:auto !important;
        right:auto !important;
        bottom:auto !important;
        font-size:100%;
}

.dj_ie INPUT.dijitTextBox {
        font-size:100%;
}

/* Display an "X" for invalid input. Themes will override these rules to display an icon instead.
*/
.dijitValidationIcon { display: none; background-position-y:center; }
.dijitValidationIconText { visibility: hidden; }
.dijit_a11y .dijitValidationIcon { display: none !important; }
.dijit_a11y .dijitValidationIconText { display: block !important; }

.dijitTextBoxError .dijitValidationIconText,
.dijitComboBoxError .dijitValidationIconText,
.dijitSpinnerError .dijitValidationIconText {
        visibility: visible;
}

.dijitSpinner .dijitDownArrowButton,
.dijitSpinner .dijitUpArrowButton {
    padding: 0 .4em;
    border: 1px solid;
    line-height: .769em;
    /* TODO: as we use border-collapse, is this necessary? */
    border-left-style: none;
}
.dj_ie .dijitSpinner .dijitDownArrowButton,
.dj_ie .dijitSpinner .dijitUpArrowButton {
    padding: 0 .2em!important;
    text-align: center;
}
.dijitSpinner .dijitDownArrowButton div,
.dijitSpinner .dijitUpArrowButton div {
    text-align: center;
    font-size: .769em;
    line-height: 1em;
    vertical-align: baseline;
    margin: 0 auto;
}

.dijitTextBox .dijitDownArrowButton {
        /* this is for a combo box with no arrow displayed; we set baseClass=TextBox */
        display:none;
}

/****
                dijit.form.CheckBox
         & 
                dijit.form.RadioButton 
 ****/

.dijitCheckBox,
.dijitRadio,
.dijitCheckBoxInput {
        padding: 0;
        border: 0;
        width: 16px;
        height: 16px;
        background-position:center center;
        background-repeat:no-repeat;
}

.dijitCheckBox INPUT,
.dijitRadio INPUT {
        margin: 0; 
        padding: 0;
        display: block;
}
 
.dijitCheckBoxInput {
        /* place the actual input on top, but all-but-invisible */
        opacity: 0.01;
        overflow:hidden;
}

.dj_ie .dijitCheckBoxInput {
        filter: alpha(opacity=0);
}

.dijit_a11y .dijitCheckBox,
.dijit_a11y .dijitRadio {
        width: auto;
        height: auto;
}
.dijit_a11y .dijitCheckBoxInput {
        opacity: 1;
        filter: none;
        width: auto;
        height: auto;
}


/****
                dijit.ProgressBar
 ****/
 
.dijitProgressBarEmpty{
        /* outer container and background of the bar that's not finished yet*/
        position:relative;overflow:hidden;
        border:1px solid black;         /* a11y: border necessary for high-contrast mode */
        z-index:0;                      /* establish a stacking context for this progress bar */
}

.dijitProgressBarFull {
        /* outer container for background of bar that is finished */
        position:absolute;
        overflow:hidden;
        z-index:-1;
        top:0;
        width:100%;
        height:100%;
}

.dijitProgressBarTile{
        /* inner container for finished portion */
        position:absolute;
        overflow:hidden;
        top:0px;
        left:0px;
        bottom:0px;
        right:0px;
        margin:0px;
        padding:0px;
        width:auto;
        height:auto;
        background-color:#aaa;
        background-attachment: fixed;
}

.dijit_a11y .dijitProgressBarTile{
        /* a11y:  The border provides visibility in high-contrast mode */
        border-width:4px;
        border-style:solid;
        background-color:transparent !important;
}

.dj_iequirks .dijitProgressBarTile{
        width:100%;
        height:100%;
}

.dj_ie6 .dijitProgressBarTile{
        /* width:auto works in IE6 with position:static but not position:absolute */
        position:static;
        /* height:auto does not work in IE6 */
        height:100%;
}

.dijitProgressBarIndeterminate .dijitProgressBarLabel{
        visibility:hidden;
}

.dijitProgressBarIndeterminate .dijitProgressBarTile{
        /* animated gif for 'indeterminate' mode */
}

.dijitProgressBarIndeterminateHighContrastImage{
        display:none;
}

.dijit_a11y .dijitProgressBarIndeterminate .dijitProgressBarIndeterminateHighContrastImage{
        display:block;
        position:absolute;
        top:0;
        bottom:0;
        margin:0;
        padding:0;
        width:100%;
        height:auto;
}

.dijitProgressBarLabel{
        display:block;
        position:static;
        width:100%;
        text-align:center;
        background-color:transparent;
}

/* progress bar in vertical mode - TODO: remove? no longer supported? */
.dijitProgressBarVertical .dijitProgressBarFull{
        bottom:0px;             /* start at the bottom */
}

.dj_ie6 .dijitProgressBarVertical .dijitProgressBarTile{
        position:absolute;
        /* can't use position:static here -- need absolute positioning to place
           the bar at the bottom of a vertical progressbar */
        width:100%;
}


/****
                dijit.Tooltip
 ****/

.dijitTooltip {
        position: absolute;
        z-index: 2000;
        display: block;
        /* make visible but off screen */
        left: 50%;
        top: -10000px;
        overflow: visible;
}
/*
See http://trac.dojotoolkit.org/ticket/5006
.dijitTooltipDialog {
        position: relative;
}
*/
.dijitTooltipContainer {
        border: solid black 2px;
        background: #b8b5b5;
        color: black;
        font-size: small;
}

.dijitTooltipFocusNode {
        padding: 2px 2px 2px 2px;
}

.dijitTooltipConnector {
        position: absolute;
}

/* MOW: using actual images at this time
/* draw an arrow with CSS only * /
.dijitTooltipConnector {
        /* the border on the triangle * /
        font-size: 0px; line-height: 0%; width: 0px;
        border-top: none;
        border-bottom: 14px solid black;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        top: -14px;
        left: 3px;
        z-index: 2;
}

.dijitTooltipConnector div {
        /* the background of the triangle * /
        font-size: 0px; line-height: 0%; width: 0px;
        position: absolute;
        border-bottom: 10px solid #b8b5b5;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        top: 6px;
        left: -5px;
        z-index: 3;
}

*/



/* Layout widgets. This is essential CSS to make layout work (it isn't "styling" CSS)
   make sure that the position:absolute in dijitAlign* overrides other classes */

.dijitLayoutContainer{ 
        position: relative;
        display: block;
        overflow: hidden; 
}

body .dijitAlignTop,
body .dijitAlignBottom,
body .dijitAlignLeft,
body .dijitAlignRight {
        position: absolute;
        overflow: hidden; 
}

body .dijitAlignClient { position: absolute; }

/* SplitContainer 

        'V' == container that splits vertically (up/down)
        'H' = horizontal (left/right)
*/
.dijitSplitContainer{
        position: relative;
        overflow: hidden;
        display: block;
}

.dijitSplitPane{
        position: absolute;
}

.dijitSplitContainerSizerH,
.dijitSplitContainerSizerV {
        position:absolute;
        font-size: 1px;
        cursor: move;
        cursor: w-resize;
        background-color: ThreeDFace;
        border: 1px solid;
        border-color: ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight;
        margin: 0;
}

.dijitSplitContainerSizerV {
        cursor: n-resize;
}

.dijitSplitContainerSizerH .thumb {
        position:absolute;
        top:49%;
}

.dijitSplitContainerSizerV .thumb {
        position:absolute;
        left:49%;
}

.dijitSplitContainerVirtualSizerH,
.dijitSplitContainerVirtualSizerV {
        font-size: 1px;
        cursor: move;
        cursor: w-resize;
        background-color: ThreeDShadow;
        -moz-opacity: 0.5;
        opacity: 0.5;
        filter: Alpha(Opacity=50);
        margin: 0;
}

.dijitSplitContainerVirtualSizerV {
        cursor: n-resize;
}


/* ContentPane */

.dijitContentPane {
        display: block;
        overflow: auto; /* if we don't have this (or overflow:hidden), then Widget.resizeTo() doesn't make sense for ContentPane */
}
/* TitlePane */
.dijitTitlePane {
        display: block;
        overflow: hidden;
}

/* Color Palette */

.dijitColorPalette {
        border:1px solid #999;
        background:#fff;
        -moz-border-radius:3pt; 
}

img.dijitColorPaletteUnder {
        border-style:none;
        position:absolute;
        left:0;
        top:0;
}
.dijitColorPaletteInner {
        position: relative; 
        overflow:hidden;
        outline:0;
}
.dijitPaletteImg {
        width: 16px; /*This is the width of one color in the provided palettes. */
        height: 14px; /* Height of one color in the provided palettes. */
        position: absolute;
        overflow: hidden;
        cursor: default;
        z-index: 10;
        border:1px solid #999; 
        /* -moz-border-radius:2pt; */
}

.dijitPaletteImgHighlight {
        width: 14px; /*This is the width of one color in the provided palettes. */
        height: 12px; /* Height of one color in the provided palettes. */
        position: absolute;
        overflow: hidden;
        cursor: default;
        z-index: 10;
}

/* .dijitPaletteImg:hover, */
.dijitPaletteImg:focus,
.dijitPaletteImgHighlight {
        width: 14px; /*This is the width of one color in the provided palettes. */
        height: 12px; /* Height of one color in the provided palettes. */
        border:2px solid #000; 
        outline:2px solid #dedede;
        /* -moz-border-radius:0; */     
}


.dijitColorPaletteCell {
        width:16px;
        height:14px;
        border: 1px solid;
}

.dijitColorPaletteCell:hover {
        border-style: solid;
        outline:0;
}

/* Accordion */

.dijitAccordionPane {
        overflow: hidden !important;    /* prevent spurious scrollbars */
}

.dijitAccordionPane .dijitAccordionBody {
        overflow: auto;
}


.dijitAccordionContainer {
        border:1px solid #b7b7b7;
        border-top:0 !important; 
}

.dijitAccordionPane .dijitAccordionTitle:hover {
        cursor: pointer;
}

.dijitAccordionPane .dijitAccordionTitle .dijitAccordionArrow {
        float: right;
}

/* images off, high-contrast mode styles */
.dijitAccordionPane .dijitAccordionTitle .arrowTextUp,
.dijitAccordionPane .dijitAccordionTitle .arrowTextDown {
        display: none; 
        float: right;
        font-size: 0.65em; 
        font-weight: normal !important;
}

.dijit_a11y .dijitAccordionPane .dijitAccordionTitle .arrowTextUp { 
        display: inline; 
}

.dijit_a11y .dijitAccordionPane-selected .dijitAccordionTitle .arrowTextDown {
        display: inline; 
}

.dijit_a11y .dijitAccordionPane-selected .dijitAccordionTitle .arrowTextUp {
        display: none; 
}

/* Calendar */

.dijitCalendarContainer thead tr th, .dijitCalendarContainer thead tr td, .dijitCalendarContainer tbody tr td, .dijitCalendarContainer tfoot tr td { 
        padding: 0;
}

.dijitCalendarNextYear {
        margin:0 0 0 0.55em;
}

.dijitCalendarPreviousYear {
        margin:0 0.55em 0 0;
}

.dijitCalendarIncrementControl {
        cursor:pointer;
        cursor:hand;
        width:1em;
}

.dijitCalendarDisabledDate {
        color:gray !important;
}

.dijitCalendarBodyContainer tbody tr td {
        cursor:pointer;
        cursor:hand;
}

.dijitCalendarPreviousMonthDisabled {
        cursor:default !important
}

.dijitCalendarCurrentMonthDisabled {
        cursor:default !important
}

.dijitCalendarNextMonthDisabled {
        cursor:default !important;
}

.dijitCalendarDateTemplate {
        cursor:pointer;
}

.dijitCalendarSelectedYear {
        cursor:pointer;
}
.dijitCalendarNextYear, 
.dijitCalendarPreviousYear {
        cursor:pointer;
}

.dijitCalendarMonthLabelSpacer {
        /* don't display it, but make it affect the width */
        position: relative;
        height: 1px;
        overflow: hidden;
        visibility: hidden;
}


/* Menu */

.dijitMenu {
        border:1px solid black;
        background-color:white;
}
.dijitMenuTable {
        margin:1px 0px;
        border-collapse:collapse;
        border-width:0px;
        background-color:white;
}

.dijitMenuItem{
        white-space: nowrap;
        padding:.1em .2em;
}

.dijitMenuItemHover {
        cursor:pointer;
        cursor:hand;
        background-color:black;
        color:white;
}

.dijitMenuItemIcon {
        position: relative;
        background-position: center center;
        background-repeat: no-repeat;
}

.dijitMenuItemDisabled * {
        /* for a disabled menu item, just set it to mostly transparent */
        opacity:0.3;
        cursor:default;
}
.dj_ie .dijit_a11y .dijitMenuItemDisabled td,
.dj_ie .dijitMenuItemDisabled *,
.dj_ie .dijitMenuItemDisabled td {
        color:gray !important;
        filter: alpha(opacity=35);
}

.dijitMenuItemLabel {
        position: relative;
        vertical-align: middle;
}

.dijit_a11y .dijitMenuItemHover .dijitMenuItemLabel {
        border-width: 1px;
        border-style: solid;
}
.dijit_a11y .dijitMenuItemHover {
        border: 1px #fff dotted !important;
}

.dijit_a11y .dijitMenuExpandInner { 
        display:block !important;
} 

/* separator can be two pixels -- set border of either one to 0px to have only one */
.dijitMenuSeparatorTop {
        height: 50%;
        margin: 0px;
        margin-top:3px;
        font-size: 1px;
}

.dijitMenuSeparatorBottom {
        height: 50%;
        margin: 0px;
        margin-bottom:3px;
        font-size: 1px;
}



/* Tab */


.dijitTabContainer .dijitAlignTop {
/* position the tab labels row down by 1 px, and on top of the dijitTabPaneWrapper
        so the buttons can overlay the tab pane properly                */
        top:1px !important;
        z-index:10;     
}

.dijitTabContainer .dijitAlignBottom {
/* position the tab labels row up by 1 px so they overlap       */
        margin-top:-1px !important;
        z-index:10;     
}

.dijitTabContainer .dijitAlignLeft {
/* position the tab labels left by 1 px so they overlap         */
        margin-right:-1px !important;
        z-index:10;     
}

.dijitTabContainer .dijitAlignRight {
/* position the tab labels row up by 1 px, and on top of the dijitTabPaneWrapper
        so the buttons can overlay the tab pane properly                */
        margin-left:-1px !important;
        z-index:10;     
}

.dijitTabPaneWrapper {
        z-index:0;
        overflow: hidden;
}

.dijitTab {
        position:relative;
        float:left;
        cursor:pointer;
        white-space:nowrap;
        z-index:3;
}

.dijitTabContainer .dijitAlignLeft .dijitTab,
.dijitTabContainer .dijitAlignRight .dijitTab {
        float:none;
}

.dijitTabInnerDiv {
        position:relative;
}

.dijitTab .close {
        display: inline-block;
        cursor: default;
        font-size: small;
}

/* images off, high-contrast mode styles */
.dijitTab .closeText {
        display:none;
        padding: 0px 2px;
        margin: 0px 2px;
}
.dijit_a11y .dijitTab .closeImage {
        padding: 0px !important;
        margin: 0px !important;
        top: 0px !important;
        bottom: 0px !important;
}
.dijit_a11y .closeText { 
        display:inline; 
        margin-left:6px; 
} 
.dijit_a11y .closeText:hover { 
        border:thin solid;
} 
.dijit_a11y .dijitTabChecked {
        border-style:dashed !important;
}

.dijit_a11y .dijitTabInnerDiv {
        border-left:none !important;
 }


.dijitInlineEditor {
        /* span around an inline-editable value when in edit mode */
        position:relative;
        vertical-align:bottom;
}
.dj_ie .dijitInlineEditor {
        vertical-align:middle;
}

.dijitInlineValue {
        /* span around an inline-editable value when NOT in edit mode */
}

.dijitInlineEditor .dijitButtonContainer {
        /* div around the buttons -- makes them float below the field */
        position:absolute;
        right:0px;
        overflow:visible;
}

.dijitInlineEditor .saveButton,
.dijitInlineEditor .cancelButton {
}

/* Tree */

.dijitTreeExpando {
    float: left;
    display: inline;
    clear:both;
}

.dijitTreeExpand {
    float: left;
    display: inline;
}

.dijitTreeContent {
    cursor: default;
    /* can't make inline - multiline bugs */
}

.dijitExpandoText { 
        display: none; 
} 
 
.dijit_a11y .dijitExpandoText { 
        float: left; 
        display: inline; 
        padding-left: 10px;
        padding-right: 10px; 
        font-family: monospace;
        border-style: solid;
        border-width: thin;
} 

/* Dialog */

.dijitDialog {
        position: absolute;
        z-index: 999;
        padding: 1px;
}

.dijitDialogUnderlayWrapper {
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 998;
        display: none;
        background: transparent;
}

.dijitDialogUnderlay {
        background: #eeeeee;
        opacity: 0.5;
}

.dj_ie .dijitDialogUnderlay {
        filter: alpha(opacity=50);
}

/* images off, high-contrast mode styles */
.dijit_a11y .dijitDialog {
        opacity: 1 !important;
        background-color: white !important;
}

.dijitDialog .closeText {
        display:none;
        position:absolute;
}

.dijit_a11y .dijitDialog .closeText { 
        display:inline;
}

.dijitSliderMoveable {
        z-index:99;
        position:absolute !important;
        display:block;
        vertical-align:middle;
}

.dijitHorizontalSliderMoveable {
        right:0px;
}

.dijit_a11y div.dijitSliderImageHandle,
.dijitSliderImageHandle {
        margin:0px;
        padding:0px;
        position:absolute !important;
        border:8px solid gray;
        width:0px;
        height:0px;
}
.dijit_a11y .dijitSliderFocused .dijitSliderImageHandle {
        border:4px solid #000;
        height:8px;
        width:8px;
}

.dijitVerticalSliderImageHandle {
        top:-8px;
        left:-6px;
}

.dijitHorizontalSliderImageHandle {
        left:-8px;
        top:-5px;
        vertical-align:top;
}

.dijitSliderBar {
        border-style:solid;
        border-color:black;
}

.dijitHorizontalSliderBar {
        height:4px;
        border-width:1px 0px;
}

.dijitVerticalSliderBar {
        width:4px;
        border-width:0px 1px;
}

.dijitSliderProgressBar {
        background-color:red;
        #z-index:0;
}

.dijitVerticalSliderProgressBar {
        position:static !important;
        height:0%;
        vertical-align:top;
        text-align:left;
}

.dijitHorizontalSliderProgressBar {
        position:absolute !important;
        width:0%;
        vertical-align:middle;
        overflow:visible;
}

.dijitSliderRemainingBar {
        overflow:hidden;
        background-color:transparent;
        #z-index:-1;
}

.dijitVerticalSliderRemainingBar {
        height:100%;
        text-align:left;
}

.dijitHorizontalSliderRemainingBar {
        width:100% !important;
}

/* the slider bumper is the space consumed by the slider handle when it hangs over an edge */
.dijitSliderBumper {
        overflow:hidden;
        #z-index:-1
}

.dijitVerticalSliderBumper {
        width:4px;
        height:8px;
        border-width:0px 1px;
}

.dijitHorizontalSliderBumper {
        width:8px;
        height:4px;
        border-width:1px 0px;
}

.dijitVerticalSliderBottomBumper,
.dijitHorizontalSliderLeftBumper {
        background-color:red;
}

.dijitVerticalSliderTopBumper,
.dijitHorizontalSliderRightBumper {
        background-color:transparent;
}

.dijitHorizontalSliderDecoration {
        text-align:center;
}

.dijitSlider .dijitSliderButton {
        font-family:monospace;
        margin:0px;
        padding:0px;
        display:block;
}

.dijit_a11y .dijitSliderButtonInner {
        visibility:visible !important; 
}

.dijitSlider .dijitVerticalSliderTopButton {
        vertical-align:bottom;
}

.dijitSlider .dijitVerticalSliderBottomButton {
        vertical-align:top;
}

.dijitSliderButtonContainer {
        text-align:center;
        height:0px;
}

.dijitSlider .dijitButtonNode {
        padding:0px;
        display:block;
}

.dj_ie .RuleContainer {
        z-index: -1; /* #4809 */
}

.RuleContainer {
        position:relative;
        overflow:visible;
}

.VerticalRuleContainer {
        height:100%;
        line-height:0px;
        float:left;
        text-align:left;
}

.dj_opera .VerticalRuleContainer {
        line-height:2%;
}

.dj_ie .VerticalRuleContainer {
        line-height:normal;
}

.dj_gecko .VerticalRuleContainer {
        margin:0px 0px 1px 0px; /* mozilla bug workaround for float:left,height:100% block elements */
}

.RuleMark {
        position:absolute;
        border:1px solid black;
        line-height:0px;
        height:100%;
}

.HorizontalRuleMark {
        width:0px;
        border-top-width:0px !important;
        border-bottom-width:0px !important;
        border-left-width:0px !important;
}

.RuleLabelContainer {
        position:absolute;
}

.HorizontalRuleLabelContainer {
        text-align:center;
        display:inline-block;
}

.HorizontalRuleLabel {
        position:relative;
        left:-50%;
}

.VerticalRuleMark {
        height:0px;
        border-right-width:0px !important;
        border-bottom-width:0px !important;
        border-left-width:0px !important;
        width:100%;
        left:0px;
}

.dj_ie .VerticalRuleLabelContainer {
        margin-top:-.55em;
}

/* Toolbar A11y */
.dijit_a11y .dijitButtonContents .dijitButtonText {
        display: inline !important;
}

.dijitTextArea {
        width:100%;
}

.dj_ie .dijitTextArea p {
        margin-top:0px;
        margin-bottom:0px;
}

/* Editor */
.IEFixedToolbar {
        position:absolute;
        /* top:0; */
        top: expression(eval((document.documentElement||document.body).scrollTop));
}

/* TimePicker */

.dijitTimePickerItemInner {
        text-align:center;
        border:0;
        padding:2px 8px 2px 8px;
}
.dijitTimePickerTick {
        /* opacity:0.1 !important; */
        color:#dedede;  
        border-bottom:1px solid #dedede;
        border-top:1px solid #dedede;
        position:relative;
}
.dijitTimePickerTick .dijitTimePickerItemInner {
        font-size:0.25em;
}
.dijitTimePickerMarker {
        background-color:#ededed;
        border-top:1px solid #999;
        border-bottom:1px solid #999;
}

.dijitTimePickerItemHover {
        opacity:1 !important;
        background-color:#808080;
        color:#fff;
        border-top:1px solid #333;
        border-bottom:1px solid #333;
        cursor:pointer;
}
.dijitTimePickerMarker.dijitTimePickerItemHover {
        font-size:1.3em;
}

.dijitTimePickerItemHover .dijitTimePickerItemInner {
        display:block;
        overflow:visible;
        background-color:#808080;
        font-size:1em;
}

.dijitTimePickerItemSelected {
        font-weight:bold;
        color:#333;
        background-color:#b7cdee !important;
}

.dijit_a11y .dijitTimePickerItem {
        border-bottom:1px solid #333;   
}


/* Disable the high contrast character */
.dijitToggleButtonIconChar {
        display:none !important;
}
.dijit_a11y .dijitToggleButtonIconChar {
        display:inline !important;
}

.dijit_a11y .dijitToggleButtonIconChar {
        visibility:hidden; 
}
.dijit_a11y .dijitToggleButtonChecked .dijitToggleButtonIconChar {
        visibility:visible !important;
}