/* The 16-column Deco Grid System.
 * For the 12-column variant, see decogrids-12.css.
 *
 * Cells are 4% width, 1.125% left/right margin.
 *
 * If page width is fixed to 960px width:
 * Cell will be equivalent to 40px, left/right margin will be 10px.
 */

div.row {
  float: left;
  width: 100%;
  display: block;
  position: relative;
}
div.cell {
  position: relative;
  float: left;
  left: 100%;
}
/* IE8: keeps livesearch from falling behind content area,
   and display menu from falling behind footer
   Keeping float for IE7, so the portlets don't fall */
.ie6 div.cell {
    float: none;
}

/* Width classes.
   For a given cell width, the calculation is: width: (6.25*n - 2.25)% */
div.width-1  { width:  4%    }
div.width-2  { width: 10.25% }
div.width-3  { width: 16.5%  }
div.width-4  { width: 22.75% }
div.width-5  { width: 29%    }
div.width-6  { width: 35.25% }
div.width-7  { width: 41.5%  }
div.width-8  { width: 47.75% }
div.width-9  { width: 54%    }
div.width-10 { width: 60.25% }
div.width-11 { width: 66.5%  }
div.width-12 { width: 72.75% }
div.width-13 { width: 79%    }
div.width-14 { width: 85.25% }
div.width-15 { width: 91.5%  }
div.width-16 { width: 97.75% }


/* Positioning classes, these are subtracting from a rightmost
   position, which is why they seem the wrong way around */
/* For a given position, the calculation is margin-left: -100 + (6.25*n) + 1.125 */
div.position-0  { margin-left: -98.875% }
div.position-1  { margin-left: -92.625% }
div.position-2  { margin-left: -86.375% }
div.position-3  { margin-left: -80.125% }
div.position-4  { margin-left: -73.875% }
div.position-5  { margin-left: -67.625% }
div.position-6  { margin-left: -61.375% }
div.position-7  { margin-left: -55.125% }
div.position-8  { margin-left: -48.875% }
div.position-9  { margin-left: -42.625% }
div.position-10 { margin-left: -36.375% }
div.position-11 { margin-left: -30.125% }
div.position-12 { margin-left: -23.875% }
div.position-13 { margin-left: -17.625% }
div.position-14 { margin-left: -11.375% }
div.position-15 { margin-left:  -5.125% }

/* End of the core Deco Grid System */

/* Convenience classes — ¼, ½, ¾ widths and ¼, ½, ¾ positions.
   Not strictly necessary. */
div.width-1\3a 7 { width:    12.035%; } /* .width-1:7 */
div.width-2\3a 7 { width:    26.32% ; } /* .width-2:7 */
div.width-3\3a 7 { width:    40.635%; } /* .width-3:7 */
div.width-4\3a 7 { width:    54.89% ; } /* .width-4:7 */
div.width-5\3a 7 { width:    69.175%; } /* .width-5:7 */
div.width-6\3a 7 { width:    83.46% ; } /* .width-6:7 */
div.width-7\3a 7 { width:    97.745%; } /* .width-7:7 */

div.position-0\3a 7 {margin-left:  -98.875%;} /* .position-0:7 */
div.position-1\3a 7 {margin-left:  -84.59% ;} /* .position-1:7 */
div.position-2\3a 7 {margin-left:  -70.305%;} /* .position-2:7 */
div.position-3\3a 7 {margin-left:  -55.99% ;} /* .position-3:7 */
div.position-4\3a 7 {margin-left:  -41.735%;} /* .position-4:7 */
div.position-5\3a 7 {margin-left:  -27.45% ;} /* .position-5:7 */
div.position-6\3a 7 {margin-left:  -13.164%;} /* .position-6:7 */

div.width-1\3a 5  { width:   17.75%; } /* .width-1:5 */
div.width-2\3a 5  { width:   37.75%; } /* .width-2:5 */
div.width-3\3a 5  { width:   57.75%; } /* .width-3:5 */
div.width-4\3a 5  { width:   77.75%; } /* .width-4:5 */
div.width-5\3a 5  { width:   97.75%; } /* .width-5:5 */
div.width-full    { width:   97.75%; }

div.position-0\3a 5 {margin-left:   -98.875%;} /* .position-0:5 */
div.position-1\3a 5 {margin-left:   -78.875%;} /* .position-1:5 */
div.position-2\3a 5 {margin-left:   -58.875%;} /* .position-2:5 */
div.position-3\3a 5 {margin-left:   -38.875%;} /* .position-3:5 */
div.position-4\3a 5 {margin-left:   -18.875%;} /* .position-4:5 */