/* Reset */
html{
	color:#000;
	background:#FFF;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,input,legend,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
	color:#324173;
}
h3 {font-size:1.1em; font-weight:bold; margin:15px 0 8px;}
input,
textarea,
select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
/*to enable resizing for IE*/
input,
textarea,
select {
	*font-size:100%;
}
/*because legend doesn't inherit in IE */
legend {
	color:#000;
}
/* end reset */

html {
background: #181c38; /* Old browsers */

background: -moz-linear-gradient(top,  #181c38 0%, #3a4e84 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#181c38), color-stop(100%,#3a4e84)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #181c38 0%,#3a4e84 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #181c38 0%,#3a4e84 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #181c38 0%,#3a4e84 100%); /* IE10+ */

background: linear-gradient(top,  #181c38 0%,#3a4e84 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#181c38', endColorstr='#3a4e84',GradientType=0 ); /* IE6-9 */
}

body {
	margin: 5px auto;
	width: 1000px;
	background-color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	
}

p, li {
	line-height: 1.3;
	margin: .5em 0;
}
p {margin:1em 0 .5em 0;}

ul {
	list-style:disc outside;
}

li {
	margin-left: 1.5em;
}

li ul {
    list-style: circle;
}

h1 {
	font-size: 1.5em;
	font-weight: bold;
	margin-top:15px;
}

h2 {
	font-size: 1.25em;
	font-weight:bold;
	margin-top: 1em;
}

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.buttonLink:link, a.buttonLink:visited {
	color: #394A83;
}

p.indent{
	margin-left: 1em;
}

input {
	padding: 2px 6px;
}

/* TABLE STYLES */
#tableStyle1 th, #tableStyle1 td {
	padding:0.5em;
}

#tableStyle1 th {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #2D3B68;
}

#tableStyle1 tr {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}

#tableScenario td {
	text-align: center;
}
#tableMeetPeople {margin-left:65px;}
#tableMeetPeople td img {
	opacity:.7; 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);  /* IE 5-7 */
  -moz-opacity: 0.7;  /* Netscape */
  -khtml-opacity: 0.7;  /* Safari 1.x */
	text-align: center; 
	box-shadow:0 0 4px 0 #333;-webkit-box-shadow:0 0 4px 0 #333; -moz-box-shadow:0 0 4px 0 #333;
}

#tableMeetPeople td img:hover {
	opacity:1; 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=99)";
  filter: alpha(opacity=99);  /* IE 5-7 */
  -moz-opacity: 1;  /* Netscape */
  -khtml-opacity: 1;  /* Safari 1.x */}

#tableChoice td img:hover {
	opacity:.8; 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);  /* IE 5-7 */
  -moz-opacity: 0.8;  /* Netscape */
  -khtml-opacity: 0.8;  /* Safari 1.x */ 
	-webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
	-moz-transition: all 0.3s ease-out;  /* FF4+ */
  -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
  transition: all 0.3s ease-out;}

#has-module-overview {margin-top:20px; border:1px solid #e7e7e7;}
#has-module-overview td {padding:10px 20px;}
#has-module-overview td.table-dark-bg {background:#374f81; color:#fff; padding-left:20px; width:100px;}
#has-module-overview td.table-med-bg {background:#eee;}

ol.numbered {list-style-type:decimal;}

#hd a:hover,#ft a:hover {
    text-decoration: none;
}

#progress {
	width: 190px;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	background-color: #DDDDDD;
	padding: 8px 10px 0px;
	box-shadow:0 0 4px 0 #888; -webkit-box-shadow:0 0 4px 0 #888;  -moz-box-shadow:0 0 4px 0 #888; 
}

#main {
	min-height: 500px;
	padding: 20px 25px;
	margin-left: 220px;
}

#main-full {
	min-height: 500px;
	padding: 10px;
	margin-left: 15px;
}

.menu {
    font-size: 0.8em;
    list-style: none outside none;
}

.menu li {
	margin-top: 1.5em;
	display: block;
	padding: 0;
}

.menu li.active {
	font-weight: bold;
}

#hd {
	height: 127px;
	background-image: url(../img/header.png);
	position: relative;
	box-shadow:0 0 4px 0 #666; -webkit-box-shadow:0 0 4px 0 #666;  -moz-box-shadow:0 0 4px 0 #666;  
}

#screenTitle {
    font-size: 2em;
    font-weight: bold;
    position: absolute;
    right: 15px;
    top: 35px;
    text-shadow: 1px 1px 2px #fff;
    color: #333333;
}

#ft {
	height: 46px;
	background-image: url(../img/footer.png);
	position: relative;
	box-shadow:0 0 4px 0 #666; -webkit-box-shadow:0 0 4px 0 #666;  -moz-box-shadow:0 0 4px 0 #666;  
}

