/*
 * JoomSpirit CSS file for modules
 *  
 */ 



/* header span's */
div.module span.module-2,
div.module span.module-3 {
	display: block;
}




/*
 * module: default
 */
div.default div.module {
	background: url(../images/module_default_br.png) 100% 100% no-repeat;
	position: relative;
}

div.default div.module-2 {
	background: url(../images/module_default_tr.png) 100% 0 no-repeat;
}

div.default div.module-3 {
	background: url(../images/module_default_bl.png) 0 100% no-repeat;
}

div.default div.module-4 {
	min-height: 130px;	 
	padding: 10px 15px 10px 15px;
	background: url(../images/module_default_tl.png) 0 0 no-repeat;
	overflow: hidden;
}

div.default h3.module {
	margin: -10px -15px 5px -15px;
	background: url(../images/module_default_header_m.png) 0 100% repeat-x;
	line-height: 30px;
}

div.default span.module-2 {
	height: 30px;
	background: url(../images/module_color_header_default.png) 0 100% repeat-x;
}




/*
 * module: color
 */
 
 div.color {
 margin-bottom:10px;
 }
 
/* orange */
div.color div.module {
	background: url(../images/cadre_orange_r2_c2.png) 100% 100% no-repeat;
	position: relative;
}

div.color div.module-2 {
	background: url(../images/cadre_orange_r1_c2.png) 100% 0 no-repeat;
}

div.color div.module-3 {
	background: url(../images/cadre_orange_r2_c1.png) 0 100% no-repeat;
}

div.color div.module-4 {
	min-height: 60px;
	 
	padding: 10px 15px 10px 15px;
	background: url(../images/cadre_orange_r1_c1.png) 0 0 no-repeat;
	overflow: hidden;
	color: #ffffff;
}

div.color h3.module {
	margin: -10px -15px 5px -15px;
	padding: 0px 10px 0px 10px;
	text-indent: 5px;
	line-height: 30px;
	font-weight: bold;
}

div.color span.module-2 {
	height: 30px;
	background: url(../images/module_color_header.png) 0 100% repeat-x;
}


/* blue */
div.color div.blue { background: url(../images/cadre_blue_r2_c2.png) 100% 100% no-repeat; }
div.color div.blue div.module-2 { background: url(../images/cadre_blue_r1_c2.png) 100% 0 no-repeat; }
div.color div.blue div.module-3 { background: url(../images/cadre_blue_r2_c1.png) 0 100% no-repeat; }
div.color div.blue div.module-4 { background: url(../images/cadre_blue_r1_c1.png) 0 0 no-repeat; }

/* green */
div.color div.green { background: url(../images/cadre_green_r2_c2.png) 100% 100% no-repeat; }
div.color div.green div.module-2 { background: url(../images/cadre_green_r1_c2.png) 100% 0 no-repeat; }
div.color div.green div.module-3 { background: url(../images/cadre_green_r2_c1.png) 0 100% no-repeat; }
div.color div.green div.module-4 { background: url(../images/cadre_green_r1_c1.png) 0 0 no-repeat; }

/* red */
div.color div.red { background: url(../images/cadre_red_r2_c2.png) 100% 100% no-repeat; }
div.color div.red div.module-2 { background: url(../images/cadre_red_r1_c2.png) 100% 0 no-repeat; }
div.color div.red div.module-3 { background: url(../images/cadre_red_r2_c1.png) 0 100% no-repeat; }
div.color div.red div.module-4 { background: url(../images/cadre_red_r1_c1.png) 0 0 no-repeat; }

/* yellow */
div.color div.yellow { background: url(../images/cadre_yellow_r2_c2.png) 100% 100% no-repeat; }
div.color div.yellow div.module-2 { background: url(../images/cadre_yellow_r1_c2.png) 100% 0 no-repeat; }
div.color div.yellow div.module-3 { background: url(../images/cadre_yellow_r2_c1.png) 0 100% no-repeat; }
div.color div.yellow div.module-4 { background: url(../images/cadre_yellow_r1_c1.png) 0 0 no-repeat; }