@CHARSET "UTF-8";

/* flexible box */

.flexibleBox, .box-wrap1, .box-wrap2, .box-content {
	display:block;
	overflow: visible;
}

/* default: grey */

.flexibleBox {
	float:left;
	width:100%;
	margin: 0 0 20px 0;
	background:#F3F3F3 url(../gfx/grey/box_bg.gif) no-repeat scroll right bottom;
	overflow: visible;
}
.box-wrap1 {
	float:left;
	width:100%;
	background:transparent url(../gfx/grey/box_wrap1_bg.gif) no-repeat scroll left top;
	overflow: visible;
}
.box-wrap2 {
	width:100%;
	background:transparent url(../gfx/grey/box_wrap2_bg.gif) no-repeat scroll left bottom;
	overflow: visible;
}
.box-content {
	padding: 0 20px;
	background:transparent url(../gfx/grey/box_content_bg.gif) no-repeat scroll right top;
	overflow: visible;
}
.clearer {
	clear: both;
}

/* color variations: green */

.flexibleBox-green {
	color:#FFFFFF;
	background:#F3F3F3 url(../gfx/green/box_bg.gif) no-repeat scroll right bottom;
}
.flexibleBox-green h1 {
	color:#FFFFFF;
}
.flexibleBox-green .box-wrap1 {
	background:transparent url(../gfx/green/box_wrap1_bg.gif) no-repeat scroll left top;
}
.flexibleBox-green .box-wrap2 {
	background:transparent url(../gfx/green/box_wrap2_bg.gif) no-repeat scroll left bottom;
}
.flexibleBox-green .box-content {
	background:transparent url(../gfx/green/box_content_bg.gif) no-repeat scroll right top;
}

/* color variations: blue */

.flexibleBox-blue {
	color:#FFFFFF;
	background:#F3F3F3 url(../gfx/blue/box_bg.gif) no-repeat scroll right bottom;
}
.flexibleBox-blue h1 {
	color:#FFFFFF;
}
.flexibleBox-blue .box-wrap1 {
	background:transparent url(../gfx/blue/box_wrap1_bg.gif) no-repeat scroll left top;
}
.flexibleBox-blue .box-wrap2 {
	background:transparent url(../gfx/blue/box_wrap2_bg.gif) no-repeat scroll left bottom;
}
.flexibleBox-blue .box-content {
	background:transparent url(../gfx/blue/box_content_bg.gif) no-repeat scroll right top;
}

/* icon settings for child elements are defined in structure.css */