﻿.uxDialogShade {
    display: none;
}



.uxDialogBox {
    position: absolute !important;
}

    .uxDialogBox .header {
        cursor: default;
    }

  



    .uxDialogBox  .closeButton {
        position: absolute;
        display: inline-block;
        width: 7px;
        height: 10px;
        top: 5px;
        right: 5px;
        cursor: pointer;
        
    }

        .uxDialogBox .closeButton:hover::before, .uxDialogBox .closeButton:hover::after {
            height:3px;
            
        }

        .uxDialogBox .closeButton::before, .uxDialogBox .closeButton::after {
            content: '';
            position: absolute;
            height: 2px;
            width: 100%;
            top: 50%;
            left: 0;
            margin-top: -1px;
            background: #A0A0A0;
            
        }

        .uxDialogBox .closeButton::before {
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
             width: 200%;
            left: -50%;
        }

        .uxDialogBox .closeButton::after {
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
             width: 200%;
            left: -50%;
        }

        
