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:#fff;-webkit-text-size-adjust:100%;}
div.mainContainer{position:relative;height: auto; min-height: 100%;text-align:left;overflow-x:hidden;z-index:1;background-repeat:no-repeat; background-position: left center; background-size: auto 100%; background-attachment: local; white-space: nowrap;}
div.mainContainer.waterMark{background-image:url(images/graphic_left_light.png);}
div#topStrip{position: absolute; top: 0; z-index: 100; width: 100%; height: 55px; border-bottom: 1px solid #e5e5e5; overflow: auto; background-color: #fafafa; text-align: right;}
div#topStrip a.contact{display: inline-block; vertical-align: middle; background-image: url(images/icon_contact_dk-grey.svg); background-size: 25px auto; background-repeat: no-repeat; width: 40px; height: 28px; margin: 14px 2px 0 0;}
div#topStrip span{display: inline-block; vertical-align: middle; font: 20px/20px 'Karbon', Arial; margin: 13px 12px 0 0px; color: #6d6d6d;}
div#topStrip form#langForm{display: inline-block; vertical-align: middle; margin: 17px 20px 0 0;}
form#langForm select{border: 0; border-bottom: 1px solid #6d6d6d; padding: 0 20px 5px 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; cursor: pointer; background-image: url(images/arrow_down_grey.svg); background-repeat: no-repeat; background-size: 17px 8px; background-position: 64px 4px; width: 82px; font: 16px 'Karbon', Arial;}
div#topMenu{position: relative;background-color: #fff; width: 100%; height: 100px; text-align: right;}
div#topMenu img#logoMain{position: absolute; top: 6px; left: 40px; width: auto; height: 90px;}
div#topMenu a{display: inline-block; vertical-align: middle; color: #003b6e; font: 24px/24px 'Karbon', Arial; font-weight: 400; text-decoration: none; padding: 5px; margin: 10px;}
div#topMenu a.account{border-radius: 50%; color: #fff; background-color: #003b6e; text-align: center; width: 60px; height: 33px; padding: 17px 0 10px 0;}
div#topMenu a.HL{font-weight: 600;}
form#langForm{display: inline-block; vertical-align: middle;}
div#topMenu form#langForm select{border: 0; background-color: #e5ebf0; padding: 10px 34px 10px 20px; width: 110px; background-position: 75px 14px; margin: 0 30px 0 2vw;}
div#topMenu a.logout{display: block; position: absolute; right: 20px; top: 48px; font: 16px/20px 'Karbon', Arial; font-weight: 400; background-image: url(images/icon_logout_blue.svg); background-repeat: no-repeat; background-size: 15px auto; background-position: 0 8px; padding: 5px 5px 5px 19px;}
div#topMenu a.disabled{display: none;}
div#topMenu div.deskTop{display: inline;}
body.admin div#topMenu{display: none;}
div#mobileTopMenuSpace{display: none; height: 100px;}
div#menuBtn{display: none;vertical-align: middle;position: fixed; top: 40px; left: 1vw;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:600;}
div#menuBtn.HL{}
div#menuBtn:focus{outline:none;}
div#menuBtn span{display:block;position:absolute;top:23px;left:10px;right:10px;height:3px;background:#120744;}
div#menuBtn span::before, div#menuBtn span::after{ position: absolute; display: block; left: 0; width: 100%; height: 3px; background-color: #120744; 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: #120744 !important;}
div#mainMenu{display: none; position:fixed;top:0px;right:0px;z-index:280;white-space: normal;background-color: #fff;width:100vw;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:-100vw;}
div#mainMenu a{display:block;font:4vh 'Karbon', Arial;font-weight:600;text-decoration: none;color:#003b6e;text-transform: uppercase;padding:5vh 50px 0px 50px; text-align: center;}
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;}
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.contentCon{margin:0 auto 0 auto; width: 1024px;}
div.contentCon.wide{min-width: 1400px; width: 98vw;}
div#homeBox{margin:8vh auto 0 auto; padding-top: 56px;}
div#homeBox div.left{display: inline-block; vertical-align: top; width: 501px; margin: 0 4vw 0 0;}
div#homeBox img#logoMain{display: block; vertical-align: top; width: 522px; margin: 0 0 40px -35px;}
div#homeBox p{font: 20px/24px 'Karbon',arial,sans-serif; font-weight: 400; white-space: normal; color: #666;}
form#loginForm{display: inline-block; vertical-align: top; text-align: center;}
form#loginForm a{display: block; color: #003b6e; font: 16px/18px 'Karbon', Arial; margin: 20px auto;}
form#loginForm a.signUp{display: inline-block; vertical-align: top; margin: 0 10px 30px 10px; text-decoration: none; border-bottom: 4px solid #fff; color: #7f7f7f; font: 20px/20px 'Karbon', Arial; font-weight: 600; padding: 0 20px 5px 20px;}
form#loginForm a.signIn{display: inline-block; vertical-align: top; margin: 0 10px 30px 10px; text-decoration: none; border-bottom: 4px solid #fff; color: #003b6e; font: 20px/20px 'Karbon', Arial; font-weight: 600; padding: 0 20px 5px 20px;}
form#loginForm a.signUp.false{border-bottom: 4px solid #003b6e; color: #003b6e;}
form#loginForm a.signIn.true{border-bottom: 4px solid #003b6e; color: #003b6e;}
form#loginForm input[type="text"]{display: block; margin: 0 auto 20px auto; border-radius: 18px; border: 1px solid #d1d1d1; padding: 5px 20px; font: 18px/28px 'Karbon', Arial; font-weight: 400; width: 300px; background-color: #fff !important;}
form#loginForm input[type="text"]#PIN{width: 130px; height: 40px; font: 40px/40px 'Karbon', Arial; font-weight: 400; letter-spacing: 4px; text-align: center;}
form#loginForm input[type="password"]{display: block; margin: 0 auto 20px auto; border-radius: 18px; border: 1px solid #d1d1d1; padding: 5px 20px; font: 18px/28px 'Karbon', Arial; font-weight: 400; width: 300px; background-color: #fff !important;}
form#loginForm input[type="submit"]{display: block; margin: 0 auto; border-radius: 18px; border: 1px solid #d1d1d1; padding: 5px 20px; font: 18px 'Karbon', Arial; font-weight: 600; height: 40px; width: 250px; color: #fff; background-color: #0092bc; cursor: pointer;}
form#loginForm input[type="submit"].disabled{pointer-events: none; background-color: #ccc;}
form#loginForm h2{}
form#loginForm hr{height: 0; border: 0; border-bottom: 1px solid #d1d1d1; margin: 50px 0 0 0;}
form#loginForm div.orBubble{width: 50px; border-radius: 50%; border: 1px solid #d1d1d1; font: 22px/48px 'Karbon', Arial; padding: 0 0 2px 0; font-weight: 600; color: #666; margin: -27px auto 20px auto; background-color: #fff;}
form#loginForm p{max-width: 342px;}
form#loginForm a.blueBtn{background-color: #003b6e; border-radius: 18px; color: #fff; text-decoration: none; font: 18px/40px 'Karbon', Arial; font-weight: 600; width: fit-content; padding: 0 20px;}
body.l1 form#loginForm a.blueBtn{max-width: 300px; font: 16px/40px 'Karbon', Arial; font-weight: 600;}
form#loginForm label{display:inline-block;vertical-align: middle;cursor:pointer;background-image:url(images/checkbox_blue0.svg);background-repeat: no-repeat;background-size: 20px 20px; background-position: left 0px; padding: 0px 0px 0 30px; margin: 20px 0 20px 0;
min-height: 27px; font: 16px/18px 'Karbon', Arial; font-weight: 400; color: #666; user-select: none; -moz-user-select: none; -webkit-user-select: none; max-width: 310px; white-space: normal; text-align: left;}
form#loginForm label.HL{background-image:url(images/checkbox_blue1.svg);}
form#loginForm input#logEmail{padding: 5px 20px 5px 38px; width: 282px;}
form#loginForm input#pass{padding: 5px 20px 5px 38px; width: 282px;}
form#loginForm img.inputIcon{position: absolute; z-index: 10; top: 8px; left: 9px; width: 23px; height: auto;}
form#loginForm img.inputIcon.lock{width: 20px; left: 12px;}
form#loginForm img.revealIcon{position: absolute; z-index: 10; top: 10px; right: 10px; width: 23px; height: auto; cursor: pointer;}
#passWordCheckList{display:none; position: absolute; z-index: 100; top: 30px; background: #f1f1f1; color: #000; padding: 20px; margin-top: 10px; text-align: left;}
#passWordCheckList p{margin: 0; padding: 0px 20px 5px 30px;}
#passWordCheckList .valid{ color: green;}
#passWordCheckList .valid:before{position: relative; left: -20px; content: "✔";}
#passWordCheckList .invalid{color: red;}
#passWordCheckList .invalid:before{position: relative; left: -20px; content: "✖";}
form#loginForm input#sendCodeBtn{display: inline-block; width: 148px; margin: 0 10px; padding: 5px 0 5px 26px; background-image: url(images/icon_mobile_white.svg); background-repeat: no-repeat; background-position: 24px 9px; background-size: 22px auto;}
form#loginForm input#sendMagicLinkBtn{display: inline-block; width: 148px; margin: 0 10px; padding: 5px 0px 5px 35px; background-image: url(images/icon_email_white.svg); background-repeat: no-repeat; background-position: 20px 10px; background-size: 27px auto;}
div#homeBox p.response{max-width: 341px; text-align: left; font: 16px/20px 'Karbon',arial,sans-serif; font-weight: 400;}
form#loginForm div.miceType.raised{margin: -14px 0 0 0;}
form#loginForm div.miceType.leftCol{margin: 0 10px -25px 10px; width: 148px; white-space: normal;}
div#mainBanner{position: relative; background-color: #003b6e; background-image: url(images/banner_homepage_graphic-left.png),url(images/banner_homepage_graphic-right.png); background-repeat: no-repeat; background-size: 19vw auto, 32vw auto; background-position: 1vw calc(50% + 0.2vw), right calc(100% + 1vw); overflow: auto; min-height: 17vw;}
div#mainBanner h1{color: #fff; font: 2vw/2vw 'Karbon', Arial; font-weight: 400; margin: 3vw 0 10px 23vw; text-transform: uppercase;}
div#mainBanner p{color: #fff; font: 1.2vw/1.4vw 'Karbon', Arial; font-weight: 400; padding: 0 24vw 4vw 23vw; margin: 0; white-space: normal;}
body#s5 div#mainBanner{background-image: url(images/banner_resources_graphic-left.png),url(images/banner_homepage_graphic-right.png);}
body#s6 div#mainBanner{background-image: url(images/banner_resources_graphic-left.png),url(images/banner_homepage_graphic-right.png);}
body#s7 div#mainBanner{background-image: url(images/banner_ondemand_graphic-left.png),url(images/banner_homepage_graphic-right.png);}
div#promoBannerCon{min-height: 185px;}
div.bannerModule{position: absolute; margin: 0 0 10px 23vw; max-width: 850px; white-space: normal;}
div.bannerModule img{display: block; float: left; width: 240px; height: auto; min-height: 120px; margin: 0 16px 10px 0;}
div.bannerModule h2{font: 24px/26px 'Karbon', Arial; font-weight: 400; color: #fff;}
div.bannerModule a.watchBtn{display: inline-block; font: 24px/38px 'Karbon', Arial; font-weight: 600; color: #fff; text-decoration: none; border: 1px solid #fff; border-radius: 14px; text-align: center; width: 250px;}
div.bannerModule.hidden{display: none;}
div#bannerDots{position: absolute; bottom: 0px; margin: 0 0 10px 23vw; text-align: center; width: 644px;}
a.bannerDot{display: inline-block; text-decoration: none; border-radius: 15px; width: 15px; height: 15px; background-color: #fff; margin: 5px; opacity: 35%;}
a.bannerDot.HL{opacity: 100%;}
a.bannerDot.dotCount1{display: none;}
div#searchTools{position: relative; padding: 30px 0 30px 0;}
div#filterBtn{display: inline-block; vertical-align: top;background-color: #00a8cd; cursor: pointer; background-repeat: no-repeat; background-position: 260px 30px; /* background-image: url(images/arrow_right_white.svg); */ background-size: 12px 18px; width: 300px; padding: 20px 0 20px 0; border-top-right-radius: 20px; border-bottom-right-radius: 20px; color: #00a8cd; font: 18px/20px 'Karbon', Arial; font-weight: 400; height: 40px;}
div#clearBtn{display: inline-block; vertical-align: top; background-image: url(images/icon_clear_white.svg); background-size: 40px 40px; background-repeat: no-repeat; background-position: 20px 11px; width: 80px; height: 26px; padding: 54px 0 0 0; background-color: #003b6e; border-radius: 50%; color: #fff; font: 16px/16px 'Karbon', Arial; font-weight: 400; cursor: pointer; text-align: center; margin: 0 0 0 20px;}
form#searchForm{position: relative; display: inline-block; vertical-align: top; width: calc(100% - 850px); margin: 0 40px;}
input#keyWord{display: block; border: 1px solid #acacac; border-radius: 20px; padding: 20px 40px 20px 30px; color: #666; font: 31px/35px 'Karbon', Arial; font-weight: 400; width: 100%; margin: 0 auto;}
input#searchBtn{position: absolute; display: block; top: 18px; right: -56px; appearance: none; background-color: transparent; font-size: 0; border: 0; background-image: url(images/icon_search_grey.svg); background-size: 40px 40px; background-position: center; background-repeat: no-repeat; width: 40px; height: 40px; z-index: 100; margin: 0; cursor: pointer;}
div#eventSort{float:right; display: inline-block; vertical-align: top;background-color: #00a8cd; background-repeat: no-repeat; background-position: 260px 30px; /* background-image: url(images/icon_sort_white.svg); */ background-size: 12px 18px; width: 300px; padding: 20px 0 20px 0; border-top-left-radius: 20px; border-bottom-left-radius: 20px; color: #00a8cd; font: 18px/20px 'Karbon', Arial; font-weight: 400; text-align: right; height: 40px;}
form#sortForm{display: none; padding: 0 20px;}
body#s10 h1{text-align: center; font: 36px/36px 'Karbon', Arial; font-weight: 600; color: #003b6e; margin: 0 0 40px 0;}
div#eventsLang{position: relative; background-color: #003b6e; overflow: auto; text-align: center;}
div#eventsLang a{display: inline-block; vertical-align: bottom; margin: ; background-color: #fff; border-top-left-radius: 20px; border-top-right-radius: 20px; width: 240px; font: 26px/70px 'Karbon', Arial; font-weight: 400; margin: 20px 6px 0 6px; color: #003b6e; text-decoration: none;}
div#eventsLang a.en.HL0{}
div#eventsLang a.en.HL1{background-color: #c5eaf2; font: 24px/50px 'Karbon', Arial; font-weight: 400; margin: 40px 6px 0 6px;}
div#eventsLang a.fr.HL0{background-color: #c5eaf2; font: 24px/50px 'Karbon', Arial; font-weight: 400; margin: 40px 6px 0 6px;}
div#eventsLang a.fr.HL1{}
div#areaQuickFilter{margin: 40px 0; text-align: center;}
div#areaQuickFilter a{display: inline-block; vertical-align: top; background-color: #fff; border-radius: 16px; border: 1px solid #acacac; margin: 0 10px; text-decoration: none;}
div#areaQuickFilter a.enrolled{padding: 8px 10px; text-align: center; font: 18px/18px 'Karbon', Arial; font-weight: 400; text-decoration: none; color: #003b6e; width: 88px; height: 34px;}
div#areaQuickFilter a.enrolled strong{display: block; color: #19a323; font: 16px/16px 'Karbon', Arial; font-weight: 600;}
body.l1 div#areaQuickFilter a.enrolled{font: 13px/15px 'Karbon', Arial; font-weight: 400;}
div#areaQuickFilter a.scz{background-image: url(images/icon_scz_blue.png); background-repeat: no-repeat; background-size: 42px auto; background-position: 10px 8px; width: 68px; height: 42px; padding: 8px 0 0 40px;}
div#areaQuickFilter a.scz strong{display: block; color: #19a323; font: 16px/16px 'Karbon', Arial; font-weight: 600; margin: 10px 0 0 0;}
div#areaQuickFilter a.adhd{background-image: url(images/icon_adhd_blue.png); background-repeat: no-repeat; background-size: 42px auto; background-position: 10px 8px; width: 68px; height: 42px; padding: 8px 0 0 40px;}
body.l1 div#areaQuickFilter a.adhd{background-image: url(images/icon_adhd_blue-fr.png);}
div#areaQuickFilter a.adhd strong{display: block; color: #19a323; font: 16px/16px 'Karbon', Arial; font-weight: 600; margin: 10px 0 0 0;}
div#areaQuickFilter a.mdd{background-image: url(images/icon_mdd_blue.png); background-repeat: no-repeat; background-size: 42px auto; background-position: 10px 8px; width: 68px; height: 42px; padding: 8px 0 0 40px;}
body.l1 div#areaQuickFilter a.mdd{background-image: url(images/icon_mdd_blue-fr.png);}
div#areaQuickFilter a.mdd strong{display: block; color: #19a323; font: 16px/16px 'Karbon', Arial; font-weight: 600; margin: 10px 0 0 0;}
div#areaQuickFilter a.HL{ background-color: #cae6d9; border: 1px solid #19a323;}
div#areaQuickFilter a.disabled{opacity: 0.4;}
div#areaQuickFilter a.starred{background-image: url(images/icon_star_outline.svg); background-repeat: no-repeat; background-size: 25px auto; background-position: 10px 11px; padding: 16px 10px 8px 41px; text-align: left; font: 16px/18px 'Karbon', Arial; font-weight: 600; text-decoration: none; color: #003b6e; height: 26px; text-transform: uppercase;}
div#areaQuickFilter.noCounts{background-image: url(images/arrow_down2_grey.svg); background-repeat: no-repeat; background-size: 45px auto; background-position: bottom center; padding-bottom: 38px;}
div#areaQuickFilter.resources a.disabled{display: none;}
div#areaQuickFilter div.note{font: 14px/14px 'Karbon', Arial; font-weight: 400; padding: 6px 0 0 0;}
div#upcomingEvents{text-align: center;margin: 40px 0; white-space: normal;}
div#upcomingEvents h2{font: 30px/30px 'Karbon', Arial; font-weight: 600; color: #003b6e; margin: 0 0 40px 0;}
div#upcomingEvents div.eventBtn{position: relative; display: inline-block; vertical-align: top; border: 1px solid #ccc; border-top:10px solid #003b6e; font: 16px/16px 'Karbon', Arial; font-weight: 400; margin:0 20px 40px 20px; padding:20px 20px 0 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; width: 350px; white-space: normal; text-align: left;}
div.eventBtn div.eventStatus{position: absolute; top: 21px; right: 10px; width: 40px; height: 61px; border: 1px solid #acacac; z-index: 20; font: 9px/10px 'Karbon', Arial; font-weight: 400; color: #8ba319; text-align: center;}
div.eventBtn div.eventStatus img.badge{display: block; margin: -38px 0 2px -1px; width: 50px; height: auto;}
div.eventBtn div.eventStatus strong{display: block; color: #01a0be;}
div#upcomingEvents div.eventBtn.live div.eventStatus{font-weight: 600;}
div.eventBtn div.eventStatus img.live{display: block; height: 13px; margin: 5px auto;}
div.eventBtn div.title{padding: 0 28px 0 30px; background-image: url(images/icon_program_blue.png); background-repeat: no-repeat; background-size: 20px auto; background-position: 0px 0px; font: 18px/18px 'Karbon', Arial; font-weight: 600; overflow: hidden; height: 39px; margin: 0 0 16px 0;}
div.eventBtn div.highlight{padding: 0 28px 0 30px; background-image: url(images/icon_highlight_blue.png); background-repeat: no-repeat; background-size: 20px auto; background-position: 0px 0px; font: 18px/18px 'Karbon', Arial; font-weight: 400; overflow: hidden; height: 39px; margin: 0 0 16px 0;}
div.eventBtn div.dateTime{padding: 4px 0 4px 30px; background-image: url(images/icon_calendar_blue.png); background-repeat: no-repeat; background-size: 20px auto; background-position: 0px 0px; font: 16px/16px 'Karbon', Arial; font-weight: 600; color: #01a0be; text-transform: uppercase; margin: 0 0 10px 0;}
body.l1 div.eventBtn div.dateTime{text-transform: none;}
div#upcomingEvents div.speakers{text-align: center;}
div#upcomingEvents div.speakers h2{padding: 4px 0 4px 30px; background-image: url(images/icon_faculty_blue.png); background-repeat: no-repeat; background-size: 20px auto; background-position: 0px 0px; font: 16px/16px 'Karbon', Arial; font-weight: 600;margin: 0 0 10px 0; text-align: left;}
div#upcomingEvents div.speaker{display: inline-block; vertical-align: top; width: 117px; margin: 0 9px 0 0;}
div#upcomingEvents div.speaker div.pic{border: 2px solid #003b6e; width: 60px; height: 60px; border-radius: 50%; background-size: cover; background-position: center; margin: 0 auto;}
div#upcomingEvents div.speaker h3{font: 12px/14px 'Karbon', Arial; font-weight: 600; color: #003b6e; white-space: nowrap; max-width: 100%; overflow: hidden; margin: 5px 0 10px 0;}
div#upcomingEvents a.viewMore{display: inline-block; vertical-align: top; width: 75px; margin: 0 10px; text-decoration: none; color: #01a0be; font: 14px/14px 'Karbon', Arial; font-weight: 400;}
div#upcomingEvents a.viewMore span{display: block; border: 2px solid #003b6e; width: 60px; height: 60px; border-radius: 50%; background-size: cover; background-position: center; margin: 0 auto 5px auto; background-image: url(images/icon_view-more-grey.svg);}
div#upcomingEvents div.eventActions{border-top: 1px solid #003b6e; text-align: center; padding: 30px 0 30px 0;border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;}
div#upcomingEvents div.eventActions a.enroll{display: inline-block; vertical-align: top; border: 1px solid #003b6e; background-color: #003b6e; border-radius: 18px; color: #fff; text-decoration: none; font: 14px/32px 'Karbon', Arial; font-weight: 600; width: 120px; text-align: center;margin: 0 10px;}
div#upcomingEvents div.eventActions a.details{display: inline-block; vertical-align: top; border: 1px solid #01a0be; background-color: #fff; border-radius: 18px; color: #01a0be; text-decoration: none; font: 14px/32px 'Karbon', Arial; font-weight: 600; width: 120px; text-align: center;margin: 0 10px;}
div#upcomingEvents div.eventBtn.regged{border-top: 10px solid #19a323;background-color: #e2eff2;}
div#upcomingEvents div.eventBtn.regged div.eventActions{padding-top: 10px; padding-bottom: 10px; width: 390px; margin-left: -20px; background-color: #cae6d9; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;}
div#upcomingEvents div.eventActions div.enrolled{display: inline-block; vertical-align: top; border: 1px solid #19a323; background-color: #19a323; border-radius: 18px; color: #fff; text-decoration: none; font: 14px/32px 'Karbon', Arial; font-weight: 600; width: 120px; text-align: center;margin: 0 10px;}
div#upcomingEvents div.eventBtn.live{border-top: 10px solid #8ba319;background-color: #edefe4;}
div#upcomingEvents div.eventBtn.live div.eventActions{ width: 390px; margin-left: -20px; background-color: #d3e6da;}
div#upcomingEvents div.eventActions a.join{display: inline-block; vertical-align: top; border: 1px solid #8ba319; background-color: #8ba319; border-radius: 18px; color: #fff; text-decoration: none; font: 14px/32px 'Karbon', Arial; font-weight: 600; width: 120px; text-align: center;margin: 0 10px;}
div.eventEnrolled{display: none;}
div.eventBtn.regged div.eventEnrolled{display: block;}
div.eventEnrolled a.cancel{display: none;}
div.eventBtn.regged div.eventEnrolled a.cancel{display: block;}
div#upcomingEvents div.eventBtn div.eventEnrolled{padding-top: 5px; padding-bottom: 5px; width: 390px; margin-left: -20px; background-color: #bed8cc; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;}
div.eventEnrolled a.webinarLink{display: inline-block; vertical-align: top; border: 1px solid #003b6e; background-color: #003b6e; border-radius: 14px; color: #fff; text-decoration: none; font: 12px/28px 'Karbon', Arial; font-weight: 600; width: auto; text-align: center; padding: 0px 8px; margin: 0 10px;}
div.eventEnrolled a.ICS{display: inline-block; vertical-align: top; border: 1px solid #003b6e; background-color: #003b6e; border-radius: 14px; color: #fff; text-decoration: none; font: 12px/28px 'Karbon', Arial; font-weight: 600; width: auto; text-align: center; padding: 0px 8px; margin: 0 10px;}
div.eventEnrolled a.cancel{float: right; display: inline-block; vertical-align: top; color: #000; text-decoration: none; font: 12px/13px 'Karbon', Arial; font-weight: 600; width: auto; text-align: center; padding: 7px 8px 0 36px; margin: -5px 0 0 0; background-image: url(images/icon_cancel_red.svg); background-repeat: no-repeat; background-position: 8px 10px; background-size: 24px auto; border-left: 1px solid #acacac; height: 33px; width: 65px; text-align: left;}
body.l1 div.eventEnrolled a.cancel{font: 10px/11px 'Karbon', Arial; font-weight: 600; background-size: 20px auto; padding: 7px 0px 0px 30px; background-position: 5px 9px; width: 60px;}
div.webinarLinkPop{display: none; position: absolute; bottom: 40px; right: -25px; z-index: 100; border: 1px solid #acacac; border-radius: 10px; background-color: #fff; padding: 20px; white-space: normal; width: 250px;}
div.webinarLinkPop.shown{display: block;}
div.webinarLinkPop div.closeBtn{position: absolute; top: 6px; right: 6px; cursor: pointer;}
div.webinarLinkPop div.closeBtn img {display: block; width: 16px; height: auto;}
div#upcomingEvents div.webinarLinkPop h2{font: 16px/18px 'Karbon', Arial; font-weight: 600; color: #00a8cd; margin: 0 0 10px 0;}
div.webinarLinkPop > p{font: 14px/16px 'Karbon', Arial; margin: 0 0 10px 0;}
div.webinarLinkPop p a{max-width: 100%; display: inline-block; overflow: hidden;}
div#account{}
div#account.forced{display: block;}
form#accountForm{position: relative; display: block; background-color: #fff; border-radius: 20px; margin: 40px auto 0 auto; width: 1020px; background-image: url(images/graphic_left_light.png); background-size: auto 100%; background-repeat: no-repeat; background-position: 0px 0px; max-height: 90vh; overflow-y: auto; overflow-x: hidden;}
form#accountForm > h2{display: inline-block; vertical-align: top; width: 222px; font: 24px/42px 'Karbon', Arial; padding: 70px 30px 0 30px; white-space: normal;}
form#accountForm > h2 strong{display: block; font: 39px/37px 'Karbon', Arial; font-weight: 400;}
div#accountArea{display: inline-block; vertical-align: top; width: 735px; padding-bottom: 40px;}
form#accountForm div.closeBtn{position:absolute;top:7px;right:10px;width:24px;height:24px;cursor:pointer;text-align:center;}
div#accountArea div.left{display: table-cell; vertical-align: top; white-space: normal; width: 50%; padding: 0 20px 0 0;}
div#accountArea div.left > h3{font: 16px/18px 'Karbon', Arial; font-weight: 600; margin: 40px 0 10px 0; background-image: url(images/icon_profile_blue.svg); background-size: 30px auto; background-repeat: no-repeat; background-position: 0px 0px; padding: 0 0 0 40px; min-height: 40px;}
form#accountForm input[type="text"]{display: block; margin: 0 0 10px 0; border-radius: 18px; border: 1px solid #d1d1d1; padding: 5px 20px; font: 18px/28px 'Karbon', Arial; font-weight: 400; width: 250px; background-color: #fff !important;}
form#accountForm select{display: block; margin: 0 0 10px 0; border-radius: 18px; border: 1px solid #d1d1d1; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; cursor: pointer; background-image: url(images/arrow_down_grey.svg); background-repeat: no-repeat; background-size: 17px 8px; background-position: 264px 15px; width: 82px; padding: 5px 29px 5px 20px; width: 292px; font: 18px/28px 'Karbon', Arial; font-weight: 400;}
form#accountForm div.miceType{margin: -8px 0 10px 13px;}
form#accountForm input[type="password"]{display: block; margin: 0 auto 20px auto; border-radius: 18px; border: 1px solid #d1d1d1; padding: 5px 20px; font: 18px/28px 'Karbon', Arial; font-weight: 400; width: 250px; background-color: #fff !important;}
form#accountForm input#pass{padding: 5px 20px 5px 38px; width: 282px;}
form#accountForm input#pass2{padding: 5px 20px 5px 38px; width: 282px;}
form#accountForm img.inputIcon{position: absolute; z-index: 10; top: 8px; left: 9px; width: 23px; height: auto;}
form#accountForm img.inputIcon.lock{width: 20px; left: 12px;}
form#accountForm img.revealIcon{position: absolute; z-index: 10; top: 10px; right: 10px; width: 23px; height: auto; cursor: pointer;}
div#accountArea div.right{display: table-cell; vertical-align: top; white-space: normal; width: 50%; padding: 0 20px 0 0;}
div#accountArea div.right > h3{font: 16px/18px 'Karbon', Arial; font-weight: 600; margin: 40px 0 10px 0; background-image: url(images/icon_t-area_blue.svg); background-size: 30px auto; background-repeat: no-repeat; background-position: 0px 0px; padding: 0 0 0 40px; min-height: 40px;}
form#accountForm label.chkLabel{display: inline-block; vertical-align: top; padding: 0px 0px 0 30px; background-image:url(images/checkbox_blue0.svg);background-size:20px 20px;background-repeat:no-repeat;background-position:0px 4px;margin:0px 0px 15px 0px; min-height: 40px; line-height: 20px; cursor: pointer; font: 18px/22px 'Karbon', Arial; white-space: normal;}
form#accountForm label.chkLabel.HL{background-image:url(images/checkbox_blue1.svg);}
form#accountForm label[for="certify"]{max-width: 400px;}
div#accountArea div.right p{font: 16px/20px 'Karbon', Arial; white-space: normal;}
div#accountArea a.certs{text-decoration: none; color: #003b6e; font: 16px/18px 'Karbon', Arial; font-weight: 600;}
div.infoPage 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_cert_blue.svg); background-position: top left; background-repeat: no-repeat; background-size: 34px auto; margin-bottom: 10px;}
div.infoPage a.cert span{font-size: 15px;}
form#accountForm input[type="submit"]{display: block; margin: 0 auto; border-radius: 18px; border: 1px solid #d1d1d1; padding: 5px 20px; font: 18px 'Karbon', Arial; font-weight: 600; height: 40px; width: 250px; color: #fff; background-color: #0092bc; cursor: pointer;}
form#accountForm input[type="submit"].disabled{pointer-events: none; background-color: #ccc;}
div#areaRequest{display: table;}
div#areaRequest div.left{display: table-cell; vertical-align: top; width: 50vw; background-color: #fafafa; text-align: right;}
div#areaRequest div.left div.prompt{display: inline-block; white-space: normal; padding: 40px; text-align: left; max-width: 500px;}
div#areaRequest div.left div.prompt h2{font: 24px/28px 'Karbon', Arial; font-weight: 400; margin: 0 0 10px 0; color: #000;}
div#areaRequest div.left div.prompt p{font: 18px/22px 'Karbon', Arial; color: #000; margin: 0 0 20px 0;}
div#areaRequest label.chkLabel{display: inline-block; vertical-align: top; padding: 0px 0px 0 30px; background-image:url(images/checkbox_blue0.svg);background-size:20px 20px;background-repeat:no-repeat;background-position:0px 4px;margin:0px 0px 15px 0px; min-height: 40px; line-height: 20px; cursor: pointer; font: 18px/22px 'Karbon', Arial; white-space: normal;}
div#areaRequest label.chkLabel.HL{background-image:url(images/checkbox_blue1.svg);}
div#areaRequest label[for="certify"]{max-width: 400px;}
div#areaRequest input[type="submit"]{display: block; margin: 0 auto; border-radius: 18px; border: 1px solid #d1d1d1; padding: 0px 20px; font: 18px 'Karbon', Arial; line-height: 18px; font-weight: 600; height: 40px; width: 250px; color: #fff; background-color: #0092bc; cursor: pointer;}
div#areaRequest input[type="submit"].disabled{pointer-events: none; background-color: #ccc;}
div#areaRequest div.right{display: table-cell; vertical-align: top; width: 50vw; background-color: #00a8cd; text-align: left; background-repeat: no-repeat; background-size: auto 100%; background-position: 0 0;}
div#areaRequest div.right.area1{background-color: #272f53;}
div#areaRequest div.right.area2{background-color: #fff;}
div#areaRequest div.right.area3{background-color: #00a8cd;}
div#eventInfo{background-color: #fafafa; text-align: center; border-bottom: 1px solid #cdcdcd; white-space: normal; padding: 40px 0 40px 0;}
div#eventInfo div.title{padding: 0 0 0 38px; background-image: url(images/icon_program_blue.png); background-repeat: no-repeat; background-size: 25px auto; background-position: 0 center; font: 20px/22px 'Karbon', Arial; font-weight: 600; margin: 0 auto 16px auto;
width: 400px;}
div#eventInfo div.highlight{padding: 0 0 0 38px; background-image: url(images/icon_highlight_blue.png); background-repeat: no-repeat; background-size: 25px auto; background-position: 0 center; font: 18px/18px 'Karbon', Arial; font-weight: 400; margin: 0 auto 16px auto; width: 400px; min-height: 28px;}
div#eventInfo div.dateTime{padding: 0px 0 4px 40px; background-image: url(images/icon_calendar_blue.png); background-repeat: no-repeat; background-size: 20px auto; background-position: 0 0; font: 20px/20px 'Karbon', Arial; font-weight: 600; color: #01a0be;
text-transform: uppercase; margin: 0 auto 10px auto; text-align: center; width: 398px;}
div#eventInfo div.dateTime a.otherEvents{display: block; margin: 5px 0; font: 18px/18px 'Karbon', Arial; font-weight: 600; color: #01a0be;}
div#speakers{background-color: #fafafa; text-align: center; white-space: normal; padding: 40px 0 40px 0;}
div#speakers h2{font: 34px/34px 'Karbon', Arial; font-weight: 600; color: #003b6e; margin: 0 0 30px 0; padding: 0px 0 35px 0; background-image: url(images/arrow_down2_grey.svg); background-repeat: no-repeat; background-size: 40px auto; background-position: center bottom;}
div#speakers div.speaker{position: relative; display: inline-block; vertical-align: top; background-color: #e2eaf1; border-radius: 20px; border: 1px solid #cdcdcd; padding: 30px 30px 30px 84px; width: 350px; min-height: 200px; margin: 0 40px 70px 89px; text-align: left;}
div#speakers div.speaker div.picCon{position: absolute; top: 50%; left: -90px; background-image: url(images/profile_pic_border.png); background-repeat: no-repeat; background-size: 150px auto; background-position: 0 0; padding: 11px 0 15px 22px; margin-top: -77px;}
div#speakers div.speaker div.pic{border: 2px solid #003b6e; width: 124px; height: 124px; border-radius: 50%; background-size: cover; background-position: center; margin: 0 auto;}
div#speakers div.speaker h3{font: 24px/24px 'Karbon', Arial; font-weight: 800; color: #003b6e; margin: 0 0 4px 0;}
div#speakers div.speaker h4{font: 20px/20px 'Karbon', Arial; font-weight: 400; color: #00a8cd; margin: 0 0 6px 0;}
div#speakers div.speaker div.titles{font: 18px/22px 'Karbon', Arial; font-weight: 400;}
div#learningObjectives{background-color: #fff; text-align: center; white-space: normal; padding: 40px 0 40px 0;}
div#learningObjectives h2{font: 34px/34px 'Karbon', Arial; font-weight: 600; color: #003b6e; margin: 0 0 30px 0; padding: 0px 0 35px 0; background-image: url(images/arrow_down2_grey.svg); background-repeat: no-repeat; background-size: 40px auto; background-position: center bottom;}
div#LOs{background-color: #49a8d6; background-image: url(images/banner_event_graphic-left.png); background-repeat: no-repeat; background-size: 39vw auto; background-position: 2vw center; padding: 0 0 0 45vw; min-height: 30vw;}
div#LOs ul{color: #fff; font: 1.5vw/1.6vw 'Karbon', Arial; font-weight: 400; text-align: left; padding: 3vw 0 40px 2vw; width: 38vw; list-style-type: disclosure-closed;}
div#LOs ul li{padding: 0 0 2vw 0.5vw;}
div#eventActions{background-color: #fff; text-align: center; white-space: normal; padding: 20px 0 40px 0;}
div#eventActions a.enroll{display: inline-block; vertical-align: top; border: 1px solid #003b6e; background-color: #003b6e; border-radius: 18px; color: #fff; text-decoration: none; font: 18px/36px 'Karbon', Arial; font-weight: 600; width: 180px; text-align: center; margin: 0 10px;}
div#eventActions div.enrolled{display: inline-block; vertical-align: top; border: 1px solid #19a323; background-color: #19a323; border-radius: 18px; color: #fff; text-decoration: none; font: 18px/36px 'Karbon', Arial; font-weight: 600; width: 180px; text-align: center; margin: 0 10px;}
div#eventActions a.cancel{display: inline-block; font: 18px/22px 'Karbon', Arial; font-weight: 400; color: #003b6e; margin: 10px 0;}
div#resources{display: table; max-width: 1424px; margin: 0 auto; border-top: solid 1px #c8d4de; border-bottom: solid 1px #c8d4de; min-height: 400px;}
@media all and (min-width: 1424px){
div#resources{width: 1424px;}
div#resources.onDemand{width: 980px; margin-top: 40px;}
}
div#resources div.left{display: table-cell; vertical-align: top; width: 30%; border-right: solid 1px #c8d4de;}
div#resources div.left div.collapseBox{overflow: hidden; max-height: 62px; transition: 400ms ease-in-out;}
div#resources div.left div.collapseBox.open{max-height: 1000px;}
div#resources div.left div.collapseBtn{background-color: #fafafa; border-bottom: 1px solid #fff; text-align: left; font: 18px/20px 'Karbon', Arial; font-weight: 600; color: #003b6e; padding: 20px 13% 20px 30px; background-image: url(images/arrow_right_blue.svg); background-repeat: no-repeat; background-size: 10px auto; background-position: 97% center; white-space: normal;}
div#resources div.left div.collapseBox.open div.collapseBtn{background-image: url(images/arrow_down_blue.svg); background-size: 16px auto;}
div#resources div.left a.subLink{display: block; background-color: #fff; text-align: left; font: 16px/20px 'Karbon', Arial; font-weight: 400; color: #003b6e; padding: 15px 30px 15px 60px; margin: 5px 0 5px 0; text-decoration: none; white-space: normal;
background-image: url(images/arrow_right_blue.svg); background-repeat: no-repeat; background-size: 10px auto; background-position: 97% center;}
div#resources div.left a.subLink.HL{background-color: #003b6e; color: #fff; background-image: url(images/arrow_right_white.svg); font-weight: 600;}
div#resources div.right{display: table-cell; vertical-align: top; width: 70%; background-color: #fafafa; white-space: normal;}
div#resources div.resource{position: relative;}
div#resources div.resource.link{padding: 30px 0 0px 8%; text-align: left;}
div#resources div.resource img.resPic{display: block; max-height: 60px; margin: 0 0 5px 0;}
div#resources div.resource div.title{color: #00a8cd; font: 18px/20px 'Karbon', Arial; font-weight: 600; margin: 0 0 10px 0;}
div#resources div.resource div.title a{text-decoration: none; color: #00a8cd;}
div#resources div.resource div.title a.star{display: inline-block; vertical-align: top; background-image: url(images/icon_star_outline.svg); background-repeat: no-repeat; background-size: 20px auto; background-position: center; width: 20px; height: 20px; margin: 0 0 0 5px;}
div#resources div.resource div.title a.star.HL{background-image: url(images/icon_star_blue.svg);}
div#resources div.resource div.title div.extLink{font: 13px/15px 'Karbon', Arial; font-weight: 400; font-style: italic; color: #000;}
div#resources div.resource div.desc{font: 14px/16px 'Karbon', Arial; font-weight: 400; padding: 0 40px 0 0;}
div.resource div.desc div{text-align: right; padding: 5px 20px;}
div.resource div.desc div.offRow{background-color: #fff;}
div.resource div.desc div strong{float: left; display: block; padding: 7px 0 0 0; max-width: 54%; text-align: left;}
div.resource div.desc div a{display: inline-block; vertical-align: top; border: 1px solid #003b6e; background-color: #003b6e; border-radius: 18px; color: #fff; text-decoration: none; font: 14px/32px 'Karbon', Arial; font-weight: 600; width: 120px; text-align: center; margin: 0 10px;}
div#resources div.resource hr{height: 0; border: 0; border-bottom: 1px solid #c8d4de; margin: 20px 30px 20px -50px;}
div#resources div.resource.file{background-repeat: no-repeat; background-size: 2.5% auto; background-position: 8% 26px; padding: 30px 0 0px 8%; text-align: left;}
div#resources div.resource.file.pdf{background-image: url(images/icon_pdf_blue.svg);}
div#resources div.resource.file.ppt, div#resources div.resource.file.pptx{background-image: url(images/icon_ppt_blue.svg);}
div#resources div.resource.file div.title{margin-left: 3.5%;}
div#resources div.resource.file div.dateUploaded{font: 14px/16px 'Karbon', Arial; font-weight: 400; margin-left: 3.5%; padding: 0 0 10px 0;}
div#resources div.resource.file div.desc{margin-left: 3.5%;}
div#resources.starred div.right{width: 100%; padding-top: 20px; text-align: center;}
div#resources.starred div.resource{display: inline-block; vertical-align: top; max-width: 40%; min-width: 300px; padding: 30px 0 20px 40px; border-top: 1px solid #c8d4de; margin: 0 30px 0 30px;}
div#resources.starred div.resource.file{padding: 30px 0 20px 40px; background-size: 20px auto; background-position: 30px 26px;}
div#resources div.resource img.badge{position: absolute; top: -9px; right: 10px; width: 50px; height: auto;}
div#resources.starred div.resource div.title{padding-right: 70px;}
div#resources.starred div.resource.file div.title{margin-left: 20px;}
div#resources.starred div.right > h2{font: 30px/30px 'Karbon', Arial; font-weight: 600; color: #003b6e; margin: 0 0 40px 0;}
div#resources div.resource.video{position: relative; display: inline-block; vertical-align: top; padding: 30px 0 20px 6.5%; text-align: left;}
div#resources div.resource.video iframe{width: 400px; height: 234px;}
div#resources div.resource.video a.star{position: absolute; top: 70px; right: -26px; background-color: #003b6e; border-top-right-radius: 8px; border-bottom-right-radius: 8px; display: inline-block; vertical-align: top; background-image: url(images/icon_star_white.svg); background-repeat: no-repeat; background-size: 12px auto; background-position: center; width: 25px; height: 30px; z-index: 20; border: 1px solid #003b6e;}
div#resources div.resource.video a.star.HL{background-image: url(images/icon_star_blue.svg); background-color: #fff; border: 1px solid #acacac;}
div#resources div.resource.video a.info{position: absolute; top: 30px; right: -26px; background-color: #003b6e; border-top-right-radius: 8px; border-bottom-right-radius: 8px; display: inline-block; vertical-align: top; background-image: url(images/icon_info_white.svg); background-repeat: no-repeat; background-size: 12px auto; background-position: center; width: 25px; height: 30px; z-index: 20; border: 1px solid #003b6e;}
div#resources div.resource.video a.info:hover{background-image: url(images/icon_info_blue.svg); background-color: #fff; border: 1px solid #acacac;}
div.infoPop{display: none; position: absolute; top: 13px; right: -2px; z-index: 100; border: 1px solid #acacac; border-radius: 10px; background-color: #fff; padding: 20px; white-space: normal; width: 250px;}
div.infoPop.shown{display: block;}
div.infoPop div.closeBtn{position: absolute; top: 6px; right: 6px; cursor: pointer;}
div.infoPop div.closeBtn img {display: block; width: 16px; height: auto;}
div.infoPop h2{font: 16px/18px 'Karbon', Arial; font-weight: 600; color: #00a8cd; margin: 0 0 10px 0;}
div.infoPop > p{font: 14px/16px 'Karbon', Arial; margin: 0 0 10px 0;}
div.infoPop h3.speaker{font: 12px/14px 'Karbon', Arial; font-weight: 800; color: #003b6e; margin: 0 0 6px 0; padding: 0 0 0 25px; background-image: url(images/icon_speaker_blue.svg); background-repeat: no-repeat; background-size: 18px auto; background-position: 0 0;}
div.infoPop div.speaker{font: 12px/14px 'Karbon', Arial; padding: 0 0 0 25px;}
div.infoPop div.speaker p{margin: 0 0 10px 0;}
hr.full{height: 0; border: 0; border-bottom: 1px solid #c8d4de; margin: 20px 30px 20px 30px;}
body#s6 div#resources div.left a.subLink{margin-top: 0;}
div#modules{background-color: #fafafa; text-align: center; white-space: normal; padding: 40px 0 40px 0; border-top: solid 1px #c8d4de; border-bottom: solid 1px #c8d4de;}
div#modules div.module{position: relative; display: inline-block; vertical-align: top; background-color: #e2eaf1; border-radius: 20px; border: 1px solid #cdcdcd; padding: 30px 30px 30px 84px; width: 350px; min-height: 140px; margin: 0 40px 70px 89px; text-align: left; cursor: pointer;}
div#modules div.module div.picCon{position: absolute; top: 50%; left: -90px; background-image: url(images/profile_pic_border.png); background-repeat: no-repeat; background-size: 150px auto; background-position: 0 0; padding: 11px 0 15px 22px; margin-top: -77px;}
div#modules div.module.program div.picCon{background-image: none; padding: 11px 0 15px 2px;}
div#modules div.module.program div.picCon div.pic{border: 1px solid #cdcdcd; border-radius: 10px; width: 144px; height: 144px;}
div#modules div.module div.pic{border: 2px solid #003b6e; width: 124px; height: 124px; border-radius: 50%; background-size: cover; background-position: center; margin: 0 auto;}
div#modules div.module h3{font: 24px/24px 'Karbon', Arial; font-weight: 800; color: #003b6e; margin: 0 0 10px 0;}
div#modules div.module h4{font: 20px/20px 'Karbon', Arial; font-weight: 400; color: #00a8cd; margin: 0 0 6px 0;}
div#modules div.module p{font: 18px/22px 'Karbon', Arial; font-weight: 400; margin: 0;}
div#recording{max-width: 1344px; margin: 0 auto; text-align: center;}
div#recording.allInOneProgram div#recordingDetails{background-color: transparent;}
div#recordingDetails{background-color: #fafafa; border-top: solid 1px #c8d4de; min-height: 400px; padding: 40px;}
div#recordingDetails sup{position: relative; display: inline-block; margin: -6px 0 0 0; padding: 0;}
div#recordingDetails div.recordingLeft{display: inline-block; vertical-align: top; width: 45%; margin-right: 5%; text-align: left;}
div#recordingDetails div.recordingRight{display: inline-block; vertical-align: top; width: 45%; text-align: left;}
div#recordingDetails div.speakerImg{display: inline-block; vertical-align: top; width: 150px; height: 200px; background-repeat: no-repeat; background-size: cover; margin: 0 10px 0 0;}
div#recordingDetails div.programLogo{display: inline-block; vertical-align: top; width: 150px; height: 200px; background-repeat: no-repeat; background-size: cover; margin: 0 10px 0 0;}
div#recordingDetails div.programLogo img{display: block; width: 100%;}
div#recording.allInOneProgram div#recordingDetails div.recordingLeft{width: 28%;}
div#recording.allInOneProgram div#recordingDetails div.programLogo{width: auto; height: auto; margin: 0 0 10px 0;}
div#recordingDetails div.desc{display: inline-block; vertical-align: top; width: 450px; white-space: normal;}
div#recordingDetails div.desc h2{font: 24px/24px 'Karbon', Arial; font-weight: 800; color: #003b6e; margin: 0 0 10px 0;}
div#recordingDetails div.desc h2 span{display: block; font: 20px/20px 'Karbon', Arial; font-weight: 600; color: #003b6e; margin: 0 0 10px 0;}
div#recordingDetails div.desc h2.name span{display: inline-block; margin: 0 0 0 20px;}
div#recordingDetails div.desc p{font: 16px/18px 'Karbon', Arial; font-weight: 400; margin: 0 0 20px 0;}
div#recording.allInOneProgram div#recordingDetails div.desc{display: block; width: auto;}
div#recording.allInOneProgram div#askFields textarea#question{width: 94%;}
div#recording.allInOneProgram div#recordingDetails div.recordingLeft div.speaker{margin: 0 0 30px 0; clear: left;}
div#recording.allInOneProgram div#recordingDetails div.recordingLeft div.speakerImg{display: block; float: left; margin: 0 10px 5px 0;}
div#recording.allInOneProgram div#recordingDetails div.recordingLeft div.desc h2 {font: 16px/18px 'Karbon', Arial; font-weight: 800;}
div#recording.allInOneProgram div#recordingDetails div.recordingLeft div.desc h2.name span{display: block; font: 14px/16px 'Karbon', Arial; font-weight: 600; margin: 0;}
div#recording.programBySpeaker{max-width: 660px;}
div#recording.programBySpeaker div#recordingDetails div.recordingLeft{display: block; width: 100%;}
div#recording.programBySpeaker div#recordingDetails div.programLogo{display: block; width: 100%; height: auto; margin: 0 0 10px 0;}
div#recordingDetails.speakerModule{background-color: transparent; border: 0;}
div#recordingDetails div.recordingLeft.programBySpeaker div.speakerImg{margin: 0 0 20px 0;}
div#recordingDetails div.recordingLeft.programBySpeaker h2{font: 24px/24px 'Karbon', Arial; font-weight: 800; color: #003b6e; margin: 0 0 10px 0;}
div#recordingDetails div.recordingLeft.programBySpeaker h2 span{display: inline-block; font: 20px/20px 'Karbon', Arial; font-weight: 600; color: #003b6e; margin: 0 0 0 20px;}
div#recordingDetails div.recordingLeft.programBySpeaker p{font: 16px/18px 'Karbon', Arial; font-weight: 400; margin: 0 0 20px 0;}
div#recordingDetails div.module{position: relative; display: inline-block; vertical-align: top; background-color: #e2eaf1; border-radius: 20px; border: 1px solid #cdcdcd; padding: 30px 30px 30px 84px; width: 350px; min-height: 140px; margin: 0 40px 70px 89px; text-align: left; cursor: pointer; white-space: normal;}
div#recordingDetails div.module div.picCon{position: absolute; top: 50%; left: -90px; background-image: url(images/profile_pic_border.png); background-repeat: no-repeat; background-size: 150px auto; background-position: 0 0; padding: 11px 0 15px 22px; margin-top: -77px;}
div#recordingDetails div.module div.pic{border: 2px solid #003b6e; width: 124px; height: 124px; border-radius: 50%; background-size: cover; background-position: center; margin: 0 auto;}
div#recordingDetails div.module h3{font: 24px/24px 'Karbon', Arial; font-weight: 800; color: #003b6e; margin: 0 0 10px 0;}
div#recordingDetails div.module h4{font: 20px/20px 'Karbon', Arial; font-weight: 400; color: #00a8cd; margin: 0 0 6px 0;}
div#recordingDetails div.module p{font: 18px/22px 'Karbon', Arial; font-weight: 400; margin: 0;}
div#recordingDetails div.recordingLeft.programBySpeaker{width: 39%; white-space: normal; margin-right: 4%;}
div#recordingDetails div.recordingLeft.programBySpeaker div.programLogo{display: block; width: 100%; height: auto; margin: 0 0 20px 0;}
div#recording.programBySpeaker div#recordingDetails div.module{display: block;}
div#recordingRight{display: inline-block; vertical-align: top; width: 57%; text-align: left;}
div#recordingRight div.PAD{padding: 20px 20px 0 20px; background-color: #fafafa; margin: 0 0 20px -20px;}
div#recordingRight h2{font: 24px/24px 'Karbon', Arial; font-weight: 800; color: #003b6e; margin: 0 0 20px 0;}
div#recording div#recordingRight iframe#vidFrame{margin: 0 0 30px 0;}
div.recordingLOs.programBySpeaker ul{padding: 0 0 20px 22px; white-space: normal;}
div#recording.allInOneProgram div#recordingDetails div.recordingRight{width: 66%;}
div#recording.allInOneProgram div.allInOneByte{display: block; margin: 0 0 20px 0; background-color: #fafafa; padding: 20px;}
div#recording.allInOneProgram div.allInOneByte iframe{display: block; width: 100%; height: 450px; margin: 0 0 10px 0;}
div#recording.allInOneProgram div.allInOneByte p{font: 18px/22px 'Karbon', Arial; font-weight: 400; margin: 0; white-space: normal;}
div.recordingLOs strong{font: 20px/20px 'Karbon', Arial; font-weight: 600; color: #003b6e; margin: 0 0 10px 0;}
div.recordingLOs span{display: block; font: 16px/20px 'Karbon', Arial; font-weight: 400; color: #00a8cd;}
div.recordingLOs ul{font: 16px/20px 'Karbon', Arial; font-weight: 400; text-align: left; list-style-image: url(images/icon_checkmark_blue.svg); margin: 5px 0 0 0; padding: 0 0 0 22px;}
div.recordingLOs ul li{padding: 0 0 10px 0px;}
div#recording iframe#vidFrame{width: 700px; height: 390px; margin: 30px 0;}
div#chapterArea{width: 760px; margin: 0 auto;}
div#chapterArea h2{font: 24px/24px 'Karbon', Arial; font-weight: 800; color: #003b6e; margin: 30px 0 10px 0;}
div#chapterArea h3{font: 20px/22px 'Karbon', Arial; color: #00a8cd; margin: 0 0 10px 0; text-align: left; font-weight: 400;}
div#chapterArea h3 strong{font-weight: 600; display: block;}
div#chapterIndex{display: inline-block; vertical-align: top; width: 205px; margin: 0 10px 0 0;}
div#right div.PAD div#chapterIndex h2{color:#fff; margin: 0 0 10px 10px; font: 16px/18px 'Karbon',arial,sans-serif; font-weight: 600;}
div#right div.PAD div#chapterArea > h2{color: #fff; margin: 0 0 10px 10px; font: 18px/20px 'Karbon',arial,sans-serif; font-weight: 600;}
div#right div.PAD div#chapterArea > h2 a{color: #fff; text-decoration: none; display: inline-block; padding: 0 0 0 40px; font-weight: 400;}
div#right div.PAD div#chapterArea > h3{color: #fff; margin: 0 0 10px 10px; font: 18px/20px 'Karbon',arial,sans-serif; font-weight: 400;}
div#right div.PAD div#chapterArea > h3 strong{display: block;}
div#chapterIndex a{display: block; text-decoration: none; color:#fff;font: 16px/18px 'Karbon',arial,sans-serif; font-weight: 400; margin: 0 5px 5px 10px; padding: 5px;}
div#chapterIndex a.HL{background-color: #868686;}
div#recording iframe#vidFrame.right{display: inline-block; vertical-align: top; width: 525px; height: 290px;}
div#recording iframe#vidFrame.aboveChapters{margin:30px 0 0 10px; width: 730px; height: 408px;}
div#chapterThumbs{white-space: nowrap; background-color: #fafafa; margin: 0 0 30px 0;}
div#chapterThumbs a{display: inline-block; vertical-align: top; padding: 10px 10px; margin: 10px 10px 0 0; text-decoration: none; font: 14px/16px 'Karbon',arial,sans-serif; font-weight: 600; color: #003b6e;}
div#chapterThumbs a.HL{background-color: #868686;}
div#chapterThumbs a img{width: 160px; display: block;}
div#chapterThumbs a span{display: block; white-space: normal; width: 160px; font: 15px/18px 'Karbon',arial,sans-serif; font-weight: 400; margin: 4px 0 0 0;}
div#chapterThumbs a.hidden{display: none;}
div#askFields.disabled{display: none;}
div#afterWatched{padding: 0 0 20px 0; font: 16px/18px 'Karbon',arial,sans-serif; font-weight: 400; text-align: left; width: 700px; margin: 0 auto;}
div#afterWatched.disabled{pointer-events: none; opacity: 0.3;}
div#askBtn{position: relative; z-index: 20; display: inline-block; vertical-align: top; border: 1px solid #c8d4de; width: 271px; padding: 10px 0 0 70px; background-repeat: no-repeat; background-image: url(images/icon_ask_blue.svg); background-size: 30px auto; background-position: 20px 14px; height: 45px; margin: 0 5px 10px 0; color: #003b6e; cursor: pointer; background-color: #e2eaf1;}
div#askBtn.HL{background-color: #fff; border-bottom: 1px solid #fff; height: 55px; margin: 0 !important;}
div#askBtn:hover, div#afterWatched a.eval:hover, div#afterWatched a.cert:hover, div#afterWatched a.resources:hover{opacity: 1; background-color: #fff;}
div#askFields{border: 1px solid #c8d4de; margin: -11px 0 0 0; padding: 20px;}
div#askFields textarea#question{display: block; border: 1px solid #cdcdcd; width: 640px; margin: 0 0 10px 0; padding: 10px;}
div#askFields input[type="submit"]{display: block; vertical-align: top; border: 1px solid #003b6e; background-color: #003b6e; border-radius: 18px; color: #fff; text-decoration: none; font: 14px/32px 'Karbon', Arial; font-weight: 600; width: 120px; text-align: center; margin: 0 auto; cursor: pointer;}
div#askFields input[type="submit"].disabled{pointer-events: none; background-color: #cdcdcd; border: 1px solid #cdcdcd;}
div#askedSuccess div#confirmationCon h2{margin: 60px 0 20px 0;}
div#askedSuccess div#confirmationCon p{margin: 0 110px 40px 110px;}
div#afterWatched a.eval{display: inline-block; vertical-align: top; border: 1px solid #c8d4de; width: 271px; padding: 10px 0 0 70px; background-repeat: no-repeat; background-image: url(images/icon_eval_blue.svg); background-size: 30px auto; background-position: 20px 14px; height: 45px; margin: 0 0 0 5px; color: #003b6e; text-decoration: none; background-color: #e2eaf1;}
div#afterWatched a.eval.done{pointer-events: none; background-color: #fafafa;}
div#afterWatched a.cert{display: inline-block; vertical-align: top; border: 1px solid #c8d4de; width: 271px; padding: 10px 0 0 70px; background-repeat: no-repeat; background-image: url(images/icon_cert_blue.svg); background-size: 30px auto; background-position: 20px 14px; height: 45px; margin: 0 5px 0 0; color: #003b6e; text-decoration: none; background-color: #e2eaf1;}
div#afterWatched a.resources{display: inline-block; vertical-align: top; border: 1px solid #c8d4de; width: 271px; padding: 10px 0 0 70px; background-repeat: no-repeat; background-image: url(images/icon_resources_blue.svg); background-size: 30px auto; background-position: 20px 14px; height: 45px; margin: 0 0 0 5px; color: #003b6e; text-decoration: none; background-color: #e2eaf1;}
div#recording.allInOneProgram div#afterWatched{width: 345px; margin: 0; white-space: normal;}
div#recording.allInOneProgram div#afterWatched div#askBtn{margin: 0 0 10px 0;}
div#recording.allInOneProgram div#afterWatched a.eval{margin: 0 0 10px 0;}
div#recording.allInOneProgram div#afterWatched a.cert{margin: 0 0 10px 0;}
div#recording.allInOneProgram div#afterWatched a.resources{margin: 0 0 10px 0;}
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;} */
div#enterRecordingCode div#confirmationCon div.badge{background-image: url(images/icon_alert_blue.png);}
form#recordingCodeForm{margin: 60px auto 40px auto; width: 270px;}
form#recordingCodeForm input[type="text"]{display: block; width: 245px; padding: 10px; margin: 20px 0;}
form#recordingCodeForm input[type="submit"]{display: block; vertical-align: top; border: 1px solid #003b6e; background-color: #003b6e; border-radius: 18px; color: #fff; text-decoration: none; font: 14px/32px 'Karbon', Arial; font-weight: 600; width: 120px; text-align: center; margin: 0 auto; cursor: pointer;}
form#recordingCodeForm input[type="submit"].disabled{pointer-events: none; background-color: #cdcdcd; border: 1px solid #cdcdcd;}
form#evaluationForm{width: 600px; margin: 20px auto 120px auto;}
fieldset.singles{border: 0; padding: 0; margin: 0;}
fieldset.singles div.question{color: #000; font: 20px/22px 'Karbon',arial,sans-serif; font-weight: 600; padding: 0 0 5px 0; white-space: normal;}
form#evaluationForm select{color: #000; border: 1px solid #cdcdcd; font: 16px 'Karbon', Arial; line-height: 38px; border-radius: 0px; margin: 0px 0px 30px 0px; padding: 0px 10px; height: 38px; width: 100%;}
form#evaluationForm input[type="submit"]{display: block; vertical-align: top; border: 1px solid #003b6e; background-color: #003b6e; border-radius: 18px; color: #fff; text-decoration: none; font: 14px/32px 'Karbon', Arial; font-weight: 600; width: 120px; text-align: center; margin: 0 auto; cursor: pointer;}
form#evaluationForm input[type="checkbox"]{display: inline-block; vertical-align: middle; width: 20px; height: 20px; padding: 0; margin: 0px 5px 10px 0px; cursor: pointer;}
form#evaluationForm label{display: inline-block; vertical-align: top; font: 16px/16px 'Karbon',arial,sans-serif; font-weight: 400; margin: 0px 0px 10px 0px; cursor: pointer; max-width: 470px; white-space: normal;}
form#evaluationForm input#eventDate{width: 478px;}
form#evaluationForm select#speaker{margin-bottom: 20px;}
form#evaluationForm div.calendar{font: 16px/16px 'Karbon', Arial; font-weight: 400;}
div.infoPage{background-image: url(images/graphic_left_light.png); background-position: left center; background-repeat: no-repeat; background-size: auto 100%; min-height: calc(100vh - 155px); background-color: #fafafa;}
div.infoPage div.PAD{max-width: 870px; margin: 0 auto; font: 20px/24px 'Karbon', Arial; font-weight: 400; white-space: normal; padding: 40px;}
div.infoPage div.PAD div.col{display: inline-block; vertical-align: top; max-width: 45%; margin: 0 20px 0 0;}
div.infoPage div.PAD a{color: #003b6e;}
a#medInfoBtn{display: block; position: absolute; right: 20px; bottom: 70px; font: 18px/20px 'Karbon', Arial; font-weight: 400; background-image: url(images/icon_medinfo_blue.svg); background-repeat: no-repeat; background-size: 25px auto; background-position: 0 8px; padding: 7px 5px 7px 32px; color: #003b6e;}
div#pollingQuestions{max-width: 1024px; margin: 40px auto;}
div#pollingQuestions h2{font: 24px/24px 'Karbon', Arial; font-weight: 400; text-align: center; color: #003b6e; margin: 0 0 40px 0;}
form#surveyForm{width: 99%; white-space: normal; padding: 0; color:#60605f;}
form#surveyForm div.sectionContent{background-repeat: no-repeat; background-position: 1vw bottom; background-size: 60% 3px; padding: 2vh 2vh 1.5vh 2vh;}
form#surveyForm div.sectionContent ol{list-style-type: none;}
form#surveyForm.dontTouch input, form#surveyForm.dontTouch select, form#surveyForm.dontTouch textarea, form#surveyForm.dontTouch label{pointer-events: none;}
div.standAloneTitle{margin: 20px 0 0 -1vw;}
div.midQuestionTitle{font: 1vw/1.3vw 'Karbon'; padding: 0.5vw 0 0.5vw 0.4vw;}
div.questionTable{white-space: nowrap;}
div.questionRow{display:inline-block;vertical-align: top;margin: 0 0 10px 0vw;position: relative;}
div.questionRow.indent{margin: 0 0 0.5vw 2vw;}
div.questionRow label{display:inline-block;vertical-align: top;cursor:pointer; padding: 5px 15px 4px 10px;border-radius: 1vw;}
div.questionRow label.HL{}
div.questionRow label.disabled{pointer-events: none; opacity: 0.5;}
div.questionLetter{display: inline-block; vertical-align: top; padding: 0; font: 0/0 'Karbon', Arial; font-weight: 600; color: #60605f; width: 20px; text-align: center; border: 1px solid #cdcdcd; border-radius: 50%; height: 20px;}
div.questionRow label.HL div.questionLetter{padding: 0; font: 0/0 'Karbon', Arial; font-weight: 600; color: #60605f; width: 10px; text-align: center; border: 6px solid #2296f3; border-radius: 50%; height: 10px;}
div.questionText{display: inline-block; vertical-align: top; white-space: normal; font: 18px/20px 'Karbon', Arial; font-weight: 400; color: #60605f; padding: 0 0 0 10px; width: 97%;}
div.questionRow:hover label{background-color: #ebebeb;}
div.questionRow:hover div.questionText, div.questionRow label.HL div.questionText{}
div.questionRow:hover div.questionLetter, div.questionRow label.HL div.questionLetter{}
form#surveyForm div.questionTable textarea{width: 80%;}
form#surveyForm div.question{font: 18px/20px 'Karbon'; font-weight: 600; padding: 0.5vw 0 0.5vw 0;}
form#surveyForm div.question span{display: block; font: 14px/16px 'Karbon'; font-weight: 400;}
form#surveyForm div.question sub{display: block; font: 12px/16px 'Karbon';}
form#surveyForm select{}
form#surveyForm input[type="submit"]{display: block; vertical-align: top; border: 1px solid #003b6e; background-color: #003b6e; border-radius: 18px; color: #fff; text-decoration: none; font: 18px/36px 'Karbon', Arial; font-weight: 600; width: 180px; text-align: center; margin: 0 auto; cursor: pointer;}
form#surveyForm input[type="number"]{}
li.displayType0{padding: 0 0 30px 0; margin: 0 0 0 0;}
li.displayType1{font-size: 14px; margin-left: 23px;}
form#surveyForm li.displayType1 div.question{font: 14px/18px 'Karbon'; padding: 15px 0 10px 0;}
form#surveyForm li.displayType1 div.questionText{font: 14px/18px 'Karbon';}
div.rangeSlide{width: 100%;}
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;
}
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;}
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.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.relCon{position: relative;}
form#pollingQuestionForm input.toggleBtn, 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.miceType{font:12px/14px 'Karbon', Arial;}
a.backBtn{display: block; color: #003b6e; font: 18px/18px 'Karbon', Arial; font-weight: 600; margin: 20px 0 20px 40px; text-decoration: none; background-image: url(images/arrow_left_black.svg); background-repeat: no-repeat; background-size: 7px auto; background-position: 0px 3px; padding: 0 10px 0 16px; width: max-content;}
div#footerSpace{height: 55px;}
div#footer{position: absolute; bottom: 0; z-index: 100; width: 100%; height: 55px; overflow: auto; background-color: #fafafa; text-align: center; font: 14px/55px 'Karbon', Arial; color: #003b6e;}
div#footer span{}
div#footer a{color: #003b6e;}
div#footer div.right{position: absolute; top: 0; right: 20px;}
div#footer div.right span{display: inline-block; margin: 0 10px 0 10px;}
div#confirmationCon{position: relative; background-color: #fff; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; width: 400px; margin: 15vh auto; text-align: center; border-top: 10px solid #669933; padding-bottom: 10px;-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#confirmationCon div.badge{position: absolute; top: -18px; right: 16px; width: 52px; height: 67px; z-index: 20; text-align: center; background-image: url(images/icon_success_blue.png); background-repeat: no-repeat; background-size: 100% auto;}
div#confirmationCon h2{font: 24px/26px 'Karbon', Arial; font-weight: 500; margin: 20px 0 40px 0;}
div#confirmationCon p{font: 18px/20px 'Karbon', Arial; font-weight: 500; white-space: normal; color: #669933; margin: 0 40px 0 40px;}
div#confirmationCon p strong{font-weight: 400; color: #000;}
div#confirmationCon div.closeBtn{display: block; cursor: pointer; text-align: center; font: 18px'Karbon'; color: #000; margin: 0 20px 0px auto; width: max-content;}
div#confirmationCon div.closeBtn img{display: inline-block; vertical-align: middle; height: 25px; width: auto; margin: 0 8px 0 0;}
div#app div.addeventatc{background-color: #00a8cd; color: #fff !important; font: 18px/20px 'Karbon', Arial; border-radius: 20px; padding: 6px 42px 6px 30px; margin: 20px 0 20px 0; max-height: 20px; max-width: 250px; z-index: 400;}
div#app div.addeventatc span.addeventatc_icon{width: 18px; height: 18px; position: absolute; z-index: 1; right: 17px; top: 7px; background: url(images/icon_add-calendar_white.svg) no-repeat; background-size: 18px 18px; left: unset;}
body.l1 div#app div.addeventatc span.addeventatc_icon{right:10px;}
div#app div#upcomingEvents div.eventBtn div.eventEnrolled div.addeventatc{font: 12px/20px 'Karbon', Arial; border-radius: 12px; margin: 0; padding: 4px 42px 4px 30px;}
div#app div#upcomingEvents div.eventBtn div.eventEnrolled div.addeventatc span.addeventatc_icon{background-size: 15px 15px;}
body.l1 div#app div#upcomingEvents div.eventBtn div.eventEnrolled div.addeventatc{padding: 4px 36px 4px 10px;}
a.rightLink{display:inline-block;float:right;text-decoration:none;color:inherit;}
body.admin div.mainContainer{overflow-x: auto; height: 100%;}
body.admin div#topStrip{display: none;}
form#adminForm{padding: 20px; font-size: 16px; line-height: 18px; color: #000; white-space: normal;}
form#adminForm h1{font-size: 18px; line-height: 20px; background-color: #fafafa;}
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 'Karbon', 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;}
form#adminForm div#upcomingEvents{white-space: normal;}
form#adminForm div#upcomingEvents div.eventBtn{padding: 4px; display: inline-block; vertical-align: top; width: 325px; cursor: pointer;}
form#adminForm div#upcomingEvents div.eventBtn div.speakerImg{display: inline-block; background-size: 100px auto; width: 73px; height: 73px; background-position: center; margin: 0 10px 10px 0;}
form#adminForm div#upcomingEvents div.eventBtn div.speaker{font-weight: 600;}
form#adminForm div#upcomingEvents div.eventBtn div.program span{font-style: italic; display: inline-block; margin: 0 0 0 8px;}
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:#b4ccd9;}
div#siteClosedCon{position: relative; background-color: #fff; border-radius: 20px; padding: 40px; width: 460px; margin: 15vh auto; text-align: center; -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; box-shadow: 2px 5px 5px rgba(0,0,0,0.2);}
div#siteClosedCon strong{display: block; font: 24px/26px 'Karbon', Arial; font-weight: 600; margin: 0px 0 10px 0;}
div#siteClosedCon p{font: 18px/20px 'Karbon', Arial; font-weight: 500; white-space: normal; color: #000; margin: 0 0 20px 0;}
div#siteClosedCon div.closeBtn{display: block; cursor: pointer; text-align: center; font: 18px'Karbon'; color: #000; margin: 0 20px 0px auto; width: max-content;}
div#siteClosedCon div.closeBtn img{display: inline-block; vertical-align: middle; height: 25px; width: auto; margin: 0 8px 0 0;}
div#siteClosedCon a.blueBtn{display: block; font: 18px/20px 'Karbon', Arial; font-weight: 600; white-space: normal; color: #fff; margin: 0 auto 20px auto; text-decoration: none; background-color: #091966; border-radius: 20px; width: fit-content; padding: 10px 20px;}
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;}
div.warning{color: #ff0000; padding: 0px 0px 10px 0px; font: 16px/18px 'Karbon', Arial; font-weight: 400;}
div#ADMINwarning{color:#ff0000;padding:10px 0px 10px 0px;font-size: 22px; text-align: left; margin: 20px;}
div.cover{position:fixed;top:0px;left:0px;z-index:5000;width:100%;height:100%;background-color:rgba(76,76,76,0.9);overflow:auto;-webkit-animation-name: FadeIn; -webkit-animation-timing-function: ease-in; -webkit-animation-duration: 300ms;
-moz-animation-name: FadeIn; -moz-animation-timing-function: ease-in; -moz-animation-duration: 300ms;
-ms-animation-name: FadeIn; -ms-animation-timing-function: ease-in; -ms-animation-duration: 300ms;
animation-name: FadeIn; animation-timing-function: ease-in; animation-duration: 300ms;}
div.cover.hidden{display:none;}
div.cover#askBox{z-index:8000;}
div.cover#replyBox{z-index:8000;}
div.cover#imgPop{z-index:8000;}
div.cover div#closeBtn{position: absolute;top: 2vh; right: 2vw; z-index: 450; background-image: url(images/close_icon.svg); background-repeat: no-repeat; background-size: 4vw 5vh; background-position: top right; width: 4vw; height: 5vh;cursor: pointer;}
img#imgPopImg{display: block; margin: 20vh auto 0 auto;}
div.closeBtn{font:20px 'Karbon';color:#fff;}
div.clickSpace{position:absolute;z-index:5001;width:100%;height:100%;cursor:pointer;}
.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; z-index: 20;}
@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; z-index: 10;}
@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: 1180px){
div#topMenu{position: fixed; background-color: #fff; z-index: 400;}
div#topMenu img#logoMain{left: 10vw;}
div#topMenu div.deskTop{display: none;}
div#menuBtn{display: inline-block;}
div#mainMenu{display: block;}
div#mobileTopMenuSpace{display: block;}
}
@media all and (max-width: 790px){
body#s0 div#menuBtn{top: 18px;}
body#s0 div#mobileTopMenuSpace{height: 55px;}
div#homeBox{margin: 0vh auto 14vh auto; padding-top: 0; width: 100vw;}
div#homeBox img#logoMain{display: none;}
div#homeBox div.left{display: block; vertical-align: top; width: 92vw; margin: 0 4vw 0 4vw;}
body#s0 div#topStrip{background-image: url(images/Logo_Neuro_colour.png); background-size: auto 46px; background-repeat: no-repeat; background-position: 54px 4px; z-index: 400;}
div#topMenu{position: fixed; background-color: #fff; z-index: 400;}
div#topMenu img#logoMain{left: 13vw; width: 45vw; height: auto; margin: 3vw 0 0 0;}
div#topMenu div.deskTop{display: none;}
div#topMenu a.account{border-radius: 50%; color: #fff; background-color: #003b6e; text-align: center; width: 13vw; height: 8vw; padding: 3vw 0 2vw 0; font: 6vw/6vw 'Karbon', Arial; font-weight: 400; margin: 5vw 1vw;}
div#topMenu form#langForm select{border: 0; background-color: #e5ebf0; padding: 10px 34px 10px 20px; width: 72px; background-position: 45px 14px; margin: 0 2vw 0 2vw; text-transform: uppercase;}
body.l1 div#topMenu form#langForm select{width: 70px;}
div#topMenu a.logout{display: block; position: absolute; right: 2vw; top: 57px; font: 4vw/4.5vw 'Karbon', Arial; font-weight: 400;}
form#loginForm{display: block;}
form#loginForm div.relCon{max-width: 88vw; margin: 0 auto;}
form#loginForm > p{max-width: none; width: 92vw; margin: 0 4vw 4vw 4vw; text-align: center;}
div#mainBanner{background-image: url(images/banner_homepage_graphic-right.png); background-position: right bottom; background-size: 74vw;}
div#mainBanner h1{margin: 3vw 0 10px 4vw; font: 4vw/4vw 'Karbon', Arial; font-weight: 600;}
div#mainBanner p{padding: 0 24vw 4vw 4vw; font: 3vw/3.5vw 'Karbon', Arial;}
div#searchTools{position: relative; padding: 2vh 0 2vh 0;}
div#eventSort{width: 30px;}
div#filterBtn{width: 30px; overflow: hidden;}
div#clearBtn{display: none;}
form#searchForm{width: calc(100% - 160px); margin: 0 14px;}
input#keyWord{font: 3.5vw/35px 'Karbon', Arial; font-weight: 400;}
div#eventsLang a{width: 38vw; font: 4vw/10vw 'Karbon', Arial; font-weight: 400; margin: 2vw 1vw 0 1vw;}
div#eventsLang a.en.HL0{}
div#eventsLang a.en.HL1{font: 4vw/8vw 'Karbon', Arial; font-weight: 400; margin: 2vw 1vw 0 1vw;}
div#eventsLang a.fr.HL0{font: 4vw/8vw 'Karbon', Arial; font-weight: 400; margin: 2vw 1vw 0 1vw;}
div#eventsLang a.fr.HL1{}
div#upcomingEvents div.eventBtn{max-width: 80vw; margin: 0 2vw 8vw 2vw;}
div#upcomingEvents div.eventBtn.regged div.eventActions{max-width: 90.3vw;}
div#upcomingEvents div.eventBtn div.eventEnrolled{max-width: 90.3vw;}
div#app div#upcomingEvents div.eventBtn div.eventEnrolled div.addeventatc{font: 3vw/20px 'Karbon', Arial; border-radius: 12px; margin: 0; padding: 4px 35px 4px 10px;}
div#app div.addeventatc span.addeventatc_icon{right: 8px;}
div#upcomingEvents div.speaker{display: inline-block; vertical-align: top; width: 26%; margin: 0 2vw 0 0;}
div#upcomingEvents a.viewMore{width: 17%; margin: 0 2vw;}
div#eventInfo{padding: 0 4vw;}
div#eventInfo div.title{width: 82vw;}
div#eventInfo div.dateTime{width: 80vw;}
div#speakers{padding: 4vw 4vw;}
div#speakers h2{margin: 0 0 2vw 0;}
div#speakers div.speaker{border-radius: 4vw; padding: 2vw 2vw 2vw 12vw; width: 56vw; min-height: 35vw; margin: 0 2vw 8vw 21vw;}
div#speakers div.speaker div.picCon{left: -22vw; background-size: 28vw auto; padding: 1vw 0 1vw 4vw; margin-top: -15vw;}
div#speakers div.speaker div.pic {width: 25vw; height: 25vw;}
div#speakers div.speaker h3{font: 5vw/5vw 'Karbon', Arial; font-weight: 800;}
div#speakers div.speaker h4{font: 4vw/4vw 'Karbon', Arial; font-weight: 400; margin: 0 0 1vw 0;}
div#speakers div.speaker div.titles{font: 3.5vw/4vw 'Karbon', Arial; font-weight: 400;}
div#learningObjectives{padding: 2vw 0;}
div#learningObjectives h2{margin: 0 0 2vw 0;}
div#LOs{background-size: 12vw auto; background-position: 2vw center; padding: 0 0 0 15vw; min-height: 30vw;}
div#LOs ul{font: 3.5vw/4vw 'Karbon', Arial; font-weight: 400; padding: 3vw 0 2vw 5vw; width: 75vw;}
div#LOs ul li{padding: 0 0 2vw 0;}
form#accountForm{width: 100vw; max-height: none; margin-bottom: 40px;}
form#accountForm > h2{display: none;}
div#accountArea{width: 100vw;}
div#accountArea div.left{display: block; width: 92vw; padding: 0 4vw;}
div#accountArea div.right{display: block; padding: 0 4vw; width: 92vw;}
form#accountForm label[for="certify"]{max-width: 80vw; margin: 0px 0px 2vw 4vw;}
div#accountArea div.relCon{width: 350px;}
div.infoPage div.PAD{width: 92vw; padding: 4vw;}
div.infoPage div.PAD div.col{display: block; margin: 0 0 2vw 0; max-width: none;}
a#medInfoBtn{position: relative; right: unset; bottom: unset; padding: 7px 5px 6vw 12vw; background-color: #fafafa; background-position: 4vw 8px;}
div#footerSpace{height: 13vw;}
div#footer{text-align: center; width: 96vw; padding: 7vw 0 0 4vw; height: 6vw; font: 3vw/4vw 'Karbon', Arial;}
body#s0 div#footer{font: 2.5vw/4vw 'Karbon', Arial;}
div#footer div.right{position: absolute; top: 2vw; left: 0; width: 100vw; text-align: center;}
body#s0 div#footer span{display: block; visibility: hidden; height: 0; margin-top: -34px;}
}
@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;}
}