table.listViewTable {
    line-height: 1.2;
    margin-bottom: 30px;
}

    /*table.listViewTable td {
        cursor: pointer;
    }*/

    table.listViewTable tr:hover td {
        box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.3);
    }

.listViewTable a {
    text-decoration: none;
}

    .listViewTable a:hover {
        text-decoration: underline;
    }

.listView_gradient {
    position: absolute;
    opacity: 0.5;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-image: linear-gradient(to bottom, rgba(123,123,129,0), #bdbdc2);
    height: 30px;
    pointer-events: none;
}

.FilterPanel {
    margin-right: 15px;
    max-height: 650px;
    width: 450px;
    overflow-y: auto;
    margin-bottom: 15px;
}

    .FilterPanel select {
        border: 1px solid #bdbdc2;
    }

.StartPanel {
    flex: 0 1 33%;
    padding-right: 15px; /*muss mit dem margin-right von FilterPanel übereinstimmen! danke css mit flex-boxen...*/
}

@media screen and (max-width: 1400px) {
    .StartPanel {
        flex: 0 1 50% !important;
    }
}

@media screen and (max-width: 1200px) {
    .StartPanel {
        flex: 0 1 100% !important;
    }

    .FilterPanel {
        overflow-y: visible;
        height: unset;
    }
}

@media screen and (max-width: 992px) {
    .itemRightPanels {
        padding-left: 0px;
    }

    .sideNav {
        top: 65px;
        width: 100%;
        max-width: 400px;
        padding-bottom: 65px;
    }
}

@media screen and (min-width: 993px) {
    .itemRightPanels {
        padding-left: 16px;
    }

    .sideNav {
        width: 210px;
    }
}

/*responsive tabellen bei kleinen bildschirmgrößen*/
@media screen and (max-width: 600px) {

    .FilterPanel {
        overflow-y: visible;
        height: unset;
    }

    .responsiveTable table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    .responsiveTable table tr {
        border-bottom: 1px solid #bdbdc2;
        border-top: 2px solid #bdbdc2;
        display: block;
        margin-bottom: 6px;
    }

    .responsiveTable table td {
        border-bottom: 1px solid #bdbdc2;
        display: block;
        text-align: right;
        width: 100% !important;
    }

        .responsiveTable table td::before {
            content: attr(data-label);
            float: left;
            color: #bdbdc2;
            font-size-adjust: 0.4;
        }
}


/*Demo Section*/
.claro.dojoxCalendar {
    font-size: 0.9em;
}

.claro.dojoxCalendarEvent.Calendar2 .bg.bg {
    background: #2095B4;
}

.claro.dojoxCalendarEvent.Calendar2.Hovered .bg.bg {
    background: #24A5C8;
}

.claro.dojoxCalendarEvent.Calendar2.Selected .bg.bg {
    background: #166B81;
}

.claro.dojoxCalendarEvent.Edited.Invalid .bg.bg {
    background: #FFF;
}


.claro.dojoxCalendarColumnView .dojoxCalendarEvent.Calendar2 .startTime {
    font-weight: bold;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    background-color: #00768F;
    white-space: nowrap;
    padding: 1px 2px 2px 1px;
    border-top: 1px solid #260000;
    border-left: 1px solid #260000;
    border-right: 1px solid #260000;
}

.claro.dojoxCalendarColumnView .dojoxCalendarEvent.Calendar2.Focused .startTime {
    font-weight: bold;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    background-color: #6c0000;
    white-space: nowrap;
    padding: 1px 2px 2px 1px;
    border-top: dashed 1px #ffffff;
    border-left: dashed 1px #ffffff;
    border-right: dashed 1px #ffffff;
}

.claro.dojoxCalendarColumnView .dojoxCalendarEvent.Calendar2.Hovered .startTime {
    background-color: #0094B4;
}

.claro.dojoxCalendarColumnView .dojoxCalendarEvent.Calendar2.Selected .startTime {
    background-color: #005A6D;
}

.claro.dojoxCalendarColumnView .dojoxCalendarEvent.Calendar2.Edited .startTime {
    background-color: #0095b4;
    border-top: dashed 1px #ffffff;
    border-left: dashed 1px #ffffff;
    border-right: dashed 1px #ffffff;
}

.claro.deleteButton .dijitButtonNode {
    background-color: #F88;
}

html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

#dateChooser {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
}

label {
    vertical-align: middle;
}

.propertyTitle {
    font-weight: bold;
    font-size: 0.9em;
}

.formTable {
    width: 100%;
}

    .formTable .dijitTextBox {
        width: 80px;
    }

    .formTable td.right {
        width: 80px;
        text-align: right;
    }

.dijitCalendar .Highlighted {
    background-color: #fff0b4 !important;
}

    .dijitCalendar .Highlighted .dijitCalendarDateLabel {
        color: red !important;
        border: solid 1px #fff0b4 !important;
    }



/*More Section*/


.dojoTabular {
    border-collapse: collapse;
    border-spacing: 0px;
    border: 1px solid #CCCCCC;
    margin: 0px 1.5em;
}

    .dojoTabular th {
        font-weight: bold;
        text-align: center;
    }

    .dojoTabular thead, .dojoTabular tfoot {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        background-color: #EFEFEF;
        border-color: #CCCCCC;
        border-image: none;
        border-style: solid;
        border-width: 1px 0px;
    }

    .dojoTabular th, .dojoTabular td {
        padding: 0.25em 0.5em;
    }

pre {
    font: 11px Myriad,Helvetica,Tahoma,Arial,clean,sans-serif;
}

.columnViewHead {
    margin-left: 3px;
    font-weight: normal;
}

.summary span {
    white-space: pre;
}

.claro .buttonContainer .dijitButtonText {
    font-size: 13px;
}

#userNameText {
}

.dojoxCalendarSubHeaderCell.dojoxCalendarSubHeaderLabel {
    font-weight: bold;
}



/*Responsiv Design Section*/
.mainContainer {
    display: flex;
    flex-flow: column;
    top: 0px;
    bottom: 1px;
    right: 0px;
    position: absolute;
}

.controlContainer {
    display: flex;
    flex-flow: column;
    top: 0px;
    bottom: 1px;
    left: 0px;
    /*position: absolute;*/
    /*overflow: auto;*/
    width: 100%;
}

.viewContainer {
    top: 0px !important;
    position: relative !important;
    flex: 1 100%;
}

.buttonContainer {
    position: relative !important;
}

.mySidebar {
    z-index: 10;
    background-color: transparent;
    flex: 1 100%;
    position: relative !important;
}

.button-for-max {
    text-align: left;
    /*width: 246px !important;*/
    width: 100%;
    border-top: solid 1px #C7BEBE;
    background-color: #efefef;
    border-left: solid 1px #B5BCC7;
    border-right: solid 1px #B5BCC7;
}

.button-for-min {
    width: 50px;
    max-width: 50px;
}

.mySidebarOpen {
    display: block !important;
}

.sidebar-div {
    background-color: white;
    display: none;
    /*width: 246px !important;*/
    width: 100%;
    right: 0px;
    z-index: 10;
}

.div-selected {
    display: block !important;
}

.mobile-div-selected {
    display: block !important;
}

.div-not-logged-in {
    display: block !important;
}

.button-selected {
}

@media screen and (min-width: 993px) {
    .mainContainer {
        left: 0px;
        transition: all 0.4s;
    }

    .viewContainer {
        top: 5px !important;
    }

    .mySidebar {
        /*width: 250px;*/
        width: 100%;
        /*overflow: auto;*/
    }

    .sidebar-div {
        border-left: solid 1px #B5BCC7;
        border-right: solid 1px #B5BCC7;
        padding: 16px 20px 16px 12px;
    }

    .toolbar {
    }

    .show-item-div {
        display: block !important;
    }
}

@media screen and (max-width: 992px) {
    .mainContainer {
        left: 0px;
    }

    .mySidebar {
        width: 100%;
        /*display: none;*/
        /*overflow: visible;*/
    }

    .sidebar-div {
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
        position: absolute;
        left: 50px;
        padding: 16px;
    }

    .toolbar {
    }

    .button-for-max {
        display: none;
    }
}

@media screen and (max-width: 600px) {
    .mainContainer {
    }

    .toolbar {
    }
}


.sidebar-div .dijitCalendar {
    padding: 0px;
    border: 0px none;
    box-shadow: none;
}

.w3-modal-content .w3-row {
    max-height: 80vh;
    overflow: auto;
    bottom: 50px;
}

.dojoxCalendarRowHeader, .dojoxCalendarYearColumnHeader, .dojoxCalendarSubRowHeader {
    box-sizing: initial !important;
}



/*Arrow Section*/
i.fa-angle-right, i.fa-angle-down {
    margin-right: 10px;
}

.dojoxCalendarEvent {
    cursor: pointer !important;
}

:focus {
    outline: unset;
    outline-color: unset;
    outline-style: unset;
    outline-width: unset;
}

select:not(:disabled), .w3-check {
    cursor: pointer !important;
}


/* -----------------------------------------FROM Content/Flat/Calender.css-------------------------------------------*/

/* Calendar
 * 
 * Styling Calendar mainly includes:
 * 
 * 1. Calendar container
 * 		.dijitCalendar - main container
 * 		.dijitCalendarHover / .dijitCalendarActive - states e.g. hover,active
 * 
 * 2. Month
 * 		.dijitCalendarMonthContainer
 * 		.dijitCalendarMonthLabel
 *      .dijitCalendarDecrease / .dijitCalendarDecrease - icons for switching to previous/next month
 *      .dijitCalendarArrowActive .dijitCalendarDecrease - states e.g. hover,active
 * 
 * 3. Date
 * 		.dijitCalendarDayLabelTemplate - week day column header e.g. S M T W T F S
 * 		.dijitCalendarDateTemplate - date label wrapper
 * 		.dijitCalendarPreviousMonth .dijitCalendarDateLabel - special labels for previous or next month
 *      .dijitCalendarSelectedDate .dijitCalendarDateLabel - styles for selected date
 * 		.dijitCalendarDisabledDate .dijitCalendarDateLabel - styles for disabled date
 * 		.dijitCalendarActiveDate .dijitCalendarDateLabel - states e.g. hover,active
 * 
 * 4. Year
 * 		.dijitCalendarYearContainer
 * 		.dijitCalendarYearLabel
 * 		.dijitCalendarPreviousYear /.dijitCalendarNextYear
 *      .dijitCalendarNextYearHover / .dijitCalendarPreviousYearHover - states e.g. hover,active
 *      
 * 5. Dropdown Month Menu
 * 		.dijitCalendarMonthMenu - menu container     
 * 		.dijitCalendarMonthMenu .dijitCalendarMonthLabel - month label in menu item
 * 		.dijitCalendarMonthMenu .dijitCalendarMonthLabelHover - menu item hover state
 */
.dijitCalendar {
    background: #fff;
    text-align: center;
    padding: 4px;
    border: 1px solid #d0d0d0;
    border-collapse: separate;
    border-radius: 2px;
    box-shadow: 0 2px 3px rgba(0,0,0,0.15);
}

.dijitCalendarMonthContainer th {
    text-align: center;
    line-height: 20px;
    vertical-align: middle;
    margin: 4px 0;
}
/* next/previous month arrows */
.dijitCalendarIncrementControl {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    text-decoration: inherit;
    vertical-align: bottom;
}

.dijitCalendarDecrease:before {
    content: "\f0d9";
}

.dijitCalendarIncrease:before {
    content: "\f0da";
}

