
	

	/* Base layout classes */
		
		body {
			font-family: Verdana, Geneva, sans-serif;
			font-size: 10pt;
			color: #3E4361;
			background-color: #e8e6f3;
			margin: 0px 0px 0px 0px;
			}
			
		td.layoutPageHeader {
			background-color: #89BD4F;
			}
			
		td.layoutChapterNav {
			background-color: #d4e3c4;
			}
			
		div.layoutContent {
			font-family: Verdana, Geneva, sans-serif;
			font-size: 10pt;
			line-height: 15pt;
			color: #41245F;
			margin-left: 15px;
			margin-right: 15px;
			margin-top: 15px;
			margin-bottom: 15px;
			}
			
		td.layoutCalloutContent {
			background-color: #d4e3c4;
			}
		
		div.layoutCalloutContent {
			font-family: Verdana, Geneva, sans-serif;
			font-size: 10pt;
			line-height: 15pt;
			color: #41245F;
			margin-left: 15px;
			margin-right: 15px;
			margin-top: 15px;
			margin-bottom: 15px;
			}
			
		
	/* Chapter Navigation Drop Down */
	
		#chapterNav	{
			background-color:#89BD4F;
			position:absolute;
			right:58px;
			top:30px;
			z-index:2;	 
			width:160px;	
			height:20px;
			border: 1px;
			border-left-style: solid;
			border-right-style: solid;
			border-top-style: solid;
			border-bottom-style: solid;
			border-color: #517728;		
			margin-left:5px; 
			}
 		
		ul.chapterNavList {
			list-style-type:none;
			}

		#chapterDD 		{
			display:none;
			}

		li.chapterNav {
			cursor:pointer;;
			cursor:hand;
			background-color:#FFFFFF;
			}
		
		li.chapterNav:hover {
			background-color:Green;
	
			}

		#nav, #nav ul { /* all lists */
			padding: 0;
			margin: 0;
			list-style: none;
			line-height: 1;
			}

		#nav span {
			display: block;
			cursor:hand;
			font-family: Verdana, Geneva, sans-serif;
			font-size: 8pt;	
			width: 12em; 
			font-weight:bold; 
			color: #ffffff;
			position: relative; 
			left:5px;
			}

		#nav li { /* all list items */
			float: left;
			border: 1px;
			border-bottom-style: solid;
			border-color: #ffffff;	 
			width:160px; /* width needed or else Opera goes nuts */
			text-decoration: normal;
			}
			
		#nav a { /* all list items */
			font-family: Verdana, Geneva, sans-serif;
			font-size: 8pt;
			color: #41245F;
			text-decoration: normal;
			position: relative; 
			left:5px;
			right:5px;
			}

		#nav li ul { /* second-level lists */
			position: absolute;
			background: #D4E2C4;
			font-family: Verdana, Geneva, sans-serif;
			font-size: 8pt;
			color: #41245F;
			text-decoration:normal;
			border: 1px;
			border-left-style: solid;
			border-right-style: solid;
			border-top-style: solid;
			border-bottom-style: solid;
			border-color: #517728;	
			width:160px;
			left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
			}

		#nav li:hover ul, #nav li.sfhover ul { 
			/* lists nested under hovered list items */
			left: auto;
			}
			
		/* SCO Title classes */
			
		div.chapterTitle {
			font-family: Verdana, Geneva, sans-serif;
			font-size: 14pt;
			line-height: 14pt;
			color: #41245F;
			margin-left: 15px;
			margin-right: 15px;
			}
			
		span.pageXofY {
			font-family: Verdana, Geneva, sans-serif;
			font-size: 8pt;
			line-height: 10pt;
			font-weight: bold;
			color: #78ac3e;
			margin-left: 15px;
			margin-right: 15px;
			}
					
		/* Paragraph */
			
		p, div, span, ol, ul, li {
			font-family: Verdana, Geneva, sans-serif;
			font-size: 10pt;
			line-height: 15pt;
			color:#41245F;
			vertical-align: text-top;
			}
			
		h1 {
			font-family: Verdana, Geneva, sans-serif;
			font-size: 11pt;
			line-height: 18pt;
			color:#41245F;
			margin-top: 6px;
			margin-bottom:6px;
			}
			
		h2 {
			font-family: Verdana, Geneva, sans-serif;
			font-size: 10pt;
			font-weight: bold;
			line-height: 15pt;
			color:#41245F;
			margin-top: 4px;
			margin-bottom:4px;
			}
			
		p.emphasis, div.emphasis, span.emphasis {
			font-weight: bold;
			color:#659331;
			}
			
		span.sup {
			font-size: 8pt;
			line-height: 2;
			vertical-align: super;
			}
			
		span.sub {
			font-size: 8pt;
			line-height: 2;
			vertical-align: sub;
			}
		
		a {
			font-family: Verdana, Geneva, sans-serif;
			font-size: 10pt;
			line-height: 15pt;
			color:#41245F;
			text-decoration: underline;
			}
			
		a:hover {
			text-decoration: normal;
			}
			
		/* Glossary */
		
		span.glossaryWord {
			font-weight: bold;
			color: #41245F;
			text-decoration: underline;
			cursor: pointer;
			cursor: hand;
			}
			
		span.glossaryDefinition {
			color: #41245F;
			font-weight: normal;
			width:200px;
			border:1px;
			border-style: solid;
			border-color: #89bd4f;
			background-color: #d4e3c4;
			padding-left: 5px;
			padding-right: 5px;
			padding-top: 5px;
			padding-bottom: 5px;	
			}
			
		div#tipDiv {			
			position:absolute; visibility:hidden; left:0; top:0; z-index:10000;
			background-color:#d4e3c4; 
			width:260px; 
			border:1px;
			border-style: solid;
			border-color: #89bd4f;
			background-color: #d4e3c4;
			padding-left: 5px;
			padding-right: 5px;
			padding-top: 5px;
			padding-bottom: 5px;	
			color: #41245F;
			}
		
		div#tipDiv a:link { color:#41245F }
		div#tipDiv a:visited { color:#41245F }
		
		/* Asset Classes */
			
		div.assetDescription, span.assetDescription  {
			font-family: Verdana, Geneva, sans-serif;
			font-size: 7pt;
			line-height: 9pt;
			margin-left: 5px;
			margin-right: 5px;
			margin-top: 5px;
			margin-bottom: 5px;
			}
			
		img {
			border: 0px;
			margin-left: 0px;
			margin-right: 0px;
			margin-top: 0px;
			margin-bottom: 0px;
			padding-left: 0px;
			padding-right: 0px;
			padding-top: 0px;
			padding-bottom: 0px;
			}
			
		/* Callout, Avatar, MCQ, Passage, Patient Chart and Table classes */
			
		td.layoutCalloutHeader, td.layoutTableHeader, td.layoutObjectivesHeader, td.layoutPassageHeader {
			background-color: #bab5cb;
			}
				
		td.layoutTableSubheader {
			background-color: #cfcbdf;
			}
			
		td.layoutMCQHeader {
			background-color: #bab5cb;
			padding-left: 15px;
			padding-right: 15px;
			padding-top: 15px;
			padding-bottom: 15px;		
			}
			
		div.calloutTitle, div.avatarTitle, div.passageTitle {
			font-family: Verdana, Geneva, sans-serif;
			font-size: 10pt;
			font-weight: bold;
			line-height: 15pt;
			color:#41245F;
			}
			
		div.objectivesTitle {
			font-family: Verdana, Geneva, sans-serif;
			font-size: 10pt;
			font-weight: bold;
			line-height: 15pt;
			color:#41245F;
			padding-left: 15px;
			}
			
		td.layoutCalloutContent, td.layoutTableContent {
			background-color: #f2f1f7;
			}			
			
		td.layoutMCQContent, td.layoutPassageContent {
			background-color: #f2f1f7;
			padding-left: 15px;
			padding-right: 15px;
			padding-top: 15px;
			padding-bottom: 15px;		
			}
			
		td.layoutTableBorder {
			background-color: #41245f;
			}
			
		img.avatar {
			border: 1px;
			border-style: solid;
			border-color: #41245f;
			}
			
		table.avatar {
			background-color: #41245f;
			}
		
		.questionFeedbackCorrectBorder {
			background-color:#89BD4F;
			}
		
		.questionFeedbackCorrect {
			background-color:#D0E1BD;
			}

		.questionFeedbackIncorrectBorder {
			background-color:#BAB5CB;
			}

		.questionFeedbackIncorrect {
			background-color:#E8E6F3;
			}

		.questionFeedbackMissedBorder {
			background-color:#CD8C26;
			}

		.questionFeedbackMissed {
			background-color:#FDECCF;
			}
			
		hr.extendedMatching {
			color:#41245F;
			height:1px;
			}
			
		.patientChartBorder {
			background-color: #40255F;
			}
			
		td.patientChartBG {
			background-color: #D2CFE4;
			}
			
		p.patientChartTitle {
			color: #40255F;
			font-size: 16pt;
			}
			
		p.patientChart {
			color: #40255F;
			}
			
		/* References classes */
		
		table.layoutReferences {
			background-color:#d4e3c4;
			border-color: #89bd4f;
			border-style: solid;
			border-width:thin;
			padding-left: 15px;
			padding-right: 15px;
			padding-top: 15px;
			padding-bottom: 15px;	
			}
			
		div.referencesTitle {
			font-family: Verdana, Geneva, sans-serif;
			font-size: 10pt;
			font-weight: bold;
			line-height: 15pt;
			color:#41245f;
			}
			
		ol.referencesContent {
			font-family: Verdana, Geneva, sans-serif;
			font-size: 8pt;
			line-height: 15pt;
			color:#41245f;
			padding-left: 0px;
			margin-left: 24px;
			margin-right: 40px;
			margin-top:0px;
			margin-bottom:0px;
			}
			
		li.referencesContent {
			font-family: Verdana, Geneva, sans-serif;
			font-size: 8pt;
			line-height: 15pt;
			color:#41245f;
			}
			
		span.reference {
			font-family: Verdana, Geneva, sans-serif;
			font-size: 8pt;
			color: #89bd4f;
			font-weight: bold;
			vertical-align: super;
			}
			
		a.reference {
			font-family: Verdana, Geneva, sans-serif;
			font-size: 8pt;
			line-height: 15pt;
			color:#41245f;
			text-decoration: underline;
			}
			
		a:hover.reference {
			text-decoration: normal;
			}
			
		/* Click/Rollover Reveal Activity */
			
		span.reveal_left_column {
			width: 20%;
			}

		span.reveal_right_column {
			width: 100%;
			height:100%;
			}
	
		div.clickThroughTitle {
			font-family: Verdana, Geneva, sans-serif;
			font-size: 10pt;
			line-height: 15pt;
			color:#502F4F;
			font-weight:bold;
			}

		div.clickThroughItemBox {
			background-color: #e8e6f3;
			border: 1px;
			border-left-style: solid;
			border-right-style: solid;
			border-top-style: solid;
			border-bottom-style: solid;
			border-color: #502F4F;
			padding-left: 5px;
			padding-right: 5px;
			padding-top: 5px;
			padding-bottom: 5px;
			margin-top:5px;
			margin-bottom: 5px;
			}

		div.clickThroughMatchBox {
			background-color: #e8e6f3;
			border: 1px;
			border-left-style: solid;
			border-right-style: solid;
			border-top-style: solid;
			border-bottom-style: solid;
			border-color: #502F4F;
			padding-left: 5px;
			padding-right: 5px;
			padding-top: 5px;
			padding-bottom: 5px;
			margin-top:5px;
			margin-bottom: 5px;
			box-height:100%;
			}
			

		span.clickThroughItem, div.clickThroughItem, a.clickThroughItem {
			cursor: pointer;
			cursor: hand;
			}

		span.clickThroughMatchBox {
			background-color: #e8e6f3;
			border: 1px;
			border-right-style: solid;
			border-left-style: solid;
			border-top-style: solid;
			border-bottom-style: solid;
			border-color: #502F4F;
			padding-left: 5px;
			padding-right: 5px;
			padding-top: 5px;
			padding-bottom: 5px;
			margin-top:5px;
			margin-bottom: 5px;
			box-width:100%;
			box-height:100%;
			height:300px;
		}

	span.clickThroughItemBoxSel {
			background-color: #e8e6f3;
			border: 1px;
			border-left-style: solid;
			border-top-style: solid;
			border-bottom-style: solid;
			border-color: #502F4F;
			border-right-color: #e8e6f3;
			border-right-style:solid;
			padding-left: 5px;
			padding-right: 5px;
			padding-top: 5px;
			padding-bottom: 5px;
			margin-top:5px;
			margin-bottom: 5px;
			width:200px;
		}
			
		span.clickThroughItemBox {
			padding-left: 5px;
			padding-right: 5px;
			padding-top: 5px;
			padding-bottom: 5px;
			margin-top:5px;
			margin-bottom: 5px;
			width:200px;
		}
		
		/* Jump To */
	
		.jumpto {
		text-decoration:underline;
		}
	
		.jumpto:hover {
		text-decoration:none;
		}		
		
		.topvoiceover
		{
			position:relative;
			top:8px;	
			
		}
		.shadowBox
		{
			background-color:#000000;filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25;
		}

		/* Differential Diagnosis Matrix */
		
		.slideNotSelected
		{
			background-color: #bab5cb;
			border: 1px;
			border-bottom-style: solid;
			border-color: #55526d;
			border-right-color: #55526d;
			border-right-style:solid;
			cursor:hand;
			color: #55526d;
			font-family:Verdana;
			font-weight:bold;
			margin-left:10px;
			font-size:11px;
		}

		.slideSelected
		{
			background-color: #55526d;
			border: 1px;
			border-bottom-style: solid;
			border-color: #55526d;
			border-right-color: #55526d;
			border-right-style:solid;
			color: #ffffff;
			font-family:Verdana;
			font-weight:bold;
			margin-left:10px;
			font-size:11px;
		}

		.matrixContent {
			background-color: #E8E6F3;
		}
		
		.matrixContentBox {
			background-color: #E8E6F3;
			color: #ffffff;
			font-family:Verdana;
			font-weight:bold;
			margin-left:10px;
			font-size:11px;
			height: 100px;
		}
		
		.illnessTypeTitle {
			font-family: Verdana, Geneva, sans-serif;
			font-size: 10pt;
			font-weight: bold;
			line-height: 15pt;
			color:#55526d;
		}
			
	