body {direction:ltr;} /* ltr ((left to right) - rtl (right to left) */
/*============= Canvas rules ============*/

#xo-canvas-columns {
    max-width: 100%;
    display:table-row;
    background:#FFF ;
}
#xo-content-caption {display:none;}
#xo-canvas-leftcolumn, #xo-page, #xo-canvas-rightcolumn {vertical-align: top;display:table-cell;}
#xo-canvas-leftcolumn {width: 180px;}
#xo-canvas-leftcolumn .xo-block { max-width:180px !important;}

#xo-page {
    width:auto;
    min-width:600px;
    min-height :600px;
    margin:0 auto;
    padding-right: 0.5em;
}

#xo-canvas-rightcolumn {width: 180px;}
#xo-canvas-rightcolumn .xo-block { max-width:180px !important;}


/*========== Canvas rules (when columns are visible) ===========*/
#xo-canvas.leftcolumn-layout #xo-canvas-columns, #xo-canvas.threecolumns-layout #xo-canvas-columns {}
#xo-canvas.rightcolumn-layout #xo-page, #xo-canvas.threecolumns-layout #xo-page { border-right-width:	0;}
#xo-canvas-bottom, #xo-canvas-footer {}


/*=========== Center blocks =============*/
#xo-page-topblocks { padding: 0 10px;}
#xo-page-bottomblocks { padding:	0 10px;}
#xo-page .xo-blockszone .xo-block { margin-bottom: 10px;}


/* ------- Top and bottom zones (2 columns) ------- */
#xo-page-topleftblocks, #xo-page-bottomleftblocks { float: left; width: 49.5%;}
#xo-page-toprightblocks, #xo-page-bottomrightblocks { float:	right; width: 49.5%;}
#xo-page-topcenterblocks, #xo-page-bottomcenterblocks { clear: both;}


/* ------- Top and bottom zones (3 columns) ------- */
#xo-page .xo-lcrpageblocks .xo-blockszone, #xo-page .xo-lcrpageblocks .xo-blockszone { float: left; clear: none; width: 33%;}
.xo-lcrpageblocks #xo-page-topleftblocks,
.xo-lcrpageblocks #xo-page-topcenterblocks,
.xo-lcrpageblocks #xo-page-bottomleftblocks,
.xo-lcrpageblocks #xo-page-bottomcenterblocks { margin-right: .5%;}
#xo-page .xo-blockszone .xo-blockcontent { min-height: 50px;}
* html #xo-page .xo-blockszone .xo-blockcontent { height: 100px; }


/* Give a min-height to centerleft/centerright blocks, and lcr center blocks */
#xo-page-topleftblocks .xo-block, #xo-page-bottomleftblocks .xo-block,
#xo-page-toprightblocks .xo-block, #xo-page-bottomrightblocks .xo-block,
.xo-lcrpageblocks #xo-page-topcenterblocks .xo-block,
.xo-lcrpageblocks #xo-page-bottomcenterblocks  .xo-block { min-height: 130px;}


#xo-page-topblocks .xo-block, #xo-page-bottomblocks .xo-block { padding-top: 0;}
#xo-page-topblocks *>.xo-block, #xo-page-bottomblocks *>.xo-block { padding-top: 0;}
#xo-page .xo-blockszone > .xo-block {	padding-left: 4px;}
#xo-page .xo-blockszone .xo-block:before { display: block; height: 9px; margin-left: -4px; margin-right: -1px;}
#xo-page .xo-blockszone .xo-block:after { display: block; height: 7px; margin-left: -4px;	margin-right:-1px;}

