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;}

div#header{position: absolute; top: 0; left: 0; width: 100%; background-color: #fff; z-index: 1000;}
	div#header img.logo{position: absolute;    top: 0.5vw;    left: 0;    width: 26vw;    height: 11vw;}
	body.l1 div#header img.logo{position: absolute;    top: 0.3vw;    left: 0;    width: 26vw;    height: 11vw;}
	div#header img.banner{position: absolute;    top: 1.3vw;    left: 26vw;    height: 10vw;}
	div#header div.bar{background-color: #009291;    height: 2vw;    margin-top: 9.5vw;}
	div#header a.lang{position: absolute;    top: 20px;    right: 20px;    font: 20px 'Open Sans';    font-weight: 400;    text-decoration: none;    color: #666;}
	div#header a.home{position: absolute;    top: 20px;    right: 60px;    font: 20px 'Open Sans';    font-weight: 400;    text-decoration: none;    color: #666;}

form#logForm{margin: 14vw auto 120px auto;    width: 500px;border-radius: 20px;    border: 2px solid #fff;    box-shadow: 9px 9px 14px -4px #bbb;    text-align: center;padding-top: 40px;}
	form#logForm input{display: block;padding: 15px 10px 15px 50px;width: 254px;margin: 0 0 20px 0;}
	form#logForm input[type="text"]{display: block; background-repeat: no-repeat;background-size: 29px 31px;background-position: 10px 6px;padding: 15px 10px 15px 20px;width: 284px;margin:0 auto 15px auto;border: 1px solid #bbb;}
	form#logForm input[type="password"]#password{display: block; background-repeat: no-repeat;background-size: 23px 31px;background-position: 10px 6px;padding: 15px 10px 15px 20px;width: 284px;margin:0 auto 15px auto;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: #595959;border-radius: 0px;border: 0px solid #fff;color:#fff;margin: 0 auto 40px auto;}
		form#logForm input[type="submit"]:hover{background-color: #009291;}
	form#logForm h1{font: 30px/34px 'Open Sans', Arial; font-weight: 400;}
	form#logForm a{text-decoration: none; color: #fff;}
	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.fullNoWrap{width: 100%;    height: 100%;    white-space: nowrap;}
div#content{position: relative;    z-index: 5;    display: block;    vertical-align: top;    padding: 0 20px 0 40px;    font: 20px/24px 'Open Sans', Arial;    color: #222222;    width: 992px;    white-space: normal;    margin: 11.5vw auto 6vh auto;overflow: auto;}

div#repDocs{margin: 0 0 40px 0;}
	div#repDocs a{display: block;    font-size: 18px;    color: #666;    line-height: 20px;    padding: 10px 0 0 40px;    text-decoration: none;    font-weight: 400;    background-image: url(images/GAV_pdf_icon.svg);    background-repeat: no-repeat;    background-size: 30px auto;    background-position: 0px 0px;    margin: 0 0 1vh 2vw;    min-height: 30px;}

