/*.dialog_topLeft { background-image: url(/styles/dialog/topLeft.png); width: 13px; height: 13px; background-repeat: no-repeat; }
.dialog_topCenter { background-image: url(/styles/dialog/topCenter.png); height: 13px; }
.dialog_topRight { background-image: url(/styles/dialog/topRight.png); width: 13px; height: 13px; }

.dialog_centerLeft { background-image: url(/styles/dialog/centerLeft.png); width: 13px; }
.dialog_centerCenter { background-image: url(/styles/dialog/centerCenter.png); }
.dialog_centerRight { background-image: url(/styles/dialog/centerRight.png); width: 13px; }

.dialog_bottomLeft { background-image: url(/styles/dialog/bottomLeft.png); width: 13px; height: 13px; }
.dialog_bottomCenter { background-image: url(/styles/dialog/bottomCenter.png); height: 13px; }
.dialog_bottomRight { background-image: url(/styles/dialog/bottomRight.png); width: 13px; height: 13px; }

.dialogHeader { height: 24px; }
.dialogContent { overflow: auto; border: 1px solid #A1A1A1; background-color: White; }
.dialog { position: fixed; }

.dialogMaximizeButton { width: 26px; margin-top: -2px; height: 17px; background-image: url(/styles/dialog/maximize.png); float: right; }
.dialogMaximizeButton:hover { background-position: bottom; }
.dialogRestoreButton { width: 26px; margin-top: -2px; height: 17px; background-image: url(/styles/dialog/restore.png); float: right; }
.dialogRestoreButton:hover { background-position: bottom; }
.dialogButtons { padding-right: 5px; padding-top: 3px; height: 24px; }

.dialogButtons button { padding: 3px; background-image: url(/styles/dialog/buttons.png); background-position: center center; }
.dialogButtons button:hover { border: 1px solid white; }
.dialogModal { background-image: url(/styles/dialog/modal.png); position: fixed; }
.dialogHeaderText { padding-right: 5px; color: White; }
.dialogIcon { float: left; }

.dialogError { background-image: url(/styles/dialog/error.png); background-position: left center; background-repeat: no-repeat; }
.dialogDone { background-image: url(/styles/dialog/done.png); background-position: left center; background-repeat: no-repeat; }
.dialogQuestion { background-image: url(/styles/dialog/Question.png); background-position: left center; background-repeat: no-repeat; }
.dialogWarning { background-image: url(/styles/dialog/warning.png); background-position: left center; background-repeat: no-repeat; }*/



.rtl .dialog > .dialog_header {
    height: 20px;
    padding: 0px 5px 0px 5px;
    direction: rtl !important;

}

.ltr .dialog > .dialog_header {
    height: 20px;
    padding: 0px 5px 0px 5px;
    direction: ltr !important;
}
.ltr  .dialog_buttons .cancel 
{ float: right;}
.rtl .dialog > .dialog_header #tdCloseButton div {
    margin-right: 5px;
    margin-top: 7px;
}

.ltr .dialog > .dialog_header #tdCloseButton div {
    margin-left: 5px;
    margin-right: 0px;
    margin-top: 7px;
}

