div.callout {
    width: 100%;
}

div.callout {
    background-color: slateblue;
    background-image: -moz-linear-gradient(top, #444, #444);
    position: relative;
    color: white;
    padding: 10px;
    /*border-radius: 3px;*/
    box-shadow: 0px 0px 20px #999;
    margin: 0px;
    min-height: 70px;
    border: 1px solid slateblue;
    text-shadow: 0 0 1px #000;
    /*box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;*/
}

.callout::before {
    content: "";
    border: 0.8em solid transparent;
    position: absolute;
}


.callout.top-left::before {
    left: 7px;
    bottom: -20px;
    border-top: 10px solid #444;
}

.callout.top::before {
    left: 45%;
    bottom: -20px;
    border-top: 10px solid slateblue;
}