.instructor-close {
	color: #000;
	opacity: 0.5;
}

.ATbackground {
	padding:2% 8%;
	width: 100%;
	background-color: #093762;
	color: #fff;
	height: 460px;
}
.ATtext {
	font-size: 16px;
}
.number-selector:hover,
.number-selector:focus {
	border: solid #F8B05F 2px;
	background-color: #011C3E;
}
#number-display {
	text-shadow: 6px 6px 10px #000000;
}
#number-display:focus {
	outline: solid #fff 2px;
}
.number-selector {
	height: 55px;
	line-height: 55px;
	border: solid white 1px;
	cursor: pointer;
}
.number-active:hover,
.number-active:focus,
.number-active {
	background-color: #FEDB97;
	color: #093762;
}
/* What Type of Problem-Solver Are You?*/
#psau-questions {
	background-color: #fff
}
#hsru-question,
#psru-question {
	margin-top: 20px;
	font-weight: 400;
	padding: 10px;
	color: #000;
}
#hsru-answers label,
#psru-answers label{
	font-weight: 400;
	margin-left: 10px;
	color: #000;
}
#hsru-answers label:hover,
#psru-answers label:hover{
	cursor:pointer;
}
#psru-answers {
	padding-left: 10px;
}
#hsru-image,
#prsu-image {
	width: 100%;
	margin: 10px 0;
}
#hsru-question:focus,
#psru-question:focus {
	outline: solid #fff 1px;
}
#prsu-card2 {
	padding: 10px;
	font-size: 16px;
	color: #000;
}

/*Video container*/
#videoframe {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#393941+0,29292f+10,29292f+90,393941+100 */
    background: #393941; /* Old browsers */
    background: -moz-linear-gradient(top, #393941 0%, #29292f 10%, #29292f 90%, #393941 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #393941 0%,#29292f 10%,#29292f 90%,#393941 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #393941 0%,#29292f 10%,#29292f 90%,#393941 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#393941', endColorstr='#393941',GradientType=0 ); /* IE6-9 */
    border: 8px solid #808080;
    padding: 20px 0;
    position: relative;
    z-index: 9;
    border-radius: 15px;
}
.tab-letter:focus,
.tab-mailbox:focus {
	outline: solid 2px #FEDB97;
}
.mail-background {
	background-image: url("../images/module1/mailbox/background.jpg") ;
	background-repeat: no-repeat;
	width:100%;
	min-height: 400px;
	padding:10px;
	outline: solid 2px #2A4E69;
}
.mailbox-text {
	background-color: #2A4E69;
	padding:10px;
}
.tab-mailbox {
	cursor: pointer;
}
.psa-background {
	height: 246px;
	font-size: 16px
	color:#000;
}
.psa-background p {
	padding-right: 10px;
}
.psa-left {
	border-right: solid 2px #000;
}