.dijitCalendarArrowHover,
.dijitCalendarArrow:hover,
.dijitCalendarNextYearHover,
.dijitCalendarNextYear:hover,
.dijitCalendarPreviousYearHover,
.dijitCalendarPreviousYear:hover {
    padding: 4px;
    border-radius: 2px;
    box-shadow: none;
    line-height: 20px;
    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
    cursor: pointer;
    border: 1px solid #d0d0d0;
    background: #f5f5f5;
    background: linear-gradient(#f5f5f5, #f5f5f5);
    /**/
}

.dijitCalendarArrowActive,
.dijitCalendarArrow:active,
.dijitCalendarNextYearActive,
.dijitCalendarNextYear:active,
.dijitCalendarPreviousYearActive,
.dijitCalendarPreviousYear:active {
    box-shadow: 0 1px 3px rgba(0,0,0,0.25) inset;
    transition: none;
    outline: none;
    background: #d0d0d0;
    background: linear-gradient(#f5f5f5, #f5f5f5);
    padding: 4px;
}

.dijitA11ySideArrow {
    /* text +/- labels instead of arrow icons, for high contrast mode */
    display: none;
}

.dijitCalendarContainer th,
.dijitCalendarContainer td {
    padding: 4px;
}
/* day */
.dijitCalendarDayLabelTemplate {
    text-align: center;
    border-bottom: 1px solid #d0d0d0;
}

.dijitCalendarDayLabel {
    font-weight: bold;
    text-align: center;
}
/* date */
.dijitCalendarDateTemplate {
    font-size: 0.9em;
    font-weight: bold;
    letter-spacing: 0.05em;
    text-align: center;
}

    .dijitCalendarDateTemplate .dijitCalendarDateLabel {
        text-decoration: none;
        display: block;
        padding: 2px 4px;
        border: 1px solid transparent;
        border-radius: 2px;
    }

.dijitCalendarPreviousMonth .dijitCalendarDateLabel,
.dijitCalendarNextMonth .dijitCalendarDateLabel {
    color: #a7acb7;
}

.dijitCalendarCurrentDate .dijitCalendarDateLabel {
    border-color: #007ac2;
}
/* Hover */
.dijitCalendarHoveredDate .dijitCalendarDateLabel,
.dijitCalendarEnabledDate:hover .dijitCalendarDateLabel {
    background: #007ac2;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
}
/* Active */
.dijitCalendarActiveDate .dijitCalendarDateLabel,
.dijitCalendarEnabledDate:active .dijitCalendarDateLabel {
    background: #007ac2;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
}
/* Selected */
.dijitCalendarSelectedDate .dijitCalendarDateLabel {
    background: #007ac2;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
}
/* Disabled */
.dijitCalendarDisabledDate .dijitCalendarDateLabel {
    opacity: 0.65;
}
/* year */
.dijitCalendarYearContainer {
    vertical-align: middle;
}

.dijitCalendarYearLabel {
    padding: 4px 0 0 0;
    margin: 0;
    font-size: 1.15em;
}

    .dijitCalendarYearLabel span {
        vertical-align: middle;
    }


.dijitCalendarNextYear,
.dijitCalendarPreviousYear {
    color: #007ac2;
    font-size: 0.9em;
    line-height: 20px;
    border: 1px solid transparent;
}


/* month dropdown */
.dijitCalendar .dijitDropDownButton {
    margin: 0;
    padding: 4px;
}

.dijitCalendarMonthMenu {
    padding: 8px 0;
}

    .dijitCalendarMonthMenu .dijitCalendarMonthLabel {
        padding: 4px;
    }

    .dijitCalendarMonthMenu .dijitCalendarMonthLabelHover {
        color: #fff;
        background: #007ac2;
    }

/* -----------------------------------------FROM Content/Flat/dijit.css-------------------------------------------*/


.dj_a11y .dijitReset {
    -moz-appearance: none;
}

.dijitInline {
    display: inline-block;
    border: 0;
    padding: 0;
    vertical-align: middle;
    #vertical-align: auto;
}

table.dijitInline {
    display: inline-table;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
}

.dijitHidden {
    display: none !important;
}

.dijitVisible {
    display: block !important;
    position: relative;
}

.dj_ie6 .dijitComboBox .dijitInputContainer,
.dijitInputContainer {
    #zoom: 1;
    overflow: hidden;
    float: none !important;
    position: relative;
}

.dj_ie7 .dijitInputContainer {
    float: left !important;
    clear: left;
    display: inline-block !important;
}

.dj_ie .dijitSelect input,
.dj_ie input.dijitTextBox,
.dj_ie .dijitTextBox input {
    font-size: 100%;
}

.dijitSelect .dijitButtonText {
    float: left;
    vertical-align: top;
}

TABLE.dijitSelect {
    padding: 0 !important;
}

.dijitTextBox .dijitSpinnerButtonContainer,
.dijitTextBox .dijitArrowButtonContainer,
.dijitValidationTextBox .dijitValidationContainer {
    float: right;
    text-align: center;
}

.dijitSelect input.dijitInputField,
.dijitTextBox input.dijitInputField {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.dijitValidationTextBox .dijitValidationContainer {
    display: none;
}

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

.dijitOffScreen {
    position: absolute !important;
    left: 50% !important;
    top: -10000px !important;
}

.dijitPopup {
    position: absolute;
    background-color: transparent;
    margin: 0;
    border: 0;
    padding: 0;
}

.dijitPositionOnly {
    padding: 0 !important;
    border: 0 !important;
    background-color: transparent !important;
    background-image: none !important;
    height: auto !important;
    width: auto !important;
}

.dijitNonPositionOnly {
    float: none !important;
    position: static !important;
    margin: 0 0 0 0 !important;
    vertical-align: middle !important;
}

.dijitBackgroundIframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border: 0;
    padding: 0;
    margin: 0;
}

.dijitDisplayNone {
    display: none !important;
}

.dijitContainer {
    overflow: hidden;
}

.dj_a11y .dijitIcon,
.dj_a11y div.dijitArrowButtonInner,
.dj_a11y span.dijitArrowButtonInner,
.dj_a11y img.dijitArrowButtonInner,
.dj_a11y .dijitCalendarIncrementControl,
.dj_a11y .dijitTreeExpando {
    display: none;
}

.dijitSpinner div.dijitArrowButtonInner {
    display: none;
}

.dj_a11y .dijitA11ySideArrow {
    display: inline !important;
    cursor: pointer;
}

.dj_a11y .dijitCalendarDateLabel {
    padding: 1px;
    border: 0px !important;
}

.dj_a11y .dijitCalendarSelectedDate .dijitCalendarDateLabel {
    border-style: solid !important;
    border-width: 1px !important;
    padding: 0;
}

.dj_a11y .dijitCalendarDateTemplate {
    padding-bottom: 0.1em !important;
    border: 0px !important;
}

.dj_a11y .dijitButtonNode {
    border: black outset medium !important;
    padding: 8px;
}

.dj_a11y .dijitArrowButton {
    padding: 0 !important;
}

.dj_a11y .dijitButtonContents {
    margin: 0.15em;
    padding: 4px;
}

.dj_a11y .dijitTextBoxReadOnly .dijitInputField,
.dj_a11y .dijitTextBoxReadOnly .dijitButtonNode {
    border-style: outset !important;
    border-width: medium !important;
    border-color: #999 !important;
    color: #999 !important;
}

.dijitButtonNode * {
    /*vertical-align: middle;*/
    vertical-align: baseline;
}

.dijitSelect .dijitArrowButtonInner,
.dijitButtonNode .dijitArrowButtonInner {
    background: no-repeat center;
    direction: ltr;
}

.dijitLeft {
    background-position: left top;
    background-repeat: no-repeat;
}

.dijitStretch {
    white-space: nowrap;
    background-repeat: repeat-x;
}

.dijitRight {
    #display:inline;
    background-position: right top;
    background-repeat: no-repeat;
}

.dj_gecko .dj_a11y .dijitButtonDisabled .dijitButtonNode {
    opacity: 0.5;
}

.dijitToggleButton,
.dijitButton,
.dijitDropDownButton,
.dijitComboButton {
    margin: 0.2em;
    vertical-align: middle;
}

.dijitButtonContents {
    display: block;
}

td.dijitButtonContents {
    display: table-cell;
}

.dijitButtonNode img {
    vertical-align: middle;
}

.dijitToolbar .dijitComboButton {
    border-collapse: separate;
}

.dijitToolbar .dijitToggleButton,
.dijitToolbar .dijitButton,
.dijitToolbar .dijitDropDownButton,
.dijitToolbar .dijitComboButton {
    margin: 0;
}

.dijitToolbar .dijitButtonContents {
    padding: 1px 2px;
}

.dj_webkit .dijitToolbar .dijitDropDownButton {
    /*padding-left: 0.3em;*/
}

.dj_gecko .dijitToolbar .dijitButtonNode::-moz-focus-inner {
    padding: 0;
}

.dijitSelect {
    border: 1px solid gray;
}

.dijitButtonNode {
    border: 1px solid gray;
    margin: 0;
    line-height: 20px;
    vertical-align: middle;
    #vertical-align: auto;
    text-align: center;
    white-space: nowrap;
}

.dj_webkit .dijitSpinner .dijitSpinnerButtonContainer {
    line-height: inherit;
}

.dijitTextBox .dijitButtonNode {
    border-width: 0;
}

.dijitSelect,
.dijitSelect *,
.dijitButtonNode,
.dijitButtonNode * {
    cursor: pointer;
}

.dj_ie .dijitButtonNode {
    zoom: 1;
}

    .dj_ie .dijitButtonNode button {
        overflow: visible;
    }

div.dijitArrowButton {
    float: right;
}

.dijitTextBox {
    border: solid black 1px;
    #overflow: hidden;
    width: 15em;
    vertical-align: middle;
}

.dijitTextBoxReadOnly,
.dijitTextBoxDisabled {
    color: gray;
}

.dj_safari .dijitTextBoxDisabled input {
    color: #B0B0B0;
}

.dj_safari textarea.dijitTextAreaDisabled {
    color: #333;
}

.dj_gecko .dijitTextBoxReadOnly input.dijitInputField,
.dj_gecko .dijitTextBoxDisabled input {
    -moz-user-input: none;
}

.dijitPlaceHolder {
    color: #999;
    /*font-style: italic;*/
    position: absolute;
    top: 0;
    left: 0;
    #filter: "";
}

.dijitTimeTextBox {
    width: 8em;
}

.dijitTextBox input:focus {
    outline: none;
}

.dijitTextBoxFocused {
    outline: 5px -webkit-focus-ring-color;
}

.dijitSelect input,
.dijitTextBox input {
    float: left;
}

.dj_ie6 input.dijitTextBox,
.dj_ie6 .dijitTextBox input {
    float: none;
}

.dijitInputInner {
    border: 0 !important;
    background-color: transparent !important;
    width: 100% !important;
    box-shadow: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.dj_a11y .dijitTextBox input {
    margin: 0 !important;
}

.dijitValidationTextBoxError input.dijitValidationInner,
.dijitSelect input,
.dijitTextBox input.dijitArrowButtonInner {
    text-indent: -2em !important;
    direction: ltr !important;
    text-align: left !important;
    /*height: auto !important;*/
    #text-indent: 0 !important;
    #letter-spacing: -5em !important;
    #text-align: right !important;
}

.dj_ie .dijitSelect input,
.dj_ie .dijitTextBox input,
.dj_ie input.dijitTextBox {
    overflow-y: visible;
    line-height: 20px;
    height: 20px;
}

.dijitSelect .dijitSelectLabel span {
    line-height: 100%;
}

.dj_ie .dijitSelect .dijitSelectLabel {
    line-height: normal;
}

.dj_ie6 .dijitSelect .dijitSelectLabel,
.dj_ie7 .dijitSelect .dijitSelectLabel,
.dj_ie8 .dijitSelect .dijitSelectLabel,
.dj_iequirks .dijitSelect .dijitSelectLabel,
.dijitSelect td,
.dj_ie6 .dijitSelect input,
.dj_iequirks .dijitSelect input,
.dj_ie6 .dijitSelect .dijitValidationContainer,
.dj_ie6 .dijitTextBox input,
.dj_ie6 input.dijitTextBox,
.dj_iequirks .dijitTextBox input.dijitValidationInner,
.dj_iequirks .dijitTextBox input.dijitArrowButtonInner,
.dj_iequirks .dijitTextBox input.dijitSpinnerButtonInner,
.dj_iequirks .dijitTextBox input.dijitInputInner,
.dj_iequirks input.dijitTextBox {
    line-height: 100%;
}

.dj_a11y input.dijitValidationInner,
.dj_a11y input.dijitArrowButtonInner {
    text-indent: 0 !important;
    width: 1em !important;
    text-align: left !important;
    color: black !important;
}

.dijitValidationTextBoxError .dijitValidationContainer {
    display: inline;
    cursor: default;
}

.dijitSpinner .dijitSpinnerButtonContainer,
.dijitComboBox .dijitArrowButtonContainer,
.bootstrap .dijitSelect .dijitArrowButton {
    border-width: 0 0 0 1px !important;
}

.dj_a11y .dijitSelect .dijitArrowButtonContainer,
.dijitToolbar .dijitComboBox .dijitArrowButtonContainer {
    border-width: 0 !important;
}

.dijitComboBoxMenu {
    list-style-type: none;
}

.dijitSpinner .dijitSpinnerButtonContainer .dijitButtonNode {
    border-width: 0;
}

.dj_ie .dj_a11y .dijitSpinner .dijitSpinnerButtonContainer .dijitButtonNode {
    clear: both;
}

.dj_ie .dijitToolbar .dijitComboBox {
    vertical-align: middle;
}

.dijitTextBox .dijitSpinnerButtonContainer {
    width: 1em;
    position: relative !important;
    overflow: hidden;
}

.dijitSpinner .dijitSpinnerButtonInner {
    width: 1em;
    visibility: hidden !important;
    overflow-x: hidden;
}

.dijitComboBox .dijitButtonNode,
.dijitSpinnerButtonContainer .dijitButtonNode {
    border-width: 0;
}

.dj_a11y .dijitSpinnerButtonContainer .dijitButtonNode {
    border-width: 0px !important;
    border-style: solid !important;
}

.dj_a11y .dijitTextBox .dijitSpinnerButtonContainer,
.dj_a11y .dijitSpinner .dijitArrowButtonInner,
.dj_a11y .dijitSpinnerButtonContainer input {
    width: 1em !important;
}

.dj_a11y .dijitSpinner .dijitArrowButtonInner {
    margin: 0 auto !important;
}

.dj_ie .dj_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField {
    padding-left: 0.3em !important;
    padding-right: 0.3em !important;
    margin-left: 0.3em !important;
    margin-right: 0.3em !important;
    width: 1.4em !important;
}

.dj_ie7 .dj_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 1em !important;
}

.dj_ie6 .dj_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField {
    margin-left: 0.1em !important;
    margin-right: 0.1em !important;
    width: 1em !important;
}

.dj_iequirks .dj_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 2em !important;
}

.dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButton {
    padding: 0;
    position: absolute !important;
    right: 0;
    float: none;
    height: 50%;
    width: 100%;
    bottom: auto;
    left: 0;
    right: auto;
}

.dj_iequirks .dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButton {
    width: auto;
}

.dj_a11y .dijitSpinnerButtonContainer .dijitArrowButton {
    overflow: visible !important;
}

.dijitSpinner .dijitSpinnerButtonContainer .dijitDownArrowButton {
    top: 50%;
    border-top-width: 1px !important;
}

.dijitSpinner .dijitSpinnerButtonContainer .dijitUpArrowButton {
    #bottom: 50%;
    top: 0;
}

.dijitSpinner .dijitArrowButtonInner {
    margin: auto;
    overflow-x: hidden;
    /*height: 100% !important;*/
}

.dj_iequirks .dijitSpinner .dijitArrowButtonInner {
    height: auto !important;
}

.dijitSpinner .dijitArrowButtonInner .dijitInputField {
    -moz-transform: scale(0.5);
    -moz-transform-origin: center top;
    -webkit-transform: scale(0.5);
    -webkit-transform-origin: center top;
    -o-transform: scale(0.5);
    -o-transform-origin: center top;
    transform: scale(0.5);
    transform-origin: left top;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100%;
    visibility: hidden;
}

.dj_ie .dijitSpinner .dijitArrowButtonInner .dijitInputField {
    /*zoom: 50%;*/
    display: none;
}

.dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButtonInner {
    overflow: hidden;
}

.dj_a11y .dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButton {
    width: 100%;
}

.dj_iequirks .dj_a11y .dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButton {
    width: 1em;
}

.dj_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField {
    vertical-align: top;
    visibility: visible;
}

.dj_a11y .dijitSpinnerButtonContainer {
    width: 1em;
}

.dijitCheckBox,
.dijitRadio,
.dijitCheckBoxInput {
    padding: 0;
    border: 0;
    width: 20px;
    height: 20px;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
    cursor: pointer;
}

    .dijitCheckBox input,
    .dijitRadio input {
        margin: 0;
        padding: 0;
        display: block;
    }

.dijitCheckBoxInput {
    opacity: 0.01;
}

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

.dj_a11y .dijitCheckBox,
.dj_a11y .dijitRadio {
    width: auto !important;
    height: auto !important;
}

.dj_a11y .dijitCheckBoxInput {
    opacity: 1;
    filter: none;
    width: auto;
    height: auto;
}

.dj_a11y .dijitFocusedLabel {
    border: 1px dotted;
    outline: 0px !important;
}

.dijitProgressBar {
    z-index: 0;
}

.dijitProgressBarEmpty {
    position: relative;
    overflow: hidden;
    border: 1px solid black;
    z-index: 0;
}

.dijitProgressBarFull {
    position: absolute;
    overflow: hidden;
    z-index: -1;
    top: 0;
    width: 100%;
}

.dj_ie6 .dijitProgressBarFull {
    height: 1.6em;
}

.dijitProgressBarTile {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    background-color: #aaa;
    /*background-attachment: fixed;*/
}

.dj_a11y .dijitProgressBarTile {
    border-width: 2px;
    border-style: solid;
    background-color: transparent !important;
}

.dj_ie6 .dijitProgressBarTile {
    position: static;
    height: 1.6em;
}

.dijitProgressBarIndeterminate .dijitProgressBarTile {
}

.dijitProgressBarIndeterminateHighContrastImage {
    display: none;
}

.dj_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 !important;
}

