html{width:100%;height:100%;}
body{background-color: #4d4d4d;width:100%;height:100%;overflow: hidden;margin: 0;font-family: 'Open Sans';}
	body#s0{background-image: url(images/BG2.png);    background-size: cover;}

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

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

ul, ol{padding:5px 0px 20px 30px; margin:0px; 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;}

p.textblack{color:#000;}
sup, sub {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}
sub {
  top: 0.4em;
}

input[type="submit"]{-webkit-appearance: none;    cursor: pointer;    margin: 0;    border: 1px solid #5e5e5e;    background-color: #5e5e5e;    font: 22px/22px 'Open Sans', Arial;    font-weight: 700;    color: #ffffff;    text-align: center;    vertical-align: top;    width: 100%;    padding: 0 40px;    height: 40px;    text-transform: uppercase;    border-radius: 10px;    display: block;}
	input[type="submit"]:hover{opacity:0.8;}
input[type="submit"]{outline-width: 0;}

div.mainContainer{position:relative;width:100%;height:100%;text-align:left;z-index:1; overflow-y: auto;    overflow-x: hidden;}
	body#s4 div.mainContainer{background-image: url(images/bg2.png);    width: 100%;    background-repeat: no-repeat;    background-position: 0 7vh; background-size: cover; white-space: nowrap;}
	body#s8 div.mainContainer{background-image: url(images/bg2.png);    width: 100%;    background-repeat: no-repeat;    background-position: 0 7vh; background-size: cover;}

div#topBanner{position: fixed;    background-color: #fff;    z-index: 10;    width: 100vw;    height: 7vh; box-shadow: grey 0px 0px 5px 0px}
	div#topBanner > a{display: inline-block;}
	div#topBanner h2{color: #0c1f3c;    font: 18px/20px 'Open Sans';    font-weight: 600;    margin: 0;    padding: 20px;}
	img#logoMain{display: block; width: 30vh; height: auto;   margin: 0.8vh 0 0 0;}
		body.l1 	img#logoMain{}

div.welcome{position: fixed; top: calc(4.5vh - 20px);    right: 50%;    font-size: 16px;    font-weight: bold;    float: right;    width: fit-content;    margin-right: -50px; text-transform: uppercase;}
div.welcome1{position: fixed;    top: calc(3vh - 4px);    right: 70px;    font-size: 13px;    font-weight: normal;    float: right;    width: fit-content;}

div#menuBtn{display: inline-block;vertical-align: middle;position: fixed;top: calc(3vh - 20px);right: 10px;overflow: hidden;  margin: 0 0 0 0;  padding: 0;  width:48px;height:52px;  font-size: 0;  text-indent: -9999px;  appearance: none;  box-shadow: none;  border-radius: none;  border: none;  cursor: pointer;  transition:left 400ms ease-in-out;z-index:5100;border-bottom-right-radius:5px;}
	div#menuBtn:focus{outline:none;}
	div#menuBtn span{display:block;position:absolute;top:24px;left:10px;right:10px;height:3px;background:#0c1f3c;}
		div#header.front div#menuBtn span{background:#15244b;}
	div#menuBtn span::before, div#menuBtn span::after{  position: absolute;  display: block;  left: 0;  width: 100%;  height: 3px;  background-color: #0c1f3c;  content: "";}
		div#header.front div#menuBtn span::before, div#header.front div#menuBtn span::after{background:#15244b;}
	div#menuBtn span::before{top:-7px;}
	div#menuBtn span::after{bottom:-7px;}

	div#menuBtn span{transition:background 0s 0.3s;}
	div#menuBtn span::before, div#menuBtn span::after{transition-duration:0.3s, 0.3s;transition-delay:0.3s, 0s;}
	div#menuBtn span::before{transition-property:top, transform;}
	div#menuBtn span::after{transition-property:bottom, transform;}

	div#menuBtn.HL span {background:none !important;}
	div#menuBtn.HL span::before {top:0;transform:rotate(45deg);}
	div#menuBtn.HL span::after{bottom:-2px;transform:rotate(-45deg);}
	div#menuBtn.HL span::before, div#menuBtn.HL span::after{transition-delay:0s, 0.3s;height:5px;background-color: #0c1f3c !important;}


div#mainMenu{position:fixed;top:0px;right:0px;z-index:500;background-color: #fff;width:20vw;height:100%;transition:400ms ease-in-out;-webkit-transition:400ms ease-in-out;-moz-transition:400ms ease-in-out;-webkit-backface-visibility:hidden;overflow:hidden;}
	div#mainMenu.hidden{right:-20vw;}
	div#mainMenu a{display: block;    font: 0.9vw/1vw 'Open Sans', Arial;    font-weight: 700;    text-decoration: none;    color: #0c1f3c;    text-transform: uppercase;    padding: 0 0px 0px 40px;    background-position: 0 2px;    background-size: 30px 30px;    background-repeat: no-repeat;    width: auto;    margin: 3vh 2vw;}
	div#mainMenu a.top{margin-top: 9vh;}
div#mainMenu div.menuHeading{display: block;    font: 0.9vw / 1vw 'Open Sans', Arial;    font-weight: 700;    color: #0c1f3c;    text-transform: uppercase;    padding: 0 0px 0px 40px;    background-position: 0 2px;    background-size: 30px 30px;    background-repeat: no-repeat;    width: auto;    margin: 1.5vh 2vw;}
	div#mainMenu a.woe{font: 0.75vw / 1vw 'Open Sans', Arial;    font-weight: 700;    margin: 1vh 2vw 1.5vh 4vw;}

div#homeBox{margin: 3vh auto 0 auto;    width: 420px;    background-color: #fff;    border-radius: 20px;    box-shadow: 7px 7px 14px -4px #6f6f6f; text-align: left;}
	div#homeBox img.logoHome{width: 100%;    margin: -17px 0 0 0;}
	div#homeBox div.left{display: inline-block;    vertical-align: top;    width: 155px;    margin: 30px;}
		div#homeBox div.left img#mainLogo{width: 120px;    height: auto;    margin: 0 0 14px 0;}
		div#homeBox div.left div#logoCaption{font: 16px/20px 'Open Sans',arial,sans-serif;    font-weight: 400; color: #32a5e9;}
		div#homeBox div.left strong{display: block;    color: #000;}
		div#homeBox div.left span{color: #be1e2e;    display: block;    font-weight: 600;}
	div#homeBox h1{font: 24px/28px 'Open Sans',arial,sans-serif;    font-weight: 400;    margin: 10px 0 20px 0;    color: #0c1f3c;}
	div#homeBox p{font: 14px/18px 'Open Sans',arial,sans-serif;    font-weight: 400;    white-space: normal;    color: #0c1f3c;}
	div.sponsorCap{font: 12px/14px 'Open Sans',arial,sans-serif;    font-weight: 400;    width: 750px;    text-align: center;    color: #fff;    margin: 15px auto 0 auto;white-space: normal;}
	div#homeBox.account{margin: 10vh auto 10vh auto;    min-height: calc(100vh - 20vh - 210px);}
div#homeBox .link.lang{font-size:16px;font-weight:bold;margin-left: 90%; font-color:#333333}
	div#homeBox .link.lang.skinny{margin-left:53%; color:#333333}

form#loginForm.reportanae p{padding: 0 20px;}

div#loginFormCon{position: relative;    /*display: inline-block; */   vertical-align: top;    white-space: normal;    padding: 30px 35px 20px 40px;    color: #60605f;}
	div#loginFormCon a.lang{font: 16px/18px 'Open Sans',arial,sans-serif; font-weight: 600;    text-decoration: none;    color: #60605f;    position: absolute;    top: 15px;    right: 15px;}
	div#loginFormCon a.signUp{display: block;    font: 16px/16px 'Open Sans',arial,sans-serif;    font-weight: 400;    text-decoration: none;    color: #60605f;    margin-bottom: 10px;    margin: 20px 0;    text-align: right;    white-space: nowrap;}
	div#loginFormCon span.slash{display: inline-block; padding: 0 5px; font: 16px/18px 'Open Sans',arial,sans-serif;    font-weight: 400;}
	div#loginFormCon a.login{display: block;    font: 16px/16px 'Open Sans',arial,sans-serif;    font-weight: 400;    text-decoration: none;    color: #60605f;    margin-bottom: 10px;    margin: 20px 0;    text-align: right;    white-space: nowrap;}
	div.signUp{font: 20px/20px 'Open Sans',arial,sans-serif;    font-weight: 400;color: #003b6e;    margin: 0 0 10px 0;}
	div#loginFormCon a.HL{font-weight: 600;    color: #003b6e;}
	div#loginFormCon input{display: block; border: 0; border-bottom: 1px solid #808184; font: 16px/18px 'Open Sans',arial,sans-serif; font-weight: 400;     background-color: transparent;     padding: 8px 10px 3px 10px;    height: auto;    margin: 0px 0px 20px 0px; width: 320px; color: #60605f;}
	div#loginFormCon select{display: block; border: 0; border-bottom: 1px solid #808184; font: 16px/18px 'Open Sans',arial,sans-serif; font-weight: 400;     background-color: transparent;     padding: 8px 10px 3px 6px;    height: auto;    margin: 0px 0px 20px 0px; width: 340px; color: #60605f;}
	div#loginFormCon input[type="submit"]{margin: 0 auto 10px auto;    font: 24px/40px 'Open Sans',arial,sans-serif;    font-weight: 600; color: #fff;    border: 1px solid #0c1f3c;    background-color: #000;    border-radius: 15px;    padding: 0px 20px 0px 20px;    width: 100%;}
	div#loginFormCon div.miceType.centered{text-align: center;    font-weight: 400;    color: #555555;}
		body.l1 div#loginFormCon input[type="submit"]{}
		div#loginFormCon input[type="submit"].wider{margin: 0 0 0 -94px;}
	div#loginFormCon p{font: 14px/16px 'Open Sans',arial,sans-serif;    font-weight: 400;}
	div#loginFormCon div.warning{padding-top: 0px;    font: 14px/14px 'Open Sans',arial,sans-serif;    font-weight: 400;}
	div#loginFormCon label{display: inline-block;    vertical-align: top;    font: 14px/16px 'Open Sans',arial,sans-serif;    font-weight: 400;    margin: 0px 0px 10px 10px;    cursor: pointer;    max-width: 300px;}
	div#loginFormCon label a{text-decoration: none; color: #60605f;}

div#dash{position: relative;    width: 100vw;    height: 93vh;    top: 7vh;    background-color: silver; overflow: auto;background: url(images/BG2.png) no-repeat center center fixed;  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; text-align: center;}
	body#s1 div#dash{}  /* background-image: linear-gradient(to right, #73dfea , #a15eef); */

    div#dash .pdf{color:#000;text-decoration:none;padding-bottom:30px;background-image: url('./images/icon_pdf_grey.svg');background-repeat: no-repeat;height:30px;padding-left:40px;padding-top:8px;padding-bottom:8px; !important}
    div#dash .div.res_txt{float:left;width:80%;padding-left:10px;}

div#scrollArea{position: relative;    min-width: 100%; height: 47vw;    background-image: url(images/BG2.png);    background-size: auto 100%;    background-repeat: repeat-x;    background-position: 10vw 0;    white-space: nowrap;    left: 0;    transition: left 400ms ease-in-out;}
	div#scrollArea > h1{position: absolute;    width: 100vw;    top: 9vw;    text-align: center;    font-size: 1.2vw;    line-height: 1.2vw;    color: #85a9c3;    z-index: 9;    letter-spacing: 0.1vw;}
	div#scrollArea.eps2{width: 150vw;}
	div#scrollArea.eps3{width: 190vw;}
	div#scrollArea.eps4{width: 230vw;}
	div#scrollArea.epPos1{left:0;}
	div#scrollArea.epPos2{left:-41vw;}
	div#scrollArea.epPos3{left:-82vw;}
	div#scrollArea.epPos4{left:-123vw;}

div#leftdiv{width: 46%;    display: inline-block;    margin-top: 60px;    padding: 10px;    vertical-align: top;    margin-left: auto;    text-align: left; color: #fff;}
	div#leftdiv a{text-decoration: none; color: #fff;}
	div#leftdiv h1{color: #fff;}
div#rightdiv{width: 35%;    display: inline-block;    margin-top: 60px;    padding: 10px;    vertical-align: top;    margin-right: auto;    text-align: left;    margin-left: 2%;}

div#dash.conf{}
	div#dash.conf h1 span{display: block;    font: 14px/16px 'Open Sans', Arial;    font-weight: 400;    margin: 3px 0 0 0;}
	div#dash.conf div#leftdiv{width: 17%;    min-width: 255px;}
	div#dash.conf div#rightdiv{width:50%;        min-width: 600px;    max-width: 1065px;}
		div#dash div#rightdiv div.conf{display:inline-block;width:100%;border:0px solid;padding:20px;border-radius:20px;background-color:#fff;box-shadow: #4d4d4d 1px 5px 35px 1px;}
			div#dash div#rightdiv div.conf h1{color:#000;}
			div.conf div.desc{display: inline-block;    vertical-align: top;    width: calc(29% - 20px);    margin: 0 20px 0px 0;     font-size: 14px;    line-height: 16px;}
			div.conf div.vidCon{display: inline-block;    width: 34vw;    height: 19.1vw; float: right;    max-width: 700px;    max-height: 394px;}
				div.vidCon iframe{width: 100%;    height: 100%;}
			div#dash div.conf a.pdf{display:block; width: fit-content; background-image: url('images/icon_pdf_grey.svg');background-repeat: no-repeat;padding: 6px 0 0px 50px;    min-height: 50px;    background-size: 45px auto;    height: auto;text-decoration:none;color:#000; margin: 0 0 15px 0px;    font-size: 14px;    line-height: 16px;}
			div#dash div.conf a.ppt{display:block; width: fit-content; background-image: url('images/icon_ppt.svg');background-repeat: no-repeat;padding: 6px 0 0px 50px;    min-height: 50px;    background-size: 45px auto;    height: auto;text-decoration:none;color:#000; margin: 0 0 15px 0px;    font-size: 14px;    line-height: 16px;}


div#dash.woe{}
	div#dash.woe div#leftdiv{width: 17%;    min-width: 255px;}
	div#dash.woe div#rightdiv{width:55%;        min-width: 600px;    max-width: 1065px;}
	select#pid{display: block;    padding: 5px 20px;    font-size: 16px;    font-weight: 600;    margin: 20px 0; cursor: pointer;}
	div#dash.woe table.faculty{font-size: 14px;    line-height: 16px;}
		div#dash.woe table.faculty img{width:100px;height:100px;border-radius:15px;margin-right:10px;margin-bottom:20px;}
		.themebtn {margin: 0 auto 10px auto;    font: 18px/32px 'Open Sans',arial,sans-serif;    font-weight: 600; color: #fff;    border: 1px solid #0c1f3c;    background-color: #353a43;    border-radius: 15px;    padding: 0px 20px 0px 20px;    width: 93%;text-decoration: none;display: inline-block; text-align: center;}
			div#dash.woe .themebtn{width: 86%;}

div.module{display:inline-block; margin-left: 15px; margin-right: 15px;margin-bottom: 32px;border-radius: 25px;background-color: #fff;box-shadow: grey 0px 0px 10px 0px;padding:20px;vertical-align:top;    width: calc(49% - 70px); text-align:center;}
	div.module div.modCon{position: relative; min-height: 370px;    text-align: left;}
	div.module div.langNote{font: 12px/14px 'Open Sans',arial,sans-serif;    margin: -10px 0 10px 0; font-style: italic;}
	div.module img.chk{position: absolute;    width: 40px;    height: auto;    top: -24px;    right: -23px;}
div.module_check{width:25%;display:inline-block;height:360px;margin-left: 40px;margin-right: 50px;margin-bottom: 80px;border-radius: 25px;background-color: #fff;box-shadow: grey 0px 0px 10px 0px;padding:20px; /*background-image: url(images/icon_check_dk-grey.svg);    background-size: auto 100%;    background-repeat: no-repeat;background-position: right 2% top 2%;*/background-image: linear-gradient(#fff, #b9dee2);}
div.footer_cert{width:50%; display:inline-block;background-image: url(images/icon_cert_dk-grey.svg);    background-size: auto 100%;    background-repeat: no-repeat;}
div.footer_eval{width:46%; display:inline-block;background-image: url(images/icon_eval_dk-grey.svg);    background-size: auto 90%;    background-repeat: no-repeat;}
div.footer_txt{padding-left: 30px;font: 12px/16px 'Open Sans',arial,sans-serif;}

div.subleft{width:100%;border:0px solid;display:inline-block; margin-bottom: 60px;vertical-align: top;}
	div.subleft.conferences{}

div.subright{width:100%;border:0px solid;display:inline-block;margin-bottom: 50px;vertical-align: top;}
p.subCont{color:#fff; font-size: 16px; font-weight: bold; margin: 0 0 10px 0; display:inline-block;}
	div.subleft.conferences p.subCont{margin-bottom: 40px;}
	div.subleft.woe p.subCont{margin-bottom: 40px;}
div.subrow{width:96%;height:auto;border-radius: 0px 0px 25px 25px;background-color: #fff;box-shadow: grey 0px 0px 10px 0px;padding: 10px;}
a.seemore{color:#fff !important; font-size: 14px; font-weight: bold;float: right;display:inline-block;text-decoration: none;padding: 0px 0 0 14px; background-image: url('./images/icon_triangle_white.svg');background-repeat: no-repeat; background-size: 10px 10px; background-position: 0px 5px; margin: 7px 2% 0 0;}
	a.seemore:hover{opacity:0.7}
img.overlap{width:100%;margin-top: -40px;border-radius:25px;}
em.note{display: block;    font-size: 14px;    line-height: 16px;    margin: -10px 0 16px 0;}
	em.note a{color: #000;}
	em.note.centered{text-align: center;}

div.subleft.resources{}
	div.resource{width:87%; height:auto; border-radius:5px; padding: 10px;}
		div.resource a{display: block; text-decoration: none; text-align: left; color:#000;}
		div#leftdiv div.resource a{color:#000;}
			div.resource a img{display:inline-block; vertical-align: middle; width:15%; height: auto; margin: 0; box-shadow: 0 0 5px rgba(0,0,0,.1);}
			div.resource a span{display: inline-block; vertical-align: middle; padding: 20px 10px;    max-width: 80%;}

div#dash.resources{}
	div#dash.resources div#leftdiv{width: 17%;    min-width: 305px; padding-top: 20px;}
	div#dash.resources div#rightdiv{width: fit-content;    max-width: 660px;    margin-left: 0;}
		div#dash.resources div.resource{background-color: #fff;    border-radius: 10px;    margin: 20px 0 20px 0;    width: auto;}
	div#dash.resources h1{padding-top: 20px;}
	div#dash.resources h2{margin: 0 0 20px 0;color: #fff;font:16px/18px 'Open Sans', Arial;font-weight: 600;}
		div#dash.resources div#leftdiv h1{padding-top: 0px;}
			div#dash.resources div#leftdiv h1 span{display: block;    font: 14px / 16px 'Open Sans', Arial;    font-weight: 400;    margin: 3px 0 0 0;}


div.footer{height: auto;width: 100%; padding-top: 10px;padding-bottom: 10px;outline-color: black;}/* background-color: #fff; box-shadow: 0px 0px 4px 2px grey; */

div.eventBtn{position: relative; padding: 5px; width: 550px;    margin: 0 0 10px 0; z-index: 200; background-color: #fff; color: #60605f; box-shadow: 0 0 5px rgba(0,0,0,.1); font-size: 0;    line-height: 0; cursor:pointer;border-radius: 20px;}
div.moduleBtn{position: relative; padding: 5px; width: 100%;    margin: 0 0 10px 0; z-index: 200; background-color: #fff; color: #60605f; box-shadow: 0 0 5px rgba(0,0,0,.1); font-size: 0;    line-height: 0; cursor:pointer;}

div.eventsRight{display: inline-block;    vertical-align: top;    width: 450px;}

div.subright.eventListing div#upcomingEvents div.eventBtn div.dateTime div.date{font: 0.9vw/1.5vw 'Open Sans',arial,sans-serif;    font-weight: 600;}
div.subright.eventListing div#upcomingEvents div.eventBtn div.dateTime div.time{font: 0.9vw/1.5vw 'Open Sans',arial,sans-serif;    font-weight: 600;}
div.subright.eventListing div#upcomingEvents div.eventBtn h2{font: 1.2vw/1.5vw 'Open Sans',arial,sans-serif;    font-weight: 600;}
	div.subright.eventListing div#upcomingEvents div.eventBtn div.speakerImg{width: 7vw;    height: 7vw;    background-position: center;}
	div.subright.eventListing div#upcomingEvents div.eventBtn div.speaker div.name{font: 1vw/1vw 'Open Sans', Arial;    font-weight: 700;}
	div.subright.eventListing div#upcomingEvents div.eventBtn p{font: 0.7vw/0.8vw 'Open Sans', Arial;    font-weight: 400;}


div#upcomingEvents{position: relative;margin-bottom: 20px;}
	div#upcomingEvents div.eventBtn{padding: 10px;	display:block;	vertical-align:top;	margin: 0 20px 30px 0;}
		div#rightdiv div#upcomingEvents div.eventBtn{padding: 0;    border: 0;    box-shadow: none;    margin: 0;    width: 100%;}
		div#upcomingEvents div.eventBtn div.eventLogo{float: left;    display: inline-block;    width: 100px;    height: 70px;    background-repeat: no-repeat;    background-size: contain;    background-position: top center;    margin: 0 10px 10px 0;}
		div#upcomingEvents div.eventBtn div.speakerImg{float: left;    display: inline-block;          width: 100px;    height: 100px;   background-repeat: no-repeat;    background-size: cover;margin: 0 10px 10px 0;     border-radius: 10px;}
			div#upcomingEvents div.eventBtn div.subSpeakerImg{position: absolute;  display:block; top: 5px;    left: 4px;    width: 48px;    height: 60px;   background-repeat: no-repeat;    background-size: cover; background-position: top center; z-index: 20;}
			div#upcomingEvents div.eventBtn div.subSpeakerImgB{position: absolute;  display:block; top: 49px;    left: 33px;    width: 50px;    height: 60px;   background-repeat: no-repeat;    background-size: cover; background-position: top center; z-index: 30;}
			div#upcomingEvents div.eventBtn div.speakerImg.three div.subSpeakerImg{width: 39px;    height: 54px;}
			div#upcomingEvents div.eventBtn div.speakerImg.three div.subSpeakerImgB{top: 5px;    left: 44px;    width: 39px;    height: 54px;}
			div#upcomingEvents div.eventBtn div.speakerImg.three div.subSpeakerImgC{position: absolute;    display: block;    top: 63px;    left: 4px;    width: 39px;    height: 48px;    background-repeat: no-repeat;    background-size: cover;    background-position: top center;    z-index: 30;}

		div#upcomingEvents div.eventBtn div.restricted{float:right;text-align: right; text-align: right; width: 100px;font: 15px/15px 'Open Sans', Arial;    font-weight: 400; font-style: italic;padding: 36px 0 0 0;}
		body.l1 div#upcomingEvents div.eventBtn div.restricted{font: 15px/13px 'Open Sans', Arial;    font-weight: 400;    padding: 24px 0 0 0;}

		div#upcomingEvents div.eventBtn div.dateTime{padding: 0px 0 5px 0px;    margin: 10px 0px 0px 0px;    border-bottom: 1px solid #68b9de;    color: #353a42;}
			div#upcomingEvents div.eventBtn div.dateTime div.date{display: inline-block; vertical-align: top;    font: 16px/16px 'Open Sans', Arial;    font-weight: 600;    margin-bottom:10px;	width: 40%;    text-align: left;    text-transform: uppercase;}
			div#upcomingEvents div.eventBtn div.dateTime div.time{display: inline-block; vertical-align: top;    font: 16px/16px 'Open Sans', Arial;    font-weight: 600;	width:auto;	text-align:left;}
				div#upcomingEvents div.eventBtn div.dateTime div.time div.left{text-align: right;    display: inline-block;    vertical-align: top;}
				div#upcomingEvents div.eventBtn div.dateTime div.time div.right{text-align: left;    display: inline-block;    vertical-align: top;}
				div#right  div#upcomingEvents div.eventBtn h2{color: #353a42;    font: 20px/22px 'Open Sans',arial,sans-serif;    font-weight: 600;	text-align:left;}
					div#upcomingEvents div.eventBtn h2 strong{font-weight: 800;}
		div#upcomingEvents div.eventBtn div.speaker{padding: 0 0 2px 0px;    background-repeat: no-repeat;    background-position: 0px 0px;    background-size: 15px 15px;    overflow: hidden;}
			div#upcomingEvents div.eventBtn div.speaker div.name{font: 15px/15px 'Open Sans', Arial;    font-weight: 800;    padding: 0px 0 3px 0;}
			div#upcomingEvents div.eventBtn p{font: 13px/15px 'Open Sans', Arial;    font-weight: 400;    padding: 0px 0 3px 0;}
		div#upcomingEvents div.eventBtn div.program{padding: 1px  20px 2px 22px;    background-repeat: no-repeat;    background-position: 0px 0px;    background-size: 15px 15px;    overflow: hidden;    font: 16px/16px 'Open Sans', Arial;    font-weight: 400;}
			div#upcomingEvents div.eventBtn div.program span{display: block; font: 14px/14px 'Open Sans', Arial;    font-weight: 400;    padding: 3px 0 0 0;}
		div.eventBtn div.lang{text-align: right;    font: 14px/14px 'Open Sans', Arial;    font-weight: 700;    padding: 2px 10px 0px 0;    margin: 0 0 -4px 0;    font-style: italic;color: #003b7f;}
		div#currentEvent div.eventBtn div.lang{float: right;}
		div.date-administration{color: #353a42; vertical-align: top;    font: 16px/16px 'Open Sans', Arial;    font-weight: 600;    padding: 0 0 10px 5px; width: 250px;}
		div.time-administration{color: #353a42; display: inline-block; vertical-align: top;    font: 16px/16px 'Open Sans', Arial;    font-weight: 600;    padding: 0 10px 10px 0;}
		div.time-administration div.left{text-align: right;    display: inline-block;    vertical-align: top;}
		div.time-administration div.right{text-align: left;    display: inline-block;    vertical-align: top;}

		div.bottom-past{width:100%;}

		div#pastEvents div.eventBtn div.dateTime{padding: 0px 0 5px 0px;    margin: 10px 0px 0px 0px;    border-bottom: 1px solid #68b9de;    color: #353a42;}
			div#pastEvents div.eventBtn div.dateTime div.date{display: inline-block; vertical-align: top;    font: 16px/16px 'Open Sans', Arial;    font-weight: 600;    margin-bottom:10px;	width: 40%;    text-align: left;    text-transform: uppercase;}
			div#pastEvents div.eventBtn div.dateTime div.time{display: inline-block; vertical-align: top;    font: 16px/16px 'Open Sans', Arial;    font-weight: 600;    width:auto;	text-align:left;}
				div#pastEvents div.eventBtn div.dateTime div.time div.left{text-align: right;    display: inline-block;    vertical-align: top;}
				div#pastEvents div.eventBtn div.dateTime div.time div.right{text-align: left;    display: inline-block;    vertical-align: top;}

	div#right div#otherEvents > h2{margin: 0;    color: #353a42;    font-weight: 600;}
	div#otherEvents div.eventBtn{background: transparent;    box-shadow: none;    width: 100%; padding: 5px 0;}
		div#otherEvents div.eventBtn div.dateTime{padding: 0;    margin: 10px 0px 0px 0px;    border-bottom: 1px solid #353a42;    color: #353a42;}
			div#otherEvents div.eventBtn div.dateTime div.date{display: inline-block; vertical-align: top;    font: 16px/16px 'Open Sans', Arial;    font-weight: 400;    margin-bottom:8px;	width: 48%;    text-align: left;    text-transform: uppercase;padding: 0;}
			div#otherEvents div.eventBtn div.dateTime div.time{display: inline-block; vertical-align: top;    font: 16px/16px 'Open Sans', Arial;    font-weight: 400;	width:auto;	text-align:left;padding: 0;}
				div#otherEvents div.eventBtn div.dateTime div.time div.left{text-align: right;    display: inline-block;    vertical-align: top;}
				div#otherEvents div.eventBtn div.dateTime div.time div.right{text-align: left;    display: inline-block;    vertical-align: top;}
				div#otherEvents div.eventBtn h2{color: #353a42;    font: 20px/22px 'Open Sans',arial,sans-serif;    font-weight: 600;	text-align:left; margin: 6px 0;}

div#pastEvents{position: relative;margin-bottom: 20px;}
div#pastEvents div.eventBtn{background-color: #FFFFFF; padding: 5px 15px;	margin:10px;	display:inline-block;	vertical-align: top; cursor: default;}
		div#pastEvents div.eventBtn div.speakerImg{float: left;    display: inline-block;          width: 100px;    height: 100px;   background-repeat: no-repeat;    background-size: cover;margin: 0 10px 10px 0;     border-radius: 10px; opacity: 1;}
			div#pastEvents div.eventBtn div.subSpeakerImg{position: absolute;  display:block; top: 5px;    left: 4px;    width: 48px;    height: 60px;   background-repeat: no-repeat;    background-size: cover; background-position: top center; z-index: 20;}
			div#pastEvents div.eventBtn div.subSpeakerImgB{position: absolute;  display:block; top: 49px;    left: 33px;    width: 50px;    height: 60px;   background-repeat: no-repeat;    background-size: cover; background-position: top center; z-index: 30;}
			div#pastEvents div.eventBtn div.speakerImg.three div.subSpeakerImg{width: 39px;    height: 54px;}
			div#pastEvents div.eventBtn div.speakerImg.three div.subSpeakerImgB{top: 5px;    left: 44px;    width: 39px;    height: 54px;}
			div#pastEvents div.eventBtn div.speakerImg.three div.subSpeakerImgC{position: absolute;    display: block;    top: 63px;    left: 4px;    width: 39px;    height: 48px;    background-repeat: no-repeat;    background-size: cover;    background-position: top center;    z-index: 30;}

		div#pastEvents div.eventBtn div.restricted{float:right;text-align: right; text-align: right; width: 100px;font: 15px/15px 'Open Sans', Arial;    font-weight: 400; font-style: italic;padding: 36px 0 0 0;}
		body.l1 div#pastEvents div.eventBtn div.restricted{font: 15px/13px 'Open Sans', Arial;    font-weight: 400;    padding: 24px 0 0 0;}

				div#pastEvents div.eventBtn h2{color: #353a42;    font: 20px/22px 'Open Sans',arial,sans-serif;    font-weight: 600;}
		div#pastEvents div.eventBtn div.speaker{padding: 0 0 2px 22px;    background-repeat: no-repeat;    background-position: 0px 0px;    background-size: 15px 15px;    overflow: hidden;}
			div#pastEvents div.eventBtn div.speaker div.name{font: 15px/15px 'Open Sans', Arial;    font-weight: 600;    padding: 0px 0 3px 0;}
			div#pastEvents div.eventBtn p{font: 13px/15px 'Open Sans', Arial;    font-weight: 400;    padding: 0px 0 3px 0;}
		div#pastEvents div.eventBtn div.program{padding: 1px  20px 2px 22px;    background-repeat: no-repeat;    background-position: 0px 0px;    background-size: 15px 15px;    overflow: hidden;    font: 16px/16px 'Open Sans', Arial;    font-weight: 400;}
			div#pastEvents div.eventBtn div.program span{display: block; font: 14px/14px 'Open Sans', Arial;    font-weight: 400;    padding: 3px 0 0 0;}


a.requestLink{display: inline-block;    width:90%; text-align: center; vertical-align: top;    background-color: #5e5e5e;    color: #FFFFFF;    padding: 5px;    font: 14px/16px 'Open Sans', Arial;    font-weight: 600;    text-decoration: none;    border-radius: 10px;    padding: 8px 10px;    margin: 15px 5px;}
	a.requestLink.right{}
	a.learnLink{display:block; text-align: center; vertical-align: top;    background-color: #5e5e5e;    color: #FFFFFF;    padding: 5px;    font: 14px/16px 'Open Sans', Arial;    font-weight: 600;    text-decoration: none;    border-radius: 10px;    padding: 8px 15px;    margin: 0 0 10px 0;}
		div.subright.eventListing a.learnLink{margin: 0;    line-height: 30px;    font: 1vw/1vw 'Open Sans', Arial;    font-weight: 600;}
a.watchBtn{display: inline-block;    width:90%; text-align: center; vertical-align: top;    background-color: #5e5e5e;    color: #FFFFFF;    padding: 5px;    font: 14px/16px 'Open Sans', Arial;    font-weight: 600;    text-decoration: none;    border-radius: 10px;    padding: 8px 10px;    margin: 15px 5px;}

div#left{display: inline-block;    vertical-align: top;    width: 270px;    font: 16px/20px 'Open Sans',arial,sans-serif;    font-weight: 400;    white-space: normal;    padding: 13vh 20px 20px 40px;}
div#resourceLink{cursor:pointer;border-radius: 20px;padding: 15px 18px; border: 1px solid #ccc; display: none;}
	h2.resources{padding: 0 0 5px 50px;    background-image: url(images/icon_resources_grey.svg);    background-repeat: no-repeat;    background-size: 45px 45px;    font: 20px/22px 'Open Sans',arial,sans-serif;    font-weight: 600;    margin: 0 0 10px 0;    color: #363a42;}
	div#resourceLink img{display: block; width: 100%; height: 60%; box-shadow: 9px 9px 14px -4px #333; margin: 0 0 10px 0;}

div#right{display: inline-block;    vertical-align: top;    width: calc(100vw - 330px); overflow: auto; white-space: normal; min-height: 78vh;    padding-top: 8vh;}
	div#right div.PAD{padding: 40px 40px 80px 40px;}
	div#right div.PAD h1{font: 24px/24px 'Open Sans',arial,sans-serif; font-weight: 600; padding: 0 0 0 0px;    margin: 0 0 40px 0;    color: #353a42;}
		div#right div.PAD h1 span{display: block;    font: 16px/18px 'Open Sans',arial,sans-serif;    font-weight: 600;    padding: 0px 0 0 0;}
			body.l1 div#right div.PAD h1 span{}
		div#right div.PAD h1.calendar{padding: 0 0 0 50px;	width:455px;    background-image: url(images/icon_calendar_black.svg);    background-repeat: no-repeat;    background-size: 45px 45px;    color: #000;    font: 28px/28px 'Open Sans',arial,sans-serif;    font-weight: 600;    margin: 0 0 20px 0;}
		div#right div.PAD h1.recording{display:none; padding: 0 0 0 44px; margin:0 auto 10px;	background-image: url(images/icon_microphone_blue.svg);    background-position: top left;    background-repeat: no-repeat;    background-size: 45px 45px;    color: #353a42;    font: 28px/28px 'Open Sans',arial,sans-serif;    font-weight: 600;}
	div#right div.PAD h2{position: relative; color:#60605f; font: 18px/20px 'Open Sans',arial,sans-serif; font-weight: 400; padding: 0 0 0 0px;}
	div#right div.PAD.info{padding: 40px 40px 40px 120px; font: 14px/20px 'Open Sans',arial,sans-serif;    font-weight: 400; max-width: 1200px;}
	div#right div.PAD.support{padding: 40px 40px 40px 120px; font: 14px/20px 'Open Sans',arial,sans-serif;    font-weight: 400; max-width: 500px;}
		div.PAD.support a{color: #04a8cc;}
	div#right div.PAD.listing{ padding: 50px 0 0 40px;}
	div#right div.PAD.listing a.langLink{text-align: center;    display: block;    text-decoration: none;    color: #fff;    padding: 0 0 8px 0; font: 14px/14px 'Open Sans', Arial;    font-weight: 400;    width: 540px;    background-color: #5e5e5e;    border-radius: 10px;    padding: 8px 15px;    margin: 0 0 10px 0;}
	body#s8 div#right{width: 100vw;}

body#s4 div#left{display: none;}
body#s4 div#right{display: block;    margin: auto;    width: 700px;}

div#right div.PAD.event{font: 16px/20px 'Open Sans',arial,sans-serif;    font-weight: 400;}
	div#right div.PAD.event a.backLink{display: block;    padding: 3vh 0 20px 0;   text-decoration: none; color: inherit; width: fit-content;}
	div#right div.PAD.event h1{font: 30px/34px 'Open Sans',arial,sans-serif;    font-weight: 600;}
	div#right div.PAD.event h1 div.eventLogo{float: left;    display: inline-block;    width: 120px;    height: 120px;    background-repeat: no-repeat;    background-size: contain;    background-position: top center;    margin: 0 20px 10px 0;}

div.eventLeft{display: inline-block;    vertical-align: top;    width: 480px;    margin: 0 25px 0 0; padding-bottom: 40px;}
div#eventSpeakers{max-width: 1200px;}
div.eventSpeaker{display: inline-block;    vertical-align: top;    width: 480px;    margin: 0 25px 0 0; padding-bottom: 40px;}
	div.PAD.event div.speakerImg{display: inline-block;    vertical-align: top;    width: 125px;    height: 125px;    background-repeat: no-repeat;    background-size: cover;        margin: 0 10px 10px 0;    border-radius: 14px;    float: left;}
	div.PAD.event div.speakerInfo div.name{display: inline-block;    vertical-align: top;    padding: 1px 10px 4px 0px;    font: 14px/16px 'Open Sans', Arial;    font-weight: 600;    }
	div.PAD.event div.speakerInfo div.creds{display: inline-block; vertical-align: top; font:14px/16px 'Open Sans', Arial;    font-weight: 600;    padding: 1px 0 4px 0;}
	div.PAD.event div.speakerInfo div.profTitle{padding: 0 0 10px 0;    font: 13px/16px 'Open Sans', Arial;    font-weight: 400;}
	div.PAD.event div.speakerInfo div.bio{margin-bottom: 60px;clear: both;}
	div.PAD.event div.speakerInfo a{}
	div.PAD.event div.speakerInfo > em{font: 13px/20px 'Open Sans',arial,sans-serif;    font-weight: 400;    font-style: italic;}

div.eventRight{display: inline-block;    vertical-align: top;    width: 480px;}
	div.eventRight a.langLink{text-align: center;    display: block;    text-decoration: none;    color: #000;    padding: 0 0 8px 0; font: 16px/16px 'Open Sans', Arial;    font-weight: 600;}
form#regForm{display: block;    margin: 0 0 20px 0;    z-index: 200;    padding: 20px;    text-align: center;    border: 1px solid #fff;    border-radius: 20px; background-color: #fff;box-shadow: 5px 6px 14px -4px #333;}
div.PAD.event div.dateTime{margin: 0px 0 15px 0;    font: 20px/22px 'Open Sans', Arial;    font-weight: 400;}
	div.PAD.event div.dateTime strong{display: block;color: #04a8cc;}
	div.PAD.event div.dateTime div.date{display: inline-block; vertical-align: top; padding: 0 0px 7px 0;    font: 28px/28px 'Open Sans', Arial;    font-weight: 600; text-transform: uppercase;}
	div.PAD.event div.dateTime div.time{display: block;    vertical-align: top;    padding: 0 0 10px 0;}
		div.PAD.event div.dateTime div.time div.left{text-align: right;    display: inline-block;    vertical-align: top;}
		div.PAD.event div.dateTime div.time div.right{text-align: left;    display: inline-block;    vertical-align: top;}

div.PAD.event div.speakerInfo{display: inline-block;    vertical-align: top;    width: 66%;}
div.PAD.event div.bio{clear: both;    margin: 0 0 30px 0;}
	body.l0 div.PAD.event div.bio{}

	form#regForm input[type="submit"]{margin: 0 0 20px 0;    border-radius: 10px;    background-color: #5e5e5e;    border: 0;}
	div.regged form#regForm{}
	div.thanks{font: 18px/22px 'Open Sans',arial,sans-serif;    font-weight: 400;    padding:0;    max-width: 500px;}
		div.thanks a{}
	p.registered{font: 18px/22px 'Open Sans',arial,sans-serif;    font-weight: 400;}
	form#regForm div.restricted{font: 15px/15px 'Open Sans', Arial;    font-weight: 400;    font-style: italic;    text-align: center;    width: 480px;    padding: 0px 0 10px 0;}
	.attendance{font-size:26px;}
	body .smcx-modal{height: 59vh !important; margin-top: -29vh !important;}
		body .smcx-modal>.smcx-modal-content{height: 50vh !important;}

div#otherEvents{display: block;    margin: 0 0 20px 0;    z-index: 200;    padding: 20px;    text-align: left;    border: 1px solid #353a42;    border-radius: 20px;    max-width: 940px;}

div#upcomingEvents.recordings div.eventBtn div.speaker {background-size: 18px 20px;    padding: 10px 0 6px 22px;    background-position: 0px 10px;}
div#upcomingEvents.recordings div.eventBtn div.speaker div.name{font: 20px/20px 'Open Sans', Arial;    font-weight: 600;}
div#upcomingEvents.recordings div.eventBtn div.program{font: 19px/19px 'Open Sans', Arial;    font-weight: 400;}
div#upcomingEvents.recordings div.eventBtn div.program span{font: 17px/17px 'Open Sans', Arial;    font-weight: 400;}



a#scrollBackBtn{display: block;    position: absolute;    top: 35vw; left:1vw;    background-image: url(images/arrow_explore-back_white.svg);    background-size: auto 100%;    background-repeat: no-repeat;    width: 8vw;    height: 4vw;}
	a#scrollBackBtn:hover{opacity: 1;}
	a#scrollBackBtn.hidden{display: none;}
a#scrollNextBtn{display: block;    position: absolute;    top: 35vw; right:1vw;    background-image: url(images/arrow_explore_white.svg);    background-size: auto 100%;    background-repeat: no-repeat;    width: 11vw;    height: 4vw;}
body.l1 a#scrollNextBtn{background-image: url(images/arrow_explore_white-fr.svg);    background-size: auto 100%;    background-repeat: no-repeat;    width: 11vw;    height: 4vw;}
	a#scrollNextBtn:hover{opacity: 1;}
	a#scrollNextBtn.hidden{display: none;}

div#introCon{position: relative;    display: inline-block;    vertical-align: top; width: 25vw;    height: 21vw;    background-image: url(images/BG_intro.jpg);    background-size: cover;    margin: 10.1vw 0 0 0;}
	div#introCon div{position: absolute; top: 1vw;    right: 1vw;    width: 21.5vw;    background-color: rgba(0, 0, 0, 0.75);    border-radius: 0.5vw;    padding: 3%;    margin: 0;    color: #fff;    font-size: 0.83vw;    line-height: 1vw;    white-space: normal;    height: 17.5vw;}
		div#introCon div p{margin: 0px 0px 0.5vw 0px;}
		body.l1 div#introCon div li{font-size: 0.65vw;}

		div#introCon div ul{padding: 0px 0px 0.5vw 1.5vw;}

		body.l1 div#introCon div p{font-size: 0.65vw;}

div#loginFormCon p{color:#000;}
div#dash div.episodeCon{position: relative;    display: inline-block;    vertical-align: top; width: 23.8vw;    height: 12vw;    margin: 14vw 3vw 0 14vw;    background-color: #000;    background-size: cover;    background-repeat: no-repeat; cursor: pointer;}
	div#dash div.episodeCon.ep1{background-image: url(images/ep1.jpg);}
	div#dash div.episodeCon.ep2{background-image: url(images/ep2.jpg);}
	div#dash div.episodeCon.ep3{background-image: url(images/ep3.jpg);}
	div#dash div.episodeCon.ep4{background-image: url(images/ep4.jpg);}

	body.l1 div#dash div.episodeCon.ep1{background-image: url(images/ep1-fr.jpg);}
	body.l1 div#dash div.episodeCon.ep2{background-image: url(images/ep2-fr.jpg);}
	body.l1 div#dash div.episodeCon.ep3{background-image: url(images/ep3-fr.jpg);}
	body.l1 div#dash div.episodeCon.ep4{background-image: url(images/ep4-fr.jpg);}

div#dash div.completeCon{position: absolute;    bottom: 0;    background-color: #70bf44;    width: 97.4%;    height: 2vw;    margin: 0 1.4%;}
	div#dash div.completeCon h2{display: inline-block;    vertical-align: top;    background-image: url(images/check_white.svg);    background-repeat: no-repeat;    background-position: left center;    background-size: 2vw 1.5vw;    font-size: 1vw;    line-height: 1vw;    padding: 1.3vw 0 0.4vw 2vw;    margin: 0.1vw 1vw 0 0.3vw;    color: #fff;}
	body.l1 div#dash div.completeCon h2{margin: 0.1vw 0.5vw 0 0.3vw;}
	div#dash div.completeCon a{display: inline-block;    vertical-align: top;    background-repeat: no-repeat;    background-position: left center; color: #fff;    text-decoration: none;}
		div#dash div.completeCon a.eval{font-size: 0.6vw;    line-height: 0.7vw;    background-image: url(images/icon_eval_white.svg);    background-size: 1.8vw 1.4vw;    padding: 0.2vw 0 0.4vw 1.8vw;    margin: 0.1vw 1vw 0 0;}
		div#dash div.completeCon a.plan{font-size: 0.6vw;    line-height: 0.65vw;    background-image: url(images/icon_report_white.svg);    background-size: 1.8vw 1.4vw;    padding: 0.3vw 0 0.4vw 1.8vw;    margin: 0;}

div.nextArrow{background-image: url(images/arrow_explore_white.svg);background-repeat: no-repeat; background-size: contain;}

div#episodeCon{position: relative;    top: 7vh;    background-image: url(images/BG2.png);    background-size: cover;    overflow: hidden; height: 93vh;}

div#contentCon{position: relative;    top: 7vh;    background-image: url(images/BG2.png);    background-size: cover;    overflow: hidden; height: 89vh; font:18px/22px 'Open Sans', Arial;font-weight: 400; padding: 4vh 40px 0 1.8vw; color:#fff; overflow: auto;}
div.contentCon{position: relative;    top: 7vh;    background-color: #f2f2f2;    overflow: hidden; height: 89vh; font:14px/24px 'Open Sans', Arial;font-weight: 400; padding: 4vh 20vw 0 9vw; color:#000; overflow: auto;}
p.contentTxt{font: 16px/24px 'Open Sans'}
	div#contentCon h2{font:24px/26px 'Open Sans', Arial; font-weight: 400; margin: 40px 0 20px 0;}

div#contentCon.committee{text-align: center;}
	div#contentCon.committee h2{font-weight: 600;}
div#committee{position: relative; color: #000;background-color: #fff; width: 920px;    margin: 0 auto;}
	div#committee div.member{display: inline-block; vertical-align: top;font:16px/20px 'Open Sans', Arial; font-weight: 400; text-align: left; margin: 30px 30px 30px 0; cursor: pointer;}
	div#committee a{display: block; color: #000; text-decoration: none;    font: 12px/20px'Open Sans', Arial;    font-weight: 400;}

div.disclosure{position: absolute; top:0; left: 0; z-index: 20; width: 880px; background-color: #fff; text-align: right; padding: 20px;}
	div.disclosure.hidden{display: none;}
	div.disclosure img{width: 100%; height: auto;}

h1{margin: 0 0 20px 0;color: #fff;font:20px/22px 'Open Sans', Arial;font-weight: 600;}

h2#title{display: inline-block;    color: #0c1f3c;    font: 18px/20px 'Open Sans';    font-weight: 600;    margin: 20px 0 20px 0;    background-image: url(images/banner_question_yellow.png);    background-size: 100% 45px;    background-repeat: no-repeat;    padding: 7px 40px 8px 20px;}
	h2#title.hidden{opacity: 0;}

div#content{position: relative;    z-index: 5;    font: 24px/24px 'Open Sans', Arial;    color: #000;    margin: 20px auto 0 5vw;}
	div#content div.tableCell h3{margin:0 0 1vw 0;font-size: 2.5vw;font-weight: 600;color:#15244b;}
	div#content hr{height: 4px;border: 0px;background-color: #f3714d;margin: 40px 40px 40px 0px;}
	div#content h2{color: #0c1f3c;    font: 18px/20px 'Open Sans';    font-weight: 600;    margin: 0 0 20px 0;}
	div#content > h3{margin:0 0 1vw 0;font-size: 2.5vw;font-weight: 600;color:#222;}
	div#content p.miceType{}/* font: 14px/16px 'Open Sans';    font-weight: 400; */

div.contentCon.privacy{background: url(images/BG2.png) no-repeat center center fixed;    background-size: cover;    color: #fff; height: auto;}
	div.contentCon.privacy a{color: #fff;}

div.leftCol{float:left;vertical-align: top;margin:0px 20px 20px 0px;}
	div.leftCol ul{list-style-type: none;padding: 0;}

img#svg{max-width: 87vw;max-height: 57vh;margin-left: 60px;display: block;margin-left: auto;margin-right: auto;    position: relative;    z-index: 5;}
	img#svg.hidden{display: none;}
	img#svg.full{margin-top: -186px;    margin-left: 189px;    max-width: 72vw;    max-height: 70vh;}

div#questionBox{display: block; margin-right:70px;   }
div#questionBox div.right{display: inline-block;vertical-align: top;}
	div#questionBox div.right p{margin:0px 20px 20px 0px;}
	div#questionBox div.right ul{margin-left: 40px;}
div#questionBox div.answerCol.right{width: 370px;}
div#questionBox div.answerCol.left{position: relative;    display: inline-block;    vertical-align: top;    width: 370px;    height: 100%;}

div.question{font: 28px/34px 'Open Sans', Arial;    font-weight: 600;    color: #fff;}
	div.question div.number{display: none; float: left;    margin: 0 10px 100px 0;}

div#questionBox div.explanation{font: 14px/18px 'Open Sans', Arial;    font-weight: 400;    margin: 10px 0 0 20px; max-height: 300px;    overflow-y: auto;}
	div#questionBox div.explanation ul{margin: 0px 0 0 10px;}
	div#questionBox div.explanation div.references{font: 10px/12px 'Open Sans', Arial;    font-weight: 400;}
div#footnote{font:12px/14px 'Open Sans', Arial;font-weight:300;margin:30px 320px 0px 20px}
div#questionBox span.smaller1{display: inline-block; font:14px/20px 'Open Sans', Arial;font-weight:300;}
	body.l1 div#questionBox span.smaller1 {}
div#questionBox span.smaller2{display: inline-block; font:16px/20px 'Open Sans', Arial;font-weight:300;}

div#questionBox.responding div.answer{display: none;}
	div#questionBox.responding div.answerCol.left{display: none;}
	div#questionBox.responding div.answerCol.right{display: none;}

div.answer{margin: 0 0 10px 0px;cursor:pointer;border-radius: 5px;padding: 7px 20px 11px 10px;display: inline-block;vertical-align: top;font: 24px/24px 'Open Sans', Arial;}
	div.answer:hover{background-color: rgba(255,255,255,0.1);}
	div.answer.answered{border: 1px solid #000;    border-radius: 20px;background-color:#fff;}
	div.answer div.alpha{display: inline-block; vertical-align: top; color: #000; margin-right: 8px;    text-transform: uppercase;}
	div.answer div.text{display: inline-block;vertical-align: top;max-width: 500px;}
	div.answer#answer_1{margin-top: 0px;}
    a.next_button.disabled{opacity: 0.4;    pointer-events: none;}
    	a.next_button.disabled:hover{opacity: 0.4}
    div.correctIcon{float: left;    width: 35px;    height: 40px;    background-image: url(images/icon_correct_green.svg);    background-repeat: no-repeat;    background-size: 100% auto;    margin: 0px 10px 10px 0px;}
    div.incorrectIcon{float: left;    width: 35px;    height: 40px;    background-image: url(images/icon_wrong_blue.svg);    background-repeat: no-repeat;    background-size: 100% auto;    margin: 0px 10px 10px 0px;}
div.correctAnswer{color:#65ae61; margin: 11px 20px 10px 40px;    min-height: 30px;}
div.incorrectAnswer{color:#db4d43; margin: 11px 20px 10px 40px;    min-height: 30px;}
div.rightAnswer{font-weight: 600; margin: 0 20px 10px 20px;}

iframe{display: block;border-radius:20px;}
div#vidFrame{width: 60vw;    height: 34vw;   margin: 0 auto;}
	div#vidFrame iframe{display: block;        width: 60vw;    height: 34vw; margin: 0;    background-color: #fff;}
		div#vidFrame.hidden{display: none;}
	div#vidCap{font: 14px 'Open Sans'; font-weight: 400; text-align: center; padding: 10px;}
	body.l1 div#vidCap{font: 12px 'Open Sans';}

div#vidLinks{width: 600px;    margin: 0 auto;    text-align: center;}
	div#vidLinks a{display: inline-block;    text-decoration: none;    font: 12px/14px 'Open Sans', Arial;    color: #0c1f3c; padding: 0 0 0 30px;    margin: 10px 30px 20px 0;    background-repeat: no-repeat;    background-size: 25px 27px;    background-position: 0px 1px;}
	div#vidLinks a.transcript{background-image: url(images/icon_transcript_blue.svg);}
	div#vidLinks a.slides{background-image: url(images/icon_PDF_blue.svg);}
	div#vidLinks a.references{background-image: url(images/icon_references_blue.svg);    background-size: 35px 24px;    padding: 0px 0 0 39px;    background-position: 0px 0px;}

div#vidReferences{position: absolute; top:0;left:0; width: 100%; height: 100%; border-radius: 20px; background-color: #fff; z-index: 250; overflow: auto; display: none;}
	div#vidReferences.shown{display: block;}
	div#vidReferences a.closeBtn{position: absolute;    display: inline-block;    top: 10px;    right: 10px;    cursor: pointer;    color: #0c1f3c;    background-size: 40px 40px;    text-decoration: none;    font-weight: 600;    z-index: 300;}
	div#vidReferences h2{margin: 20px 0 10px 20px;}
	div#vidReferences ol{padding: 0px 40px 20px 40px;}
		div#vidReferences ol li{font-size: 14px;    line-height: 18px;    padding-bottom: 10px;}

div.endScreen{text-align: center;}
	div.endScreen a.dash{display: inline-block;    text-align: center;    padding: 10px 20px 10px 20px;    background-color: #fff;    border-radius: 20px;    border: 1px solid #0c1f3c;    color: #0c1f3c;    font: 20px 'Open Sans';    font-weight: 400;
    text-decoration: none;    text-transform: uppercase;    white-space: nowrap;    letter-spacing: 0; margin:0 20px 10px 0px;}
	div.endScreen a.nextCapsule{display: inline-block;    text-align: center;    padding: 10px 20px 10px 20px;    background-color: #0c1f3c;    border-radius: 20px;    border: 1px solid #0c1f3c;    color: #fff;    font: 20px 'Open Sans';    font-weight: 400;
    text-decoration: none;    text-transform: uppercase;    white-space: nowrap;    letter-spacing: 0; margin:0 20px 10px 0px;}

div#nav{position: absolute;    bottom: 0;    background-color: #1b1c1c;    width: 100vw;    height: 6vh;    z-index: 10;}

a.back_button{position: relative;    z-index: 60;    top: 0px;    left: 20px;    display: inline-block; vertical-align: middle;    text-align: center;    padding: 0px 2vh 0px 3vh;    color: #fff;    font: 2.5vh/6vh 'Open Sans';    font-weight: 600;    text-decoration: none;    text-transform: uppercase;    white-space: nowrap;    letter-spacing: 1px;    background-repeat: no-repeat;    background-position: left center;    background-size: 2vh 2vh;    background-image: url(images/arrow_left_white.svg);    margin-left: 2vh;}
	a.back_button.hidden{display: none;}
	a.back_button.right{right: 80px;}
	a.back_button:hover{opacity: 0.9}
	body.l1 a.back_button {}
	a#returnBtn{background-image: url(images/arrow_left_white.svg), url(images/arrow_left_white.svg);    background-position: 0vh 2vh, 2vh 2vh;    padding: 0px 2vh 0px 5vh;    margin-left: 0;    opacity: 1;}
a.next_button{position: absolute;    z-index: 60;    top: 0px;    right: 20px;    display: block;    text-align: center;    padding: 0px 3vh 0px 2vh;    color: #fff;    font: 2.5vh/6vh 'Open Sans';    font-weight: 600;    text-decoration: none;    text-transform: uppercase;    white-space: nowrap;    letter-spacing: 1px;    background-repeat: no-repeat;    background-position: right center;    background-size: 2vh 2vh;    background-image: url(images/arrow_right_white.svg);}
	a.next_button.hidden{display: none;}
	a.next_button:hover{opacity: 0.9}

div#content.page1 a#nextBtn{bottom: unset; right: 50%;    margin-right: -240px;}
	body.l1 div#content.page1 a#nextBtn{margin-right: -330px;}

div#committeeCon{position: relative;    width: 600px; padding: 20px;    margin: 40px auto 80px auto;    background-color: #fff;    border-radius: 20px;    box-shadow: 7px 7px 14px -4px #6f6f6f;}
	div#committeeCon h1{color: #0c1f3c;    margin: 0px auto 15px auto;    text-align: left;}
	div#committeeCon div.member{display: block;    font: 14px/18px 'Open Sans', Arial;    font-weight: 400;     clear: both;     margin: 0 0 20px 0;    overflow: auto;}
	div#committeeCon div.member strong{display: block;}
		div#committeeCon div.memberPic{float: left;    width: 118px;    height: 150px;    margin: 0 10px 10px 0;    background-repeat: no-repeat;    background-size: cover;    background-position: top center;}

input.toggleBtn{display: none;}
div.toggled{display:inline-block;vertical-align:top;}
div.toggled.disabled{opacity:0.4;pointer-events:none;}
div.toggled.disabled.hidden{display:none;}


body.admin div#menuBtn{display: none;}
body.admin div#mainMenu{display: none;}
body.admin div.mainContainer{background-image: none;}
body.admin div#topBanner > a{pointer-events: none;}

span.csvLink a{font-size:14px;line-height: 16px;color:#be1e2d;text-decoration:none;}
table.csvTable{font-size:14px;line-height: 16px;}
table.csvTable tr.offRow{background-color:#ccc;}
table.csvTable td{text-align:center;}

a.large_button{display: block;width:310px;height:58px;background-image: url(images/large_button.svg);background-repeat: no-repeat;padding:18px 0px 2px 0px;text-align: center;color: #fff;font-size: 28px;font-weight: 600;text-decoration: none;}
a.mid{margin-right: auto;margin-left: auto;}

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;}
.heading{color:#b04af0;}
#app.splash{background-size: cover;background-position: bottom right;background-repeat: no-repeat;}

div#contentCon.admin{background-color: #fff;    color: #000;    background-image: none;}
form#adminForm{padding:0 20px 20px 20px;font-size: 16px;    background-color: #fff;    color: #000;}
input#sendInvite{background-color: #495f6c;    color: #fff;    border: 0;    padding: 10px 20px;    text-transform: uppercase;    font-size: 18px;}

div.pieLabel{margin-top: 30px;    padding: 10px 0 0 0;    border-top: 0px solid black;}

ol#qFeedback > li{position: relative;}

div.feedGraph {position: relative;display: inline-block;vertical-align: top;width: 280px; height: 290px;-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.theLegend{display: inline-block;    margin: 0 0 0 20px;   width: 350px;-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: 12px/14px '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:right;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'; padding: 3px 10px;}
input[type="submit"]{cursor:pointer;}
form#logForm{font-size: 18px; width: 500px;}
	form#logForm input{display: block;padding: 15px 10px 15px 50px;width: 254px;margin: 0 0 20px 0;}
	form#logForm input[type="text"]#email{display: block;background-image: url(images/username_icon.svg);background-repeat: no-repeat;background-size: 29px 31px;background-position: 10px 6px;padding: 15px 10px 15px 50px;width: 254px;margin: 0 0 20px 0;}
	form#logForm input[type="password"]#password{display: block;background-image: url(images/password_icon.svg);background-repeat: no-repeat;background-size: 23px 31px;background-position: 10px 6px;padding: 15px 10px 15px 50px;width: 254px;margin: 0 0 20px 0;}
	form#logForm input[type="submit"]{display: block;text-align: center;padding: 15px 0px 15px 0px;font-size: 20px;width: 316px;background-color: #ff5457;border-radius: 10px;border: 1px solid #ff5457;color:#fff;margin: 0 0 20px 0;}

div#debug{display:none;position: absolute;bottom: 2px;left: 50%;font-size: 26px;color: #f3714d;}

div#footer{position: relative;z-index:50;height: 100px;padding: 10px;background-color:#fff;text-align: center;font-size: 12px;}
	img#logo_bl{width:251px;height:53px;position: absolute;z-index: 10;top: 15px;left: 20px;}

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-color: #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;
}

div.contentCon#admin{font-size: 14px;    line-height: 18px;    padding: 20px;}

div.user{display:table-row;padding:3px 10px;}
div.user.regged{background-color:#A4EA87;}
div.user.cancelled{background-color:#D05D5D;}
div.user div{display:table-cell;padding:2px 10px 2px 0px;}
div.user.offRow{background-color:#ccc;}

fieldset#adminProgAccess label{}

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

.link{
    color: #fff;
    text-decoration: none;
}

@media all and (max-height: 685px){
	a.back_button{bottom: 20px;}
	a.next_button{bottom: 20px;}

	div.capThumbCon a.transcript{left: 50%;padding: 0.8vh 0 0.8vh 24px;font: 1.3vh/1.3vh 'Open Sans', Arial;    font-weight: 600;}
	div.capThumbCon a.references{left: 50%;padding: 0.8vh 0 0.8vh 31px;font: 1.3vh/1.3vh 'Open Sans', Arial;    font-weight: 600;}

	div.capThumbCon a.capThumb img{display: block;    height: 28vh;    max-height: unset;    margin-bottom: 2vw;}

	a#backBtn{font: 2vh/2.5vh 'Open Sans';    font-weight: 400;    bottom: 0.7vh;}
	a#nextBtn{font: 2vh/2.5vh 'Open Sans';    font-weight: 400;    bottom: 0.7vh; padding:right:20px;}

	div#content{}
		div#content.page1 a#nextBtn{ margin-right: -39vh;    font: 3vh/3.5vh 'Open Sans';    font-weight: 400;}

	div#programMenu{width: 60vw;}

	div#questionBox{font:12px/15px 'Open Sans', Arial !important;font-weight:300;    max-height: unset;    height: auto;}
	div#questionBox div.explanation{font:12px/15px 'Open Sans', Arial;font-weight:300;margin-top: 20px; max-height: unset;}
		div#questionBox div.explanation div.references{overflow: auto;    max-height: 23vh;}
	div#questionBox div.left img.qMark{width: 74px;    height: 124px;}
	div#questionBox div.right{display: inline-block;    vertical-align: top;    width: auto;    height: auto;}

	div.question div.number{margin: 0 10px 20px 0;}

	div#conclusion{font: 14px/18px 'Open Sans', Arial;}

	div.capThumbCon div.review{bottom: 5vh;    right: 2vh;}

}

/*@media all and (max-width: 685px){*/
@media all and (max-width: 1000px){
	div.mainContainer{overflow-y: auto;    overflow-x: hidden;}

	div#homeBox{margin: 0vh auto 0 auto;    width: 100vw !important; height: auto;    overflow: auto;    background-color: #fff;    box-shadow: 9px 9px 14px -4px #333;    padding-top: 0;border-radius: 0;}
	div#homeBox div.left{display: block;    width: 92vw;    margin: 4vw;}
	div#homeBox img#logoMain{display: block;    vertical-align: top;    width: 92vw;    height: auto;    margin: 0vh auto 2vh auto;}
	div#loginFormCon{padding: 4vw 4vw 6vw 4vw;    width: 92vw !important;height: auto;position: inherit;    display: block;}
	div#loginFormCon h1{text-align: center;    font: 6vw/6.5vw 'Open Sans',arial,sans-serif;    font-weight: 400;    margin: 2vh 0 2vh 0;    color: #60605f;}
	div#loginFormCon input[type="submit"]{position: relative;    bottom: unset;    left: unset;    margin: 0 auto;    font: 6vw/10vw 'Open Sans',arial,sans-serif;    font-weight: 600;}
	div#loginFormCon input[type="submit"].wider{margin: 0 auto;}
	body.l1 div#loginFormCon input[type="submit"]{}
	div#logCaption{position: relative; background-color: #fff;    z-index: 500;    margin: 0 auto 0 auto;    width: 100vw;    text-align: center;    color: #60605f;    font: 3vw/3vw 'Open Sans',arial,sans-serif;    font-weight: 400;    padding: 5vh 0;}
		body.l1 div#logCaption{}
	div#logCaption a{    text-decoration: none;    color: #60605f;}
	div.miceType{font: 2vw/2.5vw 'Open Sans', Arial;    font-weight: 400;}

	div#programMenu{width: 96vw;    margin: 0vh auto 4vh auto;    background-color: #ffffffb3;    border-radius: 0;    padding: 4vw 2vw;}
		div#programMenu p{font: 3.5vw/4vw 'Open Sans', Arial;    font-weight: 300;    text-align: left;}

	div#content{border-radius: 0;    margin: 0px auto 0 auto;    max-height: unset;    height: auto; padding: 4vw 2vw 10vw 2vw;}
			div#content.page1 a#nextBtn{margin-right: -39vw;}


	div#vidLinks{width: 96vw;}
		div#vidLinks a{display: inline-block;    text-decoration: none;    font: 2vw/2.5vw 'Open Sans', Arial;    color: #0c1f3c;    padding: 0 0 0 28px;    min-height: 28px;    margin: 1vw 4vw 3vw 0;    background-repeat: no-repeat;    background-size: 25px 27px;    background-position: 0px 1px;}

	div#vidFrame{width: 96vw;    margin: 0 auto;}
		div#vidFrame iframe{height: 30vh;}
		div#vidCap{font: 3vw 'Open Sans';    font-weight: 400;    text-align: center;    padding: 2vw;}

        div#leftdiv{width: 90%;}
        div#rightdiv{width: 90%;}
        div.module_check{width:90%;margin-left:10px;}
}

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

.btn {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}
.btn1 {
  background-color: transparent;
  color: #fff;
  border: 2px solid #fff;
}
.evaldiv{
    border:0px solid;width: 60%;margin-left: 20%;text-align: left; padding: 10px;
}
div#mainMenu a.headtext{
    display: none;
}

/******** Mobile/Device*********/
@media all and (max-width: 1000px) {
    div#introCon{
        display:none;
    }
    a#scrollNextBtn{
        display:none;
    }
    div.sponsorCap{
        width: 85%;
        padding-left: 10px;
        padding-right: 10px;
    }
    div#dash div.episodeCon{
        width: 70vw;
        height: 35vw;
        display: grid;
    }
    div#scrollArea{
        padding-top: 40px;
        overflow:scroll; height:700px;
    }
    div#scrollArea h1{
        padding-top: 20px;
        font-size: 24px;
    }

    div#dash div.completeCon{
        height: 7vw;
        top: 100%
    }
    div#dash div.completeCon a.eval{
        font-size: 2.2vw;
        line-height: 2.6vw;
        background-size: 4vw 4.4vw;
        padding: 0.7vw 0 0.4vw 4.8vw;
    }
    div#dash div.completeCon a.plan{
        font-size: 2.2vw;
        line-height: 2.6vw;
        background-size: 4vw 4.4vw;
        padding: 0.7vw 0 0.4vw 4.8vw;
    }
    div#dash div.completeCon h2{
        background-size: 5vw 16.5vw;
        padding: 6.3vw 12px 0.4vw 2.5vw;
    }
    div.evaldiv{
        width: 100%;
        margin-left:0.5%;
        margin-right: 30%;
    }
    textarea, select, input{
        width: 100%;
    }
    div#content.learningResults{
        width: 95%;
        margin-left: -6%;
        margin-right: 1%;
    }

	div#topBanner img#logoMain{width: 30vh;}
	div#topBanner div.welcome{display: none;}
	div#topBanner div.welcome1{font-size: 2.5vw; line-height: 3vw;}

	div#mainMenu{width: 100vw;}
	 	   div#mainMenu.hidden{right: -100vw;}
	 	   div#mainMenu a {font: 4.9vw/4vw 'Open Sans', Arial;    font-weight: 700;margin: 4vh 2vw;}
			div#mainMenu a.headtext{font-weight: normal;    font-size: 2.5vw;    line-height: 3vw;    display: block;    width: 83vw;    margin: 3vh 4vw;    padding: 0;}

    div#homeBox img.logoHome{display: block;    margin: 1vw;    width: 96vw;}
    div#homeBox > div{width: auto !important;}
    div#homeBox .link.lang.skinny{margin-left: 90%;}

    div#leftdiv{width:90vw;margin:0px;margin-top:7vh; padding: 5vw 5vw 0 5vw;}
    div#rightdiv{width:90vw;    margin: 0px;    margin-top: 0;    padding: 0 5vw 5vw 5vw;}
    div.subleft{width:88vw; margin-left:0;    margin-bottom: 5vh;}
    div.subright{width:88vw; margin-left:0;    margin-bottom: 5vh;}

	div#dash.conf div#rightdiv{width: 90vw;    min-width: unset;    max-width: unset;}
   	div#dash div#rightdiv div.conf{width: 79vw;}
   	h1{font: 4vw/4.5vw 'Open Sans', Arial;    font-weight: 600;}
   	p.text{margin: 0px 0px 20px 0px;    padding: 0px;    -webkit-text-size-adjust: 100%;    font-size: 3vw;    line-height: 3.5vw;}
   	div#dash.conf div#leftdiv{width: 80vw;    min-width: unset;}
   		div#dash.conf div#leftdiv.empty{display: none;}
   	div.conf div.vidCon{display: block;    width: 80vw;    height: 48vw;    float: unset;    max-width: unset;    max-height: unset;}
   	div.conf div.desc{width: auto;    margin: 0 2vw 0px 0;    font-size: 2.5vw;    line-height: 3vw;}

	div#dash.woe div#leftdiv{width: 90vw;    min-width: unset;    display: block;}
	div#dash.woe div#rightdiv{display: block;    width: 88vw;    padding: 0;    min-width: unset;    max-width: unset;    margin: auto;}


   div.resource a span{max-width: 56vw;    padding: 0 0 0 4vw;    font: 3vw/3.5vw 'Open Sans', Arial;    font-weight: 400;}
	div.module{width: 90%;    margin: 0 0 5vh -1vw;}
		div.module div.modCon{min-height: unset;}
	a#nextBtn{font: 2vh/6vh 'Open Sans';    font-weight: 600;bottom: 0;}
	a#backBtn{font: 2vh/6vh 'Open Sans';    font-weight: 400;    bottom: 0vh;}
	a#returnBtn{font: 2vh/6vh 'Open Sans';    font-weight: 400;    bottom: 0vh;}
	div.question{font: 4vw/4.5vw 'Open Sans', Arial;    font-weight: 600;}
	div.answer{font: 3.5vw/4vw 'Open Sans', Arial;    padding: 2vw 4vw 2vw 4vw;}

	div#homeBox.account > img{    display: none;}

	div.subright.eventListing div#upcomingEvents div.eventBtn div.dateTime div.date{font: 1.9vw/2vw 'Open Sans',arial,sans-serif;    font-weight: 600;}
	div.subright.eventListing div#upcomingEvents div.eventBtn div.dateTime div.time{font: 1.9vw/2vw 'Open Sans',arial,sans-serif;    font-weight: 600;}
	div.subright.eventListing div#upcomingEvents div.eventBtn h2{font: 3vw/3.5vw 'Open Sans',arial,sans-serif;    font-weight: 600;}
	div.subright.eventListing div#upcomingEvents div.eventBtn div.speakerImg{width: 21vw;    height: 21vw;    background-position: center;}
	div.subright.eventListing div#upcomingEvents div.eventBtn div.speaker div.name{font: 2.5vw/3vw 'Open Sans', Arial;    font-weight: 700;}
	div.subright.eventListing a.learnLink{margin: 0;    line-height: 30px;    font: 3vw/4vw 'Open Sans', Arial;    font-weight: 600;}
	div#right div.PAD{padding: 4vw 4vw 8vw 4vw;}
	div.eventLeft{width: 92vw;padding-bottom: 0;}
	div.eventRight{width: 92vw;}
	div#right div.PAD.event h1{font: 5vw/5.5vw 'Open Sans',arial,sans-serif;    font-weight: 600;    margin: 0 0 2vw 0;}
	div#right div.PAD.event{font: 3vw/3.5vw 'Open Sans',arial,sans-serif;    font-weight: 400;}
	form#regForm input[type="submit"]{margin: 0 0 2vw 0;    border-radius: 3vw;    background-color: #5e5e5e;    border: 0;    font: 5vw/5vw 'Open Sans', Arial;    font-weight: 700;}
	a.seemore{padding: 0.5vw 0 0 3vw;    background-size: 2vw 2vw;    background-position: 0px 2vw;    margin: 0 2vw 0 0;    font-size: 3.5vw;    font-weight: 400;}
}




div#polls form.surveyForum{background-color: #555555;    border-radius: 12px;    padding: 10px 20px;    color: #fff;    white-space: normal;    margin: 20px 0 20px 0px;}
div#polls h2#polling{display: block;    background-image: url(images/icon_questionnaire_white.svg);    background-size: 25px 25px;    background-repeat: no-repeat;    background-position: 0 0;    font: 14px/27px 'Open Sans', Arial;    font-weight: 600;    color: #fff;
    text-decoration: none;    padding: 0px 0 0 33px;    margin: 0 0 10px 0;}
    div#polls form.surveyForum ul, ol{padding: 0px 0px 20px 0px; overflow: hidden;}
	div#polls form.surveyForum div.question{font: 16px/24px 'Open Sans', Arial;    font-weight: 600;padding-bottom:30px;}
		div#polls form.surveyForum div.question span.Q{    float: left;    font: 31px/29px 'Open Sans', Arial;    font-weight: 600;    padding: 0px 5px 0px 0;     margin: -2px 0 0px 0;}
	div#polls form.surveyForum div.questionRow{margin: 0 0 4px 0vw;}
	div#polls form.surveyForum div.questionText{color: #fff;padding: 0 10px 0 2px;font: 13px/15px 'Open Sans', Arial;    font-weight: 400;}
	div#polls form.surveyForum div.questionLetter{color: #fff; font: 15px/15px 'Open Sans', Arial;    font-weight: 600;}
		div#polls form.surveyForum div.questionRow label.HL{background-color: silver !important;padding:6px;border-radius:6px;}
	div#polls form.surveyForum div.questionRow:hover label{background-color: silver;padding:5px;padding-top:7px;border-radius:5px;}
	div#polls form.surveyForum div.promptCon.toggled{display: block;}
	div#polls form.surveyForum div.promptCon.toggled.disabled.hidden{display: none;}
		div#polls form.surveyForum div.promptCon.toggled input{display: block;    max-width: 220px;}
	div#polls form.surveyForum input[type="submit"]{background-color: #fff;    border: 1px solid #fff;    color: #000;}

	form.surveyForum div.footNote{margin: 10px 0;    font: 10px/12px 'Open Sans', Arial;    font-weight: 400;}
form.surveyForum div.footNote a{color: #fff;}

div#polls form.surveyForum{/*margin: 13vw 0 0 3vw;    width: 86vw;    padding: 4vw 4vw;*/}

form#pollingQuestionForm {padding: 6vw 3vw 12vw 4vw;width: 94vw;}
	form#pollingQuestionForm div.question{font: 4vw/4.5vw 'Open Sans', Arial;    font-weight: 600;    padding: 2vw 0;}
		div.questionTable{ margin-bottom: 4vh;}
			div.questionRow{margin-bottom: 2vw;    margin-left: 6vw;}

		div.questionLetter {padding: 0;    text-align: left;    font: 10vw/10vh 'Open Sans', Arial;    height: 10vh;    width: 10vw;}
		div#polls form.surveyForum div.questionLetter {height: auto;    width: 70vw;text-align:left;}
		div.questionText p {height: 8vh;    padding: 0.8vh;border: 0.2vh solid #4d4d4d;}
		div.questionText {font: 1.8vh 'Open Sans', Arial;font-weight: 600;color: #333333;    height: 10vh;    width: 75vw;}
		div#polls form.surveyForum div.questionText{height: auto;    width: 70vw;}

                
                div#pollingResults{background-color: #d7d7d7;    border-radius: 12px;    border: 1px solid #adadad;    padding: 10px;    margin: 20px 0 20px 0px;}
	div#pollingResults h2{background-image: url(images/icon_data_grey.svg);    background-size: 35px 26px;    background-repeat: no-repeat;    background-position: 0 0;    font: 16px/16px 'Open Sans', Arial;    font-weight: 600;    padding: 10px 0 3px 40px;    margin: 0px 0 10px 0;}
	div#pollingResults p{font: 12px/14px 'Open Sans', Arial;    font-weight: 400;    white-space: normal;    margin: 0;}
	div#pollingResults div.feedGraph{width:240px;height:200px;}
	div#pollingResults ol#qFeedback{font: 12px/14px 'Open Sans',arial,sans-serif;    font-weight: 400;    list-style-type: none;    margin: 10px 0 0 0;    padding: 0 0 0 20px;    white-space: normal;}
        
        form#pollingQuestionForm {padding: 6vw 3vw 12vw 4vw;width: 94vw;}
	form#pollingQuestionForm div.question{font: 4vw/4.5vw 'Open Sans', Arial;    font-weight: 600;    padding: 2vw 0;}
		div.questionTable{ margin-bottom: 4vh;}
			div.questionRow{margin-bottom: 2vw;    margin-left: 6vw;}

		div.questionLetter {padding: 0;    text-align: center;    font: 10vw/10vh 'Open Sans', Arial;    height: 10vh;    width: 10vw;}
		div#left form.surveyForum div.questionLetter {height: auto;    width: 10vw;}
		div.questionText p {height: 8vh;    padding: 0.8vh;border: 0.2vh solid #4d4d4d;}
		div.questionText {font: 1.8vh 'Open Sans', Arial;font-weight: 600;color: #333333;    height: 10vh;    width: 75vw;}
		div#left form.surveyForum div.questionText{height: auto;    width: 70vw;}
                
                div.questionLetter{display: inline-block;    vertical-align: top;    padding: 0;font: 18px/20px 'Open Sans', Arial;    font-weight: 600;    color: #60605f;    width: 20px;    text-align: center;}
                div.questionRow:hover div.questionLetter, div.questionRow label.HL div.questionLetter{}
                div.questionTable textarea{width: 600px;    height: 80px;}

form.surveyForum div.footNote{margin: 10px 0;    font: 10px/12px 'Open Sans', Arial;    font-weight: 400;}
form.surveyForum div.footNote a{color: #fff;}

label#q11a11 div.questionLetter{display: none;}
label#q11a11 div.questionText{font-weight: 600;}
label#q12a11 div.questionLetter{display: none;}
label#q12a11 div.questionText{font-weight: 600;}
       
                
@media print {
	body{background-color: #fff;height: auto;    overflow: auto; background-image: none !important;}
	.pageBreak{display:block; page-break-before:always;}
	div#printBtn{display:none;}
	.dontPrint{display:none !important;}
	.onlyPrint{display:block;}

	div#mainContainer{overflow: unset; height: auto;background-color: #fff;}

	div.dontBreak{page-break-inside: avoid; overflow: hidden;}

	ol#qFeedback {}
		ol#qFeedback > li{page-break-inside: avoid; overflow: hidden;}
	img.qFeedbackImg{page-break-inside: avoid;}
	div.graphLeft{page-break-inside: avoid;}
	div.graphRight{max-width: 480px; page-break-inside: avoid;}

	ol#qFeedback div.feedGraph{}

	div#footer{display:none;}

	html{height: auto;}
	div#contentCon.admin{background-color: #fff;    color: #000;    background-image: none;    overflow: auto;    height: auto; padding:40px 0 0 0; top: unset;}
	div#topBanner {    position: relative;}