/*Obstacle Course*/
#obstacle-course {
	background-color: #071a2d;
	padding:20px 40px;
}
#obstacles {
	background-image: url("../images/module1/obstacle/background.jpg") ;
	background-size:cover;
	height:450px;
	width:50%;
}
#obstacles img{
	margin-top: 15px;
	cursor: pointer;
}
#obstacle-description {
	padding: 0 15px 15px;
	font-size: 16px;
}
.obstacle-video {
	padding: 0 70px;

}
/*Sara/Judy*/
#p-button {
	background: #3c3c3c; /* Old browsers */
    background: -moz-linear-gradient(top, #3c3c3c 0%, #363636 50%, #222222 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #3c3c3c 0%, #363636 50%, #222222 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #3c3c3c 0%, #363636 50%, #222222 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c3c3c', endColorstr='#222222',GradientType=0 ); /* IE6-9 */
	color: #fff;
}
.fva-button,
#o-button {
	background: #fad793; /* Old browsers */
    background: -moz-linear-gradient(top, #fad793 0%, #f6d491 80%, #bda26f 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fad793 0%, #f6d491 80%, #bda26f 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fad793 0%, #f6d491 80%, #bda26f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fad793', endColorstr='#f6d491',GradientType=0 ); /* IE6-9 */
	color: #000;
}
.op-btn {
	padding:15px;
	width: 150px;
	border: solid white 2px;
	border-radius: 5px;
	font-size: 20px;
	font-weight: 500;
}
#o-button.selected {
	background: #1b79a3; /* Old browsers */
    background: -moz-linear-gradient(top, #104963 0%, #1b79a3 20%, #1b79a3 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #104963 0%, #1b79a3 20%, #1b79a3 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #104963 0%, #1b79a3 20%, #1b79a3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#104963', endColorstr='#1b79a3',GradientType=0 ); /* IE6-9 */
	color: #fff;
}
#p-button.selected {
	background: #1b79a3; /* Old browsers */
    background: -moz-linear-gradient(top, #104963 0%, #1b79a3 20%, #1b79a3 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #104963 0%, #1b79a3 20%, #1b79a3 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #104963 0%, #1b79a3 20%, #1b79a3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#104963', endColorstr='#1b79a3',GradientType=0 ); /* IE6-9 */
	color: #fff;
}
.pessimistic-btns {
	background: #3c3c3c; /* Old browsers */
    background: -moz-linear-gradient(top, #3c3c3c 0%, #363636 50%, #222222 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #3c3c3c 0%, #363636 50%, #222222 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #3c3c3c 0%, #363636 50%, #222222 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c3c3c', endColorstr='#222222',GradientType=0 ); /* IE6-9 */
	color: #fff;
	padding:5px;
	width: 150px;
	border: solid white 2px;
	border-radius: 5px;
	font-size: 16px;
	font-weight: 500;
}
.pessimistic-btns:focus,
.pessimistic-btns:hover {
	color:#fff;
}
.optimistic-btns {
	background: #fad793; /* Old browsers */
    background: -moz-linear-gradient(top, #fad793 0%, #f6d491 80%, #bda26f 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fad793 0%, #f6d491 80%, #bda26f 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fad793 0%, #f6d491 80%, #bda26f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fad793', endColorstr='#f6d491',GradientType=0 ); /* IE6-9 */
	color: #000;
	padding:5px;
	width: 150px;
	border: solid white 2px;
	border-radius: 5px;
	font-size: 16px;
	font-weight: 500;
}
.pessimistic-btns.selected,
.optimistic-btns.selected {
	background: #1b79a3; /* Old browsers */
    background: -moz-linear-gradient(top, #104963 0%, #1b79a3 20%, #1b79a3 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #104963 0%, #1b79a3 20%, #1b79a3 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #104963 0%, #1b79a3 20%, #1b79a3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#104963', endColorstr='#1b79a3',GradientType=0 ); /* IE6-9 */
	color: #fff;
}
#pessimistic-text,
#optimistic-text {
	padding: 20px;
	font-size: 20px;
	font-weight: 200;
}
#pessimistic-row:focus,
#optimistic-row:focus,
#pessimistic-text:focus,
#optimistic-text:focus {
	outline: 2px white solid;
}
#judy-img,
#sara-img {
	margin-top: 10px;
	margin-left: -40px
}
#judy-img-mobile,
#sara-img-mobile {
	width: 35%;
}

/*Effective vs. Ineffective Interactivity*/
.ei-btn {
	background: #264f6c; /* Old browsers */
	color: #fff;
	padding:5px;
	width: 150px;
	border: solid white 1px;
	border-radius: 10px;
	font-size: 16px;
	font-weight: 500;
}
#ei-activity {
	margin: 0 auto;
	padding: 10px 40px;
	background: #232830; /* Old browsers */
    background: -moz-linear-gradient(top, #2a526e 0%, #232830 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #2a526e 0%, #232830 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #2a526e 0%, #232830 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a526e', endColorstr='#232830',GradientType=0 ); /* IE6-9 */
    max-width: 475px;
    min-height: 475px;
}

#ei-activity iframe{
	border: solid 2px #eee;
}

