.message-box-info
{
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('images/info.png');
}

.message-box-success
{
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image: url('images/success.png');
}

.message-box-warning
{
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('images/warning.png');
}

.message-box-error
{
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('images/error.png');
}
.message-box-overlay, .message-wait-overlay{
    background:#7f7f7f;
    opacity: 0.5;
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:100000;
}
.message-box-small{
    border: 1px solid;
    padding: 15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    font-weight: bold;
    font-size: larger;
}
.message-box-slide {
    position:fixed;
    top:-200px;
    left:30%;
    right:30%;
}
.message-box-inline {
    display: none; 
}
.message-box, .message-box-small{
    display: block;
    border-radius: 5px;  
    -moz-border-radius: 5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    box-shadow: 0 1px 5px #333;
    -moz-box-shadow: 0 1px 5px #333;
    -webkit-box-shadow: 0 1px 5px #333;
    z-index:100001;
}
.message-box{
    background-color:#fff;
    color:#7F7F7F;
    padding:20px 20px 20px 20px;
    border:2px solid #ccc;
}
.message-boxclose, .message-boxclose-small{
    display: block;
    float:right;
    cursor:pointer;
    overflow: hidden;
    background-position: 0 0;
    background-repeat: no-repeat;
}
.message-boxclose {
    margin-top: -38px;
    margin-right: -38px;
    background-image: url("images/close.png");
    width:34px;
    height:34px;
} 
.message-boxclose-small {
    margin-top: -13px;
    margin-right: -8px;
    background-image: url("images/cancel-s.png");
    width:16px;
    height:16px;
}
    .message-boxclose:hover {
        background-position: -35px 0;
    }
.message-title {
    display: block;
    clear: none;
    text-transform: none;
    line-height: inherit;
    border-bottom: 1px solid #7F7F7F;
    margin: -20px -20px 0 -20px;
    padding: 10px 50px 10px 50px;
    background-position: 10px center;
    background-repeat: no-repeat;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
}
.message-message{
    display: inline-block;
    margin-top: 10px;
    font-weight: bold;
    font-size: larger;
}
.message-wait {
    top: 50%;
    left: 50%;
    width:64px;
    height:64px;
    border-radius: 32px 32px 32px 32px;
    -moz-border-radius: 32px 32px 32px 32px;
    -webkit-border-top-left-radius: 32px;
    -webkit-border-top-right-radius: 32px;
    -webkit-border-bottom-left-radius: 32px;
    -webkit-border-bottom-right-radius: 32px;
    -khtml-border-top-left-radius: 32px;
    -khtml-border-top-right-radius: 32px;
    -khtml-border-bottom-left-radius: 32px;
    -khtml-border-bottom-right-radius: 32px;
    margin-top: -66px; 
    margin-left: -32px;
    background-image: url("images/arrows64.gif"); 
    position:fixed;
    z-index:100001;
}
.message-wait-message {
    top: 50%;
    left: 50%;
    width:64px;
    height:16px;
    margin-top: 2px; 
    margin-left: -32px;
    position:fixed;
    z-index:100002;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}