/* ************************* */
/* box layout styles */

/* layout helper */
.boxlayouter TD { vertical-align: top; }
.boxlayouter .blc1 { width: 48% }
.boxlayouter .blc2 { width: 4% }
.boxlayouter .blc3 { width: 48% }

/* thats the box */

.box {
	width: 100%;
	height: 100%;
	margin: 10px auto;	/* left and right centered, top and bottom with a little space */
}

.box .boxtable {
	width: 100%;
}
.box * .boxhd * H1 { margin-top: 10px; margin-bottom: 10px; } /* thats for IE */
.box * .boxhd .c1 { 
	width: 15px; 
	background: transparent url(../images/f2-tl.gif) no-repeat 0px 0px; 
}
.box * .boxhd .c2 { 
	background: transparent url(../images/f2-t.gif) repeat-x 0px 0px; 
}
.box * .boxhd .c3 { 
	width: 15px;
	background: transparent url(../images/f2-tr.gif) no-repeat right top;
}
.box * .boxhd2 * { height: 3px; }
.box * .boxhd2 .c1 { 
	width: 15px; 
	background: transparent url(../images/f2-tl2.gif) no-repeat 0px 0px; 
}
.box * .boxhd2 .c2 { 
	background: transparent url(../images/f2-t2.gif) repeat-x 0px 0px; 
}
.box * .boxhd2 .c3 { 
	width: 15px;
	background: transparent url(../images/f2-tr2.gif) no-repeat right top;
}
.box * .boxbd > * { 
	/* padding-top: 10px; */
}
.box * .boxbd .c1 { 
	width: 15px; 
	background: transparent url(../images/f2-l.gif) repeat-y 0px 0px; 
}
.box * .boxbd .c2 { 
	background: transparent url(../images/f2-c.gif) repeat 0px 0px; 
}
.box * .boxbd .c3 { 
	width: 15px;
	background: transparent url(../images/f2-r.gif) repeat-y right top;
}
.box * .boxft * { height: 15px; }
.box * .boxft .c1 { 
	width: 15px; 
	background: transparent url(../images/f2-bl.gif) no-repeat 0px 0px; 
}
.box * .boxft .c2 { 
	background: transparent url(../images/f2-b.gif) repeat-x 0px 0px; 
}
.box * .boxft .c3 { 
	width: 15px;
	background: transparent url(../images/f2-br.gif) no-repeat right top;
}
/* debug:  
.box * { border: 1px red solid; }
.box * TD { border: 1px green solid; }
*/
/* IE fixes: */
.box * h1, .box * h2, .box * h3, .box * p {
	margin-top: 0.7em;
	margin-bottom: 0.7em;
}

/* second box type */

.box2 {
	width: 100%;
	height: 100%;
	margin: 10px auto;	/* left and right centered, top and bottom with a little space */
}
/*
.box2 * { border: 1px red solid; }
.box2 * TD { border: 1px green solid; }
*/
.box2 .boxtable {
	width: 100%;
}
.box2 * .boxhd * H1 { margin-top: 10px; margin-bottom: 10px; } /* thats for IE */
.box2 * .boxhd .c1 { 
	width: 15px; 
	background: transparent url(../images/f7-tl.gif) no-repeat 0px 0px; 
}
.box2 * .boxhd .c2 { 
	background: transparent url(../images/f7-t.gif) repeat-x 0px 0px; 
}
.box2 * .boxhd .c3 { 
	width: 15px;
	background: transparent url(../images/f7-tr.gif) no-repeat right top;
}
.box2 * .boxhd2 * { height: 3px; }
.box2 * .boxhd2 .c1 { 
	width: 15px; 
	background: transparent url(../images/f7-tl2.gif) no-repeat 0px 0px; 
}
.box2 * .boxhd2 .c2 { 
	background: transparent url(../images/f7-t2.gif) repeat-x 0px 0px; 
}
.box2 * .boxhd2 .c3 { 
	width: 15px;
	background: transparent url(../images/f7-tr2.gif) no-repeat right top;
}
.box2 * .boxbd > * { 
	/* padding-top: 10px; */ 
}
.box2 * .boxbd .c1 { 
	width: 15px; 
	background: transparent url(../images/f7-l.gif) repeat-y 0px 0px; 
}
.box2 * .boxbd .c2 { 
	background: transparent url(../images/f7-c.gif) repeat 0px 0px; 
}
.box2 * .boxbd .c3 { 
	width: 15px;
	background: transparent url(../images/f7-r.gif) repeat-y right top;
}
.box2 * .boxft * { height: 15px; }
.box2 * .boxft .c1 { 
	width: 15px; 
	background: transparent url(../images/f7-bl.gif) no-repeat 0px 0px; 
}
.box2 * .boxft .c2 { 
	background: transparent url(../images/f7-b.gif) repeat-x 0px 0px; 
}
.box2 * .boxft .c3 { 
	width: 15px;
	background: transparent url(../images/f7-br.gif) no-repeat right top;
}

/* debug: 
.box2 * { border: 1px red solid; }
.box2 * TD { border: 1px green solid; }
*/
/* IE fixes: */
.box2 * h1, .box2 * h2, .box2 * h3, .box2 * p {
	margin-top: 0.7em;
	margin-bottom: 0.7em;
}

/* end of file */