.overlay, 
.versionOverlay {
    display:none;
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: rgba(0,0,0,0.6);
    overflow: hidden;
    top: 0;
    left: 0;
    z-index:500;
}

    .overlay #addNewCategoryOverlay {
        width: 500px;
        max-height: 600px;
        background: #fff;
        border: 1px solid black;
        position: relative;
        display: none;
        z-index: 1000;
        display: none;
    }

.overlayFooter {
    height: 50px;
    width: 100%;
    line-height: 50px;
    color: #fff;
    text-align: center;
}
    .overlayFooter .overlayFooterOption {
        width:50px;
        display: inline-block;
        color: #000;
        margin: 0px 5px;
        cursor: pointer;
    }
    .overlayFooter .overlayFooterOption:first-child {
        float:left;
    }
    .overlayFooter .overlayFooterOption:nth-child(2) {
        color: #8c1f14;
    }
    .overlayFooter .overlayFooterOption:last-child {
        float:right;
    }

.overlay .overlayHeader,
.versionOverlay .overlayHeader {
    height: 40px;
    width: 100%;
    background-color: #152F3C;
    line-height: 40px;
    color: #fff;
    position:relative;
}
    .overlay .overlayHeader > span,
    .versionOverlay .overlayHeader > span {
        margin-left: 10px;
        display: block;
        white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
        white-space: -webkit-pre-wrap; /*Chrome & Safari */
        white-space: -pre-wrap; /* Opera 4-6 */
        white-space: -o-pre-wrap; /* Opera 7 */
        white-space: pre-wrap; /* css-3 */
        word-wrap: break-word; /* Internet Explorer 5.5+ */
        word-break: break-all;
        white-space: normal;
        font-size:16px;
        width: calc(100% - 104px);
    }
    .overlay .overlayHeader .closeOverlay {
        position:absolute;
        top:12px;
        right:14px;
    }

.overlayForm > div {
    clear:both;
    overflow:hidden;
    line-height:40px;
    /*text-align:center;*/
}
    .overlayForm > div > label {
        width: 25%;
        float: left;
        padding-right: 10px;
        text-align: right;
    }
    .overlayForm > div > input[type=text],
    .overlayForm > div > input[type=number],
    .overlayForm > div > textarea,
    .overlayForm > div > input[type=radio],
    .overlayForm > div > select,
    .overlayForm > div > button {
        width: 300px;
        float: left;
        margin: 7px 0px 0px 0px;
        padding: 0px 5px;
        border: 1px solid #A5A6A7;
        border-radius:2px;
        line-height: 26px;
        height:26px;
        -ms-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        -webkit-box-sizing: content-box;
    }
    .overlayForm > div > select {
        padding: 0px;
        width: 303px;
    }
    .overlayForm > div > textarea {
        height:auto;
    }
    .overlayForm > div > input[type=radio] {
        width:auto;
    }

.overlayForm fieldset {
    width: 90%;
    margin: 0 auto;
}

    .overlayForm fieldset legend {
        min-height:17px;
    }

.overlayForm .ui-icon {
    margin-top: 5px;
}

.versionOverlay > div {
        width: 300px;
        height:150px;
        background: #fff;
        border: 1px solid black;
        position: relative;
        z-index:1000;
}
.versionOverlay .overlayHeader .close {
    height: 18px;
    width: 18px;
    border-radius: 9px;
    position: absolute;
    top: 12px;
    right: 12px;
    background: url(Images/Cancel.png) center center no-repeat;
    cursor: pointer;
}
    .versionOverlay .overlayHeader .close:hover {
        border: 1px solid transparent;
    }

.versionOverlay .overlayContent {
    background-color: #000;
    height: 90px;
    text-align: center;
}