<span class="caret"></span>

<span class="caretup"></span>

/* arrow top */
.caret{
	border-top: 0;
	border-top: 4px solid #0099E3;
	content: "";
	margin:5px 0px 5px 12px;
}

.caret {
	display: inline-block;
	width: 0;
	height: 0;
	vertical-align: middle;
	border-top: 4px solid #0099E3;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	content: "";
}

/* arrow bottom */
.caretup{
	border-top: 0;
	border-bottom: 4px solid #0099E3;
	content: "";
	margin:5px 0px 5px 12px;
}

.caretup {
	display: inline-block;
	width: 0;
	height: 0;
	vertical-align: middle;
	border-bottom: 4px solid #0099E3;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	content: "";
}