.clb {
	width: 500px;
	position: absolute;
	left: 100px;
	top: 100px;
	color: red;
	font-size:0;
	line-height:0;
	border:1px solid blue;
}
.clb .clb-left,
.clb .clb-right,
.clb .clb-left-before,
.clb .clb-left-after,
.clb .clb-right-before,
.clb .clb-right-after {
	display:inline-block;
	border:0px solid red;
}
.clb .clb-left,
.clb .clb-right {
	border-bottom: 5px solid;
	width: 100px;
	height: 20px;  
}
.clb .clb-left-before,
.clb .clb-left-after,
.clb .clb-right-before,
.clb .clb-right-after {
	width: 20px;
	height: 40px;
}
.clb .clb-left-before {
	border-bottom: 5px solid;
	border-bottom-left-radius: 20px;
	margin-top: -30px;
}
.clb .clb-left-after {
	border-top: 5px solid;
	border-top-right-radius: 20px;
	position:relative;
	top:40px;
}
.clb .clb-right-before {
	border-top: 5px solid;
	border-top-left-radius: 20px;
	position:relative;
	top:40px;
}
.clb .clb-right-after {
	border-bottom: 5px solid;
	border-bottom-right-radius: 20px;
	margin-top: -30px;
}