.mj-modal-container {       /* this gets injected into the body of the document */
    position: absolute;
    /*left: 50%;
    top: 50%;*/
    width: 100%;
    height: 100%;
    z-index: 1;
    /*background-color: white;*/
    background: url(../images/modal_overlay.png);
    display: none;
}

.mj-modal {
    position: relative;
    border-radius: 5px;
    border: 1px solid #727272;
    z-index: 2;
    background: #fff;    
    display: block;

    -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
 }

.mj-modal .mj-header {
    padding: 10px;
    border-bottom: 1px solid #d2d2d2;
    height: 35px;
}

.mj-modal .mj-header .mj-close-btn {
    position: absolute;
    right: 5px;
    top: 0px;
    font-size: 20px;
    margin-right: 10px;
    margin-top: 10px;
}

.mj-modal .mj-body {
    padding: 20px;
}

.mj-modal .mj-footer {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 35px;
    padding: 10px;
    border-top: 1px solid #d2d2d2;
}

.mj-modal .mj-footer .mj-btn { 
    display: inline-block;
    margin-right: 10px;
    margin-top: 10px;                                      
    position: relative; 
    top: -5px; 
    border: 1px solid #ccc; 
    border-radius: 5px; 
    padding: 5px; 
    font-size: inherit; 
    cursor: default;  
}

.mj-modal .mj-footer .mj-buttons { float: right; }