#ei-activity h3 { 
	border-bottom: solid black 2px;
	padding-bottom: 5px;
	width: 60%;
	font-size: 20px;
}
.ie-divider {
	display: block;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	margin-left: 10px;
	margin-right: auto;
	border-style: inset;
	border-width: 1px;
	border-top: 1px solid #eee;
	width:50%;
  
}
#ei-answers label {
	width: 80%;
	cursor: pointer;
	font-size: 16px;
}
.ei-btn:hover,
.ei-btn:focus {
     border:1px solid #4D90FE;
     color: white;
     -webkit-box-shadow: 0px 0px 5px  #4D90FE;
     box-shadow: 0px 0px 5px  #4D90FE;
 }

#ei-title:focus,
#right_feedback:focus,
#wrong_feedback p:focus {
	outline: solid white 1px;
}
#ei-answer,
#wrong_feedback,
#right_feedback {
	font-size: 16px;
	font-weight: 200;
}
/*What Are Your Problem-Solving Strengths and Weaknesses?*/
#reflections-background {
	margin: 0 auto;
	padding: 10px 40px;
	background: #11395a; /* Old browsers */
    background: -moz-linear-gradient(top, #11395a 0%, #4a636f 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #11395a 0%, #4a636f 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #11395a 0%, #4a636f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#11395a', endColorstr='#4a636f',GradientType=0 ); /* IE6-9 */
    max-width: 475px;
    min-height: 475px;
}
#reflections-background textarea {
	width:100%;
	height:150px;
	color: #000;
	font-size: 14px;
	resize: none;
}
/*simplify*/
.simplify-textarea {
	padding: 15px;
	background-color: #eee;
	height: 360px;
}
.simplify-textarea textarea{
	width: 80%; 
	height: 200px; 
	margin: 0 10% 0 0;
}
#simplify-table th{
	width:50%;
}
#simplify-table .header-row {
	width:50%;
	background-color: #d53f00

}
#simplify-table table, #simplify-table th, #simplify-table td {
  border: 1px solid #e4744c;
  font-size: 16px;
}
.first-row {
	color: #000;
	background-color: #fff
}
.second-row {
	color: #000;
	background-color: #fee6da
}
.table-responsive > .table > tbody > tr > td {
	white-space: normal;
}

.table-responsive {
	font-size: 16px;
}
.horizontal-tab-activity-right #block1 {
	padding-right: 20px;
}
#show-ae4,
#show-ae1 {
	cursor: pointer;
	color: blue;
}

/*vizualize*/
.v-btns div {
	cursor: pointer;
}
.v-p-btn img {
	height: 80px;
}

/*How Stressed Are You?*/
#hsru-background {
	background-color: #FBD999 !important;
	padding:10px;
}
#hsru-card2,
#hsru-card1 {
/*	background-color: #fff;*/
/*	height: 400px;*/
	padding: 10px;
}
.harmful-img {
	margin-top: 20px;
	width: 150px;
	cursor: pointer;
}
.harmful-row {
	background-color:#fff;
	margin:5px 15px 15px;
	height: 300px;
}

/*Getting Ready to Solve Problems*/
#ssta-activity img.img-responsive{
	width: 120px;
	z-index: 100;

}
.ssta-row {
	background-color: #FBD999 !important;
	height: 123px;
	margin-left: -84px;
	padding-left: 84px;
	 -webkit-box-shadow:inset 0px 15px 5px rgba(50, 50, 50, 0.3);
    -moz-box-shadow:inset 0px 15px 5px rgba(50, 50, 50, 0.3);
    box-shadow:inset 0px 15px 5px rgba(50, 50, 50, 0.3);
    display:none;
    z-index: 0;
    width: 0;
}
.ssta-row h4 {
	font-weight: 800;
	text-transform: uppercase;
	margin-bottom: 0;
	margin-top: 30px;
}
.ssta-row p {
	color: #000;
	display:none;
}

