/* The specific style rules used to suggest rendering */
/* for the CSS table design example, starts here */

/* DEBUG TABLE */
/*DIV.base-layer {
  background: none #cc9966; 
  border: solid #333333 1px; 
  color: #000000;
  margin: 0.5em 0px 0.5em 0px; 
  padding: 0; 
  text-align: center; 
  width: auto;
}

DIV.table-row {
  background: none #ffffcc; 
  border: solid #000000 1px; 
  color: #000000;
  margin-top: 0; 
  margin-right: auto; 
  margin-bottom: 0; 
  margin-left: auto;
  padding: 0; 
  text-align: center; 
  width: 100%;
}

DIV.intbase-layer {
  background: none #cc9966; 
  border: solid #333333 1px; 
  color: #000000;
  margin: 0.5em 0px 0.5em 0px; 
  padding: 0; 
  text-align: center; 
  width: auto;
  float:left;
  position:relative;
  height:auto;
}

DIV.inttable-row {
  background: none #ffffcc; 
  border: solid #000000 1px; 
  color: #000000;
  margin-top: 0; 
  margin-right: auto; 
  margin-bottom: 0; 
  margin-left: auto;
  padding: 0; 
  text-align: center; 
  width: 100%;
  float:left;
  position:relative;
  height:auto;
}*/

/* BASE TABLE */
DIV.base-layer {
  background:none; 
  border: solid #333333 0px; 
  color: #000000;
  margin: 0.5em 0px 0.5em 0px; 
  padding: 0; 
  text-align: center; 
  width: auto;
}

DIV.table-row {
  background: none; 
  border: solid #000000 0px; 
  color: #000000;
  margin-top: 0; 
  margin-right: auto; 
  margin-bottom: 0; 
  margin-left: auto;
  padding: 0; 
  text-align: center; 
  width: 100%;
}

DIV.intbase-layer {
  background: none ; 
  border: solid #333333 0px; 
  color: #000000;
  margin: 0.5em 0px 0.5em 0px; 
  padding: 0; 
  text-align: center; 
  width: auto;
  float:left;
  position:relative;
  height:auto;
}

DIV.inttable-row {
  background: none; 
  border: solid #000000 0px; 
  color: #000000;
  margin-top: 0; 
  margin-right: auto; 
  margin-bottom: 0; 
  margin-left: auto;
  padding: 0; 
  text-align: center; 
  width: 100%;
  float:left;
  position:relative;
  height:auto;
}

/* Style rules for the 3 x 2 table example */

DIV.one-container1 {
  border: none; float: left; margin: 0; padding: 0; width: 100%;
  border: solid #000000 0px; 
}

DIV.left-container2 {
  border: none; float: left; margin: 0; padding: 0; width: 50%;
  border: solid #000000 0px; 
}

DIV.right-container2 {
  border: none; float: right; margin: 0; padding: 0; width: 50%;
}

/* Rules in detail that is used to suggest rendering for the */
/* Nobel price winner table example. I still use some of the */
/* generic rules as found above and below, but still..       */

DIV.left-container13 {
  border: none; float: left; margin: 0; padding: 0; width: 20%;
}

DIV.left-container23 {
  border: none; float: left; margin: 0; padding: 0; width: 35%;
}

DIV.right-container13 {
  border: none; float: right; margin: 0; padding: 0; width: 45%;
}

/* Rules in detail that is used to suggest rendering for the  10 by 5 int. */
/* product table example. I still use some of the generic rules as found   */
/* above and below, but still..                                            */

DIV.left-layer11 {
  border: none; float: left; margin: 0; padding: 0; width: 9%;
}

DIV.right-layer11 {
  border: none; float: right; margin: 0; padding: 0; width: 10%;
}

/* Watch out for this DIV... rule, it appears every now and then */

DIV.space-line {
  clear: both; margin: 0; padding: 0; width: auto;
}

/* Some rules for captions, headers and running text */

#table-caption {
  background: transparent;
  margin: 0;
  padding: 0.3em; 
  text-align: left; 
  width: auto;
}

P.text {
  margin: 0; 
  padding:0 0 0 10px;
  font-family: Thaoma, Arial,Verdana,sans-serif;
  font-style: normal; 
  font-size: 11px; 
  text-align: left;
  width: auto;
  color:#213A54
}

/* End of layer specific style rule set */