.dxeLoadingDiv_Magion {
    background: White;
    opacity: 0.85;
    filter: alpha(opacity=85);
    cursor: wait;
}

.dxeLoadingPanel_Magion {
    font: 9pt Tahoma;
    color: #303030;
}

    .dxeLoadingPanel_Magion td.dx {
        white-space: nowrap;
        text-align: center;
        padding: 12px 12px 12px 12px;
    }

.dxeBase_Magion {
    font-family: Tahoma;
    font-size: 9pt;
}
/* -- ErrorFrame -- */
.dxeErrorCell_Magion, .dxeErrorCell_Magion td {
    font-family: Tahoma;
    font-size: 9pt;
    color: red;
}

.dxeErrorCell_Magion {
    color: #a91123;
    padding-left: 4px;
}

.dxeErrorFrame_Magion {
}

.dxeErrorFrameWithoutError_Magion {
    border: 1px solid Red;
}

    .dxeErrorFrameWithoutError_Magion .dxeControlsCell_Magion {
        padding: 2px;
    }

.dxeEditArea_Magion {
    font-family: Tahoma;
    font-size: 9pt;
    border: 1px solid #A0A0A0;
}
/* -- Buttons -- */
.dxeButtonEditButton_Magion, .dxeCalendarButton_Magion,
.dxeSpinIncButton_Magion, .dxeSpinDecButton_Magion,
.dxeSpinLargeIncButton_Magion, .dxeSpinLargeDecButton_Magion {
    vertical-align: middle;
    border: Solid 1px #CCCCCC;
    cursor: pointer;
    cursor: hand;
}

    .dxeButtonEditButton_Magion, .dxeCalendarButton_Magion, .dxeButtonEditButton_Magion td.dx, .dxeCalendarButton_Magion td.dx,
    .dxeSpinIncButton_Magion, .dxeSpinDecButton_Magion, .dxeSpinLargeIncButton_Magion, .dxeSpinLargeDecButton_Magion,
    .dxeSpinIncButton_Magion td.dx, .dxeSpinDecButton_Magion td.dx, .dxeSpinLargeIncButton_Magion td.dx, .dxeSpinLargeDecButton_Magion td.dx {
        font-family: Tahoma;
        font-size: 9pt;
        font-weight: normal;
        text-align: center;
    }

.dxeButtonEditButton_Magion {
    padding: 0px;
    background-image: url('edtButtonEditButtonBack.gif');
    background-repeat: repeat-x;
    background-position: top;
    background-color: #223672;
    border: Solid 1px #2c4182;
}

.dxeSpinIncButton_Magion, .dxeSpinDecButton_Magion {
    padding: 2px 0px;
    border-style: none;
}

.dxeSpinLargeIncButton_Magion, .dxeSpinLargeDecButton_Magion {
    padding: 0px 0px;
}

.dxeSpinLargeIncButton_Magion {
    padding-left: 1px;
}

.dxeSpinIncButton_Magion {
    background-image: url('edtSpinIncBtnBack.gif');
    background-repeat: repeat-x;
    background-position: top;
    background-color: #566bad;
    border-bottom: Solid 1px #fafafa;
}

.dxeSpinDecButton_Magion {
    background-image: url('edtSpinDecBtnBack.gif');
    background-repeat: repeat-x;
    background-position: top;
    background-color: #4a5ea0;
    border-bottom-style: none;
}

.dxeSpinLargeIncButton_Magion, dxeSpinLargeDecButton_Magion {
    background-image: url('edtSpinLargeIncBtnBack.gif');
    background-repeat: repeat-x;
    background-position: top;
    background-color: #223672;
}

.dxeSpinLargeDecButton_Magion {
}

.dxeSpinLargeIncButton_Magion {
}

.dxeButtonEditButton_Magion .dxbebt_Magion {
    width: 14px;
}

.dxeSpinIncButton_Magion table.dxbebt, .dxeSpinDecButton_Magion table.dxbebt {
    width: 15px;
}

.dxeSpinLargeDecButton_Magion table.dxbebt {
    width: 12px;
}

