.notyfy_wrapper {
   background-color: #FFF;
   border-color: #CCC;
   border: 1px solid #eee;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
   color: #444;
   overflow: hidden;
}

.notyfy_wrapper:first-child {
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
}

.notyfy_wrapper:last-child {
   border-bottom-left-radius: 0px;
   border-bottom-right-radius: 0px;
}

/* Layout specific styles */
#notyfy_container_top .notyfy_wrapper {
   border-radius: 0px 0px 0px 0px;
   border-width: 0 2px 2px 2px;
}

#notyfy_container_bottom .notyfy_wrapper {
   border-radius: 0px 0px 0px 0px;
   border-width: 2px 2px 0 2px;
}

#notyfy_container_top .notyfytheme_defaultTheme:first-child {
   border-radius: 0;
}

#notyfy_container_bottom .notyfytheme_defaultTheme:last-child {
   border-radius: 0;
}

/* Message element */
.notyfy_message {
   font-family: Tahoma, Geneva, Arial, sans-serif;
   font-size: 16px;
   line-height: 18px;
   padding: 5px;
   position: relative;
   text-align: center;
   width: auto;
}

/* Close button */
.notyfy_close {
   cursor: pointer;
   height: 10px;
   position: absolute;
   right: 4px;
   top: 4px;
   width: 10px;
}

/* Optional buttons */
.notyfy_buttons {
   border-top: 1px solid #ccc;
   background-color: #ffffff;
   padding: 5px;
   text-align: right;
}

.notyfy_buttons button {
   margin-left: 5px;
}

.notyfy_buttons button:first-child {
   margin-left: 0;
}

/* Type: Alert */
.notyfy_alert {
   background-color: #FFF;
   border-color: #CCC;
   color: #444;
}

/* Type: Warning */
.notyfy_warning {
   background-color: #FFF8C4;
   border-color: #F2C779;
   color: #8A6D3B;
}

.notyfy_warning .notyfy_buttons {
   border-top: 1px solid #FFC237;
}

/* Type: Error */
.notyfy_error {
   background-color: #FFECEC;
   border-color: #F5ACA6;
   color: #A94442;
}

.notyfy_error .notyfy_buttons {
   border-top: 1px solid darkred;
}

/* Type: Information */
.notyfy_information {
   background-color: #D9EDF7;
   border-color: #BCE8F1;
   color: #31708F;
}

.notyfy_information .notyfy_buttons {
   border-top: 1px solid #0B90C4;
}

/* Type: Success */
.notyfy_success {
   background-color: #E9FFD9;
   border-color: #A6CA8A;
   color: #3C763D;
}

.notyfy_success .notyfy_buttons {
   border-top: 1px solid #50C24E;
}

/* Modal backdrop */
#notyfy_modal {
   background-color: #000;
   opacity: 0.6;
}