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

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

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

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

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

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

div.mainContainer{position:relative;width:100%;height:100%;text-align:left;z-index:1;font-size:0;background-image: url(images/bg_login.jpg);    background-position: right center;    background-size: auto 100vh;    background-repeat: no-repeat;}
	body#s0 div.mainContainer{overflow-y: auto;    overflow-x: hidden;}

img#homeLogo{width:460px;height:205px;margin:103px 0 0 73px;}
img#mainLogo{width:190px;height:84px;margin:22px 0 0 22px;}
img#adminLogo{width:190px;height:84px;margin:22px 0 0 22px;}

a#langBtn{position: absolute;    top: 20px;    right: 20px;    font: 20px 'Open Sans';    font-weight: 600;    text-decoration: none;    color: #222222;}

form#logForm{margin:40px 0 0 82px;}

div#header{height:106px;}

div#logMsg{position: absolute;top:15px;right: 80px;text-align: right;font:18px/20px 'Open Sans', Arial;font-weight: 400;}

div#menuBtn{display: inline-block;vertical-align: middle;position: absolute;top: 0px;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:absolute;top:0px;right:0px;z-index:500;background-color: #fff;width:250px;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:-400px;}
	div#mainMenu a{display: block;    font: 14px/16px 'Open Sans', Arial;    font-weight: 700;    text-decoration: none;    color: #0c1f3c;    text-transform: none;    padding: 0 0px 0px 40px;    background-position: 0 2px;    background-size: 30px 30px;    background-repeat: no-repeat;    width: 125px;    margin: 3vh 2vw;}
		div#mainMenu a.dash{background-image: url(images/icon_dashboard.svg);}
		div#mainMenu a.committee{background-image: url(images/icon_SPC.svg);}
		div#mainMenu a.contact{background-image: url(images/icon_contact.svg);}
		div#mainMenu a.lang{background-image: url(images/icon_language.svg); padding: 8px 0px 8px 40px;}
		div#mainMenu a.logOut{background-image: url(images/icon_logout.svg); padding: 8px 0px 8px 40px;}


div#homeBox{margin: 12vh auto 0 auto;    width: 600px;    background-color: #fff;    border-radius: 20px;    box-shadow: 7px 7px 14px -4px #6f6f6f;    overflow: hidden; text-align: left;}
	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;}

form#loginForm{position: relative;    display: inline-block;    vertical-align: top;    white-space: normal;    padding: 30px 0 0 0;    width: 341px;    color: #60605f;}
	form#loginForm a.lang{font: 16px/18px 'Open Sans',arial,sans-serif; font-weight: 600;    text-decoration: none;    color: #60605f;    position: absolute;    top: 15px;    right: 15px;}
	form#loginForm 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;}
	form#loginForm span.slash{display: inline-block; padding: 0 5px; font: 16px/18px 'Open Sans',arial,sans-serif;    font-weight: 400;}
	form#loginForm 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;}
	form#loginForm a.HL{font-weight: 600;    color: #003b6e;}
	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"]{margin: 0 auto 10px auto;    font: 24px/40px 'Open Sans',arial,sans-serif;    font-weight: 600; color: #0c1f3c;    border: 1px solid #0c1f3c;    background-color: #fff;    border-radius: 20px;    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"]{}
		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: 14px/16px 'Open Sans',arial,sans-serif;    font-weight: 400;    margin: 0px 0px 10px 0px;    cursor: pointer;    max-width: 316px;}
	form#loginForm label a{text-decoration: none; color: #60605f;}
	a.reqCode{display: inline-block;    font: 14px/14px 'Open Sans',arial,sans-serif;    font-weight: 400;    text-decoration: underline;    margin: 10px 0 0 0;}

