/* cbb Styles */
/* Default CSS
================================================*/
/* Basic styling, used when JavaScript is unsupported */
.cbb {
	margin:0;
	padding:0 10px;
	border-width:0 3px 3px 3px;
	border-style:solid;
	border-color:#fff;	
	background:#e5e5e5;
}
#rightcol.cbb {
	padding:0 10px 0 0;
	border-width:0 3px 3px 0;
}
/* Normal styling */
.cb {}
/* Top corners and border */
.bt {
	height:17px;
	margin:0 0 0 18px;
	background:url(../img/box_left.png) no-repeat 100% 0;
}
#rightcol .bt {
	height:3px;
	height:0;
	margin:0 0 0 3px;
	margin:0;
	background-image:url(../img/box_right.png);
}
.bt div {
	position:relative;
	left:-18px;
	width:18px;
	height:17px;
	background:url(../img/box_left.png) no-repeat 0 0;
	font-size:0;
	line-height:0;
}
#rightcol .bt div { 
	position:relative;
	left:-3px;
	width:3px;
	width:0;
	height:3px;
	height:0;
	background-image:url(../img/box_right.png); 
}

	/* Bottom corners and border */
.bb {
	height:22px;
	margin:0 0 0 12px;
	background:url(../img/box_left.png) no-repeat 100% 100%;
}
#rightcol .bb { 
	height:22px;
	margin:0 0 0 3px;
	background-image:url(../img/box_right.png); 
}
.bb div {
	position:relative;
	left:-12px;
	width:12px;
	height:22px;
	background:url(../img/box_left.png) no-repeat 0 100%;
	font-size:0;
	line-height:0;
}
#rightcol .bb div { 
	left:-3px;
	width:3px;
	height:22px;
	background-image:url(../img/box_right.png);
}
	/* Left border */
.i1 {
	padding:0 0 0 12px;
	background:#e5e5e5 url(../img/borders.png) repeat-y 0 0;
}
#rightcol .i1 { 
	background-color:#e5e5e5;
	background-image:none;
	padding:0;
}
	/* Right border */
.i2 {
	padding:0 12px 0 0;
	background:#e5e5e5 url(../img/borders.png) repeat-y 100% 0;
}
#rightcol .i2 {
	padding:0 3px 0 0;
	background:#e5e5e5 url(../img/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 {
	display:block;
	margin:0;
	padding:1px 10px;
	background:#e5e5e5;
}
#rightcol .i3 {
	padding:0;
}
	/* 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 */