@charset "UTF-8";
/* CSS Document */


/* only applies to course pages; on other parts of site, paragraphs will be full-width */
p {	margin-right: 220px; }



.navPane {
	padding: 4px 0;
}

.navLink {
	display: block;
	color: #27120c;
	padding: 0px 10px 0px 3px;
	margin-top: 2px;
	vertical-align: middle;
	font-size: 12px;
	line-height: 19px;
}
.navPane .sub {
	margin-top: -1px;
}
.navLink:hover {
	color:#CD3236;
	text-decoration:none;
}
.navPane .disabled {
	color: #D4CBC3;
}
.navPane .disabled:hover {
	color: #D4CBC3;
}

.navLinkIcon {
	margin: 3px 5px 3px 2px;
	width: 12px;
	height: 12px;
	display: block;
	float: left;
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
	text-align: center;
	border: none;
	background-color: #4B231B;
}
/*
.disabled .navLinkIcon {
	overflow: hidden;
	filter:alpha(opacity=20);
	-moz-opacity:.20;
	opacity:.20;
}
*/

.contentHeader .navLinkIcon {
	height: 12px;
	line-height: 20px;
	vertical-align: bottom;
	margin-right: 8px;
}
.in {background:url(../images/NavIcon_Intro.gif) top left no-repeat; color: #BDE87D;}
.tu {background:url(../images/NavIcon_Tutorial.gif) center center no-repeat; color: #15ABCE;}
.ex {background:url(../images/NavIcon_Exercise.gif) top left no-repeat; color: #F7A000;}
.cs {background:url(../images/NavIcon_CaseStudy.gif) top left no-repeat; color: #CD3236;}
.si {background:url(../images/NavIcon_Sidebar.gif) top left no-repeat; color: #BDE87D;} /* obsolete; sidebars are linked directly in content ages */


.navPane .selected { background-color: #fdcb75; /* url(../images/ChapterNavLinkBg_selected.jpg) top left repeat-y;*/ }


/* --------- exercise links from within navpane.  subpage nav for within exercise pages is below. */

.navPane .exerciseNav {
	display: block;
	width: 208px;
	clear: both;
	margin: 0 0 5px 22px;
	border: 0;
	padding: 0 0 0 0px;
	font-size: 10px;
	line-height: 12px;
	vertical-align: middle;
	
}

.navPane .exerciseNav a {
	display: block;
	float: left;
	margin: 1px 1px 0 0;
	border: none;
	padding: 0 0 1px;
	text-align: center;
	width: 18px;
	height: 12px;
	overflow: hidden;
	vertical-align: top;
	font-size: 10px;
	color: #fff; /* very dark brown */

}
.navPane .exerciseNav a:hover {
	text-decoration: none;
	border-color: #CD3236;
	background-color: #FFD88F;
}
.navPane .exerciseNav .selected {
	background-color: #FFD88F;
}

.navPane .exerciseNav a.disabled {
	color: #FFFFFF;
	background-color: #EEE6E0;
}
.navPane .exerciseNav a.disabled:hover {
	color: #FFFFFF;
	background-color: #EEE6E0;
}


/* -------------------- chapter navigation */

.chapterNavLink {
	background-color: #8a746a; /* url(../images/ChapterNavLinkBg.jpg) top left repeat-x; */
	font-weight: normal;
	font-size: 13px;
	padding: 5px 3px;
	margin: 0;
	border: 0;
	margin-top:1px;
}
.chapterNavLink span {
	display: block;
	margin-left: 18px;
	line-height: 1.2em;
	color: #ffd88f;
}
.chapterNavLink a {
	color: #ffd88f;
}
.chapterNavLink a:hover {
	color: #fff;
	text-decoration: none;
}
/* little arrow */
.chapterToggle {
	margin: 2px 5px 2px 2px;
	width: 12px;
	height: 12px;
	display: block;
	float: left;
	line-height: 12px;
	font-weight: bold;
	text-align: center;
	border: none;
	background-color: #4B231B;
}
.closed { background:url(../images/TreeArrow_Right.gif) center center no-repeat;	}
.open {	background:url(../images/TreeArrow_Down.gif) center center no-repeat;	}



/* ---------------------------- Page navigation from title bar */


.nextBackPage {
	display:block;
	float: right;
	padding: 0;
	border: 0;
	margin-right: -6px;
	width: 223px;
	background: url(../images/NextBackTitleBg.gif) top left no-repeat;
}

.nextBackPage a {
	display: block;
	float: left;
	vertical-align: top;
	height: 20px;
	border: 0;
	margin: 0;
	padding: 0;
}
.nextBackPage .nextPage {width: 98px; background: url(../images/NextPage.gif) top left no-repeat; margin-left: 2px;}
.nextBackPage .nextPage:hover {background-image: url(../images/NextPage_Over.gif); text-decoration:none}
.nextBackPage .nextPageDisabled {width: 98px; background: url(../images/NextPageDisabled.gif) top left no-repeat; margin-left: 2px;}
.nextBackPage .previousPage {width: 123px; background: url(../images/PreviousPage.gif) top left no-repeat;}
.nextBackPage .previousPage:hover {background: url(../images/PreviousPage_Over.gif); text-decoration:none;}
.nextBackPage .previousPageDisabled {width: 123px; background: url(../images/PreviousPageDisabled.gif) top left no-repeat;}

.nextBackFooterWrapper {
	display: block;
	border: 0;
/*	border-top: 1px solid #C7B4A6;*/
	padding: 4px 20px;
	margin: 0 0 40px 0;
}



/* ----------------- Exercise subpage navigation (partially shared with chapter nav above) */


.exerciseNav {
	display: block;
	width: 500px;
	clear: both;
	margin: 0 0 20px 0;
	border: 0;
	padding: 0;
	line-height: 20px;
	vertical-align: middle;
}
.exerciseNav span {
	display: block;
	float: left;
	margin: 0 1em 0 0;
	vertical-align: middle;
	height: 20px;
}
.exerciseNav a {
	font-size: 11px;
	display: block;
	float: left;
	margin: 0 1px 0 0;
	border: 0;
	width: 22px;
	height: 20px;
	background-color: #C7B4A6;
	padding: 0 0 1px;
	text-align: center;
	vertical-align: top;
	color: #fff;
}
.exerciseNav a:hover {
	text-decoration: none;
	background-color: #FFD88F;
	color: #CD3236;
}
.exerciseNav .selected {
	background-color: #FFD88F;
}
.exerciseNav a.disabled {
	background-color: #E7DCCF;
	color: #F5EEE6;
}
.exerciseNav a.disabled:hover {
	background-color: #E7DCCF;
	color: #F5EEE6;
}


/* --------------- twoColumText is two equal-size text columns, like on the chapter landing page */

.twoColumnText {
	display: block;
	clear: both;
}
.twoColumnMM {
	display: block;
	clear: both;
}
.twoColumnText .columnLeft {
	display: block;
	float: left;
	width: 350px;
}
.twoColumnText .columnLeft p {
	width: 340px;
}
.twoColumnText .columnRight {
	display: block;
	float: right;
	width: 350px;
}
.twoColumnText .columnRight p {
	width: 340px;
}
.twoColumnText ul{
	margin: 0 10px 1em 0;
}

/* ------- twoColumnMM is the "standard" layout for pages with HTML content and links to content objects on the right */

.twoColumnMM * {}
.twoColumnMM .columnLeft {
	display: block;
	overflow: hidden;
	float: left;
	width: 500px;
}
.twoColumnMM .columnLeft p {
	width: 490px;
}
.twoColumnMM .columnRight {
	display: block;
	overflow: hidden;
	float: right;
	width: 210px;
}
.twoColumnMM .columnRight p {
	width: 210px;
}

/* -------- onColumnMM is full-width, for pages like the intro and case data */

.oneColumnMM p { margin-right: 0; }



/* -------------- first page of the chapter */

.learningObjectives { 
	background: url(../images/ChapterGoalsSidebarBg.jpg) top left no-repeat;
	height: 400px;
}
.learningObjectives h3 {
	color: #fff;
}

.learningObjectives div {
	position: relative;
	top: 10px;
	left: 10px;
	width: 180px;
}
.learningObjectives span {
	display: block;
	margin: 0 0 1em 0;
	font-size: 12px;
}
.learningObjectives ul {
	padding: 0;
	margin: 0;
	border: 0;
}
.learningObjectives li {
	font-size: 12px;
}

/* ---------- reources in sidebar */

.resourceLinks {
	font-size: 95%;
	background: #fff url(../images/ResourcesSidebarBg.jpg) top left no-repeat;
/*	background-color: #e0eecf;*/
	height: 150px;
	overflow: visible;
	padding-bottom: 20px;
	/* border: 1px solid #8fb665;*/
}
.resourceLinks h3 {
	color: #fff;
}
.resourceLinks div {
	position: relative;
	top: 10px;
	left: 10px;
	width: 180px;
}
.resourceLinks a {
	display: block;
	line-height: 1.25em;
	margin-bottom: 0.75em;
}



/* ------------------------------- Links to overlay objects */

.financeFilmLink {
	display: block;
	width: 490px;
	height: 50px;
	border: 0;
	margin: 0;
	padding: 0;
	cursor: pointer;
}
.financeFilmLink img {
	width: 490px;
	height: 50px;
	border: 0;
}
.financeFilmLinkBg {
	overflow: hidden;
	display: block;
	border: 0;
	margin: 0 0 10px 0;
	padding: 0;
	background: url(../images/FinanceFilm.jpg) top left no-repeat;
}
.financeFilmLink:hover {
	background: url(../images/FinanceFilm_Over.jpg) top left no-repeat;	
	text-decoration: none;
}
.caseStudyLink {
	display: block;
	width: 490px;
	height: 50px;
	border: 0;
	margin: 0;
	padding: 0;
	cursor: pointer;
}
.caseStudyLink img {
	width: 490px;
	height: 50px;
	border: 0;
}
.caseStudyLinkBg {
	overflow: hidden;
	display: block;
	border: 0;
	margin: 0 0 10px 0;
	padding: 0;
	background: url(../images/CaseStudy.jpg) top left no-repeat;
}
.caseStudyLink:hover {
	background: url(../images/CaseStudy_Over.jpg) top left no-repeat;	
	text-decoration: none;
}
.sidebarLink {
	display: block;
	width: 210px;
	height: 50px;
	border: 0;
	margin: 0;
	padding: 0;
	cursor: pointer;
}
.sidebarLink img {
	width: 210px;
	height: 50px;
	border: 0;
}
.sidebarLinkBg {
	overflow: hidden;
	display: block;
	border: 0;
	margin: 0 0 10px 0;
	padding: 0;
	background: url(../images/Sidebar.jpg) top left no-repeat;	
}
.sidebarLink:hover {
	background: url(../images/Sidebar_Over.jpg) top left no-repeat;	
	text-decoration: none;
}
.exerciseExplanationLink {
	display: block;
	width: 210px;
	height: 50px;
	border: 0;
	margin: 0;
	padding: 0;
	cursor: pointer;
}
.exerciseExplanationLink img {
	width: 210px;
	height: 50px;
	border: 0;
}
.exerciseExplanationLinkBg {
	overflow: hidden;
	display: block;
	border: 0;
	margin: 0 0 10px 0;
	padding: 0;
	background: url(../images/ExerciseExplanation.jpg) top left no-repeat;	
}
.exerciseExplanationLink:hover {
	background: url(../images/ExerciseExplanation_Over.jpg) top left no-repeat;	
	text-decoration: none;
}


/* --------------------------------- Overlay objects */


.contentOverlay {
	display: block;
	visibility: hidden;
	position: absolute;
	top: 112px;
	left: 240px;
	background: #FFF url(../images/ContentBg.jpg) top left repeat-x;
	padding: 20px;
}
.overlayWrapper {
	display: block;
	background: url(../images/ContentBgOverlay.jpg) top left repeat-y;
	color: #fff;
	padding: 20px;
}
.overlayWrapper p {
	width: 500px;
}
.overlayWrapper .inner {
	display: block;
	width: 680px;
	border: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.hideOverlayButton {
	display: block;
	float: right;
	padding: 0;
	border: 0;
/*	margin: -12px -18px 0 0;*/
	margin: 0;
	text-align: center;
	background-image: url(../images/CloseButton.gif);
}
.hideOverlayButton a {
	display: block;
	width: 47px;
	height: 27px;
	padding: 0;
	border: 0;
	background: none;
}
.hideOverlayButton a:hover {
	background-image: url(../images/CloseButton_Over.gif);
	text-decoration: none;
}

/* -------------------------------------- Miscellany */

.chapterTitle {
	display: block;
	width: 720px;
	height: 80px;
	margin: 0 0 20px 0;
	clear: both;
}

.formula {
	text-align: center;
	padding: 0.75em 0;
	margin: 0.25em 0;
	font-size: 1.25em;
	border: 0;
}

.multChoiceContainer {
	display: block;
	width: 500px;
	height: 250px;
	margin: 0px;
	padding: 0;
	border: 0;
}

ul {
	margin: 0 0 0 1em;
	padding: 0;
	border: 0;
}

.faqButton {
	display: block;
	padding-left: 20px;
}
.faqButtonHidden, .faqButtonShown {
	display: block;
	padding-left: 20px !important;
	margin-bottom: 10px;
}

.faqButtonHidden {
	background:  url(../images/FaqButton_Open.gif) top left no-repeat;
}
.faqButtonShown {
	background: url(../images/FaqButton_Close.gif) top left no-repeat;
}

.faqAnswer {
	display: block;
	padding-left: 20px;
	overflow: hidden;
}
.faqAnswer p {
	width: 470px !important;
	overflow: hidden;
}

.supportLink  {
	display: block;
	clear: both;
	padding: 2em 0 1em;
	color: #8A746A;
	text-align: center;
	font-size: 10px;
}
.supportLink a {
	color: #8A746A;
}