.dijitTooltip {
    position: absolute;
    z-index: 2000;
    display: block;
    left: 0;
    top: -10000px;
    overflow: visible;
}

.dijitTooltipContainer {
    border: solid black 2px;
    background: #b8b5b5;
    color: black;
    font-size: small;
}

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

.dijitTooltipConnector {
    position: absolute;
}

.dj_a11y .dijitTooltipConnector {
    display: none;
}

.dijitTooltipData {
    display: none;
}

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

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

body .dijitAlignClient {
    position: absolute;
}

.dijitBorderContainer, .dijitBorderContainerNoGutter {
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.dijitBorderContainerPane,
.dijitBorderContainerNoGutterPane {
    position: absolute !important;
    z-index: 2;
}

.dijitBorderContainer > .dijitTextArea {
    resize: none;
}

.dijitGutter {
    position: absolute;
    font-size: 1px;
}

.dijitSplitter {
    position: absolute;
    overflow: hidden;
    z-index: 10;
    background-color: #fff;
    border-color: gray;
    border-style: solid;
    border-width: 0;
}

.dj_ie .dijitSplitter {
    z-index: 1;
}

.dijitSplitterActive {
    z-index: 11 !important;
}

.dijitSplitterCover {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.dijitSplitterCoverActive {
    z-index: 3 !important;
}

.dj_ie .dijitSplitterCover {
    background: white;
    filter: alpha(opacity=0);
}

.dijitSplitterH {
    height: 7px;
    border-top: 1px;
    border-bottom: 1px;
    cursor: row-resize;
}

.dijitSplitterV {
    width: 7px;
    border-left: 1px;
    border-right: 1px;
    cursor: col-resize;
}

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

.dijitSplitPane {
    position: absolute;
}

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

    .dijitSplitContainerSizerH .thumb, .dijitSplitterV .dijitSplitterThumb {
        overflow: hidden;
        position: absolute;
        top: 49%;
    }

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

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

.dijitSplitContainerSizerH, .dijitSplitContainerVirtualSizerH {
    cursor: col-resize;
}

.dijitSplitContainerSizerV, .dijitSplitContainerVirtualSizerV {
    cursor: row-resize;
}

.dj_a11y .dijitSplitterH {
    border-top: 1px solid #d3d3d3 !important;
    border-bottom: 1px solid #d3d3d3 !important;
}

.dj_a11y .dijitSplitterV {
    border-left: 1px solid #d3d3d3 !important;
    border-right: 1px solid #d3d3d3 !important;
}

.dijitContentPane {
    display: block;
    overflow: auto;
}

.dijitContentPaneSingleChild {
    overflow: hidden;
}

.dijitContentPaneLoading .dijitIconLoading,
.dijitContentPaneError .dijitIconError {
    margin-right: 9px;
}

.dijitTitlePane {
    display: block;
    overflow: hidden;
}

.dijitTitlePaneTitle {
    cursor: pointer;
}

.dijitFixedOpen, .dijitFixedClosed {
    cursor: default;
}

    .dijitFixedOpen .dijitArrowNode, .dijitFixedOpen .dijitArrowNodeInner,
    .dijitFixedClosed .dijitArrowNode, .dijitFixedClosed .dijitArrowNodeInner {
        display: none;
    }

.dijitTitlePaneTitle * {
    vertical-align: middle;
}

.dijitTitlePane .dijitArrowNodeInner {
    display: none;
}

.dj_a11y .dijitTitlePane .dijitArrowNodeInner {
    display: inline !important;
    font-family: monospace;
}

.dj_a11y .dijitTitlePane .dijitArrowNode {
    display: none;
}

.dj_ie6 .dijitTitlePaneContentOuter,
.dj_ie6 .dijitTitlePane .dijitTitlePaneTitle {
    zoom: 1;
}

.dijitColorPalette {
    border: 1px solid #999;
    background: #fff;
    position: relative;
}

    .dijitColorPalette .dijitPaletteTable {
        padding: 2px 3px 3px 3px;
        position: relative;
        overflow: hidden;
        outline: 0;
        border-collapse: separate;
    }

.dj_ie6 .dijitColorPalette .dijitPaletteTable,
.dj_ie7 .dijitColorPalette .dijitPaletteTable,
.dj_iequirks .dijitColorPalette .dijitPaletteTable {
    padding: 0;
    margin: 2px 3px 3px 3px;
}

.dijitColorPalette .dijitPaletteCell {
    font-size: 1px;
    vertical-align: middle;
    text-align: center;
    background: none;
}

.dijitColorPalette .dijitPaletteImg {
    padding: 1px;
    border: 1px solid #999;
    margin: 2px 1px;
    cursor: default;
    font-size: 1px;
}

.dj_gecko .dijitColorPalette .dijitPaletteImg {
    padding-bottom: 0;
}

.dijitColorPalette .dijitColorPaletteSwatch {
    width: 14px;
    height: 12px;
}

.dijitPaletteTable td {
    padding: 0;
}

.dijitColorPalette .dijitPaletteCell:hover .dijitPaletteImg {
    border: 1px solid #000;
}

.dijitColorPalette .dijitPaletteCell:active .dijitPaletteImg,
.dijitColorPalette .dijitPaletteTable .dijitPaletteCellSelected .dijitPaletteImg {
    border: 2px solid #000;
    margin: 1px 0;
}

.dj_a11y .dijitColorPalette .dijitPaletteTable,
.dj_a11y .dijitColorPalette .dijitPaletteTable * {
    background-color: transparent !important;
}

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

.dijitAccordionTitle {
    cursor: pointer;
}

.dijitAccordionTitleSelected {
    cursor: default;
}

.dijitAccordionTitle .arrowTextUp,
.dijitAccordionTitle .arrowTextDown {
    display: none;
}

.dj_a11y .dijitAccordionTitle .arrowTextUp,
.dj_a11y .dijitAccordionTitleSelected .arrowTextDown {
    display: inline;
}

.dj_a11y .dijitAccordionTitleSelected .arrowTextUp {
    display: none;
}

.dijitAccordionChildWrapper {
    overflow: hidden;
}

.dijitCalendarContainer {
    width: auto;
}

    .dijitCalendarContainer td {
        padding: 1px 2px 2px;
        vertical-align: middle;
    }

    .dijitCalendarContainer th {
        padding: 10px;
        vertical-align: middle;
    }

.dijitCalendarYearLabel {
    white-space: nowrap;
}

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

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

.dijitCalendarIncrementControl {
    vertical-align: middle;
}

.dijitCalendarIncrementControl,
.dijitCalendarDateTemplate,
.dijitCalendarMonthLabel,
.dijitCalendarPreviousYear,
.dijitCalendarNextYear {
    cursor: pointer;
}

.dijitCalendarDisabledDate {
    color: gray;
    text-decoration: line-through;
    cursor: default;
}

.dijitSpacer {
    position: relative;
    height: 1px;
    overflow: hidden;
    visibility: hidden;
}

.dijitCalendarMonthMenu .dijitCalendarMonthLabel {
    text-align: center;
}

.dijitMenu {
    border: 1px solid black;
    background-color: white;
}

.dijitMenuTable {
    border-collapse: collapse;
    border-width: 0;
    background-color: white;
}

.dj_webkit .dijitMenuTable td[colspan="2"] {
    border-right: hidden;
}

.dijitMenuItem {
    text-align: left;
    white-space: nowrap;
    padding: .1em .2em;
    cursor: pointer;
}

    .dijitMenuItem:focus {
        outline: none
    }

.dijitMenuPassive .dijitMenuItemHover,
.dijitMenuItemSelected {
    background-color: black;
    color: white;
}

.dijitMenuItemIcon, .dijitMenuExpand {
    background-repeat: no-repeat;
}

.dijitMenuItemDisabled * {
    opacity: 0.5;
    cursor: default;
}

.dj_ie .dj_a11y .dijitMenuItemDisabled,
.dj_ie .dj_a11y .dijitMenuItemDisabled *,
.dj_ie .dijitMenuItemDisabled * {
    color: gray;
    filter: alpha(opacity=35);
}

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

.dj_a11y .dijitMenuItemSelected {
    border: 1px dotted black !important;
}

    .dj_a11y .dijitMenuItemSelected .dijitMenuItemLabel {
        border-width: 1px;
        border-style: solid;
    }

.dj_ie8 .dj_a11y .dijitMenuItemLabel {
    position: static;
}

.dijitMenuExpandA11y {
    display: none;
}

.dj_a11y .dijitMenuExpandA11y {
    display: inline;
}

.dijitMenuSeparator td {
    border: 0;
    padding: 0;
}

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

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

.dijitCheckedMenuItemIconChar {
    vertical-align: middle;
    visibility: hidden;
}

.dijitCheckedMenuItemChecked .dijitCheckedMenuItemIconChar {
    visibility: visible;
}

.dj_a11y .dijitCheckedMenuItemIconChar {
    display: inline !important;
}

.dj_a11y .dijitCheckedMenuItemIcon {
    display: none;
}

.dj_ie .dj_a11y .dijitMenuBar .dijitMenuItem {
    margin: 0;
}

.dijitStackController .dijitToggleButtonChecked * {
    cursor: default;
}

.dijitTabContainer {
    z-index: 0;
    overflow: visible;
}

.dj_ie6 .dijitTabContainer {
    overflow: hidden;
}

.dijitTabContainerNoLayout {
    width: 100%;
}

.dijitTabContainerBottom-tabs,
.dijitTabContainerTop-tabs,
.dijitTabContainerLeft-tabs,
.dijitTabContainerRight-tabs {
    z-index: 1;
    overflow: visible !important;
}

.dijitTabController {
    z-index: 1;
}

.dijitTabContainerBottom-container,
.dijitTabContainerTop-container,
.dijitTabContainerLeft-container,
.dijitTabContainerRight-container {
    z-index: 0;
    overflow: hidden;
    border: 1px solid black;
}

.nowrapTabStrip {
    width: 50000px;
    display: block;
    position: relative;
    text-align: left;
    z-index: 1;
}

.dijitTabListWrapper {
    overflow: hidden;
    z-index: 1;
}

.dj_a11y .tabStripButton img {
    display: none;
}

.dijitTabContainerTop-tabs {
    border-bottom: 1px solid black;
}

.dijitTabContainerTop-container {
    border-top: 0;
}

.dijitTabContainerLeft-tabs {
    border-right: 1px solid black;
    float: left;
}

.dijitTabContainerLeft-container {
    border-left: 0;
}

.dijitTabContainerBottom-tabs {
    border-top: 1px solid black;
}

.dijitTabContainerBottom-container {
    border-bottom: 0;
}

.dijitTabContainerRight-tabs {
    border-left: 1px solid black;
    float: left;
}

.dijitTabContainerRight-container {
    border-right: 0;
}

div.dijitTabDisabled, .dj_ie div.dijitTabDisabled {
    cursor: auto;
}

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

    .dijitTab * {
        vertical-align: middle;
    }

.dijitTabChecked {
    cursor: default;
}

.dijitTabContainerTop-tabs .dijitTab {
    top: 1px;
}

.dijitTabContainerBottom-tabs .dijitTab {
    top: -1px;
}

.dijitTabContainerLeft-tabs .dijitTab {
    left: 1px;
}

.dijitTabContainerRight-tabs .dijitTab {
    left: -1px;
}

.dijitTabContainerTop-tabs .dijitTab,
.dijitTabContainerBottom-tabs .dijitTab {
    display: inline-block;
    #zoom: 1;
    #display:inline;
}

.tabStripButton {
    z-index: 12;
}

.dijitTabButtonDisabled .tabStripButton {
    display: none;
}

.dijitTabCloseButton {
    margin-left: 1em;
}

.dijitTabCloseText {
    display: none;
}

.dijitTab .tabLabel {
    min-height: 15px;
    display: inline-block;
}

.dijitNoIcon {
    display: none;
}

.dj_ie6 .dijitTab .dijitNoIcon {
    display: inline;
    height: 15px;
    width: 1px;
}

.dj_a11y .dijitTabCloseButton {
    background-image: none !important;
    width: auto !important;
    height: auto !important;
}

.dj_a11y .dijitTabCloseText {
    display: inline;
}

.dijitTabPane,
.dijitStackContainer-child,
.dijitAccordionContainer-child {
    border: none !important;
}

.dijitInlineEditBoxDisplayMode {
    border: 1px solid transparent;
    cursor: text;
}

.dj_a11y .dijitInlineEditBoxDisplayMode,
.dj_ie6 .dijitInlineEditBoxDisplayMode {
    border: none;
}

.dijitInlineEditBoxDisplayModeHover,
.dj_a11y .dijitInlineEditBoxDisplayModeHover,
.dj_ie6 .dijitInlineEditBoxDisplayModeHover {
    background-color: #e2ebf2;
    border: solid 1px black;
}

.dijitInlineEditBoxDisplayModeDisabled {
    cursor: default;
}

.dijitTree {
    overflow: auto;
}

.dijitTreeContainer {
    float: left;
}

.dijitTreeIndent {
    width: 19px;
}

.dijitTreeRow, .dijitTreeContent {
    white-space: nowrap;
}

.dj_ie .dijitTreeLabel:focus {
    outline: 1px dotted black;
}

.dijitTreeRow img {
    vertical-align: middle;
}

.dijitTreeContent {
    cursor: default;
}

.dijitExpandoText {
    display: none;
}

.dj_a11y .dijitExpandoText {
    display: inline;
    padding-left: 10px;
    padding-right: 10px;
    font-family: monospace;
    border-style: solid;
    border-width: thin;
    cursor: pointer;
}

.dijitTreeLabel {
    margin: 0 4px;
}

.dijitDialog {
    position: absolute;
    z-index: 999;
    overflow: hidden;
}

.dijitDialogTitleBar {
    cursor: move;
}

.dijitDialogFixed .dijitDialogTitleBar {
    cursor: default;
}

.dijitDialogCloseIcon {
    cursor: pointer;
}

.dijitDialogPaneContent {
    -webkit-overflow-scrolling: touch;
}

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

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

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

.dj_a11y .dijitSpinnerButtonContainer,
.dj_a11y .dijitDialog {
    opacity: 1 !important;
    background-color: white !important;
}

.dijitDialog .closeText {
    /*display:none;*/
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    display: block;
    color: #000000;
    text-shadow: 0 1px 0 #FFFFFF;
    position: absolute;
}

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

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

.dijitSliderMoveableH {
    right: 0;
}

.dijitSliderMoveableV {
    right: 50%;
}

.dj_a11y div.dijitSliderImageHandle,
.dijitSliderImageHandle {
    margin: 0;
    padding: 0;
    position: relative !important;
    border: 8px solid gray;
    width: 0;
    height: 0;
    cursor: pointer;
}

.dj_iequirks .dj_a11y .dijitSliderImageHandle {
    font-size: 0;
}

.dj_ie7 .dijitSliderImageHandle {
    overflow: hidden;
}

.dj_ie7 .dj_a11y .dijitSliderImageHandle {
    overflow: visible;
}

.dj_a11y .dijitSliderFocused .dijitSliderImageHandle {
    border: 4px solid #000;
    height: 8px;
    width: 8px;
}

.dijitSliderImageHandleV {
    top: -8px;
    right: -50%;
}

.dijitSliderImageHandleH {
    left: 50%;
    top: -5px;
    vertical-align: top;
}

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

.dijitSliderBarContainerV {
    position: relative;
    height: 100%;
    z-index: 1;
}

.dijitSliderBarContainerH {
    position: relative;
    z-index: 1;
}

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

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

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

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

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

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

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

.dijitSliderRemainingBarH {
    width: 100% !important;
}

.dijitSliderBumper {
    overflow: hidden;
    z-index: 1;
}

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

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

.dijitSliderBottomBumper,
.dijitSliderLeftBumper {
    background-color: red;
}

.dijitSliderTopBumper,
.dijitSliderRightBumper {
    background-color: transparent;
}

.dijitSliderDecoration {
    text-align: center;
}

.dijitSliderDecorationC,
.dijitSliderDecorationV {
    position: relative;
}

.dijitSliderDecorationH {
    width: 100%;
}

.dijitSliderDecorationV {
    height: 100%;
    white-space: nowrap;
}

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

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

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

    .dijitSliderButtonContainer * {
        cursor: pointer;
    }

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

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

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

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

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

.dj_gecko .dijitRuleContainerV {
    margin: 0 0 1px 0;
}

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

.dijitRuleMarkH {
    width: 0;
    border-top-width: 0 !important;
    border-bottom-width: 0 !important;
    /*border-left-width:0 !important;*/
}

.dijitRuleLabelContainer {
    position: absolute;
}

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

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

.dijitRuleLabelV {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.dijitRuleMarkV {
    height: 0;
    border-right-width: 0 !important;
    /*border-bottom-width:0 !important;*/
    border-left-width: 0 !important;
    width: 100%;
    left: 0;
}

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

.dj_a11y .dijitSliderReadOnly,
.dj_a11y .dijitSliderDisabled {
    opacity: 0.6;
}

.dj_ie .dj_a11y .dijitSliderReadOnly .dijitSliderBar,
.dj_ie .dj_a11y .dijitSliderDisabled .dijitSliderBar {
    filter: alpha(opacity=40);
}

.dj_a11y .dijitSlider .dijitSliderButtonContainer div {
    font-family: monospace;
    font-size: 1em;
    line-height: 1em;
    height: auto;
    width: auto;
    margin: 0 4px;
}

.dj_a11y .dijitButtonContents .dijitButtonText,
.dj_a11y .dijitTab .tabLabel {
    display: inline !important;
}

.dj_a11y .dijitSelect .dijitButtonText {
    display: inline-block !important;
}

.dijitSelectError .dijitButtonContents .dijitButtonText {
    display: none !important;
}

.dijitTextArea {
    width: 100%;
    overflow-y: auto;
}

    .dijitTextArea[cols] {
        width: auto;
    }

.dj_ie .dijitTextAreaCols {
    width: auto;
}

.dijitExpandingTextArea {
    resize: none;
}

.dijitToolbarSeparator {
    height: 18px;
    width: 5px;
    padding: 0 1px;
    margin: 0;
}

.dijitIEFixedToolbar {
    position: absolute;
    top: expression(eval((document.documentElement||document.body).scrollTop));
}

.dijitEditor {
    display: block;
}

.dijitEditorDisabled,
.dijitEditorReadOnly {
    color: gray;
}

.dijitTimePickerItemInner {
    text-align: center;
    border: 0;
    padding: 2px 8px 2px 8px;
}

.dijitTimePickerTick,
.dijitTimePickerMarker {
    border-bottom: 1px solid gray;
}

.dijitTimePicker .dijitDownArrowButton {
    border-top: none !important;
}

.dijitTimePickerTick {
    color: #CCC;
}

.dijitTimePickerMarker {
    color: black;
    background-color: #CCC;
}

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

.dijitTimePickerItemHover {
    background-color: gray;
    color: white;
    cursor: pointer;
}

.dijitTimePickerItemDisabled {
    color: gray;
    text-decoration: line-through;
}

.dj_a11y .dijitTimePickerItemSelected .dijitTimePickerItemInner {
    border: solid 4px black;
}

.dj_a11y .dijitTimePickerItemHover .dijitTimePickerItemInner {
    border: dashed 4px black;
}

.dijitToggleButtonIconChar {
    display: none !important;
}

.dj_a11y .dijitToggleButton .dijitToggleButtonIconChar {
    display: inline !important;
    visibility: hidden;
}

.dj_ie6 .dijitToggleButtonIconChar, .dj_ie6 .tabStripButton .dijitButtonText {
    font-family: "Arial Unicode MS";
}

.dj_a11y .dijitToggleButtonChecked .dijitToggleButtonIconChar {
    display: inline !important;
    visibility: visible !important;
}

.dijitArrowButtonChar {
    display: none !important;
}

.dj_a11y .dijitArrowButtonChar {
    display: inline !important;
}

.dj_a11y .dijitDropDownButton .dijitArrowButtonInner,
.dj_a11y .dijitComboButton .dijitArrowButtonInner {
    display: none !important;
}

.dj_a11y .dijitSelect {
    border-collapse: separate !important;
    border-width: 1px;
    border-style: solid;
}

.dj_ie .dijitSelect {
    vertical-align: middle;
}

.dj_ie6 .dijitSelect .dijitValidationContainer,
.dj_ie8 .dijitSelect .dijitButtonText {
    vertical-align: top;
}

.dj_ie6 .dijitTextBox .dijitInputContainer,
.dj_iequirks .dijitTextBox .dijitInputContainer,
.dj_ie6 .dijitTextBox .dijitArrowButtonInner,
.dj_ie6 .dijitSpinner .dijitSpinnerButtonInner,
.dijitSelect .dijitSelectLabel {
    vertical-align: baseline;
}

.dijitNumberTextBox {
    text-align: left;
    direction: ltr;
}

    .dijitNumberTextBox .dijitInputInner {
        text-align: inherit;
    }

.dijitToolbar .dijitSelect {
    margin: 0;
}

.dj_webkit .dijitToolbar .dijitSelect {
    padding-left: 0.3em;
}

.dijitSelect .dijitButtonContents {
    padding: 0;
    white-space: nowrap;
    text-align: left;
    border-style: none solid none none;
    border-width: 0px;
}

.dijitSelectFixedWidth .dijitButtonContents {
    width: 100%;
}

.dijitSelectMenu .dijitMenuItemIcon {
    display: none;
}

.dj_ie6 .dijitSelectMenu .dijitMenuItemLabel,
.dj_ie7 .dijitSelectMenu .dijitMenuItemLabel {
    position: static;
}

.dijitSelectLabel * {
    vertical-align: baseline;
}

.dijitSelectSelectedOption * {
    font-weight: normal;
}

.dijitSelectMenu {
    border-width: 1px;
}

    .dijitSelectMenu .dijitMenuTable {
        margin: 0;
        background-color: transparent;
    }

.dijitForceStatic {
    position: static !important;
}

.dojoDndItem {
    padding: 2px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}

.dojoDndItemBefore,
.dojoDndItemAfter {
    border: 0px solid #369;
}

.dj_gecko .dijitArrowButtonInner INPUT,
.dj_gecko INPUT.dijitArrowButtonInner {
    -moz-user-focus: ignore;
}

/*
	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.
	*/
    margin: 0;
    border: 0;
    padding: 0;
    font: inherit;
    line-height: normal;
    color: inherit;
}

.dj_a11y .dijitReset {
    -moz-appearance: none; /* remove predefined high-contrast styling in Firefox */
}

.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: inline-block; /* webkit and FF3 */
    #zoom: 1; /* set hasLayout:true to mimic inline-block */
    #display:inline; /* don't use .dj_ie since that increases the priority */
    border: 0;
    padding: 0;
    vertical-align: middle;
    #vertical-align: auto; /* makes TextBox,Button line up w/native counterparts on IE6 */
}

table.dijitInline {
    /* To inline tables with a given width set */
    display: inline-table;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
}

.dijitHidden {
    /* To hide unselected panes in StackContainer etc. */
    position: absolute; /* remove from normal document flow to simulate display: none */
    visibility: hidden; /* hide element from view, but don't break scrolling, see #18612 */
}

    .dijitHidden * {
        visibility: hidden !important; /* hide visibility:visible descendants of class=dijitHidden nodes, see #18799 */
    }

.dijitVisible {
    /* To show selected pane in StackContainer etc. */
    display: block !important; /* override user's display:none setting via style setting or indirectly via class */
    position: relative; /* to support setting width/height, see #2033 */
    visibility: visible;
}

.dj_ie6 .dijitComboBox .dijitInputContainer,
.dijitInputContainer {
    /* for positioning of placeHolder */
    #zoom: 1;
    overflow: hidden;
    float: none !important; /* needed to squeeze the INPUT in */
    position: relative;
}

.dj_ie7 .dijitInputContainer {
    float: left !important; /* needed by IE to squeeze the INPUT in */
    clear: left;
    display: inline-block !important; /* to fix wrong text alignment in textdir=rtl text box */
}

.dj_ie .dijitSelect input,
.dj_ie input.dijitTextBox,
.dj_ie .dijitTextBox input {
    font-size: 100%;
}

.dijitSelect .dijitButtonText {
    float: left;
    vertical-align: top;
}

TABLE.dijitSelect {
    padding: 0 !important; /* messes up border alignment */
    border-collapse: separate; /* so jsfiddle works with Normalized CSS checked */
}

.dijitTextBox .dijitSpinnerButtonContainer,
.dijitTextBox .dijitArrowButtonContainer,
.dijitValidationTextBox .dijitValidationContainer {
    float: right;
    text-align: center;
}

.dijitSelect input.dijitInputField,
.dijitTextBox input.dijitInputField {
    /* override unreasonable user styling of buttons and icons */
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.dijitValidationTextBox .dijitValidationContainer {
    display: none;
}

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

.dijitOffScreen { /* these class attributes should supersede any inline positioning style */
    position: absolute !important;
    left: -10000px !important;
    top: -10000px !important;
}

/*
 * 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;
    -webkit-overflow-scrolling: touch;
}

.dijitPositionOnly {
    /* Null out all position-related properties */
    padding: 0 !important;
    border: 0 !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: 0 0 0 0 !important;
    vertical-align: middle !important;
}

.dijitBackgroundIframe {
    /* iframe used to prevent problems with PDF or other applets overlaying menus etc */
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border: 0;
    padding: 0;
    margin: 0;
}

.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
 ****/
.dj_a11y .dijitIcon,
.dj_a11y div.dijitArrowButtonInner, /* is this only for Spinner?  if so, it should be deleted */
.dj_a11y span.dijitArrowButtonInner,
.dj_a11y img.dijitArrowButtonInner,
.dj_a11y .dijitCalendarIncrementControl,
.dj_a11y .dijitTreeExpando {
    /* hide icon nodes in high contrast mode; when necessary they will be replaced by character equivalents
	 * exception for input.dijitArrowButtonInner, because the icon and character are controlled by the same node */
    display: none;
}

.dijitSpinner div.dijitArrowButtonInner {
    display: block; /* override previous rule */
}

.dj_a11y .dijitA11ySideArrow {
    display: inline !important; /* display text instead */
    cursor: pointer;
}

/*
 * Since we can't use shading in a11y mode, and since the underline indicates today's date,
 * use a border to show the selected date.
 * Avoid screen jitter when switching selected date by compensating for the selected node's
 * border w/padding on other nodes.
 */
.dj_a11y .dijitCalendarDateLabel {
    padding: 1px;
    border: 0px !important;
}

.dj_a11y .dijitCalendarSelectedDate .dijitCalendarDateLabel {
    border-style: solid !important;
    border-width: 1px !important;
    padding: 0;
}

.dj_a11y .dijitCalendarDateTemplate {
    padding-bottom: 0.1em !important; /* otherwise bottom border doesn't appear on IE */
    border: 0px !important;
}

.dj_a11y .dijitButtonNode {
    border: black outset medium !important;
    /* In claro, hovering a toolbar button reduces padding and adds a border.
	 * Not needed in a11y mode since Toolbar buttons always have a border.
	 */
    padding: 0 !important;
}

.dj_a11y .dijitArrowButton {
    padding: 0 !important;
}

.dj_a11y .dijitButtonContents {
    margin: 0.15em; /* Margin needed to make focus outline visible */
}

.dj_a11y .dijitTextBoxReadOnly .dijitInputField,
.dj_a11y .dijitTextBoxReadOnly .dijitButtonNode {
    border-style: outset !important;
    border-width: medium !important;
    border-color: #999 !important;
    color: #999 !important;
}

/* button inner contents - labels, icons etc. */
.dijitButtonNode * {
    vertical-align: middle;
}

.dijitSelect .dijitArrowButtonInner,
.dijitButtonNode .dijitArrowButtonInner {
    /* the arrow icon node */
    background: no-repeat center;
    width: 12px;
    height: 12px;
    direction: ltr; /* needed by IE/RTL */
}

/****
	3-element borders:  ( dijitLeft + dijitStretch + dijitRight )
	These were added for rounded corners on dijit.form.*Button but never actually used.
 ****/

.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;
}

