/* Default CSS
================================================*/
/* Basic styling, used when JavaScript is unsupported */
.cbb
{
margin: 1em 0;
padding: 0 10px;
border: 5px double #fff;
background-color: #fff;
}

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

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

.bt div
{
position: relative;
left: -26px;
width: 26px;
height: 26px;
background: url(../style/box.png) no-repeat 0 0;
font-size: 0;
line-height: 0;
}

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

.bb div
{
position: relative;
left: -26px;
width: 26px;
height: 26px;
background: url(../style/box.png) no-repeat 0 100%;
font-size: 0;
line-height: 0;
}

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

/* Right border */
.i2
{
padding: 0 26px 0 0;
background: url(../style/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: #fff;
min-height: 400px;
}

/* 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 */