/** Transparent custom corners and borders from:
    http://www.456bereastreet.com/archive/200505/transparent_custom_corners_and_borders/
**/

/* Default styling. Used when JavaScript is unsupported */
.cbb {
    padding:0 10px;
    margin:1em 0;
    background:#fff;
    border:1px solid #666;
}
.cbb h1 {
    margin:0 -10px;
    padding:0.3em 10px;
    background:#efece6;
    font:bold 1.2em/1 Arial, Helvetica, sans-serif;
}
/* Insert the custom corners and borders for browsers with sufficient JavaScript support */
.bt {
    margin:0 -2px 0 43px;
    height:45px;
	background:url(box.png) no-repeat 100% 0 !important;
	background:url(box.gif) no-repeat 100% 0;
}
.bt div {
    height:45px;
    width:47px;
    position:relative;
    left:-45px;
	background:url(box.png) no-repeat 0 0 !important;
	background:url(box.gif) no-repeat 0 0;
}
.bb {
    margin:0 -2px -2px 43px;
    height:55px;
	background:url(box.png) no-repeat 100% 100% !important;
	background:url(box.gif) no-repeat 100% 100%;
}
.bb div {
    height:55px;
    width:45px;
    position:relative;
    left:-45px;
	background:url(box.png) no-repeat 0 100% !important;
	background:url(box.gif) no-repeat 0 100%;
}
.i1 {
    padding:0 0 0 10px;
    background:url(borders.png) repeat-y -1px 0 !important;
    background:url(borders.gif) repeat-y -2px 0;
}
.i2 {
    padding:0 10px 0 0 !important;
    padding:0 9px 0 0;
    background:url(borders.png) repeat-y 100% 0 !important;
    background:url(borders.gif) repeat-y 100% 0;
}