/***********************************************************************************************************************
MessageBox - A jQuery Plugin to replace Javascript's window.alert(), window.confirm() and window.prompt() functions
    Author          : Gaspare Sganga
    Version         : 1.1
    License         : MIT
    Documentation   : http://gasparesganga.com/labs/jquery-message-box
***********************************************************************************************************************/

/**********************************************************/
/*** Resets and basic compulsory settings. DO NOT EDIT! ***/
/**********************************************************/
#messagebox_overlay, #messagebox_overlay * {
    -webkit-box-sizing  : border-box;
    -moz-box-sizing     : border-box;
    box-sizing          : border-box;
}
#messagebox_overlay *:focus {
    outline     : 0;
}
#messagebox_overlay {
    position    : fixed;
    top         : 0px;
    left        : 0px;
    width       : 100%;
    height      : 100%;
    z-index:99999;
}
#messagebox {
    position    : fixed;
    top         : -100%;
    z-index:99999;
}
#messagebox_buttons button::-moz-focus-inner {
    padding     : 0;
    border      : 0;
}
/**********************************************************/
/************ DO NOT EDIT BEFORE THIS POINT!!! ************/
/**********************************************************/


/**********************************************************/
/*** You can customize your MessageBox appearance here: ***/
/**********************************************************/
/* Overlay */
#messagebox_overlay {
    background-color    : rgba(0,0,0,0.6);
}

/* MessageBox Wrapper */
#messagebox {
    font-size           : 14px;
    max-height          : 90%;
    max-width           : 90%;
    min-width           : 300px;
    color               : #FFF;
    background-color    : #515151;
    border              : 1px solid #000;
    box-shadow          : 0px 2px 4px #000;
}

/* Content */
#messagebox_content {
    padding : 20px;
}

/* Input */
#messagebox_content_input {
    color               : #303030;
    border              : 1px solid #909090;
    display             : block;
    width               : 100%;
    margin-left         : auto;
    margin-right        : auto;
    margin-top          : 10px;
    padding             : 3px;
}
    #messagebox_content_input:hover {
        border-color    : #707070;
    }
    #messagebox_content_input:focus {
        border-color    : #707070;
        box-shadow      : inset 0px 0px 3px #ffd540;
    }

/* Buttons */
#messagebox_buttons {
    background-color    : #414141;
    border-top          : 1px solid #000;
    padding             : 10px 20px;
    text-align          : center;
}
    #messagebox_buttons button {
        font-family             : inherit;
        font-size               : inherit;
        font-weight             : bold;
        text-align              : center;
        min-width               : 60px;
        margin                  : 0px 4px;
        padding                 : 7px 10px 3px 10px;
        cursor                  : pointer;
        color                   : #FFF;
        background-color        : #edbd11;
        border                  : 1px solid #edbd11;
        border-radius           : 0px;
    }
        #messagebox_buttons button:hover {
            color               : #edbd11;
            background-color    : #414141;
        }
        #messagebox_buttons button:active {
            background-color    : #FFF;
            border              : 1px solid #000;
            background-color	: #000;
        }
/**********************************************************/