@charset "iso-8859-1";
/* The specific style rules used to suggest rendering */
/* for the CSS table design example, starts here */

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

DIV.base-layer-white {
  background: none #ffffff; border: solid #333333 1px; color: #000000;
  margin: 0.5em 2% 0.5em 5%; padding: 0; text-align: center; width: auto;
}

DIV.base-layer-trans {
  background: none transparent; border: solid #333333 1px; color: #000000;
  margin: 0.5em 2% 0.5em 5%; padding: 0; text-align: center; width: auto;
}

div.tbl {
  background: transparent; border: solid #333333 1px; color: #000000;
  margin: 0.5em 2% 0.5em 5%; padding: 0; text-align: center; width: auto;
}

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

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

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

DIV.tr {
  background: transparent; border: 0; color: #000000;
  margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
  padding: 0; text-align: center; width: 100%;
}

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

DIV.left-container2 {
  border: 0; float: left; margin: 0; padding: 0; width: 50%; text-align: left;
}

DIV.right-container2 {
  border: 0; float: right; margin: 0; padding: 0; width: 49%; text-align: left;
}

/* Rules in detail that is used to suggest rendering for the */
/* Nobel prize 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: 33%;
}

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

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


DIV.td-lft {
  border: none; float: left; margin: 0; padding: 5px 0 0 5px; width: 33%;
}

DIV.td-cntr {
  border: none; float: left; margin: 0; padding: 5px 0 0 7px; width: 30%;
}

DIV.td-rght {
  border: none; float: right; margin: 0; padding: 5px 0 0 5px; width: 33%;
}

/* 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-layer21 {
  border: none; float: left; margin: 0; padding: 0; width: 50%;
}

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

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

DIV.left-layer32 {
  border: none; float: left; margin: 0; padding: 0; width: 33%;
}
DIV.right-layer33 {
  border: none; float: right; margin: 0; padding: 0; width: 32.1%;
}

/* 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 */

H4.table-caption {
  background: transparent; color: #ff3300; 
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 1em; font-style: italic; font-weight: bold; margin: 0;
  padding: 0.3em; text-align: center; width: auto;
}

H5.colhdr {
  background: none #ffee00; border: solid #3333cc 1px; color: #ff3300;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 1em; font-style: italic;
  font-weight: normal; margin: 0; padding: 0.3em 0.3em 0 0.3em;
  text-align: center; width: auto;
}

P.text {
  border: solid #3333cc 1px; margin: 0; padding: 0 0 0 0;
  font-family: verdana, arial, helvetica, sans-serif;
  font-style: normal; font-size: 1em; text-align: center; text-indent: 0;
  width: auto; color: #ff3300;
}

P.text-noborder {
  border: none; margin: 0; padding: 0 0 0 0;
  font-family: verdana, arial, helvetica, sans-serif;
  font-style: normal; font-size: 1em; text-align: center; text-indent: 0;
  width: auto; color: #ff3300;
}
/* End of layer specific style rule set */