/* Buttons */
.dj_gecko .dj_a11y .dijitButtonDisabled .dijitButtonNode {
    opacity: 0.5;
}

.dijitToggleButton,
.dijitButton,
.dijitDropDownButton,
.dijitComboButton {
    /* outside of button */
    margin: 0.2em;
    vertical-align: middle;
}

.dijitButtonContents {
    display: block; /* to make focus border rectangular */
}

td.dijitButtonContents {
    display: table-cell; /* but don't affect Select, ComboButton */
}

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

.dijitToolbar .dijitComboButton {
    /* because Toolbar only draws a border around the hovered thing */
    border-collapse: separate;
}

.dijitToolbar .dijitToggleButton,
.dijitToolbar .dijitButton,
.dijitToolbar .dijitDropDownButton,
.dijitToolbar .dijitComboButton {
    margin: 0;
}

.dijitToolbar .dijitButtonContents {
    /* just because it used to be this way */
    padding: 1px 2px;
}


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

.dj_gecko .dijitToolbar .dijitButtonNode::-moz-focus-inner {
    padding: 0;
}

.dijitSelect {
    border: 1px solid gray;
}

.dijitButtonNode {
    /* Node that is acting as a button -- may or may not be a BUTTON element */
    border: 1px solid gray;
    margin: 0;
    line-height: normal;
    vertical-align: middle;
    #vertical-align: auto;
    text-align: center;
    white-space: nowrap;
}

