@import url("../../css/common.css");	/* import common styles */
/*@import url("preview.css");*/			/* debug with frontend as preview */

/* Single Large Content-Area */
.ca-single { margin:0; padding:0; }
.ca-single #colNormal { margin:0; }

/* Two Column Content-Area (50%-50%) */
.ca-l1r1 { margin:0; }
.ca-l1r1 #colLeft-wrapper, .ca-l1r1 #colRight-wrapper { text-align:left; vertical-align:top; white-space:normal; }
.ca-l1r1 #colLeft-wrapper { width:50%; }
.ca-l1r1 #colRight-wrapper { width:50%; }
.ca-l1r1 #colLeft-wrapper #colLeft { margin:0; padding-right:10px; }
.ca-l1r1 #colRight-wrapper #colRight { margin:0; padding-left:10px; }

/* Two Column Content-Area (33%-67%) */
.ca-l1r2 { margin:0; }
.ca-l1r2 #colLeft-wrapper, .ca-l1r2 #colRight-wrapper { text-align:left; vertical-align:top; white-space:normal; }
.ca-l1r2 #colLeft-wrapper { width:33%; }
.ca-l1r2 #colRight-wrapper { width:67%; }
.ca-l1r2 #colLeft-wrapper #colLeft { margin:0; padding-right:10px; }
.ca-l1r2 #colRight-wrapper #colRight { margin:0; padding-left:10px; }

/* Two Column Content-Area (67%-33%) */
.ca-l2r1 { margin:0; }
.ca-l2r1 #colLeft-wrapper, .ca-l2r1 #colRight-wrapper { text-align:left; vertical-align:top; white-space:normal; }
.ca-l2r1 #colLeft-wrapper { width:67%; }
.ca-l2r1 #colRight-wrapper { width:33%; }
.ca-l2r1 #colLeft-wrapper #colLeft { margin:0; padding-right:10px; }
.ca-l2r1 #colRight-wrapper #colRight { margin:0; padding-left:10px; }

/* Three Column Content-Area (33%-34%-33%) */
.ca-l1n1r1 { margin:0; }
.ca-l1n1r1 #colLeft-wrapper, .ca-l1n1r1 #colNormal-wrapper, .ca-l1n1r1 #colRight-wrapper { text-align:left; vertical-align:top; white-space:normal; }
.ca-l1n1r1 #colLeft-wrapper { width:33%; }
.ca-l1n1r1 #colNormal-wrapper { width:34%; }
.ca-l1n1r1 #colRight-wrapper { width:33%; }
.ca-l1n1r1 #colLeft-wrapper #colLeft { margin:0; padding-right:10px; }
.ca-l1n1r1 #colNormal-wrapper #colNormal { margin:0; padding-left:10px; padding-right:10px; }
.ca-l1n1r1 #colRight-wrapper #colRight { margin:0; padding-left:10px; }

/* Three Column Compound Content-Area (100%, 50%-50%) */
.ca-n-l1r1 { margin:0; padding:0; }
.ca-n-l1r1 .ca-single #colNormal { margin-bottom:10px; }

/* Three Column Compound Content-Area (50%-50%, 100%) */
.ca-l1r1-n { margin:0; padding:0; }
.ca-l1r1-n .ca-single #colNormal { margin-top:10px; }

/* Three Column Content-Area (33%-67%, 100%) */
.ca-l1r2-n { margin:0; padding:0; }
.ca-l1r2-n .ca-single #colNormal { margin-top:10px; }

/* Three Column Content-Area (67%-33%, 100%) */
.ca-l2r1-n { margin:0; padding:0; }
.ca-l2r1-n .ca-single #colNormal { margin-top:10px; }

/* Three Column Content-Area (100%, 33%-67%) */
.ca-n-l1r2 { margin:0; padding:0; }
.ca-n-l1r2 .ca-single #colNormal { margin-bottom:10px; }

/* Three Column Content-Area (100%, 67%-33%) */
.ca-n-l2r1 { margin:0; padding:0; }
.ca-n-l2r1 .ca-single #colNormal { margin-bottom:10px; }

/* Four Column Compound Content-Area (100%, 33%-34%-33%) */
.ca-b-l1n1r1 { margin:0; padding:0; }
.ca-b-l1n1r1 .ca-single #colBorder { margin-bottom:10px; }

/* Four Column Compound Content-Area (33%-34%-33%, 100%)*/
.ca-l1n1r1-b { margin:0; padding:0; }
.ca-l1n1r1-b .ca-single #colBorder { margin-top:10px; }