html{height:100%;-webkit-text-size-adjust:100%;}
body{margin:0px;height:100%; font: 0/0 'Open Sans', Arial; line-height: 0;    font-weight: 400;background-color:#ebebeb;-webkit-text-size-adjust:100%;     background-image: linear-gradient(to top right, #bbb, #fff); }
    body#s0 div.mainContainer{background-image: linear-gradient(to top right, #c8b1f2, #fff);}
    body#s10{background-color: #fff;background-image: none;}
    body#s11{background-color: #fff;background-image: none;}

div.mainContainer{position:relative;height: auto; height: 100vh; text-align:left;overflow-x:hidden;z-index:1;background-repeat:no-repeat; background-position: 0px 0px;    background-size: auto; background-attachment: local; white-space: nowrap;}

div#topBorder{width: 100%;height: 90px;    border-bottom: 1px solid rgba(0,0,0,.1);    box-shadow: 0 0 5px rgba(0,0,0,.1); overflow: auto; background-color: #fff;}

form{margin:0px;}
img{border:0px;}
a img{text-decoration:none;border:0 none;}
a {text-decoration:none; color: #555555; }
a:hover{opacity:0.7}
sup{position: relative;    display: inline-block;    font-size: 10px;    margin-top: -4px;}
input:focus,select:focus,textarea:focus,button:focus {outline: none;}

a.pdf{padding: 2px 0px 5px 42px;    background-image: url(images/icon_pdf_blue.svg);    background-size: 35px 35px;    background-repeat: no-repeat;    background-position: top left;    display: inline-block;    text-decoration: none;    color: #60605f;    font-size: 22px;    line-height: 28px;    margin: 20px 0; text-align: left;}
a.ppt{padding: 2px 0px 5px 42px;    background-image: url(images/icon_ppt_blue.svg);    background-size: 35px 35px;    background-repeat: no-repeat;    background-position: top left;    display: inline-block;    text-decoration: none;    color: #60605f;    font-size: 22px;    line-height: 28px;    margin: 20px 0;}
a.vicon{padding: 2px 0px 5px 42px;    background-image: url(images/icon_video_blue.svg);    background-size: 35px 35px;    background-repeat: no-repeat;    background-position: top left;    display: inline-block;    text-decoration: none;    color: #60605f;    font-size: 22px;    line-height: 28px;    margin: 20px 0;}


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

ul{list-style-type: disc;}
ul, ol{padding:0px 0px 20px 30px;margin:0px;overflow: auto;}
	ol ol{padding-bottom: 0px;}
li {padding-bottom:5px;text-indent: 0vw;}
li ul{padding-top: 5px;    padding-bottom: 0px;}
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.7em;}
ol.alpha > li:before {counter-increment: alpha;content:"(" counter(alpha, lower-alpha)") ";position:absolute;left:-1.4em;}

.needed, .warn{color:#ff0000;}
.warn::-webkit-input-placeholder{color:red;}
.warn::-moz-placeholder{color:red;}
.warn:-ms-input-placeholder{color:red;}

div#homeBox{position: relative;    margin: 12vh auto 0 auto;    width: 750px;    background-color: #fff;    border-radius: 30px;    box-shadow: 4px 4px 14px -4px #333;    overflow: visible;    padding: 1px;    text-align: left;}
	div#homeBox div#logLeft{display: inline-block;    vertical-align: top;    width: 40%;    padding: 20px 0 0px 40px;    text-align: left;}
	div#homeBox img#logoMain{display: block;    vertical-align: top; width: 70%;    margin: 5px auto 10px auto;}
	div#homeBox p{font: 14px/18px 'Open Sans',arial,sans-serif;    font-weight: 400;    white-space: normal;    color: #60605f;}

form#loginForm{display: inline-block;    vertical-align: top;    white-space: normal;    padding: 0 30px 40px 40px;    width: 44%;    color: #60605f;}
	form#loginForm a#lang{position: absolute;    top: 20px;    right: 20px;    font: 16px/18px 'Open Sans',arial,sans-serif;    font-weight: 700;}
	form#loginForm div.right{padding-top: 20px;}
	form#loginForm 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;}
	form#loginForm 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;}
	form#loginForm input[type="submit"], form#loginForm button{margin: 0 auto 10px auto;    font: 24px/40px 'Open Sans',arial,sans-serif;    font-weight: 600;    color: #fff;    border: 1px solid #1b1c1c;    background-color: #1b1c1c;    border-radius: 15px;    padding: 0px 20px 0px 20px;    width: 100%;}
	form#loginForm div.miceType.centered{text-align: center;    font-weight: 400;    color: #555555;}
		body.l1 form#loginForm input[type="submit"], body.l1 form#loginForm button{margin: 0 0 0 0px;}
		form#loginForm input[type="submit"].wider{margin: 0 0 0 -94px;}
	form#loginForm p{font: 14px/16px 'Open Sans',arial,sans-serif;    font-weight: 400;}
	form#loginForm div.warning{padding-top: 0px;    font: 14px/14px 'Open Sans',arial,sans-serif;    font-weight: 400;}
	form#loginForm label{display: inline-block;    vertical-align: top;    font: 13px/16px 'Open Sans',arial,sans-serif;    font-weight: 400;    margin: 0px 0px 10px 0px;    cursor: pointer;    max-width: 316px;text-align: left;}
	form#loginForm label a{text-decoration: none; color: #60605f;}
	form#loginForm input.toggleBtn{display: none;}
	p.copyRight.home{width: 720px;    margin: 10px auto 0 auto;    color: #000;    font: 13px/16px 'Open Sans',arial,sans-serif;    font-weight: 400;    text-align: center;    white-space: normal;}
		p.copyRight.home a{color: #000;    text-decoration: none;}
	form#loginForm p.note{font: 10px / 12px 'Open Sans', arial, sans-serif;  font-weight: 400;}

div#homeBox.accountSetup{width: 450px;}
	div#homeBox.accountSetup div#logLeft{display: none;}
	div#homeBox.accountSetup form#loginForm{width: calc(100% - 70px);}
	div#homeBox.accountSetup img#logoMain{margin: -30px auto 10px auto;}

form#loginForm div.right.account{padding-top: 0;}
	form#loginForm div.right.account img.logoTop{display: block;    width: 80%;    margin: 0 auto 0 auto;}


div#topTools{position: relative;    z-index: 20; box-shadow: 4px 4px 20px -7px #333; height: 80px; background-color: #fff; text-align: right; padding: 20px 20px 10px 20px;}
	div#topTools a#mainLogo{display: inline-block;    vertical-align: middle; width: 14vw; height: 6vh;    margin: 1vh; text-decoration: none; background-image: url(images/logo_time_colour.svg);    background-size: auto 100%;    background-repeat: no-repeat;    background-position: 0px 0px; z-index: 10;}
	body.l1 div#topTools a#mainLogo{display: inline-block;    vertical-align: middle; width: 14vw; height: 6vh;    margin: 1vh; text-decoration: none; background-image: url(images/logo_time_colour-fr.svg);    background-size: auto 100%;    background-repeat: no-repeat;    background-position: 0px 0px; z-index: 10;}
	div.mainContainer.splash div#topTools{display: none;}
div#topTools div#welcome{position: absolute;    top: 4vw;    right: 16vw;    font: 3vw/3.5vw 'Open Sans', Arial;    font-weight: 400;    color: #4d4d4f;}
		div#topTools a#mainLogo{position: absolute;    top: 0;    left: 0; width: 305px; height: 115px;    margin: 14px 20px;}
		body.l1 div#topTools a#mainLogo{position: absolute;    top: 0;    left: 0; width: 305px; height: 115px;    margin: 14px 20px;}
		div#mainLogoShadow{position: absolute;    top: 64px;    left: 20px;    background-color: #fff;    box-shadow: 4px 4px 20px -7px #333;    width: 240px;    height: 60px;    z-index: 9;}
		body.l1 div#mainLogoShadow{position: absolute;    top: 64px;    left: 20px;    background-color: #fff;    box-shadow: 4px 4px 20px -7px #333;    width: 240px;    height: 60px;    z-index: 9;}
		div#topTools div#welcome{position: absolute;    top: 27px;    right: 75px;    font: 16px/20px 'Open Sans', Arial;    font-weight: 400;    color: #4d4d4f;}
		div#accumulatedCredits{position: absolute;    top: 54px;    right: 75px;    font: 14px/16px 'Open Sans', Arial;    font-weight: 400;    color: #4d4d4f;    font-style: italic;}
			div#accumulatedCredits a{display: block;    width: fit-content;    padding: 4px 20px;    border-radius: 10px;    background-color: #ccc;    color: #fff;    font-style: normal;    margin: 5px 0 0 auto;}

div#menuBtn{display: inline-block;vertical-align: middle;position: absolute; top: 3vw;    right: 2vw;overflow: hidden;  margin: 0 0px 0 0;  padding: 0;  width:48px; height:48px; margin-top: -14px;  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:2600;}
	div#menuBtn.HL{position: fixed;}
	div#menuBtn:focus{outline:none;}
	div#menuBtn span{display:block;position:absolute;top:23px;left:10px;right:10px;height:3px;background:#9f9f9f;}
	div#menuBtn span::before, div#menuBtn span::after{  position: absolute;  display: block;  left: 0;  width: 100%;  height: 3px;  background-color: #9f9f9f;  content: "";}
	div#menuBtn span::before{top:-7px;    width: 100%;    left: 0px;}
	div#menuBtn span::after{bottom:-7px;    width: 100%;    left: 0px;}

	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: #9f9f9f !important;}
	div#menuBtn{top: 27px;right: 20px;}

div#mainMenu{position:fixed;top:0;right:0px;z-index:2000;white-space: normal;background-color: #fff;width:400px;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 div#topSpace{height: 10vh;}
	div#mainMenu.hidden{right:-400px;}
	div#mainMenu a{display:block;font:17px/22px 'Open Sans', Arial;font-weight:700;text-decoration: none;color:#60605f;text-transform: uppercase;margin: 0vh 50px 5vh 50px;}
		div#mainMenu a#forumLink{display: none;}
		div#mainMenu a#resourcesLink{display: none;}
	div#mainMenu a.lang{display: none;}

div#left{position: absolute;    left: 20px;    top: 160px;    font: 14px/20px 'Open Sans',arial,sans-serif;    font-weight: 400;    white-space: normal;    width: 300px; display: none;}

div#right{display: block;    width: 100vw;    white-space: normal;}
	div#right div.PAD{padding: 40px 40px 80px 40px;    width: 948px;    margin: 0 auto;}
	div#right div.PAD h1{color:#60605f; font: 24px/24px 'Open Sans',arial,sans-serif; font-weight: 600; padding: 0 0 0 0px;    margin: 0 0 20px 0;}

div#right div.PAD.listing{text-align: center;width: auto;    max-width: 1000px;}
	div#right div.PAD.listing > p{font: 16px/20px 'Open Sans',arial,sans-serif;    font-weight: 400;    text-align: center;}

div#right div.PAD.welcome{font: 14px/18px 'Open Sans',arial,sans-serif;    font-weight: 400;    white-space: normal;}
	a#welcomeBanner{margin: 28px auto 20px auto;    width: fit-content; display: block;}
		a#welcomeBanner img{display: block; width: 305px;    height: 72px;}
		a#welcomeBanner:hover{opacity: 1;}
	iframe#welcomeVid{width: 700px;    height: 400px;    margin: 0 auto 20px auto;}
	div#faculty{width: fit-content;    margin: auto;}
	div.member{display: block;    vertical-align: top;    margin: 0 0 40px 0; clear: both; overflow: auto;}
		div.member div.pic{float: left;    background-size: cover;    background-repeat: no-repeat;    background-position: center;    width: 156px;    height: 185px;    border-radius: 10px;    margin: 0 20px 6px 0;}
		div.member p{margin: 0 0 6px 0;}
		p.bio{font: 13px / 18px 'Open Sans', arial, sans-serif;    font-weight: 400;}
	a.dashBtn{position: absolute;    display: block;    top: 90px;    left: 50%; margin: 0 0 0 -152px;    z-index: 100;display: block;        font: 20px/36px 'Open Sans',arial,sans-serif;    font-weight: 600;    color: #fff;    border: 1px solid #1b1c1c;    background-color: #1b1c1c;    border-radius: 20px;    padding: 0 20px;    width: fit-content;    text-align: center;}
		a.dashBtn:hover{opacity: 1;}

div#right div.PAD.about{font: 14px/18px 'Open Sans',arial,sans-serif;    font-weight: 400;    white-space: normal;}
	div#right div.PAD.about a{text-decoration: underline;}
	div.topic h3{margin: 0 0 5px 0;}

div#right div.PAD.terms{font: 16px/20px 'Open Sans',arial,sans-serif;    font-weight: 400; color: #60605f;}
	div#right div.PAD.terms p{margin: 0 0 10px 0;    font: 16px/20px 'Open Sans',arial,sans-serif;    font-weight: 400;    color: inherit;}
	div#right div.PAD h2#privacy{margin-top: -220px;    position: relative;    padding-top: 220px;}
	div#right div.PAD.terms a{color: #60605f; text-decoration: underline;}

div.PAD.listing div.program{padding: 1px;    margin: 0 0 40px 0;    border-radius: 20px;    box-shadow: 1px 2px 3px rgba(0, 0, 0, .4); background-color: #fff;-webkit-animation-name: scrollIn1; -webkit-animation-timing-function: ease-out; -webkit-animation-duration: 400ms;
-moz-animation-name: scrollIn1; -moz-animation-timing-function: ease-out; -moz-animation-duration: 400ms;
-ms-animation-name: scrollIn1; -ms-animation-timing-function: ease-out; -ms-animation-duration: 400ms;
animation-name: scrollIn1; animation-timing-function: ease-out; animation-duration: 400ms; opacity: 0; animation-iteration-count: 1;
  animation-direction: linear; animation-fill-mode: forwards;}
	div.PAD.listing div.content{border-radius: 20px;}
		div#program_1 div.content{background-color: #B800E5;}
		div#program_2 div.content{background-color: #7700DF;}
		div#program_3 div.content{background-color: #1B396F;}
	div.PAD.listing div.program h2{font: 18px / 18px 'Open Sans', arial, sans-serif;    font-weight: 700;    margin: 10px 0 5px 0;}
		div.PAD.listing div#program_1 h2{color: #B800E5;}
		div.PAD.listing div#program_2 h2{color: #7700DF;}
		div.PAD.listing div#program_3 h2{color: #1B396F;}

div#progIntro{cursor: pointer;}
	div#progIntro p{display: inline-block;    vertical-align: middle;    font: 18px / 22px 'Open Sans', arial, sans-serif;    font-weight: 400;    text-align: right;    color: purple;    padding: 0 20px 0 0;}
	div#progIntro img{display: inline-block;    vertical-align: middle;        width: 7vw;    height: auto;    margin: 0 0 20px 0;box-shadow: 1px 2px 3px rgba(0, 0, 0, .4);}



	div.bottom{}
		div.bottom p.instuctions{display: inline-block;    vertical-align: middle;    color: #fff;    font: 14px / 16px 'Open Sans', arial, sans-serif;    font-weight: 400;    max-width: 38%;    text-align: left;}
		div.bottom a{opacity: 0.3; pointer-events: none;}
			div.bottom.complete a{opacity: 1; pointer-events: all;}

div.PAD.listing div.module{position: relative; display: inline-block;    vertical-align: top;    background-color: #fff;    border-radius: 20px;    width: 300px;    margin: 20px 10px; box-shadow: 1px 1px 5px rgba(0,0,0,.3);-webkit-animation-name: scrollIn1; -webkit-animation-timing-function: ease-out; -webkit-animation-duration: 400ms;
-moz-animation-name: scrollIn1; -moz-animation-timing-function: ease-out; -moz-animation-duration: 400ms;
-ms-animation-name: scrollIn1; -ms-animation-timing-function: ease-out; -ms-animation-duration: 400ms;
animation-name: scrollIn1; animation-timing-function: ease-out; animation-duration: 400ms; opacity: 0; animation-iteration-count: 1;
  animation-direction: linear; animation-fill-mode: forwards;}
	div.PAD.listing div.module div.modCon{padding: 20px 20px;}
	div.PAD.listing div.module h2{font: 16px/23px 'Open Sans',arial,sans-serif;    font-weight: 600;    border-bottom: 1px solid #000;    margin: 0 0 10px 0; text-align: left;}
	div.PAD.listing div.module div.duration{position: absolute;    top: 19px;    right: 38px;    font: 14px/23px 'Open Sans',arial,sans-serif;    font-weight: 600;    color: #888;     display: none;}
	div.PAD.listing div.module h3{font: 17px/20px 'Open Sans',arial,sans-serif;    font-weight: 400;    margin: 10px 20px 10px 0;    min-height: 64px; text-align: left;    display: none;}
	div.PAD.listing div.module p.spkName{font: 14px/16px 'Open Sans',arial,sans-serif;    font-weight: 400;    margin: 0 0 5px 0; text-align: left;}
	div.PAD.listing div.module img{display: block;    max-width: 100%; margin: 0 0 20px 0;}
	div.PAD.listing div.module a.beginBtn{display: block;    margin: 28px auto 20px auto;    font: 20px/36px 'Open Sans',arial,sans-serif;    font-weight: 600;    color: #fff;    border: 1px solid #1b1c1c;    background-color: #1b1c1c;    border-radius: 20px;    padding: 0;    width: 100%;    text-align: center;}
	div.PAD.listing div.module a.beginBtn.disabled{pointer-events: none; opacity: 0.4; user-select: none;}
	div.PAD.listing div.module img.checkDone{display: block;    position: absolute;    top: -6px;    right: -4px;    width: 40px;    height: auto; -webkit-animation-name: scrollIn1; -webkit-animation-timing-function: ease-out; -webkit-animation-duration: 200ms;
-moz-animation-name: scrollIn1; -moz-animation-timing-function: ease-out; -moz-animation-duration: 200ms;
-ms-animation-name: scrollIn1; -ms-animation-timing-function: ease-out; -ms-animation-duration: 200ms;
animation-name: scrollIn1; animation-timing-function: ease-out; animation-duration: 200ms; opacity: 0; animation-iteration-count: 1;
  animation-direction: linear; animation-fill-mode: forwards;}
	div.PAD.listing div.module a.redo img{display: block;    position: absolute;    top: 50px;    right: 4px;    width: 30px;    height: auto;}

	a.slides{display: inline-block;    vertical-align: top;    width: 94px;    min-height: 40px;    font: 16px / 20px 'Open Sans', arial, sans-serif;    font-weight: 400;    margin: 0 0 0 20px;    padding: 0px 0 0px 40px;    text-align: left;    background-image: url(images/icon_PDF_white.svg);    background-position: top left;    background-repeat: no-repeat;    background-size: 35px 40px;    white-space: normal;    text-transform: uppercase;    color: #fff;}
	a.learningReport{display: inline-block;    vertical-align: top;    width: 94px;    min-height: 40px;    font: 16px / 20px 'Open Sans', arial, sans-serif;    font-weight: 400;    margin: 0 0 0 20px;    padding: 0px 0 0px 40px;    text-align: left;    background-image: url(images/icon_learning-report_white.svg);    background-position: top left;    background-repeat: no-repeat;    background-size: 35px 40px;    white-space: normal;    text-transform: uppercase;    color: #fff;}
		body.l1 a.learningReport{width: 142px;}
	a.eval{display: inline-block;    vertical-align: top;    width: 94px;    min-height: 40px;    font: 16px / 20px 'Open Sans', arial, sans-serif;    font-weight: 400;    margin: 0 0 0 20px;    padding: 0px 0 0px 40px;    text-align: left;    background-image: url(images/icon_eval_white.svg);    background-position: top left;    background-repeat: no-repeat;    background-size: 35px 40px;    white-space: normal;    text-transform: uppercase;    color: #fff;}
		div.bottom.complete a.eval.done{cursor: default; pointer-events:none;}

div.endScreen{text-align: center;background-image: url(images/BG_resources.png);    background-position: left center;    background-repeat: no-repeat;    background-size: 16vw auto;}
div#right div.PAD.module{padding: 0;    width: auto;    margin: 0 auto; min-height: calc(100vh - 110px);    overflow: auto;}
div#conclusion{width: fit-content;    margin: auto;}
div#right div.PAD div#conclusion h1{color: #000;    font: 28px/32px 'Open Sans',arial,sans-serif;    font-weight: 600;}
	div#right div.PAD div#conclusion h1 strong{color: #d15462;}

	div#conclusion h3{white-space: nowrap;}
		div#conclusion h3 strong{display: inline-block; vertical-align: middle; width: 260px;}
		div#content div#conclusion h3 hr{display: inline-block; vertical-align: middle; width: calc(50% - 160px); margin: 0; height: 2px;}

	div#conclusion a.resource{display: inline-block;    vertical-align: top;    margin: 0 20px 20px 20px;    text-decoration: none;    width: 200px;    font: 14px/16px 'Open Sans', Arial;    font-style: italic;}
		div#conclusion a.resource img{display: block;    width: 100%;    margin: 0 0 10px 0;}

div#right div.PAD.learningReport{width: 748px;}
	div#right div.PAD.learningReport img.logo{display: block;    margin: 0 auto 20px auto;    width: 60%;}
	div#right div.PAD.learningReport h1{text-align: center;    color: #1b1c1c;    font: 26px/28px 'Open Sans',arial,sans-serif;    font-weight: 600;}
	div#right div.PAD.learningReport h2{color: #1b1c1c;    font: 22px/24px 'Open Sans',arial,sans-serif;    font-weight: 600;    margin: 0 0 10px -14px;}
	div#right div.PAD.learningReport h3{color: #1b1c1c;    font: 22px/24px 'Open Sans',arial,sans-serif;    font-weight: 600;    margin: 0 0 10px -14px;}
	div#right div.PAD.learningReport div#topics{color: #1b1c1c;    font: 18px/22px 'Open Sans',arial,sans-serif;    font-weight: 400;    margin: 0px 0 10px -14px;}
	div#right div.PAD.learningReport div#objectives{color: #1b1c1c;    font: 18px/22px 'Open Sans',arial,sans-serif;    font-weight: 400;    margin: 20px 0 10px -14px;}

	div#learningResults > h3{color: #1b1c1c;    font: 17px/18px 'Open Sans',arial,sans-serif;    font-weight: 700;    text-align: left;    margin: 0 0 10px -14px;    text-transform: uppercase;}
		div#right div.PAD.learningReport div.aggregateCon h3{color: #1b1c1c;    font: 17px/18px 'Open Sans',arial,sans-serif;    font-weight: 600;    text-align: center;    margin: 0 0 10px 0;}

div.resultCon{}
	div.aggregateCon{display: block;    float: right;    width: 35%;}
	div.resultCon div.results{display: block; vertical-align: top; width: auto; margin-right: 20px;} /* width: 419px; */
		div.resultCon div.results div.question{font: 18px/24px 'Open Sans', Arial;    font-weight: 600;}
		div.resultAnswer{display: table; font: 18px/22px 'Open Sans', Arial;    padding: 0 0 5px 0;}
			div.resultAnswer div.letter{display: table-cell;padding: 0 0 0 0;}
			div.resultAnswer div.txt{display: table-cell;}

div.learningResponse{font-weight: 600; margin: 20px 20px 0px 0px; padding: 5px 0 0 50px; min-height: 40px;    clear: both;    font: 16px/18px 'Open Sans', Arial;    font-weight: 400;}
	div.learningResponse.correct{background-image: url(images/icon_check_green.svg);background-repeat: no-repeat; background-position: 0px 6px; background-size: 40px 40px;}
	div.learningResponse.incorrect{background-image: url(images/icon_wrong_dk-blue.svg);background-repeat: no-repeat; background-position: 0px 0px; background-size: 40px 40px;}
	div.learningResponse.qDrops{margin: 10px 20px 0px 0px;    padding: 5px 0 0 50px;}

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.aggregateCon div.feedGraph{max-width: 33vw;}

div.LRfeedback{padding: 20px 0 0 0;}

	div.results div.ggLI{display: table;margin-bottom: 10px;}
	div.results 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.results div.txt{display: table-cell;vertical-align: middle;text-align: left;padding-left: 10px;font: 14px/16px 'Open Sans', Arial;    font-weight: 600;color: #061d49;}
		div.ggLI_1 div.letter{background-color: #89459a;}
		div.ggLI_2 div.letter{background-color: #03b2cf;}
		div.ggLI_3 div.letter{background-color: #beb23c;}
		div.ggLI_4 div.letter{background-color: #77787b;}
		div.ggLI_5 div.letter{background-color: #061d49;}
		div.ggLI_6 div.letter{background-color: #8cc63f;}
		div.ggLI_7 div.letter{background-color: #ffd300;}
		div.ggLI_8 div.letter{background-color: #ff3b00;}
		div.ggLI_9 div.letter{background-color: #b82e2e;}
		div.ggLI_10 div.letter{background-color: #316395;}
		div.ggLI_11 div.letter{background-color: #9a4499;}
		div.ggLI_12 div.letter{background-color: #66aa01;}


div.graphArea ol#qFeedback > li{padding-bottom: 0;    text-indent: 0vw;    margin-bottom: 40px;}
	li.feedBackLI.hidden{display: none;}

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;}
		div.theLegend div#ggLI_9 div.letter{background-color: #b82e2e;}
		div.theLegend div#ggLI_10 div.letter{background-color: #316395;}
		div.theLegend div#ggLI_11 div.letter{background-color: #9a4499;}
		div.theLegend div#ggLI_12 div.letter{background-color: #66aa01;}

li.a1{color: #3366cc;}
li.a2{color: #dc3912;}
li.a3{color: #ff9900;}
li.a4{color: #119618;}
li.a5{color: #990099;}
li.a6{color: #0099c6;}
li.a7{color: #c14475;}
li.a8{color: #7eaa23;}
li.a9{color: #a02e2e;}
li.a10{color: #446393;}
li.a11{color: #884497;}


div.resultCon div.explanation{font: 16px/18px 'Open Sans', Arial;    font-weight: 400;    margin: 20px 0;}

div.resultCon div.explanation span.ref{display: block; font: 12px/14px 'Open Sans', Arial;    font-weight: 400;    margin: 20px 0;}
div#learningResults hr{height: 0;    border: 0;    border-bottom: 1px solid #1b1c1c;    margin: 20px 0;}


h4#modTitle{margin: 4vh 0 0vh 3vw;}
h2#title{display: inline-block;    color: #1b1c1c;    font: 18px/20px 'Open Sans';    font-weight: 600;    margin: 0vh 0 2vh 3vw; padding:0;}
	h2#title.hidden{opacity: 0; display: none;}

div#content{position: relative;    z-index: 5;    font: 24px/24px 'Open Sans', Arial;    color: #1b1c1c;    margin: 20px auto 0 auto;    max-width: 1300px;    padding-bottom: 6vh;}
	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: #1b1c1c;margin: 40px 40px 40px 0px;}

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:0 70px 7vh 3vw;}
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: #1b1c1c;}
	div.question div.number{display: none; float: left;    margin: 0 10px 100px 0;}

textarea.answer.textBox{width: 70vw;    max-width: 600px;    height: 60vh;    max-height: 300px;    padding: 5px;}

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 span.ref{display: block; font: 10px/12px 'Open Sans', Arial;    font-weight: 400; margin: 10px 0;}
	div.explanation span.indent{display: block;    padding: 10px 20px;}

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.qType2 div.answer{display: block;}
	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 #1b1c1c;    border-radius: 20px;}
	div.answer div.alpha{display: inline-block; vertical-align: top; color: #000; margin-right: 8px;    text-transform: uppercase;    font-weight: 700;}
	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; padding: 11px 20px 10px 40px;    min-height: 30px; background-image: url(images/icon_check_green.svg);background-repeat: no-repeat; background-position: 0px 6px; background-size: 40px 40px;}
div.incorrectAnswer{color:#db4d43; padding: 11px 20px 10px 40px;    min-height: 30px; background-image: url(images/icon_wrong_dk-blue.svg);background-repeat: no-repeat; background-position: 0px 0px; background-size: 40px 40px;}
div.rightAnswer{font-weight: 600; margin: 0 20px 10px 20px;}

div#specifyCon.hidden{display: none;}
textarea#specifyAnswer{width: 70vw;    max-width: 600px;    height: 20vh;    max-height: 40px;    padding: 5px;}

iframe{display: block;border-radius:20px;}
div#vidFrame{width: 48vw;    height: 30vw; margin: 0 auto;}
	div#vidFrame iframe{display: block; width: 48vw; height: auto; aspect-ratio: 16/9; margin: 0 auto;    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#nav{position: fixed;    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#debug{display: none;}


div#right div.PAD.evaluation{width: 748px;}
	div#right div.PAD.evaluation img.logo{display: block;    margin: 0 auto 20px auto;    width: 60%;}
	div#right div.PAD.evaluation h1{text-align: center;    color: #1b1c1c;    font: 26px/28px 'Open Sans',arial,sans-serif;    font-weight: 600;}
	div#right div.PAD.evaluation h2{color: #1b1c1c;    font: 22px/26px 'Open Sans',arial,sans-serif;    font-weight: 600;    margin: 0; text-align: center;}
	div#right div.PAD.evaluation h3{color: #1b1c1c;    font: 20px/24px 'Open Sans',arial,sans-serif;    font-weight: 600;    margin: 0 0 20px 0;}

form#evaluationForm{position: relative;    padding: 0; white-space: normal; font: 18px/22px 'Open Sans', Arial;font-weight: 400;}
    form#evaluationForm fieldset{border: 0;    margin: 0;    padding: 0 0 0 20px;}
    	form#evaluationForm fieldset.ml{margin: 0 0 20px 40px;}
    form#evaluationForm legend{margin: 0 0 10px -20px;    padding: 0;    font:20px/22px 'Open Sans', Arial;font-weight:600;}
    form#evaluationForm select{width: 200px;font: 16px Poppins,sans-serif;    padding: 0 10px;    height: 40px; background-position: 168px 14px; background-color: #fff;}
    form#evaluationForm select#specialty{width: 300px;    background-position: 268px 14px;}
    form#evaluationForm p{font:20px/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: 100%;padding-bottom: 5px;}
	form#evaluationForm textarea{width:600px;font: 18px/20px 'Open Sans', Arial;    font-weight: 400;    margin: 5px 0px 15px 0px;}
	form#evaluationForm fieldset.singles div.question{padding-left: 20px;vertical-align: middle;}
	form#evaluationForm fieldset.singles select{margin: 0;}
	form#evaluationForm fieldset.singles.radio label{display: inline-block;    margin-right: 20px;    padding-bottom: 30px;}
	form#evaluationForm label{}
	form#evaluationForm input[type="text"]{font: 16px 'Open Sans', Arial;    font-weight: 400;    height: 40px;}
	form#evaluationForm input[type="checkbox"]{width: 30px;    height: 30px;    display: inline-block;    vertical-align: top;}
	form#evaluationForm div.checkAll{padding: 5px 0 0 0;}
	form#evaluationForm div.checkAll label{display: inline-block;    vertical-align: top;    width: 785px;    padding: 5px 0 10px 5px;    font: 18px/20px 'Open Sans', Arial;    font-weight: 400;}
	form#evaluationForm label[for="meetingID"]{display: inline-block;    vertical-align: top; width: 125px;    height: 31px;    margin: 9px 10px 10px 0;}
	form#evaluationForm label[for="specialty"]{display: inline-block;    vertical-align: top;}
	form#evaluationForm input[type="submit"]{font: 26px/26px 'Open Sans', Arial;    font-weight: bold;    padding: 5px 20px;}
	form#evaluationForm input[type="radio"].ML{margin-left: 20px;}

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

div.rangeSlide{width: 100%; margin-bottom: 3vh;}
input.slider {
  -webkit-appearance: none;  /* Override default CSS styles */
  appearance: none;
  width: 100%; /* Full-width */
  height: 25px; /* Specified height */
  background: #d3d3d3; /* Grey background */
  outline: none; /* Remove outline */
  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
  transition: opacity .2s;
  margin: 5px 0 10px 0;
}
input.slider:hover {
  opacity: 1; /* Fully shown on mouse-over */
}
input.slider::-webkit-slider-thumb{-webkit-appearance: none; /* Override default look */
  appearance: none;
  width: 35px; /* Set a specific slider handle width */
  height: 35px; /* Slider handle height */
  background: #8eb4e3;
  /* background: url('images/slider3.svg'); */
  cursor: pointer; /* Cursor on hover */
}
input.slider::-moz-range-thumb{width: 25px; /* Set a specific slider handle width */
  width: 35px;
  height: 35px; /* Slider handle height */
  background: #8eb4e3;
  /* background: url('images/slider3.svg'); */
  cursor: pointer; /* Cursor on hover */
}
input.slider:disabled{pointer-events: none;}

label.slideLabel{display: block; line-height: 18px;    padding-bottom: 5px;}
div.rangeLabels{display: table;    width: 100%;    text-align: center;color: #9a9a99;    font-size: 12px;}
	div.rangeLabels div{display: table-cell;    max-width: 80px;    white-space: normal;line-height: 12px;}
	div.rangeLabels.rangeCount2 div{width: 50%;}
	div.rangeLabels.rangeCount3 div{width: 33.3%;}
	div.rangeLabels.rangeCount4 div{width: 25%;}
	div.rangeLabels.rangeCount5 div{width: 20%;}
	div.rangeLabels.rangeCount6 div{width: 16.6%;}
	div.rangeLabel1{text-align: left;}
	div.rangeLabel5{text-align: right;}
		div.rangeSlide.range1 div.rangeLabels div.rangeLabel1{font-weight:bold;font-size: 11px; color: #000;}
		div.rangeSlide.range2 div.rangeLabels div.rangeLabel2{font-weight:bold;font-size: 11px; color: #000;}
		div.rangeSlide.range3 div.rangeLabels div.rangeLabel3{font-weight:bold;font-size: 11px; color: #000;}
		div.rangeSlide.range4 div.rangeLabels div.rangeLabel4{font-weight:bold;font-size: 11px; color: #000;}
		div.rangeSlide.range5 div.rangeLabels div.rangeLabel5{font-weight:bold;font-size: 11px; color: #000;}
		div.rangeSlide.range6 div.rangeLabels div.rangeLabel6{font-weight:bold;font-size: 11px; color: #000;}

div.third{display: inline-block;    vertical-align: top;    width: 275px;    font: 16px/20px 'Open Sans', Arial;    font-weight: 400; padding: 0 0 5px 0;}

div#right div.PAD.reflection form#evaluationForm legend{padding: 20px 0 0 0;}
div#right div.PAD.reflection form#evaluationForm fieldset.singles div.question{width: 480px;}
div#right div.PAD.reflection label{display: inline-block;    width: 675px;    padding: 1px 0 15px 0;    min-height: 40px;}


div#right div.PAD.account{text-align: center;}
div#right div.PAD.account div#welcome{font: 20px/24px 'Open Sans', Arial;    font-weight: 400;}
div#right div.PAD.account div.accountMenu a{display: inline-block;    vertical-align: top;    padding: 5px 60px 5px 60px;    margin: 10px -20px 30px -20px;    border-radius: 20px;    font: 18px/22px 'Open Sans', Arial;    font-weight: 400;    border: 1px solid #60605f;    text-decoration: none;    text-transform: uppercase;}
	div#right div.PAD.account div.accountMenu a.HL{position: relative; z-index: 100; background-color: #fff;}
	div#right div.PAD.account div.accountMenu a:hover{position: relative;    z-index: 110;    background-color: #ccc;    opacity: 1;}
div#right div.PAD.account h2{padding: 3px 0px 9px 77px;    background-image: url(images/icon_cert_pink.svg);    background-size: 65px 65px;    background-repeat: no-repeat;    background-position: top left;    display: inline-block;    text-align: left;    margin: 0;}
	div#right div.PAD.account h2 strong{display: block;}
div#right div.PAD.account hr{height: 0;    border: 0;    border-top: 1px solid #60605f;    margin: 10px 0 20px 0;}
div#right div.PAD.account > p{font: 18px/22px 'Open Sans', Arial;    font-weight: 400;}
div#right div.PAD.account a.certLink{display: inline-block;    vertical-align: top; text-decoration: none; padding: 0 0px 9px 70px;    background-image: url(images/icon_pdf_orange.svg);    background-size: 65px 65px;    background-repeat: no-repeat;    background-position: top left;    text-align: left;    margin: 0 0 20px 0;    font: 18px/22px 'Open Sans', Arial;    font-weight: 600;    width: 520px;}
	div#right div.PAD.account a.certLink strong{display: block; font-weight: 400;}

form#accountForm{position: relative; width: 600px;    margin: 0 auto;}
	form#accountForm div.alert{font: 20px/24px 'Open Sans',arial,sans-serif;    font-weight: 600;    margin: 0 0 40px 0;    color: #ff3469;}
	div#right form#accountForm h1{background-image: url(images/icon_info_blue.svg);    background-position: top left;    background-repeat: no-repeat;    background-size: 40px 40px; padding: 0 0 0 50px;     padding: 6px 0 12px 50px;    color: #555555;    margin: 20px 0 15px 0;text-align: left;}
	form#accountForm fieldset{background-color: #fff;    border: 2px solid #ccc;    border-radius: 30px;    padding: 31px;}
	form#accountForm input[type="text"]{border: 0;    border-bottom: 1px solid #bbb;}
	form#accountForm select{width: 98%;border: 0;    border-bottom: 1px solid #bbb;}
	form#accountForm div.otherBox{margin: 0;    width: 100%;    padding: 0;}
	form#accountForm input[type="submit"], form#accountForm button{width: 50%;    margin: 0 auto 20px auto;    height: 50px;}
	label[for="HCP"]{display: inline-block; vertical-align: top; padding: 0px 0px 0 50px; background-image:url(images/check0.svg);background-size:40px 40px;background-repeat:no-repeat;background-position:0px 0px;margin:0px 0px 15px 0px; min-height: 40px; line-height: 20px; cursor: pointer;     width: 400px; font: 18px/22px 'Open Sans', Arial;}
		label[for="HCP"].HL{background-image:url(images/check1.svg);}
		label[for="HCP"] span{display: block;    font: 12px/14px 'Open Sans', Arial;}
	label[for="agree"]{display: inline-block; vertical-align: top; padding: 0px 0px 0 50px; background-image:url(images/check0.svg);background-size:40px 40px;background-repeat:no-repeat;background-position:0px 0px;margin:0px 0px 15px 0px; min-height: 40px; line-height: 20px; cursor: pointer;     width: 400px; font: 18px/22px 'Open Sans', Arial;}
		label[for="agree"].HL{background-image:url(images/check1.svg);}
		label[for="agree"] span{display: block;    font: 12px/14px 'Open Sans', Arial;}
	form#accountForm p{font: 14px/18px 'Open Sans', Arial;}
	label[for="contacted"]{display: inline-block; vertical-align: top; padding: 0px 0px 0 50px; background-image:url(images/check0.svg);background-size:40px 40px;background-repeat:no-repeat;background-position:0px 0px;margin:0px 0px 15px 0px; min-height: 40px; line-height: 20px; cursor: pointer;     width: 400px; font: 14px/18px 'Open Sans', Arial;text-align: left;}
		label[for="contacted"].HL{background-image:url(images/check1.svg);}
		label[for="inviteCode"]{display: block;    font-size: 14px;    line-height: 16px;    text-align: left;    margin: 15px 5px 4px 5px;}

div#right div.PAD.faculty{text-align: center;}
	div#right div.PAD.faculty h2{font: 28px/28px 'Open Sans', Arial;    font-weight: 600;    margin: 20px 0 40px 0; color: #555555;}
	div.faculty div.bio{display: inline-block; vertical-align: top; width: 45%}
		div.faculty div.bio.b1{margin-right: 40px;}
		div.faculty div.bio div.pic{background-repeat: no-repeat;    background-size: cover;    width: 214px;    height: 250px;    border-radius: 10px;    margin: 0 auto 10px auto;    box-shadow: 2px 2px 6px rgba(0,0,0,.4);}
		div#right div.faculty div.bio h2{font: 18px/18px 'Open Sans', Arial;    font-weight: 600; margin: 0 0 20px 0;}
		div.faculty div.bio p{font: 16px/18px 'Open Sans', Arial;    font-weight: 400;    text-align: left;}

div#right div.PAD.resources{text-align: center;    max-width: 500px;}
	div#right div.PAD.resources h2{font: 28px/28px 'Open Sans', Arial;    font-weight: 600;    margin: 20px 0 40px 0; color: #555555;}
div#right div.PAD.resources{text-align: center;}
 	div#right div.PAD.resources a.resource{position: relative;    display: block;    width: 224px;    background-color: #fff;    border-radius: 10px;    background-image: url(images/icon_pdf_grey.svg);    background-repeat: no-repeat;    background-position: 156px 20px;    background-size: 30px 38px;    padding: 10px 20px 20px 192px;    height: 50px;    text-decoration: none;    color: #000;    font: 12px/16px 'Open Sans', Arial;    font-weight: 600;    margin: 0 auto 60px auto;    text-align: left;    box-shadow: 0 0 5px rgba(0,0,0,.1);    min-height: 80px;}
 		div#right div.PAD.resources a.resource img{position: absolute;    top: -20px;    left: 20px;    display: block;    border-radius: 0;    width: 122px;    height: auto;    box-shadow: 2px 2px 5px rgba(0,0,0,.1);}


div#vidPlayerCon{display: none; position: fixed;    top: 0;    left: 0;    width: 100vw;    height: 100vh;    background-color: rgba(0,0,0,0.7);    z-index: 500;}
	div#vidPlayerCon.shown{display: block;-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;}
	div#vidPlayerCon div.closeBtn{position: absolute;    top: 20vh;    right: 50%;    margin-top: -40px;    margin-right: -440px;    cursor: pointer;    z-index: 600;    color: #000;    background-image: url(images/video-close.png);    background-size: 40px 40px;    width: 40px;    height: 40px;}
	div#vidPlayerCon iframe{display: block;    margin: 20vh auto 0 auto;    width: 800px;    height: 450px;}

div#vidCon{width: 620px;    background-image: url(images/video.png);    background-position: top center;    background-repeat: no-repeat;    background-size: 100% auto;    margin: 0 auto; padding: 15px 0 86px 30px;}
iframe#vidIframe{display: block; width: 505px;    height: 290px;    margin: 0 0 0 47px;}
iframe#vidFrame{width: 100%;    height: 100%;    display: block;}

div.collapseBox{margin: 0 0 20px 0; max-height: 45px; overflow: hidden; transition: 500ms ease-in-out;}
	div.collapseBox.open{max-height: 5000px;}
	div.collapseBox div.toggleBtn{position: relative; background-image: url(images/icon_resources_blue.svg);    background-position: 10px 10px;    background-repeat: no-repeat;    background-size: 50px 50px;    padding: 25px 0 25px 70px;    font: 22px/22px 'Open Sans',arial,sans-serif;    font-weight: 600;    color: #60605f; cursor: pointer;}
		div.collapseBox div.toggleBtn.wrapped{padding: 14px 0 13px 90px !important;}
	div.collapseBox div.toggleBtn span{position: absolute; top: 25px;    right: 20px;    z-index: 100;    font: 32px/15px 'Open Sans',arial,sans-serif;    font-weight: 600;}
		div.collapseBox > div.toggleBtn span.open{display: none;}
		div.collapseBox.open > div.toggleBtn span.closed{display: none;}
		div.collapseBox.open > div.toggleBtn span.open{display: block;}
		div.resource{font: 16px/18px 'Open Sans',arial,sans-serif;    font-weight: 400;    padding: 10px 10px 10px 70px; color: #60605f;    border-top: 1px solid #666;}
			div.resource a{color: #60605f;    font-weight: 600;}
		div.collapseBox img.logo {width: 250px; margin: 10px 10px 10px 0px;}

div.collapseBox.sub{border-left: 0;    border-right: 0; border-bottom: 0; margin: 0;background-color: #f3f3f3;}
	div.collapseBox.sub div.toggleBtn{background-image: none;    font: 20px/22px 'Open Sans',arial,sans-serif;    font-weight: 600;    padding: 25px 0 25px 90px;    background-color: #e2e2e2;}

form#agreeForm{width: 600px;   font: 16px/20px 'Open Sans',arial,sans-serif;    font-weight: 400;    padding: 0;    white-space: normal;    margin: 4vw auto;}
	div#right div.PAD form#agreeForm h2{padding: 0 0 20px 0;    margin: 0;    color: #60605f;    font: 24px/24px 'Open Sans',arial,sans-serif;   font-weight: 400;}
	form#agreeForm label{display:inline-block;vertical-align: middle;cursor:pointer;background-image:url(images/check0.svg);background-repeat: no-repeat;background-size: 45px 40px;    background-position: left 5px;    padding: 13px 0px 0 50px;   margin: 0 0 20px 0;    min-height: 36px;}
		form#agreeForm label.HL{background-image:url(images/check1.svg);}
		form#agreeForm input{vertical-align: middle;}
		form#agreeForm input[type="submit"]{    display: block;    margin: 0 auto;    background-color: #fff; font: 24px/40px 'Open Sans',arial,sans-serif;    font-weight: 600;    color: #1b1c1c;    border: 1px solid #1b1c1c;    border-radius: 20px;    padding: 0px 40px 0px 40px; width: auto;}

form#pollingQuestionForm input.toggleBtn, input.toggleBtn{display:none;}


p.thanks{height: auto;    padding: 10px 0; color: #fff;}
	p.thanks a{text-decoration: none; color:#fff;}

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

input[type="submit"], button{-webkit-appearance: none;    cursor: pointer;    margin: 0;    border: 1px solid #1b1c1c;    background-color: #1b1c1c;    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, button:hover {opacity:0.8;}

input[type="text"], input[type="password"]{color: #222;    border: 1px solid #bbb;    font: 16px/16px 'Open Sans', Arial;    line-height: 16px;    border-radius: 0px;    margin: 0px 0px 10px 0px;    padding: 0px 10px;    height: 36px;    background-color: #ffffff;    width: 93%;}
input[type="radio"]{display: inline-block;    vertical-align: middle;    width: 30px;    height: 30px; margin: 0 20px 0 0; cursor: pointer;}

select{color: #222;    border: 1px solid #bbb;    font: 16px 'Open Sans', Arial;    line-height: 38px;    border-radius: 0px;    margin: 0px 0px 10px 0px;    padding: 0px 10px;    height: 38px;    width: 100%;}

div.note{color: #222;    font-size: 12px;    line-height: 14px;    text-align: left;    padding: 0px 20px 20px 2px;    margin-top: -6px;}

div#thanks{}

div#terms{font: 16px/20px 'Open Sans',arial,sans-serif;    font-weight: 400;}

div#footer{width: 100%;    margin: 0 auto;    padding: 15px 0 12px 0;    text-align: center;    font-size: 13px;    line-height: 14px;    color: #60605f; z-index: 500; max-width: 870px;}
body.l1 div#footer{width: 100%;    margin: 0 auto;    padding: 15px 0 12px 0;    text-align: center;    font-size: 13px;    line-height: 14px;    color: #60605f; z-index: 500; max-width: 770px;}
	div#footer p{padding: 0 20px;}
	div#footer div.menu{padding: 0 0 10px 0;}
	div#footer div.menu p{display: inline-block; margin: 0;}
	div#footer div.menu a{color:#60605f; text-decoration: none; display: inline-block; padding: 0 1px;}
	div#footer div.menu a.HL{font-weight: 600;}
	body#s0 div#footer, body#s8 div#footer{white-space: normal;    margin: 50px auto 20px auto;    color: #fff;}
	body#s0 div#footer a, body#s8 div#footer a{color: #fff;}
	body#s0 div#footer div.menu a{display: none;}
	div#footer a.ul{text-decoration: underline;}

span.addtocalendar > a{background-image: url(images/calendar.svg) !important;    background-repeat: no-repeat;    background-size: 120px 52px;    padding: 0 0 0 130px;    min-height: 52px;    font-weight: 700;}

a.rightLink{display:inline-block;float:right;text-decoration:none;color:inherit;}

form#logForm.admin{width: 500px;    margin: 20px auto;    white-space: normal;}


body.admin div.mainContainer{overflow-x: auto;    height: 100%;}
form#adminForm{padding: 20px;    font-size: 16px;    line-height: 18px;    background-color: #ebebeb;    white-space: normal;}
	form#adminForm h1{font-size: 18px;    line-height: 20px;}
	form#adminForm a{color: #000;}
	form#adminForm input[type="submit"]{display: inline-block;    vertical-align: middle;    width: auto;    font-size: 16px;    line-height: 20px;    padding: 0 20px;    height: 28px;    margin: 15px 0;}
	form#adminForm.evals{background-color: #fff;    color: #000;}
		form#adminForm.evals select{width: 400px;    height: 40px;}
		form#adminForm.evals  a{color: #000;}
ol#qFeedback{}
	ol#qFeedback.surveys{list-style: none;}
	ol#qFeedback h2{font: 20px/24px 'Open Sans', Arial;font-weight: 600;margin: 0px 0px 10px 0px;}
	ol.alpha.answers{padding: 5px 0px 20px 60px;}
	img.feedGraph{display: block;margin: 0 auto 10px auto;}

	ol#qFeedback div.graphRight{float: right;margin-bottom: 20px;}
		ol#qFeedback div.graphRight h3{text-align: center;}
		ol#qFeedback div.feedGraph{width:500px;height:300px;}
	ol#qFeedback hr{height: 0;    border: 0;    border-bottom: 1px solid black;    margin: 30px 0 20px 0;}
div.correctResponse{background-size: 66px 69px;background-image: url(images/correct.svg);background-repeat: no-repeat;padding:0px 0 0 80px; min-height: 69px;}
	div.correctResponse strong{display: block;color:#0f9d58;}
div.incorrectResponse{background-size: 57px 67px;background-image: url(images/incorrect.svg);background-repeat: no-repeat;padding:0px 0 0 70px; min-height: 67px;}
	div.incorrectResponse strong{display: block;}
	div.incorrectResponse div.answer{padding:10px 0 0 0;}


ol#qFeedback.KnowledgeReport div.feedGraph{width:250px;height:150px;}
div.correctAnswers{padding: 10px 10px 20px 0;}

form#adminForm div#upcomingEvents{column-count: 3;    column-gap: 20px;white-space: normal;}
form#adminForm div#upcomingEvents div.eventBtn{padding: 25px;    display: inline-block;    vertical-align: top;}

form#adminForm div#upcomingEvents div.eventBtn div.dateTime{display: inline-block;    max-width: 200px;}

div.usrChkRow{padding: 5px 5px 10px 5px;}
	div.usrChkRow.offRow{background-color: #f98a73; max-width: 600px;}
	div.usrChkRow label{cursor:pointer;}
	div.usrChkRow div.name{font-weight: 600;}
	div.usrChkRow input.userChk{margin: 0 4px 0 20px;}

div.selectAll{cursor: pointer;    border: 1px solid #ff3469;    background-color: #ff3469;    font: 22px/22px 'Open Sans', Arial;    font-weight: 700;    color: #ffffff;    text-align: center;    text-transform: uppercase;    border-radius: 10px;    display: inline-block;    vertical-align: middle;    width: auto;    font-size: 16px;
    line-height: 28px;    padding: 0 20px;    height: 28px;    margin: 15px 20px;}

div.table{display:table;max-width:980px;}
	div.tableRow{display:table-row;}
	div.table.full{width:100%;height:100%;max-width:none;}
	div.tableCell, div.tableRow div{display:table-cell;vertical-align:top;text-align:left;padding-right:20px;}
		div.tableCell.head{font:20px/22px 'Open Sans', Arial;font-weight:bold;padding-bottom:6px;}
		div.tableCell ul{padding-left:40px;}
		div.tableCell li{padding-bottom:0px;}		
	div.tableCell.full{width:100%;height:100%;vertical-align:middle;text-align:center;padding:0px;}

table.csvTable{border-collapse: collapse;border:0px;border-spacing:0px;font:14px/16px pt_sansregular, Arial;}
	table.csvTable th{text-transform:uppercase;padding:3px 8px 8px 8px;}
	table.csvTable td{padding:3px 8px;}
	table.csvTable tr.offRow{background-color:#fff;}

body.admin textarea{border:1px solid #009ee0;font:14px/16px 'Open Sans', Arial;}
body.admin select{line-height: 14px;    height: 23px;    margin: 0;}
	body.admin select#programEvaluations{width: auto;    display: inline-block;    height: 40px;}
form#adminForm fieldset input[type="submit"]{margin-right: 20px;}
body.admin ol#qFeedback h3{margin-left: -20px;}

input[type="text"].inputsmall, textarea.inputsmall {font:10px/12px 'Open Sans', Arial;height:auto;padding:0px 10px 0px 10px;border:1px solid #666;}

::-webkit-input-placeholder { /* WebKit */
    color:#bbbcbd;text-transform:none;
}
::-moz-placeholder { /*Firefox */
    color:#bbbcbd;text-transform:none;
}
:-ms-input-placeholder { /* IE */
    color:#bbbcbd;text-transform:none;
}
legend{font-weight:bold;}

.floatRight{float:right;margin-left:20px;}
.floatLeft{float:left;margin-right:20px;}

div.warning{color: #ff0000;    padding: 0px 0px 1vh 0px;    font: 16px/18px 'Open Sans', Arial;    font-weight: 400;}

div#ADMINwarning{color:#ff0000;padding:10px 10px 10px 10px;font-size: 22px; line-height: 22px; text-align: center; background-color: #fff;}
.warn{color:#ff0000 !important;}
input[type="text"].warn,input[type="password"].warn,select.warn,textarea.warn{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.miceType{font:12px/14px 'Open Sans', Arial;}

table.smallForm{font-size:12px;line-height:14px;}

.blankImg{opacity:0;}
@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 FadeOut { 0% { opacity:1; } 100% { opacity:0; } }
@-webkit-keyframes FadeOut { 0% { opacity:1; } 100% { opacity:0; } }
@-moz-keyframes FadeOut { 0% { opacity:1; } 100% { opacity:0; } }
@-ms-keyframes FadeOut { 0% { opacity:1; } 100% { opacity:0; } }
.fadeItOut { opacity:0; -webkit-animation-name: FadeOut; -webkit-animation-timing-function: ease-out; -webkit-animation-duration: 1s;
-moz-animation-name: FadeOut; -moz-animation-timing-function: ease-out; -moz-animation-duration: 1s;
-ms-animation-name: FadeOut; -ms-animation-timing-function: ease-out; -ms-animation-duration: 1s;
animation-name: FadeOut; animation-timing-function: ease-out; animation-duration: 1s; }

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

@media all and (max-width: 1025px){
	form#codeForm label{font: 12px/12px 'Karbon',arial,sans-serif;	    font-weight: 400; max-width: 185px;}
}
@media all and (max-width: 920px){
	html{height: auto; min-height: 100vh;}
	body{font: 3.5vw 'Open Sans', Arial;    font-weight: 400;    line-height: 4vw; height: auto; min-height: 100vh;}
	div.mainContainer{background-image: none; height: auto;    min-height: 100vh;}

	sup{position: relative;    display: inline-block;    font-size: 2vw;    margin-top: -1vw;}
	select{border: 1px solid #808184;    border-radius: 0px;    color: #808184;    height: 10vw;    font: 3vw/3.2vw 'Open Sans',sans-serif;    padding: 0px 1vw;    margin: 0px 0px 0.5vw 0px;    width: auto;}

	body#s0 div#mainContainer{height: auto;    min-height: 100vh;    background-color: #fff;}
	div#homeBox{margin: 9vh auto 0 auto;    width: 90vw; height: auto;    overflow: auto;    background-color: #fff;    box-shadow: 9px 9px 14px -4px #333;    padding-top: 5vh;}
	div#homeBox img#logoMain{}
	form#loginForm{padding: 4vw 4vw 6vw 4vw;    width: 82vw;height: auto;position: unset;    display: block;}
	form#loginForm h1{text-align: center;    font: 6vw/6.5vw 'Open Sans',arial,sans-serif;    font-weight: 400;    margin: 2vh 0 2vh 0;    color: #60605f;}
	form#loginForm input[type="submit"], form#loginForm button{position: relative;    bottom: unset;    left: unset;    margin: 0 auto;    font: 6vw/10vw 'Open Sans',arial,sans-serif;    font-weight: 600;}
	form#loginForm input[type="submit"].wider, form#loginForm button.wider{margin: 0 auto;}
	form#loginForm input{width: 76vw;}
	p.copyRight.home{font: 3vw 'Open Sans',arial,sans-serif;    font-weight: 400;    width: 100vw;}

    div#topTools a#mainLogo{top: 14vw;    width: 19vw;    height: 10vh;    margin: 1vh;}
    	body.l1 div#topTools a#mainLogo{top: 14vw;    width: 19vw;    height: 10vh;    margin: 1vh;}
    div#topTools div#welcome{z-index: 2000;    top: 2vw;    left: 6vw;    right: unset;    font: 3vw/3.5vw 'Open Sans', Arial;    font-weight: 400;}
    div#accumulatedCredits{top: 9vw;    right: unset;    left: 6vw;    font: 3vw/3.5vw 'Open Sans', Arial;    font-weight: 400;}

	div.menuBtn{display: inline-block;    vertical-align: middle;    position: absolute;    top: 0;    left: 0;    width: 14vw;    height: 10vh;    overflow: hidden;    margin: 0 0 0 0;    padding: 0;    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;    background: #fff;}
		div.menuBtn:focus{outline:none;}
		div.menuBtn span{display:block;position:absolute;top: 8vw;    left: 2vw;    right: 2vw;    height: 3px;background:#fff;}
			div#header.front div.menuBtn span{}
		div.menuBtn span::before, div.menuBtn span::after{  position: absolute;  display: block;  left: 0;  width: 100%;  height: 3px;  background-color: #fff;  content: "";}
			div#header.front div.menuBtn span::before, div#header.front div.menuBtn span::after{}
		div.menuBtn span::before{top:-9px;}
		div.menuBtn span::after{bottom:-9px;}

		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: #fff !important;}
		div#menuBtn{top: 4vh;    right: 4vh;    left: unset;}

	div#leftMenu{position: fixed;    top: 0;    width: 35vw;    height: 87vh;    padding-top: 13vh;    left: -35vw;    transition: left 400ms ease-in-out;}
		div#leftMenu.shown{left:0;}

	div#right{padding-top: 0vh; min-width: unset;    height: auto;}
	div#right div.PAD{padding: 1vh 0 20vw 0;    width: 92vw;    margin: 0 auto;}
		div#right div.PAD h1{font: 5vw/6vw 'Open Sans',arial,sans-serif;    font-weight: 600;}

	div.eventsLeft{display: block;    vertical-align: top;    width: 92vw;    margin: 0 4vw; padding-bottom: 30vw;}
	
	div#right div.PAD.welcome{padding: 6vh 0 20vw 0;}
	div#right div.PAD.terms{padding: 6vh 0 20vw 0; font: 3.5vw/4vw 'Open Sans',arial,sans-serif;    font-weight: 400;}
		div#right div.PAD.terms p{font: 3.5vw/4vw 'Open Sans',arial,sans-serif;    font-weight: 400;}
		div#right div.PAD.terms h2{font: 5vw/5.5vw 'Open Sans',arial,sans-serif;    font-weight: 700;}

	div#right div.PAD.listing{width: 90vw;    padding: 6vh 0 0 0;}
		div#right div.PAD.listing > p{font: 3.5vw/4vw 'Open Sans', Arial;    font-weight: 400;}

    iframe#welcomeVid{width: 90vw;    height: 52vw;}
    a.dashBtn{font: 3.5vw/9vw 'Open Sans', Arial;    font-weight: 400;    margin: 0 0 0 -25vw;}

    div.member{display: block;    width: 90vw;    max-width: none;    margin-bottom: 6vw;}

	div#right div.PAD.resources a.resource{font: 3vw/3.5vw 'Open Sans', Arial;    font-weight: 600;    width: 58vw;    padding: 2vw 4vw 2vw 30vw;    background-position: 20vw 3vw;    background-size: 30px 38px;}
		div#right div.PAD.resources a.resource img{width: 15vw;    top: -1vw;    left: 3vw;}

	div#footnote{margin: 30px 2vw 0px 20px;}
	div#content{margin-bottom: 8vh; font: 4vw/4.5vw 'Open Sans', Arial;}
	div#questionBox{margin: 0 2vw 2vh 3vw;}
	div.question{font: 5vw/6vw 'Open Sans', Arial;    font-weight: 600;}
	div.answer{font: 3.5vw/4vw 'Open Sans', Arial;}
	div#vidFrame{width: 90vw;    height: 60vw;}
		div#vidFrame iframe{width: 90vw;}
	h4#modTitle{margin-left: 2vw;}
	div#questionBox div.explanation{max-height: none;    font: 3vw/3.5vw 'Open Sans', Arial;    font-weight: 400;}
	a#returnBtn{width: 0vw;    overflow: hidden;    padding: 0px 2vh 0px 3vh;    font-size: 0;    left: 2vw;}


	h1{font-size: 6vw;    line-height: 7vw;    padding: 6vw 0px 6vw 0px;}

	select{width: 99%;}
	input[type="submit"]{font: 4vw/9vw 'Open Sans', Arial;    font-weight: 700;    padding: 0 4vw;    height: auto;}
	input[type="submit"], button{width: 99%;}
	input#pcode{width: 38vw;    margin-left: 2.5vw;}
	div.emailNote{font-size: 3.5vw;    line-height: 4vw;}
	form#consentForm label{width: 75vw;    font: 3.5vw/4vw 'Open Sans', Arial;}
	form#regForm label{width: 75vw;    font: 3.5vw/4vw 'Open Sans', Arial;}

	div#splash > a.regLink {width: 92vw;margin-bottom: 10vh;}

	div#otherEvents{position: inherit;    bottom: unset;    right: 4vw;    display: block;    width: 92vw;    padding: 4vw;    margin: 0;    z-index: 200;    background-color: #fff;    color: #000;    box-shadow: none;}

	div#previousEvents{position: relative;    top: 0;    margin-top: 4vh;}
	div#previousEvents h2{color: #000;    font-size: 6vw;    line-height: 6vw;    margin: 0 0 0px 3vw;    text-align: left;}
	div.eventBtn{position: relative;    width: 88vw;    padding: 2vw;    margin: 0 0 4vh 0;   z-index: 200;    background-color: #fff;    color: #000;    box-shadow: none;    cursor: pointer;}
	div#currentEvent div.eventBtn div.speakerImg{width: 28vw;    height: 38vw;}


	a.pdf{padding: 2vw 0px 6px 12vw;    background-size: 10vw 13vw;    background-repeat: no-repeat;    background-position: top left;    display: inline-block;    text-decoration: none;    font-size: 4.5vw;    line-height: 4.5vw;    margin: 1vw 0;    min-height: 10vw;}
	a.ppt{padding: 2vw 0px 6px 12vw;    background-size: 10vw 13vw;    background-repeat: no-repeat;    background-position: top left;    display: inline-block;    text-decoration: none;    font-size: 4.5vw;    line-height: 4.5vw;    margin: 1vw 0;    min-height: 10vw;}


	a.requestLink{width:90%;	margin:0 0 25px 10px}
	a.requestLink.right{margin:0 0 10px 10px;}

	a.learnLink{width:80vw;	}
	div#questionsContacts{width:85vw;	padding:160px 0 20px 22px;}
	div#right div.PAD h1.calendar{width: 80vw;    margin: 0 0 0 4vw;}
	div#right div.PAD h1.recording{width: 65vw;    margin: 0 0 0 4vw;}

	div.PAD.event div.dateTime{padding: 0;    background-repeat: no-repeat;    background-position: 0px 0px;    background-size: 8vw 8vw; overflow: auto;    margin: 0;}
	div.PAD.event div.dateTime div.date{display: inline-block;    vertical-align: top;    font: 4vw/4.5vw 'Open Sans', Arial;    font-weight: 600;    padding: 0 0 1vw 0;}
	div.PAD.event div.dateTime div.time{display: inline-block;    vertical-align: top;    font: 4vw/4.5vw 'Open Sans', Arial;    font-weight: 600;    padding: 0 0 3vw 9vw;}

	div#pastEvents div.eventBtn{display: block;}

	form#regForm input[type="submit"]{margin: 4vw 0 8vw 0;    box-shadow: 4px 3px 20px -1px #333;    border-radius: 10px;    width: 80vw; font: 5vw 'Open Sans', Arial;    font-weight: 700;}


	form#accountForm{position: relative;    width: auto;    padding-top: 4vw;padding-bottom: 30vw;}
	form#accountForm fieldset{border-radius: 4vw;    padding: 2vw;}
	form#accountForm select{width: 100%;}
	form#accountForm input[type="submit"], form#accountForm button{height: auto;    margin-top: 4vw;}
	label[for="contacted"]{width: 66vw;}

	div#right div.PAD.account div.accountMenu a{max-width: 61vw;}
	div#right div.PAD.account a.certLink{width: 75vw;}

	input[type="text"], input[type="password"]{color: #222;    border: 1px solid #bbb;    font: 3vw/3.2vw 'Open Sans', Arial;    line-height: 3.2vw;    border-radius: 0px;    margin: 0px 0px 1vw 0px;    padding: 0px 10px;    height: 9vw;    background-color: #ffffff;    width: 93%;}

	div#right div.PAD.info{padding: 4vw 0;    font: 3.5vw/4vw 'Open Sans',arial,sans-serif;    font-weight: 400;    max-width: 1200px;}
	div#right div.PAD.support{padding: 8vw 0 4vw 0;    font: 3.5vw/4vw 'Open Sans',arial,sans-serif;    font-weight: 400;    max-width: unset;}

	div.warning{color: #ff0000;    padding: 0px 0px 1vh 0px;    font: 2.5vh/3vh 'Open Sans', Arial;    font-weight: 400;}

	div#footer{font-size: 2.5vw;    line-height: 3vw;z-index: 280;}
	body#s0 div#footer{padding: 0 4vw;}

	div#right div.PAD.evaluation{width: 92vw;}
	div#right div.PAD.evaluation h1{text-align: center;    color: #1b1c1c;    font: 5vw/5.5vw 'Open Sans',arial,sans-serif;    font-weight: 600;}
	div#right div.PAD.evaluation h2{color: #1b1c1c;    font: 4vw/4.5vw 'Open Sans',arial,sans-serif;    font-weight: 600;    margin: 0;}
	form#evaluationForm p{font: 3.5vw/4vw 'Open Sans', Arial;    font-weight: 400;    margin: 0 0 2vw 0;}
	form#evaluationForm fieldset{border: 0;    margin: 0;    padding: 0 0 0 1vw;}
	form#evaluationForm legend{margin: 0 0 2vw -1vw;    padding: 0;    font: 3.5vw/4vw 'Open Sans', Arial;    font-weight: 600;}
	form#evaluationForm input[type="checkbox"]{width: 5vw;    height: 5vw;    display: inline-block;    vertical-align: top;}
	div#right div.PAD.reflection label{display: inline-block;    vertical-align: top;    width: 82vw;    padding: 0.5vw 0 2vw 0;    min-height: 6vw;    font: 3vw/3.5vw 'Open Sans', Arial;    font-weight: 400;}

	div#right div.PAD.reflection form#evaluationForm fieldset.singles div.question{width: 58vw;    padding-left: 1vw;    font: 3vw/3.5vw 'Open Sans', Arial;    font-weight: 400;}
	form#evaluationForm select{width: 30vw;    font: 3vw Poppins,sans-serif;    padding: 0 2vw;    height: 11vw;    background-position: 27vw 1vw;    background-color: #fff;}

}



@media print {
	.pageBreak{display:block; page-break-before:always;}
	div#printBtn{display:none;}
	.dontPrint{display:none;}
	.onlyPrint{display:block;}
	div.feedbackQuestion{page-break-inside: avoid;}
	ol#qFeedback div.graphRight{max-width: 480px;}
div.mainContainer{height: auto;}
   #qFeedback > li{page-break-inside: avoid;}

	div#left{display:none;}

	html{height: auto;}
	body{height: auto;}
	div.mainContainer{height: auto;}

div.aggregateCon{width: 50%};

}