/*Slow Down: Cool Down Your Mind and Body*/
.cool-down-row {
	margin-top: 20px;
}
.cool-left-col {
	margin-left: 60px;
}
.relaxation-instructions {
	padding: 50px 30px;
	height: 360px;
	background: #020712; /* Old browsers */
    background: -moz-linear-gradient(top, #020712 0%, #00294c 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #020712 0%, #00294c 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #020712 0%, #00294c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020712', endColorstr='#00294c',GradientType=0 ); /* IE6-9 */
}

/*Check Your Knowledge*/
.cyk-btn {
	background: #264f6c; /* Old browsers */
	color: #fff;
	padding:5px;
	width: 150px;
	border: solid white 1px;
	border-radius: 10px;
	font-size: 16px;
	font-weight: 500;
	margin-top: 10px;
}
#cyk-activity {
	margin: 0 auto;
	padding: 10px 40px;
	background: #232830; /* Old browsers */
    background: -moz-linear-gradient(top, #2a526e 0%, #232830 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #2a526e 0%, #232830 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #2a526e 0%, #232830 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a526e', endColorstr='#232830',GradientType=0 ); /* IE6-9 */
    min-height: 475px;
}

#cyk-activity iframe{
	border: solid 2px #eee;
}

#cyk-activity h3 { 
	border-bottom: solid black 2px;
	padding-bottom: 5px;
	font-size: 20px;
}
.cyk-divider {
	display: block;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	margin-left: 10px;
	margin-right: auto;
	border-style: inset;
	border-width: 1px;
	border-top: 1px solid #eee;
	width:70%;
  
}
#cyk-answers label {
	width: 90%;
	cursor: pointer;
	font-size: 16px;
}
.cyk-btn:hover,
.cyk-btn:focus {
     border:1px solid #4D90FE;
     color: white;
     -webkit-box-shadow: 0px 0px 5px  #4D90FE;
     box-shadow: 0px 0px 5px  #4D90FE;
 }

#cyk-title:focus,
#right_feedback:focus,
#wrong_feedback p:focus {
	outline: solid white 1px;
}
#cyk-answer,
#wrong_feedback,
#right_feedback {
	font-size: 16px;
	font-weight: 200;
}
.video-wrapper {
	padding: 0 40px;
}

/*gps interactivity*/
#gps-game {
	background-image: url("../resources/interactivities/gps/images/road.jpg") ;
	background-size:cover;
	height:450px;
	width:100%;
}
#gps-help,
.lane-cone,
.lane-car {
	display:none;
}
.lane-cone.lane-selected,
.lane-car.lane-selected {
	display:block;
}
.gps-row {
	height: 130px;
}
.gps-fill {
	background-color:rgba(25, 25, 25, .7);
	padding-left: 8px;
}
.help-icon {
	min-width: 100px;
}
.help-row {
	margin-top: 30px;
}
@media screen and (max-width: 1199px) {
	.ATbackground {
		height: 385px;
	}
	.ATtext {
		font-size: 14px;
	}
	.ATbackground h4 {
		font-size: 16px
	}
	.psa-background p {
		padding-right: 5px;
	}
	#op-start img {
		height: 400px;
	}
	#obstacles {
		height:350px;
	}
	#obstacle-description {
		font-size: 14px;
	}
	#obstacles img{
		margin-top: 0;
	}
	#sara-img,
	#judy-img {
		height: 395px;
	}
	#ei-activity {
	    max-width: 375px;
	    min-height: 400px;
	}
	#right_feedback {
		font-size: 14px;
	}
	#prsu-card2 {
		font-size: 12px;
	}
	#reflections-background {
		min-height: 400px;
	}
	#reflections-background textarea {
		height:100px;
	}
	.simplify-textarea {

		height: 265px;
	}
	.simplify-textarea textarea{
		height: 160px; 
	}
	.v-p-btn img {
		height: 50px;
	}
	#hsru-card2,
	#hsru-card1 { 
		height: 350px;
		font-size: 16px;
	}
	.harmful-img {
		width: 100px;
	}
	.harmful-row {
		height: 250px;
	}
	#ssta-activity img.img-responsive{
		width: 100px;
	}
	.ssta-row h4 { 
		font-size: 14px;
	}
	.ssta-row {
		height: 102px;
		margin-left: -65px;
		padding-left: 65px;
		font-size: 14px;
	}
	.relaxation-instructions {

		height: auto;
	}
	#cyk-activity {
	    max-width: 500px;
	    min-height: 400px;
	}
	.video-wrapper {
		padding: 0 60px;
	}
	#cyk-answers label {
		font-size: 14px;
		font-weight: 200;
	}
	#cyk-activity {
		padding: 10px 20px;
	}
	.cyk-btn {
		margin-top: 0;
	}
	#gps-game {
		height:400px;
	}
	.gps-row {
		height: 120px;
	}
	#gps-help {
		font-size: 14px;
	}
	#simplify-table table, #simplify-table th, #simplify-table td {
	  font-size: 14px;
	}
}

