/**	BEGIN STANDARD TAG DEFINITIONS **/
	body {
		line-height:120%;
		background-color:#BCC8E6; 
		font-family: Times New Roman, serif; 
		font-size:95%; 
		margin: 0; 
		padding: 0; 
	}
	
	h1 { 
		margin-top:0; 
		font-size:150%;
		font-family:Arial, sans-serif;
		color:#223461;
	}
	
	h2 { 
		margin-top:0; 
		font-size:120%;
		font-family:Arial, sans-serif;
		color:#223461;
	}
	
	li {
		padding-bottom:.25em;
		margin-bottom:.25em;
	}
	
	ol {
		margin-top:0;
	}
	
	button { 
		background-color: #BCC8E6;
		border:ridge 1px black; 
		margin:auto .25em; 
		font-family:Arial; 
		font-size:70%; 
	}
	
	label {
		font-weight:bold;
		margin-right:1.5em;
	} 
	
	label.descriptive { 
		font-weight:normal; 
		color:black; 
		margin-right:0em; 
	}
	
	td {
		vertical-align:top;
	}
	
	div {
		margin-bottom:1em;
	}
	
	a img { 
		border:0;
	}
	
	dfn {
		font-weight:bold;
		font-style:normal;
	}
	
	sub {
		font-size:60%;
	}
/**	END STANDARD TAG DEFINITIONS **/

