.overlay {
    background:transparent url(../images/overlay.png) repeat top left;
    position:fixed;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    z-index:1000;
}

.box {
    position:fixed;
    top:-5000px;
    left:30%;
    right:30%;
    background-color:#fff;
    color:#7F7F7F;
    padding:20px;
    border:1px solid #ccc;
    
    -moz-border-radius: 20px;
    -webkit-border-radius:20px;
    -khtml-border-radius:20px;
    -moz-box-shadow: 0 1px 5px #333;
    -webkit-box-shadow: 0 1px 5px #333;
    
    z-index:1001;
}

.box p {
    margin: 20px 0 20px 0;
    font-size: 14px;
    color: #555;
}

.box h1 {
    border-bottom: 1px dashed #7F7F7F;
    margin:-20px -20px 0px -20px;
    padding:10px;
    font-weight: bold;
    text-align: center;
    
    -moz-border-radius:20px 20px 0px 0px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -khtml-border-top-left-radius: 20px;
    -khtml-border-top-right-radius: 20px;
}

.mess-complite {
    background-color: #D8FFD8;
    color: #57C362;
}

.mess-warning {
    background-color: #FCFFD9;
    color: #C2B157;
}

.mess-error {
    background-color: #FFEFEF;
    color: #EF7777;
}

.boxclose {
    float:right;
    width:26px;
    height:26px;
    margin-top:-30px;
    margin-right:-30px;
    cursor:pointer;
    text-align: center;
}