/**
 * Profound Grid
 * 
 * Built in Sass (SCSS) this responsive/adaptive grid supports both fixed and fluid layouts, 
 * relative and fixed gutters, as well as your choice of semantic markup or generic '.grid-x' classes.
 * 
 * The biggest difference to other grid systems is the use of negative margins for column
 * placements, avoiding the subpixel rounding issues that usually break/uglify fluid layouts
 * in some browsers.
 * 
 * Nested columns are supported too, without having to reset the grid on each level. 
 *
 * Credits/Inspiration:
 * -------------------
 * Semantic Grid: http://www.semantic.gs
 * Susy: http://susy.oddbird.net
 * Negative Grid: http://chrisplaneta.com/freebies/negativegrid-fluid-css-grid-by-chris-planeta/
 *
 * @author Profound Creative Studio
 * @url http://www.profoundgrid.com
 * @url http://www.weareprofound.com 
 */
/**
 * Clearfix
 */
/**
 * Legacy Clearfix
 */
/**
 * Establish the grid-containing element.
 */
/**
 * Align an element to the grid.
 */
/**
 * Apply to any column to make it the last one of the current row.
 */
* {
  outline: none;
}



.row {  
  
  width: 98%;
  padding-right: 1%;
  max-width: 100%;
  margin: 0 1%;
  
  /*
  overflow: auto;
  */
  overflow: inherit; 
  display: inline-block;

}

.row div {
  margin-bottom: 0.5em;
}
.row.closed div {
	margin-bottom: 0.1em;	
} 
.row.far div {
	margin-bottom: 0.7em;	
} 

.tableDisplay {
  height: 19px;
}


/* Helper Class: Columns */
.col1 {
  float: left;
  margin-right: -100%;
  /*width: 6.5%;*/
  width: 7.5%;
}
.col1.continuous {
	width: 8.5%;
}

.col2 {
  float: left;
  margin-right: -100%;
 /* width: 15%;*/
  width: 16%;
}

.col3 {
  float: left;
  margin-right: -100%;
  /*width: 23.5%;*/
  width: 24.5%;
}

.col4 {
  float: left;
  margin-right: -100%;
  /*width: 32%;*/
  width: 33%;
}
.col4.continuous {
	width: 34%;
}

.col5 {
  float: left;
  margin-right: -100%;
  /*width: 40.5%;*/
  width: 41.5%;
}

.col6 {
  float: left;
  margin-right: -100%;
  /*width: 49%;*/
  width: 50%;
}

.col7 {
  float: left;
  margin-right: -100%;
  /*width: 57.5%;*/
  width: 58.5%;
}

.col8 {
  float: left;
  margin-right: -100%;
  /*width: 66%;*/
  width: 67%;
}

.col9 {
  float: left;
  margin-right: -100%;
  /*width: 74.5%;*/
  width: 75.5%;
}

.col10 {
  float: left;
  margin-right: -100%;
  /*width: 83%;*/
  width: 84%;
}

.col11 {
  float: left;
  margin-right: -100%;
  /*width: 91.5%;*/
  width: 92.5%;
}

.col12 {
  float: left;
  margin-right: -100%;
  width: 100%;
}

/* Helper Class: Horizontal Position */
.push0 {
  margin-left: 0%;
}

.push1 {
  margin-left: 8.5%;
  /*margin-left: 9.5%;*/
}

.push2 {
  margin-left: 17%;
  /*margin-left: 18%;*/
}

.push3 {
  margin-left: 25.5%;
  /*margin-left: 26.5%;*/
}

.push4 {
  margin-left: 34%;
  /*margin-left: 35%;*/
}

.push5 {
  margin-left: 45%;
  /*margin-left: 43.5%;*/
}

.push6 {
  margin-left: 51%;
  /*margin-left: 52%;*/
}

.push7 {
  margin-left: 59.5%;
  /*margin-left: 60.5%;*/
}

.push8 {
  margin-left: 68%;
  /*margin-left: 69%;*/
}

.push9 {
  margin-left: 76.5%;
  /*margin-left: 77.5%;*/
}

.push10 {
  margin-left: 85%;
  /*margin-left: 86%;*/
}

.push11 {
  margin-left: 93.5%;
  /*margin-left: 94.5%;*/
}