.fltrt { 
	float: right;
	margin: 0.5em;
}


.fltrt50pct { 
	float: right;
	margin: 0.5em 0em 0em 0.5em;
	width: 50%;
}


.fltlft {
	float: left;
	margin-right: 0.5em;
}

.clear {
	clear: both;
}

.direction {
	font-style: italic;
}

img.placeholder {
	background-image:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #EEE), color-stop(1, #AAA) );
	background-image:-moz-linear-gradient( center top, #EEE 5%, #AAA 100% );
	background-image:-ms-linear-gradient( center top, #EEE 5%, #AAA 100% );
}

img.placeholder span {
	margin: auto;
}

.img-middle-pos {margin:110px;}

/* Buttons */
.button {

	background-color:#36457C;
	border: 1px white solid;
	display:inline-block;
	color:#ffffff;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:15px;
	font-weight:normal;
	padding:.5em 1em;
	text-decoration:none;
	position:absolute;
	top:7px;
}

.button:hover {

	background-color:#003;
}

.button:active {
}

#navResources {
	right:170px;
	top:105px;
	margin-right:20px;
}

#navScenarios {
	right:150px;
	top:100px;
}

#navSyllabus {
	right:15px;
	top:105px;
}

#navExit, #navHelp, #navTip  {
	border:1px solid #FFF;

}

#navExit {
	left:15px;
	display:none;
}


#navHelp {
	left:80px;
}

#navTip {
	left:150px;
}

#navNext {
	background: url("../img/arrow-next.png") no-repeat center center;
	height: 48px;
	padding: 0 10px;
	right: 8px;
	text-indent: -9999px;
	top: 0;
	width: 65px;
	border:none;
}

#navPrevious  {
	
	background:url(../img/arrow-prev.png) no-repeat center center;
	height: 48px;
	padding: 0 10px;
	right: 85px;
	text-indent: -9999px;
	top: 0;
	width: 40px;
	border:none;
}

#navPrevious:hover {	background:url(../img/arrow-prev-hover.png) no-repeat center center;}
#navNext:hover {	background:url(../img/arrow-next-hover.png) no-repeat center center;}

/* 1S */
.popup {
	display: none;
	margin: 20px;
	border: 3px solid #AAA;
	background-color: #FDFCED;
	padding: 4px 10px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
}

.popupScenario {
	display: none;
	background-color: #FDFCED;
	padding-top: 5px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 5px;
	width: 640px;
	margin:1em 0;
	

}
.popupScenario p, .popupScenario li {
	font-size: 0.9em;
	margin-top: 0;
	margin-bottom: 0;
}

.popupMeetPeople img {
	box-shadow:0 0 8px 0px #333; -webkit-box-shadow:0 0 8px 0px #333; -moz-box-shadow:0 0 8px 0px #333; 
	margin:20px;
	}
.popupMeetPeople {min-height:300px; padding:15px;}




#mainWrapper {
	position: relative;
}

.pct50Column {
	width: 50%;
}
.pct75Column {
	width: 75%;
}

/* QUIZ and CYK */
#quiz {
	border: 4px solid #CCCCCC;
	border-radius: 7px 7px 7px 7px;
	margin-top: 5px;
	padding: 4px 10px;
	position:relative;
}

#quiz p.question {
	font-weight: bold;
	margin-top: 1em;
}

#quiz p.correct, #quiz p.incorrect {
	margin-top: 1em;
}

#quiz p.qNumber {
	color: #555;
}


img.cykCheckmarkInTable {
	position: relative;
	top: -3px;
	left: 15px;
	display: none;
}

#cykResponseCorrect, #cykResponseIncorrect, .cykCorrectCheck {
	display: none;
}

#progPageContainer {
	bottom: 1em;
	position: absolute;
	width: 190px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	line-height: 2em;
}

#progBar {
    background-color: #333333;
    padding: 1px;
}

#progBar div {
    background-color: #999999;
    height: 10px;
    width: 0%;
}

.underline {
	text-decoration: underline;
}

/* VIDEO */

div.videoContainer {
	width: 480px;
	float: right;
	margin: 0.5em;
}

a.showTranscript, a.showTranscript:link, a.showTranscript:visited {
	font-size: .8em;
	color: #555;
	line-height:1.5em;
}

p.alignRight {
	text-align:right;
}

.vidCompletePrompt {
	display: none;
}

div.transcript {
	display: none;
	margin: 20px;
	border: 3px solid #AAA;
	background-color: #FDFCED;
	padding: 4px 10px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
}

div.transcript p, div.transcript li {
	font-size: 0.9em;
}

#table-elp-pfp td img:hover {
	opacity:.7; 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);  /* IE 5-7 */
  -moz-opacity: 0.7;  /* Netscape */
  -khtml-opacity: 0.7;  /* Safari 1.x */}