.dxeSpinLargeIncButton_Magion table.dxbebt {
    width: 11px;
}

.dxeButtonEditButton_Magion table.dxbebt {
    padding-left: 3px;
    padding-right: 3px;
}

.dxeCalendarButton_Magion {
    background-image: url('edtCalendarButtonBack.gif');
    background-position: left, top;
    background-color: #e5e5e5;
    padding: 4px 13px;
    padding-top: 2px;
    width: 30px;
}

    .dxeCalendarButton_Magion table.dxbebt {
        width: 100%;
    }

    .dxeCalendarButton_Magion td.dx {
        text-align: center;
        white-space: nowrap;
    }

/* -- Pressed -- */
.dxeCalendarButtonPressed_Magion {
    background-image: none;
    background-color: #dcdcdc;
}

.dxeButtonEditButtonPressed_Magion {
    background-image: url('edtDropDownButtonPressedBack.gif');
    background-repeat: repeat-x;
}

.dxeSpinIncButtonPressed_Magion {
    background-image: url('edtSpinIncBtnPBack.gif');
    background-repeat: repeat-x;
    background-position: top;
    background-color: #394e8d;
}

.dxeSpinDecButtonPressed_Magion {
    background-image: url('edtSpinDecBtnPBack.gif');
    background-repeat: repeat-x;
    background-position: top;
    background-color: #8c9ec7;
}

.dxeSpinLargeIncButtonPressed_Magion, .dxeSpinLargeDecButtonPressed_Magion {
    background-image: url('edtSpinLargeIncBtnPBack.gif');
    background-repeat: repeat-x;
    background-position: top;
    background-color: #8c9ec7;
}

/* -- Hover -- */
.dxeCalendarButtonHover_Magion {
    background-image: url('edtCalendarButtonHBack.gif');
    background-position: top, left;
    background-color: #F2F2F2;
}

.dxeButtonEditButtonHover_Magion {
    background-image: url('edtDropDownButtonHoverBack.gif');
    background-position: top, left;
}

.dxeSpinLargeIncButtonHover_Magion,
.dxeSpinLargeDecButtonHover_Magion {
    background-image: url('edtSpinLargeIncBtnHBack.gif');
    background-repeat: repeat-x;
    background-position: top;
    background-color: #8CA0CF;
}

.dxeSpinIncButtonHover_Magion {
    background-image: url('edtSpinIncBtnHBack.gif');
    background-repeat: repeat-x;
    background-position: top;
    background-color: #F2F2F2;
}

.dxeSpinDecButtonHover_Magion {
    background-image: url('edtSpinDecBtnHBack.gif');
    background-repeat: repeat-x;
    background-position: top;
    background-color: #576BA1;
}

.dxeButtonEdit_Magion {
    border: Solid 1px #b8b8b8;
    background-color: #FAFAFA;
    width: 170px;
}

    .dxeButtonEdit_Magion .dxeEditArea_Magion, .dxeButtonEdit_Magion td.dxic {
        width: 100%;
    }

    .dxeButtonEdit_Magion td.dxic {
        padding: 1px 3px 1px 3px;
    }

.dxeTextBox_Magion, .dxeMemo_Magion {
    background-color: #FAFAFA;
    border: solid 1px #B8B8B8;
}

    .dxeTextBox_Magion td.dxic {
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 3px;
        padding-right: 2px;
    }

    .dxeTextBox_Magion td.dxic {
        width: 100%;
    }

.dxeRadioButtonList_Magion, .dxeRadioButtonList_Magion table {
    font-family: Tahoma;
    font-size: 9pt;
}

    .dxeRadioButtonList_Magion td.dxe {
        padding: 7px 5px 5px 6px;
    }

.dxeRadioButtonList_Magion {
    border: Solid 1px #B8B8B8;
}

/* -- Memo -- */
.dxeMemo_Magion {
    padding-left: 3px;
    border: Solid 1px #B8B8B8;
}

.dxeMemoEditArea_Magion {
    font: 9pt Tahoma;
}

.dxeMemo_Magion td, .dxeMemoEditArea_Magion {
    width: 100%;
}

