.null { }

.contentContainer { 
	background-color:#F7F7FF; 
	padding:10px; 
	border:1px solid #0B1439; 
}

.contentContainer li { margin-bottom:.5em; }

/**	Use .contentIntroduction for a title at the top of a content page. **/
.contentIntroduction { margin:1em; margin-bottom:1.5em; font-size:110%; font-family: Arial; }

/**	Use .sectionIntroduction for brief introductory text at the top of a content page. **/
.sectionIntroduction { font-size:110%; font-family:Arial; margin:auto 1em; margin-bottom:1em; margin-top:.5em; border-top:1px solid black; border-bottom:1px solid black; padding:.5em; }

h1.contentHeading { background-color:#BCC8E6; border:1px solid #0B1439; margin:-8px; margin-bottom:10px; padding:5px; font-size:125%; font-weight:bold; font-family:Arial, sans-serif; }

/**	BEGIN CLASS/CHAPTER HOMEPAGE FORMATTING
		/	Title	/
		/	Introduction (.introduction)
				Text			Logo	/
		/	Detail (.detail)
				/	Two column table with supporting information	/  **/
	.homepage { 
		margin-left:5em; 
		margin-right:5em; 
		margin-top:2em;
	}
	
	.homepage .introduction { 
		font-size: 95%; 
		font-family: Arial; 
		font-weight:normal;
		margin-top:0;
		padding-top:0; 
	}

	/**	Some home pages, e.g. the home page of a chapter vs. a class, has two introductory blocks, one above by an image
		and the other below the hr.  The introduction2 class formats the lower introduction. **/
	.homepage .introduction2 {
		margin:1em 3em;
		font-size:100%;
		font-family:Arial;
	}
	
	.homepage .logoWithBorder {
		border:1px solid black;
		float:right;
		margin:2px;
	}

	.homepage .introduction p {
		margin-top:0em;
		font-style:italic;
		font-size:100%;
		margin-top:1em;
	}

	.homepage .introduction li {
		margin-top:0em;
		font-style:italic;
		font-size:100%;
		margin-top:1em;
	}

	.homepage .detail { margin: 2em 4em auto 4em; }
	.homepage .detail table { width:100%; margin-top:1em; }
	.homepage .detail td { width:50%; }
	
	.homepage .detail h3 { 
		font-family: arial; 
		font-size:95%; 
		background-color:#55709E; 
		padding:.25em; 
		font-weight:normal; 
		color:white; 
		border:1px solid #0B1439; 
		margin:0 auto;
	}
	
	.contentContainer p { font-size:95%; }
	
	.homepage .detail div { 
		padding-left:5px; 
		padding-right:5px; 
		margin-bottom:1.5em;
	}
	
	.homepage .detail p { 
		padding:auto 25px; 
		margin-top:.5em; 
		font-family:Arial; 
		font-size:80%;
	} 
	
	.homepage .introduction p.quotation {
		font-size:95%;
	}
	
	.homepage .introduction p.quotationAuthor {
		font-size:95%;
		text-align:right; 
		margin-right:2em;
	}
/**	End CLASS/CHAPTER HOMEPAGE FORMATTING **/


/**	BEGIN FRACTION FORMATTING **/
.fractionNumerator { border-bottom:1px solid black; text-align:center; }
.fractionDenominator { text-align:center; }
.fractionContainer { display:inline; margin-left:.25em; }
.fractionContainer td { padding:.25em .5em .25em .5em; white-space:nowrap; }
.fractionSpacer { vertical-align:middle; }

.fractionAnswerNumerator { border-bottom:1px solid white; text-align:center; }
.fractionAnswerDenominator { text-align:center; }
.fractionAnswerContainer { margin-left:.25em; display:inline; }
.fractionAnswerContainer td { padding:.25em .5em .25em .5em; white-space:nowrap; }
.fractionAnswerSpacer { vertical-align:middle; }

.fractionAnswerInlineNumerator { border-bottom:1px solid white; text-align:center; }
.fractionAnswerInlineDenominator { text-align:center; }
.fractionAnswerInlineContainer { display:inline; margin-left:.25em; }
.fractionAnswerInlineContainer td { padding:.25em .5em .25em .5em; white-space:nowrap; }
.fractionAnswerInlineSpacer { vertical-align:middle; }

.fractionAnswer2Numerator { border-bottom:1px solid black; text-align:center; }
.fractionAnswer2Denominator { text-align:center; }
.fractionAnswer2Container { margin-left:.25em; display:inline; }
.fractionAnswer2Container td { padding:.25em .5em .25em .5em; white-space:nowrap; }
.fractionAnswer2Spacer { vertical-align:middle; }

.fractionAnswer2InlineNumerator { border-bottom:1px solid black; text-align:center; }
.fractionAnswer2InlineDenominator { text-align:center; }
.fractionAnswer2InlineContainer { display:inline; margin-left:.25em; }
.fractionAnswer2InlineContainer td { padding:.25em .5em .25em .5em; white-space:nowrap; }
.fractionAnswer2InlineSpacer { vertical-align:middle; }

.tutorialCellHidden { color:#BCC8E6; background-color:#BCC8E6; margin:.5em; border:1px solid #223461; cursor:pointer; }
.tutorialCellHiddenNoBorder { color:#BCC8E6; background-color:#BCC8E6; margin:.5em; cursor:pointer; }
.tutorialCellDisplay { color:black; margin:.5em; }

/**	END FRACTION FORMATTING **/