form#accountForm{position: relative; width: 600px;    margin: 12vh auto 0 auto;     background-color: #fff; border-radius: 20px;    box-shadow: 7px 7px 14px -4px #6f6f6f;}
	form#accountForm div.left{display: inline-block;    vertical-align: top;    width: 155px;    margin: 30px 0 0 30px;}
			form#accountForm div.left img#mainLogo{width: 120px;    height: auto;    margin: 0 0 14px 0;}
			form#accountForm div.left div#logoCaption{font: 16px/20px 'Open Sans',arial,sans-serif;    font-weight: 400; color: #32a5e9; margin: 0 0 20px 0;}
			form#accountForm div.left strong{display: block;    color: #000;}
			form#accountForm div.left span{color: #be1e2e;    display: block;    font-weight: 600;}
			form#accountForm div.left img#medEdLogo{float: left;    margin: 0 10px 4px 0;    width: 65px;}
			form#accountForm div.left img#BILogo{margin: 0 0 10px 0;}
	form#accountForm fieldset{display: inline-block;    vertical-align: top;    width: 350px;    padding: 30px; border: 0px solid #ccc;}
	div#right form#accountForm h1{color: #0c1f3c;    margin: 0px auto 15px auto;    text-align: left;}
	form#accountForm input[type="text"]{border: 0;    border-bottom: 1px solid #bbb; width: 92%;}
	form#accountForm select{width: 98%;border: 0;    border-bottom: 1px solid #bbb;    font: 16px 'Open Sans';    padding: 3px 7px;    color: #4c4c4c;    margin: 0 0 10px 0;}
	form#accountForm div.otherBox{margin: 0;    width: 100%;    padding: 0;}
	form#accountForm input[type="submit"]{margin: 20px auto 10px auto;    font: 24px/40px 'Open Sans',arial,sans-serif;    font-weight: 600; color: #0c1f3c;    border: 1px solid #0c1f3c;    background-color: #fff;    border-radius: 20px;    padding: 0px 20px 0px 20px;    width: 100%;}
	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: 292px; font: 14px/18px 'Open Sans', Arial;}
		label[for="agree"].HL{background-image:url(images/check1.svg);}
	label[for="agree2"]{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: 292px; font: 14px/18px 'Open Sans', Arial;}
		label[for="agree2"].HL{background-image:url(images/check1.svg);}
	form#accountForm p{font: 9px/12px 'Open Sans', Arial;}
		form#accountForm label{display: inline-block;    vertical-align: top;    font: 14px/16px 'Open Sans',arial,sans-serif;    font-weight: 400;    margin: 0px 0px 10px 0px;    cursor: pointer;    max-width: 316px;}
	form#accountForm label a{text-decoration: none; color: #60605f;}
	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: 296px; font: 18px/22px 'Open Sans', Arial;}
		label[for="HCP"].HL{background-image:url(images/check1.svg);}
	label[for="BPC"]{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: 296px; font: 18px/22px 'Open Sans', Arial;}
		label[for="BPC"].HL{background-image:url(images/check1.svg);}
	form#accountForm input[type="text"].hidden{display: none;}


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


div#left{position: absolute;    display: inline-block;    vertical-align: top;    width: 200px;    height: 100vh;    padding: 0 30px 0 30px;    background-color: #fff;    overflow: hidden; z-index: 200;}
	body#s0 div#left{display: none;}
	body#s1 div#left{display: none;}
			div#left img#mainLogo{display: block;    width: 120px;    height: auto;    margin: 20px 0 14px 20px;}
			div#left div#logoCaption{font: 16px/20px 'Open Sans',arial,sans-serif;    font-weight: 400; color: #32a5e9; margin: 0 0 20px 0;}
			div#left strong{display: block;    color: #000;}
			div#left span{color: #be1e2e;    display: block;    font-weight: 600;}
			div#left img#medEdLogo{float: left;    margin: 0 10px 4px 0;    width: 40px;}
			div#left img#BILogo{margin: 0 0 10px 0; width: 100px;}
			div#left p{font: 9px/12px 'Open Sans', Arial; margin: 0 0 10px 0;}
			div#left ul{font: 9px/12px 'Open Sans', Arial;    padding: 0 0 0 18px;    margin: 0 0 20px 0;}

body.admin div#menuBtn{display: none;}
body.admin div#mainMenu{display: none;}
body.admin div#left{display: none;}
body.admin div.mainContainer{background-image: 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;}

div#right{display: block; width: 100%;    height: 100vh;    overflow: auto; white-space: normal; background-position: center bottom;    background-repeat: no-repeat;    background-size: 100% auto; }
	div#right div.PAD{padding: 0 60px 0 300px;}

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


div#programMenu{position: relative; width: 688px; margin: 40px auto 0 auto; background-color: #ffffffb3; border-radius: 20px;    padding: 20px;}
	div#programMenu p{font: 16px/20px 'Open Sans', Arial;    font-weight: 300;   text-align: left;}

