﻿#userFriendlyMessageContainer {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    font-size: 0;
    text-align: center;
}

#top #userFriendlyMessageContainer {
    top:80px;
}

div.userFriendlyMessage {
    display:block;
    background-color:white;
    background-color:rgba(255,255,255,.85);
    color:black;
    text-align:center;
    font-family:Arial, Helvetica, sans-serif;
    font-size:20px;
    position:relative;
    margin:5px auto;
    width:30%;
    padding:10px;
    color:white;
    zoom:1;
    border-radius:3px;
    white-space:pre-wrap;
}
    div.userFriendlyMessage.success, div.userFriendlyMessage.info {
        background-color:#009600;
        background-color:rgba(0, 150, 0, .85);
    }

    div.userFriendlyMessage.error,div.userFriendlyMessage.warn {
        background-color:#FF0000;
        background-color:rgba(255,0,0, .85);
    }

    div.userFriendlyMessage .userFriendlyMessageCloseButton {
        position:absolute;
        right:0;
        top:0;
        padding:10px;
        padding-top:5px;
        font-size:80%;
        cursor:pointer;
        font-size:0;
    }
    div.userFriendlyMessage div.userFriendlyMessageCloseButton:before {
        font-family:FontAwesome;
        font-size:15px;
        content:'';
    }


/*
div.userFriendlyMessage {
    box-sizing: content-box;
    display: block;
    background-color: #111;
    background-color: rgba(17,17,17,.6);
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    position: relative;
    margin: 5px auto;
    padding: 30px;
    color: white;
    zoom: 1;
    border-radius: 3px;
    border-color: white;
    white-space: pre-wrap;
}

    div.userFriendlyMessage.success, div.userFriendlyMessage.info {
        background-color: #120;
        background-color: rgba(16, 32, 0, .6);
        color: lime;
        border-color: lime;
    }

    div.userFriendlyMessage.error, div.userFriendlyMessage.warn {
        background-color: #F01;
        background-color: rgba(48,0,16, .6);
    }

    div.userFriendlyMessage .userFriendlyMessageCloseButton {
        position: absolute;
        right: 0;
        top: 0;
        padding: 10px;
        padding-top: 5px;
        font-size: 80%;
        cursor: pointer;
    }

        div.userFriendlyMessage .userFriendlyMessageCloseButton:before {
            color: black;
            font-family: FontAwesome;
            content: '';
        }

    div.userFriendlyMessage.success .userFriendlyMessageCloseButton, div.userFriendlyMessage.info .userFriendlyMessageCloseButton {
        background-color: #120;
        background-color: rgba(16, 32, 0, .6);
    }

    div.userFriendlyMessage.error .userFriendlyMessageCloseButton, div.userFriendlyMessage.warn .userFriendlyMessageCloseButton {
        background-color: #F01;
        background-color: rgba(48,0,16, .6);
    }
*/