.dj_webkit .dijitSpinner .dijitSpinnerButtonContainer {
    /* apparent WebKit bug where messing with the font coupled with line-height:normal X 2 (dijitReset & dijitButtonNode)
	can be different than just a single line-height:normal, visible in InlineEditBox/Spinner */
    line-height: inherit;
}

.dijitTextBox .dijitButtonNode {
    border-width: 0;
}

.dijitSelect,
.dijitSelect *,
.dijitButtonNode,
.dijitButtonNode * {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.dj_ie .dijitButtonNode {
    /* ensure hasLayout */
    zoom: 1;
}

    .dj_ie .dijitButtonNode button {
        /*
		disgusting hack to get rid of spurious padding around button elements
		on IE. MSIE is truly the web's boat anchor.
	*/
        overflow: visible;
    }

div.dijitArrowButton {
    float: right;
}

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

.dijitTextBox {
    border: solid black 1px;
    #overflow: hidden; /* #6027, #6067 */
    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 */
    vertical-align: middle;
}

.dijitTextBoxReadOnly,
.dijitTextBoxDisabled {
    color: gray;
}

.dj_safari .dijitTextBoxDisabled input {
    color: #B0B0B0; /* because Safari lightens disabled input/textarea no matter what color you specify */
}

.dj_safari textarea.dijitTextAreaDisabled {
    color: #333; /* because Safari lightens disabled input/textarea no matter what color you specify */
}

.dj_gecko .dijitTextBoxReadOnly input.dijitInputField, /* disable arrow and validation presentation inputs but allow real input for text selection */
.dj_gecko .dijitTextBoxDisabled input {
    -moz-user-input: none; /* prevent focus of disabled textbox buttons */
}

.dijitPlaceHolder {
    /* hint text that appears in a textbox until user starts typing */
    color: #AAAAAA;
    font-style: italic;
    position: absolute;
    top: 0;
    left: 0;
    #filter: ""; /* make this show up in IE6 after the rendering of the widget */
    white-space: nowrap;
    pointer-events: none; /* so cut/paste context menu shows up when right clicking */
}

.dijitTimeTextBox {
    width: 8em;
}

/* rules for webkit to deal with fuzzy blue focus border */
.dijitTextBox input:focus {
    outline: none; /* blue fuzzy line looks wrong on combobox or something w/validation icon showing */
}

.dijitTextBoxFocused {
    outline: 5px -webkit-focus-ring-color;
}

.dijitSelect input,
.dijitTextBox input {
    float: left; /* needed by IE to remove secret margin */
}

.dj_ie6 input.dijitTextBox,
.dj_ie6 .dijitTextBox input {
    float: none;
}

.dijitInputInner {
    /* for when an <input> is embedded inside an inline-block <div> with a size and border */
    border: 0 !important;
    background-color: transparent !important;
    width: 100% !important;
    /* IE dislikes horizontal tweaking combined with width:100% so punish everyone for consistency */
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.dj_a11y .dijitTextBox input {
    margin: 0 !important;
}

.dijitValidationTextBoxError input.dijitValidationInner,
.dijitSelect input,
.dijitTextBox input.dijitArrowButtonInner {
    /* <input> used to display arrow icon/validation icon, or in arrow character in high contrast mode.
	 * The css below is a trick to hide the character in non-high-contrast mode
	 */
    text-indent: -2em !important;
    direction: ltr !important;
    text-align: left !important;
    height: auto !important;
    #text-indent: 0 !important;
    #letter-spacing: -5em !important;
    #text-align: right !important;
}

.dj_ie .dijitSelect input,
.dj_ie .dijitTextBox input,
.dj_ie input.dijitTextBox {
    overflow-y: visible; /* inputs need help expanding when padding is added or line-height is adjusted */
    line-height: normal; /* strict mode */
}

.dijitSelect .dijitSelectLabel span {
    line-height: 100%;
}

.dj_ie .dijitSelect .dijitSelectLabel {
    line-height: normal;
}

.dj_ie6 .dijitSelect .dijitSelectLabel,
.dj_ie7 .dijitSelect .dijitSelectLabel,
.dj_ie8 .dijitSelect .dijitSelectLabel,
.dj_iequirks .dijitSelect .dijitSelectLabel,
.dijitSelect td,
.dj_ie6 .dijitSelect input,
.dj_iequirks .dijitSelect input,
.dj_ie6 .dijitSelect .dijitValidationContainer,
.dj_ie6 .dijitTextBox input,
.dj_ie6 input.dijitTextBox,
.dj_iequirks .dijitTextBox input.dijitValidationInner,
.dj_iequirks .dijitTextBox input.dijitArrowButtonInner,
.dj_iequirks .dijitTextBox input.dijitSpinnerButtonInner,
.dj_iequirks .dijitTextBox input.dijitInputInner,
.dj_iequirks input.dijitTextBox {
    line-height: 100%; /* IE7 problem where the icon is vertically way too low w/o this */
}

.dj_a11y input.dijitValidationInner,
.dj_a11y input.dijitArrowButtonInner {
    /* (in high contrast mode) revert rules from above so character displays */
    text-indent: 0 !important;
    width: 1em !important;
    #text-align: left !important;
    color: black !important;
}

.dijitValidationTextBoxError .dijitValidationContainer {
    display: inline;
    cursor: default;
}

/* ComboBox & Spinner */

.dijitSpinner .dijitSpinnerButtonContainer,
.dijitComboBox .dijitArrowButtonContainer {
    /* dividing line between input area and up/down button(s) for ComboBox and Spinner */
    border-width: 0 0 0 1px !important; /* !important needed due to wayward ".theme .dijitButtonNode" rules */
}

.dj_a11y .dijitSelect .dijitArrowButtonContainer,
.dijitToolbar .dijitComboBox .dijitArrowButtonContainer {
    /* overrides above rule plus mirror-image rule in dijit_rtl.css to have no divider when ComboBox in Toolbar */
    border-width: 0 !important;
}

.dijitComboBoxMenu {
    /* Drop down menu is implemented as <ul> <li/> <li/> ... but we don't want circles before each item */
    list-style-type: none;
}

.dijitSpinner .dijitSpinnerButtonContainer .dijitButtonNode {
    /* dividing line between input area and up/down button(s) for ComboBox and Spinner */
    border-width: 0;
}

.dj_ie .dj_a11y .dijitSpinner .dijitSpinnerButtonContainer .dijitButtonNode {
    clear: both; /* IE workaround */
}

.dj_ie .dijitToolbar .dijitComboBox {
    /* make combobox buttons align properly with other buttons in a toolbar */
    vertical-align: middle;
}

/* Spinner */

.dijitTextBox .dijitSpinnerButtonContainer {
    width: 1em;
    position: relative !important;
    overflow: hidden;
}

.dijitSpinner .dijitSpinnerButtonInner {
    width: 1em;
    visibility: hidden !important; /* just a sizing element */
    overflow-x: hidden;
}

.dijitComboBox .dijitButtonNode,
.dijitSpinnerButtonContainer .dijitButtonNode {
    border-width: 0;
}

.dj_a11y .dijitSpinnerButtonContainer .dijitButtonNode {
    border-width: 0px !important;
    border-style: solid !important;
}

.dj_a11y .dijitTextBox .dijitSpinnerButtonContainer,
.dj_a11y .dijitSpinner .dijitArrowButtonInner,
.dj_a11y .dijitSpinnerButtonContainer input {
    width: 1em !important;
}

.dj_a11y .dijitSpinner .dijitArrowButtonInner {
    margin: 0 auto !important; /* should auto-center */
}

.dj_ie .dj_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField {
    padding-left: 0.3em !important;
    padding-right: 0.3em !important;
    margin-left: 0.3em !important;
    margin-right: 0.3em !important;
    width: 1.4em !important;
}

.dj_ie7 .dj_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField {
    padding-left: 0 !important; /* manually center INPUT: character is .5em and total width = 1em */
    padding-right: 0 !important;
    width: 1em !important;
}

.dj_ie6 .dj_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField {
    margin-left: 0.1em !important;
    margin-right: 0.1em !important;
    width: 1em !important;
}

.dj_iequirks .dj_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 2em !important;
}

.dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButton {
    /* note: .dijitInputLayoutContainer makes this rule override .dijitArrowButton settings
	 * for dijit.form.Button
	 */
    padding: 0;
    position: absolute !important;
    right: 0;
    float: none;
    height: 50%;
    width: 100%;
    bottom: auto;
    left: 0;
    right: auto;
}

.dj_iequirks .dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButton {
    width: auto;
}

.dj_a11y .dijitSpinnerButtonContainer .dijitArrowButton {
    overflow: visible !important;
}

.dijitSpinner .dijitSpinnerButtonContainer .dijitDownArrowButton {
    top: 50%;
    border-top-width: 1px !important;
}

.dijitSpinner .dijitSpinnerButtonContainer .dijitUpArrowButton {
    #bottom: 50%; /* otherwise (on some machines) top arrow icon too close to splitter border (IE6/7) */
    top: 0;
}

.dijitSpinner .dijitArrowButtonInner {
    margin: auto;
    overflow-x: hidden;
    height: 100% !important;
}

.dj_iequirks .dijitSpinner .dijitArrowButtonInner {
    height: auto !important;
}

.dijitSpinner .dijitArrowButtonInner .dijitInputField {
    -moz-transform: scale(0.5);
    -moz-transform-origin: center top;
    -webkit-transform: scale(0.5);
    -webkit-transform-origin: center top;
    -o-transform: scale(0.5);
    -o-transform-origin: center top;
    transform: scale(0.5);
    transform-origin: left top;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100%;
    visibility: hidden;
}

.dj_ie .dijitSpinner .dijitArrowButtonInner .dijitInputField {
    zoom: 50%; /* emulate transform: scale(0.5) */
}

.dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButtonInner {
    overflow: hidden;
}

.dj_a11y .dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButton {
    width: 100%;
}

.dj_iequirks .dj_a11y .dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButton {
    width: 1em; /* matches .dj_a11y .dijitTextBox .dijitSpinnerButtonContainer rule - 100% is the whole screen width in quirks */
}

.dj_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField {
    vertical-align: top;
    visibility: visible;
}

.dj_a11y .dijitSpinnerButtonContainer {
    width: 1em;
}

/****
		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;
    overflow: hidden;
}

    .dijitCheckBox input,
    .dijitRadio input {
        margin: 0;
        padding: 0;
        display: block;
    }

.dijitCheckBoxInput {
    /* place the actual input on top, but invisible */
    opacity: 0;
}

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

