/* globally inherited values */
* {
	margin: 0;
	padding: 0;
	font-family: verdana, arial, sans-serif;
}
body {
	width: 100%;
	height: 100%;
}
h1 {
	padding: 3px 0 4px 9px;
	font-size: 11px;
	color: RGB(255,255,255);
	background-color: RGB(0,50,155);
}
h2 {
	margin: 0 20px 14px 0;
	padding-bottom: 2px;
	width: 749px;
}
h3 {
	margin: 14px 20px 4px 0;
	padding-bottom: 1px;
	padding-left: 10px;
	font-size: 11px;
	width: 720px;
	padding-top: 3px;
}
h4 { /* User defined headings */
	display: block;
	margin: 0 20px 16px 0;
	padding-bottom: 3px;
	font-size: 11px;
}
p {
	font-size: 11px;
	margin-top: 5px;
}

/* START: Inline formatting */
code {
	display: block;
	margin: 0 20px 16px 0;
	padding: 10px;
	font-family: courier new;
	font-size: 13px;
	background-color: RGB(240,240,240);
}
code p, code ul, code ol {
	margin: 0;
	padding: 0;
}
code ol {
	margin: 0 0 0 6px;
}

ul ul {
	list-style: url("../images/bullet2_second_level.png") square;
}
ul ul ul {
	list-style: url("../images/bullet3_third_level.png") square;
}
ol {
	margin: 0 20px 16px 10px;
}
ul ul, ol ol {
	margin: 0 0 0 20px;
}
ul ol, ol ul {
	margin: 0 0 0 20px;
}
li {
	font-size: 11px;
	margin-left: 20px;
	line-height: 15px;
}
li p {
	margin: 0;
	padding: 0;
}
button {
	margin: 0 20px 16px 0;
}

.readeraidTitle {
	display: block;
	padding-bottom: 2px;
	font-family: arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: RGB(0,0,0);
	margin-top: 15px;
}
/* END: Inline formatting */

.instructionsBar {
	margin: 5px 5px 15px 10px;
	padding: 10px 0px 1px 15px;
	width: 720px;
}
.instructionsBar p {
	margin: 0 5px 7px 0;
}

table {
	border-collapse: collapse;
	border-right: 1px solid RGB(198,158,16);
	border-bottom: 1px solid RGB(198,158,16);
}
tbody {
	width: 100%;
}
tr {
	width: 100%;
}
th {
	padding: 9px 0 0 9px;
	vertical-align: top;
	border: 1px solid RGB(198,158,16);
	background-color: RGB(231,215,156);
}
th h3 {
	margin: 0 9px 6px 0;
	border-bottom: none;
}
td {
	/* This padding is a little smaller than default due to the enclosing borders. */
	padding: 16px 0 0 20px;
	vertical-align: top;
	border: 1px solid RGB(198,158,16);
	background-color: RGB(255,247,239);
	padding-bottom: 16px; /* Huge exception outlined in the "table .textParent" element. */
	padding-left: 0; /* Huge exception outlined in the "table .textParent" element. */
}
/* Media element content. */
table img.imageMedia, table iframe.powerpointMedia, table object.flashMedia, table object.wmvMedia {
	display: block;
	padding: 0;
	margin: 0 8px 0 0;
	/* This styling override default float-left styling values. */
	float: right; margin-left: 8px; background-color: transparent;
}
table .textParent {
	margin-bottom: -16px; /* The floating right of the image forces the last paragraph in this div to define the margin between the image and the bottom of the td.  If no paragraphs are present, the image sits on the bottom of the td.  This removes the bottom margin of all the text, thus providing an exception to the model that pushes the definition of the bottom margin to the parent element (the td). */
	margin-left: 16px;
}
table p.imageMediaBugFix {
	margin: 0; padding: 0;
}
/* Fixing the widths of click tables. */
	/* Three columns wide. */
		/* first column */
table.click tr.totalColumns3 td.pos1, table.click tr.totalColumns3 th.pos1 { width: 0; }
table.click tr.totalColumns3 th.pos1 div.cellInner { width: 191px; }
table.click tr.totalColumns3 td.pos1 div.cellInner { width: 200px; }
		/* second column */
table.click tr.totalColumns3 td.pos2, table.click tr.totalColumns3 th.pos2 { width: 0; }
table.click tr.totalColumns3 th.pos2 div.cellInner { width: 374px; }
table.click tr.totalColumns3 td.pos2 div.cellInner { width: 383px; }
		/* third column */
table.click tr.totalColumns3 td.pos3, table.click tr.totalColumns3 th.pos3 { width: 0; }
table.click tr.totalColumns3 th.pos3 div.cellInner { width: 191px; }
table.click tr.totalColumns3 td.pos3 div.cellInner { width: 200px; }
	/* Two columns wide. */
		/* first column */
