body { color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #000; }

li p {
	text-indent: 0px;
}

/* Link colors and styles */
a:link { color: #fff; }
a:visited { color: #fff; }
a:hover { color: #fff; text-decoration: underline; }
a:active { color: #fff; }
p a:link, p a:visited, p a:hover, p a:active { color: #77e0fa; }
a.white, a.white:link, a.white:visited, a.white:hover, a.white:active { color: #fff; }
a.blue, a.blue:link, a.blue:visited, a.blue:hover, a.blue:active { color: #77e0fa; }

/* Paragraph indent */
p { text-indent: 30px; }
p.noindent { text-indent: 0px; }

dt { font-weight: 600; margin-top: 15px }

.image-outline { width: 565px; height: auto; margin-bottom: 45px; border: solid 1px #fff; }

.copyright { margin-top: 50px; }

/*
 * Note the following width attribute is 1px. This is so the table will be 
 * stretched to the min-width based on the elements it contains.
 */
.caption-right { float: right; margin: 0px 0px 0px 5px; width: 1px}
.caption-left { float: left; margin: 0px 5px 0px 0px; width: 1px}

.caption-right td, .caption-left td {font-size: 8pt; margin: 0px 0px 0px 0px; width: inherit}
.small-text { font-size: 11pt; }

.small-text2 { font-size: 7pt; }

#nav-table { padding-top: 45px; }

td { font-size: 14pt; padding-top: 3px; padding-bottom: 3px; }

td.heading { font-size: 18pt; }

td.base { font-size: medium; }

.left-align-cell, .left-align-cell p { font-size: 18pt; text-align: left; padding-left: 10px; }

.center-align-cell, .center-align-cell p { font-size: 18pt; text-align: center }

.right-align-cell, .right-align-cell p { font-size: 18pt; text-align: right; padding-right: 10px; }

.margins { margin-top: 30px; margin-bottom: 15px; }

td p { font-size: medium; }


/*
 * The following styles are used to generate code blocks.
 * Use the comment class to highlight comments red.
 * Use the keyword class to highlight keywords blue.
*/
.codeblock {
	font-family: Courier, Arial;
	color: black;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 15px;
	margin-right: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: white;
	border: thick ridge #EEEEEE;
}

.codeblock .code {
	border: thin solid black;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 5px 5px 10px 5px;
	font-weight: normal;
	font-size: 10pt;
}

.codeblock .header {
	font-weight: bold;	
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 14pt;
}

.codeblock .file {
	margin-top: 0px;
	margin-bottom: 0px;
	font-style: italic;
	font-size: 12pt;
}
span.indent {
	margin-left: 20px;
}

.line {
	margin: 5px 0px 5px 5px;
	white-space: pre;
}

.codeblock span.comment {
	color: #AA1111;
}

.codeblock span.keyword {
	color: blue;
}


.codeblock .code .output {
	margin: 15px 10px 15px 10px;
	border: thin solid black;
	color: #117711;
}

.codeblock .code .output .header {
	font-size: 13pt;
	font-weight: bold;
}
.left-align-cell ul, .right-align-cell ul { font-size: medium; text-align: left; }
.float-right { float: right; margin: 2px; padding: 0; }
.clear-right { clear: right; }
.clear { clear: both; }

.gaMovie {
	margin-top: 40px;
	margin-bottom: 20px;
}
.no-bullets { list-style-image: none; display: none; }
.small-text { font-size: small; margin-top: 45px; }