div.capThumbCon{position: relative; display: inline-block;vertical-align: top;margin: 0 10px 10px 10px; font: 10px/11px 'Open Sans', Arial; font-weight: 600; color: #fff;}
	div.capThumbCon.disabled{pointer-events:none;opacity: 0.6;}
	div.capThumbCon.disabled:hover{pointer-events:none;opacity: 0.6;}
	div.capThumbCon a{color: #fff; text-decoration: none;}
		div.capThumbCon a.capThumb{}
		div.capThumbCon a.capThumb img{display: block;height: 24vh; max-height: 180px;margin-bottom: 10px;} /* box-shadow:0px 3px 20px #666; */
	div.capThumbCon div.complete{position: absolute;    top: 10px;    left: 10px;    z-index: 300;    padding: 0 0 0 24px;    background-image: url(images/icon_complete_white.svg);    background-repeat: no-repeat; background-size: 20px 20px; background-position: 0 2px; font-weight: 600; pointer-events: none;}
	div.capThumbCon a.transcript{position: absolute;    top: 10px;    left: 50%;    z-index: 300;    padding: 0 0 0 24px;    background-image: url(images/icon_transcript_white.svg);    background-repeat: no-repeat;    background-size: 20px 20px;    background-position: 0 2px;}
	div.capThumbCon a.slides{position: absolute;    top: 40px;    left: 10px;    z-index: 300;    padding: 0 0 0 24px;    background-image: url(images/icon_PDF_white.svg);    background-repeat: no-repeat;    background-size: 20px 20px;    background-position: 0 2px;}
	div.capThumbCon a.references{position: absolute;    top: 40px;    left: 50%;    z-index: 300;    padding: 0 0 0 31px;    background-image: url(images/icon_references_white.svg);    background-repeat: no-repeat;    background-size: 27px 18px;    background-position: 0 2px;}
	div.capThumbCon div.review{position: absolute;    bottom: 18px;    right: 10px;    z-index: 300;    pointer-events: none;}


div.begin{position: absolute;top: 450px;left:570px; background-color: #bd2031;padding:8px 20px;color:#fff;font:30px/32px 'Open Sans', Arial;font-weight:400;cursor:pointer;}

div#content{position: relative;    z-index: 5;    height: 578px;    max-height: 74vh;    padding: 20px;    font: 16px/20px 'Open Sans', Arial;    color: #222222;    max-width: 914px;    margin: 20px auto 0 auto;    background-color: #ffffffb3;    border-radius: 20px;}
	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.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;    width: auto;    height: 492px;    max-height: 64vh;    margin: 0 auto;}
div#questionBox div.right{display: inline-block;vertical-align: top; width: 760px; height: 100%;}
	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{}
	div.question div.number{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: 5px 20px 5px 10px;display: inline-block;vertical-align: top;}
	div.answer:hover, div.answer.answered{background-color: #fff;}
	div.answer div.alpha{display: inline-block;vertical-align: top;color: #495f6d;margin-right: 8px;}
	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;}
    	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;}

div#vidFrame{width: 600px;    margin: 0 auto;}
	div#vidFrame iframe{display: block;    width: 100%;    height: 337px; max-height: 46vh;    max-width: 100%; margin: 0;    background-color: #fff;}
		div#vidFrame.hidden{display: none;}
	div#vidCap{font: 14px 'Open Sans'; font-weight: 400; text-align: center; padding: 10px;}

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

a.back_button{position: absolute;    z-index: 60;    bottom: 20px;    left: 20px;    display: 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;}
	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.next_button{position: absolute;    z-index: 60;    bottom: 20px;    right: 40px;    display: 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;}
	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;}


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

#app.splash{background-size: cover;background-position: bottom right;background-repeat: no-repeat;}

form#adminForm{padding:20px;font-size: 16px;}
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: 1px solid black;}

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.theLegend{position: absolute;    top: 40px;    left: 500px;    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: 21px;padding: 50px 20px 10px 0px;background-color:#fff;text-align: right;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;
}

@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: 2vh;}
	a#nextBtn{font: 2vh/2.5vh 'Open Sans';    font-weight: 400;    bottom: 2vh;}

	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#left img#mainLogo{width: 18vh;    margin: 1vh auto 1vh auto;}

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

}

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

	div#homeBox{margin: 0vh auto 0 auto;    width: 100vw; height: auto;    overflow: auto;    background-color: #fff;    box-shadow: 9px 9px 14px -4px #333;    padding-top: 5vh;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;}
	form#loginForm{padding: 4vw 4vw 6vw 4vw;    width: 92vw;height: auto;position: inherit;    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"]{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{margin: 0 auto;}
	body.l1 form#loginForm 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#left{position: relative;    display: block;    height: auto;    width: 96vw;    padding: 0 2vw;}
		div#left img#mainLogo{display: inline-block;    vertical-align: top;    width: 10vw;    height: auto;    margin: 1vh 0 1vh 1vw;}
		div#left div#logoCaption{display: inline-block;    width: 60vw;    font: 3.5vw/4vw 'Open Sans',arial,sans-serif;    font-weight: 400;    color: #32a5e9;    margin: 1vh 0 1vh 2vw;}

	div#right{height: auto; overflow-x: hidden;}
		div#right div.PAD{padding: 0 0px 0 0px;}

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

}

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

@media print {
	body{background-color: #fff;}
	.pageBreak{display:block; page-break-before:always;}
	div#printBtn{display:none;}
	.dontPrint{display:none !important;}
	.onlyPrint{display:block;}

	div#mainContainer{overflow: auto; 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#left{display:none;}

	div#footer{display:none;}

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

}