.dialog { position: fixed; border: 1px solid #0079d1; background: #0094ff; }



        .dialog > .dialog_header #tdCloseButton { cursor: pointer; width: 50px; background: #C75050; height: 20px; }
            .dialog > .dialog_header #tdCloseButton:hover { background: #e55f5f; }
            

        .dialog > .dialog_header #tdMaximizeButton { cursor: pointer; width: 25px; height: 20px; }
            .dialog > .dialog_header #tdMaximizeButton:hover { background: #015fa4; }
            .dialog > .dialog_header #tdMaximizeButton > div { background: url('/Styles/Images/systemIcons.png') 0px 0px; width: 8px; height: 7px; }
            .dialog > .dialog_header #tdMaximizeButton:hover > div { background-position: 0px -7px; }

            .dialog > .dialog_header #tdMaximizeButton.restore > div { background-position: -8px 0px; }
            .dialog > .dialog_header #tdMaximizeButton.restore:hover > div { background-position: -8px -7px; }

        .dialog > .dialog_header #tdTitle { color: white; font-size: 10px; font-weight: bold; text-align: center; }
        .dialog > .dialog_header #tdIcon { width: 16px; }
    .dialog > .dialog_content_data {
        margin: 5px 5px 0px 5px;
        overflow: auto;
    }
    .dialog > .dialog_contentView { background: #fff; text-align: center; overflow: auto;}
    .dialog > .dialog_contentThumbnail {
        overflow-x: auto;
        width: 130px;
        margin-left: 5px;
        margin-right: 5px;
        float: left;
    }

    .dialog_contentViewnav {
        
        
        margin-left: 5px;
        margin-right: 5px;
        float: right;
    }

    .dialog_contentViewnav0  {
        width: 100%;
        margin-top: 2px;
    }

    .dialog_contentViewnav1  {
        width: 50%;
        text-align: left;
        padding-left: 10px; 
    }
    .dialog_contentViewnav2 {
        width: 50%;
        text-align: right;
        padding-right: 10px; 
        
    }

    .dialog .dialog_buttons { height: 27px; border-left: 1px solid #cbcbcb; border-right: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; background: #f8f8f8; padding: 5px 5px 0px 5px; margin: 0px 5px 0px 5px; }
        .dialog .dialog_buttons button div { float: right; margin-right: -5px; padding-left: 5px; text-decoration: none; background-repeat: no-repeat; background-position: center center; height: 16px; width: 16px; }
        .dialog .dialog_buttons button { margin-left: 5px; border: 1px solid transparent; background: transparent; padding: 2px 3px 2px 3px; cursor: pointer; color: #000 !important; font-weight: bold; font-size: 10px; height: 20px; }
            .dialog .dialog_buttons button:hover { border-color: #527DE0; background: #E7F1FC; }
            .dialog .dialog_buttons button:focus { border-color: #4c6db9; background: #b9cee5; }
            .dialog .dialog_buttons button.disabled { color: #cbcbcb !important; cursor: default; }
                .dialog .dialog_buttons button.disabled:hover { border-color: #f8f8f8 !important; background: #f8f8f8 !important; }
                .dialog .dialog_buttons button.disabled:focus { border-color: #f8f8f8 !important; background: #f8f8f8 !important; }

    /*-----------------------------------------------office 2013----------------------------------------------------------------*/
    .dialog.office2013 { background: white; }
        .dialog.office2013 > .dialog_header { height: 20px; padding: 0px 5px 0px 5px; }
            .dialog.office2013 > .dialog_header #tdCloseButton { cursor: pointer; width: 25px; background: transparent; height: 20px; }
                .dialog.office2013 > .dialog_header #tdCloseButton:hover { background: #bcccdd; }
                .dialog.office2013 > .dialog_header #tdCloseButton div { background: url('/Styles/Images/systemIcons.png') -16px -7px; width: 8px; height: 7px; margin-right: 8px;margin-top: 7px;}

            .dialog.office2013 > .dialog_header #tdMaximizeButton { cursor: pointer; width: 25px; height: 20px; }
                .dialog.office2013 > .dialog_header #tdMaximizeButton:hover { background: #bcccdd; }
                .dialog.office2013 > .dialog_header #tdMaximizeButton > div { background: url('/Styles/Images/systemIcons.png') 0px 0px; width: 8px; height: 7px; }
                .dialog.office2013 > .dialog_header #tdMaximizeButton:hover > div { background-position: 0px -7px; }

                .dialog.office2013 > .dialog_header #tdMaximizeButton.restore > div { background-position: -8px 0px; }
                .dialog.office2013 > .dialog_header #tdMaximizeButton.restore:hover > div { background-position: -8px -7px; }

            .dialog.office2013 > .dialog_header #tdTitle { color: white; font-size: 10px; font-weight: bold; text-align: center; }
            .dialog.office2013 > .dialog_header #tdIcon { width: 16px; }
        .dialog.office2013 > .dialog_content { margin: 5px 5px 0px 5px; background: transparent; border: 1px solid transparent; overflow: auto; }

        .dialog.office2013 .dialog_buttons { height: 29px; border-left: 0px; border-right: 0px; border-bottom: 0px; background: #0079d1; padding: 9px 5px 0px 5px; margin: 0px 0px 0px 0px; }
            .dialog.office2013 .dialog_buttons button div { float: right; margin-right: -5px; padding-left: 5px; text-decoration: none; background-repeat: no-repeat; background-position: center center; height: 16px; width: 16px; }
            .dialog.office2013 .dialog_buttons button { margin-left: 5px; border: 1px solid transparent; background: transparent; padding: 2px 3px 2px 3px; cursor: pointer; color: #000 !important; font-weight: bold; font-size: 10px; height: 20px; }
                .dialog.office2013 .dialog_buttons button:hover { border-color: #527DE0; background: #E7F1FC; }
                .dialog.office2013 .dialog_buttons button:focus { border-color: #4c6db9; background: #b9cee5; }
                .dialog.office2013 .dialog_buttons button.disabled { color: #cbcbcb !important; cursor: default; }
                    .dialog.office2013 .dialog_buttons button.disabled:hover { border-color: #f8f8f8 !important; background: #f8f8f8 !important; }
                    .dialog.office2013 .dialog_buttons button.disabled:focus { border-color: #f8f8f8 !important; background: #f8f8f8 !important; }
    /*---------------------------------------------end office 2013--------------------------------------------------------------*/

    /*-----------------------------------------------metro style----------------------------------------------------------------*/
    .dialog.metro { width: 100%; border: 1px solid transparent; background: transparent; }
        .dialog.metro > .dialog_header { height: auto; padding: 5px 5px 0px 5px; }
            .dialog.metro > .dialog_header #tdCloseButton { cursor: pointer; width: 50px; background: transparent; height: 50px; }
                .dialog.metro > .dialog_header #tdCloseButton:hover { background: transparent; }
                .dialog.metro > .dialog_header #tdCloseButton div { background: url(/assembly/controls/dialog/style/metroSysIcons.png) 0px 0px; width: 32px; height: 32px; }
                .dialog.metro > .dialog_header #tdCloseButton:hover div { background-position: 0px -32px; }

            .dialog.metro > .dialog_header #tdMaximizeButton { cursor: pointer; width: 50px; height: 50px; }
                .dialog.metro > .dialog_header #tdMaximizeButton:hover { background: transparent; }
                .dialog.metro > .dialog_header #tdMaximizeButton > div { background: url(/assembly/controls/dialog/style/metroSysIcons.png) -32px 0px; width: 32px; height: 32px; }
                .dialog.metro > .dialog_header #tdMaximizeButton:hover > div { background-position: -32px -32px; }

                .dialog.metro > .dialog_header #tdMaximizeButton.restore > div { background-position: -64px 0px; }
                .dialog.metro > .dialog_header #tdMaximizeButton.restore:hover > div { background-position: -64px -32px; }

            .dialog.metro > .dialog_header #tdTitle { color: black; font-size: 12px; font-weight: bold; text-align: right; padding-right: 20px; }
            .dialog.metro > .dialog_header #tdIcon { display: none; }

        .dialog.metro > .dialog_content { background: #fff; border: 1px solid transparent; overflow: auto; }

        .dialog.metro .dialog_buttons { height: 30px; border: 1px solid transparent; background: transparent; }
            .dialog.metro .dialog_buttons button { border: 2px solid #cbcbcb; background: transparent; }
                .dialog.metro .dialog_buttons button:hover { background: #efefef; }
                .dialog.metro .dialog_buttons button:focus { border-color: #707070; background: #cbcbcb; }
    /*----------------------------------------------end metro style--------------------------------------------------------------*/
    /*-------------------------------------------------bootstrap------------------------------------------------------------------*/


.rtl .dialog.bootstrap > .dialog_header #tdCloseButton { cursor: pointer; width: 25px; background: transparent; height: 25px;float: right;}
.ltr .dialog.bootstrap > .dialog_header #tdCloseButton {
    cursor: pointer;
    width: 25px;
    background: transparent;
    height: 25px;
    float: left;
}


    .dialog.bootstrap { background: #fff !important;  -moz-box-shadow: 3px 1px 9px rgba(0,0,0,0.6); -webkit-box-shadow: 3px 1px 9px rgba(0,0,0,0.6); box-shadow: 3px 1px 9px rgba(0,0,0,0.6); }
        .dialog.bootstrap > .dialog_header {
            height: 30px;
            padding-top: 1px;
            border-bottom: 1px solid #eceaea;
            background-color: #f5f5f5;
        }
            
                .dialog.bootstrap > .dialog_header #tdCloseButton:hover { background: #e68888; }
                .dialog.bootstrap > .dialog_header #tdCloseButton div {
                    background: url('/Styles/Images/ClosePic.gif') no-repeat;
                    width: 15px;
                    height: 15px;
                }

          .rtl  .dialog.bootstrap > .dialog_header #tdMaximizeButton { cursor: pointer; width: 25px; height: 20px;float: right;    margin: 5px;}
.ltr  .dialog.bootstrap > .dialog_header #tdMaximizeButton { cursor: pointer; width: 25px; height: 20px;float: left;    margin: 5px;}

                .dialog.bootstrap > .dialog_header #tdMaximizeButton:hover { background: #bcccdd; }
                .dialog.bootstrap > .dialog_header #tdMaximizeButton > div { background: url('/Styles/Images/systemIcons.png') 0px 0px; width: 8px; height: 7px;     margin-top: 8px;
    margin-right: 7px;}
                .dialog.bootstrap > .dialog_header #tdMaximizeButton:hover > div { background-position: 0px -7px; }

                .dialog.bootstrap > .dialog_header #tdMaximizeButton.restore > div { background-position: -8px 0px; }
                .dialog.bootstrap > .dialog_header #tdMaximizeButton.restore:hover > div { background-position: -8px -7px; }




            .dialog.bootstrap > .dialog_header #tdMinimizeButton {
                cursor: pointer;
                width: 20px;
                height: 20px;
                float: right;
                margin: 5px;
            }

                .dialog.bootstrap > .dialog_header #tdMinimizeButton:hover {
                    background: #bcccdd;
                }

                .dialog.bootstrap > .dialog_header #tdMinimizeButton > div {
                    background: url('/Styles/Images/CollapsePic.gif') no-repeat;
                    width: 13px;
                    height: 13px;
                    margin-top: 4px;
                }

                .dialog.bootstrap > .dialog_header #tdMinimizeButton.restore > div {
                    background: url('/Styles/Images/ExpandPic.gif') no-repeat;
                    width: 13px;
                    height: 13px;
                    margin-top: 4px;
                }

                /*.dialog.bootstrap > .dialog_header #tdMinimizeButton.restore:hover > div {
                    background-position: -8px -7px;
                }*/




            .dialog.bootstrap > .dialog_header #tdTitle { color: white; font-size: 18px; font-weight: bold; text-align: right; }
            .dialog.bootstrap > .dialog_header #tdIcon { width: 32px; }
.dialog.bootstrap > .dialog_content {
    margin: 5px 5px 0px 5px;
    background: transparent;
    border: 1px solid transparent;   
}
        .dialog.bootstrap .dialog_buttons { height: 45px; border-top: 1px solid silver; border-left: 0px; border-right: 0px; border-bottom: 0px; background: #f8f8f8; padding: 9px 5px 0px 5px; margin: 0px 0px 0px 0px; -webkit-border-bottom-left-radius: 15px; border-bottom-left-radius: 15px; -webkit-border-bottom-right-radius: 15px; border-bottom-right-radius: 15px; }
            .dialog.bootstrap .dialog_buttons button div { float: right; margin-right: -5px; padding-left: 5px; text-decoration: none; background-repeat: no-repeat; background-position: center center; height: 16px; width: 16px; }
            .dialog.bootstrap .dialog_buttons button { height: 30px; display: inline-block; *display: inline; padding: 4px 12px; margin-bottom: 0; *margin-left: .3em; font-size: 14px; line-height: 20px; color: #333; text-align: center; text-shadow: 0 1px 1px rgba(255,255,255,0.75); vertical-align: middle; cursor: pointer; background-color: #f5f5f5; *background-color: #e6e6e6; background-image: -moz-linear-gradient(top,#fff,#e6e6e6); background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6)); background-image: -webkit-linear-gradient(top,#fff,#e6e6e6); background-image: -o-linear-gradient(top,#fff,#e6e6e6); background-image: linear-gradient(to bottom,#fff,#e6e6e6); background-repeat: repeat-x; border: 1px solid #ccc; *border: 0; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); *zoom: 1; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); }
                .dialog.bootstrap .dialog_buttons button:hover { border-color: #6eadea; }
                .dialog.bootstrap .dialog_buttons button:focus { border-color: #4d95dc; }
                .dialog.bootstrap .dialog_buttons button.disabled { color: #cbcbcb !important; cursor: default; }
                    .dialog.bootstrap .dialog_buttons button.disabled:hover { border-color: #f8f8f8 !important; background: #f8f8f8 !important; }
                    .dialog.bootstrap .dialog_buttons button.disabled:focus { border-color: #f8f8f8 !important; background: #f8f8f8 !important; }

                .dialog.bootstrap .dialog_buttons button.btnRed { color: #fff !important; text-shadow: 0 -1px 0 rgba(0,0,0,0.25); background-color: #da4f49; *background-color: #bd362f; background-image: -moz-linear-gradient(top,#ee5f5b,#bd362f); background-image: -webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#bd362f)); background-image: -webkit-linear-gradient(top,#ee5f5b,#bd362f); background-image: -o-linear-gradient(top,#ee5f5b,#bd362f); background-image: linear-gradient(to bottom,#ee5f5b,#bd362f); background-repeat: repeat-x; border-color: #bd362f #bd362f #802420; border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',endColorstr='#ffbd362f',GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }
                    .dialog.bootstrap .dialog_buttons button.btnRed:hover, .dialog.bootstrap .dialog_buttons button.btnRed:focus, .dialog.bootstrap .dialog_buttons button.btnRed:active, .dialog.bootstrap .dialog_buttons button.btnRed.active, .dialog.bootstrap .dialog_buttons button.btnRed.disabled, .dialog.bootstrap .dialog_buttons button.btnRed[disabled] { color: #fff; background-color: #bd362f; *background-color: #a9302a; }
                    .dialog.bootstrap .dialog_buttons button.btnRed:active, .dialog.bootstrap .dialog_buttons button.btnRed .active { background-color: #942a25 \9; }

                .dialog.bootstrap .dialog_buttons button.btnGreen { color: #fff !important; text-shadow: 0 -1px 0 rgba(0,0,0,0.25); background-color: #5bb75b; *background-color: #51a351; background-image: -moz-linear-gradient(top,#62c462,#51a351); background-image: -webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#51a351)); background-image: -webkit-linear-gradient(top,#62c462,#51a351); background-image: -o-linear-gradient(top,#62c462,#51a351); background-image: linear-gradient(to bottom,#62c462,#51a351); background-repeat: repeat-x; border-color: #51a351 #51a351 #387038; border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff51a351',GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }
                    .dialog.bootstrap .dialog_buttons button.btnGreen:hover, .dialog.bootstrap .dialog_buttons button.btnGreen:focus, .dialog.bootstrap .dialog_buttons button.btnGreen:active, .dialog.bootstrap .dialog_buttons button.btnGreen.active, .dialog.bootstrap .dialog_buttons button.btnGreen.disabled, .dialog.bootstrap .dialog_buttons button.btnGreen[disabled] { color: #fff; background-color: #51a351; *background-color: #499249; }
                    .dialog.bootstrap .dialog_buttons button.btnGreen:active, .dialog.bootstrap .dialog_buttons button.btnGreen.active { background-color: #408140 \9; }

                .dialog.bootstrap .dialog_buttons button.btnBlue { color: #fff !important; text-shadow: 0 -1px 0 rgba(0,0,0,0.25); background-color: #49afcd; *background-color: #2f96b4; background-image: -moz-linear-gradient(top,#5bc0de,#2f96b4); background-image: -webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#2f96b4)); background-image: -webkit-linear-gradient(top,#5bc0de,#2f96b4); background-image: -o-linear-gradient(top,#5bc0de,#2f96b4); background-image: linear-gradient(to bottom,#5bc0de,#2f96b4); background-repeat: repeat-x; border-color: #2f96b4 #2f96b4 #1f6377; border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff2f96b4',GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }
                    .dialog.bootstrap .dialog_buttons button.btnBlue:hover, .dialog.bootstrap .dialog_buttons button.btnBlue:focus, .dialog.bootstrap .dialog_buttons button.btnBlue:active, .dialog.bootstrap .dialog_buttons button.btnBlue.active, .dialog.bootstrap .dialog_buttons button.btnBlue.disabled, .dialog.bootstrap .dialog_buttons button.btnBlue[disabled] { color: #fff; background-color: #2f96b4; *background-color: #2a85a0; }
                    .dialog.bootstrap .dialog_buttons button.btnBlue:active, .dialog.bootstrap .dialog_buttons button.btnBlue.active { background-color: #24748c; }

    /*----------------------------------------------end bootstrap-----------------------------------------------------------------*/
    /*-------------------------------------------------metronic-------------------------------------------------------------------*/
    .dialog.metronic { background: #fff !important; -moz-box-shadow: 3px 1px 9px rgba(0,0,0,0.6); -webkit-box-shadow: 3px 1px 9px rgba(0,0,0,0.6); box-shadow: 3px 1px 9px rgba(0,0,0,0.6); }
        .dialog.metronic > .dialog_header { height: 30px; padding: 10px; border-bottom: 1px solid silver; }
            .dialog.metronic > .dialog_header #tdCloseButton { cursor: pointer; width: 25px; background: transparent; height: 20px; margin: 10px; }
                .dialog.metronic > .dialog_header #tdCloseButton:hover { color: #e68888; }
                .dialog.metronic > .dialog_header #tdCloseButton div { background: url('/Styles/Images/systemIcons.png') -16px -7px; width: 8px; height: 7px; }

            .dialog.metronic > .dialog_header #tdMaximizeButton { cursor: pointer; width: 25px; height: 20px; }
                .dialog.metronic > .dialog_header #tdMaximizeButton:hover { background: #bcccdd; }
                .dialog.metronic > .dialog_header #tdMaximizeButton > div { background: url('/Styles/Images/systemIcons.png') 0px 0px; width: 8px; height: 7px; }
                .dialog.metronic > .dialog_header #tdMaximizeButton:hover > div { background-position: 0px -7px; }

                .dialog.metronic > .dialog_header #tdMaximizeButton.restore > div { background-position: -8px 0px; }
                .dialog.metronic > .dialog_header #tdMaximizeButton.restore:hover > div { background-position: -8px -7px; }

            .dialog.metronic > .dialog_header #tdTitle { color: white; font-size: 16px; font-weight: bold; text-align: right; }
            .dialog.metronic > .dialog_header #tdIcon { width: 24px; }
        .dialog.metronic > .dialog_content { margin: 5px 5px 0px 5px; background: transparent; border: 1px solid transparent; overflow: auto; }
        .dialog.metronic .dialog_buttons { background-color: #fff; height: 39px; border-top: 1px solid silver; border-left: 0px; border-right: 0px; border-bottom: 0px; padding: 9px 5px 0px 5px; margin: 0px 0px 0px 0px; }
            .dialog.metronic .dialog_buttons button div { float: right; margin-right: -5px; padding-left: 5px; text-decoration: none; background-repeat: no-repeat; background-position: center center; height: 16px; width: 16px; }

            .dialog.metronic .dialog_buttons button { height: 30px; display: inline-block; *display: inline; padding: 7px 14px; margin-bottom: 0; *margin-left: .3em; font-size: 14px; line-height: 20px; color: #fff !important; text-align: center; vertical-align: middle; cursor: pointer; background-color: #3598dc; *background-color: #3598dc; border: 0px; *border: 0px; }
                .dialog.metronic .dialog_buttons button:hover { background-color: #2b7ab0; *background-color: #2b7ab0; }
                .dialog.metronic .dialog_buttons button:focus { background-color: #2b7ab0; *background-color: #2b7ab0; }
                .dialog.metronic .dialog_buttons button.disabled, .dialog.metronic .dialog_buttons button.disabled:hover, .dialog.metronic .dialog_buttons button.disabled:focus { background-color: #f3f3f3; *background-color: #f3f3f3; color: #cbcbcb !important; cursor: default; }

                .dialog.metronic .dialog_buttons button.btnRed { color: #fff !important; background-color: #D91E18; *background-color: #D91E18; }
                    .dialog.metronic .dialog_buttons button.btnRed:hover, .dialog.metronic .dialog_buttons button.btnRed:focus, .dialog.metronic .dialog_buttons button.btnRed:active, .dialog.metronic .dialog_buttons button.btnRed.active { background-color: #c1211c; *background-color: #c1211c; }
                    .dialog.metronic .dialog_buttons button.btnRed:active, .dialog.metronic .dialog_buttons button.btnRed .active { background-color: #c1211c \9; }
                    .dialog.metronic .dialog_buttons button.btnRed.disabled, .dialog.metronic .dialog_buttons button.btnRed[disabled] { }
                        .dialog.metronic .dialog_buttons button.btnRed.disabled, .dialog.metronic .dialog_buttons button.btnRed.disabled:hover, .dialog.metronic .dialog_buttons button.btnRed.disabled:focus { background-color: #ffe4e3; *background-color: #ffe4e3; color: #cbcbcb !important; cursor: default; }

                .dialog.metronic .dialog_buttons button.btnGreen { color: #fff !important; background-color: #1BA39C; *background-color: #1BA39C; }
                    .dialog.metronic .dialog_buttons button.btnGreen:hover, .dialog.metronic .dialog_buttons button.btnGreen:focus, .dialog.metronic .dialog_buttons button.btnGreen:active, .dialog.metronic .dialog_buttons button.btnGreen.active { background-color: #1a8f89; *background-color: #1a8f89; }
                    .dialog.metronic .dialog_buttons button.btnGreen.disabled, .dialog.metronic .dialog_buttons button.btnGreen[disabled], .dialog.metronic .dialog_buttons button.btnGreen.disabled:hover, .dialog.metronic .dialog_buttons button.btnGreen.disabled:focus { background-color: #d0efee; *background-color: #d0efee; color: #cbcbcb !important; cursor: default; }
                    .dialog.metronic .dialog_buttons button.btnGreen:active, .dialog.metronic .dialog_buttons button.btnGreen.active { background-color: #1a8f89 \9; }

    /*.dialog.metronic .dialog_buttons button.btnBlue { color: #fff !important; text-shadow: 0 -1px 0 rgba(0,0,0,0.25); background-color: #49afcd; *background-color: #2f96b4; background-image: -moz-linear-gradient(top,#5bc0de,#2f96b4); background-image: -webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#2f96b4)); background-image: -webkit-linear-gradient(top,#5bc0de,#2f96b4); background-image: -o-linear-gradient(top,#5bc0de,#2f96b4); background-image: linear-gradient(to bottom,#5bc0de,#2f96b4); background-repeat: repeat-x; border-color: #2f96b4 #2f96b4 #1f6377; border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff2f96b4',GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }
                    .dialog.metronic .dialog_buttons button.btnBlue:hover, .dialog.metronic .dialog_buttons button.btnBlue:focus, .dialog.metronic .dialog_buttons button.btnBlue:active, .dialog.metronic .dialog_buttons button.btnBlue.active, .dialog.metronic .dialog_buttons button.btnBlue.disabled, .dialog.metronic .dialog_buttons button.btnBlue[disabled] { color: #fff; background-color: #2f96b4; *background-color: #2a85a0; }
                    .dialog.metronic .dialog_buttons button.btnBlue:active, .dialog.metronic .dialog_buttons button.btnBlue.active { background-color: #24748c; }*/

    /*----------------------------------------------end metroinc------------------------------------------------------------------*/

    .dialog.draggable { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE 5-7 */ filter: alpha(opacity=40); /* Netscape */ -moz-opacity: 0.4; /* Safari 1.x */ -khtml-opacity: 0.4; /* Good browsers */ opacity: 0.4; }
    .dialog.alertModal { background-color: #b6b6b6 !important; border: 1px solid #8f8e8e !important; }
.dialogModal { background: url('/styles/dialog/modal.png'); overflow-x: hidden;
    overflow-y: auto;     
     position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;

}
.dialogCloseButton { width: 46px; margin-top: -2px; height: 17px; background-image: url(/styles/dialog/butClose.png); float: right; }
.dialogCloseButton:hover { background-position: bottom; }

.HeaderButtons {
    display: inline-block;
}


.rtl .dialogHeaderText {
    padding-right: 5px;
    padding-left: 0px;
    float: right;
    margin: 5px;
}

.ltr .dialogHeaderText {
    padding-right: 0px;
    padding-left: 5px;
    float: left;
    margin: 5px;
}

.dialogIcon { float: left; }

.rtl .dialog_buttons .cancel {
    float: left;
}