body
{
	background: transparent; margin: 0; padding: 0;
}

.callout
{
    position: relative;
    border: 1px solid #aaa;
	border-radius: 3px;
    background: #fff;
	margin-left:16px;
	padding-left:4px;
	padding-right:4px;
	padding-top:2px;
	padding-bottom:2px;
	font-size:0.7em;
	display:inline-block;
	vertical-align:top;
}
/* Required for Down Triangle */
.callout:before, .callout:after {
content: "";
position: absolute;
width: 0;
height: 0;
border-style: solid solid solid none;
border-color: transparent;
border-bottom: 0 solid transparent;
}

/* Stroke */
.callout:before {
left: -6px;

/* If 1px darken stroke slightly */
border-right-color: #bbb;
border-width: 6px;
}

/* Fill */
.callout:after {
left: -4px;
border-right-color: #fff;
border-width: 6px;
}