div#presenters{display: inline-block;    vertical-align: top;    width: 20%;    font-size: 15px;    font-weight: 600;    color: #666;    margin-top: 13vw; margin-bottom: 7vh;   white-space: normal;}
	div#presenters h2{font-size: 22px;    line-height: 22px;    margin: 0 0 20px 0;text-align: center;}
	div.presenter{margin:0 0 2vh 4vw;}
	div.presenter img{display: block;    margin: 0 0 5px 0;    border: 1px solid #fff;}
div#chapterMenu{display: inline-block;    vertical-align: top;    width: 80%;    font-size: 18px;    margin-top: 13vw;   white-space: normal;margin-bottom: 8vh;}
	a.chapterThumb{display: inline-block;    vertical-align: top;    background-color: #fff;    padding: 20px;    text-decoration: none;    color: #666;    margin: 0 20px 20px 20px;    box-shadow: 9px 9px 14px -4px #bbb;    min-height: 330px;}
		a.chapterThumb img.thumb{display: block;    border: 1px solid #bbb;}
		a.chapterThumb h2{margin: 10px 0px 0px 0;    font-size: 18px;    line-height: 24px;}
			a.chapterThumb h2.centered{text-align: center;}
		a.chapterThumb div.desc{font-size: 16px;}
		body.l1 a.chapterThumb div.desc{font-size: 14px;}
		body.l1 a.chapterThumb{min-height: 345px;}


img.completed{display: none;}

div#vidCon{background-color: #fff;    width: 940px;    height: 529px;    margin: 2vw auto;    padding: 1vw;    box-shadow: 9px 9px 14px -4px #bbb;}
	div#vidCon iframe{display: block; width: 100%;    height: 100%;    border: 1px solid #bbb; margin: 0;}

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

div#vidPDFbit{color: #009291;    font-size: 14px;    line-height: 16px;    padding: 0 0 10px 0;}
	div#vidPDFbit a{color: #009291;    text-decoration: none;}

div#chapterTools{display: inline-block;    vertical-align: top; width: 100px;}
a#refQuestionsBtn{display: block;    vertical-align: top;    background-image: url(images/question.svg);    background-repeat: no-repeat; background-size: 70px auto; background-position: 9px 1px;   width: 90px;   height: 35px;    margin: 0 20px 15px 0; font-size: 14px;    line-height: 16px;    padding-top: 90px;    text-align: center;    text-decoration: none;    font-weight: 600;    color: #009291; text-transform: uppercase;}
	body.l1 a#refQuestionsBtn{font-size: 13px;    line-height: 15px;}
a#evalBtn{display: block;    vertical-align: top;    background-image: url(images/eval.svg);    background-repeat: no-repeat; background-size: 70px auto; background-position: 9px 1px;   width: 90px;   height: 35px;    margin: 0 20px 15px 0; font-size: 14px;    line-height: 16px;    padding-top: 90px;    text-align: center;    text-decoration: none;    font-weight: 600;    color: #009291; text-transform: uppercase;}
	div#content.completed a#evalBtn{background-image: url(images/eval_completed.svg);    background-repeat: no-repeat; pointer-events: none;}
		body.l1 div#content.completed a#evalBtn{background-image: url(images/eval_completed1.svg);}
	a#evalBtn.disabled{pointer-events: none; opacity: 0.6;}

div#learningObjectives{display: inline-block;    vertical-align: top;    width: 840px;}

div#chapterDoctor{display: block;    vertical-align: top;    width: auto;    font-size: 18px;    line-height: 24px;}
	div#chapterDoctor h3{margin: 0 0 20px 0;    color: #666;    font-size: 22px;    line-height: 24px;    font-weight: 400;}
	div#chapterDoctor img.docPic{float: left;    margin: 0 20px 15px 0;    border: 1px solid #fff;}

div#otherVideos{text-align: center; margin-top: 3vh;   margin-bottom: 8vh;}
div#otherVideos a.chapterThumb{min-height: 255px;}
	div#otherVideos a.chapterThumb h2{margin: 0 0 0 0; font-size: 12px; line-height: 26px;}
	div#otherVideos a.chapterThumb div.desc{font-size: 12px;line-height: 14px;text-align: left;}
	div#otherVideos a.chapterThumb img.thumb{width: 246px;}

form#evaluationForm h2{margin-bottom: 2px;}
form#evaluationForm h2 span{display: block;    font-size: 16px;    font-style: italic;}
form#evaluationForm fieldset{position: relative;    background-color: #fff;    border: 0;    border-radius: 20px;    margin: 0 0 5vh 0;    padding: 20px 20px 20px 20px;}
form#evaluationForm fieldset.disabled{pointer-events: none;    opacity: 0.6;}
form#evaluationForm fieldset h2{margin-bottom: 20px;}
    form#evaluationForm p{font:18px/20px 'Open Sans', Arial;font-weight:400;margin:0 0 10px 0;}
	form#evaluationForm div.question{font: 18px/20px 'Open Sans', Arial;    font-weight: 400;    display: inline-block;    vertical-align: top;    width: 670px;    margin-right: 20px;margin-bottom: 10px;}
	form#evaluationForm select{width: 180px;    font-size: 18px;    padding: 5px 5px;}
	form#evaluationForm textarea{width:670px;}
	form#evaluationForm label{cursor: pointer;}

form#evaluationForm div.table{display:table;border:0px;border-collapse:collapse;}
	form#evaluationForm div.tableRow.{display:table-row;}
	form#evaluationForm div.tableCell{display:table-cell;padding-bottom:10px;}
	form#evaluationForm div.tableCell.head{font-weight:bold;}
	form#evaluationForm div.tableCell.question{width:390px;padding-right:20px;}
	form#evaluationForm div.tableCell.answer{width:200px;}

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

form#evaluationForm input[type="submit"]{display: block;text-align: center;padding: 15px 0px 15px 0px;font-size: 20px;width: 316px;background-color: #595959;border-radius: 0px;border: 0px solid #fff;color:#fff;margin: 0 auto 40px auto;}
		form#evaluationForm input[type="submit"]:hover{background-color: #009291;}

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;}

div.feedGraph{position: relative;display: inline-block;vertical-align: top;width: 380px; height: 390px;-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;}
	div#feedGraph1 {margin-right: 20px;}
	div.learningResults div.feedGraph{display: none; vertical-align: top; width: 450px; height: 335px;}/* display: inline-block; */

div.theLegend{position: absolute;    top: 40px;    left: 500px;    width: 280px;-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;}
	div.theLegend div.ggLI{display: table;margin-bottom: 10px;}
	div.theLegend div.letter{display: table-cell;vertical-align: middle;width:38px;height:38px;font: 16px/16px 'Open Sans', Arial;    font-weight: 600;text-align: center;text-transform: uppercase;color: #fff;}
	div.theLegend div.txt{display: table-cell;vertical-align: middle;text-align: left;padding-left: 10px;font: 16px/16px 'Open Sans', Arial;    font-weight: 600;color: #061d49;}
		div.theLegend div#ggLI_1 div.letter{background-color: #89459a;}
		div.theLegend div#ggLI_2 div.letter{background-color: #03b2cf;}
		div.theLegend div#ggLI_3 div.letter{background-color: #beb23c;}
		div.theLegend div#ggLI_4 div.letter{background-color: #77787b;}
		div.theLegend div#ggLI_5 div.letter{background-color: #061d49;}
		div.theLegend div#ggLI_6 div.letter{background-color: #8cc63f;}
		div.theLegend div#ggLI_7 div.letter{background-color: #ffd300;}
		div.theLegend div#ggLI_8 div.letter{background-color: #ff3b00;}


.fsSmall{font-size: 21px;}
.fsSmallpx{font-size: 14px;}
.w100{width: 100%;}
.floatLeft{float:left;margin: 0 20px 20px 0;}
.floatRight{float:left;margin: 0 0px 20px 20px;}
.centered{text-align: center;}
div.blocked{display: inline-block;vertical-align: top;max-width: 46vw;}
div.blocked p{margin:0px 0px 10px 0px;}
div.lrgBlue{font-size: 40px;line-height: 40px;font-weight: 700;color: #182954;width: 212px;text-align: center;}


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#debug{display:none;position: absolute;bottom: 2px;left: 50%;font-size: 26px;color: #f3714d;}

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: 14px;    text-align: center;    white-space: normal;}
	div#footer p{margin: 0px 0px 5px 0px;}

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;
}

textarea.adminTexts{width:300px;padding:5px;}
textarea.adminTextl{width:600px;padding:5px;}
button.adminPost{position:absolute;}

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;
}

.backAnim{position: absolute;z-index:2;width: 100%;max-width: 87vw;
    max-height: 57vh;
    margin-left: 60px;
    display: block;
   margin-left: -43.5vw;
    left: 50%;}

.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;}

img.fade_24_2{opacity:0;-webkit-animation-name: FadeInOut; -webkit-animation-timing-function: ease-in; -webkit-animation-duration: 5600ms;
-moz-animation-name: FadeInOut; -moz-animation-timing-function: ease-in; -moz-animation-duration: 5600ms;
-ms-animation-name: FadeInOut; -ms-animation-timing-function: ease-in; -ms-animation-duration: 5600ms;
animation-name: FadeInOut; animation-timing-function: ease-in; animation-duration: 5600ms;}

img.fade_24_3{opacity:0;-webkit-animation-name: FadeInOut; -webkit-animation-timing-function: ease-in; -webkit-animation-duration: 8600ms;
-moz-animation-name: FadeInOut; -moz-animation-timing-function: ease-in; -moz-animation-duration: 8600ms;
-ms-animation-name: FadeInOut; -ms-animation-timing-function: ease-in; -ms-animation-duration: 8600ms;
animation-name: FadeInOut; animation-timing-function: ease-in; animation-duration: 8600ms;}

img.fade_24_4{opacity:0;-webkit-animation-name: FadeInOut; -webkit-animation-timing-function: ease-in; -webkit-animation-duration: 12600ms;
-moz-animation-name: FadeInOut; -moz-animation-timing-function: ease-in; -moz-animation-duration: 12600ms;
-ms-animation-name: FadeInOut; -ms-animation-timing-function: ease-in; -ms-animation-duration: 12600ms;
animation-name: FadeInOut; animation-timing-function: ease-in; animation-duration: 12600ms;}