/**
 * dolla dolla bill y'all
 */

body {
    width:400px;
    margin:100px auto 0;
}
div {
 	position:relative;
 	z-index:10;
 	font-family:arial;
 	text-align:center;
	background: #7db9e8;
	width: 53px;
	height: 14px;
	padding:6px  0;
	font-size:14px;
	color:white;
	line-height:100%;
	border-radius: 0 0 5px 5px;
	box-shadow:  2px 2px 1px 2px rgba(0, 0, 0, 0.05);
	font-weight:bold;
	border-top:1px solid #5EAAE5;
	border-bottom:1px solid #5EAAE5;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
	background: #7db9e8; /* Old browsers */
	background: -moz-linear-gradient(top,  #7db9e8 0%, #3f9ce2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(100%,#3f9ce2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #7db9e8 0%,#3f9ce2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #7db9e8 0%,#3f9ce2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #7db9e8 0%,#3f9ce2 100%); /* IE10+ */
	background: linear-gradient(top,  #7db9e8 0%,#3f9ce2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#3f9ce2',GradientType=0 ); /* IE6-9 */
}

div:before, div:after {
	content:'';
	background: #7db9e8;
	position:absolute;
	top:-3px;
	width: 10px;
	height: 100%;
	z-index:9;
	background: #7db9e8; /* Old browsers */
	background: -moz-linear-gradient(top,  #7db9e8 0%, #3f9ce2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(100%,#3f9ce2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #7db9e8 0%,#3f9ce2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #7db9e8 0%,#3f9ce2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #7db9e8 0%,#3f9ce2 100%); /* IE10+ */
	background: linear-gradient(top,  #7db9e8 0%,#3f9ce2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#3f9ce2',GradientType=0 ); /* IE6-9 */
}

div:before {
	box-shadow:  3px 2px 1px 1px rgba(0, 0, 0, 0.05);
	left:-10px;
	border-radius: 1px 5px 0 1px;
	border-left:1px solid #5EAAE5;
}

div:after {
	box-shadow:  -3px 2px 1px 1px rgba(0, 0, 0, 0.05);
	right:-10px;
	border-radius: 5px 1px 1px 0;
	border-right:1px solid #5EAAE5;
}

div span {
	position:absolute;
	z-index:12;
	display:inline-block;
	top:0;
	right:-20px;
	width:16px;
	height:16px;
	border-radius:16px;
	border:1px solid #CC6B0A;
	line-height:16px;
	box-shadow:  1px 1px 0px 1px rgba(0, 0, 0, 0.1);
  	text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	background: #e8aa30; /* Old browsers */
	background: -moz-linear-gradient(top,  #e8aa30 0%, #d37e2e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8aa30), color-stop(100%,#d37e2e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e8aa30 0%,#d37e2e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e8aa30 0%,#d37e2e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e8aa30 0%,#d37e2e 100%); /* IE10+ */
	background: linear-gradient(top,  #e8aa30 0%,#d37e2e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8aa30', endColorstr='#d37e2e',GradientType=0 ); /* IE6-9 */

}