#wl_msg {
    position: fixed;
    top: 50px;
    right: 25px;
    z-index: 10000;
    width: 300px;
    font-size: 12px
}

    #wl_msg .msg-box:first-child {
        -webkit-border-top-left-radius: 4px;
        -moz-border-radius-topleft: 4px;
        border-top-left-radius: 4px;
        -webkit-border-top-right-radius: 4px;
        -moz-border-radius-topright: 4px;
        border-top-right-radius: 4px
    }

    #wl_msg .msg-box:last-child {
        -webkit-border-bottom-left-radius: 4px;
        -moz-border-radius-bottomleft: 4px;
        border-bottom-left-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        -moz-border-radius-bottomright: 4px;
        border-bottom-right-radius: 4px
    }

    #wl_msg .msg-box, #wl_msg .msg-box-close {
        border: 1px solid;
        margin-bottom: 4px;
        display: none
    }

    #wl_msg .msg-box-close {
        text-align: center;
        cursor: pointer;
        -webkit-border-bottom-left-radius: 4px;
        -moz-border-radius-bottomleft: 4px;
        border-bottom-left-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        -moz-border-radius-bottomright: 4px;
        border-bottom-right-radius: 4px
    }

    #wl_msg .msg-box h3, #wl_msg .msg-close {
        height: 28px
    }

    #wl_msg .msg-box h3 {
        font-weight: 600;
        font-size: 14px;
        width: 272px;
        line-height: 30px;
        padding-left: 8px;
        margin: 0;
        float: left
    }

    #wl_msg .msg-close {
        display: block;
        float: right;
        width: 25px;
        line-height: 1px;
        padding: 0;
        text-indent: -9999px;
        background-position: 50% 50%;
        background-repeat: no-repeat
    }

    #wl_msg .msg-content {
        clear: both;
        padding: 10px;
        line-height: 20px
    }

    #wl_msg .msg-box, #wl_msg .msg-box-close {
        border-color: #1e1e1e;
        color: #202020;
        background: #f1f1f1
    }

        #wl_msg .msg-box-close:hover {
            background-color: #1e1e1e;
            color: #fff
        }

        #wl_msg .msg-box h3, #wl_msg .msg-close {
            color: #202020
        }

        #wl_msg .msg-box h3 {
            border-bottom-color: #aaa
        }

    #wl_msg .msg-close {
        border-left-color: #aaa;
        border-bottom-color: #aaa;
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAnFBMVEX///80NDQ6Ojo/Pz9UVFRkZGRlZWVLS0tVVVVYWFhra2s9PT0/Pz9VVVVYWFg9PT1AQEBWVlZZWVk9PT1ERERYWFhkZGQ9PT1ERERZWVlmZmZ8fHxOTk54eHhoaGh9fX1eXl5QUFBtbW1XV1dNTU2BgYGEhISGhoZycnJzc3NnZ2dqampkZGR6enpZWVlLS0t+fn5sbGxMTExvb2/3taxWAAAAG3RSTlMAEFBQUFBQYGBgYHBwcHCAgICAsLCwsMDAwMDUOjQjAAAAb0lEQVR4XtXJRQLDMAwFUTXQcMoo2Q5TEe5/t3r9b5C3nKGZyg4ekXfZYM9vwxRFevxsYRxNz1Vl+vcVhs9dy9x2ZkkgVg9LxYRC/bN0iN1pirtVNA6Mk9RPq5YdjNW3lCCQ8pXAWKzPLpG7T2me/pYHCeDi31jwAAAAAElFTkSuQmCC')
    }

        #wl_msg .msg-close:hover {
            background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAnFBMVEX///80NDQ6Ojo/Pz9UVFRkZGRlZWVLS0tVVVVYWFhra2s9PT0/Pz9VVVVYWFg9PT1AQEBWVlZZWVk9PT1ERERYWFhkZGQ9PT1ERERZWVlmZmZ8fHxOTk54eHhoaGh9fX1eXl5QUFBtbW1XV1dNTU2BgYGEhISGhoZycnJzc3NnZ2dqampkZGR6enpZWVlLS0t+fn5sbGxMTExvb2/3taxWAAAAG3RSTlMAEFBQUFBQYGBgYHBwcHCAgICAsLCwsMDAwMDUOjQjAAAAb0lEQVR4XtXJRQLDMAwFUTXQcMoo2Q5TEe5/t3r9b5C3nKGZyg4ekXfZYM9vwxRFevxsYRxNz1Vl+vcVhs9dy9x2ZkkgVg9LxYRC/bN0iN1pirtVNA6Mk9RPq5YdjNW3lCCQ8pXAWKzPLpG7T2me/pYHCeDi31jwAAAAAElFTkSuQmCC');
            background-color: #ddd
        }