/*
 * Fluid Grid System
 * http://fluid.gs/
 * http://fluid.newgoldleaf.com/
 *
 * Copyright (c) 2009 Joseph Silvashy and New Gold Leaf LP
 * Licensed under the MIT, GPL, and CC licenses.
 *
 * Date: 2009-06-22 (Mon, 22 Jun 2009)
 * Revision: 3
 *
 * Modifications and fixes made from:
 * http://meyerweb.com/eric/tools/css/reset/
 * http://code.google.com/p/blueprintcss/
 */

body {
    height:100%;
}

/* .fluid_grid_layout is the main wrapper for grid system, comment out for 100% width of body */ 
.fluid_grid_layout {
    width:98%;
    /*min-width:900px;*/
    margin:0 auto;
    position:relative;
    /*padding:12px 20px 10px 30px;
    border:1px solid #a5a5a6;*/
}


/* .section and .column are required in your HTML */
div.section {display:inline-block; width:100%; border-collapse:collapse;}
div.column {display: table-cell; float:left;}
div.column div.WrapBlock, div.column div.WrapInfo {margin-right:6px;}
div.column:last-child > div.WrapInfo {margin-right:0;}
div.column:last-child > div.WrapBlock {margin-right:0;}

div.column div.WrapBlockInner {margin-right:12px;}
div.column div.WrapBlockInner.WrapBlockInnerSmallMargin {margin-right:6px !important;}
div.column div.WrapBlockInner.WrapBlockInnerNoMargin {margin-right:0;}


/* .column widths */
div.two_column.section div.one {width:50%;}
div.two_column.section div.two {width:100%;}

div.three_column.section div.one {width:33.3%}
div.three_column.section div.two {width:66.6%}
div.three_column.section div.three {width:100%}

div.four_column.section div.one {width:25%;}
div.four_column.section div.two {width:50%;}
div.four_column.section div.three {width:75%;}
div.four_column.section div.four {width:100%;}

div.five_column.section div.one {width:20%;}
div.five_column.section div.two {width:40%;}
div.five_column.section div.three {width:60%;}
div.five_column.section div.four {width:80%;}
div.five_column.section div.five {width:100%;}

div.six_column.section div.one {width:16.6%;}
div.six_column.section div.two {width:33.2%;}
div.six_column.section div.three {width:49.8%;}
div.six_column.section div.four {width:66.4%;}
div.six_column.section div.five {width:83%;}
div.six_column.section div.six {width:100%;}

div.eight_column.section div.one {width:12.5%;}
div.eight_column.section div.two {width:25%;}
div.eight_column.section div.three {width:37.5%;}
div.eight_column.section div.four {width:50%;}
div.eight_column.section div.five {width:62.5%;}
div.eight_column.section div.six {width:75%;}
div.eight_column.section div.seven {width:87.5%;}
div.eight_column.section div.eight {width:100%;}

div.nine_column.section div.one {width:11.1%;}
div.nine_column.section div.two {width:22.2%;}
div.nine_column.section div.three {width:33.3%;}
div.nine_column.section div.four {width:44.4%;}
div.nine_column.section div.five {width:55.5%;}
div.nine_column.section div.six {width:66.6%;}
div.nine_column.section div.seven {width:77.7%;}
div.nine_column.section div.eight {width:88.8%;}
div.nine_column.section div.nine {width:100%;}


/*** SPECIAL INNER COLUMNS OVERRIDES ***/

div.twelve_column.section div.one {width:8.3% !important;}
div.twelve_column.section div.two {width:16.6% !important;}
div.twelve_column.section div.three {width:25% !important;}
div.twelve_column.section div.four {width:33.3% !important;}
div.twelve_column.section div.five {width:41.5% !important;}
div.twelve_column.section div.six {width:50% !important;}
div.twelve_column.section div.seven {width:58.1% !important;}
div.twelve_column.section div.eight {width:66.4% !important;}
div.twelve_column.section div.nine {width:74.7% !important;}
div.twelve_column.section div.ten {width:82.9% !important;}
div.twelve_column.section div.eleven {width:90.7% !important;}
div.twelve_column.section div.twelve {width:100% !important;}

.lt-ie8 div.twelve_column.section div.six {width:49.9% !important;}


/*** SPECIAL OVERRIDES FOR EXPANDABLE INFO COLUMN ***/

div.nine_column.section div.one.infoColumnExpandToggle,
div.nine_column.section div.two.infoColumnExpandToggle {
    display:none;
}

div.nine_column.section div.eight.infoColumnExpandToggle,
div.nine_column.section div.seven.infoColumnExpandToggle {
    width:100%;
    margin-right:0;
}

div.nine_column.section div.seven.afterTree.infoColumnExpandToggle {
    width:88.8%;
    margin-right:0;
}

div.nine_column.section div.six.afterTree.infoColumnExpandToggle {
    width:77.7%;
    margin-right:0;
}

div.nine_column.section div.five.afterTree.infoColumnExpandToggle {
    width:77.7%;
}

div.nine_column.section div.five.afterTree.infoColumnExpandToggle .WrapColumns {
    margin-right:10px;
}

div.nine_column.section div.eight.infoColumnExpandToggle div.WrapBlock,
div.nine_column.section div.seven.infoColumnExpandToggle div.WrapBlock,
div.nine_column.section div.six.infoColumnExpandToggle div.WrapBlock,
div.nine_column.section div.five.infoColumnExpandToggle div.WrapBlock {
    margin-right:10px;
}

div.nine_column.section div.eight.infoColumnExpandToggle .editSectioningDiv div.WrapBlock {
    margin-right:0;
}

.LBGrid{
	border-left:1px solid #CCCCCC !important;
}