.dj_a11y .dijitCheckBox,
.dj_a11y .dijitRadio {
    /* in a11y mode we display the native checkbox (not the icon), so don't restrict the size */
    width: auto !important;
    height: auto !important;
}

.dj_a11y .dijitCheckBoxInput {
    opacity: 1;
    filter: none;
    width: auto;
    height: auto;
}

.dj_a11y .dijitFocusedLabel {
    /* for checkboxes or radio buttons in high contrast mode, use border rather than outline to indicate focus (outline does not work in FF)*/
    border: 1px dotted;
    outline: 0px !important;
}

/****
		dijit.ProgressBar
 ****/

.dijitProgressBar {
    z-index: 0; /* so z-index settings below have no effect outside of the 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%;
}

.dj_ie6 .dijitProgressBarFull {
    height: 1.6em;
}

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

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

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

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

.dijitProgressBarIndeterminateHighContrastImage {
    display: none;
}

.dj_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 !important;
}

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

.dijitTooltip {
    position: absolute;
    z-index: 2000;
    display: block;
    /* make visible but off screen */
    left: 0;
    top: -10000px;
    overflow: visible;
}

.dijitTooltipContainer {
    border: solid black 2px;
    background: #b8b5b5;
    color: black;
    font-size: small;
}

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

.dijitTooltipConnector {
    position: absolute;
}

.dj_a11y .dijitTooltipConnector {
    display: none; /* won't show b/c it's background-image; hide to avoid border gap */
}

.dijitTooltipData {
    display: none;
}

/* 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;
}

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

body .dijitAlignClient {
    position: absolute;
}

/*
 * BorderContainer
 *
 * .dijitBorderContainer is a stylized layout where panes have border and margin.
 * .dijitBorderContainerNoGutter is a raw layout.
 */
.dijitBorderContainer, .dijitBorderContainerNoGutter {
    position: relative;
    overflow: hidden;
    z-index: 0; /* so z-index settings below have no effect outside of the BorderContainer */
}

.dijitBorderContainerPane,
.dijitBorderContainerNoGutterPane {
    position: absolute !important; /* !important to override position:relative in dijitTabContainer etc. */
    z-index: 2; /* above the splitters so that off-by-one browser errors don't cover up border of pane */
}

.dijitBorderContainer > .dijitTextArea {
    /* On Safari, for SimpleTextArea inside a BorderContainer,
		don't want to display the grip to resize */
    resize: none;
}

.dijitGutter {
    /* gutter is just a place holder for empty space between panes in BorderContainer */
    position: absolute;
    font-size: 1px; /* needed by IE6 even though div is empty, otherwise goes to 15px */
}

/* SplitContainer

	'V' == container that splits vertically (up/down)
	'H' = horizontal (left/right)
*/

.dijitSplitter {
    position: absolute;
    overflow: hidden;
    z-index: 10; /* above the panes so that splitter focus is visible on FF, see #7583*/
    background-color: #fff;
    border-color: gray;
    border-style: solid;
    border-width: 0;
}

.dj_ie .dijitSplitter {
    z-index: 1; /* behind the panes so that pane borders aren't obscured see test_Gui.html/[14392] */
}

.dijitSplitterActive {
    z-index: 11 !important;
}

