@CHARSET "UTF-8";

/*So far there are 2 types of contentblocks
The main content block
and side content block (or small content block)*/

/**************************
**						 **
**	Main content block	 **
**					 	 **
**	- Because of two back**
**	grounds used it is a **
**	bit more complex with**
**	nested divs			 **
**						 **
**************************/

/*This is the block element where the content is placed in
the padding has to be defined here otherwise it will give problems in IE6*/
.cb
{
	position: relative;
	margin-top: 10px;
	padding: 0px 10px 0px 10px;
	z-index: 2;
	min-height: 172px;
}

/*This is the wrapper around the element where the content is placed in
The bottom right background has to be defined here because of IE6
keep position relative to keep second background image relative to this element*/
.cbWrapper
{
	float: left;
	position: relative;
	width: 100%;
	margin-bottom: 15px;
	z-index: 1;
	background-repeat: no-repeat;
	background-position: bottom right;
	/*background-image: url("../images/borderContent/backgroundBR.gif");*/
}

/*A special element to contain a second background by using a lower z-index*/
.cbBackgroundTL
{
	position: absolute;
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url("../images/borderContent/backgroundTL.gif");
	width: 172px;
	height: 172px;
	z-index: -1;
}

/**************************
**						 **
**	Side content blocks 	 **
**						 **
**************************/

/*This content block is pretty straight forward*/
.cbSideWrapper
{
	float: left;
	width: 180px;
	background-image: url("../images/borderContent/sideBackground.gif");
	background-repeat: repeat-x;
	padding: 0px 10px 4px 10px;
	/*border-bottom: 1px solid #ca5050;*/
	margin-bottom: 15px;	
}


.cbSideImageWrapper
{
	margin-bottom: 10px;
	margin-top: 20px;
	width: 100%;
}