.module-3 .menu li {
    margin-top: 0.6em;
}

.clear {clear:both;}

.m3_09_carousel {margin-top:10px;}
.m3_09_carousel img {float:right; width:185px; padding:30px 25px 0 15px; margin-top:10px;}
.subsection-title {
	background: none repeat scroll 0 0 #394a83;
	border-radius: 8px 8px 8px 8px;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: 100;
	padding: 10px 20px;
	text-transform: uppercase;
	
}

.gray-title {background:#e7e7e7; padding:5px 20px; text-transform:uppercase; font-size:22px; border-left:6px solid #324173;}

.shadow {box-shadow:0 0 4px 0 #999; -webkit-box-shadow:0 0 4px 0 #999; -moz-box-shadow:0 0 4px 0 #999; }

.m3_09_carousel #slide03 p {font-size:15px;}

.phrase-buttons {
	background: #181c38; /* Old browsers */
	background: -moz-linear-gradient(top,  #181c38 0%, #3a4e84 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#181c38), color-stop(100%,#3a4e84)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #181c38 0%,#3a4e84 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #181c38 0%,#3a4e84 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #181c38 0%,#3a4e84 100%); /* IE10+ */
	background: linear-gradient(top,  #181c38 0%,#3a4e84 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#181c38', endColorstr='#3a4e84',GradientType=0 ); /* IE6-9 */						
	float:left; width:120px; height:85px; color:#fff; padding:5px 20px; border-radius:8px; margin:8px; }

.phrase-buttons:hover {
	opacity:.7; 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);  /* IE 5-7 */
  -moz-opacity: 0.7;  /* Netscape */
  -khtml-opacity: 0.7;  /* Safari 1.x */ 
	text-decoration:none;
}

.word-buttons {
	background: #36457C; /* Old browsers */
	font-size:18px; position:relative;
	left:-1.7em;
	float:left; width:150px; color:#fff; padding:10px 10px; border-radius:8px; margin:8px; margin-top:20px;}

.word-buttons:hover {
	background:#003;
	text-decoration:none; 
	}

#journal-buttons a.phrase-buttons{height:50px; }

.popupScenario img.fltlft {border:4px solid #fff; margin:10px 10px 20px 0;}

#fourStages {position:relative; width:700px; top:-20px;  padding:40px 0; margin:-2em 0;}

#plan-act-move-nav .word-buttons {font-size:12px;height:33px; text-align:center; margin:0 5px; padding: 5px 8px; width:50px;}
#plan-act-move-nav .pam-active.word-buttons {border:5px solid red; padding:1px 6px;} 
#plan-act-move-nav {height:40px; width:250px; background:url(../img/bg-plan-act-move-small.png) no-repeat center top; padding:34px 0; margin-left:20px;}

#resources-tip {margin-right:120px;}

ul#syllabus {list-style:none; margin:30px 0 80px 60px; }
ul#syllabus .word-buttons {margin-bottom:5px; width:460px;  padding:15px 10px 10px 10px; height:25px; }
.syllabus-btn a {color:#fff; padding:10px 300px 10px 20px; margin-bottom:20px; border-radius:8px;   }
.course-syllabus #main-full {min-height:750px;}
.syllabus-btn a:hover {text-decoration:none; cursor:pointer;}
.syllabus-title {text-transform:uppercase; color:#ddd; font-size:15px;}

ul.resource-lists {list-style:none;}
.resource-subtitles {color:#003;font-weight:normal; margin-top:70px; margin-bottom:-15px;}

dt {font-weight:bold;}
dd {font-weight:100;margin:0 0 25px 20px; color:#222;}


/* New CSS - Matt McCrorey 6/24/2016 */

.trigger_button {
	color: black;
	font-weight: bolder;
	font-size:16px;
	position:relative;
	left:5px;
	display: inline-block;
	margin: -.2em;
	padding: 1.5em 1em;
	position:relative;
	border:solid black 2px;
	background-color: #394A83;
	cursor:pointer;
}

.color1{
	background-color: #E4A1ED;
	padding-left: 1.9em;
	padding-right: 1.9em;
	}
.color2{
	background-color: #ACDBF5;
	padding-left: 1.9em;
	padding-right: 1.9em;
	}
.color3{
	background-color: #C8F2C2;
	padding-left: 1.9em;
	padding-right: 1.9em;
	}
.color4{
	background-color: #F6C7A8;
	}
.primary-black {
	color: #111;
}

	

.fltrt_top { 
	float: right;
	position:relative;
	top:-2em;
}



/* Gradient color1 - color2 - color1 */

hr.style1 {
    border: 0;
    height: 3px;
    background: #333;
   ;
}

.simpleCallout {
	margin:.5em 0;
	padding:.5em;
	border: solid 3px black;
}
:focus {
	outline:5px solid #01C029;
}