/* -- Hyperlink -- */
.dxeHyperlink_Magion {
    font-family: Tahoma;
    font-size: 9pt;
    font-weight: normal;
    color: #5A83D0;
}

a:hover.dxeHyperlink_Magion {
    color: #2443AA;
}

a:visited.dxeHyperlink_Magion {
    color: #996085;
}

/* -- ListBox -- */
.dxeListBox_Magion {
    background-color: #fafafa;
    border: solid 1px #B8B8B8;
    font-family: Tahoma;
    font-size: 9pt;
    height: 103px;
    width: 70px;
}

    .dxeListBox_Magion div.dxlbd {
        padding-top: 1px;
        height: 102px;
    }

.dxeListBoxItem_Magion {
    border-bottom: solid 1px #fafafa;
    border-left: solid 1px white;
    border-right: solid 1px white;
    color: Black;
    font-family: Tahoma;
    font-size: 9pt;
    font-weight: normal;
    padding: 2px 2px 3px 4px;
    white-space: nowrap;
    text-align: left;
    cursor: default;
}

.dxeListBoxItemHover_Magion /* inherits dxeListBoxItem */ {
    background-color: #dedede;
}

.dxeListBoxItemSelected_Magion /* inherits dxeListBoxItem */ {
    color: White;
    background-color: #5066ac;
}

.dxeListBox_Magion td.dxeI {
    padding-right: 0px !important;
    border-right-width: 0px !important;
}

.dxeListBox_Magion td.dxeT {
    width: 100%;
    border-left-width: 0px !important;
}

/* -- Calendar -- */
.dxeCalendar_Magion {
    color: black;
    border: solid 1px #CCCCCC;
    background-color: #FAFAFA;
    font-weight: normal;
}

    .dxeCalendar_Magion td.dxMonthGrid, .dxeCalendar_Magion td.dxMonthGridWithWeekNumbers {
        padding: 2px 22px 5px;
        cursor: default;
    }

    .dxeCalendar_Magion td.dxMonthGridWithWeekNumbers {
        padding-left: 10px;
    }

.dxeCalendarDayHeader_Magion {
    color: Black;
    font-family: Tahoma;
    font-size: 9pt;
    padding: 4px 4px 6px;
    background-color: transparent;
    border-bottom: solid 1px #E8E8E8;
}

.dxeCalendarWeekNumber_Magion {
    font-family: Tahoma;
    font-size: 10px;
    text-align: right;
    padding: 4px 6px;
    color: #9CAEE3;
}

.dxeCalendarDay_Magion {
    font: 12px Tahoma;
    padding: 4px 6px 4px 6px;
    text-align: center;
}

.dxeCalendarWeekend_Magion /* inherits dxeCalendarDay */ {
    color: #c00000;
}

.dxeCalendarOtherMonth_Magion /* inherits dxeCalendarDay */ {
    color: #888;
}

.dxeCalendarOutOfRange_Magion /* inherits dxeCalendarDay */ {
    color: #d0d0d0;
}

.dxeCalendarToday_Magion /* inherits dxeCalendarDay */ {
    padding: 3px;
    border: solid 1px #5066AC;
}

.dxeCalendarSelected_Magion /* inherits dxeCalendarDay */ {
    color: White;
    background-color: #5066AC;
}

.dxeCalendarHeader_Magion {
    background-color: #3F5495;
    background-image: url('edtCalendarHeaderBack.gif');
    background-repeat: repeat-x;
    background-position: top;
    border-bottom: solid 1px #2C4182;
    padding: 3px 12px;
    padding-top: 4px;
}

    .dxeCalendarHeader_Magion td.dxe {
        color: White;
        font-family: Tahoma;
        font-size: 9pt;
        text-align: center;
        cursor: pointer;
        cursor: hand;
    }

.dxeCalendarFooter_Magion, .dxeCalendarFastNavFooter_Magion {
    background: url(edtCalendarFooterBack.gif) no-repeat left top #E9E9E9;
    padding: 10px 0px;
    border-top: solid 1px #CCCCCC;
}

.dxeCalendarFastNav_Magion {
    background: white;
    border: solid 1px #cccccc;
    border-bottom: 0px;
    padding: 12px 8px;
}

