1
2body {
3	font-family: Helvetica;
4	font-size: 13px;
5}
6
7div.callout {
8	height: 60px;
9	width: 200px;
10	float: left;
11}
12
13div.callout {
14	background-color: #444;
15	background-image: -moz-linear-gradient(top, #444, #444);
16	position: relative;
17	color: #ccc;
18	padding: 10px;
19	border-radius: 3px;
20	box-shadow: 0px 0px 20px #999;
21	margin: 25px;
22	min-height: 50px;
23	border: 1px solid #333;
24	text-shadow: 0 0 1px #000;
25
26	/*box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;*/
27}
28
29.callout::before {
30	content: "";
31	width: 0px;
32	height: 0px;
33	border: 0.8em solid transparent;
34	position: absolute;
35}
36
37.callout.top::before {
38	left: 60%;
39	bottom: -20px;
40	border-top: 10px solid #444;
41}
42
43.callout.bottom::before {
44	left: 45%;
45	top: -20px;
46	border-bottom: 10px solid #444;
47}
48
49.callout.left::before {
50	right: -20px;
51	top: 40%;
52	border-left: 10px solid #444;
53}
54
55.callout.right::before {
56	left: -20px;
57	top: 40%;
58	border-right: 10px solid #444;
59}
60
61.callout.top-left::before {
62	left: 7px;
63	bottom: -20px;
64	border-top: 10px solid #444;
65}
66
67.callout.top-right::before {
68	right: 7px;
69	bottom: -20px;
70	border-top: 10px solid #444;
71}
72