html{width:100%;height:100%;}
body{background-color: #f2f2f2;width:100%;height:100%;overflow-x: hidden;margin: 0;font-family: 'Open Sans';}

form{margin:0px;}
img{border:0px;}
a img{text-decoration:none;border:0 none;}
a:hover{opacity:0.7}

p{margin:0px 0px 20px 0px;padding:0px;-webkit-text-size-adjust:100%;font-size:inherit;}
p.flush{margin:0px 0px 5px 0px;}

ul, ol{padding:0px 0px 20px 30px;margin:0px;list-style-type: disc;overflow: auto;}
	ol ol{padding-bottom: 0px;}
li {padding-bottom:5px;text-indent: 0vw;}
li ul{padding-top: 5px;}
ol.roman {counter-reset: roman;}
ol.alpha {counter-reset: alpha;}
ol.alpha > li, ol.roman > li {list-style: none;position: relative;}
ol.roman > li:before {counter-increment: roman;content:"" counter(roman, lower-roman)". ";position:absolute;left:-1.3em;}
ol.alpha > li:before {counter-increment: alpha;content:"" counter(alpha, lower-alpha)". ";position:absolute;left:-1.4em;}
ul.orange{list-style: none;padding: 0;margin: 0;}
ul.orange > li {padding-left: 1.5vw;text-indent: -1.5vw;}
ul.orange > li::before{content: "■";color: #f3714d;padding-right: .5vw;}

input[type="submit"]{outline-width: 0;}

div.mainContainer{position:relative;width:100%;min-height:100%;text-align:left;z-index:1;font-size:0;overflow: hidden; overflow-y: auto; white-space: nowrap; background-image: linear-gradient(#fff, #ccc); background-position: 0px 365px;}

div#header{width: 100%; background-color: #fff; z-index: 1000; border-top: 10px solid #9bb14f; text-align: center;}
	div#header img{}

form#logForm{text-align: center;padding-top: 40px;}
	form#logForm input{padding: 15px 10px 15px 50px;width: 184px;margin: 0 0 20px 0;}
	form#logForm input[type="text"]{ background-repeat: no-repeat;background-size: 29px 31px;background-position: 10px 6px;padding: 15px 10px 15px 20px;width: 184px;     margin: 0 10px 15px 10px;border: 1px solid #bbb;}
	form#logForm input[type="password"]#password{ background-repeat: no-repeat;background-size: 23px 31px;background-position: 10px 6px;padding: 15px 10px 15px 20px;width: 184px;    margin: 0 10px 15px 10px;border: 1px solid #bbb;}
	form#logForm input[type="submit"]{display: block;text-align: center;padding: 15px 0px 15px 0px;font-size: 20px;width: 316px;background-color: #9bb152;border-radius: 0px;border: 0px solid #fff;color:#fff;margin: 0 auto 40px auto;}
		form#logForm input[type="submit"]:hover{background-color: #04365e;}
		form#logForm input#email{width: 284px;}
	form#logForm div.warning{padding: 20px;    text-align: center;}

h1{margin: 20px 0 40px 0;    color: #666;    font: 20px/22px 'Open Sans', Arial;    font-weight: 600;    font-size: 34px;    line-height: 34px;}

div#questions{padding-top: 20px; padding-bottom: 6vh;}
	div#questions div.question{display: table; background-color: #fff; cursor: pointer; width: 100%;}
	div#questions div.question div.qBox{display: table-cell; vertical-align: middle; width: 80px; background-color: #9bb152; color: #fff; font-size: 12px; line-height: 12px; text-align: center; padding: 10px;}
		div#questions div.question div.qBox h3{margin: 0 0 10px 0; font-size: 50px; line-height: 50px;}
	div#questions div.question p{display: table-cell; vertical-align: top; padding: 14px 20px 20px 20px;}
	div#questions div.answer{display: block; background-color: #fff; max-height: 0px; transition: 400ms ease-in-out;    -webkit-transition: 400ms ease-in-out;    -moz-transition: 400ms ease-in-out;    -webkit-backface-visibility: hidden;    overflow: hidden;    margin-bottom: 20px;}
		div#questions div.answer hr{height: 0; border: 0; border-top: 1px solid #9bb152; margin: 10px 10px}
		div#questions div.answer p{margin: 20px 40px; color:#07375f;}
		div#questions div.answer.HL{max-height: 2000px;}

div.fullNoWrap{width: 100%;    height: 100%;    white-space: nowrap;}
div#content{position: relative;    z-index: 5;    display: block;    vertical-align: top;    padding: 0 20px 0 20px;    font: 18px/24px 'Open Sans', Arial;    color: #222222;    width: 1186px;    white-space: normal;    margin: 20px auto 6vh auto;}

div#description{position: absolute; top: -134px; left: 732px;font-size: 18px;    line-height: 22px;    white-space: normal;    width: 450px;}

div#title{text-align: center; font: 'Open Sans', Arial;    font-weight: 600; font-size: 24px;     line-height: 28px; margin: 20px; }
div.left{display: inline-block;    vertical-align: top;    width: 400px;}
	div.speaker{font-size: 14px;    line-height: 18px;    clear: left;}
	div.speaker img{float: left;    margin: 0 10px 10px 0;    width: 150px;}
	div.speaker p{display: inline-block; margin: 20px 0 0 0;}
	div.learningObjectives{clear: left; font-size: 14px;     line-height: 18px;    padding: 0 60px 0 0;}

form#questionForm textarea{display: block;    width: 308px;    padding: 15px 10px 15px 20px;    border: 1px solid #bbb;    margin: 0 0 10px 0;}
form#questionForm input[type="submit"]{text-align: center;    padding: 15px 0px 15px 0px;    font-size: 20px;    background-color: #9bb152;    border-radius: 0px;    border: 0px solid #fff;    color: #fff;    margin: 0 auto 40px auto;    width: 340px;}

div.right{display: inline-block;    vertical-align: top;    width: 780px;}

img.completed{display: none;}

div#vidCon{background-color: #000; width: 780px;    height: 434px;    margin: 0;    padding: 0;}
	div#vidCon iframe{display: block; width: 100%;    height: 100%;    border: 0px solid #bbb; margin: 0;}
	div.vidCap{font-size: 12px;    line-height: 14px;    padding: 5px;}

div#content h2{margin: 0 0 10px 0;    color: #9bb152;    font-size: 24px;    line-height: 26px;}
	h2.centered{text-align: center;}

.toggled{display:inline-block;}
.toggled.disabled{opacity:0.4;pointer-events:none;}
.toggled.disabled.hidden{display:none;}

sup, sub {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}
sub { 
  top: 0.4em; 
}

div#vidFrame iframe{display: block;width: 874px;height: 492px;margin: 0 auto;background-color: #fff;box-shadow: 0px 3px 20px #666;}
	div#vidFrame.hidden{display: none;}
div#vidCap{font: 16px 'Open Sans'; font-weight: 400; text-align: center; padding: 10px;}

div.table{display:table;border:0px;border-collapse:collapse;margin-bottom: 20px;}
div.tableRow{display:table-row;}
div.tableCell{display:table-cell;padding: 0.5vw;}
div.tableRow.head div.tableCell{border:1px solid #fff;background-color:#15244b;color:#fff;font-weight: 600;}
div.tableRow.dGray div.tableCell{border:1px solid #fff;background-color:#ccccd0; }
div.tableRow.gray div.tableCell{border:1px solid #fff;background-color:#e7e8e9;}

div.tableRow.noPad div.tableCell{padding:0;}

form#adminForm{padding:20px;font-size: 16px;}

div.pieLabel{padding: 0 0 0 0;}

input[type="text"],input[type="password"]{border-radius: 0px;border: 1px solid #bfbfbf;color:#4c4c4c;margin: 0 0 10px 0;font: 16px 'Open Sans';}
input[type="submit"]{cursor:pointer;}


@media all and (max-height: 868px) {
	div#content{font: 18px/20px 'Open Sans', Arial;}

}

div#footer{position: absolute;    bottom: 0;    left: 0;    z-index: 50; width: 90%;    height: auto;    padding: 2vh 5% 2vh 5%;    background-color: #fff;    font-size: 12px;    line-height: 18px;    text-align: center;    white-space: normal;}
	div#footer p{margin: 0px 0px 5px 0px;}
	div#footer img{display: inline-block;    height: 30px;    vertical-align: middle;    margin: 0 5px;}

div.warning{color:#ff0000;padding:0px 0px 10px 0px;font:17px/19px 'Montserrat', Arial;font-weight:400;text-shadow: 1px 1px #fff;}

.warn{color:#ff0000 !important;}
input[type="text"].warn,input[type="number"].warn,input[type="password"].warn,select.warn,textarea.warn{color:#ff0000 !important;border:1px solid #ff0000 !important;}
.warn::-webkit-input-placeholder { /* WebKit */
    color:    red !important;
}
.warn::-moz-placeholder { /*Firefox */
   color:   red !important;
}
.warn:-ms-input-placeholder { /* IE */
   color:    red !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
 background-color: transparent !important;
    background-image: inherit !important;
}

.fade-enter-active, .fade-leave-active{
	transition: opacity .5s;
}
.fade-enter, .fade-leave-to{
	opacity: 0;
}

@keyframes scrollIn1 {
	0% { opacity:0;transform: translate(0px,30px) scale(.5,.5);}
	100% { opacity:1;transform: translate(0px,0px) scale(1,1);}
}
@-webkit-keyframes scrollIn1 {
	0% { opacity:0;-webkit-transform: translate(0px,30px) scale(.5,.5);}
	100% { opacity:1;-webkit-transform: translate(0px,0px) scale(1,1);}
}
@-moz-keyframes scrollIn1 {
	0% { opacity:0;-moz-transform: translate(0px,30px) scale(.5,.5); }
	100% { opacity:1;-moz-transform: translate(0px,0px) scale(1,1); }
}
@-ms-keyframes scrollIn1 {
	0% { opacity:0;-ms-transform: translate(0px,30px) scale(.5,.5); }
	100% { opacity:1;-ms-transform: translate(0px,0px) scale(1,1); }
}
.scrlIn1 { -webkit-animation-name: scrollIn1; -webkit-animation-timing-function: ease-out; -webkit-animation-duration: 500ms;
-moz-animation-name: scrollIn1; -moz-animation-timing-function: ease-out; -moz-animation-duration: 500ms;
-ms-animation-name: scrollIn1; -ms-animation-timing-function: ease-out; -ms-animation-duration: 500ms;
animation-name: scrollIn1; animation-timing-function: ease-out; animation-duration: 500ms; }

@keyframes FadeIn { 0% { opacity:0; } 100% { opacity:1; } }
@-webkit-keyframes FadeIn { 0% { opacity:0; } 100% { opacity:1; } }
@-moz-keyframes FadeIn { 0% { opacity:0; } 100% { opacity:1; } }
@-ms-keyframes FadeIn { 0% { opacity:0; } 100% { opacity:1; } }
.fadeItIn { -webkit-animation-name: FadeIn; -webkit-animation-timing-function: ease-in; -webkit-animation-duration: 600ms;
-moz-animation-name: FadeIn; -moz-animation-timing-function: ease-in; -moz-animation-duration: 600ms;
-ms-animation-name: FadeIn; -ms-animation-timing-function: ease-in; -ms-animation-duration: 600ms;
animation-name: FadeIn; animation-timing-function: ease-in; animation-duration: 600ms; }

@keyframes FadeInOut { 0% { opacity:0; } 50% { opacity:0; } 75% { opacity:1; } 100% { opacity:0; } }
@-webkit-keyframes FadeInOut {  0% { opacity:0; } 50% { opacity:0; } 75% { opacity:1; } 100% { opacity:0; } }
@-moz-keyframes FadeInOut {  0% { opacity:0; } 50% { opacity:0; } 75% { opacity:1; } 100% { opacity:0; } }
@-ms-keyframes FadeInOut {  0% { opacity:0; } 50% { opacity:0; } 75% { opacity:1; } 100% { opacity:0; } }
img.fade_24_1{opacity:0;-webkit-animation-name: FadeInOut; -webkit-animation-timing-function: ease-in; -webkit-animation-duration: 2600ms;
-moz-animation-name: FadeInOut; -moz-animation-timing-function: ease-in; -moz-animation-duration: 2600ms;
-ms-animation-name: FadeInOut; -ms-animation-timing-function: ease-in; -ms-animation-duration: 2600ms;
animation-name: FadeInOut; animation-timing-function: ease-in; animation-duration: 2600ms;}