.callout {
	width: 280px;
	height: 550px;
	background-color: green;
	background-image: -moz-linear-gradient(top, #009900, #003300);
	position: fixed;
	top: 110px;
	right: 20px;
	color: #ccc;
	padding: 10px;
	border-radius: 3px;
	box-shadow: 0px 0px 20px #999;
	margin: 25px;
	min-height: 50px;
	font-weight: medium;
	opacity: 0.9;
	

	border: 1px solid #333;
	/* text-shadow: 0 0 1px #000; */
	
	/*box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;*/
}

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

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

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

.callout.left::before {
	right: -20px;
	top: 40%;
	border-left: 10px solid #444;
}

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

.callout.men::before {
	left: 180px;
	top: -20px;
	border-bottom: 10px solid green;
}

.callout.act::before {
	left: 256px;
	top: -20px;
	border-bottom: 10px solid green;
}

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

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