/** BEGIN COLOR CLASSES **/
	.backgroundColor1 { background-color:#0B1439; }
	.backgroundColor2 { background-color:#55709E; }
	.backgroundColor3 { background-color:#752E2B; }
	.backgroundColor4 { background-color:#223461; }
/** END COLOR CLASSES **/

/**	BEGIN MATHEMATICS CLASSES **/
	.definition { text-decoration:italic; }
	
	.calculation { white-space:nowrap; }
	
	.calculationBlock {
		white-space:nowrap;
		text-align:center;
		line-height:150%;
	}
	
/**	END MATHEMATICS CLASSES **/

/**	BEGIN STANDARD CLASSES **/
	.nowrap { white-space:nowrap; }
	.center { text-align:center }
	.center table { text-align:left; margin:auto; }
	.disabled { color:lightgrey; }
	.clear { clear:both; }
	
	table.grid { border-collapse:collapse; }
	table.grid td, table.grid th { border:1px solid black; padding:.5em; }
	
	table.data td { padding:.5em; }
	td.heading, th.heading {
		background-color:#55709E;
		color:white;
		font-weight:bold;
		vertical-align:bottom;
	}
	
	table.padded td { padding-left:.5em; }
	
	.downloadLink {
		display:none;
		background-color: #BCC8E6;
		color:black;
		text-decoration:none;
		border:ridge 1px black; 
		margin:auto .25em;
		padding:.5em;
		font-weight:bold;
		font-family:Arial; 
		font-size:70%; 
	}
	
	.indent1 {
		margin-left:2.5em;
	}
/**	END STANDARD CLASSES **/

/**	BEGIN STRUCTURE CLASSES **/
	.contentContainer { 
		border: 1px solid black;
		padding: 1em; 
		background-color: white;
	}
	
	.twoColumnContent td {
		margin:0;
		padding-bottom:0;
	}
	
	.twoColumnContent p {
		margin-top:0;
		padding-top:0;
	}

	.twoColumnContent table {
		margin-bottom:1em;
	}
	
	.contentContainer h1 { 
		background-color:#223461;
		color:white;
		border:1px solid #0B1439; 
		margin:-8px; 
		margin-bottom:10px; 
		padding:5px; 
		font-size:125%; 
		font-weight:bold; 
		font-family:Arial, sans-serif; 
	}
	
	.contentContainer h2 {
		font-size:95%;
		background-color:#BCC8E6;
		border:1px solid #0B1439;
		margin:0 0 2px;
		padding:.25em;
		text-align:left;
		margin-top:2em;
	}
	
	/**	Use this class for the left column headings in a two column table, heading/content table. **/
	table.leftHeadings h2 {
		background-color:white;
		border:none;
		margin-top:0;
		padding-top:0;
		color:#223461;
		font-family: Arial, sans-serif;
		font-size:115%;
	}
	
	h2.sectionHeading {
		font-size:95%;
		background-color:#223461;
		color:white;
		border:1px solid #0B1439;
		margin:0 0 2px;
		padding:.25em;
		text-align:left;
		margin-top:2em;
	}
	
	/**	The banner heading is the top level banner with the company name and logo.  **/
	.bannerHeading { 
		border:1px solid black;
		margin:auto; 
		margin-top:15px; 
		margin-bottom:3px; 
		background-repeat:no-repeat; 
		background-color:#55709E; 
		padding:10px;
		height:22px;
		position:relative;
	}
	
	.questions { }
	
	.questions .directions {
		font-weight:bold;
		margin-bottom:.5em;
	}
	
	.questions ol {
		margin-top:0;
		margin-left:-1em; 
	}
	
	.questions li {
		margin-bottom:1.5em;
	}
	
	.questions p {
		margin-bottom:.5em;
	}
	
	.questions .question {
		font-weight:bold;
	}
	
	.questions table {
		padding-bottom:1em;
	}
	
	.calculations {
		margin-top:0;
		margin-bottom:1em;
	}
	
	.calculations p {
		margin-bottom:.5em;
	}
/**	END STRUCTURE CLASSES **/

/**	BEGIN DEFINITION BLOCK FORMATTING
	Use these classes to define a 1 x 2 grid where the left side has the name of a theorem/definition and the right side has its statement.  **/
	.definitionBlock { 
		padding-top: 0em;
		padding-bottom: 1em;
	}
	
	.definitionBlock td {
		vertical-align:top;
	}
	
	.definitionBlock td.name {
		background-color: #55709E;
		border: 1px solid #223461;
		color:white;
		font-weight:bold;
	}
	
	.definitionBlock .spacer {
		height: 0px;
	}
	
	.definitionBlock td.statement {
		border: 1px solid #223461;
	}
/**	END DEFINITION BLOCK FORMATTING  **/

/**	BEGIN FRACTION FORMATTING **/
	.fractionNumerator { border-bottom:1px solid black; text-align:center; vertical-align:bottom; }
	.fractionDenominator { text-align:center; vertical-align:top; }
	.fractionContainer { display:inline; margin-left:.25em; vertical-align:top; }
	.fractionContainer td { padding:.25em .5em .25em .5em; white-space:nowrap; vertical-align:middle; }
	.fractionSpacer { vertical-align:middle; }
	
	.fractionAnswerNumerator { border:none; border-bottom:1px solid white; text-align:center; vertical-align:bottom; }
	.fractionAnswerDenominator { text-align:center; vertical-align:top; }
	.fractionAnswerContainer { margin-left:.25em; display:inline-block; }
	.fractionAnswerContainer td { padding:.25em .5em .25em .5em; white-space:nowrap; }
	.fractionAnswerSpacer { vertical-align:middle; }
	
	.fractionAnswerInlineNumerator { border-bottom:1px solid white; text-align:center; vertical-align:bottom; }
	.fractionAnswerInlineDenominator { text-align:center; vertical-align:top; }
	.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; vertical-align:bottom; }
	.fractionAnswer2Denominator { text-align:center; vertical-align:top; }
	.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; vertical-align:bottom; }
	.fractionAnswer2InlineDenominator { text-align:center; vertical-align:top; }
	.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 **/

/**	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 {  }
	
	.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 **/

.dynamicTutorial { margin:1em auto 1em .5em; }
.dynamicTutorial .container { margin-top:0; padding-top:0; border:1px solid black; background-color:white; }
.dynamicTutorial .directions  { margin-left:1em; margin-right:1em; font-style:italic; }
.dynamicTutorial .question { font-weight:bold; }
.dynamicTutorial p, .dynamicTutorial div .question { margin:.5em; }
.dynamicTutorial li { margin:auto 0; }
.dynamicTutorial ol { margin:auto 0; }

/*	EXAMPLES:  These classes are used to provide a series of examples. These can be in a single column or in two column's using a table.  */
	.exampleContainer { margin:.5em; margin-top:0em; width:90%; }
	.exampleContainer .example { border-top:1px solid black; border:1px solid black; padding:0; }
	.exampleContainer .example h1 { border:1px solid black; margin:5px; padding:.25em; font-family:Arial; font-size:100%; color:white; background-color:#55709E; }
	.exampleContainer .example p, .exampleContainer .example div { margin:0 .5em 1em .5em; }
	.exampleContainer .question { font-weight:bold; }
	table.exampleContainer td { vertical-align:top; } 
	table.exampleContainer td { vertical-align:top; }
	table.exampleContainer td.fractionSpacer { vertical-align:middle; }

/**	BEGIN QUICK NAVIGATION CLASES **/
/*	These classes are used to provide a set of button-like links at the top of a page that the user can use to quickly navigate to lower sections of the page.  */
	.quickNavigationContainer {
		padding-top:12px;
		padding-bottom:12px;
		padding-left:6px;
		font-weight:normal;
		font-family:sans-serif;
		border:none;
		width:auto;
		margin:auto 1em; 
		border-top:1px solid black; 
		border-bottom:1px solid black;
		margin-bottom:1em;
	}
	
	.quickNavigationContainer a {
		text-decoration:none;
		color:white;
		padding:6px 8px;
		background-color:#0B1439;
		margin-right:.75em;
	}
	
	.quickNavigationContainer .label {
		color:black; 
		margin-right:2em; 
		font-weight:bold;
	}
/**	END QUICK NAVIGATION CLASES **/

/**	BEGIN VIDEO FORMATTING **/
	.videoContainer { 
		text-align:center;
	}
	
	.videoContainer h2 {
		text-align:left;
	}
	
	.videoContainer table {
		width:90%;
		text-align:left; margin:auto;
	}
	
	.videoContainer ul.videoList {
		display:inline; 
		list-style-type:none;
	}
	
	.videoContainer ul.videoList li { 
		background-color:#BCC8E6;
		border:1px solid #55709E;
		text-decoration:none;
		padding:1em;
		text-align:center;
		cursor:pointer;
	}
	
	.videoContainer .videoListContainer {
		text-align:center;
		font-family:sans-serif;
		padding-left:2em;
		padding-right:2em;
		padding-top:0;
	}
	
	.videoContainer .videoDisplayContainer {
		padding-top:0;
		text-align:center;
	}
	
	.videoContainer .videoDisplayContainer iframe {
		margin-top:0;
		margin-bottom:0;
		border:1px solid black;
	}
	
	.videoContainer video {
		width:640px;
		height:360px;
		border:1px solid green;
	}
	
	.videoContainer .videos {
		margin-top:1em;
	}
/**	END VIDEO FORMATTING **/

/**	BEGIN PAGE SPECIFIC CLASSES  **/
/*	These classes are used in the grids on the geometric construction pages of the geometry reference.   */
table.grid ol { padding-left:2em; }
table.grid td.image { padding-left: 1em; padding-right:1em; vertical-align:middle; text-align:center; }
/**	END PAGE SPECIFIC CLASSES  **/

/**	BEGIN COMBINATION FORMATTING **/
/*	These styles are used to format a table with curved bars that are used to represent the vertical form of a combination.  */
	.combination { display:inline; }
	
	.combination td.topNumber {
		padding-left:.25em; padding-right:.25em; padding-top:12px; padding-bottom:.25em; text-align:center;
	}
	
	.combination td.bottomNumber {
		padding-left:.25em; padding-right:.25em; padding-bottom:12px; text-align:center;
	}
	
	.combination td.topLeft {
		width:9px; height:5px; padding:0; background-image:url(../../images/math/general/centerBar.png); background-position:center; background-repeat:repeat-y;
	}
	
	.combination td.topLeft img, .combination td.topRight img {vertical-align:top;}
	
	.combination td.topRight {
		height:5px; vertical-align:top; padding:0; background-image:url(../../images/math/general/centerBar.png); background-position:center; background-repeat:repeat-y;
	}
	
	.combination td.bottomLeft {
		height:5px; vertical-align:bottom; padding:0; background-image:url(../../images/math/general/centerBar.png); background-position:center; background-repeat:repeat-y;
	}
	
	.combination td.bottomLeft img, .combination td.bottomRight img { vertical-align:bottom; }
	
	.combination td.bottomRight {
		height:5px; vertical-align:bottom; padding:0; background-image:url(../../images/math/general/centerBar.png); background-position:center; background-repeat:repeat-y;
	}
/**	END COMBINATION FORMATTING **/

/**	BEGIN SIGMA FORMATTING **/
	.sigma { 
		display:inline-block; vertical-align:middle
	}
	
	.sigma td {
		vertical-align:middle;
		margin:0;
		padding:0;
	}
	
	.sigma .counter {
		margin:0;
		padding:0;
		white-space:nowrap;
		text-align:center;
		font-size:60%;
	}
	
	.sigma .formula {
		padding-left:.25em;
		white-space:nowrap;
		text-align:left;
	}
	
	.sigma .symbol {
		text-align:center;
		line-height:80%;
	}
/**	END SIGMA FORMATTING **/

/**	BEGIN VIDEO FORMATTING **/
@charset "utf-8";

#tsc_player {
   z-index: 9999;	
}

.tscplayer_inline {
	position:static;
	margin: 30px;
	width: 852px;
	height: 480px;
	z-index:auto;
}

.tscplayer_fullframe {
	position:absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	z-index: 9999;	
}

@media screen and (max-width: 852px) {
    .tscplayer_inline {
	width: 100%;
    }
}
/**	END VIDEO FORMATTING **/

/** BEGIN SECTION FORMATTING
	The 'sections' are the detail blocks in the lower part of the page.  **/
	.sections {
		padding:10px 0 0 10px;

	}
	
	/**	the container for an individual section **/
	.sections div.section {
		float:left;
		margin:0 10px 0 0;
		margin-bottom:1em;
		width: 305px;
		border:1px solid black;
		padding:5px;
		background-color:white;
	}
	
	.sections .section h1 {
		font-size:100%;
		font-weight:normal;
		border-left:1px solid #223461;
		border-right:1px solid #223461;
		margin:0 auto;
		height:25px;
		padding-top:.5em; 
		text-align:center;
		color:white;
		font-family:sans-serif;
	}
	
	.sections .section h2 {
		font-size:100%;
		color:#223461;
	}
	
	.sections .section p {
		margin:12px;
		font-family:Tahoma, sans-serif;
		font-size:80%;
		line-height: 140%;
	}
/** BEGIN SECTION FORMATTING **/