table.click tr.totalColumns2 td.pos1, table.click tr.totalColumns2 th.pos1 { width: 0; }
table.click tr.totalColumns2 th.pos1 div.cellInner { width: 241px; }
table.click tr.totalColumns2 td.pos1 div.cellInner { width: 250px; }
		/* second column */
table.click tr.totalColumns2 td.pos2, table.click tr.totalColumns2 th.pos2 { width: 0; }
table.click tr.totalColumns2 th.pos2 div.cellInner { width: 524px; }
table.click tr.totalColumns2 td.pos2 div.cellInner { width: 533px; }
/* Click table dynamic styling. */
table.click td.pos2, table.click td.pos3 {
	background-color: RGB(255,255,255);
}
table.click td {
	border-top: none;
	border-bottom: none;
}
table.click td.pos1 {
	cursor: pointer;
}
table.click td.pos2 {
/* border-left: none; */
}
table.click td#active {
	border-top: 1px solid RGB(198,158,16);
	border-bottom: 1px solid RGB(198,158,16);
	background-color: RGB(255,255,255);
	cursor: default;
}

/* Activities */
.animation object {
	margin: 0;
	width: 555px;
	height: 374px;
	border-right: 1px solid RGB(0,50,155);
	float: left;
}
.animation h3, .animation .textParent {
	float: left;
}
.animation h3 {
	margin: 0;
	/* Temporary exception to the normal margin / padding rules.  Refactor animation presenation later. */
	padding: 4px 0 0 8px;
	width: 197px;
	height: 19px;
	font-weight: normal;
	background-color: RGB(200,227,255);
	border: none;
}
.animation .textParent {
	/* This padding is a little smaller than default due to the enclosing borders. */
	padding: 14px 0 0 18px;
	width: 187px;
	height: 336px;
	overflow: auto;
	border-top: 1px solid RGB(0,50,155);
}


/* Media element content. */
.doubleLeft  img.imageMedia, .doubleLeft iframe.powerpointMedia, .doubleLeft  object.flashMedia, .doubleLeft object.wmvMedia {
	margin: 0 20px 16px 0;
	padding: 0;
	/* This styling override default float-right styling values. */
	float: left; padding-left: 0; background-color: transparent;
}

/* Media launch button */
/* Dynamic window generics. */
.dynamicWindow object {
	float: left;
}
.dynamicWindow h3 {
	margin: 0;
	/* Temporary exception to the normal margin / padding rules.  Refactor animation presenation later. */
	padding: 4px 0 0 8px;
	height: 19px;
	font-weight: normal;
	background-color: RGB(200,227,255);
	border: none;
}
.dynamicWindow .textParent {
	/* This padding is a little smaller than default due to the enclosing borders. */
	padding: 14px 0 0 18px;
	width: 180px;
	overflow: auto;
	border-top: 1px solid RGB(0,50,155);
}
.dynamicWindow .transcript {
	float: left;
	border: 1px solid RGB(0,50,155);
}
/* Demo launch window */
#demoLaunch object {
	width: 800px;
	height: 600px;
}
#demoLaunch .textParent {
	height: 560px;
}
/* Sim launch window */
#simLaunch object {
	width: 787px;
	height: 483px;
}
#simLaunch .textParent {
	height: 443px;
}
/* launchPrint */
div.printLaunch {
	margin: 10 20px 14px 0;
	padding: 5px 1px 1px 30px;
	background-color: RGB(214,231,247);
	background-repeat: no-repeat;
	background-position: 4px 3px;
}
div.printLaunch p {
	margin: 0 5px 7px 0;
}
div.printLaunch u {
	cursor: pointer;
}
#notesPrintWindow h1 {
	padding: 0 20px 30px 0;
	font-size: 18px;
	color: RGB(0,0,0);
	background-color: transparent;
}
#notesPrintWindow h2 {
	margin-bottom: 4px;
	border: none;
}
#notesPrintWindow p.notesContent {
	margin-bottom: 30px;
}

.glossary000 h2 {
	color: RGB(90,138,181);
	border: none;
}
#glossaryNav li {
	margin-left: 8px;
	list-style-type: none;
	font-size: 15px;
	float: left;
	line-height: 18px;
}
a.termLetter {
	margin: 0;
	padding: 0;
	height: 0;
	width: 0;
	line-height: 0;
	color: white;
}
h3.termLetter {
	margin: 20px 20px 16px 0;
	padding-top: 17px;
	font-size: 14px;
	color: RGB(90,138,181);
	border-top: 1px solid RGB(49,93,148);
	border-bottom: none;
}
h4.glossaryTerm {
	margin: 0 20px 16px 0;
	font-size: 11px;
	line-height: 14px;
}
/* Normalize styling below. */



