/*Step By Step StyleSheet*/
.container {
	font-size: 16px;
}

.headingForPrint {
display: none;
}

.big {
text-transform: uppercase;
}

.hidden,
.child > .hidden {
display:none;
}

.lesson_title {
font-size: 40px;
}

.step-by-step_title {
color: #1f4970;
line-height: 35px;
}

.lesson_caption {
font-size: 20px;
font-style: italic;
}

.pre_req {
color: #e26c22;
background: #fce9da;
width: 150px;
padding: 5px 20px 0 5px;
margin: 0 20px 0 0;
}

a:active,
a:link {
text-decoration: none;
color: black;
}

a:visited,
a:hover,
a:link 
{
color:#5182bb;
}

a:hover {
text-decoration: underline;
}

.pre_req_links {
padding: 10px 0 0 0;
}

.box1, .box2 {
float:left;
}

.title {
font-size: 20px;
}

.caption {
font-style: italic;
font-size: 18px;
}

.boxList >li {
line-height: 22px;
}

.box {
margin: 20px 0 0 0;
}

.goalBox {
clear: both;
padding: 20px 0 0 0;
}

.goal,
.goal_caption {
padding: 2px 0 0 5px;
font-size: 18px;
}

.goal {
background: #214a7b;
color: white;
width: 90px;
}

.goal_caption {
background: #dbe5f0;
width: 700px;
font-size: 16px;
}

.problem_title {
font-size: 20px;
}

.mainContent {
clear:both;
padding: 20px 0 0 0;
}

.contentFrame {
clear:both;
padding: 20px 0 20px 0;
display: table;
width: 100%;
}

.example {
width: 350px;
}

.figure {
display: table-cell;
width: 50%;
}

.description {
display: table-cell;
width: 50%;
vertical-align: middle;
}

.parent {
margin: 20px 0 0 0;
clear: both;
}

.expansionButton {
width: 100%;
border-bottom: 2px solid #858585;
}

.changeSignsBlank, 
.changeSigns,
.label,
.type {
float: left;
}

.changeSignsBlank,
.changeSigns {
width: 25px;
background: #a6a6a6;
text-align: center;
color: white;
}

.changeSignsBlank,
.expansionButton,
.expansionButtonQuestion,
.expansionButtonExclamation,
.expansionButtonChild,
.changeSigns,
.expansionButton > .type,
.expansionButtonChild > .type,
.expansionButtonQuestion > .type,
.expansionButtonExclamation > .type
 {
height: 19px;
}

.changeSignsBlank,
.changeSigns,
.label,
.type {
margin-right: 2px;
}

.type {
background: #214a7b;
color: white;
padding: 0 10px 0 3px;
margin-right: 3px;
}

.label {
color: #214a7b;
}

.child {
clear:both;
margin: 30px 0 0 35px;
width: auto;
}

.expansionButtonChild > .type {
	background: #e16c22;
}

.expansionButtonChild > .label {
	color: #e16c22;
}

.expansionButtonExclamation > .type,
.expansionButtonQuestion > .type {
	height: 19px;
}

.expansionButtonChild,
.expansionButtonExclamation,
.expansionButtonQuestion {
border-top: 1px #858585 solid;
border-bottom: 1px #858585 solid;
border-left: 1px #858585 solid;
cursor: pointer;
}

.expansionButtonExclamation > .type {
width: 25px;
font-family: Helvetica;
background: #c3c1c0;
text-align: center;
padding: 0;
}

.expansionButtonExclamation > .label {
color: grey;
}

.expansionButtonQuestion > .type {
width: 25px;
font-family: Helvetica;
background: #e16c22;
text-align: center;
padding: 0;
}

.expansionButtonQuestion > .label {
	color: #e16c22;
}
	
.finished {
border-top: 1px solid #858585;
}

.star {
padding: 2px 10px 2px 10px;
background:/*#f9d16d*/#fffd38;
width:31px;
text-align: center;
border: 2px #808080 solid;
font-size: 20px;
float: left;
}

.finished {
margin: 20px 0 0 0;
}

.finished > .contentFrame {
padding: 0;
}

.figure_caption {
	padding: 5px 5px 5px 5px;
	margin-top: 10px;
	color: grey;
	text-align:center;
	width: 320px;
	font-size: 14px;
	font-weight: 300;
	background-color: #e3ebf4;
}

.MathJax nobr>span.math>span{border-left-width:0 !important};