sdqmupdatge/Content/jquery.meow.css

.meows {
    position: fixed;
    top: 80px;
    right: 0;
    z-index: 1031;
}

.meow {
    margin: 20px 20px 0 0;
    position: relative;
}

    .meow .inner {
        background: #191919;
        zoom: 1;
        filter: alpha(opacity = 75);
        background: rgba(25, 25, 25, .75);
        border: 2px solid transparent;
        -moz-border-radius: 10px;
        -webket-border-radius: 10px;
        -khtml-border-radius: 10px;
        -o-border-radius: 10px;
        border-radius: 10px;
        -moz-box-shadow: 2px 2px 10px rgba(25, 25, 25, .25);
        -webkit-box-shadow: 2px 2px 10px rgba(25, 25, 25, .25);
        -khtml-box-shadow: 2px 2px 10px rgba(25, 25, 25, .25);
        -o-box-shadow: 2px 2px 10px rgba(25, 25, 25, .25);
        box-shadow: 2px 2px 10px rgba(25, 25, 25, .25);
        color: #fff;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 15px;
        padding: 10px;
        text-shadow: 1px 1px 3px #000;
        width: 300px;
        min-height: 48px;
    }

        .meow .inner:after {
            content: "\0200";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0;
        }

    .meow.hover .inner {
        border: 2px solid #fff;
    }

    .meow .inner h1 {
        font-size: 14px;
        font-weight: bold;
        margin: 0;
        padding: 0;
        line-height: 1;
    }

    .meow .inner .icon {
        width: 48px;
        height: 48px;
        float: left;
        margin-right: 6px;
    }

        .meow .inner .icon img {
            max-width: 48px;
            max-height: 48px;
        }

    .meow .inner .close {
        display: none;
    }

    .meow.hover .inner .close {
        background: #191919;
        zoom: 1;
        filter: alpha(opacity = 75);
        background: rgba(25, 25, 25, .75);
        border: 2px solid #ffffff;
        -khtml-border-radius: 18px;
        -moz-border-radius: 18px;
        -o-border-radius: 18px;
        -webket-border-radius: 18px;
        border-radius: 18px;
        color: #ffffff;
        display: block;
        font-size: 22px;
        font-weight: 500;
        height: 18px;
        left: 4px;
        line-height: 14px;
        position: absolute;
        text-align: center;
        text-decoration: none;
        top: 4px;
        width: 18px;
    }