/* Normal styling */
.cb {
	margin: 0.5em 0;
}

/* Top corners and border */
.bt {
	height: 17px;
	margin: 0 0 0 18px;
}

.bt div {
	position: relative;
	left: -18px;
	width: 18px;
	height: 17px;
	font-size: 0;
	line-height: 0;
}

/* Bottom corners and border */
.bb {
	height: 14px;
	margin: 0 0 0 12px;
}

.bb div {
	position: relative;
	left: -12px;
	width: 12px;
	height: 14px;
	font-size: 0;
	line-height: 0;
}

/* Left border */
.i1 {
	padding: 0 0 0 12px;
}

/* Right border */
.i2 {
	padding: 0 12px 0 0;
}

/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	display: block;
	margin: 0;
	padding: 1px 10px;
	background: #fff;
}

/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.i3 {
	display: inline-block;
}

.i3 {
	display: block;
}
/* Default CSS ends here */