.dxeCalendarFastNavFooter_Magion {
    color: black;
    border: solid 1px #cccccc;
}

.dxeCalendarFastNavMonth_Magion, .dxeCalendarFastNavYear_Magion {
    font: normal 9pt Tahoma;
    color: Black;
    padding: 5px 4px;
    text-align: center;
    cursor: pointer;
    cursor: hand;
}

.dxeCalendarFastNavMonth_Magion {
    padding: 4px 20px;
}

.dxeCalendarFastNavMonthHover_Magion, .dxeCalendarFastNavYearHover_Magion {
    color: black;
    background: #e9e9e9;
}

.dxeCalendarFastNavMonthSelected_Magion, .dxeCalendarFastNavYearSelected_Magion {
    color: white;
    background: #5066ac;
}
/* Disabled */
.dxeDisabled_Magion, .dxeDisabled_Magion td.dxe {
    color: #b8b8b8;
    cursor: default;
}

a.dxeDisabled_Magion, a.dxeDisabled_Magion:hover {
    color: #b8b8b8;
}

.dxeButtonDisabled_Magion, .dxeButtonDisabled_Magion td.dxe {
    color: White;
    background: #b7b7b7 url('edtButtonEditButtonBackDis.gif') repeat-x top left;
    border-color: #ababab;
    cursor: default;
}
/* -- Button -- */
.dxbButton_Magion {
    color: #000000;
    font-weight: normal;
    font-size: 9pt;
    font-family: Tahoma;
    vertical-align: middle;
    border: solid 1px #B8B8B8;
    background: #e5e5e5 url('edtButtonBack.gif') top left;
    padding: 1px 1px 1px 1px;
    cursor: pointer;
    cursor: hand;
}

.dxbButtonHover_Magion {
    color: #000000;
    background: #F2F2F2 url('edtButtonBackHover.gif') top left;
}

.dxbButtonChecked_Magion {
    color: #000000;
    background-image: none;
    background-color: #DEDEDE;
}

.dxbButtonPressed_Magion {
    color: #000000;
    background-image: none;
    background-color: #cbcbcb;
}

.dxbButton_Magion div.dxb {
    padding: 2px 10px 3px 10px;
    border: 0px;
}

.dxbButton_Magion div.dxbf {
    padding: 1px 9px 2px 9px;
    border: Dotted 1px #000000;
}

.dxbButton_Magion div.dxb table {
    color: #000000;
    font-weight: normal;
    font-size: 9pt;
    font-family: Tahoma;
}

.dxbButton_Magion div.dxb td.dxb {
    background-color: transparent !important;
    background-image: url('') !important;
    border-width: 0px !important;
    padding: 0px !important;
}
/* Disabled */
.dxbDisabled_Magion {
    color: #b8b8b8;
    cursor: default;
}
/* -- FilterControl -- */
.dxfcTable_Magion {
    border-collapse: separate !important;
}

    .dxfcTable_Magion td.dxfc {
        padding: 0px 0px 0px 3px;
        vertical-align: middle;
        font: 9pt Tahoma;
        color: Black;
    }

a.dxfcPropertyName_Magion {
    white-space: nowrap !important;
    color: Blue !important;
}

a.dxfcGroupType_Magion {
    white-space: nowrap !important;
    padding: 0px 3px 0px 3px !important;
    color: Red !important;
}

a.dxfcOperation_Magion {
    white-space: nowrap !important;
    color: Green !important;
}

a.dxfcValue_Magion {
    white-space: nowrap !important;
    color: Gray !important;
}

.dxfcImageButton_Magion {
    cursor: pointer;
}

.dxfcLoadingPanel_Magion {
    border: solid 1px #CCCCCC;
    background: white;
    font: 9pt Tahoma;
    color: #303030;
}

    .dxfcLoadingPanel_Magion td.dx {
        white-space: nowrap;
        text-align: center;
        padding: 12px;
    }

.dxfcLoadingDiv_Magion {
    background: white;
    opacity: 0.01;
    filter: alpha(opacity=1);
}