/* import common styles */
@import url("../../css/common.css");

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

/* Single Large Content-Area */
.ca-single { margin:0; padding:0; }
.ca-single #colNormal { margin:20px; }
/* Test Content-Area */
.ca-single #colTest { 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:12px; }
.ca-l1r1 #colRight-wrapper #colRight { margin:0; padding-left:12px; }

/* 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:12px; }
.ca-l1r2 #colRight-wrapper #colRight { margin:0; padding-left:12px; }

/* 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:12px; }
.ca-l2r1 #colRight-wrapper #colRight { margin:0; padding-left:12px; }

/* 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:12px; }
.ca-l1n1r1 #colNormal-wrapper #colNormal { margin:0; padding-left:12px; padding-right:12px; }
.ca-l1n1r1 #colRight-wrapper #colRight { margin:0; padding-left:12px; }

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

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

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

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

/* mentalkraft Default Content-Area */
.ca-mentalkraft-default { margin:0; height:430px; }
.ca-mentalkraft-default #colNormal-wrapper, .ca-mentalkraft-default #colBorder-wrapper { text-align:left; vertical-align:top; white-space:normal; }
.ca-mentalkraft-default #colNormal-wrapper { }
.ca-mentalkraft-default #colBorder-wrapper { width:192px; background-color:#eeeeee ; padding:8px; }
.ca-mentalkraft-default #colNormal-wrapper #colNormal { margin-left:20px; margin-right:20px; margin-top:20px;}
.ca-mentalkraft-default #colBorder-wrapper #colBorder { margin:0; padding:0; }
/* inside colBorder column any specific frame will have margins on left and right */
.ca-mentalkraft-default #colBorder-wrapper #colBorder div.csc-frame { margin-left:10px; margin-right:10px; }
/* inside colBorder column any mentalkraft-redbg-header styled element will have a border on bottom */
.ca-mentalkraft-default #colBorder-wrapper #colBorder div.csc-header-n1 .mentalkraft-yellowbg-ucase-text { border-bottom:2px solid #EEEAD2; }
/* paragraphs in the normal column */
/*
.ca-mentalkraft-default #colNormal-wrapper #colNormal p, .ca-mentalkraft-default #colNormal-wrapper #colNormal pre { margin-left:5px; margin-right:5px; }
.ca-mentalkraft-default #colNormal-wrapper #colNormal table tr td p, .ca-mentalkraft-default #colNormal-wrapper #colNormal table tr td pre { margin-left:0; margin-right:0; }
*/

/* mentalkraft Compound Content-Area */
.ca-mentalkraft-compound { margin:0; height:430px; }
.ca-mentalkraft-compound #colNormal-wrapper, .ca-mentalkraft-compound #colBorder-wrapper { text-align:left; vertical-align:top; white-space:normal; }
.ca-mentalkraft-compound #colNormal-wrapper { padding:0; padding-right:20px; padding-bottom:6px; }
.ca-mentalkraft-compound #colBorder-wrapper { width:192px; background:#f5d682 url(../images/mentalkraftgreen_bottom_bg.gif) left bottom repeat-x; padding-bottom:4px; }
.ca-mentalkraft-compound #colNormal-wrapper #colNormal { margin:0; padding:0; }
.ca-mentalkraft-compound #colBorder-wrapper #colBorder { margin:0; padding:0; }
.ca-mentalkraft-compound #colLeftRight-wrapper { padding:0; padding-right:20px; padding-top:6px; vertical-align:bottom; }
.ca-mentalkraft-compound #colLeftRight-wrapper .ca-l1r1 #colLeft-wrapper { text-align:left; vertical-align:bottom; white-space:normal; }
.ca-mentalkraft-compound #colLeftRight-wrapper .ca-l1r1 #colRight-wrapper { text-align:left; vertical-align:bottom; white-space:normal; }
.ca-mentalkraft-compound #colLeftRight-wrapper .ca-l1r1 #colLeft-wrapper #colLeft { padding-right:5px; }
.ca-mentalkraft-compound #colLeftRight-wrapper .ca-l1r1 #colRight-wrapper #colRight { padding-left:5px; }
/* inside colBorder column any specific frame will have margins on left and right */
.ca-mentalkraft-compound #colBorder-wrapper #colBorder div.csc-frame { margin-left:10px; margin-right:10px; }
/* inside colBorder column any mentalkraft-redbg-header styled element will have a border on bottom */
.ca-mentalkraft-compound #colBorder-wrapper #colBorder div.csc-header-n1 .mentalkraft-yellowbg-ucase-text { border-bottom:2px solid #EEEAD2; }