#floating-messages-container
{
    font-size: 12;
    position: absolute;
    z-index: 9999;
    top: 10px;
    right: 10px;
    width: 25%;
    min-width: 200px;
}

#floating-messages-container .close-button
{
    position: absolute;
    display: block;
    background: url('modals/close.png');
    background-size:16px 16px;
    background-repeat:no-repeat;
    height: 16px;
    width: 16px;
    right: 8px;
}

#floating-messages-container .close-button:hover
{
    border-radius: 20px;
    background: #fff url('modals/close.png');
    background-size:16px 16px;
    background-repeat:no-repeat;
    box-shadow: 0px 0px 5px 2px #FFF;
}

#floating-messages-container .floating-success
{
    margin-bottom: 5px;
    text-align: left;
    padding: 2px 8px 2px 32px;
    background: #9eea8f; /* Old browsers */
    background: -moz-linear-gradient(top,  #9eea8f 0%, #6bc956 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9eea8f), color-stop(100%,#6bc956)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #9eea8f 0%,#6bc956 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #9eea8f 0%,#6bc956 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #9eea8f 0%,#6bc956 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #9eea8f 0%,#6bc956 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9eea8f', endColorstr='#6bc956',GradientType=0 ); /* IE6-9 */
    box-shadow: 0px 2px 5px 2px #9F9;
    border: 2px solid #333;
    border-radius: 8px;
}

#floating-messages-container .floating-info
{
    background: #8fb4e8; /* Old browsers */
    background: -moz-linear-gradient(top,  #8fb4e8 0%, #566dc9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fb4e8), color-stop(100%,#566dc9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #8fb4e8 0%,#566dc9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #8fb4e8 0%,#566dc9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #8fb4e8 0%,#566dc9 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #8fb4e8 0%,#566dc9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fb4e8', endColorstr='#566dc9',GradientType=0 ); /* IE6-9 */
    margin-bottom: 5px;
    text-align: left;
    padding: 2px 8px 2px 32px;
    box-shadow: 0px 2px 5px 2px #99F;
    border: 2px solid #333;
    border-radius: 8px;
}

#floating-messages-container .floating-error
{
    margin-bottom: 5px;
    text-align: left;
    padding: 2px 8px 2px 32px;
    background: #ea9191; /* Old browsers */
    background: -moz-linear-gradient(top,  #ea9191 0%, #c65555 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ea9191), color-stop(100%,#c65555)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ea9191 0%,#c65555 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ea9191 0%,#c65555 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ea9191 0%,#c65555 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ea9191 0%,#c65555 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea9191', endColorstr='#c65555',GradientType=0 ); /* IE6-9 */
    box-shadow: 0px 2px 5px 2px #F99;
    border: 2px solid #333;
    border-radius: 8px;
}

#floating-messages-container .floating-success .icon
{
    position: absolute;
    display: block;
    background: url('modals/success.png');
    background-size: 24px 24px;
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    left: 6px;
    margin-top: 5px;
}

#floating-messages-container .floating-info .icon
{
    position: absolute;
    display: block;
    background: url('modals/info.png');
    background-size: 24px 24px;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    left: 6px;
    margin-top: 5px;
}

#floating-messages-container .floating-error .icon
{
    position: absolute;
    display: block;
    background: url('modals/error.png');
    background-size: 24px 24px;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    left: 6px;
    margin-top: 5px;
}

#floating-messages-container .floating-success b
{
    font-size: 13;
    color: #040;
    text-shadow: -1px -1px #fff, 1px -1px #fff, -1px 1px #fff, 1px 1px #fff;
}

#floating-messages-container .floating-info b
{
    font-size: 13;
    color: #004;
    text-shadow: -1px -1px #fff, 1px -1px #fff, -1px 1px #fff, 1px 1px #fff;
}

#floating-messages-container .floating-error b
{
    font-size: 13;
    color: #400;
    text-shadow: -1px -1px #fff, 1px -1px #fff, -1px 1px #fff, 1px 1px #fff;
}