.dijitSplitterCover {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.dijitSplitterCoverActive {
    z-index: 3 !important;
}

/* #6945: stop mouse events */
.dj_ie .dijitSplitterCover {
    background: white;
    opacity: 0;
}

.dj_ie6 .dijitSplitterCover,
.dj_ie7 .dijitSplitterCover,
.dj_ie8 .dijitSplitterCover {
    filter: alpha(opacity=0);
}

.dijitSplitterH {
    height: 7px;
    border-top: 1px;
    border-bottom: 1px;
    cursor: row-resize;
    -webkit-tap-highlight-color: transparent;
}

.dijitSplitterV {
    width: 7px;
    border-left: 1px;
    border-right: 1px;
    cursor: col-resize;
    -webkit-tap-highlight-color: transparent;
}

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

.dijitSplitPane {
    position: absolute;
}

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

    .dijitSplitContainerSizerH .thumb, .dijitSplitterV .dijitSplitterThumb {
        overflow: hidden;
        position: absolute;
        top: 49%;
    }

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

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

.dijitSplitContainerSizerH, .dijitSplitContainerVirtualSizerH {
    cursor: col-resize;
}

.dijitSplitContainerSizerV, .dijitSplitContainerVirtualSizerV {
    cursor: row-resize;
}

.dj_a11y .dijitSplitterH {
    border-top: 1px solid #d3d3d3 !important;
    border-bottom: 1px solid #d3d3d3 !important;
}

.dj_a11y .dijitSplitterV {
    border-left: 1px solid #d3d3d3 !important;
    border-right: 1px solid #d3d3d3 !important;
}

/* ContentPane */

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

.dijitContentPaneSingleChild {
    /*
	 * if the ContentPane holds a single layout widget child which is being sized to match the content pane,
	 * then the ContentPane should never get a scrollbar (but it does due to browser bugs, see #9449
	 */
    overflow: hidden;
}

.dijitContentPaneLoading .dijitIconLoading,
.dijitContentPaneError .dijitIconError {
    margin-right: 9px;
}

/* TitlePane and Fieldset */

.dijitTitlePane {
    display: block;
    overflow: hidden;
}

.dijitFieldset {
    border: 1px solid gray;
}

.dijitTitlePaneTitle, .dijitFieldsetTitle {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.dijitTitlePaneTitleFixedOpen, .dijitTitlePaneTitleFixedClosed,
.dijitFieldsetTitleFixedOpen, .dijitFieldsetTitleFixedClosed {
    /* TitlePane or Fieldset that cannot be toggled */
    cursor: default;
}

.dijitTitlePaneTitle * {
    vertical-align: middle;
}

.dijitTitlePane .dijitArrowNodeInner, .dijitFieldset .dijitArrowNodeInner {
    /* normally, hide arrow text in favor of icon */
    display: none;
}

.dj_a11y .dijitTitlePane .dijitArrowNodeInner, .dj_a11y .dijitFieldset .dijitArrowNodeInner {
    /* ... except in a11y mode, then show text arrow */
    display: inline;
    font-family: monospace; /* because - and + are different widths */
}

.dj_a11y .dijitTitlePane .dijitArrowNode, .dj_a11y .dijitFieldset .dijitArrowNode {
    /* ... and hide icon (TODO: just point dijitIcon class on the icon, and it hides automatically) */
    display: none;
}

.dijitTitlePaneTitleFixedOpen .dijitArrowNode, .dijitTitlePaneTitleFixedOpen .dijitArrowNodeInner,
.dijitTitlePaneTitleFixedClosed .dijitArrowNode, .dijitTitlePaneTitleFixedClosed .dijitArrowNodeInner,
.dijitFieldsetTitleFixedOpen .dijitArrowNode, .dijitFieldsetTitleFixedOpen .dijitArrowNodeInner,
.dijitFieldsetTitleFixedClosed .dijitArrowNode, .dijitFieldsetTitleFixedClosed .dijitArrowNodeInner {
    /* don't show the open close icon or text arrow; it makes the user think the pane is closable */
    display: none !important; /* !important to override above a11y rules to show text arrow */
}

.dj_ie6 .dijitTitlePaneContentOuter,
.dj_ie6 .dijitTitlePane .dijitTitlePaneTitle {
    /* force hasLayout to ensure borders etc, show up */
    zoom: 1;
}

/* Color Palette
 * Sizes designed so that table cell positions match icons in underlying image,
 * which appear at 20x20 intervals.
 */

.dijitColorPalette {
    border: 1px solid #999;
    background: #fff;
    position: relative;
}

    .dijitColorPalette .dijitPaletteTable {
        /* Table that holds the palette cells, and overlays image file with color swatches.
	 * padding/margin to align table with image.
	 */
        padding: 2px 3px 3px 3px;
        position: relative;
        overflow: hidden;
        outline: 0;
        border-collapse: separate;
    }

.dj_ie6 .dijitColorPalette .dijitPaletteTable,
.dj_ie7 .dijitColorPalette .dijitPaletteTable,
.dj_iequirks .dijitColorPalette .dijitPaletteTable {
    /* using padding above so that focus border isn't cutoff on moz/webkit,
	 * but using margin on IE because padding doesn't seem to work
	 */
    padding: 0;
    margin: 2px 3px 3px 3px;
}

.dijitColorPalette .dijitPaletteCell {
    /* <td> in the <table> */
    font-size: 1px;
    vertical-align: middle;
    text-align: center;
    background: none;
}

.dijitColorPalette .dijitPaletteImg {
    /* Called dijitPaletteImg for back-compat, this actually wraps the color swatch with a border and padding */
    padding: 1px; /* white area between gray border and color swatch */
    border: 1px solid #999;
    margin: 2px 1px;
    cursor: default;
    font-size: 1px; /* prevent <span> from getting bigger just to hold a character */
}

.dj_gecko .dijitColorPalette .dijitPaletteImg {
    padding-bottom: 0; /* workaround rendering glitch on FF, it adds an extra pixel at the bottom */
}

.dijitColorPalette .dijitColorPaletteSwatch {
    /* the actual part where the color is */
    width: 14px;
    height: 12px;
}

.dijitPaletteTable td {
    padding: 0;
}

.dijitColorPalette .dijitPaletteCell:hover .dijitPaletteImg {
    /* hovered color swatch */
    border: 1px solid #000;
}

.dijitColorPalette .dijitPaletteCell:active .dijitPaletteImg,
.dijitColorPalette .dijitPaletteTable .dijitPaletteCellSelected .dijitPaletteImg {
    border: 2px solid #000;
    margin: 1px 0; /* reduce margin to compensate for increased border */
}


.dj_a11y .dijitColorPalette .dijitPaletteTable,
.dj_a11y .dijitColorPalette .dijitPaletteTable * {
    /* table cells are to catch events, but the swatches are in the PaletteImg behind the table */
    background-color: transparent !important;
}

/* AccordionContainer */

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

.dijitAccordionTitle {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.dijitAccordionTitleSelected {
    cursor: default;
}

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

.dj_a11y .dijitAccordionTitle .arrowTextUp,
.dj_a11y .dijitAccordionTitleSelected .arrowTextDown {
    display: inline;
}

.dj_a11y .dijitAccordionTitleSelected .arrowTextUp {
    display: none;
}

.dijitAccordionChildWrapper {
    /* this is the node whose height is adjusted */
    overflow: hidden;
}

/* Calendar */

.dijitCalendarContainer table {
    margin-top: 2em;
    width: 100%; /* in case user has specified a width for the TABLE nodes, see #10553 */
    clear: both; /* clear margin created for left/right month arrows; needed on IE10 for CalendarLite */
}

.dijitCalendarContainer th, .dijitCalendarContainer td {
    padding: 0;
    vertical-align: middle;
}

.dijitCalendarMonthContainer {
    text-align: center;
}

.dijitCalendarDecrementArrow {
    float: left;
}

.dijitCalendarIncrementArrow {
    float: right;
}

.dijitCalendarYearLabel {
    white-space: nowrap; /* make sure previous, current, and next year appear on same row */
}

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

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

.dijitCalendarIncrementControl {
    vertical-align: middle;
}

.dijitCalendarIncrementControl,
.dijitCalendarDateTemplate,
.dijitCalendarMonthLabel,
.dijitCalendarPreviousYear,
.dijitCalendarNextYear {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.dijitCalendarDisabledDate {
    color: gray;
    text-decoration: line-through;
    cursor: default;
}

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

/* Styling for month drop down list */

.dijitCalendarMonthMenu .dijitCalendarMonthLabel {
    text-align: center;
}

/* Menu */

.dijitMenu {
    border: 1px solid black;
    background-color: white;
}

.dijitMenuTable {
    border-collapse: collapse;
    border-width: 0;
    background-color: white;
}

/* workaround for webkit bug #8427, remove this when it is fixed upstream */
.dj_webkit .dijitMenuTable td[colspan="2"] {
    border-right: hidden;
}

.dijitMenuItem {
    text-align: left;
    white-space: nowrap;
    padding: .1em .2em;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

    /*
No need to show a focus border since it's obvious from the shading, and there's a .dj_a11y .dijitMenuItemSelected
rule below that handles the high contrast case when there's no shading.
Hiding the focus border also works around webkit bug https://code.google.com/p/chromium/issues/detail?id=125779.
*/
    .dijitMenuItem:focus {
        outline: none
    }

.dijitMenuPassive .dijitMenuItemHover,
.dijitMenuItemSelected {
    /*
	 * dijitMenuItemHover refers to actual mouse over
	 * dijitMenuItemSelected is used after a menu has been "activated" by
	 * clicking it, tabbing into it, or being opened from a parent menu,
	 * and denotes that the menu item has focus or that focus is on a child
	 * menu
	 */
    background-color: black;
    color: white;
}

.dijitMenuItemIcon, .dijitMenuExpand {
    background-repeat: no-repeat;
}

.dijitMenuItemDisabled * {
    /* for a disabled menu item, just set it to mostly transparent */
    opacity: 0.5;
    cursor: default;
}

.dj_ie .dj_a11y .dijitMenuItemDisabled,
.dj_ie .dj_a11y .dijitMenuItemDisabled *,
.dj_ie .dijitMenuItemDisabled * {
    color: gray;
    filter: alpha(opacity=35);
}

.dijitMenuItemLabel {
    vertical-align: middle;
}

.dj_a11y .dijitMenuItemSelected {
    border: 1px dotted black !important; /* for 2.0 use outline instead, to prevent jitter */
}

    .dj_a11y .dijitMenuItemSelected .dijitMenuItemLabel {
        border-width: 1px;
        border-style: solid;
    }

.dj_ie8 .dj_a11y .dijitMenuItemLabel {
    position: static;
}

.dijitMenuExpandA11y {
    display: none;
}

.dj_a11y .dijitMenuExpandA11y {
    display: inline;
}

.dijitMenuSeparator td {
    border: 0;
    padding: 0;
}

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

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

/* CheckedMenuItem and RadioMenuItem */
.dijitMenuItemIconChar {
    display: none; /* don't display except in high contrast mode */
    visibility: hidden; /* for high contrast mode when menuitem is unchecked: leave space for when it is checked */
}

.dj_a11y .dijitMenuItemIconChar {
    display: inline; /* display character in high contrast mode, since icon doesn't show */
}

.dijitCheckedMenuItemChecked .dijitMenuItemIconChar,
.dijitRadioMenuItemChecked .dijitMenuItemIconChar {
    visibility: visible; /* menuitem is checked */
}

.dj_ie .dj_a11y .dijitMenuBar .dijitMenuItem {
    /* so bottom border of MenuBar appears on IE7 in high-contrast mode */
    margin: 0;
}

/* StackContainer */

.dijitStackController .dijitToggleButtonChecked * {
    cursor: default; /* because pressing it has no effect */
}

/***
TabContainer

Main class hierarchy:

.dijitTabContainer - the whole TabContainer
   .dijitTabController / .dijitTabListContainer-top - wrapper for tab buttons, scroll buttons
	 .dijitTabListWrapper / .dijitTabContainerTopStrip - outer wrapper for tab buttons (normal width)
		.nowrapTabStrip / .dijitTabContainerTop-tabs - inner wrapper for tab buttons (50K width)
   .dijitTabPaneWrapper - wrapper for content panes, has all borders except the one between content and tabs
***/

.dijitTabContainer {
    z-index: 0; /* so z-index settings below have no effect outside of the TabContainer */
    overflow: visible; /* prevent off-by-one-pixel errors from hiding bottom border (opposite tab labels) */
}

.dj_ie6 .dijitTabContainer {
    /* workaround IE6 problem when tall content overflows TabContainer, see editor/test_FullScreen.html */
    overflow: hidden;
}

.dijitTabContainerNoLayout {
    width: 100%; /* otherwise ScrollingTabController goes to 50K pixels wide */
}

.dijitTabContainerBottom-tabs,
.dijitTabContainerTop-tabs,
.dijitTabContainerLeft-tabs,
.dijitTabContainerRight-tabs {
    z-index: 1;
    overflow: visible !important; /* so tabs can cover up border adjacent to container */
}

.dijitTabController {
    z-index: 1;
}

.dijitTabContainerBottom-container,
.dijitTabContainerTop-container,
.dijitTabContainerLeft-container,
.dijitTabContainerRight-container {
    z-index: 0;
    overflow: hidden;
    border: 1px solid black;
}

.nowrapTabStrip {
    width: 50000px;
    display: block;
    position: relative;
    text-align: left; /* just in case ancestor has non-standard setting */
    z-index: 1;
}

.dijitTabListWrapper {
    overflow: hidden;
    z-index: 1;
}

.dj_a11y .tabStripButton img {
    /* hide the icons (or rather the empty space where they normally appear) because text will appear instead */
    display: none;
}

.dijitTabContainerTop-tabs {
    border-bottom: 1px solid black;
}

.dijitTabContainerTop-container {
    border-top: 0;
}

.dijitTabContainerLeft-tabs {
    border-right: 1px solid black;
    float: left; /* needed for IE7 RTL mode */
}

.dijitTabContainerLeft-container {
    border-left: 0;
}

.dijitTabContainerBottom-tabs {
    border-top: 1px solid black;
}

.dijitTabContainerBottom-container {
    border-bottom: 0;
}

.dijitTabContainerRight-tabs {
    border-left: 1px solid black;
    float: left; /* needed for IE7 RTL mode */
}

.dijitTabContainerRight-container {
    border-right: 0;
}

div.dijitTabDisabled, .dj_ie div.dijitTabDisabled {
    cursor: auto;
}

.dijitTab {
    position: relative;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    white-space: nowrap;
    z-index: 3;
}

    .dijitTab * {
        /* make tab icons and close icon line up w/text */
        vertical-align: middle;
    }

.dijitTabChecked {
    cursor: default; /* because clicking will have no effect */
}

.dijitTabContainerTop-tabs .dijitTab {
    top: 1px; /* to overlap border on .dijitTabContainerTop-tabs */
}

.dijitTabContainerBottom-tabs .dijitTab {
    top: -1px; /* to overlap border on .dijitTabContainerBottom-tabs */
}

.dijitTabContainerLeft-tabs .dijitTab {
    left: 1px; /* to overlap border on .dijitTabContainerLeft-tabs */
}

.dijitTabContainerRight-tabs .dijitTab {
    left: -1px; /* to overlap border on .dijitTabContainerRight-tabs */
}


.dijitTabContainerTop-tabs .dijitTab,
.dijitTabContainerBottom-tabs .dijitTab {
    /* Inline-block */
    display: inline-block; /* webkit and FF3 */
    #zoom: 1; /* set hasLayout:true to mimic inline-block */
    #display:inline; /* don't use .dj_ie since that increases the priority */
}

.tabStripButton {
    z-index: 12;
}

.dijitTabButtonDisabled .tabStripButton {
    display: none;
}


.dijitTabCloseButton {
    margin-left: 1em;
}

.dijitTabCloseText {
    display: none;
}

.dijitTab .tabLabel {
    /* make sure tabs w/close button and w/out close button are same height, even w/small (<15px) font.
	 * assumes <=15px height for close button icon.
	 */
    min-height: 15px;
    display: inline-block;
}

.dijitNoIcon {
    /* applied to <img>/<span> node when there is no icon specified */
    display: none;
}

.dj_ie6 .dijitTab .dijitNoIcon {
    /* because min-height (on .tabLabel, above) doesn't work on IE6 */
    display: inline;
    height: 15px;
    width: 1px;
}

/* images off, high-contrast mode styles */

.dj_a11y .dijitTabCloseButton {
    background-image: none !important;
    width: auto !important;
    height: auto !important;
}

.dj_a11y .dijitTabCloseText {
    display: inline;
}

.dijitTabPane,
.dijitStackContainer-child,
.dijitAccordionContainer-child {
    /* children of TabContainer, StackContainer, and AccordionContainer shouldn't have borders
	 * b/c a border is already there from the TabContainer/StackContainer/AccordionContainer itself.
	 */
    border: none !important;
}

/* InlineEditBox */
.dijitInlineEditBoxDisplayMode {
    border: 1px solid transparent; /* so keyline (border) on hover can appear without screen jump */
    cursor: text;
}

.dj_a11y .dijitInlineEditBoxDisplayMode,
.dj_ie6 .dijitInlineEditBoxDisplayMode {
    /* except that IE6 doesn't support transparent borders, nor does high contrast mode */
    border: none;
}

.dijitInlineEditBoxDisplayModeHover,
.dj_a11y .dijitInlineEditBoxDisplayModeHover,
.dj_ie6 .dijitInlineEditBoxDisplayModeHover {
    /* An InlineEditBox in view mode (click this to edit the text) */
    background-color: #e2ebf2;
    border: solid 1px black;
}

.dijitInlineEditBoxDisplayModeDisabled {
    cursor: default;
}

/* Tree */
.dijitTree {
    overflow: auto; /* for scrollbars when Tree has a height setting, and to prevent wrapping around float elements, see #11491 */
    -webkit-tap-highlight-color: transparent;
    -moz-user-select: none;
}

.dijitTreeContainer {
    float: left; /* for correct highlighting during horizontal scroll, see #16132 */
}

.dijitTreeIndent {
    /* amount to indent each tree node (relative to parent node) */
    width: 19px;
}

.dijitTreeRow, .dijitTreeContent {
    white-space: nowrap;
}

.dj_ie .dijitTreeLabel:focus {
    /* workaround IE9 behavior where down arrowing through TreeNodes doesn't show focus outline */
    outline: 1px dotted black;
}

.dijitTreeRow img {
    /* make the expando and folder icons line up with the label */
    vertical-align: middle;
}

.dijitTreeContent {
    cursor: default;
}

.dijitExpandoText {
    display: none;
}

.dj_a11y .dijitExpandoText {
    display: inline;
    padding-left: 10px;
    padding-right: 10px;
    font-family: monospace;
    border-style: solid;
    border-width: thin;
    cursor: pointer;
}

.dijitTreeLabel {
    margin: 0 4px;
}

/* Dialog */

.dijitDialog {
    position: absolute;
    z-index: 999;
    overflow: hidden; /* override overflow: auto; from ContentPane to make dragging smoother */
}

.dijitDialogTitleBar {
    cursor: move;
}

.dijitDialogFixed .dijitDialogTitleBar {
    cursor: default;
}

.dijitDialogCloseIcon {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.dijitDialogPaneContent {
    -webkit-overflow-scrolling: touch;
}

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

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

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

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

.dijitDialog .closeText {
    display: none;
    /* for the onhover border in high contrast on IE: */
    position: absolute;
}

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

/* Slider */

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

.dijitSliderMoveableH {
    right: 0;
}

.dijitSliderMoveableV {
    right: 50%;
}

.dj_a11y div.dijitSliderImageHandle,
.dijitSliderImageHandle {
    margin: 0;
    padding: 0;
    position: relative !important;
    border: 8px solid gray;
    width: 0;
    height: 0;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.dj_iequirks .dj_a11y .dijitSliderImageHandle {
    font-size: 0;
}

.dj_ie7 .dijitSliderImageHandle {
    overflow: hidden; /* IE7 workaround to make slider handle VISIBLE in non-a11y mode */
}

.dj_ie7 .dj_a11y .dijitSliderImageHandle {
    overflow: visible; /* IE7 workaround to make slider handle VISIBLE in a11y mode */
}

.dj_a11y .dijitSliderFocused .dijitSliderImageHandle {
    border: 4px solid #000;
    height: 8px;
    width: 8px;
}

.dijitSliderImageHandleV {
    top: -8px;
    right: -50%;
}

.dijitSliderImageHandleH {
    left: 50%;
    top: -5px;
    vertical-align: top;
}

.dijitSliderBar {
    border-style: solid;
    border-color: black;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.dijitSliderBarContainerV {
    position: relative;
    height: 100%;
    z-index: 1;
}

.dijitSliderBarContainerH {
    position: relative;
    z-index: 1;
}

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

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

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

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

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

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

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

.dijitSliderRemainingBarH {
    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;
}

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

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

.dijitSliderBottomBumper,
.dijitSliderLeftBumper {
    background-color: red;
}

.dijitSliderTopBumper,
.dijitSliderRightBumper {
    background-color: transparent;
}

.dijitSliderDecoration {
    text-align: center;
}

.dijitSliderDecorationC,
.dijitSliderDecorationV {
    position: relative; /* needed for IE+quirks+RTL+vertical (rendering bug) but add everywhere for custom styling consistency but this messes up IE horizontal sliders */
}

.dijitSliderDecorationH {
    width: 100%;
}

.dijitSliderDecorationV {
    height: 100%;
    white-space: nowrap;
}

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

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

.dijitSliderButtonContainer {
    text-align: center;
    height: 0; /* ??? */
}

    .dijitSliderButtonContainer * {
        cursor: pointer;
        -webkit-tap-highlight-color: transparent;
    }

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

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

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

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

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

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

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

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

.dijitRuleLabelContainer {
    position: absolute;
}

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

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

.dijitRuleLabelV {
    /* so that long labels don't overflow to multiple rows, or overwrite slider itself */
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

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

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

.dj_a11y .dijitSliderReadOnly,
.dj_a11y .dijitSliderDisabled {
    opacity: 0.6;
}

.dj_ie .dj_a11y .dijitSliderReadOnly .dijitSliderBar,
.dj_ie .dj_a11y .dijitSliderDisabled .dijitSliderBar {
    filter: alpha(opacity=40);
}

/* + and - Slider buttons: override theme settings to display icons */
.dj_a11y .dijitSlider .dijitSliderButtonContainer div {
    font-family: monospace; /* otherwise hyphen is larger and more vertically centered */
    font-size: 1em;
    line-height: 1em;
    height: auto;
    width: auto;
    margin: 0 4px;
}

/* Icon-only buttons (often in toolbars) still display the text in high-contrast mode */
.dj_a11y .dijitButtonContents .dijitButtonText,
.dj_a11y .dijitTab .tabLabel {
    display: inline !important;
}

.dj_a11y .dijitSelect .dijitButtonText {
    display: inline-block !important;
}

/* TextArea, SimpleTextArea */
.dijitTextArea {
    width: 100%;
    overflow-y: auto; /* w/out this IE's SimpleTextArea goes to overflow: scroll */
}

    .dijitTextArea[cols] {
        width: auto; /* SimpleTextArea cols */
    }

.dj_ie .dijitTextAreaCols {
    width: auto;
}

.dijitExpandingTextArea {
    /* for auto exanding textarea (called Textarea currently, rename for 2.0) don't want to display the grip to resize */
    resize: none;
}


/* Toolbar
 * Note that other toolbar rules (for objects in toolbars) are scattered throughout this file.
 */

.dijitToolbarSeparator {
    height: 18px;
    width: 5px;
    padding: 0 1px;
    margin: 0;
}

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

.dijitEditor {
    display: block; /* prevents glitch on FF with InlineEditBox, see #8404 */
}

.dijitEditorDisabled,
.dijitEditorReadOnly {
    color: gray;
}

/* TimePicker */

.dijitTimePicker {
    background-color: white;
}

.dijitTimePickerItem {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.dijitTimePickerItemHover {
    background-color: gray;
    color: white;
}

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

.dijitTimePickerItemDisabled {
    color: gray;
    text-decoration: line-through;
}

.dijitTimePickerItemInner {
    text-align: center;
    border: 0;
    padding: 2px 8px 2px 8px;
}

.dijitTimePickerTick,
.dijitTimePickerMarker {
    border-bottom: 1px solid gray;
}

.dijitTimePicker .dijitDownArrowButton {
    border-top: none !important;
}

.dijitTimePickerTick {
    color: #CCC;
}

.dijitTimePickerMarker {
    color: black;
    background-color: #CCC;
}

.dj_a11y .dijitTimePickerItemSelected .dijitTimePickerItemInner {
    border: solid 4px black;
}

.dj_a11y .dijitTimePickerItemHover .dijitTimePickerItemInner {
    border: dashed 4px black;
}


.dijitToggleButtonIconChar {
    /* character (instead of icon) to show that ToggleButton is checked */
    display: none !important;
}

.dj_a11y .dijitToggleButton .dijitToggleButtonIconChar {
    display: inline !important;
    visibility: hidden;
}

.dj_ie6 .dijitToggleButtonIconChar, .dj_ie6 .tabStripButton .dijitButtonText {
    font-family: "Arial Unicode MS"; /* otherwise the a11y character (checkmark, arrow, etc.) appears as a box */
}

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

.dijitArrowButtonChar {
    display: none !important;
}

.dj_a11y .dijitArrowButtonChar {
    display: inline !important;
}

.dj_a11y .dijitDropDownButton .dijitArrowButtonInner,
.dj_a11y .dijitComboButton .dijitArrowButtonInner {
    display: none !important;
}

/* Select */
.dj_a11y .dijitSelect {
    border-collapse: separate !important;
    border-width: 1px;
    border-style: solid;
}

.dj_ie .dijitSelect {
    vertical-align: middle; /* Set this back for what we hack in dijit inline */
}

.dj_ie6 .dijitSelect .dijitValidationContainer,
.dj_ie8 .dijitSelect .dijitButtonText {
    vertical-align: top;
}

.dj_ie6 .dijitTextBox .dijitInputContainer,
.dj_iequirks .dijitTextBox .dijitInputContainer,
.dj_ie6 .dijitTextBox .dijitArrowButtonInner,
.dj_ie6 .dijitSpinner .dijitSpinnerButtonInner,
.dijitSelect .dijitSelectLabel {
    vertical-align: baseline;
}

.dijitNumberTextBox {
    text-align: left;
    direction: ltr;
}

    .dijitNumberTextBox .dijitInputInner {
        text-align: inherit; /* input */
    }

    .dijitNumberTextBox input.dijitInputInner,
    .dijitCurrencyTextBox input.dijitInputInner,
    .dijitSpinner input.dijitInputInner {
        text-align: right;
    }

.dj_ie8 .dijitNumberTextBox input.dijitInputInner, .dj_ie9 .dijitNumberTextBox input.dijitInputInner,
.dj_ie8 .dijitCurrencyTextBox input.dijitInputInner, .dj_ie9 .dijitCurrencyTextBox input.dijitInputInner,
.dj_ie8 .dijitSpinner input.dijitInputInner, .dj_ie9 .dijitSpinner input.dijitInputInner {
    /* workaround bug where caret invisible in empty textboxes */
    padding-right: 1px !important;
}

.dijitToolbar .dijitSelect {
    margin: 0;
}

.dj_webkit .dijitToolbar .dijitSelect {
    padding-left: 0.3em;
}

.dijitSelect .dijitButtonContents {
    padding: 0;
    white-space: nowrap;
    text-align: left;
    border-style: none solid none none;
    border-width: 1px;
}

.dijitSelectFixedWidth .dijitButtonContents {
    width: 100%;
}

.dijitSelectMenu .dijitMenuItemIcon {
    /* avoid blank area in left side of menu (since we have no icons) */
    display: none;
}

.dj_ie6 .dijitSelectMenu .dijitMenuItemLabel,
.dj_ie7 .dijitSelectMenu .dijitMenuItemLabel {
    /* Set back to static due to bug in ie6/ie7 - See Bug #9651 */
    position: static;
}

/* Fix the baseline of our label (for multi-size font elements) */
.dijitSelectLabel * {
    vertical-align: baseline;
}

/* Styling for the currently-selected option (rich text can mess this up) */
.dijitSelectSelectedOption * {
    font-weight: bold;
}

/* Fix the styling of the dropdown menu to be more combobox-like */
.dijitSelectMenu {
    border-width: 1px;
}

/* Used in cases, such as FullScreen plugin, when we need to force stuff to static positioning. */
.dijitForceStatic {
    position: static !important;
}

/**** Disabled cursor *****/
.dijitReadOnly *,
.dijitDisabled *,
.dijitReadOnly,
.dijitDisabled {
    /* a region the user would be able to click on, but it's disabled */
    cursor: default;
}

/* Drag and Drop */
.dojoDndItem {
    padding: 2px; /* will be replaced by border during drag over (dojoDndItemBefore, dojoDndItemAfter) */
    /* Prevent magnifying-glass text selection icon to appear on mobile webkit as it causes a touchout event */
    -webkit-touch-callout: none;
    -webkit-user-select: none; /* Disable selection/Copy of UIWebView */
}

.dojoDndHorizontal .dojoDndItem {
    /* make contents of horizontal container be side by side, rather than vertical */
    #display: inline;
    display: inline-block;
}

.dojoDndItemBefore,
.dojoDndItemAfter {
    border: 0px solid #369;
}

.dojoDndItemBefore {
    border-width: 2px 0 0 0;
    padding: 0 2px 2px 2px;
}

.dojoDndItemAfter {
    border-width: 0 0 2px 0;
    padding: 2px 2px 0 2px;
}

.dojoDndHorizontal .dojoDndItemBefore {
    border-width: 0 0 0 2px;
    padding: 2px 2px 2px 0;
}

.dojoDndHorizontal .dojoDndItemAfter {
    border-width: 0 2px 0 0;
    padding: 2px 0 2px 2px;
}

.dojoDndItemOver {
    cursor: pointer;
}

.dijitFocused .dijitMenuItemShortcutKey {
    text-decoration: underline;
}

.dijitCalendarCurrentMonthLabel {
    padding: 5px;
}

.dijitCalendarNextYear,
.dijitCalendarPreviousYear {
    padding: 4px;
}

.dijitCalendarSelectedYear {
    padding: 4px;
    color: #007ac2;
}

.dojoxCalendarColumnHeaderTable td, .dojoxCalendarYearColumnHeader table td { /* dijit style übersteuert*/
    background-image: none !important;
    border-bottom: 1px solid #b5bcc7 !important;
}