*/ div.section { } /* the section title */ div.section-title { font-size: 1.2em; font-weight: bold; padding-bottom: 0.2em; border-bottom: 1px solid black; margin-bottom: 1em; } /* for */ div.text { font-size: 1em; margin-left: 2em; margin-right: 6em; margin-bottom: 1em; margin-top: 1em; } /*
 creates 3 divs:
	
		code-container: Overall container.
		code-title: Title (optional).
		code-content: The code itself.
*/
div.code-container {
	font-size: 1em;
	margin-left: 1em;
	background: #bbbb00;
	margin-top: 1em;
	margin-bottom: 1em;
}

/* The title for the code box */
div.code-title {
	background: #555555;
	color: #ffff00;
	font-size: .9em;
	
	padding-left: .8em;
	padding-right: .8em;	
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	
	border: 1px solid black;
}

/* The code itself */
div.code-content {
	background: #dddddd;
	
	padding-left: .8em;
	padding-right: .8em;

	border: 1px solid black;
	
	/* hide any text that falls outside the bounding box */
	overflow: hidden;	
}

/* the  tag */
span.inline-code {
	background: #dddddd;

	font-family: monospace;
	font-size: 1em;
	
	padding-left: .3em;
	padding-right: .3em;
}

/* The  box */
div.note-container {
	margin-left: 1em;
	margin-right: 1em;
	margin-top: 1em;
	margin-bottom: 1em
}

div.note-title {
	font-size: 1em;
	text-align: center;
	font-weight: bold;
	border: 1px solid #000000;
	background: #59a2a3;
	color: #ffffff;
	padding-top: 3px;
	padding-bottom: 3px;	
}

div.note-content {
	font-size: 1em;
	border: 1px solid #888888;
	background: #e3efef;
	color: #000000;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0.8em;
	padding-bottom: 0.8em;
}

/* the  box */
div.warn-container {
	margin-left: 1em;
	margin-right: 1em;
	margin-top: 1em;
	margin-bottom: 1em
}

div.warn-title {
	font-size: 1em;
	text-align: center;
	font-weight: bold;
	border: 1px solid #000000;
	background: #ff0000;
	color: #ffffff;
	padding-top: 3px;
	padding-bottom: 3px;	
}

div.warn-content {
	font-size: 1em;
	border: 1px solid #888888;
	background: #eeeead;
	color: #000000;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0.8em;
	padding-bottom: 0.8em;
}


/* page footer */
div.footer {
	font-size: 0.8em;
	border-top: 2px solid black;
	padding-top: 1em;
	margin-top: 3em;
}

/* normal links */
a:link {
	text-decoration: underline;
	color: #0000ff;
}

a:hover {
	color: black;
	background: #ffff00;
}

a:visited {
	text-decoration: underline;
	color: #000088;
}

/* 'hidden' links */
a.hide:link {
	text-decoration: none;
	color: black;
}

a.hide:hover {
	color: black;
	background: #ffff00;
}

a.hide:visited {
	text-decoration: none;
	color: black;
}

div.image-container {
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 0;
	text-align: center;
}

div.image-title {
	font-weight: bold;
}

/* 
	This is for  tags inside either a  or  container.
	
	Just like the normal , this creates 3 divs:
	
		inner-code-container: Overall container.
		inner-code-title: Title (optional).
		inner-code-content: The code itself.
*/
div.inner-code-container {
	font-size: 1em;
	margin-left: 1em;
	margin-right: 1em;
	background: #bbbb00;
	margin-top: 1em;
	margin-bottom: 1em;
}

/* The title for the code box */
div.inner-code-title {
	background: #555555;
	color: #ffff00;
	font-size: .9em;
	
	padding-left: .8em;
	padding-right: .8em;	
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	
	border: 1px dashed black;
}

/* The code itself */
div.inner-code-content {
	background: #dddddd;
	
	padding-left: .8em;
	padding-right: .8em;

	border: 1px dashed black;
	
	/* hide any text that falls outside the bounding box */
	overflow: hidden;	
}

div.table-container {
	margin-top: 2em;
	margin-bottom: 2em;
}

div.table-title {
	margin-left: 6em;
	margin-right: 6em;
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: 1em;
	text-align: center;
}

table.table-body {
	border: 1px solid #888888;
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	background: #ddf3ff;

	margin-left: auto;
	margin-right: auto;
	font-size: 1em;
}

tr {
	border: 1px solid #888888;
	border-collapse: collapse;
	padding: 0;
	margin: 0;
}

th {
	border: 1px solid #888888;
	border-collapse: collapse;
	padding-left: .2em;
	padding-right: .2em;
	margin: 0;
	background: #eeeead;
	text-align: center;
}

td {
	border: 1px solid #888888;
	border-collapse: collapse;	
	margin: 0;
	padding-left: 0.5em;
	padding-right: 0.5em;
	text-align: center;
}