#notes h2 {
	margin: 4px 0 0 4px;
	padding: 0;
	font-size: 10px;
	font-family: arial, sans-serif;
	text-decoration: normal;
	color: RGB(255,255,255);
	border: none;
	float: left;
}
#notes ul {
	margin: 1px 0 0 0;
	padding: 2px 0 0 2px;
	width: 89px;
	height: 22px;
	list-style-type: none;
	float: right;
	clear: both;
	background-image: url("../images/notes_background.gif");
	background-repeat: no-repeat;
}
#notes li {
	margin: 0;
	padding: 0;
	float: left;
	list-style-type: none;
}
#notes li a {
	margin: 0 5px 0 4px;
	padding: 0;
	width: 20px;
	height: 20px;
	text-decoration: none;
	float: left;
}
#notesSave:hover {
	background-image: url("../images/mynotes_save_ro.gif");
}
#notesDelete:hover {
	background-image: url("../images/mynotes_delete_ro.gif");
}
#notesPrint:hover {
	background-image: url("../images/mynotes_print_ro.gif");
}

/* multiple choice styling */
.questionHeader h3 {
	font-weight: normal; font-size: 16px;
	padding-bottom: 0;
	margin: 1px 0 0 0;
	border: none;
	float: left;
}
.questionHeader li {
	list-style-type: none;
	float: left;
}
.questionHeader p {
	text-decoration: none;
	color: RGB(0,0,0);
	top: 5px;
	bottom: 5px;
}
.questionHeader a:visited {
	text-decoration: none;
	color: RGB(0,0,0);
}
.questionHeader .toggleQuestion {
	margin: 0; padding: 2px 0 0 0;
	width: 23px;
	height: 18px;
	text-align: center;
	float: left;
	list-style-type: none;
	background-color: RGB(222,227,198);
	border: 1px solid RGB(132,154,66);
	text-decoration: none;
}
.questionHeader .toggleQuestion:hover {
	background-color: RGB(255,255,230);
}
.questionHeader .active {
	background-color: RGB(255,255,255);
}
.questionDescription p {
	margin: 0;
}

.answerParent input {
	display: inline;
	width: auto;
	float: left;
}

.itemParent .answerParent {
	padding-top: 3px;
}
.itemParent .answerParent p {
	margin: 0 0 0 6px;
	padding: 0;
}

/* Submit button */
.answerParent .answerContent {
	margin-top: 3px;
}
.itemParent .answerParent img {
	margin: 0 6px 0 4px;
	padding: 0;
	float: left;
}
.assessmentFeedback .header {
	height: 34px;
	background-color: RGB(198,203,156);
}
.assessmentFeedback .header h3 {
	margin: 7px 0 0 20px;
	padding: 0;
	font-size: 18px;
	border: none;
}
.assessmentFeedback .body {
	height: 202px;
}
.assessmentFeedback .body p {
	margin: 24px;
}
.assessmentFeedback .footer {
	height: 34px;
	background-color: RGB(198,203,156);
}
.assessmentFeedback .footer button {
	margin: 5px 5px 0 0;
	float: right;
}

/* activity question pane */
.activityIntro {
	left: 20px; /* The parent div is now absolute, so left must be stated explicitly. */;
	margin: 17px 0 0 22px;
	width: 720px;
	border: 1px solid RGB(0,48,156);
	background-color: RGB(247,251,255);
	padding-left: 10px;
}
.activityIntro h3 {
	margin: 0;
	padding: 7px 7px 7px 12px;
	border: none;
	background-color: RGB(200,227,255);
}
.activityIntro .questionContent {
	border-style: none;
	border-color: inherit;
	border-width: medium;
	margin: 15px;
	padding: 7px;
	font-size: 12px;
	background-color: RGB(255,255,255);
	width: 650px;
}
.activityIntro button {
	font-size: 10px;
	margin-left: 14px;
}
.articletitle
{
	font-size: 18px;
	font-weight: bold;
	color: white;
	text-decoration: none;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-top: 10px;
	background-color: red;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-bottom-width: medium;
}
/* Copyright and bottom info */
.copyright		{
	border-width: medium;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	padding-top: 5px;
	background-color: #6AA0DB;
	border-top-style: solid;
	border-top-color: #000000;
	margin-top: 10px;
	font-weight: bold;
}
.LocalInscricao		{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: center;
	padding-top: 5px;
	border-top-style: solid;
	border-top-color: #000000;
	margin-bottom: 10px;
	margin-left: 22px;
	width: 732px;
}

a:link		{
	text-decoration: none;
	color: #FF6666;
	font-weight: lighter;
}
a.copyright:hover { color: #000000; text-decoration: underline;}

td.footnote	{
	font: 55% Arial;
	padding-right: 1ex;
	}