/* Top border and right corner */
.bt {
background:url(box.png) no-repeat 100% 0;
margin:0 0 0 22px;
height:22px;
}

/* Top left corner */
.bt div {
height:22px;
width:22px;
position:relative;
left:-22px;
background:url(box.png) no-repeat 0 0;
}

/* Bottom border and right corner */
.bb {
background:url(box.png) no-repeat 100% 100%;
margin:0 0 0 22px;
height:22px;
}

/* Bottom left corner */
.bb div {
height:22px;
width:22px;
position:relative;
left:-22px;
background:url(box.png) no-repeat 0 100%;
}

/* Left border */
.i1 {
padding:0 0 0 20px;
background:url(borders.png) repeat-y 0 0;
}

/* Right border */
.i2 {
padding:0 20px 0 0;
background:url(borders.png) repeat-y 100% 0;
}


/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content.  */

.i3 {
	background:#fff;
	border:1px solid #fff;
	border-width:1px 0;
	padding:0 10px;
	}



/* Default styling when JavaScript is unsupported */


.cbb {
	padding:0 10px;
	margin: 1em 0;
	background: #fff;
	border:1px solid #666;
	}