/* iOS */
.dxeTrackBar, .dxeIRadioButton, .dxeButtonEdit, .dxeTextBox, .dxeRadioButtonList, .dxeCheckBoxList, .dxeMemo, .dxeListBox, .dxeCalendar, .dxeColorTable {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.dxic:focus {
    border: none;
}



/* TrackBar */
.dxeTrackBar {
    /*user-select: none;*/
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    visibility: hidden;
}

.dxeDisabled .dxeTBHSys a, .dxeDisabled .dxeTBVSys a {
    cursor: default;
}

.dxeTBBarHighlight {
    font-size: 0;
}

.dxeTBScale, .dxeTBTrack, dxeTBBarHighlight {
    cursor: pointer;
}

.dxeTBScale {
    z-index: 1;
}

.dxeTBSecondaryDH, .dxeTBMainDH {
    z-index: 4;
}

.dxeTBHSys {
    width: 170px;
    height: 41px;
}

.dxeTBVSys {
    height: 170px;
    width: 41px;
}

.dxeTrackBar.dxeTBBScaleSys.dxeTBVSys {
    width: 59px;
}

.dxeTrackBar.dxeTBBScaleSys.dxeTBHSys {
    height: 59px;
}

.dxeTBTrack {
    z-index: 2;
    position: absolute;
}

.dxeTBHSys .dxeTBTrack {
    background-image: url(edtTrackBarTrackH.gif);
}

.dxeTBVSys .dxeTBTrack {
    background-image: url(edtTrackBarTrackV.gif);
}

.dxeTBHSys .dxeTBTrack, .dxeTBHSys .dxeTBBarHighlight {
    height: 9px;
}

.dxeTBVSys .dxeTBTrack, .dxeTBVSys .dxeTBBarHighlight {
    width: 9px;
}

.dxeTBHSys .dxeTBMainDH, .dxeTBHSys .dxeTBSecondaryDH {
    top: -5px;
    width: 13px;
    height: 19px;
}

.dxeTBVSys .dxeTBMainDH, .dxeTBVSys .dxeTBSecondaryDH {
    left: -5px;
    width: 19px;
    height: 13px;
}

.dxeTBVSys .dxeTBRBScaleSys .dxeTBTrack, .dxeTBVSys .dxeTBTrack {
    left: 6px;
}

.dxeTBVSys .dxeTBLTScaleSys .dxeTBTrack {
    right: 6px;
    left: auto;
}

.dxeTBHSys .dxeTBLTScaleSys .dxeTBTrack {
    bottom: 6px;
    top: auto;
}

.dxeTBHSys .dxeTBRBScaleSys .dxeTBTrack, .dxeTBHSys .dxeTBTrack {
    top: 6px;
}

.dxeTBBarHighlight {
    left: 0px;
    top: 0px;
    position: absolute;
    z-index: 3;
}

.dxeTBHSys .dxeTBBarHighlight {
    background-image: url(edtTrackBarBarHighlightH.gif);
}

.dxeTBVSys .dxeTBBarHighlight {
    background-image: url(edtTrackBarBarHighlightV.gif);
}

.dxeTBRBLabel, .dxeTBLTLabel {
    font: 11px Tahoma;
    text-align: center;
    color: #A8A8A8;
    cursor: default;
}

.dxeTBSmallTickSys .dxeTBRBLabel, .dxeTBSmallTickSys .dxeTBLTLabel, .dxeTBLargeTickSys .dxeTBRBLabel, .dxeTBLargeTickSys .dxeTBLTLabel {
    position: absolute;
}

.dxeTBHSys .dxeTBRBLabel, .dxeTBHSys .dxeTBLTLabel {
    width: 100%;
}

.dxeTBIncBtn, .dxeTBDecBtn {
    padding: 2px;
    width: 17px;
    height: 17px;
}

.dxeTBVSys .dxeTBRBLabel, .dxeTBVSys .dxeTBLTLabel {
    padding-top: 2px;
}

.dxeTBHSys .dxeTBBScaleSys .dxeTBRBLabel {
    margin-left: -4px;
}

.dxeTBVSys .dxeTBRBScaleSys .dxeTBRBLabel, .dxeTBVSys .dxeTBBScaleSys .dxeTBLTLabel {
    right: 0px;
}

.dxeTBVSys .dxeTBLTScaleSys .dxeTBLTLabel, .dxeTBVSys .dxeTBBScaleSys .dxeTBRBLabel {
    left: 0px;
}

.dxeTBHSys .dxeTBRBScaleSys .dxeTBRBLabel, .dxeTBHSys .dxeTBBScaleSys .dxeTBLTLabel {
    bottom: 0px;
}

.dxeTBHSys .dxeTBLTScaleSys .dxeTBLTLabel, .dxeTBHSys .dxeTBBScaleSys .dxeTBRBLabel {
    top: 0px;
}

.dxeTBItem {
    color: #A8A8A8;
}

.dxeTBHSys .dxeTBItem .dxeTBRBLabel, .dxeTBHSys .dxeTBItem .dxeTBLTLabel {
    display: inline-block;
    margin-left: 0px !important;
}

.dxeTBHSys .dxeTBRBScaleSys .dxeTBItem .dxeTBRBLabel {
    padding-top: 12px;
}

.dxeTBHSys .dxeTBLTScaleSys .dxeTBItem .dxeTBLTLabel {
    margin-top: 8px;
}

.dxeTBVSys .dxeTBRBScaleSys .dxeTBItem .dxeTBRBLabel {
    margin-left: 5px;
}

.dxeTBSelectedItem .dxeTBRBLabel, .dxeTBSelectedItem .dxeTBLTLabel, .dxeTBSelectedTick .dxeTBRBLabel, .dxeTBSelectedTick .dxeTBLTLabel {
    color: #C3C3C3;
}

.dxeTBVSys .dxeTBLTScaleSys .dxeTBItem {
    text-align: left;
}

.dxeTBVSys .dxeTBRBScaleSys .dxeTBItem {
    text-align: right;
}

.dxeTBVSys .dxeTBBScaleSys .dxeTBItem {
    text-align: center;
}

.dxeTBHSys .dxeTBItem {
    background-image: url(edtTrackBarLargeTickH.gif);
}

.dxeTBHSys .dxeTBBScaleSys .dxeTBItem {
    background-image: url(edtTrackBarDoubleSmallTickH.gif);
}

.dxeTBVSys .dxeTBItem {
    background-image: url(edtTrackBarLargeTickV.gif);
}

.dxeTBVSys .dxeTBBScaleSys .dxeTBItem {
    background-image: url(edtTrackBarDoubleSmallTickV.gif);
}

.dxeTBHSys .dxeTBLargeTick {
    background-image: url(edtTrackBarLargeTickH.gif);
}

.dxeTBVSys .dxeTBLargeTick {
    background-image: url(edtTrackBarLargeTickV.gif);
}

.dxeTBHSys .dxeTBSmallTick {
    background-image: url(edtTrackBarSmallTickH.gif);
}

.dxeTBVSys .dxeTBSmallTick {
    background-image: url(edtTrackBarSmallTickV.gif);
}

.dxeTBHSys .dxeTBBScaleSys .dxeTBLargeTick {
    background-image: url(edtTrackBarDoubleLargeTickH.gif);
}

.dxeTBVSys .dxeTBBScaleSys .dxeTBLargeTick {
    background-image: url(edtTrackBarDoubleLargeTickV.gif);
}

.dxeTBHSys .dxeTBBScaleSys .dxeTBSmallTick {
    background-image: url(edtTrackBarDoubleSmallTickH.gif);
}

.dxeTBVSys .dxeTBBScaleSys .dxeTBSmallTick {
    background-image: url(edtTrackBarDoubleSmallTickV.gif);
}

.dxeTBVSys .dxeTBIncBtn, .dxeTBVSys .dxeReversedDirectionSys .dxeTBDecBtn {
    bottom: 0px;
    top: auto;
}

.dxeTBVSys .dxeTBDecBtn, .dxeTBVSys .dxeReversedDirectionSys .dxeTBIncBtn {
    top: 0px;
    bottom: auto;
}

.dxeTBHSys .dxeTBDecBtn, .dxeTBHSys .dxeReversedDirectionSys .dxeTBIncBtn {
    left: 0px;
    right: auto;
}

.dxeTBHSys .dxeTBIncBtn, .dxeTBHSys .dxeReversedDirectionSys .dxeTBDecBtn {
    right: 0px;
    left: auto;
}

.dxeTBVSys .dxeTBBScaleSys .dxeTBDecBtn, .dxeTBVSys .dxeTBBScaleSys .dxeTBIncBtn {
    margin-left: -10px;
    left: 50%;
}

.dxeTBHSys .dxeTBBScaleSys .dxeTBDecBtn, .dxeTBHSys .dxeTBBScaleSys .dxeTBIncBtn {
    margin-top: -10px;
    top: 50%;
}

.dxeTBVSys .dxeTBBScaleSys .dxeTBTrack {
    margin-left: -4px;
    left: 50%;
}

.dxeTBHSys .dxeTBBScaleSys .dxeTBTrack {
    margin-top: -4px;
    top: 50%;
}

.dxeTBVSys .dxeTBLTScaleSys .dxeTBDecBtn, .dxeTBVSys .dxeTBLTScaleSys .dxeTBIncBtn {
    right: 0px;
}

.dxeTBHSys .dxeTBLTScaleSys .dxeTBDecBtn, .dxeTBHSys .dxeTBLTScaleSys .dxeTBIncBtn {
    bottom: 0px;
}

.dxeTBValueToolTip {
    padding: 3px 8px 4px 8px;
    display: inline;
    position: absolute;
    background: white;
    border-radius: 3px;
    z-index: 41998;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px;
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    /*border: 1px solid #A8A8A8;*/
    font: 12px Tahoma;
}

/* Loading */
.dxeLoadingDiv {
    background: White none;
    opacity: 0.85;
    filter: alpha(opacity=85);
    cursor: wait;
}

.dxeLoadingDivWithContent {
    background: White none;
    opacity: 0.01;
    filter: alpha(opacity=1);
}

.dxeLoadingPanel {
    font: 12px Tahoma;
    color: #303030;
}

.dxeLoadingPanelWithContent {
    font: 12px Tahoma;
    color: #303030;
    background: #FFFFFF none;
    border: 1px solid #D6D6D6;
}

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

.dxeReadOnly {
}

.dxeBase {
    font: 12px Tahoma;
}

td.dxic {
    font-size: 0;
}
/* InternalCheckBox */
.dxeIRBFocused {
    border: 1px dotted #ffb100;
    margin: 0px !important;
}

.dxeIRadioButton {
    margin: 1px;
    display: inline-block;
    vertical-align: middle;
}
/* -- ErrorFrame -- */
.dxeErrorCell, .dxeErrorCell td {
    font: bold 12px Tahoma;
    color: #E88B1C;
    color: red;
    text-align: left; /*width: 100%;*/
}

.dxeErrorCell {
    padding-left: 20px !important;
    padding-right: 5px !important;
}

.dxeErrorFrameWithoutError {
    border: 1px solid Red;
}

    .dxeErrorFrameWithoutError .dxeControlsCell {
        padding: 2px;
    }

.dxeEditArea {
    font: 12px Tahoma;
}
/* -- ValidationSummary -- */

.dxvsValidationSummary {
    font: 12px Tahoma;
    color: Red;
}

    .dxvsValidationSummary td.dxvsRC {
        vertical-align: top;
        padding: 2px 5px 4px 6px;
    }

    .dxvsValidationSummary .dxvsE {
    }

    /* ValidationSummary - Header */

    .dxvsValidationSummary table.dxvsHT {
        width: 100%;
    }

    .dxvsValidationSummary td.dxvsH {
        padding: 2px 0;
    }

    /* ValidationSummary - Hyperlink */

    .dxvsValidationSummary a.dxvsHL, .dxvsValidationSummary a.dxvsHL:visited {
        color: red;
    }

    .dxvsValidationSummary a.dxvsHL {
        text-decoration: none;
        border-bottom: 1px dashed #f70;
    }

        .dxvsValidationSummary a.dxvsHL:hover {
            color: #f70;
        }

    /* ValidationSummary - Table Layout */

    .dxvsValidationSummary table.dxvsT {
    }

    .dxvsValidationSummary tr.dxvsE {
    }

    .dxvsValidationSummary td.dxvsETC {
        padding: 2px 0;
    }

    /* ValidationSummary - List Layout */

    .dxvsValidationSummary ul.dxvsL {
    }

    .dxvsValidationSummary ol.dxvsL {
    }

    .dxvsValidationSummary li.dxvsE {
        padding: 2px 0;
    }

/* -- Buttons -- */
.dxeButtonEditButton, .dxeCalendarButton, .dxeSpinIncButton, .dxeSpinDecButton, .dxeSpinLargeIncButton, .dxeSpinLargeDecButton {
    vertical-align: middle;
    border: 1px solid #7f7f7f;
    cursor: pointer;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
}

    .dxeButtonEditButton, .dxeCalendarButton, .dxeButtonEditButton td.dx, .dxeCalendarButton td.dx, .dxeSpinIncButton, .dxeSpinDecButton, .dxeSpinLargeIncButton, .dxeSpinLargeDecButton, .dxeSpinIncButton td.dx, .dxeSpinDecButton td.dx, .dxeSpinLargeIncButton td.dx, .dxeSpinLargeDecButton td.dx {
        font: normal 11px Tahoma;
        text-align: center;
        white-space: nowrap;
    }

.dxeButtonEditButton, .dxeSpinIncButton, .dxeSpinDecButton, .dxeSpinLargeIncButton, .dxeSpinLargeDecButton {
    padding: 0px 2px 0px 3px;
    background: #e6e6e6 url(edtDropDownBack.gif) repeat-x top;
}

.dxeSpinIncButton {
    background: #F0F0F0 url(edtSpinIncBtnBack.gif) repeat-x top;
}

.dxeSpinDecButton {
    background: #E6E6E6 url(edtSpinDecBtnBack.gif) repeat-x top;
}

    .dxeButtonEditButton table.dxbebt, .dxeSpinIncButton table.dxbebt, .dxeSpinDecButton table.dxbebt, .dxeSpinLargeIncButton table.dxbebt, .dxeSpinLargeDecButton table.dxbebt {
        width: 10px;
    }

.dxeCalendarButton {
    font-size: 12px;
    background: #e5e5e5 url(edtCalendarButtonBack.gif) repeat-x top;
    padding: 3px 11px 4px;
    width: 32px;
}

    .dxeCalendarButton td.dx {
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
    }

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

/* -- Pressed -- */
.dxeCalendarButtonPressed, .dxeButtonEditButtonPressed, .dxeSpinIncButtonPressed, .dxeSpinDecButtonPressed, .dxeSpinLargeIncButtonPressed, .dxeSpinLargeDecButtonPressed {
    background: #D5D5D5 none;
    border: 1px Solid #7F7F7F;
}
/* -- Hover -- */
.dxeCalendarButtonHover, .dxeButtonEditButtonHover, .dxeSpinIncButtonHover, .dxeSpinDecButtonHover, .dxeSpinLargeIncButtonHover, .dxeSpinLargeDecButtonHover {
    background: #F2F2F2 url(edtDropDownButtonHoverBack.gif) repeat-x top;
    border: 1px Solid #606060;
}

.dxeCalendarButtonHover {
    background: url(edtCalendarButtonHBack.gif) repeat-x top;
}

.dxeButtonEdit {
    /*----------------------------------------------------------------------------------------------*/ /*For PIE Emulation*/ /*----------------------------------------------------------------------------------------------*/
    behavior: url(/customers/apgis/prototypage/PIE.htc);
    width: 170px; /*----------------------------------------------------------------------------------------------*/ /* For border radius */ /*----------------------------------------------------------------------------------------------*/
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    background-color: #E3E3E3; 
    margin-top:3px;
    border: 1px solid #9F9F9F;
}

input[type="text"].dxeEditAreaSys {
    border-radius: 2px !important;
    border: 1px solid #A0A0A0 !important;
    /*margin-top : 10px !important;*/
    height: 22px !important;
 }

.dxeButtonEdit .dxeEditArea {
    background-color: #FFFFFF; /*#E3E3E3;*/
    padding-left: 6px;
}

    .dxeButtonEdit .dxeEditArea, .dxeButtonEdit td.dxic {
        /*----------------------------------------------------------------------------------------------*/ /*For PIE Emulation*/ /*----------------------------------------------------------------------------------------------*/
        behavior: url(/customers/apgis/prototypage/PIE.htc); /*----------------------------------------------------------------------------------------------*/ /* For border radius */ /*----------------------------------------------------------------------------------------------*/
        /*border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        -khtml-border-radius: 2px;*/
        width: 100%;
        background-color: #FFFFFF;
        padding-right: 0px;
        font-size: 12px !important;
    }

    .dxeButtonEdit td.dxic {
        padding: 0px 2px 0px 1px;
    }

    .dxeButtonEdit .dxeIIC img {
        padding-left: 3px;
    }

.dxeTextBox, .dxeMemo {
    background: none;
    border: none; /*  border: 1px solid #9f9f9f;     cursor: text;       /*----------------------------------------------------------------------------------------------*/ /* For border radius */ /*----------------------------------------------------------------------------------------------*/ /*    -moz-border-radius: 2px;     -webkit-border-radius: 2px;     -khtml-border-radius: 2px;       /*----------------------------------------------------------------------------------------------*/ /* For gradient background */ /*----------------------------------------------------------------------------------------------*/ /* For Non-CSS3 Old browsers */ /*    background-color: #FFFFFF;       background-image: linear-gradient(bottom, #e3e3e3 80%, #c1c1c1 100%);       /* For Opera 11.10+ */ /*    background-image: -o-linear-gradient(bottom, #e3e3e3 80%, #c1c1c1 100%);       /* For Mozilla Firefox FF3.6+ / Gecko */ /*    background-image: -moz-linear-gradient(bottom, #e3e3e3 80%, #c1c1c1 100%);       /* For Safari 5.1+, Chrome 10+ / New Webkit */ /*    background-image: -webkit-linear-gradient(bottom, #e3e3e3 80%, #c1c1c1 100%);       /* For Safari 4+, Chrome / Old Webkit */ /*    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(80%, #e3e3e3), color-stop(100%, #c1c1c1) );       /* For Internet Explorer 05.5 -> 07 */ /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#c1c1c1, endColorstr=#e3e3e3);*/ /* For Internet Explorer 08 */ /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#c1c1c1, endColorstr=#e3e3e3)";*/ /* For Internet Explorer 6 -> 8 */ /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c1c1c1', endColorstr='#e3e3e3', GradientType=0); */ /* For Internet Explorer 10+ */ /*    background: -ms-linear-gradient(bottom, #e3e3e3 80%, #c1c1c1 100%);  /*----------------------------------------------------------------------------------------------*/ /* For Internet Explorer 05.5 -> 07 */ /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#c1c1c1, endColorstr=#e3e3e3);*/ /* For Internet Explorer 08 */ /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#c1c1c1, endColorstr=#e3e3e3)";*/ /* For Internet Explorer 6 -> 8 */ /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c1c1c1', endColorstr='#e3e3e3', GradientType=0); */
}

    .dxeTextBox td.dxic {
        /* padding: 1px 6px;     width: 95%;     background-color: red;*/
    }


.OldPwdTb {
    border: 1px #9f9f9f !important;
}

    .dxeTextBox .dxeEditArea {
        /*----------------------------------------------------------------------------------------------*/ /*For PIE Emulation*/ /*----------------------------------------------------------------------------------------------*/
        behavior: url(/customers/apgis/prototypage/PIE.htc);
        border-radius: 4px !important;
        -moz-border-radius: 4px !important;
        -webkit-border-radius: 4px !important;
        -khtml-border-radius: 4px !important;
         border: 1px solid #9f9f9f;
        cursor: text;
        color: #676767;
        font-size: 12px !important;
        vertical-align: middle;
        background-color: #FFFFFF;
        text-indent: 5px;
        padding-right: 0px;
    }

.dxeEditArea .dxeEditAreaSys [type="input"] {
    height: 22px !important;
}

.dxeRadioButtonList, .dxeCheckBoxList {
    border: 1px Solid #9F9F9F;
}

    .dxeRadioButtonList, .dxeRadioButtonList table, .dxeCheckBoxList, .dxeCheckBoxList table {
        font: 12px Tahoma;
    }

        .dxeRadioButtonList td.dxe, .dxeCheckBoxList td.dxe {
            padding: 7px 5px 6px 11px;
        }

        .dxeRadioButtonList label, .dxeCheckBoxList label {
            margin-right: 6px;
        }

        .dxeRadioButtonList img, .dxeCheckBoxList img {
            margin-bottom: -4px;
            padding-right: 5px;
        }

/* -- Memo -- */
.dxeMemoEditArea {
    behavior: url(/customers/apgis/prototypage/PIE.htc);
    /*border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;*/
    padding: 10px 6px 10px 6px;
}


.dxeMemoEditAreaSys {
}

.dxeMemoEditArea {
    color: #676767;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: .95em;
    font-size: 12px;
    vertical-align: middle;
    background-color: #E3E3E3;
}

.dxeMemo td {
    padding: 0 0 0 1px;
    width: 100%;
}

/* -- Hyperlink -- */
.dxeHyperlink {
    font: normal 12px Tahoma;
    color: #676767 !important;
    text-decoration: none !important;
}

a.dxeHyperlink:hover {
    color: #E88B1C !important;
 }

a.dxeHyperlink:visited {
    color: #ab59a6;
}

/* -- ListBox -- */
.dxeListBox {
    /*background-color: #4F79A0;*/
    border: 1px solid #A0A0A0;
    font: 12px Tahoma;
    width: 70px;
    height: 109px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
}

    .dxeListBox div.dxlbd {
        padding-top: 1px;
        padding-bottom: 1px;
        height: 107px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        -khtml-border-radius: 2px;
    }

.dxeListBoxItemRow {
    cursor: default;
}

.dxeListBoxItem {
    border-bottom: 1px solid #b4b4b4;
    margin-bottom: 8px;
    font: normal 12px Tahoma;
    padding: 3px 2px 4px 3px;
    white-space: nowrap;
    text-align: left;
    padding-left: 10px;
    color: #676767 !important;
}

    .dxeListBoxItem em {
        /*background: #CFCFCF none repeat 0 0;*/
        color: #ffffff;
        font-weight: bold;
        font-style: normal;
    }

.dxeListBox td.dxeI, .dxeListBox td.dxeIM, .dxeListBox .dxeHIC, .dxeListBox td.dxeFTM, .dxeListBox td.dxeTM, .dxeListBox td.dxeC, .dxeListBox td.dxeCM, .dxeListBox td.dxeHCC, .dxeListBox td.dxeMI, .dxeListBox td.dxeMIM {
    border-right-width: 0 !important;
}

.dxeListBox td.dxeIR, .dxeListBox td.dxeIMR, .dxeListBox .dxeHICR, .dxeListBox td.dxeFTMR, .dxeListBox td.dxeTMR, .dxeListBox td.dxeCR, .dxeListBox td.dxeCMR, .dxeListBox td.dxeHCCR, .dxeListBox td.dxeMIR, .dxeListBox td.dxeMIMR {
    border-left-width: 0 !important;
}

.dxeListBox td.dxeCM, .dxeListBox td.dxeHCC, .dxeListBox td.dxeCMR, .dxeListBox td.dxeHCCR {
    width: 25px;
}

.dxeListBox td.dxeIM, .dxeListBox td.dxeIMR {
    width: 0;
}

.dxeListBox td.dxeC {
    padding-right: 0 !important;
}

.dxeListBox td.dxeT {
    width: 100%;
    padding-left: 0 !important;
}

.dxeListBox td.dxeTR {
    width: 100%;
    padding-right: 0 !important;
}

.dxeListBox td.dxeT, .dxeListBox td.dxeMI {
    border-left-width: 0 !important;
}

.dxeListBox td.dxeTR, .dxeListBox td.dxeMIR {
    border-right-width: 0 !important;
}

.dxeListBox td.dxeFTM, .dxeListBox td.dxeTM, .dxeListBox td.dxeLTM, .dxeListBox .dxeHFC, .dxeListBox .dxeHC, .dxeListBox .dxeHLC, .dxeListBox td.dxeFTMR, .dxeListBox td.dxeTMR, .dxeListBox td.dxeLTMR, .dxeListBox .dxeHFCR, .dxeListBox .dxeHCR, .dxeListBox .dxeHLCR {
    overflow: hidden;
}

.dxeListBox td.dxeFTM, .dxeListBox td.dxeTM, .dxeListBox .dxeHFC, .dxeListBox .dxeHC {
    padding-right: 6px !important;
}

.dxeListBox td.dxeFTMR, .dxeListBox td.dxeTMR, .dxeListBox .dxeHFCR, .dxeListBox .dxeHCR {
    padding-left: 6px !important;
}

.dxeListBox td.dxeLTM, .dxeListBox td.dxeTM, .dxeListBox .dxeHC, .dxeListBox .dxeHLC {
    padding-left: 6px !important;
}

.dxeListBox td.dxeLTMR, .dxeListBox td.dxeTMR, .dxeListBox .dxeHCR, .dxeListBox .dxeHLCR {
    padding-right: 6px !important;
}

/*Grid lines*/

.dxeListBox td.dxeLTM, .dxeListBox td.dxeTM, .dxeListBox td.dxeMIM {
    border-left: 1px solid #cfcfcf !important;
}

.dxeListBox td.dxeLTMR, .dxeListBox td.dxeTMR, .dxeListBox td.dxeMIMR {
    border-right: 1px solid #cfcfcf !important;
}

.dxeListBox td.dxeIM, .dxeListBox td.dxeFTM, .dxeListBox td.dxeTM, .dxeListBox td.dxeLTM, .dxeListBox td.dxeCM, .dxeListBox td.dxeMIM, .dxeListBox td.dxeIMR, .dxeListBox td.dxeFTMR, .dxeListBox td.dxeTMR, .dxeListBox td.dxeLTMR, .dxeListBox td.dxeCMR, .dxeListBox td.dxeMIMR {
    border-bottom: 1px solid #cfcfcf;
}

.dxeListBoxItemSelected /* inherits dxeListBoxItem */ {
    color: #cbcbcb;
}

.dxeListBoxItemHover /* inherits dxeListBoxItem */ {
    color: White;
}

    .dxeListBoxItemHover em, .dxeListBoxItemSelected em {
        background-image: none;
    }

/*Header*/

.dxeListBox .dxeHD {
    background-color: #dcdcdc;
    border-bottom: 1px solid #A0A0A0;
    /*display: none;*/
}

.dxeListBox .dxeHC, .dxeListBox .dxeHLC, .dxeListBox td.dxeHMIC {
    border-left: 1px solid #A0A0A0;
}

.dxeListBox .dxeHCR, .dxeListBox .dxeHLCR, .dxeListBox td.dxeHMICR {
    border-right: 1px solid #A0A0A0;
    text-align: right;
}

.dxeListBox .dxeHIC, .dxeListBox .dxeHFC, .dxeListBox .dxeHCC {
    border-left: 1px solid #dcdcdc;
}

.dxeListBox .dxeHICR, .dxeListBox .dxeHFCR, .dxeListBox .dxeHCCR {
    border-right: 1px solid #dcdcdc;
    text-align: right;
}

.dxeListBox .dxeHFC, .dxeListBox .dxeHC, .dxeListBox .dxeHMIC {
    border-right-width: 0;
}

.dxeListBox .dxeHFCR, .dxeListBox .dxeHCR, .dxeListBox .dxeHMICR {
    border-left-width: 0;
    text-align: right;
}

.dxeListBox .dxeHLC {
    border-right: 1px solid #dcdcdc;
}

.dxeListBox .dxeHLCR {
    border-left: 1px solid #dcdcdc;
    text-align: right;
}

/* -- Calendar -- */
.dxeCalendar {
    background-color: White;
    color: Black;
    font-weight: normal;
    cursor: default;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
}

    .dxeCalendar td.dxMonthGrid {
        padding: 8px 20px;
    }

    .dxeCalendar td.dxMonthGridWithWeekNumbers {
        padding: 5px 20px 8px 8px;
    }

    .dxeCalendar td.dxMonthGridWithWeekNumbersRtl {
        padding: 5px 8px 8px 20px;
    }

.dxeCalendarDayHeader {
    font: 12px Tahoma;
    padding: 2px 4px 5px;
    border-bottom: 1px solid #cfcfcf;
}

.dxeCalendarWeekNumber {
    font: 9px Tahoma;
    text-align: right;
    padding: 6px 8px 6px 4px;
    color: #bfbfbf;
}

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

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

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

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

.dxeCalendarSelected /* inherits dxeCalendarDay */ {
    color: White;
    background-color: #4e82b2;
}

.dxeCalendarToday /* inherits dxeCalendarDay */ {
    padding: 3px 3px 2px;
    /*border: 2px solid #4e82b2*/;
}

.dxeCalendarHeader {
    font: 12px Tahoma;
    background-color: #dcdcdc;
    border-top: 1px solid #c9c9c9;
    border-right: 0 solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
    border-left: 0 solid #c9c9c9;
    padding: 4px 7px;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    -khtml-border-radius-topright: 4px;
    -khtml-border-radius-topleft: 4px;
    -webkit-border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
}

    .dxeCalendarHeader td.dxe {
        text-align: center;
        cursor: pointer;
    }

.dxeCalendarFooter {
    background-color: #ededed;
    padding: 8px 0px;
    border-top: 1px solid #d6d6d6;
    background-image: linear-gradient(bottom, #e3e3e3 80%, #c1c1c1 100%); /* For Opera 11.10+ */
    background-image: -o-linear-gradient(bottom, #e3e3e3 80%, #c1c1c1 100%); /* For Mozilla Firefox FF3.6+ / Gecko */
    background-image: -moz-linear-gradient(bottom, #e3e3e3 80%, #c1c1c1 100%); /* For Safari 5.1+, Chrome 10+ / New Webkit */
    background-image: -webkit-linear-gradient(bottom, #e3e3e3 80%, #c1c1c1 100%); /* For Safari 4+, Chrome / Old Webkit */
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(80%, #e3e3e3), color-stop(100%, #c1c1c1) ); /* For Internet Explorer 05.5 -> 07 */ /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#c1c1c1, endColorstr=#e3e3e3);*/ /* For Internet Explorer 08 */ /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#c1c1c1, endColorstr=#e3e3e3)";*/ /* For Internet Explorer 6 -> 8 */ /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c1c1c1', endColorstr='#e3e3e3', GradientType=0); */
    -webkit-border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
}

.dxeCalendarFastNav {
    color: Black;
    background: White none;
    border-top: 1px solid #9f9f9f;
    border-right: 1px solid #9f9f9f;
    border-bottom: 0px solid #9f9f9f;
    border-left: 1px solid #9f9f9f;
    padding: 12px 8px;
    -webkit-border-top-right-radius: 2px;
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
}

.dxeCalendarFastNavMonthArea {
    padding: 0px 9px;
}

.dxeCalendarFastNavYearArea {
}

.dxeCalendarFastNavFooter {
    color: Black;
    background-color: #ededed;
    padding: 8px 0px;
    border-right: 1px solid #9f9f9f;
    border-bottom: 1px solid #9f9f9f;
    border-left: 1px solid #9f9f9f;
    border-top: 1px solid #d6d6d6;
    background-image: linear-gradient(bottom, #e3e3e3 80%, #c1c1c1 100%); /* For Opera 11.10+ */
    background-image: -o-linear-gradient(bottom, #e3e3e3 80%, #c1c1c1 100%); /* For Mozilla Firefox FF3.6+ / Gecko */
    background-image: -moz-linear-gradient(bottom, #e3e3e3 80%, #c1c1c1 100%); /* For Safari 5.1+, Chrome 10+ / New Webkit */
    background-image: -webkit-linear-gradient(bottom, #e3e3e3 80%, #c1c1c1 100%); /* For Safari 4+, Chrome / Old Webkit */
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(80%, #e3e3e3), color-stop(100%, #c1c1c1) ); /* For Internet Explorer 05.5 -> 07 */ /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#c1c1c1, endColorstr=#e3e3e3);*/ /* For Internet Explorer 08 */ /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#c1c1c1, endColorstr=#e3e3e3)";*/ /* For Internet Explorer 6 -> 8 */ /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c1c1c1', endColorstr='#e3e3e3', GradientType=0); */
    -webkit-border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
}

.dxeCalendarFastNavMonth, .dxeCalendarFastNavYear {
    font: normal 12px Tahoma;
    color: Black;
    padding: 3px 5px;
    text-align: center;
    cursor: pointer;
}

.dxeCalendarFastNavMonth {
    padding: 6px;
}

.dxeCalendarFastNavMonthSelected, .dxeCalendarFastNavYearSelected {
    color: White;
    background: #4e82b2 none;
}

.dxeCalendarFastNavMonthHover, .dxeCalendarFastNavYearHover {
    color: Black;
    background: #e5e5e5 none;
    padding: 2px 4px;
    border: 1px solid #d6d6d6;
}

.dxeCalendarFastNavMonthHover {
    padding: 5px;
}
/* Disabled */
.dxeDisabled, .dxeDisabled td.dxe {
    color: #acacac;
    cursor: default;
}

a.dxeDisabled:hover {
    color: #acacac;
}

.dxeButtonDisabled, .dxeButtonDisabled td.dxe {
    border-color: #c3c3c3;
    color: #808080;
    cursor: default;
}
/* -- Button -- */
.dxbButton {
    behavior: url(/customers/apgis/prototypage/PIE.htc);
    /*----------------------------------------------------------------------------------------------*/
    /* For border radius */
    /*----------------------------------------------------------------------------------------------*/
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    /* -webkit-box-shadow: #6a6765 0px 2px 3px;
    -moz-box-shadow: #6a6765 0px 2px 3px;
    box-shadow: #6a6765 0px 2px 3px;*/
    background-color: #CDCBCB;
    -pie-background: linear-gradient(bottom, #CDCBCB 0%, #CDCBCB 100%);
    background-image: linear-gradient(bottom, #CDCBCB 0%, #CDCBCB 100%);
    background-image: -o-linear-gradient(bottom, #CDCBCB 0%, #CDCBCB 100%);
    background-image: -moz-linear-gradient(bottom, #CDCBCB 0%, #CDCBCB 100%);
    background-image: -webkit-linear-gradient(bottom, #CDCBCB 0%, #CDCBCB 100%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0%, #CDCBCB), color-stop(100%, #CDCBCB) );
    color: #000000;
    font: normal 12px Tahoma;
    vertical-align: middle;
    /*border: 1px solid #7F7F7F;*/
    padding: 4px;
    cursor: pointer;
    border-width: 0px !important;
}

.dxbButtonHover {
    behavior: url(/customers/apgis/prototypage/PIE.htc);
    /*-webkit-box-shadow: #6a6765 0px 2px 3px;
    -moz-box-shadow: #6a6765 0px 2px 3px;
    box-shadow: #6a6765 0px 2px 3px;*/
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    background-color: #e88b1c;
    -pie-background: linear-gradient(bottom, #e88b1c 0%, #e88b1c 100%);
    background-image: linear-gradient(bottom, #e88b1c 0%, #e88b1c 100%);
    background-image: -o-linear-gradient(bottom, #e88b1c 0%, #e88b1c 100%);
    background-image: -moz-linear-gradient(bottom, #e88b1c 0%, #e88b1c 100%);
    background-image: -webkit-linear-gradient(bottom, #e88b1c 0%, #e88b1c 100%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0%, #e88b1c), color-stop(100%, #e88b1c) );
    background: -ms-linear-gradient(bottom, #e88b1c, #e88b1c);
    color: #FFFFFF;
    /*border: 1px solid #606060;*/
     border-width: 0px !important;
}

.dxbButtonChecked {
    color: #FFFFFF;
    background: #8D8D8D none;
}

.dxbButtonPressed {
    color: #000000;
    background: #D5D5D5 none;
     border-width: 0px !important;
}

.dxbButton div.dxb {
    padding: 3px 8px 4px;
    border-width: 0px;
}

.dxbButton div.dxbf {
    padding: 2px 7px 3px;
    /*border: 1px dotted black;*/
}

.dxbButton div.dxb td.dxb {
    background: transparent url() !important;
    border-width: 0px !important;
    padding: 0px !important;
}
/* Disabled */
.dxbDisabled {
    border-color: #c3c3c3;
    color: #808080;
    cursor: default;
}

    .dxbDisabled td.dxb {
        color: #808080;
    }
/* -- FilterControl -- */
.dxfcTable {
    border-collapse: separate !important;
}

    .dxfcTable td.dxfc {
        padding: 0px 0px 0px 3px;
        vertical-align: middle;
        font: 12px Tahoma;
        color: Black;
    }

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

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

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

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

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

.dxfcLoadingPanel {
    font: 12px Tahoma;
    color: #303030;
    border: 1px solid #9F9F9F;
    background: white none;
}

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

.dxeMaskHint {
    background: #ffffe1 none;
    border: 1px solid black;
    padding: 2px 5px 3px;
    color: Black;
    font: 12px Tahoma;
}

/* -- ProgressBar -- */
.dxeProgressBar {
    border: 1px Solid #696969;
    background-color: #FFFFFF;
}

    .dxeProgressBar, .dxeProgressBar td.dxe {
        font: 12px Tahoma;
        color: Black;
    }

        .dxeProgressBar .dxePBMainCell, .dxeProgressBar td.dxe {
            padding: 0;
        }

.dxeProgressBarIndicator {
    background-color: #E0DFDF;
}

/* -- DropDownWindow -- */
.dxeDropDownWindow {
    background-color: white;
    border: 1px solid #9F9F9F;
}

/*----------------- ColorTable -----------------*/
.dxeColorIndicator {
    border: 1px solid #9F9F9F;
    width: 15px;
    height: 15px;
    cursor: pointer;
}

.dxeColorTable, .dxeItemPicker {
    background-color: #ffffff;
    border: 1px solid #9F9F9F;
}

    .dxeColorTable td.dx, .dxeItemPicker td.dx {
        padding: 4px;
    }

.dxeColorTableCell, .dxeItemPickerCell {
    padding: 3px;
    cursor: pointer;
}

.dxeColorTableCellDiv {
    border: 1px solid #808080;
    width: 12px;
    height: 12px;
    font-size: 0px;
}

.dxeColorTableCellSelected {
    padding: 2px !important;
    background-color: #CBCBCB;
    border: 1px solid #888888;
}

.dxeColorTableCellHover, .dxeItemPickerCellHover {
    padding: 2px !important;
    background-color: #F2F2F2;
    border: 1px solid #888888;
}

/* -- Invalid Style -- */
.dxeInvalid {
}

    .dxeInvalid .dxeEditArea, .dxeInvalid .dxeMemoEditArea {
    }

/* -- Focused Style -- */
.dxeFocused {
    /**/ border: 1px solid #3d3d3d;
}

    .dxeFocused.dxeTrackBar {
        border: 0px;
    }

/* -- Null Text Style -- */
.dxeNullText .dxeEditArea, .dxeNullText .dxeMemoEditArea {
    color: #818181;
}

/* -- Captcha -- */
.dxcaControl {
}

.dxcaRefreshButton {
    font: 13px Tahoma;
    text-decoration: none;
    color: #1e3695;
}

.dxcaDisabledRefreshButton {
    color: #acacac;
}

.dxcaRefreshButtonCell {
    padding-left: 4px;
}

.dxcaRefreshButtonText {
}

.dxcaDisabledRefreshButtonText {
}

.dxcaTextBoxCell {
    font: 12px Tahoma;
}

.dxcaTextBoxCell, .dxcaTextBoxCellNoIndent {
    font: 12px Tahoma;
}

    .dxcaTextBoxCell .dxeErrorCell {
    }

    .dxcaTextBoxCellNoIndent .dxeErrorCell {
        padding-left: 20px;
        padding-top: 4px;
        color: Red;
    }

.dxcaTextBoxLabel {
    padding-bottom: 4px;
    display: block;
}

.dxcaLoadingPanel {
    font: 12px Tahoma;
    color: #303030;
}

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

.Cell {
    display: table-cell;
    vertical-align: middle;
}


.PremierLabelPrev {
    font-weight: bold;
    /*vertical-align: bottom;
    padding-bottom: 1px;*/
    color: #676767;
    font-size: 12px;
    width: 180px !important;
    min-width: 180px;
    padding-left: 5px;
}

.SecondLabelPrev {
    font-weight: bold;
    /*vertical-align: bottom;
    padding-bottom: 1px;*/
    padding-right:5px;
    color: #676767;
    font-size: 12px;
    /*width: 100px !important;*/
    min-width: 20px;
   
}

.TableContent {
    overflow: visible;
    margin-bottom: 30px;
}

.TdValue {
    padding-top: 5px;
}

.Info {
    font-size: 9px;
}

.ClassTD {
    padding: 2px 0px 2px 0px;
    width: 310px;
    min-width: 310px;
}

.ClassTD2 {
    padding: 2px 0px 2px 3px;
    width: 310px;
    min-width: 310px;
}

.ClassTD3 {
    padding: 7px 0px 2px 3px;
    width: 200px;
    min-width: 200px;
}
.ClassTD4 {
    padding: 2px 0px 2px 3px;
    width:80px;
    min-width: 80px;
}

.ClassTD4Label {
    padding: 2px 0px 2px 3px;
    width: 400px;
    min-width: 400px;
}

.labelError {
    font-size: 11px;
    font-weight: bold;
    color: Red;
    padding-left: 80px;
}

.spanWarning {
    font-size: 12px;
    color: RED !important;
    font-weight: bold;
}