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

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

DIV.table-row {
	background: none #DCDCDC;
	color: #000000;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0;
	width: 96%;
}

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

DIV.container {
	border: none;
	float: left;
	width: 100%;
}

DIV.left-container {
	border: none;
	float: left;
	width: auto;
}

DIV.left-container2 {
	border: none;
	float: left;
	width: 50%;
	height: 130%;
}
DIV.right-container2 {
	border: none;
	float: right;
	width: 49%;
	height: auto;
}

/* 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;
	height: auto;
}

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

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

H5.colhdr {
  background: none #ffffcc; border: solid #3333cc 1px; color: #993333;
  font-family: 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.obj {
	border: solid #CCC 1px;
	text-align: left;
	width: auto;
	padding-left: 1px;
}

P.text {
	border: solid #CCC 1px;
	font-style: normal;
	font-size: 90%;
	text-align: right;
	text-indent: 0;
	width: auto;
	color: #666;
}

P.texts {
  border: solid #CCC 1px; 
  font-style: normal; 
  font-size: x-small; 
  text-align: center; 
  text-indent: 0;
  width: auto;
	color: #666;
}

P.textc {
  border: solid #CCC 1px; 
  font-style: normal; 
  font-size: 90%; 
  text-align: center; 
  text-indent: 0;
  width: auto;
	color: #666;
}

P.textl {
  border: solid #CCC 1px; 
  font-style: normal; 
  font-size: 90%; 
  text-align: left; 
  text-indent: 0;
  width: auto;
	color: #666;
}

/* End of layer specific style rule set */