@media screen and (max-width: 991px) {
	.ATbackground {
		height: auto;
		min-height: 385px;
	}
	.psa-background {
		height: auto;
	}
	.psa-background p {
		padding-right: 10px;
	}
	.psa-left {
		border-right: none;
	}
	#obstacles {
		width:100%;
		height: auto;
	}
	#op-divider {
		margin-top: 30px;
		border-top: solid white 2px;
		padding-top: 20px
	}
	#op-start img {
		height: auto;
	}
	#ei-activity {
	    max-width: 475px;
	    min-height: 475px;
	}
	#right_feedback {
		font-size: 16px;
	}
	#reflections-background {
		height: auto;
		min-height: none;
	}
	#reflections-background textarea {
		height:200px;
	}
	.simplify-textarea {
		height: auto;
	}
	.v-p-btn img {
		height: auto;
	}
	#hsru-card2,
	#hsru-card1 { 
		height: auto;
		padding-bottom: 50px;
	}
	.harmful-row {
		height: auto;
	}
	.ssta-row {
		height: 102px;
		margin-left: -128px;
		padding-left: 70px;
	}
	#ei-activity {
	    max-width: 475px;
	    min-height: 100%;
	    padding-bottom: 50px
	}
	#cyk-question #youtube_video_frame{
		margin-top: 0;
	}
	#cyk-question #youTubeVideoLink{
		margin-top: 0;
	}
	#cyk-activity { 
		height: 500px;
	}
	.cyk-btn {
		margin-top: 10px;
	}
	#gps-game {
		height:450px;
	}
	.gps-row {
		height: 130px;
	}
}
@media screen and (max-width: 768px) { 
	#ei-activity {
		border: solid white 1px;
	}
	.ssta-row {
		margin-left: -65px;
		padding-left: 65px;
	}
	.gps-row {
		padding: 0;
	}
}
@media screen and (max-width: 560px) {
	.pessimistic-btns,
	.optimistic-btns {
		font-size: 16px;
		width: auto;
	}
	.video-wrapper {
		padding: 0 40px;
	}
	.obstacle-video {
		padding: 0 40px;

	}

}

@media screen and (max-width: 500px) {
	.mb-container {
		padding: 0;
	}
	.ssta-row {
		margin-left: -25px;
		padding-left: 25px;
		height: auto;
	}
	.ssta-row h4 {
		margin-top: 10px;
	}
	#cyk-answers label {
		width: 85%;
	}
}
@media screen and (max-width: 450px) {
	#gps-game {
		-webkit-background-size: contain;
	    -moz-background-size: contain;
	    -o-background-size: contain;
	    background-size: contain;
	}
	.obstacle-video {
		padding: 0 ;

	}
	.help-icon {
		min-width: 80px;
	}
	.cool-container {
		padding: 0 5px;
	}
	.cool-left-col {
		margin-left: 10%;
	}
}
@media screen and (max-width: 400px) {
	#op-optimistic .col-xs-12,
	#op-pessimistic .col-xs-12 {
		padding:0;
	}
	.horizontal-tab-activity-right {
		padding: 0;
		margin: 0;
	}
	#cyk-answers label {
		width: 80%;
	}
}
@media screen and (max-width: 350px) {
	.op-btn {
		width: 100px;
		font-size: 14px;
		font-weight: 400;
	}
	.pessimistic-btns,
	.optimistic-btns {
		font-size: 12px;
	}
	#ei-activity {
		padding: 10px 10px;
		width: 100%;
	}
	#ei-answers label {
		font-size: 12px;
	}
	.lane-choice {
		width: 35px;
	}

}