/******************************************************************************
 * StackLayout.css
 *
 * RealPatterns Web Application Framework :: Stack Layout
 *
 * Copyright 2007 RealPatterns, Inc.  All rights reserved.
 *
 * A Stack Layout formats a document into stacked layers. The number of
 * stacked layers is undefined; although this CSS provides styles for ten.
 * Typically, a Stack Layout is used in a document with three main
 * sections: top, middle, and bottom. Each of these sections being stacked
 * on top of each other. Layout is accomplished by using a table element with
 * single-cell rows comprising each layer or by using division elements
 * for each layer nested within a top-level element.
 *
 * Color map:
 * ----------
 * rgb(100, 100, 100);  (Dark Gray)
 * rgb(255, 255, 255);  (White)
 */

/******************************************************************************
 * Stack Layout.
 * Apply to top-level element containing all content.
 * Dimensions have been set to fit on US Letter paper with a 1/2" margin
 * (7.5in x 96px/in - 20px; 10.0in x 96px/in - 20px).
 */
.StackLayout {

  width: 700px;
  height: 940px;

  color: rgb(100, 100, 100);
  margin: 4px auto 4px;
  padding: 4px 4px 4px 4px;
  font-size: 12px;
  font-family: sans-serif;
  background-color: rgb(255, 255, 255);
}

/******************************************************************************
 * Stack Layout::Layer 1
 */
.StackLayoutLayer1 {

  text-align: center;
  vertical-align: middle;

  color: rgb(100, 100, 100);
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 12px;
  font-family: sans-serif;
  background-color: rgb(255, 255, 255);
}

/******************************************************************************
 * Stack Layout::Layer 2
 */
.StackLayoutLayer2 {

  text-align: center;
  vertical-align: middle;

  color: rgb(100, 100, 100);
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 12px;
  font-family: sans-serif;
  background-color: rgb(255, 255, 255);
}

/******************************************************************************
 * Stack Layout::Layer 3
 */
.StackLayoutLayer3 {

  text-align: center;
  vertical-align: middle;

  color: rgb(100, 100, 100);
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 12px;
  font-family: sans-serif;
  background-color: rgb(255, 255, 255);
}

/******************************************************************************
 * Stack Layout::Layer 4
 */
.StackLayoutLayer4 {

  text-align: center;
  vertical-align: middle;

  color: rgb(100, 100, 100);
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 12px;
  font-family: sans-serif;
  background-color: rgb(255, 255, 255);
}

/******************************************************************************
 * Stack Layout::Layer 5
 */
.StackLayoutLayer5 {

  text-align: center;
  vertical-align: middle;

  color: rgb(100, 100, 100);
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 12px;
  font-family: sans-serif;
  background-color: rgb(255, 255, 255);
}

/******************************************************************************
 * Stack Layout::Layer 6
 */
.StackLayoutLayer6 {

  text-align: center;
  vertical-align: middle;

  color: rgb(100, 100, 100);
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 12px;
  font-family: sans-serif;
  background-color: rgb(255, 255, 255);
}

/******************************************************************************
 * Stack Layout::Layer 7
 */
.StackLayoutLayer7 {

  text-align: center;
  vertical-align: middle;

  color: rgb(100, 100, 100);
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 12px;
  font-family: sans-serif;
  background-color: rgb(255, 255, 255);
}

/******************************************************************************
 * Stack Layout::Layer 8
 */
.StackLayoutLayer8 {

  text-align: center;
  vertical-align: middle;

  color: rgb(100, 100, 100);
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 12px;
  font-family: sans-serif;
  background-color: rgb(255, 255, 255);
}

/******************************************************************************
 * Stack Layout::Layer 9
 */
.StackLayoutLayer9 {

  text-align: center;
  vertical-align: middle;

  color: rgb(100, 100, 100);
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 12px;
  font-family: sans-serif;
  background-color: rgb(255, 255, 255);
}

/******************************************************************************
 * Stack Layout::Layer 10
 */
.StackLayoutLayer10 {

  text-align: center;
  vertical-align: middle;

  color: rgb(100, 100, 100);
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 12px;
  font-family: sans-serif;
  background-color: rgb(255, 255, 255);
}