/*

   MESSAGES

*/

#success-message {
    position: fixed;
    top: 0;
    left: 30%;
    width: 40%;
    border-left: 1px #090 solid;
    border-right: 1px #090 solid;
    border-bottom: 1px #090 solid;
    border-radius: 0 0 4px 4px;
    background: #f0fff6;
    font-size: 10pt;
    font-weight: bold;
    padding-top: .5em;
    padding-bottom: .5em;
    padding: 1em;
    text-align: left;

    display: none;
    opacity: 0;
    -webkit-transition: .75s ease-in-out;
    -moz-transition: .75s ease-in-out;
    -o-transition: .75s ease-in-out;
    transition: .75s ease-in-out;
}
#success-message .content {
    display: block;
}
#success-message a {
    /*float: right;*/
    margin-right: 15px;
    text-decoration: none;
    font-weight: normal;
    color: #00F;
}
#success-message a:hover {
    color: #369;
}
#success-message.visible {
    opacity: 1;
}

#error-message {
    position: fixed;
    top: 0;
    left: 30%;
    width: 40%;
    border-left: 1px #660 solid;
    border-right: 1px #660 solid;
    border-bottom: 1px #660 solid;
    border-radius: 0 0 4px 4px;
    background: #fffcf0;
    font-size: 10pt;
    font-weight: bold;
    padding-top: .5em;
    padding-bottom: .5em;
    padding: 1em;
    text-align: left;

    display: none;
    opacity: 0;
    -webkit-transition: .75s ease-in-out;
    -moz-transition: .75s ease-in-out;
    -o-transition: .75s ease-in-out;
    transition: .75s ease-in-out;
}
#error-message .content {
    display: block;
}
#error-message a {
    /*float: right;*/
    margin-right: 15px;
    text-decoration: none;
    font-weight: normal;
    color: #00F;
}
#error-message a:hover {
    color: #369;
}
#error-message.visible {
    opacity: 1;
}