/***********************************************************************************************************************
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%;
}
#messagebox {
    position    : fixed;
    top         : -100%;
}
#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(255,255,255,0.6);
}

/* MessageBox Wrapper */
#messagebox {
    font-family         : verdana, arial, helvetica, sans-serif;
    font-size           : 13px;
    max-height          : 90%;
    max-width           : 90%;
    min-width           : 300px;
    color               : #303030;
    background-color    : #fcfcfc;
    border              : 1px solid #c8c8c8;
    box-shadow          : 0px 2px 4px #a0a0a0;
}

/* 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    : #f5f5f5;
    border-top          : 1px solid #c8c8c8;
    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                 : 5px 10px;
        cursor                  : pointer;
        color                   : #404040;
        background-color        : #e9e9e9;
            background-image    :         linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.1) 51%, rgba(255,255,255,0.0) 100%);
            background-image    :    -moz-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.1) 51%, rgba(255,255,255,0.0) 100%);
            background-image    : -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.1) 51%, rgba(255,255,255,0.0) 100%);
            background-image    :      -o-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.1) 51%, rgba(255,255,255,0.0) 100%);
            background-image    :     -ms-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.1) 51%, rgba(255,255,255,0.0) 100%);
        border                  : 1px solid #c0c0c0;
        border-radius           : 2px;
    }
        #messagebox_buttons button:hover {
            color               : #202020;
            background-color    : #f0f0f0;
        }
        #messagebox_buttons button:active {
            background-color    : #e6e6e6;
            border              : 1px solid #a0a0a0;
            box-shadow          : inset 0px 0px 6px #d0d0d0;
        }
/**********************************************************/