html{height:100%;-webkit-text-size-adjust:100%;}
body{margin:0px;height:100%; font: 0/0 'Karbon', Arial; line-height: 0;    font-weight: 400;background-color:#ebebeb;-webkit-text-size-adjust:100%;}
    body#s0 div.mainContainer{background-color: #003b6e;     background-image: url(images/bg_dk-blue.svg);    background-position: left bottom;    background-repeat: no-repeat;    background-size: auto 100vh;}

div.mainContainer{position:relative;height: auto;    min-height: 100%;text-align:left;overflow-x:hidden;z-index:1;background-repeat:no-repeat; background-position: 0px 10px;    background-size: auto; background-attachment: local; background-color: #e0e0e0;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:hover{opacity:0.7}
sup{font-size:-1em;}
input:focus,select:focus,textarea:focus,button:focus {outline: none;}

a.pdf{padding: 2px 0px 5px 42px;    background-image: url(images/icon_pdf_white.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;}
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#topStrip{position: relative;    background-color: #fff; width: 100vw;    height: 10vh; text-align: right;box-shadow: 0px 3px 29px -3px #333; z-index: 300;}
	body#s0 div#topStrip{display: none;}
	div#topStrip img{position: absolute;    top: 1.5vh;    left: 2vh;    width: 20vh;    height: 7vh;}
		body.l1 div#topStrip img{}
	div#topStrip a{display: inline-block;    vertical-align: middle;    padding:5.5vh 0.7vh;    font-size: 1vw;    line-height: 1vw;   color: #a01f16;    text-decoration: none; text-transform: uppercase;}
	div#topStrip div.welcome{display: inline-block;    vertical-align: middle;    padding:0vh 4vh 0 0; font: 18px/18px 'Karbon',arial,sans-serif;    font-weight: 400;   color: #60605f;}
	div#topStrip form#codeForm{display: block;    padding: 2vh 0 1vh 0;}
	div#topStrip form#codeForm label{display: inline-block;    vertical-align: top;    font: 14px/14px 'Karbon',arial,sans-serif;    font-weight: 400;    padding: 0 10px 0 0;}
	div#topStrip form#codeForm input#addCode{display: inline-block;    vertical-align: top;    font: 14px/14px 'Karbon',arial,sans-serif;    font-weight: 400;    margin: 0 10px 0 0;    width: 100px;    height: 22px;}
	input#addCodeSubBtn{display: inline-block;    vertical-align: top;    font: 12px/14px 'Karbon',arial,sans-serif;    font-weight: 600;    padding: 0 0 0 0px;    width: 58px;    height: 28px;}

div.menuBtn{display: none;}

div#homeBox{margin:17vh auto 0 auto;    width: 982.77px; background-color:#fff;box-shadow: 9px 9px 14px -4px #333;}
	div#homeBox div.left{display: inline-block; vertical-align: top; width: 501px; margin: 40px;}
	div#homeBox img#logoMain{display: block; vertical-align: top; width: 501px;margin-bottom: 20px;}
	div#homeBox h1{font: 34px/36px 'Karbon',arial,sans-serif;    font-weight: 400;    margin: 10px 0 20px 0;    color: #60605f;}
	div#homeBox p{font: 16px/20px 'Karbon',arial,sans-serif;    font-weight: 600; white-space: normal; color: #60605f;}

form#loginForm{position: relative; display: inline-block; vertical-align: top; background-color:#ecebec; white-space: normal; padding: 30px; width: 341px; height: 470px; color: #60605f;}
	form#loginForm a.lang{font: 16px/18px 'Karbon',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 'Karbon',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 'Karbon',arial,sans-serif;    font-weight: 400;}
	form#loginForm a.login{display: block;    font: 16px/16px 'Karbon',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 'Karbon',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 'Karbon',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 'Karbon',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"]{position: absolute;    bottom: 10px;    left: 50%;    margin: 0 0 0 -56px;    font: 24px/40px 'Karbon',arial,sans-serif;    font-weight: 600;    color: #003b6e;    border: 2px solid #003b6e;    border-radius: 20px;    padding: 0px 20px 0px 20px; width: auto;}
		body.l1 form#loginForm input[type="submit"]{margin: 0 0 0 -94px;}
		form#loginForm input[type="submit"].wider{margin: 0 0 0 -94px;}
	form#loginForm p{font: 14px/16px 'Karbon',arial,sans-serif;    font-weight: 400;}
	form#loginForm div.warning{padding-top: 0px;    font: 14px/14px 'Karbon',arial,sans-serif;    font-weight: 400;}
	form#loginForm input#HCP{display: inline-block;    vertical-align: middle;    width: 20px;    height: 20px;    padding: 0;    margin: 0px 5px 10px 0px;    cursor: pointer;}
	form#loginForm label{display: inline-block;    vertical-align: top;    font: 14px/16px 'Karbon',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;}

div#logCaption{margin:0 auto 0 auto;    width: 982.77px; text-align: right; color: #fff; font: 14px/14px 'Karbon',arial,sans-serif;    font-weight: 400; padding: 10px 0px 0 0;}
	div#logCaption a{display: inline-block;    text-align: center;text-decoration: none;    color: #fff;}


div#leftMenu{position: absolute;    top: 10vh;    left: 0;    display: block;    width: 120px; height: 87vh; padding-top: 3vh;    background-color: #003b6e;z-index: 299;}
	div#leftMenu a{display: block; text-decoration: none; background-repeat: no-repeat; background-position: top center; color: #fff;  font: 15px/15px 'Karbon', Arial;    font-weight: 400; padding: 48px 0 2vh 0; text-align: center;opacity: 0.6;}
	div#leftMenu a.home{background-image: url(images/icon_home_white.svg);    background-size: 40px 40px;}
	div#leftMenu a.module{font: 16px/16px 'Karbon', Arial;    white-space: normal;    padding: 10px 10px 2vh 10px;}
		div#leftMenu a.hidden{display: none;}

	div#leftMenu a.shown{display: block;}
	div#leftMenu a span{display: block;    font: 12px/13px 'Karbon', Arial;}

	div#leftMenu a.logout{background-image: url(images/icon_logout_white.svg);    background-size: 40px 40px;}
	div#leftMenu a.lang{font: 32px/32px 'Karbon', Arial;    font-weight: 500;    padding-top: 0;}
	div#leftMenu a.HL{opacity: 1;}



	div#leftMenu a.account{background-image: url(images/icon_settings_white.svg);    background-size: 40px 40px;}
	div#leftMenu a.info{background-image: url(images/icon_info_white.svg);    background-size: 40px 40px;}
	div#leftMenu a.support{background-image: url(images/icon_support_white.svg);    background-size: 40px 40px;}



div#right{display: block;    width: 100vw;    height: 90vh;    overflow: auto; white-space: normal;background-image: url(images/bg_lt-grey.svg);    background-position: bottom right;    background-repeat: no-repeat;    background-size: auto 100vh;}
	div#right div.PAD{padding: 40px 40px 80px 140px;    width: 948px;    margin: 0 auto;}
	div#right div.PAD h1{color:#60605f; font: 20px/20px 'Karbon',arial,sans-serif; font-weight: 600; padding: 0 0 0 0px;    margin: 0 0 20px 0;}
		div#right div.PAD h1 span{display: block;    font: 22px/20px 'Karbon',arial,sans-serif;    font-weight: 600;    padding: 10px 0 0 0;color: #04a8cc;}
			body.l1 div#right div.PAD h1 span{font: 22px/20px 'Karbon',arial,sans-serif;    font-weight: 600;    white-space: nowrap;}
		div#right div.PAD h1.calendar{padding: 0 0 0 50px;    background-image: url(images/icon_calendar_blue.svg);    background-position: top left;    background-repeat: no-repeat;    background-size: 40px 40px;}
	div#right div.PAD h2{position: relative; color:#60605f; font: 18px/20px 'Karbon',arial,sans-serif; font-weight: 400; padding: 0 0 0 0px;}
	div#right div.PAD.info{padding: 40px 40px 40px 120px; font: 14px/20px 'Karbon',arial,sans-serif;    font-weight: 400; max-width: 1200px;}
	div#right div.PAD.support{padding: 40px 40px 40px 120px; font: 14px/20px 'Karbon',arial,sans-serif;    font-weight: 400; max-width: 500px;}
		div.PAD.support a{color: #04a8cc;}
	div#right div.PAD.listing{width: 600px;}

form#accountForm{position: relative; width: 480px;}
	div#right form#accountForm h1{background-image: url(images/icon_update_grey.svg);    background-position: top left;    background-repeat: no-repeat;    background-size: 40px 40px; padding: 0 0 0 50px;}
	form#accountForm > p{font: 14px/18px 'Karbon',arial,sans-serif;    font-weight: 400;}
	form#accountForm ol{color: #60605f;    font: 14px/18px 'Karbon',arial,sans-serif;    font-weight: 800;}
	form#accountForm ol p{font-weight: 400;}
	form#accountForm select{width: 98%;}
	form#accountForm div.otherBox{margin: 0;    width: 100%;    padding: 0;}
	form#accountForm input[type="submit"]{width: 98%; margin: 0 0 20px 0;}

	a.cert{text-decoration: none;    display: block;        font-size: 20px;    line-height: 20px;    color: #04a8cc;    padding:0px 10px 20px 40px;background-image: url(images/icon_certificate_blue.svg);    background-position: top left;    background-repeat: no-repeat;    background-size: 40px 40px;}
		a.cert span{font-size: 15px;}
	hr.certs{border: 0;    margin: 20px;}


div.eventsLeft{display: inline-block;    vertical-align: top;    width: 600px;    margin: 0 60px 0 0;}
div.eventsLeft p{font: 18px/18px 'Karbon', Arial;    font-weight: 400;}

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

div#upcomingEvents{position: relative;margin-bottom: 20px;}
div#right div.PAD h2 label{float: right;    text-align: right;    font: 14px/14px 'Karbon',arial,sans-serif;    font-weight: 400;}
a#sortDate{display: inline-block;     padding: 1px 0 0 17px;    background-repeat: no-repeat;    background-position: 0px 0px;    background-size: 15px 15px;    background-image: url(images/icon_calendar_grey.svg);    margin: 0px 0 0 0;    text-decoration: none;    color: #60605f;    font: 14px/14px 'Karbon',arial,sans-serif;    font-weight: 300;    text-transform: uppercase;    margin: 0 10px 0 10px;}
a#sortProgram{display: inline-block;   padding: 1px 0 0 17px;    background-repeat: no-repeat;    background-position: 0px 0px;    background-size: 15px 15px;    background-image: url(images/icon_star_white.svg);    margin: 0px 0 0 0;    text-decoration: none;    color: #60605f;    font: 14px/14px 'Karbon',arial,sans-serif;    font-weight: 300;    text-transform: uppercase;}
	a#sortDate.HL{font-weight: 600;}
	a#sortProgram.HL{font-weight: 600;}

	div#upcomingEvents div.eventBtn{padding: 4px;}
		div#upcomingEvents div.eventBtn div.speakerImg{float: left;    display: inline-block;          width: 116px;    height: 154px;   background-repeat: no-repeat;    background-size: cover;margin: 0 10px 0 0;}
			div#upcomingEvents div.eventBtn div.subSpeakerImg{position: absolute;  display:block; top: 5px;    left: 4px;    width: 48px;    height: 60px;   background-repeat: no-repeat;    background-size: cover; background-position: top center; z-index: 20;}
			div#upcomingEvents div.eventBtn div.subSpeakerImgB{position: absolute;  display:block; top: 49px;    left: 33px;    width: 50px;    height: 60px;   background-repeat: no-repeat;    background-size: cover; background-position: top center; z-index: 30;}

		div#upcomingEvents div.eventBtn div.program{padding: 10px 20px 2px 0px;    background-repeat: no-repeat;    background-position: 0px 0px;    background-size: 15px 15px;    background-image: none;    overflow: hidden;    font: 22px/22px 'Karbon', Arial;    font-weight: 400;    color: #003b6e;}
			div#upcomingEvents div.eventBtn div.program span{display: block; font: 14px/14px 'Karbon', Arial;    font-weight: 400;    padding: 3px 0 0 0;}
		div#upcomingEvents div.eventBtn div.desc{white-space: normal;    padding: 0px 20px 2px 0px;    height: 71px;    background-repeat: no-repeat;    background-position: 0px 0px;    background-size: 15px 15px;    background-image: none;    overflow: hidden;    font: 16px/18px 'Karbon', Arial;    font-weight: 400;}
		div.eventBtn div.lang{text-align: right;    font: 14px/14px 'Karbon', Arial;    font-weight: 700;    padding: 2px 10px 0px 0;    margin: 0 0 -4px 0;    font-style: italic;color: #003b7f;}
		div#currentEvent div.eventBtn div.lang{float: right;}
		div.eventBtn a.view{display: block;    font: 18px/20px 'Karbon', Arial;    font-weight: 600;    letter-spacing: 1px;    color: #fff;    background-color: #81c241;    position: absolute;    bottom: 10px;    right: 10px;    border-radius: 10px;    text-decoration: none;    padding: 7px 40px;}

div.eventsRight{display: none;    vertical-align: top;    width: 400px;}
	div.eventsRight div.moduleBtn div.speakerImg{float: left;    display: inline-block;    width: 74px;    height: 98px;    background-repeat: no-repeat;    background-size: cover;margin: 0 10px 0 0;}
	div.eventsRight div.moduleBtn div.speaker{padding: 0 0 4px 22px;    background-repeat: no-repeat;    background-position: 0px 0px;    background-size: 17px 18px;    background-image: url(images/icon_presenter_blue-white.svg);    overflow: hidden;}
		div.eventsRight div.moduleBtn div.speaker div.name{font: 18px/18px 'Karbon', Arial;    font-weight: 600;    padding: 0px 0 3px 0;    color: #003b7f;}
	div.eventsRight div.moduleBtn div.program{padding: 1px 0 4px 22px;    background-repeat: no-repeat;    background-position: 0px 0px;    background-size: 17px 17px;    background-image: url(images/icon_star_white.svg);    overflow: hidden;    font: 18px/18px 'Karbon', Arial;    font-weight: 400;}
	img.soon{height: 236px;    margin-top: 32px;}

div.modIcon{display: inline-block;    vertical-align: bottom; background-repeat: no-repeat; background-position: top center; color: #60605f;  font: 13px/13px 'Karbon', Arial;    font-weight: 400;     padding: 38px 0px 10px 0px;    text-align: center;    margin: -5px 20px 0 0;}
	div.modIcon#recording{background-image: url(images/icon_recording_blue.svg);background-size: 30px 30px;}
	div.modIcon#interactive{background-image: url(images/icon_interactive_blue.svg);background-size: 30px 30px;}
	div.modIcon#certificate{background-image: url(images/icon_certificate_blue.svg);background-size: 30px 30px;}


body#s8 div#right{background-image: url(images/bg_dk-grey.svg); background-color: #60605f;}
div.PAD.event{color: #fff;}
div.PAD.event div.dateTime{padding: 8px 0 0 52px;    background-repeat: no-repeat;    background-position: 0px 0px;    background-size: 40px 40px;    background-image: url(images/icon_calendar_white.svg);    overflow: auto;    margin: 0px 0 15px 0; color: #fff; font: 22px/22px 'Karbon', Arial; font-weight: 700;}
	div.PAD.event div.dateTime strong{display: block;color: #ff86a8;}
	div.PAD.event div.dateTime div.date{display: inline-block; vertical-align: top;    padding: 0 40px 2px 0;}
	div.PAD.event div.dateTime div.time{display: inline-block; vertical-align: top;    padding: 0 0 10px 0;}
		div.PAD.event div.dateTime div.time div.left{text-align: right;    display: inline-block;    vertical-align: top;}
		div.PAD.event div.dateTime div.time div.right{text-align: left;    display: inline-block;    vertical-align: top;}

form#regForm{display: block; vertical-align: top; padding: 0;    margin: 0; z-index: 200;}
	form#regForm input[type="submit"]{margin: 0 0 20px 0;    box-shadow: 4px 3px 20px -1px #333;    border-radius: 10px; width: 480px;}
	div.thanks{font: 18px/22px 'Karbon',arial,sans-serif;    font-weight: 400;    padding: 20px 0;    max-width: 500px;}
		div.thanks a{color: #fff}
	p.registered{font: 18px/22px 'Karbon',arial,sans-serif;    font-weight: 400;}

div.eventLeft{display: inline-block;    vertical-align: top;    width: 550px;    margin: 0 30px 0 0; padding-bottom: 40px;}
div#progLogos{display: inline-block;    vertical-align: top;    width: 154px;    margin: 0 16px 0 0;}
	div.programLogo img{width: 154px;    margin: 0 0 20px 0;}
	div#progLogos div.speakerImg{display: inline-block; vertical-align: top; width: 150px;    height: 200px;    background-repeat: no-repeat;    background-size: cover;margin: 0;border: 2px solid #fff;}

	div.eventLeft div.speakerImg.spk2{margin: 0px 0 0 -170px;    display: block;    vertical-align: top;    width: 150px;    height: 200px;    background-repeat: no-repeat;    background-size: cover;    border: 2px solid #fff;}
	div.eventLeft div.speakerInfo.spk2{margin: -200px 0 0 0;}

div#eventDetails{display: inline-block; vertical-align: top; width: 350px;    margin: 0;    padding: 0 30px 0 0; background-repeat:repeat-y; background-position: top right; background-image: url(images/dashes.gif);    font: 17px/20px 'Karbon',arial,sans-serif;    font-weight: 400;}
div#right div#eventDetails h2{color: #fff;    font: 20px/24px 'Karbon',arial,sans-serif;    font-weight: 600;    margin: 0 0 15px 0px;}
	div#right div#eventDetails h2 span{display: block; font: 16px/18px 'Karbon',arial,sans-serif;    font-weight: 600;}
div#eventDetails p{}
div#eventDetails div.speakerInfo{}
	div#eventDetails div.speakerInfo div.name{display: inline-block; vertical-align: top; padding: 1px 10px 4px 22px;    background-repeat: no-repeat;    background-position: 0px 2px;    background-size: 17px 18px;    background-image: url(images/icon_presenter_white.svg);    overflow: hidden; font: 18px/18px 'Karbon', Arial;    font-weight: 600; color: #fff;}
	div#eventDetails div.speakerInfo div.creds{display: inline-block; vertical-align: top; font: 18px/18px 'Karbon', Arial;    font-weight: 600;    padding: 1px 0 4px 0;color: #fff;}
	div#eventDetails div.speakerInfo div.profTitle{padding: 0 0 10px 0;}
	div#eventDetails div.speakerInfo div.bio{margin-bottom: 60px;}
	div#eventDetails div.speakerInfo a{color: #fff;}

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

div#enterRecordingCode{position: fixed;    top: 0;    left: 0;    width: 100vw;    height: 100vh;    background: rgba(40,40,40,0.8);    z-index: 2000; display: none;}
	div#enterRecordingCode.shown{display: block;}
form#recordingCodeForm{margin: 30vh auto 0 auto;    width: 400px;background-color: #fff;    padding: 20px;}
form#recordingCodeForm input#attended{display: inline-block;    vertical-align: middle;    width: 20px;    height: 20px;    padding: 0;    margin: 0px 5px 10px 0px;    cursor: pointer;}
	form#recordingCodeForm label{display: inline-block;    vertical-align: top;    font: 18px/20px 'Karbon',arial,sans-serif;    font-weight: 400;    margin: 0px 0px 10px 0px;    cursor: pointer;    max-width: 316px;color: #60605f;}
form#recordingCodeForm input{width: 100%;}
form#recordingCodeForm select#year{margin-right: 0;    float: right;}
form#recordingCodeForm select{display: inline-block;    width: 126px;    margin: 0 10px 10px 0;}

div.recordingLeft{display: inline-block;    vertical-align: top;    width: 580px;    padding: 0 20px 0 0; margin: 0 20px 0 0;    background: url(images/dashes.gif);    background-repeat: repeat-y;    background-position: top right;    min-height: 70vh;    font: 20px/22px 'Karbon',arial,sans-serif;    font-weight: 400;}
div#right div.PAD div.recordingLeft h2{color: #fff;    font: 30px/30px 'Karbon',arial,sans-serif;    font-weight: 600;}

div#modulePDF{margin: 0 0px 20px 0;}
	div#modulePDF img{max-width: 100%;}

div#moduleDetails a.eval{text-decoration: none;    display: inline-block; vertical-align: top;        font-size: 20px; font-weight: 600;    line-height: 20px;    color: #fff;    padding:0px 10px 20px 50px;background-image: url(images/icon_eval_white.svg);    background-position: top left;    background-repeat: no-repeat;    background-size: 40px 40px; margin: 0 0 0 40px;opacity:0.4;-webkit-animation-name: FadeInOut; -webkit-animation-timing-function: ease-in-out; -webkit-animation-duration: 1500ms;
-moz-animation-name: FadeInOut; -moz-animation-timing-function: ease-in-out; -moz-animation-duration: 1500ms;
-ms-animation-name: FadeInOut; -ms-animation-timing-function: ease-in-out; -ms-animation-duration: 1500ms;
animation-name: FadeInOut; animation-timing-function: ease-in-out; animation-duration: 1500ms;animation-iteration-count: infinite;}
@keyframes FadeInOut { 0% { opacity:0.4; transform: translate(0px,0px) scale(.7,.7); } 40% { opacity:1; transform: translate(0px,0px) scale(1,1); } 75% { opacity:1; transform: translate(0px,0px) scale(1,1); } 100% { opacity:0.4; transform: translate(0px,0px) scale(.7,.7); } }
@-webkit-keyframes FadeInOut { 0% { opacity:0.4; transform: translate(0px,0px) scale(.7,.7); } 40% { opacity:1; transform: translate(0px,0px) scale(1,1); } 75% { opacity:1; transform: translate(0px,0px) scale(1,1); } 100% { opacity:0.4; transform: translate(0px,0px) scale(.7,.7); } }
@-moz-keyframes FadeInOut { 0% { opacity:0.4; transform: translate(0px,0px) scale(.7,.7); } 40% { opacity:1; transform: translate(0px,0px) scale(1,1); } 75% { opacity:1; transform: translate(0px,0px) scale(1,1); } 100% { opacity:0.4; transform: translate(0px,0px) scale(.7,.7); } }
@-ms-keyframes FadeInOut { 0% { opacity:0.4; transform: translate(0px,0px) scale(.7,.7); } 40% { opacity:1; transform: translate(0px,0px) scale(1,1); } 75% { opacity:1; transform: translate(0px,0px) scale(1,1); } 100% { opacity:0.4; transform: translate(0px,0px) scale(.7,.7); } }

	div#moduleDetails a.eval.done{background-image: url(images/icon_eval_done.svg); pointer-events: none;animation-iteration-count: 0;opacity: 1;}

form#askForm{display: inline-block; vertical-align: top;}
div#askBtn{padding: 6px 0 25px 50px;    background-image: url(images/icon_question_white.svg);    background-position: 0 0px;    background-repeat: no-repeat;    background-size: 40px 40px;width: 270px; font: 20px/20px 'Karbon',arial,sans-serif;    font-weight: 600; cursor: pointer;}
form#askForm textarea#question{width: 100%;    margin: 0 0 10px 0;}
div#askFields{padding: 0 0 25px 50px;}
	div#askFields.disabled{display: none;}

div#eventDetails.recording{background-image: none;width: 485px; padding: 0 20px 0 0;}


div.recordingRight{display: inline-block;    vertical-align: top;    width: 300px;    margin: 0;}
	div.recordingRight a.pdf{color: #fff;}
div#right div.PAD h2.resources{padding: 6px 0 25px 0px;    font: 30px/30px 'Karbon',arial,sans-serif;    font-weight: 600;    color: #fff;}

div#committee{width: 608px;margin-top: 60px;}
	div#right div.PAD div#committee h2{font: 30px/30px 'Karbon',arial,sans-serif;    font-weight: 600;    text-align: center;    margin: 0 0 20px 0;}
	div#right div.PAD div#committee h3{font: 24px/40px 'Karbon',arial,sans-serif;    font-weight: 600;    text-align: center;    margin: 0; color: #fff; background-color: #003b6e;}
div#committee div.member{display: inline-block; vertical-align: top; margin: 0 0 20px 0; width: 294px;}
	div#committee div.member.left{margin-right: 20px;}
	div#committee div.member div.image{float: left;    display: inline-block;    width: 105px;    height: 105px;    background-repeat: no-repeat;    background-size: cover;margin: 0 10px 0 0;}
		div#committee div.member.mem1 div.image{background-image: url(images/roberts-Pennell.jpg);}
		div#committee div.member.mem2 div.image{background-image: url(images/taylor.jpg);}
		div#committee div.member.mem3 div.image{background-image: url(images/hall.jpg);}
		div#committee div.member.mem4 div.image{background-image: url(images/purvis.jpg);}
		div#committee div.member.mem5 div.image{background-image: url(images/shaw.jpg);}
		div#committee div.member.mem6 div.image{background-image: url(images/thomson.jpg);}
	div#committee div.member div.name{padding: 10px 0px 2px 0px; font: 20px/20px 'Karbon', Arial;    font-weight: 600;    color: #003b6e;}
	div#committee div.member div.info{padding: 2px 0px 2px 0px; font: 18px/18px 'Karbon', Arial;    font-weight: 400;    color: #003b6e;}

body#s8 div#right div.PAD div#committee h2{color: #fff;}
body#s8 div#right div.PAD div#committee div.member div.name{color: #fff;}
body#s8 div#right div.PAD div#committee div.member div.info{color: #fff;}

form#evaluationForm{width: 608px;    margin: 20px auto 120px auto;}
	form#evaluationForm h2{color: #60605f;    font: 34px/36px 'Karbon',arial,sans-serif;    font-weight: 400;    margin: 10px 0 20px 0;}
fieldset.singles{border: 0;    padding: 0;    margin: 0 0 20px 0;}
	fieldset.singles legend{font: 20px/20px 'Karbon', Arial;    font-weight: 600;    color: #003b6e;    margin: 0 0 5px -2px; white-space: normal;}
	fieldset.singles div.question{color: #60605f;    font: 18px/22px 'Karbon',arial,sans-serif;    font-weight: 400;    padding: 0 20px 15px 0;    white-space: normal;    display: inline-block;    vertical-align: top;    width: 420px;}
	fieldset.singles select{margin: 0 0 30px 0;width: 160px;}

div.eventRight{display: inline-block;    vertical-align: top;    width: 368px;}
	div#right div.eventRight h2{color: #fff;    font: 20px/24px 'Karbon',arial,sans-serif;    font-weight: 600;    margin: 0 0 15px 0px;padding: 0px 0 0px 24px;    background-repeat: no-repeat;    background-position: 0px 0px;    background-size: 17px 17px;    background-image: url(images/icon_star_white.svg); }
	div.eventRight div.eventBtn{color: #fff; background-color: transparent;    box-shadow: none;    padding: 0 0 10px 0;}
	div.PAD.event div.eventRight div.dateTime{font: 14px/18px 'Karbon', Arial;    font-weight: 400;    background-size: 20px 20px;    padding: 0px 0 0 26px; margin: 0;}
	div.PAD.event div.eventRight div.dateTime div.time{padding: 0 0 7px 0;}
	div.eventRight div.eventBtn div.speaker{padding: 0 0 4px 22px;    background-repeat: no-repeat;    background-position: 0px 0px;    background-size: 17px 18px;    background-image: url(images/icon_presenter_white.svg);    overflow: hidden;}
	div.eventRight div.eventBtn div.speaker div.name{font: 18px/18px 'Karbon', Arial;    font-weight: 600;    padding: 0px 0 3px 0;    color: #fff;}
	div.eventRight div.eventBtn div.program{padding: 0 0 4px 22px;    overflow: hidden; font: 16px/18px 'Karbon', Arial;    font-weight: 300;}
	div.eventRight div.eventBtn div.lang{color: #fff;    margin: 0 0 5px 0;    text-align: left;}

div#eventCon.recording div#eventDetails{background-image: none;    width: 800px;}
iframe#clipIframe{width: 800px;    height: 455px;}

em.bigger{font: 20px/22px 'Karbon',arial,sans-serif;    font-weight: 400;}

div.collapseBox{background-color: transparent;    border: 1px solid #fff;    margin: 0 0 40px 0; max-height: 42px; 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 12px;    background-repeat: no-repeat;    background-size: 20px 20px;    padding: 10px 0 10px 40px;    font: 22px/22px 'Karbon',arial,sans-serif;    font-weight: 400;    color: #fff; cursor: pointer;}
		div.collapseBox div.toggleBtn.wrapped{padding: 14px 0 13px 90px !important;}
	div.collapseBox div.toggleBtn span{position: absolute; top: 13px;    right: 20px;    z-index: 100;    font: 32px/15px 'Karbon',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 'Karbon',arial,sans-serif;    font-weight: 400;    padding: 10px 10px 10px 12px; color: #fff;    border-top: 1px solid #fff;}
			div.resource a{color: #fff;    font-weight: 600; text-decoration: none;}
		div.collapseBox img.logo {width: 250px; margin: 10px 10px 10px 0px;}

		div#links div.toggleBtn{background-image: url(images/icon_links_white.svg);}

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 'Karbon',arial,sans-serif;    font-weight: 400;    padding: 10px 0 10px 60px;    background-color: #e2e2e2;}

form#agreeForm{width: 600px;   font: 16px/20px 'Karbon',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 'Karbon',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 'Karbon',arial,sans-serif;    font-weight: 600;    color: #2a4754;    border: 1px solid #2a4754;    border-radius: 20px;    padding: 0px 40px 0px 40px; width: auto;}

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"]{-webkit-appearance: none;    cursor: pointer;    margin: 0;    border: 1px solid #04a8cc;    background-color: #04a8cc;    font: 22px/22px 'Karbon', Arial;    font-weight: 700;    color: #ffffff;    text-align: center;    vertical-align: top;    width: 100%;    padding: 0 40px;    height: 40px;    text-transform: uppercase;    border-radius: 0px;    display: block;}
	input[type="submit"]:hover{opacity:0.8;}

input[type="text"], input[type="password"]{color: #222;    border: 1px solid #bbb;    font: 16px/16px 'Karbon', 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 'Karbon', 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#footer{position: fixed;    bottom: 0;    left: 0;    width: 100%;    margin: 0;    padding: 15px 0 0 0;    text-align: center;    font-size: 13px;    line-height: 14px;    color: #60605f;    background-color: #fff;    z-index: 500;}
	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{position: relative;    white-space: normal;    margin: 50px auto 20px auto;    color: #fff;    max-width: 900px; background-color: transparent;}
	body#s0 div#footer a{color: #fff;}
	body#s0 div#footer div.menu a{display: none;}

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;    color: #fff;    white-space: normal;}
	form#adminForm h1{font-size: 18px;    line-height: 20px;}
	form#adminForm a{color: #fff;}
	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 div#upcomingEvents{column-count: 3;    column-gap: 20px;white-space: normal;}
form#adminForm div#upcomingEvents div.eventBtn{padding: 4px;    display: inline-block;    vertical-align: top;}

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 'Karbon', 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:#475e6b;}

body.admin textarea{border:1px solid #009ee0;font:14px/16px 'Karbon', Arial;}
body.admin select{line-height: 14px;    height: 23px;    margin: 0;}
input[type="text"].inputsmall, textarea.inputsmall {font:10px/12px 'Karbon', 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 'Karbon', Arial;    font-weight: 400;}

div#ADMINwarning{color:#ff0000;padding:10px 0px 10px 0px;font-size: 22px;text-align: center;}
.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 'Karbon', 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: 790px){
	body{font: 3.5vw 'Karbon', Arial;    font-weight: 400;    line-height: 4vw;}
	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 'Karbon',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: 0vh auto 0 auto;    width: 100vw; height: auto;    overflow: auto;    background-color: #fff;    box-shadow: 9px 9px 14px -4px #333;    padding-top: 5vh;}
	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 'Karbon',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 'Karbon',arial,sans-serif;    font-weight: 600;}
	form#loginForm input[type="submit"].wider{margin: 0 auto;}
	body.l1 form#loginForm input[type="submit"]{margin: 2vw auto;}
	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 'Karbon',arial,sans-serif;    font-weight: 400;    padding: 5vh 0;}
		body.l1 div#logCaption{width: auto;    padding: 5vh 2vw;}
	div#logCaption a{    text-decoration: none;    color: #60605f;}
	div.miceType{font: 2vw/2.5vw 'Karbon', Arial;    font-weight: 400;}

	div#topStrip{position: fixed;}
	div#topStrip img{display: none;position: absolute;    top: 1.5vh;    left: 18vw;}
	div#topStrip div.welcome{display: block;    padding: 0 1vw 0 0;    font: 3vw/3vw 'Karbon',arial,sans-serif;    font-weight: 400;}
	div#topStrip form#codeForm{display: block;    padding: 2vh 0 0 0;}
	div#topStrip form#codeForm label{font: 2vw/2.5vw 'Karbon',arial,sans-serif;    font-weight: 400;    width: 34vw;    white-space: normal;}
	div#topStrip form#codeForm label br{line-height: 0;    display: none;}
	body.l1 div#topStrip form#codeForm label{font: 1.8vw/2vw 'Karbon',arial,sans-serif;    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: #04a8cd;}
		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{background:#15244b;}
		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{background:#15244b;}
		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#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: 10vh; min-width: unset;    height: auto;}
	div#right div.PAD{padding: 4vw 0 20vw 0;    width: 92vw;    margin: 0 auto;}
	div.eventsLeft{display: block;    vertical-align: top;    width: 92vw;    margin: 0 4vw; padding-bottom: 30vw;}
	div.eventsRight{display: none;}

	div.eventLeft{display: block;    width: 96vw;    margin: 0;}
	div.eventRight{display: block;    width: 92vw;    padding-bottom: 30vw;}


	div#eventCon{height: auto;    margin-bottom: 0vh;}
	div#event{position: relative;    width: 92vw; margin: 0 auto;}

	div#eventDetails{display: inline-block;    vertical-align: top;    width: 66vw;    margin: 0;    padding: 0;    background-image: none;    font: 3vw/3.5vw 'Karbon',arial,sans-serif;    font-weight: 400;}

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

	select{width: 99%;}
	input[type="submit"]{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 'Karbon', Arial;}
	form#regForm label{width: 75vw;    font: 3.5vw/4vw 'Karbon', 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;}

	div#upcomingEvents div.eventBtn{padding: 2vw;}
	div#right div.PAD h2 label{float: right;    text-align: right;    font: 2.5vw/2.5vw 'Karbon',arial,sans-serif;    font-weight: 400;}
	a#sortDate{font: 2.5vw/4vw 'Karbon',arial,sans-serif;    font-weight: 300;}
	a#sortProgram{font: 2.5vw/4vw 'Karbon',arial,sans-serif;    font-weight: 300;}

	div#eventCon.recording div#eventDetails{background-image: none;    width: 92vw;}
	iframe#clipIframe{width: 92vw;    height: 54vw;}

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

	div.PAD.event div.dateTime{padding: 2vw 0 0 10vw;    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 'Karbon', 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 'Karbon', Arial;    font-weight: 600;    padding: 0 0 3vw 9vw;}

	form#regForm input[type="submit"]{margin: 4vw 0 8vw 0;    box-shadow: 4px 3px 20px -1px #333;    border-radius: 10px;    width: 92vw;}
	p.registered{padding: 4vw 0;font: 4vw/4.5vw 'Karbon',arial,sans-serif;   font-weight: 400;}

	div#progLogos{display: inline-block;    vertical-align: top;    width: 25vw;    margin: 0 3vw 0 0;}
	div.programLogo img{width: 26vw;    margin: 0 0 2vw 0;}
	div#progLogos div.speakerImg{display: inline-block;    vertical-align: top;    width: 25vw;    height: 33vw;    background-repeat: no-repeat;    background-size: cover;    margin: 0;    border: 0.5vw solid #fff;}
	div#eventDetails div.speakerInfo{display: inline-block;    vertical-align: top;    width: 63vw;}
	div#eventDetails div.speakerInfo div.name{font: 4vw/4vw 'Karbon', Arial;    font-weight: 600;    padding: 1vw 4vw 1vw 5vw;}
	div#eventDetails div.speakerInfo div.creds{font: 4vw/4vw 'Karbon', Arial;    font-weight: 600;    padding: 1vw 0 2vw 0;}
	div#eventDetails hr.white{margin:10px 0;height: 0;border:0;border-top:1px solid white;}


	form#accountForm{position: relative;    width: auto;    padding-top: 4vw;padding-bottom: 30vw;}
	form#accountForm select{width: 100%;}

	input[type="text"], input[type="password"]{color: #222;    border: 1px solid #bbb;    font: 3vw/3.2vw 'Karbon', 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 'Karbon',arial,sans-serif;    font-weight: 400;    max-width: 1200px;}
	div#right div.PAD.support{padding: 8vw 0 4vw 0;    font: 3.5vw/4vw 'Karbon',arial,sans-serif;    font-weight: 400;    max-width: unset;}

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

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

	div.collapseBox div.toggleBtn{font: 3.5vw/3.8vw 'Karbon',arial,sans-serif;    font-weight: 600;    min-height: 24px;padding-right: 11vw;}
	div.collapseBox.sub div.toggleBtn{font: 3.5vw/3.8vw 'Karbon',arial,sans-serif;    font-weight: 600;    padding: 4vw 13vw 2vw 14vw;    min-height: 50px;}
	div#right div.PAD div.resource h2{margin: 0;}
	div.resource{font: 3vw/3.8vw 'Karbon',arial,sans-serif;    font-weight: 400;}
	div.resource iframe{width: 65vw;    height: 36vw;}
}



@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#left{display:none;}

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

}