.dialog-wrapper {
    position: absolute;
    z-index: 9999;
    top: 0;
    left: 0;
    
    display: block;
    overflow: hidden;
    
    background-color: rgba(0, 0, 0, .83);
    
    color: #fff;
}

.dialog-container {
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin: 0 auto;
    overflow: hidden;
    
    background-color: #fff;
    color: #000;
    
    -webkit-border-bottom-left-radius: 3px;
        -moz-border-radius-bottomleft: 3px;
            border-bottom-left-radius: 3px;
            
    -webkit-border-bottom-right-radius: 3px;
        -moz-border-radius-bottomright: 3px;
            border-bottom-right-radius: 3px;
    
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .8);
       -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .8);
            box-shadow: 0 0 10px rgba(0, 0, 0, .8);        
}

.dialog-title-container {
    position: relative;
    top: 0;
    left: 0;
    
    display: block;
    min-height: 32px;
}

.dialog-title {
    position: relative;
    top: 0;
    left: 0;
    
    display: block;
    padding: 12px 0;
    
    font-size: 16px;
    font-weight: bold;
    
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.85);
    text-align: center;
}

.dialog-close-wrapper {
    position: absolute;
    top: 50%;
    right: 10px;
    
    display: block;
    padding: 2px;
    margin-top: -14px;
    height: 24px;
    width: 24px;
    
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .6) inset, 0 0 2px rgba(0, 0, 0, .8);
       -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .6) inset, 0 0 2px rgba(0, 0, 0, .8);
            box-shadow: 0 0 3px rgba(0, 0, 0, .6) inset, 0 0 2px rgba(0, 0, 0, .8);

    -webkit-border-radius: 100%;
       -moz-border-radius: 100%;
            border-radius: 100%;
       
    cursor: pointer;
}

.dialog-close-button {    
    padding: 3px 13px;        
    cursor: pointer;
}

.dialog-close-wrapper-text {
    position: relative;
    
    display: block;
    margin: 4px 0;
    
    font-size: 14px;
    font-weight: bold;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    
    cursor: pointer;
}

.dialog-message-container {
    position: relative;
    top: 0;
    left: 0;
    
    display: block;
    min-height: 60px;
    margin: 0 auto;
    overflow: hidden;
    
    background-color: #fff;   
}

.footer-container {
    text-align: right;
    padding: 10px;
}

.dialog-message {
    position: relative;
    top: 0;
    margin: 0;
    
    display: block;
    margin-right: 20px;
    margin-left: 45px;
    padding: 10px;
    text-align: left;
    line-height: 20px;
    
    font-size: 16px;
    
    color: #000;
}

/*** Gradients ***/
.dialog-title-error-container {
    color: #fff; 
    
    border-bottom: 1px solid rgba(0, 0, 0, .7);
    
    background: #c22323;
    
    background-image: -webkit-gradient(linear,left top,left bottom,from(#c22323),to(#630101));
    
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#c22323, endColorstr=#630101);
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#c22323',EndColorStr='#630101')";
    
    background-image: -webkit-linear-gradient(#c22323, #630101);
    background-image:    -moz-linear-gradient(#c22323, #630101);
    background-image:     -ms-linear-gradient(#c22323, #630101);
    background-image:      -o-linear-gradient(#c22323, #630101);
    background-image:         linear-gradient(#c22323, #630101);
}

.dialog-title-success-container {
    color: #fff; 
    
    border-bottom: 1px solid rgba(0, 0, 0, .7);
    
    background: #74bd1b;
    
    background-image: -webkit-gradient(linear,left top,left bottom,from(#74bd1b),to(#369005));
    
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#74bd1b, endColorstr=#369005);
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#74bd1b',EndColorStr='#369005')";
    
    background-image: -webkit-linear-gradient(#74bd1b, #369005);
    background-image:    -moz-linear-gradient(#74bd1b, #369005);
    background-image:     -ms-linear-gradient(#74bd1b, #369005);
    background-image:      -o-linear-gradient(#74bd1b, #369005);
    background-image:         linear-gradient(#74bd1b, #369005);
}

.dialog-close-wrapper-error {
    background: #630101;
    
    background-image: -webkit-gradient(linear,left top,left bottom,from(#630101),to(#c22323));
    
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#630101, endColorstr=#c22323);
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#630101',EndColorStr='#c22323')";
    
    background-image: -webkit-linear-gradient(#630101, #c22323);
    background-image:    -moz-linear-gradient(#630101, #c22323);
    background-image:     -ms-linear-gradient(#630101, #c22323);
    background-image:      -o-linear-gradient(#630101, #c22323);
    background-image:         linear-gradient(#630101, #c22323);
}

.dialog-close-wrapper-success {
    background: #459b0b;
    
    background-image: -webkit-gradient(linear,left top,left bottom,from(#459b0b),to(#5b7c00));
    
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#459b0b, endColorstr=#5b7c00);
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#459b0b',EndColorStr='#5b7c00')";
    
    background-image: -webkit-linear-gradient(#459b0b, #5b7c00);
    background-image:    -moz-linear-gradient(#459b0b, #5b7c00);
    background-image:     -ms-linear-gradient(#459b0b, #5b7c00);
    background-image:      -o-linear-gradient(#459b0b, #5b7c00);
    background-image:         linear-gradient(#459b0b, #5b7c00);
}

.dialog-close-wrapper-error:hover {
    background: #410101;
    
    background-image: -webkit-gradient(linear,left top,left bottom,from(#630101),to(#410101));
    
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#630101, endColorstr=#410101);
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#630101',EndColorStr='#410101')";
    
    background-image: -webkit-linear-gradient(#630101, #410101);
    background-image:    -moz-linear-gradient(#630101, #410101);
    background-image:     -ms-linear-gradient(#630101, #410101);
    background-image:      -o-linear-gradient(#630101, #410101);
    background-image:         linear-gradient(#630101, #410101);
}

.dialog-close-wrapper-success:hover {
    background: #459b0b;
    
    background-image: -webkit-gradient(linear,left top,left bottom,from(#459b0b),to(#173500));
    
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#459b0b, endColorstr=#173500);
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#459b0b',EndColorStr='#173500')";
    
    background-image: -webkit-linear-gradient(#459b0b, #173500);
    background-image:    -moz-linear-gradient(#459b0b, #173500);
    background-image:     -ms-linear-gradient(#459b0b, #173500);
    background-image:      -o-linear-gradient(#459b0b, #173500);
    background-image:         linear-gradient(#459b0b, #173500);
}
/*** Gradients ***/

/*** 
Icon Set :
https://www.iconfinder.com/icons/68009/location_pin_warning_icon#size=128 
***/

.icon {
    position: absolute;
    left: 10px;

    display: block;
    height: 32px;
    width: 32px;

    background-image: url('dialog-icons.png');
    background-repeat: no-repeat;
}

.error-icon {
    background-position: 0 0;
}

.success-icon {
    background-position: 0px -32px;
}