html{height:100%;-webkit-text-size-adjust:100%;}
body{margin:0px;height:100%; font: 0/0 'Open Sans', Arial; line-height: 0; font-weight: 400;background-color:#ebebec;-webkit-text-size-adjust:100%;}
body#s0 div#mainContainer{background-color: #ca2282; background-image: url(images/bg.jpg); background-position: center bottom; background-repeat: no-repeat; background-size: cover;}
body#s1 div#mainContainer{background-color: #ca2282; background-image: url(images/bg.jpg); background-position: center bottom; background-repeat: no-repeat; background-size: cover;}
body.admin div#mainContainer{background-color: #fff !important; background-image: none !important;}
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: #ebebec;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_blue.svg); background-size: 35px 35px; background-repeat: no-repeat; background-position: top left; display: inline-block; text-decoration: none; color: #4d4d4d; 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: #4d4d4d; 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: #4d4d4d; 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: 1vh; left: 2vh; width: 20vh; height: 7vh;}
div#topStrip div.logoCap{position: absolute; top: 8vh; left: 2vh; font: 1vh/1vh 'Open Sans', Arial; font-weight: 400; color: #f72c63;}
body.l1 div#topStrip img{}
div#topStrip a{display: inline-block; vertical-align: middle; padding:0; font-size: 1.7vh; line-height: 3.3vh; color: #4d4d4d; text-decoration: none; text-transform: uppercase;}
div#topStrip div#topMenu{padding: 5vh 7vh 0 0;}
div#topStrip a.addPost{background-image: url(images/icon_post_gray.svg); background-repeat: no-repeat; background-size: 3vh 3vh; padding: 0 0 0 4vh; margin: 0 3vh 0 0;}
body.l1 div#topStrip a.addPost{font-size: 1.7vh; line-height: 1.75vh; margin: -4px 3vh 0 0;}
div#topStrip a.forum{background-image: url(images/icon_forum_grey.svg); background-repeat: no-repeat; background-size: 3vh 3vh; padding: 0 0 0 3.5vh; margin: 0 3vh 0 0;}
div#topStrip a.members{background-image: url(images/icon_member_grey.svg); background-repeat: no-repeat; background-size: 3vh 3vh; padding: 0 0 0 3.5vh; margin: 0 3vh 0 0;}
div#topStrip a.myPatients{background-image: url(images/icon_mypatients_grey.svg); background-repeat: no-repeat; background-size: 3vh 3vh; padding: 0 0 0 3.5vh; margin: 0 3vh 0 0;}
div#topStrip a.resources{background-image: url(images/icon_resources_grey.svg); background-repeat: no-repeat; background-size: 3vh 3vh; padding: 0 0 0 3.5vh; margin: 0 3vh 0 0;}
div#topStrip div#adminMenu a{color: #ca2282; margin: 20px;}
div#menuBtn{display: inline-block;vertical-align: middle;position: fixed;top: 3vh;right: 20px;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;}
body#s15 div#menuBtn{display: none;}
body#s15 div#topMenu{display: none;}
div#mainMenu{position:fixed;top:0px;right:0px;z-index:280;white-space: normal;background-color: #fff;width:400px;height:100%;transition:400ms ease-in-out;-webkit-transition:400ms ease-in-out;-moz-transition:400ms ease-in-out;-webkit-backface-visibility:hidden;overflow:hidden;}
div#mainMenu div#topSpace{height: 10vh;}
div#mainMenu.hidden{right:-400px;}
div#mainMenu a{display:block;font:26px/30px 'Open Sans', Arial;font-weight:700;text-decoration: none;color:#444;text-transform: uppercase;padding:5vh 50px 0px 50px;}
div#mainMenu a#forumLink{display: none;}
div#mainMenu a#resourcesLink{display: none;}
div#homeBox{margin:17vh auto 0 auto; width: 800px; background-color:#fff;box-shadow: 9px 9px 14px -4px #333; border-radius: 20px;}
div#homeBox div.left{display: inline-block; vertical-align: top; width: 440px; margin: 20px 0 0 0;}
div#homeBox h2{font: 34px/34px 'Open Sans',arial,sans-serif; font-weight: 400; color: #4d4d4d; margin: 20px 0px;}
div#homeBox img#logoMain{display: block; vertical-align: top; width: 800px; margin-bottom: 30px;}
div#homeBox h1{font: 34px/36px 'Open Sans',arial,sans-serif; font-weight: 400; margin: 10px 0 20px 0; color: #4d4d4d;}
div#homeBox p{font: 18px/22px 'Open Sans',arial,sans-serif; font-weight: 400; white-space: normal; color: #4d4d4d;}
form#loginForm{position: relative; display: inline-block; vertical-align: top; white-space: normal; padding: 30px; width: 300px; color: #4d4d4d;}
form#loginForm a.lang{font: 16px/18px 'Open Sans',arial,sans-serif; font-weight: 400; text-decoration: none; color: #808184; position: absolute; top: 15px; right: 15px;}
form#loginForm h2{font: 26px/26px 'Open Sans',arial,sans-serif; font-weight: 600; color: #120744; margin: 37px 0px 20px 0;}
form#loginForm input{display: block; border: 0; border-bottom: 1px solid #808184; font: 16px/18px 'Open Sans',arial,sans-serif; font-weight: 400; background-color: transparent; padding: 8px 10px 3px 10px; height: auto; margin: 0px 0px 20px 0px; width: 280px; color: #4d4d4d;}
form#loginForm select{display: block; border: 0; border-bottom: 1px solid #808184; font: 16px/18px 'Open Sans',arial,sans-serif; font-weight: 400; background-color: transparent; padding: 8px 10px 3px 6px; height: auto; margin: 0px 0px 20px 0px; width: 300px; color: #4d4d4d;}
form#loginForm input[type="submit"]{font: 18px/30px 'Open Sans',arial,sans-serif; font-weight: 600; color: #fff; border: 2px solid #808184; background-color: #808184; border-radius: 20px; padding: 0px 20px 0px 20px; width: 100%;}
form#loginForm p{font: 14px/16px 'Open Sans',arial,sans-serif; font-weight: 400;}
form#loginForm div.warning{padding-top: 0px; font: 14px/14px 'Open Sans',arial,sans-serif; font-weight: 400;}
form#loginForm label{display: inline-block; vertical-align: top; font: 14px/16px 'Open Sans',arial,sans-serif; font-weight: 400; margin: 0px 0px 10px 0px; cursor: pointer; max-width: 316px;}
form#loginForm a.forgot{display: block; text-decoration: none; color: #4d4d4d; font: 12px/14px 'Open Sans',arial,sans-serif; font-weight: 400; text-align: right; margin: -14px 0 10px 0;}
div#homeBox div.bot{padding: 0 40px 40px 40px;}
div#left{position: relative; display: inline-block; vertical-align: top; width: 16vw; height: 83vh; background-color: #bbb; overflow: hidden;}
div#menuBtnLeft{display: none; z-index: 490;}
div#left h2{font: 1.1vw 'Open Sans', Arial; font-weight: 400; color: #fff; padding: 0.5vw 0 1vw 3vw; margin: 1vw 0 0vw 0; background-image: url(images/icon_questionnaire_white.svg); background-repeat: no-repeat; background-size: 1.8vw 1.8vw; background-position: 0.7vw 0.3vw;}
body.l1 div#left h2{}
div#left li.clickable{cursor: pointer;color: #fff;}
div#left ol{padding: 0 0 0 2.5vw;}
div#left ol li{font: 1.2vw/1.4vw 'Open Sans', Arial; font-weight: 400; color: #ddd; padding: 0.1vw 0 1.5vw 0.6vw;}
body.l1 div#left ol li{font: 1.1vw/1.4vw 'Open Sans', Arial; font-weight: 400;}
body.l1 div#left ol li{}
div#left ol li.HL{color: yellow;}
div#left ol li.done{}
div#left ol li.HL.done{}
div#left div.note{color: #fff; padding: 0px 1vw 1vh 1vw; white-space: normal;}
div#left li div.note{padding: 0; margin:6px 14px 0 0;}
div#left ol hr{border: 0; height: 0; margin: 1vh 0 0 -3vw; border-top: 1px solid #ebebec;}
div#left a.outcomesBtn{text-decoration: none; text-align: center; display: inline-block; background-color: #fff; font: 18px/32px 'Open Sans',arial,sans-serif; font-weight: 600; color: #2a4754; border-radius: 10px; padding: 0px 20px 0px 20px; width: auto; margin: 1vh 0 0 0;}
div#left ol li.OC{color: #fff;}
div#right{display: block; width: 100vw; min-height: 90vh; overflow: auto; white-space: normal; background-position: center bottom; background-repeat: no-repeat; background-size: 100% auto; }
body#s6 div#right{display: inline-block; width: 87vw; height: 83vh;min-height: unset;}
div#right div#patientArea{min-height: 180px; height: auto;}
div#right div.PAD{padding: 0px 20px 80px 20px; width: 948px; margin: 0 auto;}
div#right div.PAD.bot{margin-top: -23px;}
body#s1 div#right .PAD{background-color: #fff; width: 470px; border-radius: 12px; padding: 30px 40px 10px 40px; margin: 40px auto 60px auto;}
body#s5 div#right div.PAD{white-space: nowrap;}
body#s5 div#right div.PAD.bot{min-height: 58vh;}
body#s10 div#right div.PAD{white-space: nowrap;}
body#s10 div#right div.PAD.bot{min-height: 58vh; margin-top: 0;}
div#right div.PAD h1{color:#4d4d4d; font: 20px/20px 'Open Sans',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 'Open Sans',arial,sans-serif; font-weight: 600; padding: 10px 0 0 0;color: #04a8cc;}
body.l1 div#right div.PAD h1 span{font: 22px/20px 'Open Sans',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:#4d4d4d; font: 18px/20px 'Open Sans',arial,sans-serif; font-weight: 400; padding: 0 0 0 0px;}
div#right div.PAD.info{padding: 40px 40px 40px 120px; font: 14px/20px 'Open Sans',arial,sans-serif; font-weight: 400; max-width: 1200px;}
div#right div.PAD.support{padding: 40px 40px 40px 120px; font: 14px/20px 'Open Sans',arial,sans-serif; font-weight: 400; max-width: 500px;}
div.PAD.support a{color: #04a8cc;}
div#right div.PAD.listing{width: 600px;}
div#right div.PAD.fonts{font: 18px/22px 'Open Sans',arial,sans-serif; font-weight: 400; padding-top: 40px;}
div#right div.PAD.fonts ol{width: 600px;}
div#right.info div.PAD{min-height: 76vh; padding: 4vh 20px 5vh 20px;}
div#right.admin{height: 100vh;;}
div#forumPagination a{display: inline-block; font: 14px/16px 'Open Sans', Arial; font-weight: 600; text-decoration: none; color: #4d4d4d; padding: 0 10px;}
div#patientArea{position: relative; height: 7vh; background-image: url(images/bg.jpg); background-size: cover;}
div#patientArea a.backLinkSmall{display: block; font: 18px/20px 'Open Sans', Arial; font-weight: 400; color: #fff; text-decoration: none;}
div#patientArea a.backLink{display: inline-block; font: 2vh 'Open Sans', Arial; font-weight: 400; color: #fff; text-decoration: none; padding: 2vh 2vw;}
div#right div#patientArea div.PAD{padding: 10px; overflow: hidden; color: #fff;}
div#right div#patientArea div.PAD h2{color: #fff; background-image: url(images/icon_questionnaire_white.svg); background-repeat: no-repeat; background-size: 35px 35px; background-position: 0 4px; padding: 0vw 0 0px 42px; min-height: 35px; max-width: 150px; white-space: normal; font: 18px/20px 'Open Sans',arial,sans-serif; font-weight: 600;}
body.l1 div#right div#patientArea div.PAD h2{max-width: 218px;}
body.admin div#right div#patientArea div.PAD h2{max-width: none; min-height: 44px;}
div#patientArea p{white-space: normal; font: 14px/18px 'Open Sans',arial,sans-serif; font-weight: 400;}
div#patientArea p.HL{color: #fff4d2;}
div#right div#patientArea div.PAD.welcome{font: 16px/18px 'Open Sans', Arial; font-weight: 400; padding: 26px 0 0 0;}
div#patientArea p.intro{display: inline-block; vertical-align: top; padding: 0 0 0 40px; white-space: normal; max-width: 700px;}
div#patientArea p.intro a{color: #fff;}
div#patientArea div.intro a{color: #fff;}
div#patientArea div.intro a.okayBtn{display: inline-block; vertical-align: middle; background-color: #fff; color: #ed1e79; border-radius: 10px; font: 20px/42px 'Open Sans', Arial; font-weight: 600; text-decoration: none; padding: 0 10px 0 10px; margin: -10px 0 0 0;}
div#right div#patientArea div.PAD.intro > strong{display: block; font: 16px/18px 'Open Sans', Arial; font-weight: 600; margin: 10px 0;}
div#right div#patientArea div.PAD.intro p.qTips{background-image: url(images/icon_questionnaire_white.svg); background-size: 62px 62px; background-repeat: no-repeat; background-position: 0 0; padding: 0 0 10px 70px; margin: 0; max-width: 540px;}
div#patientArea ul, ol{white-space: normal; font: 14px/18px 'Open Sans',arial,sans-serif; font-weight: 400; margin: 0; padding: 10px 0 10px 22px;}
body#s10 div#patientArea p{width: 600px;}
a#postBtn{display: inline-block; vertical-align: top; height: 44px; text-decoration: none; background-image: url(images/icon_post_gray.svg); background-size: 42px 42px; background-repeat: no-repeat; background-position: right 1px; font: 20px/42px 'Open Sans', Arial; font-weight: 600; padding: 0px 50px 0 0; margin: 0 0 0 20px;color: #4d4d4d;}
span.fr-post{display: inline-block; font: 18px/20px 'Open Sans', Arial;}
div#forum{position: relative; display: inline-block; vertical-align: top; width: 630px;}
div#forum div.listing{white-space: normal; color: #4d4d4d; font: 12px/14px 'Open Sans', Arial; font-weight: 400; margin: 0 0 40px 0; background-color: #fff; border-radius: 12px; box-shadow: 4px 4px 14px -7px #333; padding: 20px 20px; overflow: hidden;}
div#forum div.listing div.postInfo div.name{display: inline-block; vertical-align: middle; font: 16px/16px 'Open Sans', Arial; font-weight: 600;}
div#forum div.listing div.postInfo div.when{font: 14px/14px 'Open Sans', Arial; font-weight: 400;padding: 7px 0 0 0;}
div#forum div.listing div.when{float: right;}
div#forum div.listing h2{font: 16px/18px 'Open Sans', Arial; font-weight: 600; color: #ed1e79;}
div#forum div.listing div.postTools{display: inline-block; vertical-align: middle; margin: 0 0 0 10px;}
div#forum div.listing.private{background-color: #fff4d2;}
div#forum div.listing.consult{background-color: #fce7ea;}
div#forum div.listing.consult li{font: 16px/18px 'Open Sans', Arial; font-weight: 600;}
div#forum div.listing.consult a.showResp{text-decoration: none; color: inherit; display: inline-block; padding: 12px 0; font: 14px/16px 'Open Sans', Arial; font-weight: 400; pointer-events: all !important;}
div#forum a.likeBtn{display: inline-block; vertical-align: top; background-image: url(images/icon_like_default_pink.svg); background-repeat: no-repeat; background-size: cover; font-size: 0; width: 35px; height: 30px; margin: 0 10px 0 0;}
div#forum a.likeBtn.liked{background-image: url(images/icon_like_selected_pink.svg);}
div#forum a.replyBtn{display: inline-block; vertical-align: middle; background-image: url(images/icon_post_pink.svg); background-repeat: no-repeat; background-size: 25px 25px; padding: 0 0 0 30px; font: 14px/25px 'Open Sans', Arial; font-weight: 400; text-decoration: none; color: #4d4d4d; text-transform: uppercase;}
div#forum div.reply{margin: 0 0 0 23px; border-left: 1px solid gray; padding: 0 0 0 10px;}
div#forum div.reply span.when{font-weight: 400;}
div#forum div.reply a.likeBtn{width: 22px; height: 19px; margin: -6px 0 0 8px;}
div#forum div.reply a.replyBtn{width: 27px; height: 27px; background-size: contain; font-size: 0; padding: 0; margin: -6px 0 0 12px;}
div#caseBanner{position: relative; background-color: #fff; margin: 0 0 30px 0;}
div#caseBanner h3{display: inline-block; vertical-align: middle; width: 165px; font: 20px/22px 'Open Sans', Arial; font-weight: 600; font-style: italic; margin: 0; padding: 0 10px 0 20px; white-space: normal; color: #003b6f;}
div#caseBanner img.pic{display: inline-block; vertical-align: middle; margin: -10px 0 -10px 0; height: 85px;}
div#right div.PAD div#caseBanner h2{display: inline-block; vertical-align: middle; font: 15px/20px 'Open Sans', Arial; font-weight: 600; color: #60605f; margin: 0; padding: 0 0 10px 10px;}
div#caseBanner a{display: block; position: absolute; right: 110px; bottom: -12px; background-color: #003b6f; color: #fff; text-decoration: none; font: 16px/32px 'Open Sans', Arial; font-weight: 600; padding: 0 25px; border-radius: 8px;}
div#caseBanner.done img.chk{display: inline-block; vertical-align: middle; margin: 0 -16px 0 5px; width: 46px; height: 66px; float: left;}
div#caseBanner.done h3{width: 145px;}
iframe#caseFrame{position: relative; display: block; width: 946px; height: 533px; margin: -20px auto 40px auto;}
form.surveyForum{}
form.surveyForum ol{list-style: none; padding: 0; overflow: initial;}
form.surveyForum div.question{font: 16px/18px 'Open Sans', Arial; font-weight: 600; padding-bottom: 5px; color: #ed1e79;}
form.surveyForum div.questionLetter{font: 14px/16px 'Open Sans', Arial; font-weight: 600;}
form.surveyForum div.questionText{font: 14px/16px 'Open Sans', Arial; font-weight: 400;}
form.surveyForum input.toggleBtn{display:none;}
form.surveyForum div.questionRow div.promptCon input{margin: 0 0 0 10px; width: 400px;}
form.surveyForum input[type="submit"]{margin: 0 auto 20px auto; width: 60%;}
form.surveyForum.dontTouch{pointer-events: none;}
body#s15 div#right div#patientArea div.PAD.welcome{padding: 26px 0 0 20px;}
body#s15 form#surveyForm{width: 948px; margin: 0 auto;}
div#newPatientArea{position: relative; display: inline-block; vertical-align: top; width: 630px; white-space: normal;}
div#newPatientArea a.backLinkSmall{display: block; font: 18px/20px 'Open Sans', Arial; font-weight: 400; color: #fff; text-decoration: none;}
div#newPatientArea a.backLink{display: inline-block; font: 2vh 'Open Sans', Arial; font-weight: 400; color: #fff; text-decoration: none; padding: 2vh 2vw;}
div#right div#newPatientArea div.PAD{padding: 10px; overflow: hidden; color: #fff;}
div#right div#newPatientArea div.PAD h2{color: #fff; background-image: url(images/icon_questionnaire_white.svg); background-repeat: no-repeat; background-size: 35px 35px; background-position: 0 4px; padding: 0vw 0 0px 42px; min-height: 35px; max-width: 150px; white-space: normal; font: 18px/20px 'Open Sans',arial,sans-serif; font-weight: 600;}
body.l1 div#right div#newPatientArea div.PAD h2{max-width: 218px;}
div#newPatientArea p{white-space: normal; font: 14px/18px 'Open Sans',arial,sans-serif; font-weight: 400;}
div#newPatientArea p.HL{color: #fff4d2;}
div#right div#newPatientArea div.PAD.welcome{font: 16px/18px 'Open Sans', Arial; font-weight: 400; padding: 26px 0 0 0;}
div#newPatientArea div.intro a{color: #fff;}
div#newPatientArea div.intro a.okayBtn{display: inline-block; vertical-align: middle; background-color: #fff; color: #ed1e79; border-radius: 10px; font: 20px/42px 'Open Sans', Arial; font-weight: 600; text-decoration: none; padding: 0 10px 0 10px; margin: -10px 0 0 0;}
div#right div#newPatientArea div.PAD.intro > strong{display: block; font: 16px/18px 'Open Sans', Arial; font-weight: 600; margin: 10px 0;}
div#right div#newPatientArea div.PAD.intro p.qTips{background-image: url(images/icon_questionnaire_white.svg); background-size: 72px 72px; background-repeat: no-repeat; background-position: 0 0; padding: 0 0 10px 80px; margin: 0; max-width: 540px;}
div.pCatConVert{position: relative; display: block; vertical-align: top; border:2px solid #dbdbdb; border-radius: 12px; background-color: #fff; margin: 20px 0 20px 0;}
div.pCatConVert h3{font: 20px/20px 'Open Sans',arial,sans-serif; font-weight: 400; color: #003B6E; margin: 24px 0 10px 20px; border-bottom: 2px solid #003B6E; padding: 0 0 4px 0; width: 80%;}
div.pCatConVert h3 span{font: 28px/28px 'Open Sans',arial,sans-serif; font-weight: 600;}
div.pCatConVert div.count{display: inline-block; vertical-align: top; width: 100px; text-align: center; font: 14px/14px 'Open Sans',arial,sans-serif; font-weight: 600; color: #003B6E; margin: 5px 0 30px 20px;}
div.pCatConVert div.count span{display: block;font: 100px/80px 'Open Sans',arial,sans-serif; font-weight: 600; height: 89px;}
div.pCatConVert a{display: block; text-align: center; font: 12px/16px 'Open Sans',arial,sans-serif; font-weight: 400; color: #fff; text-decoration: none;}
div.pCatConVert a.addBtn{position: absolute; top: 10px; right: 20px;}
div.pCatConVert a.addBtn:hover{opacity: 1;-webkit-animation-name: bubble; -webkit-animation-timing-function: ease-out; -webkit-animation-duration: 400ms;
-moz-animation-name: bubble; -moz-animation-timing-function: ease-out; -moz-animation-duration: 400ms;
-ms-animation-name: bubble; -ms-animation-timing-function: ease-out; -ms-animation-duration: 400ms;
animation-name: bubble; animation-timing-function: ease-out; animation-duration: 400ms;}
div.pCatConVert a.addBtn img{width: 154px; height: 198px;}
div.pCatConVert a.view{display: inline-block; vertical-align: top;font: 16px/16px 'Open Sans',arial,sans-serif; font-weight: 400; margin: 2px 0 20px 24px;}
div.pCatConVert a.view img{height: 129px;}
div.pCatConVert a.view.report{display: inline-block; background-image: url(images/learning_icon.svg); background-repeat: no-repeat; background-size: 24px 27px;}
div.pCatConVert img.startArrow{height: 80px; margin: 20px 0 0 40px;}
div.pCatCon{display: inline-block; vertical-align: top;text-align: center;}
div.pCatCon div.count{text-align: center; font: 80px/78px 'Open Sans',arial,sans-serif; font-weight: 400; height: 80px;}
div.pCatCon a{display: block; text-align: center; font: 12px/16px 'Open Sans',arial,sans-serif; font-weight: 400; color: #fff; text-decoration: none;}
div.pCatCon a.addBtn{border: 1px solid #fff; border-radius: 10px; padding: 6px 10px; margin: 4px 10px;}
div.pCatCon a.addBtn span{display: block; font: 18px/18px 'Open Sans',arial,sans-serif; font-weight: 400; padding: 1px 0 2px 0;}
div.pCatCon a.view{font: 16px/16px 'Open Sans',arial,sans-serif; font-weight: 400; margin: 14px 0 0 0;}
div.pCatCon a.view.report{display: inline-block; background-image: url(images/learning_icon.svg); background-repeat: no-repeat; background-size: 24px 27px; padding: 6px 0 6px 29px;}
div#newPatientArea a.patientBtn{position: relative; display: inline-block; vertical-align: top; background-repeat: no-repeat; background-size: cover; padding: 34px 0 0 0; font: 16px/20px 'Open Sans',arial,sans-serif; text-align: center; width: 160px; height: 126px;color: #003B6E; cursor: pointer; margin: 20px 20px 20px 0; text-decoration: none;}
div#newPatientArea a.patientBtn span{color: #003B6E; font: 38px/20px 'Open Sans', Arial; font-weight: bold; display: block; margin: 5px 0px; text-transform: uppercase;}
div#newPatientArea a.patientBtn:hover{opacity:0.8}
div#newPatientArea a.patientBtn.p25{background-image: url(images/icon_donut_25_blue.svg);}
div#newPatientArea a.patientBtn.p50{background-image: url(images/icon_donut_50_blue.svg);}
div#newPatientArea a.patientBtn.p75{background-image:url(images/icon_donut_75_blue.svg);}
div#newPatientArea a.patientBtn.p100{background-image:url(images/icon_donut_100_blue.svg);}
div#newPatientArea div.qViewInfo{position: absolute; left: 26vh; font: 2vh 'Open Sans', Arial; font-weight: 400; color: #003B6E; margin: 0; padding: 2vh 2vw 0 2vw;}
body.l1 div#newPatientArea div.qViewInfo{left: 32vh;}
div#newPatientArea div.qViewInfo a.shareLink{position: relative; display: inline-block; vertical-align: top; width: 7vh; height: 5vh; background-image: url(images/icon_share_white.svg); background-position: 0 0; background-size: contain; background-repeat: no-repeat; margin: -0.8vh 0 0 1vh; font-size: 0; text-decoration: none;}
body.l1 div#newPatientArea div.qViewInfo a.shareLink{background-image: url(images/icon_share_white-fr.svg);}
div#newPatientArea div.qViewInfo a.shareLink.HL span{opacity: 1; left: 8vh; top: 0;}
div#newPatientArea div.qViewInfo a.shareLink span{position: absolute; top: 15px; left: 42px; opacity: 0; font-size: 12px; color: #003B6E; transition: 300ms ease-in-out;}
a.patientBtn div.chk1{position: absolute; bottom: 0; left: 0; background-image: url(images/icon_correct_green.svg); width: 20px; height: 20px; background-repeat: no-repeat; background-size: contain; background-position: bottom center;}
a.patientBtn div.chk2{position: absolute; bottom: 0; left: 24px; background-image: url(images/icon_correct_blue.svg); width: 20px; height: 20px; background-repeat: no-repeat; background-size: contain; background-position: bottom center;}
div#newPatientArea h3{font: 20px/20px 'Open Sans',arial,sans-serif; font-weight: 400; color: #003B6E; margin: 24px 0 10px 20px; border-bottom: 2px solid #003B6E; padding: 0 0 4px 0; width: 80%;}
div#newPatientArea h3 span{font: 28px/28px 'Open Sans',arial,sans-serif; font-weight: 600;}
body.l1 div#newPatientArea h3{font: 16px/20px 'Open Sans',arial,sans-serif; font-weight: 400;}
body.l1 div#newPatientArea h3 span{font: 24px/24px 'Open Sans',arial,sans-serif; font-weight: 600;}
body#s5 div#right div#newPatientArea.allDocs div.PAD{text-align: center; white-space: normal;}
body#s10 div#right div#newPatientArea.allDocs div.PAD{text-align: center; white-space: normal;}
div#PODmenu{text-align: center; margin: 10px 0 10px 0;}
div#newPatientArea a.podLeaderViewBtn{display: inline-block; vertical-align: middle; background-color: #fff; color: #ed1e79; border-radius: 10px; font: 20px/42px 'Open Sans', Arial; font-weight: 600; text-decoration: none; padding: 0 50px 0 20px; background-image: url(images/icon_shuffle_pink.svg); background-repeat: no-repeat; background-position: 214px 6px; background-size: 30px 30px; min-width: 182px;}
body.l1 div#newPatientArea a.podLeaderViewBtn{background-position: 278px 6px; min-width: 247px;}
div.viewDocName{display: inline-block; vertical-align: middle; text-transform: uppercase; font: 26px/26px 'Open Sans',arial,sans-serif; font-weight: 600; padding: 0 0 0 14px;}
div#right div#newPatientArea.allDocs a.view.report{display: inline-block; font: 16px/16px 'Open Sans',arial,sans-serif; font-weight: 400; margin: 14px 0 0 0; background-image: url(images/learning_icon.svg); background-repeat: no-repeat; background-size: 24px 27px; padding: 6px 0 6px 29px;text-align: center; color: #003B6E; text-decoration: none; margin-bottom: 30px;}
div#allDocsCon{display: inline-block; vertical-align: top; width: 800px; margin: 0 0 20px -10px;}
div.podDocCon{display: inline-block; border: 1px solid #fff; border-radius: 12px; margin: 10px; text-align: center; width: 30%; cursor: pointer;}
div.podDocCon div.count{text-align: center; font: 80px/78px 'Open Sans',arial,sans-serif; font-weight: 400; height: 80px;}
div.podDocCon div.totals{font: 16px/16px 'Open Sans',arial,sans-serif; font-weight: 400; margin: 0;}
div.podDocCon div.name{font: 20px/20px 'Open Sans',arial,sans-serif; font-weight: 400; margin: 14px 0 14px 0; text-transform: uppercase;}
div.podDocCon div.name span{display: block; font: 26px/26px 'Open Sans',arial,sans-serif; font-weight: 400; margin: 4px 0 0 0;}
div#right div#newPatientArea div.PAD h2.viewDocCatTitle{display: inline-block; font: 400 26px / 26px "Open Sans", arial, sans-serif; background-size: 27px 27px; padding: 3px 0px 0px 30px; margin: 10px 0 0 0; max-width: none;}
body.l1 div#right div#newPatientArea div.PAD h2.viewDocCatTitle{max-width: none;}
div#allTotalsCon{display: inline-block; vertical-align: top; width: 148px;}
div.totalBox{border: 1px solid rgb(255, 255, 255); border-radius: 12px; padding: 18px 0px; margin: 10px 0 20px 0; text-align: center; font: 400 13px / 20px "Open Sans", arial, sans-serif; text-transform: uppercase; cursor: pointer;}
div.totalBox div.total{text-align: center; font: 400 65px / 65px "Open Sans", arial, sans-serif; padding: 0;}
div#podTools{position: relative; height: 50px; margin: 10px 0 10px 0;}
div#POD{display: inline-block; vertical-align: top; width: 72px; height: 59px; background-image: url(images/icon_pod_gradient.svg); background-size: 71px 53px; background-repeat: no-repeat; background-position: -4px -4px;}
div#leaders{display: inline-block; vertical-align: top;}
div#leaders div.img{position: relative; display: inline-block; vertical-align: top; width: 42px; height: 42px; background-size: 42px auto; background-repeat: no-repeat; background-position: center; border: 1px solid #4d4d4d; border-radius: 5px; z-index: 5; display: none;}
div#leaders div.img.l2{margin-left: -1px;}
div#leaders div.names{position: relative;display: inline-block; vertical-align: top; font: 13px/16px 'Open Sans', Arial; font-weight: 600; width: 160px; height: 37px; border: 1px solid #4d4d4d; background-color: #ebebec; border-radius: 5px; margin-left: -5px; padding: 5px 20px 0px 10px; z-index: 2;}
div#leaders div.names.leaders{font: 22px/33px 'Open Sans', Arial; font-weight: 600; width: 289px; margin-left: 0px; text-align: center;}
div#leaders a#membersDropBtn{position: relative;display: inline-block; vertical-align: top; font: 13px/16px 'Open Sans', Arial; font-weight: 600; width: 50px; height: 42px; border: 1px solid #4d4d4d; background-color: #4d4d4d; border-radius: 5px; margin-left: -5px; padding: 0; z-index: 1; cursor: pointer; background-image: url(images/icon_down-arrow_gray.svg); background-size: 20px 14px; background-repeat: no-repeat; background-position: center;}
div#leaders a#podSwitch{display: inline-block; vertical-align: top; width: 48px; height: 44px; background-image: url(images/icon_move_gray.svg); background-size: 48px 42px; background-repeat: no-repeat; background-position: 0px 1px; text-decoration: none; margin: 0 0 0 10px;}
div#membersDrop.hidden{display: none;}
div#membersDrop{position: absolute; top: 42px; left: 0px; border: 1px solid #666; background-color: #ebebec; border-radius: 5px; width: 376px; z-index: 100;}
div#membersDrop div.name{font: 14px/14px 'Open Sans', Arial; font-weight: 400; padding: 10px 20px;}
div#rightColumn{position: relative; display: inline-block; vertical-align: top; width: 294px; margin-left: 20px;}
body#s10 div#rightColumn{margin-top: -342px;}
body#s10.l1 div#rightColumn{margin-top: -397px;}
div#promoBox{position: relative; border-radius: 12px; background-color: #fff; overflow: hidden; padding: 0px; margin: 0 0 20px 0;}
div#promoBox img{display: block; max-width: 100%;}
a#patientsCTA{display: block; background-image: url(images/icon_questionnaire_white.svg), url(images/bg.jpg); background-size: 30px 30px, cover; background-repeat: no-repeat; background-position: 10px 8px, 0 0; font: 11px/13px 'Open Sans', Arial; font-weight: 400; color: #fff; text-decoration: none; padding: 7px 10px 10px 47px; border-radius: 10px; margin: 0 0 10px 0;}
a#patientsCTA strong{display: block; font: 16px/16px 'Open Sans', Arial; font-weight: 600; padding: 0 0 2px 0;}
div#resources{position: relative; white-space: normal; border: 1px solid #adadad; border-radius: 12px; background-color: #ebebec; padding: 0 0 20px 0; margin-bottom: 20px; overflow: hidden;}
div#right div#resources h2{font: 18px/64px 'Open Sans',arial,sans-serif; font-weight: 600; background-image: url(images/icon_resources_white.svg), url(images/bg.jpg); background-size: 25px 30px, cover; background-repeat: no-repeat; background-position: 16px 17px, 0 0; padding: 0 0 0 48px; margin: 0 0 20px 0; color: #fff;}
body.l1 div#right div#resources h2{font: 16px/64px 'Open Sans',arial,sans-serif; font-weight: 600;}
div#resources a.upload{position: absolute; top: 12px; right: 12px; display: block; font: 16px/40px 'Open Sans',arial,sans-serif; font-weight: 600; background-image: url(images/icon_upload_white.svg); background-size: 26px 28px; background-repeat: no-repeat; background-position: 9px 5px; padding: 0px 6px 0 40px; text-decoration: none; color: #fff; border: 1px solid #adadad; border-radius: 12px;}
body.l1 div#resources a.upload{font: 12px/40px 'Open Sans',arial,sans-serif; font-weight: 600;}
div#resources a.file{display: block; padding: 0 0 0 0; margin: 0 20px 20px 20px; text-decoration: none; color: #4d4d4d; font-size: 12px; line-height: 14px; text-align: left; clear: both;}
div#resources a.file img{display: block; float: left; width: 40%; height: auto; box-shadow: 4px 4px 14px -7px #333; margin: 0px 10px 20px 0;}
div#resources a.link{display: block; padding: 0 0 0 0; margin: 0 20px 20px 20px; text-decoration: none; color: #4d4d4d; font-size: 12px; line-height: 14px; text-align: left; clear: both;}
div#resources a.link img{display: block; width: 100%; height: auto; box-shadow: 4px 4px 14px -7px #333; margin: 0px 0px 8px 0;}
div#resources a.vimeo{display: block; padding: 0 0 0 0; margin: 0 20px 20px 20px; text-decoration: none; color: #4d4d4d; font-size: 12px; line-height: 14px; text-align: left; clear: both;}
div#resources a.vimeo img{display: block; width: 100%; height: auto; box-shadow: 4px 4px 14px -7px #333; margin: 0px 0px 8px 0;}
a.viewMore{display: block; font: 12px/14px 'Open Sans',arial,sans-serif; font-weight: 600; text-decoration: none; color: #003b6f; float: right; margin-right: 20px;}
body#s11 div#patientArea p{max-width: 600px; margin: 10px 0 20px 0;}
body#s11 div#rightColumn{margin-top: -44px;}
body#s11.l1 div#rightColumn{margin-top: -60px;}
div#right div.PAD.resourceArea{display: table; min-height: 69vh; padding: 0; margin: 0 auto;}
div#resourcesMenu{display: table-cell; vertical-align: top; width: 200px; background-color: #003b6f;}
div#resourcesMenu hr{margin: 40px 0 0 0; border: 0; height: 0; border-bottom: 1px solid #fff;}
div#resourcesMenu a{color: #fff; text-decoration: none; border-bottom: 1px solid #fff; font: 20px/24px 'Open Sans',arial,sans-serif; font-weight: 400; display: block; padding: 15px 10px 15px 20px; text-transform: uppercase;}
div#resourcesMenu a.HL{background-color: #00315c;}
div#resourceList{display: table-cell; vertical-align: top; width: 430px;}
div#resourceList hr{margin: 40px 0 0 0; border: 0; height: 0;}
div#resourceList a.file{display: block; padding: 0 0 0 0; margin: 0 0 20px 20px; text-decoration: none; color: #4d4d4d; font-size: 20px; line-height: 22px; text-align: left; clear: both;}
div#resourceList a.file img{display: block; float: left; width: 100px; height: auto; box-shadow: 4px 4px 14px -7px #333; margin: -10px 20px 30px 0;}
div#resourceList a.link{display: block; padding: 0 0 0 0; margin: 0 0 20px 20px; text-decoration: none; color: #4d4d4d; font-size: 14px; line-height: 18px; text-align: left; clear: both;}
div#resourceList a.link img{display: block; float: left; width: 150px; height: auto; box-shadow: 4px 4px 14px -7px #333; margin: 0px 20px 20px 0;}
div#resourceList a.vimeo{display: block; padding: 0 0 0 0; margin: 0 0 20px 20px; text-decoration: none; color: #4d4d4d; font-size: 14px; line-height: 18px; text-align: left; clear: both;}
div#resourceList a.vimeo img{display: block; float: left; width: 150px; height: auto; box-shadow: 4px 4px 14px -7px #333; margin: 0px 20px 20px 0;}
div#newPatientArea.resources{padding-top: 23px;}
div#newPatientArea.resources div.success{font: 20px/42px 'Open Sans', Arial; font-weight: 600; color: #eb2775;}
div#right div#patientArea div.PAD.resources h1{background-image: url(images/icon_resources_white.svg); background-size: 36px 38px; background-repeat: no-repeat; background-position: 0 0; padding: 0px 6px 0 39px; color: #fff; font: 30px/40px 'Open Sans',arial,sans-serif; font-weight: 600; margin: 30px 0 0 0;}
div#right div#patientArea div.PAD.resources h1 a.upload{display: inline-block; vertical-align: top; font: 16px/40px 'Open Sans',arial,sans-serif; font-weight: 600; background-image: url(images/icon_upload_white.svg); background-size: 26px 28px; background-repeat: no-repeat; background-position: 9px 5px; padding: 0px 6px 0 40px; text-decoration: none; color: #fff; border: 1px solid #adadad; border-radius: 12px; margin: 0 0 0 40px;}
div#right div.PAD div#newPatientArea.resources h2{color: #003B6E; font: 22px/24px 'Open Sans',arial,sans-serif; font-weight: 600; margin: 30px 0 10px 0;}
div#right div#newPatientArea.resources a.link{display: block; font: 14px/16px 'Open Sans',arial,sans-serif; font-weight: 400; background-image: url(images/icon_new_window_gray.svg); background-size: 28px 40px; background-repeat: no-repeat; background-position: left -4px; padding: 3px 0 0 35px; margin: 0px 0 20px 0; text-decoration: none; color: #4d4d4d; min-height: 36px;}
div#right div#newPatientArea.resources a.pdf{display: block; font: 14px/16px 'Open Sans',arial,sans-serif; font-weight: 400; background-image: url(images/icon_pdf_gray.svg); background-size: 28px auto; background-repeat: no-repeat; background-position: left 0px; padding: 3px 0 0 35px; margin: 0px 0 20px 0; text-decoration: none; color: #4d4d4d; min-height: 36px; overflow-x: hidden;}
div#right div#newPatientArea.resources a.vimeo{display: block; font: 14px/16px 'Open Sans',arial,sans-serif; font-weight: 400; background-image: url(images/icon_video_gray.svg); background-size: 28px auto; background-repeat: no-repeat; background-position: left 0px; padding: 3px 0 0 35px; margin: 0px 0 20px 0; text-decoration: none; color: #4d4d4d; min-height: 36px;}
div#right.members div#patientArea{min-height: 48px;}
div#right.members div#patientArea div.PAD h2{font: 31px/48px 'Open Sans',arial,sans-serif; font-weight: 600; background-image: url(images/icon_member_white.svg); background-repeat: no-repeat; background-size: 3vh 4.7vh; padding: 0 0 0 4.5vh; color: #fff; text-transform: uppercase;}
div.member{position: relative; background-color: #fff; border-radius: 20px; margin: 0 10% 50px 0%; padding: 20px;}
div.member div.left{display: inline-block; vertical-align: top; width: 30%;}
div.member div.left div.pic{background-color: #003B6E; border-radius: 50%; height: 87px; width: 120px; margin: -40px 0 25px; 0; text-align: center; color: #fff; padding: 33px 0 0 0; font: 52px/52px 'Open Sans',arial,sans-serif; font-weight: 600;margin-left:20%;}
div.member div.left div.pic.img{font-size: 0; background-position: center; background-size: cover; background-repeat: no-repeat;}
div.member div.left div.location{/*background-image: url(images/icon_location_grey.svg);*/ background-repeat: no-repeat; background-size: 15px 28px; /*padding:7px 0 0 25px;*/ font: 14px/16px 'Open Sans',arial,sans-serif; font-weight: 400; width:80%; border:0px solid; text-align: center;min-height: 32px;}
div.member div.right{display: inline-block; vertical-align: top; max-width: 75%;}
div.member div.right h3{font: 24px/24px 'Open Sans',arial,sans-serif; font-weight: 600; margin: 0 0 0px 0; color: #003B6E;}
div.member div.right p{margin: 20px 0 0 0;}
form#accountForm{position: relative; width: 480px;}
form#accountForm fieldset{border: 0;}
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 'Open Sans',arial,sans-serif; font-weight: 400;}
form#accountForm ol{color: #4d4d4d; font: 14px/18px 'Open Sans',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 p{font: 16px/18px 'Open Sans', Arial; font-weight: 400;}
form#accountForm input[type="submit"]{width: 98%; margin: 0 0 20px 0;border: 1px solid #d62677; background-color: #d62677;}
form#accountForm label[for="HCP"]{display: inline-block; vertical-align: top; padding: 0px 0px 0 50px; background-image:url(images/check0.svg);background-size:40px 40px;background-repeat:no-repeat;background-position:0px 0px;margin:0px 0px 15px 0px; min-height: 40px; line-height: 20px; cursor: pointer; width: 400px; font: 18px/22px 'Open Sans', Arial;}
form#accountForm label[for="HCP"].HL{background-image:url(images/check1.svg);}
form#accountForm label[for="terms"]{display: inline-block; vertical-align: top; padding: 10px 0px 0 50px; background-image:url(images/check0.svg);background-size:40px 40px;background-repeat:no-repeat;background-position:0px 0px;margin:0px 0px 15px 0px; min-height: 30px; line-height: 20px; cursor: pointer; width: 400px; font: 18px/22px 'Open Sans', Arial;}
form#accountForm label[for="terms"].HL{background-image:url(images/check1.svg);}
form#accountForm input.toggleBtn{display:none;}
form#accountForm textarea{color: #222; border: 1px solid #bbb; font: 16px/16px 'Open Sans', Arial; line-height: 16px; border-radius: 0px; margin: 0px 0px 10px 0px; padding: 10px 10px; background-color: #ffffff; width: 93%;}
form#accountForm label[for="fileToUpload"]{font: 16px/16px 'Open Sans', Arial; margin: 0 10px 10px 0;}
form#accountForm div#imgFeedBack{margin: 10px 0 10px 0;}
form#accountForm div#imgFeedBack img{display: block; max-width: 100%; height: auto;}
form#surveyForm{width: 99%; white-space: normal; padding: 0 0 2vw 0; color:#60605f;}
form#surveyForm div.warning{padding: 2vw 2vw 0 2vw;}
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; padding: 0 0 1vw 1vw;}
form#surveyForm div.sectionContent ol li.dontShow{display: none;}
form#surveyForm.dontTouch input, form#surveyForm.dontTouch select, form#surveyForm.dontTouch textarea, form#surveyForm.dontTouch label{pointer-events: none;}
form#surveyForm input.toggleBtn{display:none;}
div#pageScroll{min-height: 78vh;}
div#botBar p{font: 14px/16px 'Open Sans', Arial; font-weight: 400; padding: 0 0 0 1vw;}
form#surveyForm div#botBar.outcomesEdit input{display: inline-block;pointer-events: all;}
div.standAloneTitle{font: 20px/26px 'Open Sans'; font-weight: 400; margin: 20px 0 0 -1vw; max-width: 800px;}
div.midQuestionTitle{font: 18px/20px 'Open Sans', Arial; font-weight: 600; padding: 0.5vw 0 0.5vw 0.4vw;}
div.questionTable{white-space: nowrap;}
div.questionTable.hidden{display: none;}
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: 10px;}
div.questionRow label.HL{background-color: #fff !important;}
div.questionRow label.disabled{pointer-events: none; opacity: 0.5;}
div.questionLetter{display: inline-block; vertical-align: top; padding: 0;font: 18px/20px 'Open Sans', Arial; font-weight: 600; color: #60605f; width: 20px; text-align: center;}
div.questionText{display: inline-block; vertical-align: top; white-space: normal; font: 18px/20px 'Open Sans', Arial; font-weight: 400; color: #60605f; padding: 0 10px 0 5px;}
div.questionRow:hover label{background-color: #ccc;}
div.questionRow:hover div.questionText, div.questionRow label.HL div.questionText{}
div.questionRow:hover div.questionLetter, div.questionRow label.HL div.questionLetter{}
div.questionTable textarea{width: 600px; height: 80px;}
div#rightColumn form.surveyForum{background-color: #003B6E; border-radius: 12px; padding: 10px 20px; color: #fff; white-space: normal; margin: 0 0 20px 0;}
div#right div.PAD div#rightColumn h2#polling{display: block; background-image: url(images/icon_questionnaire_white.svg); background-size: 25px 25px; background-repeat: no-repeat; background-position: 0 0; font: 14px/27px 'Open Sans', Arial; font-weight: 600; color: #fff;
text-decoration: none; padding: 0px 0 0 33px; margin: 0 0 10px 0;}
div#rightColumn form.surveyForum div.question{font: 14px/16px 'Open Sans', Arial; font-weight: 400;}
div#rightColumn form.surveyForum div.questionRow{margin: 0 0 4px 0vw;}
div#rightColumn form.surveyForum div.questionText{color: #fff;padding: 0 10px 0 2px;}
div#rightColumn form.surveyForum div.questionLetter{color: #fff;}
div#rightColumn form.surveyForum div.questionRow label.HL{background-color: #427bad !important;}
div#rightColumn form.surveyForum div.questionRow:hover label{background-color: #265e8f;}
div#rightColumn form.surveyForum div.promptCon.toggled{display: block;}
div#rightColumn form.surveyForum div.promptCon.toggled.disabled.hidden{display: none;}
div#rightColumn form.surveyForum div.promptCon.toggled input{display: block; max-width: 220px;}
div#pollingResults{background-color: #ddd; border-radius: 12px; border: 1px solid #adadad; padding: 10px; margin: 0 0 20px 0;}
div#right div.PAD div#pollingResults h2{background-image: url(images/icon_data_grey.svg); background-size: 35px 26px; background-repeat: no-repeat; background-position: 0 0; font: 16px/16px 'Open Sans', Arial; font-weight: 600; padding: 10px 0 3px 40px; margin: 0px 0 10px 0;}
div#pollingResults p{font: 12px/14px 'Open Sans', Arial; font-weight: 400; white-space: normal; margin: 0;}
div#pollingResults div.feedGraph{width:270px;height:200px;}
div#pollingResults ol#qFeedback{font: 12px/14px 'Open Sans',arial,sans-serif; font-weight: 400; list-style-type: none; margin: 10px 0 0 0; padding: 0 0 0 20px; white-space: normal;}
label#q11a11 div.questionLetter{display: none;}
label#q11a11 div.questionText{font-weight: 600;}
label#q12a11 div.questionLetter{display: none;}
label#q12a11 div.questionText{font-weight: 600;}
form#surveyForm div.question{font: 18px/20px 'Open Sans'; font-weight: 600; padding: 0.5vw 0 0.5vw 0;}
form#surveyForm div.question span{display: block; font: 14px/16px 'Open Sans'; font-weight: 400;}
form#surveyForm div.question sub{display: block; font: 12px/16px 'Open Sans';}
form#surveyForm select{width: 500px;}
form#surveyForm input[type="submit"]{display: block; background-color: #fff; font: 18px/36px 'Open Sans',arial,sans-serif; font-weight: 600; color: #2a4754; border: 1px solid #2a4754; border-radius: 10px; padding: 0px 20px 0px 20px; width: auto; margin: 0 1vw 1vw 1vw;}
form#surveyForm input[type="number"]{display: block; font: 16px 'Open Sans', Arial; line-height: 32px; width: 92px;}
select.inRow{display: inline;}
form#surveyForm select.ident{width: 50px; padding: 0 2px; margin-right: 10px;}
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 'Open Sans'; padding: 15px 0 10px 0;}
form#surveyForm li.displayType1 div.questionText{font: 14px/18px 'Open Sans';}
li.displayType2{margin-top: 10px;}
div.third{display: inline-block; vertical-align: top; width: 300px;}
div.third.head{background-color: #ccc; text-align: center; padding: 5px 0; font-size: 14px; font-weight: 600; margin-bottom: 10px;}
div.third.answerTitle{position: relative; font-size: 14px; padding: 8px 5px; width: 258px;}
div.third.answerTitle input[type="text"]{position: absolute; top: 0; right: -66px; color: #7f7f7f; border: 1px solid #808184; font: 14px/34px 'Open Sans',arial,sans-serif; line-height: 34px; border-radius: 0px; margin: 0; padding: 0px 15px; height: 34px; background-color: #ffffff; width: 175px;}
form#surveyForm div.third.drop select{display: block; font-size: 14px; width: 160px; margin: 0 auto 10px auto; height: 38px;}
form#surveyForm div.third input[type="number"]{display: block; font-size: 14px; width: 98px; margin: 0 auto 10px auto; height: 32px;}
div.twoCol{display: inline-block; vertical-align: top; width: 268px;}
div.twoCol.head{background-color: #ccc; text-align: center; padding: 5px 5px; font-size: 14px; font-weight: 600; white-space: normal; height: auto; margin-bottom: 10px; width: 258px;}
div.twoCol.head.left{text-align: left;}
div.twoCol.answerTitle{position: relative; font-size: 14px; padding: 8px 5px; width: 258px;}
div.twoCol.answerTitle input[type="text"]{position: absolute; top: 0; right: -66px; color: #7f7f7f; border: 1px solid #808184; font: 14px/34px 'Open Sans',arial,sans-serif; line-height: 34px; border-radius: 0px; margin: 0; padding: 0px 15px; height: 34px; background-color: #ffffff; width: 175px;}
form#surveyForm div.twoCol input[type="number"]{display: block; font-size: 14px; width: 98px; margin: 0 auto 10px auto; height: 32px;}
div.footNote{font: 12px/14px 'Open Sans', Arial; font-weight: 400;}
div.miceType{font: 12px/14px 'Open Sans', Arial; font-weight: 400;}
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.rankNum{position: absolute; display: none;top: 3px; left: -18px; font: 1.3vw/1.3vw 'Open Sans', Arial; color: #6b1913; font-weight: bold;-webkit-animation-name: scrollIn1; -webkit-animation-timing-function: ease-out; -webkit-animation-duration: 100ms;
-moz-animation-name: scrollIn1; -moz-animation-timing-function: ease-out; -moz-animation-duration: 100ms;
-ms-animation-name: scrollIn1; -ms-animation-timing-function: ease-out; -ms-animation-duration: 100ms;
animation-name: scrollIn1; animation-timing-function: ease-out; animation-duration: 100ms;}
div.rankNum.shown{display: block;}
div.promptCon{display: block; -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.promptCon input{width: 27.85vw; margin: 0.5vw 0px 0.5vw 0px;}
div.questionRow div.promptCon input{margin: 0.5vw 0px 0.5vw 1vw;}
div.toggledQuestion{padding: 0 0 30px 2vw; margin: -1.5vw 0 0.8vw 0; -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.toggledQuestion.hidden{display: none;}
form#surveyForm div.toggledQuestion div.question{padding: 10px 0 10px 0;}
div.capsule{white-space: normal; max-width: 1020px;background-color: #fff; border: 1px solid #666; margin: 0 0 40px 0; max-height: 44px; overflow: hidden; transition: 500ms ease-in-out;}
div.capsuleBtn{position: relative; background-position: 10px 10px; background-repeat: no-repeat; background-size: 50px 50px; padding: 10px 0 10px 18px; font: 22px/22px 'Open Sans',arial,sans-serif; font-weight: 600; color: #970bb4; cursor: pointer; height: 30px;}
div.capsule div.capsuleBtn span{position: absolute; top: 25px; right: 20px; z-index: 100; font: 32px/15px 'Open Sans',arial,sans-serif; font-weight: 600;}
div.capsule > div.capsuleBtn span.open{display: none;}
div.capsule.open > div.capsuleBtn span.closed{display: none;}
div.capsule.open > div.capsuleBtn span.open{display: block;}
div.capsule.shown{max-height: 5000px;}
div.capsule img{display: block; margin: 20px 20px 0 20px;}
div.capsule div.ref{font: 12px/14px 'Open Sans', Arial; font-weight: 400;padding: 10px 20px 10px 20px;white-space: normal;}
div.capsule ul{font: 16px/20px 'Open Sans', Arial; font-weight: 400; margin: 0 40px 0 10px;}
div.capsule p{font: 16px/20px 'Open Sans',arial,sans-serif; font-weight: 400; padding: 0 20px 0 20px;}
div#learningPrompt{white-space: nowrap;}
div.YCP{display: inline-block; vertical-align: top; width: 42%; margin: 0 20px 0 0; font: 16px/20px 'Open Sans',arial,sans-serif; font-weight: 400; padding: 20px;white-space: normal;}
div.YCP h2{font: 24px/24px 'Open Sans',arial,sans-serif; font-weight: 600; text-align: center;}
div.capsule div.YCPright{display: inline-block; vertical-align: top; width: 47%;}
div.capsule div.YCPright img{display: block;width: 100%; margin: 20px 0 0 0;}
div.capsule div.YCPright div.ref{padding: 10px 20px 10px 0px;}
div.capsule div.YCP ul{margin: 0; padding: 0 0 0 24px;}
form#evaluationForm{width: 500px; margin: 20px auto 120px auto;}
form#evaluationForm h2{color: #4d4d4d; font: 34px/36px 'Open Sans',arial,sans-serif; font-weight: 400; margin: 10px 0 20px 0;}
fieldset.singles{border: 0; padding: 0; margin: 0;}
fieldset.singles div.question{color: #4d4d4d; font: 20px/22px 'Open Sans',arial,sans-serif; font-weight: 400; padding: 0 0 5px 0; white-space: normal;}
fieldset.singles select{margin: 0 0 30px 0;}
div.collapseBox{background-color: #fff; border: 1px solid #666; margin: 0 0 40px 0; max-height: 72px; overflow: hidden; transition: 500ms ease-in-out;}
div.collapseBox.open{max-height: 5000px;}
div.collapseBox div.toggleBtn{position: relative; background-image: url(images/icon_resources_blue.svg); background-position: 10px 10px; background-repeat: no-repeat; background-size: 50px 50px; padding: 25px 0 25px 70px; font: 22px/22px 'Open Sans',arial,sans-serif; font-weight: 600; color: #4d4d4d; cursor: pointer;}
div.collapseBox div.toggleBtn.wrapped{padding: 14px 0 13px 90px !important;}
div.collapseBox div.toggleBtn span{position: absolute; top: 25px; right: 20px; z-index: 100; font: 32px/15px 'Open Sans',arial,sans-serif; font-weight: 600;}
div.collapseBox > div.toggleBtn span.open{display: none;}
div.collapseBox.open > div.toggleBtn span.closed{display: none;}
div.collapseBox.open > div.toggleBtn span.open{display: block;}
div.resource{font: 16px/18px 'Open Sans',arial,sans-serif; font-weight: 400; padding: 10px 10px 10px 70px; color: #4d4d4d; border-top: 1px solid #666;}
div.resource a{color: #4d4d4d; font-weight: 600;}
div.collapseBox img.logo {width: 250px; margin: 10px 10px 10px 0px;}
div.collapseBox.sub{border-left: 0; border-right: 0; border-bottom: 0; margin: 0;background-color: #f3f3f3;}
div.collapseBox.sub div.toggleBtn{background-image: none; font: 20px/22px 'Open Sans',arial,sans-serif; font-weight: 600; padding: 25px 0 25px 90px; background-color: #e2e2e2;}
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 #4d4d4d; background-color: #4d4d4d; font: 22px/22px 'Open Sans', Arial; font-weight: 700; color: #ffffff; text-align: center; vertical-align: top; width: 100%; padding: 0 40px; height: 40px; text-transform: uppercase; border-radius: 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 'Open Sans', Arial; line-height: 16px; border-radius: 0px; margin: 0px 0px 10px 0px; padding: 0px 10px; height: 36px; background-color: #ffffff; width: 93%;}
input[type="radio"]{display: inline-block; vertical-align: middle; width: 30px; height: 30px; margin: 0 10px 0 0; cursor: pointer;}
select{color: #222; border: 1px solid #bbb; font: 16px 'Open Sans', Arial; line-height: 38px; border-radius: 0px; margin: 0px 0px 10px 0px; padding: 0px 10px; height: 38px; width: 100%; background-color: #fff;}
div.note{color: #222; font-size: 12px; line-height: 14px; text-align: left; padding: 0px 20px 20px 2px; margin-top: -6px;}
div#thanks{}
div#footerSpace{height: 92px;}
div#footer{position: absolute; width: 100%; bottom: 0;margin: 0; padding: 1px; text-align: left; font-size: 13px; line-height: 14px; color: #fff; background-color: #60605f; z-index: 500;}
body.l1 div#footer{font-size: 12px;}
div#footer img.logo{display: inline-block; vertical-align: middle; width: 165px; height: 50px; margin: 20px;}
div#footer p{padding: 0 20px;}
div#footer div.menu{padding: 0; display: inline-block; vertical-align: middle;}
div#footer div.menu > div{display: table;}
div#footer div.menu > div > div{display: table-row;}
div#footer div.menu p{display: inline-block; margin: 0;}
div#footer div.menu a{color: #fff; text-decoration: none; display: table-cell; vertical-align: top; padding: 10px 20px 8px 0;}
div#footer div.menu a.HL{font-weight: 600;}
body#s0 div#footer{position: relative; white-space: normal; margin: 0px auto 20px auto; color: #fff; max-width: 900px; background-color: transparent;}
body#s0 div#footer a{color: #fff;}
body#s0 div#footer img.logo{display: none;}
body#s0 div#footer div.menu{display: none;}
body#s6 div#footer{position: relative; bottom: unset; width: auto;}
body#s6 div#footerSpace{display: none;}
div#footer div.miceType.home{font: 12px/14px 'Open Sans', Arial; font-weight: 400; width: 800px; margin: 0 auto;}
a.info.proPortal{display: block; margin: auto; width: fit-content; text-decoration: none;}
form#askForm{display:block;margin-top:15vh;margin-right:auto;margin-left:auto;width:800px;position:relative;border:1px solid #fff;color:#fff; background-color: #fff; background-image: url(images/bg.jpg); background-size: cover;padding:30px 15px;}
form#askForm div.closeBtn{position:absolute;top:-6px;right:-4px;width:24px;height:24px;cursor:pointer;text-align:center;background-color: #fff;line-height:26px;color:#4d4d4d;font:17px 'Open Sans';}
form#askForm h3{margin: 0 0 10px 0; font: 20px/20px 'Open Sans',arial,sans-serif; font-weight: 600;}
form#askForm p{font: 14px/16px 'Open Sans',arial,sans-serif; font-weight: 400; margin: 0px 0px 0px 0px;}
form#askForm textarea{width: 778px;}
form#askForm input[type="text"]{width: 768px;margin-top:10px;}
form#askForm fieldset{border: 0; margin: 0 0 10px 0;}
form#askForm label{vertical-align: middle; font: 16px/30px 'Open Sans', Arial; font-weight: 400; margin: 0 60px 0 0;}
form#askForm input[type="submit"]{float: right;width: auto;}
form#askForm input[type="submit"]:hover {opacity: 1;}
form#askForm div.warning{color: #ffd000;}
form#askForm fieldset div.miceType{display: inline-block; vertical-align: middle; width: 400px; font: 14px/16px 'Open Sans', Arial; font-weight: 400; color: #fff4d2;}
form#replyForm{display:block;margin-top:15vh;margin-right:auto;margin-left:auto;width:800px;position:relative;border:1px solid #fff;color:#fff; background-color: #fff; background-image: url(images/bg.jpg); background-size: cover;padding:30px 15px;}
form#replyForm div.closeBtn{position:absolute;top:-6px;right:-4px;width:24px;height:24px;cursor:pointer;text-align:center;background-color: #fff;line-height:26px;color:#4d4d4d;font:17px 'Open Sans';}
form#replyForm h3{margin: 0 0 10px 0; font: 22px/22px 'Open Sans',arial,sans-serif; font-weight: 600;}
form#replyForm textarea{width: 778px;}
form#replyForm input[type="text"]{width: 768px;margin-top:10px;}
form#replyForm input[type="submit"]{float: right;width: auto;}
form#replyForm input[type="submit"]:hover {opacity: 1;}
form#replyForm div.warning{color: #ffd000;}
form#uploadForm{display:block;margin-top:15vh;margin-right:auto;margin-left:auto;width:800px;position:relative;border:1px solid #fff;color:#fff; background-color: #fff; background-image: url(images/bg.jpg); background-size: cover;padding:30px 15px;}
form#uploadForm div.closeBtn{position:absolute;top:-6px;right:-4px;width:24px;height:24px;cursor:pointer;text-align:center;background-color: #fff;line-height:26px;color:#4d4d4d;font:17px 'Open Sans';}
form#uploadForm h3{margin: 0 0 10px 0; font: 22px/22px 'Open Sans',arial,sans-serif; font-weight: 600;}
form#uploadForm textarea{display: block; width: 778px;}
form#uploadForm > input[type="checkbox"]{display: inline-block; vertical-align: top; margin: 10px 0 0 5px;}
form#uploadForm > label{color: #fff; font: 14px/16px 'Open Sans',arial,sans-serif; font-weight: 400; margin: 9px 0 0 5px; display: inline-block; vertical-align: top;}
form#uploadForm fieldset{font: 16px/18px 'Open Sans',arial,sans-serif; font-weight: 400; border: 0; padding: 10px 0 10px 20px;}
form#uploadForm input[type="text"]{width: 640px; margin: 10px 0 10px 10px;}
form#uploadForm label[for="attachment"]{display: inline-block;margin: 10px;}
form#uploadForm input[type="submit"]{float: right;width: auto;}
form#uploadForm input[type="submit"]:hover {opacity: 1;}
form#uploadForm div.warning{color: #ffd000;}
div#cke_medCKbody{margin-bottom: 10px;}
div#vidPlayerCon{display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0,0,0,0.7); z-index: 500;}
div#vidPlayerCon.shown{display: block;-webkit-animation-name: FadeIn; -webkit-animation-timing-function: ease-in; -webkit-animation-duration: 600ms;
-moz-animation-name: FadeIn; -moz-animation-timing-function: ease-in; -moz-animation-duration: 600ms;
-ms-animation-name: FadeIn; -ms-animation-timing-function: ease-in; -ms-animation-duration: 600ms;
animation-name: FadeIn; animation-timing-function: ease-in; animation-duration: 600ms;}
div#vidPlayerCon div.closeBtn{position: absolute; top: 20vh; right: 50%; margin-top: -40px; margin-right: -440px; cursor: pointer; z-index: 600; color: #000; background-image: url(images/video-close.png); background-size: 40px 40px; width: 40px; height: 40px; font-size: 0;}
div#vidPlayerCon iframe{display: block; margin: 20vh auto 0 auto; width: 800px; height: 450px;}
iframe#vidFrame{width: 100%; height: 100%;}
div#firstInstructions{top: 0vh; height: 100vh; overflow: visible; text-align: center; margin-top: 0; cursor: pointer; background-color: rgba(0,0,0,0.8);}
div#firstInstructions img{max-width: 630px; display: inline-block; margin: 10vh 0 0 0;}
div#forum div.success{font: 20px/42px 'Open Sans', Arial; font-weight: 600; color: #eb2775;}
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 'Open Sans';color:#fff;}
div.clickSpace{position:absolute;z-index:5001;width:100%;height:100%;cursor:pointer;}
a.rightLink{display:inline-block;float:right;text-decoration:none;color:inherit;}
body.admin div#mainContainer{overflow-x: auto; height: 100%;}
img#logoHeader{width: 508px; margin: -6px auto 0 auto; display: block;}
h1.yellowBar{background-color: #d5ad00; height: 5vh; width: 100%; color: #1b1656; font: 4vh/5vh 'Open Sans', Arial; font-weight: 400; margin: 0; text-align: center;}
form#logForm.admin{width: 500px; margin: 0px auto; white-space: normal; padding: 20px;}
form#logForm.admin h1{color: #fff; font-size: 24px; line-height: 30px; margin: 0 0 20px 0;}
form#logForm.admin div.warning{color: #fff;}
div#adminMenu{text-align: center;}
div#adminMenu a{display: inline-block; vertical-align: middle; font: 16px/16px 'Open Sans',arial,sans-serif; font-weight: 400; text-decoration: none; color: #fff; padding: 0px 20px 20px 20px;}
div#right div#patientArea.admin div.PAD{padding-bottom: 40px;width: 1200px;}
div#right div#patientArea.admin div.PAD h1{color: #fff; font-size: 24px; line-height: 30px; margin: 0 0 20px 0; text-align: center;}
div#right div#patientArea.admin.full div.PAD{width: auto; overflow: auto;}
div#patientArea.admin div.intro{width: 300px; font: 14px/28px 'Open Sans',arial,sans-serif; font-weight: 400; text-align: right; padding: 0px 20px 0px 0; margin: 0; display: inline-block;}
div#patientArea.admin div.pCatCon{font: 20px/28px 'Open Sans',arial,sans-serif; font-weight: 400; width: 190px; text-align: center;}
div#patientArea.admin div.pCatCon.zero{color: #cccccc69;}
div#patientArea.admin div.offRow{background-color: #de5bbd;}
div#patientArea.admin.docView div.PAD{text-align: center;}
div#patientArea.admin.docView div.viewDocName{display: block;padding: 20px 0;}
div#patientArea.admin.docView div.PAD a.view.report{display: inline-block; font: 16px/16px 'Open Sans',arial,sans-serif; font-weight: 400; margin: 14px 0 0 0; background-image: url(images/learning_icon.svg); background-repeat: no-repeat; background-size: 24px 27px; padding: 6px 0 6px 29px;text-align: center; color: #fff; text-decoration: none; margin-bottom: 30px;}
body.admin div#patientArea{background-image: none; background-color: #ca2282;}
label[for="POD"]{display: inline-block; vertical-align: middle;font: 16px/16px 'Open Sans',arial,sans-serif; font-weight: 400;}
select#POD{width: 340px; display: inline-block; vertical-align: middle; margin: 0 20px 0 0;}
div.adminContent{font: 16px/18px 'Open Sans',arial,sans-serif; font-weight: 400;}
div.adminContent a{color: #fff;}
div.adminContent div.postContent{background-color: #fff; color:#000; padding: 10px; margin: 10px 20px;}
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.evals{background-color: #fff; color: #000;}
form#adminForm.evals select{width: 400px; height: 40px;}
form#adminForm.evals a{color: #000;}
div#right.learningReport h1{width: 948px; margin: 0 auto; top: 4vh; left: 16vw; font: 3vh 'Open Sans', Arial; font-weight: 400; color: #fff; padding: 4vh 0 2vh 0;}
ol#qFeedback{font: 18px/20px 'Open Sans',arial,sans-serif; font-weight: 400; list-style-type: none; margin-top: 20px;}
ol#qFeedback.surveys{list-style: none;}
ol#qFeedback h2{font: 20px/24px 'Open Sans', Arial;font-weight: 600;margin: 0px 0px 10px 0px;clear: both;}
ol#qFeedback h3{margin: 0 0 10px 0;}
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;max-width: 400px;}
ol#qFeedback div.feedGraph{width:400px;height:200px;}
li.a1{color: #3366cc;}
li.a2{color: #dc3912;}
li.a3{color: #ff9900;}
li.a4{color: #119618;}
li.a5{color: #990099;}
li.a6{color: #0099c6;}
a.rightLink.print{font: 18px/20px 'Open Sans',arial,sans-serif; font-weight: 400;display: block; font: 18px/20px 'Open Sans',arial,sans-serif; font-weight: 400; float: none; text-align: right; margin: 20px;}
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;}
a.continueBtn.centered{display: block; font: 18px/20px 'Open Sans',arial,sans-serif; font-weight: 400; text-decoration: none; text-align: center; color: #4d4d4d;}
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.graphArea{background-color: #fff;margin:0 0 20px 0;}
div.graphArea ol#qFeedback{overflow: visible; white-space: normal;}
div.pieLabel{margin-top: 30px; padding: 10px 0 0 0; border-top: 1px solid black; color: #000;}
div.graphArea ol#qFeedback div.feedGraph {position: relative;display: inline-block;vertical-align: top;width: 280px; height: 290px;-webkit-animation-name: scrollIn1; -webkit-animation-timing-function: ease-out; -webkit-animation-duration: 500ms;
-moz-animation-name: scrollIn1; -moz-animation-timing-function: ease-out; -moz-animation-duration: 500ms;
-ms-animation-name: scrollIn1; -ms-animation-timing-function: ease-out; -ms-animation-duration: 500ms;
animation-name: scrollIn1; animation-timing-function: ease-out; animation-duration: 500ms;margin-right: 20px;}
div.graphArea div.theLegend{display: inline-block; vertical-align: top; width: 300px;-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.graphArea div.theLegend div.ggLI{display: table;margin-bottom: 10px;}
div.graphArea div.theLegend div.letter{display: table-cell;vertical-align: middle;width:38px;height:38px;font: 16px/16px 'Open Sans', Arial; font-weight: 600;text-align: center;text-transform: uppercase;color: #fff;}
div.graphArea div.theLegend div.txt{display: table-cell;vertical-align: middle;text-align: left;padding-left: 10px;font: 12px/14px 'Open Sans', Arial; font-weight: 600;color: #061d49;}
div.graphArea div.theLegend div#ggLI_1 div.letter{background-color: #89459a;}
div.graphArea div.theLegend div#ggLI_2 div.letter{background-color: #03b2cf;}
div.graphArea div.theLegend div#ggLI_3 div.letter{background-color: #beb23c;}
div.graphArea div.theLegend div#ggLI_4 div.letter{background-color: #77787b;}
div.graphArea div.theLegend div#ggLI_5 div.letter{background-color: #061d49;}
div.graphArea div.theLegend div#ggLI_6 div.letter{background-color: #8cc63f;}
div.graphArea div.theLegend div#ggLI_7 div.letter{background-color: #ffd300;}
div.graphArea div.theLegend div#ggLI_8 div.letter{background-color: #ff3b00;}
div.table{display:table;max-width:980px;}
div.tableRow{display:table-row;}
div.table.full{width:100%;height:100%;max-width:none;}
div.tableCell, div.tableRow div{display:table-cell;vertical-align:top;text-align:left;padding-right:20px;}
div.tableCell.head{font:20px/22px 'Open Sans', Arial;font-weight:bold;padding-bottom:6px;}
div.tableCell ul{padding-left:40px;}
div.tableCell li{padding-bottom:0px;}
div.tableCell.full{width:100%;height:100%;vertical-align:middle;text-align:center;padding:0px;}
table.csvTable{border-collapse: collapse;border:0px;border-spacing:0px;font:14px/16px pt_sansregular, Arial;}
table.csvTable th{text-transform:uppercase;padding:3px 8px 8px 8px;vertical-align: bottom;}
table.csvTable td{padding:3px 8px;}
table.csvTable tr.offRow{background-color:#de5bbd;}
body.admin textarea{border:1px solid #009ee0;font:14px/16px 'Open Sans', Arial;}
body.admin select{line-height: 14px; height: 23px; margin: 0;}
input[type="text"].inputsmall, textarea.inputsmall {font:10px/12px 'Open Sans', Arial;height:auto;padding:0px 10px 0px 10px;border:1px solid #666;}
::-webkit-input-placeholder { /* WebKit */
color:#bbbcbd;text-transform:none;
}
::-moz-placeholder { /*Firefox */
color:#bbbcbd;text-transform:none;
}
:-ms-input-placeholder { /* IE */
color:#bbbcbd;text-transform:none;
}
legend{font-weight:bold;}
.floatRight{float:right;margin-left:20px;}
.floatLeft{float:left;margin-right:20px;}
div.warning{color: #ff0000; padding: 0px 0px 1vh 0px; font: 16px/18px 'Open Sans', Arial; font-weight: 400;}
div#ADMINwarning{color:#ff0000;padding:10px 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;
}
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; }
@keyframes bubble {
0% { transform: translate(0px,0px) scale(.8,.8);}
50% { transform: translate(0px,0px) scale(1.2,1.2);}
100% { transform: translate(0px,0px) scale(1,1);}
}
@-webkit-keyframes bubble {
0% { transform: translate(0px,0px) scale(.8,.8);}
50% { transform: translate(0px,0px) scale(1.2,1.2);}
100% { transform: translate(0px,0px) scale(1,1);}
}
@-moz-keyframes bubble {
0% { transform: translate(0px,0px) scale(.8,.8);}
50% { transform: translate(0px,0px) scale(1.2,1.2);}
100% { transform: translate(0px,0px) scale(1,1);}
}
@-ms-keyframes bubble {
0% { transform: translate(0px,0px) scale(.8,.8);}
50% { transform: translate(0px,0px) scale(1.2,1.2);}
100% { transform: translate(0px,0px) scale(1,1);}
}
.bubble { -webkit-animation-name: bubble; -webkit-animation-timing-function: ease-out; -webkit-animation-duration: 500ms;
-moz-animation-name: bubble; -moz-animation-timing-function: ease-out; -moz-animation-duration: 500ms;
-ms-animation-name: bubble; -ms-animation-timing-function: ease-out; -ms-animation-duration: 500ms;
animation-name: bubble; animation-timing-function: ease-out; animation-duration: 500ms; }
@media all and (min-aspect-ratio: 11/6){
div#left div.welcome{font: 1.5vh 'Open Sans', Arial; font-weight: 400; color: #fff; padding: 0.5vh 0 1vh 0.8vw;}
div#left img.curve{width: 100%;}
div#left h2{font: 2vh 'Open Sans', Arial; font-weight: 400; padding: 0.5vh 0 1vh 4.5vh; background-size: 2.8vh 2.8vh; background-position: 1.3vh 0.5vh; margin: 1vh 0 1vh 0;}
body.l1 div#left h2{font: 1.7vh 'Open Sans', Arial; font-weight: 400;}
div#left ol{padding: 0 0 0 2.5vh;}
div#left ol li{font: 1.8vh/1.9vh 'Open Sans', Arial; font-weight: 400; padding: 0.3vh 0 1vh 0.5vh; background-position: 0.8vw 0; margin: 0 0 0 1.4vh;}
body.l1 div#left ol li{font: 1.8vh/1.9vh 'Open Sans', Arial; font-weight: 400;}
div#mid div#questionnaireTitle{font: 1.5vh/1.7vh 'Open Sans', Arial; font-weight: 600; padding: 1.5vh 1.5vh 1vh 1.8vh; white-space: normal; margin: 0; color: #60605f;}
div#mid p{font: 1.3vh/1.5vh 'Open Sans', Arial; font-weight: 400; padding: 0vw 1.5vh 1vh 1.8vh; white-space: normal; margin: 0; color: #60605f;}
div#mid h2{font: 2vh/2.3vh 'Open Sans', Arial; font-weight: 600; padding: 2vh 2vh 2vh 2vh; white-space: normal; margin: 0; color: #60605f;}
div#mid div.sectionLink{font: 1.5vh/1.7vh 'Open Sans', Arial; font-weight: 600; padding: 2vh 2vh 2vh 1.5vh; margin: 0; color: #60605f; opacity: 0.5;}
div#mid div.sectionLink span.num{display: inline-block; vertical-align: middle; width: 3.5vh; height: 3vh; background-image: url(images/icon_section_dk-grey.svg); background-repeat: no-repeat; background-size: 3.5vh 3.5vh; background-position: top center;
text-align: center; padding: 1.1vh 0 0 0;}
div#mid div.sectionLink span.txt{display: inline-block; vertical-align: middle; width: 18vw; white-space: normal; padding-left: 0.5vh;}
div#mid div.sectionLink span.txt span{display: block; font: 1vh/1.3vh 'Open Sans', Arial; font-weight: 600;}
div.footNote{font: 1.4vh/1.8vh 'Open Sans', Arial; font-weight: 400;}
div.miceType{font: 1.4vh/1.8vh 'Open Sans', Arial; font-weight: 400;}
}
@media all and (max-width: 600px){
body{font: 3.5vw 'Open Sans', 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 'Open Sans',sans-serif; padding: 0px 1vw; margin: 0px 0px 0.5vw 0px; width: auto;}
body#s0 div#mainContainer{height: auto; min-height: 100vh; background-color: #fff;}
div#homeBox{margin: 0vh auto 4vh auto; width: 100vw; height: auto; overflow: auto; background-color: #fff; box-shadow: 9px 9px 14px -4px #333; padding-top: 5vh; border-radius: 0;}
div#homeBox div.left{display: block; width: 92vw; margin: 4vw;}
div#homeBox img#logoMain{display: block; vertical-align: top; width: 92vw; height: auto; margin: 0vh auto 2vh auto;}
form#loginForm{padding: 4vw 4vw 6vw 4vw; width: 92vw;height: auto;position: inherit; display: block;}
form#loginForm h1{text-align: center; font: 6vw/6.5vw 'Open Sans',arial,sans-serif; font-weight: 400; margin: 2vh 0 2vh 0; color: #4d4d4d;}
form#loginForm input[type="submit"]{position: relative; bottom: unset; left: unset; margin: 0 auto; font: 6vw/10vw 'Open Sans',arial,sans-serif; font-weight: 600;}
form#loginForm input[type="submit"].wider{margin: 0 auto;}
body.l1 form#loginForm input[type="submit"]{margin: 2vw auto;}
div#logCaption{position: relative; background-color: #fff; z-index: 500; margin: 0 auto 0 auto; width: 100vw; text-align: center; color: #4d4d4d; font: 3vw/3vw 'Open Sans',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: #4d4d4d;}
div.miceType{font: 2vw/2.5vw 'Open Sans', Arial; font-weight: 400;}
div#topStrip{position: fixed;}
div#topStrip img{position: absolute; top: 1vh; left: 1vh; height: 4vh; width: auto;}
div#topStrip div.logoCap{position: absolute; top: 8vh; left: 1vh;}
div#topStrip div.welcome{display: block; padding: 0 1vw 0 0; font: 3vw/3vw 'Open Sans',arial,sans-serif; font-weight: 400;}
div#topStrip a.addPost{margin: -7vh 3vh 0 0;}
body.l1 div#topStrip a.addPost{margin: -7vh 3vh 0 0;}
div#topStrip a.myPatients{display: none;}
div#topStrip a.resources{display: none;}
div#topStrip a.forum{display: none;}
div#mainMenu a{font: 6vw/6vw 'Open Sans', Arial; font-weight: 700; padding: 3vh 2vw 2vh 10vw;}
div#right{height: auto; margin-top: 10vh;}
div#right div.PAD{padding: 0px 4vw 8vh 4vw; width: 92vw; margin: 0 auto;}
div#rightColumn{width: 92vw; margin: 0 !important;}
h1{font-size: 6vw; line-height: 7vw; padding: 6vw 0px 6vw 0px;}
select{width: 99%;}
input[type="submit"]{width: 99%;}
form#regForm label{width: 75vw; font: 3.5vw/4vw 'Open Sans', Arial;}
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;}
input[type="text"], input[type="password"]{color: #222; border: 1px solid #bbb; font: 3vw/3.2vw 'Open Sans', Arial; line-height: 3.2vw; border-radius: 0px; margin: 0px 0px 1vw 0px; padding: 0px 10px; height: 9vw; background-color: #ffffff; width: 93%;}
div.warning{color: #ff0000; padding: 0px 0px 1vh 0px; font: 2.5vh/3vh 'Open Sans', Arial; font-weight: 400;}
body#s1 div#right .PAD{background-color: #fff; width: 100vw; border-radius: 20px; padding: 8vh 0 2vh 0; margin: 40px auto 10vh auto;}
form#accountForm{position: relative; width: auto;}
div#right form#accountForm h1{padding: 0 0 0 0px; text-align: center; font: 4vw/4vw 'Open Sans',arial,sans-serif; font-weight: 600;}
form#accountForm label[for="HCP"] {width:80vw}
form#accountForm label[for="terms"] {width:80vw}
form#accountForm select{width: 99%;}
div#firstInstructions{top: 0vh; margin-top: 0;}
div#firstInstructions img{width: 80vw; display: block; margin: 30vh auto 0 auto;}
div#mainMenu a#forumLink{display: block;}
div#mainMenu a#resourcesLink{display: block;}
div#patientArea div.intro{width: 100%; display: block; vertical-align: top; margin-right: 0;}
body.l1 div#patientArea div.intro{width: 100%;}
div.pCatCon{display: block; vertical-align: top; text-align: center; margin-bottom: 8vh;}
div#membersDrop{top: 5vh; width: 100%;}
div#allDocsCon{display: block; width: 100%; margin: 0 0 4vh 0;}
div.podDocCon{display: inline-block; border: 1px solid #fff; border-radius: 4vw; margin: 2vw; text-align: center; width: 42%; cursor: pointer;}
body#s5 div#right div.PAD.bot{min-height: unset;}
body#s10 div#right div.PAD.bot{min-height: unset;}
div#forum{display: block; width: 100%;}
div#forum::before{content: ''; display: block; height:13vh; margin-top: -10vh; visibility: hidden;}
div#POD{display: inline-block; vertical-align: top; width: 13vw; height: 59px; background-image: url(images/icon_pod_gradient.svg); background-size: 14vw auto; background-repeat: no-repeat; background-position: -1vw -1vw;}
div#leaders div.names{position: relative; display: inline-block; vertical-align: top; font: 2.5vw/3vw 'Open Sans', Arial; font-weight: 600; width: 34vw; height: 7vw; border: 1px solid #4d4d4d; background-color: #ebebec; border-radius: 5px; margin-left: -1vw; padding: 1vw 1vw 0px 1vw; z-index: 2;}
div#leaders div.names.leaders{font: 4vw 'Open Sans', Arial; font-weight: 600; width: 45vw;}
div#leaders a#membersDropBtn{position: relative; display: inline-block; vertical-align: top; font: 2.5vw/3vw 'Open Sans', Arial; font-weight: 600; width: 10vw; height: 8vw; border: 1px solid #4d4d4d; background-color: #4d4d4d; border-radius: 5px; margin-left: -2vw; padding: 0; z-index: 1; cursor: pointer;
background-image: url(images/icon_down-arrow_gray.svg); background-size: 5vw 4vw; background-repeat: no-repeat; background-position: center;}
div#leaders a#podSwitch{display: inline-block; vertical-align: top; width: 9vw; height: 9vw; background-image: url(images/icon_move_gray.svg); background-size: 9vw auto; background-repeat: no-repeat; background-position: 0; text-decoration: none; margin: 0 0 0 1vw;}
a#postBtn{font: 0 'Open Sans', Arial;}
a#postBtn span.fr-post{font-size: 0;}
div#forum div.listing div.postInfo div.when{padding: 0;}
div#forum div.listing div.postTools{margin: 1vw 0 0 0;}
div#forum div.listing h2{margin: 0 0 2vw 0;}
div#forum div.reply a.replyBtn{margin: 1vw 0 0 1vw;}
div#resources{display: block; margin: 0 0 4vh 0;}
div#resources a.upload{}
div#resources::before{content: ''; display: block; height:10vh; margin-top: -10vh; visibility: hidden;}
div#right div.PAD.resourceArea{width: 100vw;}
div#resourcesMenu{width: 30vw;}
div#resourcesMenu a{font: 2vw/2.5vw 'Open Sans',arial,sans-serif; font-weight: 400;}
div#resourceList{width: 70vw;}
div#resourceList a.file{font-size: 3.5vw; line-height: 4.5vw; margin: 0 2vw 2vw 4vw;}
div#resourceList a.file img{width: 20vw; margin: -2vw 3vw 8vw 0;}
div#resourceList a.link{font-size: 2.5vw; line-height: 2.7vw; margin: 0 0 2vw 2vw;}
div#resourceList a.link img{width: 28vw;}
div#resourceList a.vimeo{font-size: 2.5vw; line-height: 2.7vw; margin: 0 0 2vw 2vw;}
div#resourceList a.vimeo img{width: 28vw;}
body#s11 div#right div.PAD.resourceArea div#rightColumn{display: none;}
form#askForm{width: 90vw;padding: 2vw;margin-bottom: 10vh; margin-top: 3vh;}
form#askForm input[type="text"]{width: 84vw; margin-top: 2vw;}
form#askForm fieldset div.miceType{width: 67vw; font: 2.5vw/3vw 'Open Sans', Arial; font-weight: 400;}
form#askForm textarea{width: 100%;}
form#replyForm{width: 90vw;padding: 2vw;margin-bottom: 10vh; margin-top: 3vh;}
form#replyForm textarea{width: 100%;}
div#mainContainer > div#patientArea{margin-top: 10vh;}
div#patientArea a.backLink{display: inline-block; font: 1.5vh 'Open Sans', Arial; font-weight: 400; color: #fff; text-decoration: none; padding: 2.5vh 2vw;}
div#patientArea div.qViewInfo{position: absolute; left: 22vh;}
div#patientArea a.podLeaderViewBtn{margin-bottom: 2vw;}
body#s10 div#patientArea p{width: 84vw;}
div#patientArea ul{width: 84vw;}
div#right div#patientArea div.PAD.intro p.qTips{max-width: 69vw;}
div#right div#patientArea div.PAD.resources h1{font: 6vw/10vw 'Open Sans',arial,sans-serif; font-weight: 600;}
div#right div#patientArea div.PAD.resources h1 a.upload{margin: 0 0 0 1vw;}
form#uploadForm{width: 90vw; padding: 2vw; margin-top: 6vh;}
form#uploadForm fieldset{font: 3vw/3.5vw 'Open Sans',arial,sans-serif; font-weight: 400;}
form#uploadForm textarea{width: 88vw; font: 3vw/3.2vw 'Open Sans', Arial;}
form#uploadForm input[type="text"]{width: 65vw;}
form#uploadForm > label{white-space: normal;}
input#attachment{display: block;}
div#newPatientArea{display: block; width: 92vw;}
div#newPatientArea h3{font: 3vw/3vw 'Open Sans',arial,sans-serif; font-weight: 400; color: #003B6E; margin: 2vh 0 1vh 20px; border-bottom: 2px solid #003B6E; padding: 0 0 1vw 0;}
div#newPatientArea h3 span{font: 5vw/5vw 'Open Sans',arial,sans-serif; font-weight: 600;}
div.pCatConVert div.count{display: inline-block; vertical-align: top; width: 15vw; text-align: center; font: 2vw/2vw 'Open Sans',arial,sans-serif; font-weight: 600; color: #003B6E; margin: 1vw 0 2vw 2vw;}
div.pCatConVert div.count span{display: block; font: 18vw/15vw 'Open Sans',arial,sans-serif; font-weight: 600; height: auto; padding-bottom: 1vw;}
div.pCatConVert a.addBtn{position: absolute; top: 7vw; right: 2vw;}
div.pCatConVert a.addBtn img{width: 20vw; height: auto;}
div.pCatConVert a.view{display: inline-block; vertical-align: top; font: 3vw 'Open Sans',arial,sans-serif; font-weight: 400; margin: 1vw 0 2vw 5vw;}
div.pCatConVert a.view img{height: 20vw;}
body.l1 div#newPatientArea h3{font: 3vw/3vw 'Open Sans',arial,sans-serif; font-weight: 400;}
body.l1 div#newPatientArea h3 span{font: 4vw/4vw 'Open Sans',arial,sans-serif; font-weight: 600;}
body.l1 div.pCatConVert div.count{font: 2vw/2vw 'Open Sans',arial,sans-serif; font-weight: 600;}
body.l1 div.pCatConVert div.count span{font: 18vw/15vw 'Open Sans',arial,sans-serif; font-weight: 600;}
body.l1 div.pCatConVert a.view{font: 3vw 'Open Sans',arial,sans-serif; font-weight: 400;}
div.capsule img{margin: 2vw; max-width: 96%;}
div#left{display: block; width: 100%; height: auto; padding-bottom: 4vw;}
div#left h2{font: 5vw/5.5vw 'Open Sans', Arial; font-weight: 400; padding: 0.5vh 0 1vh 9.8vw; background-size: 8.8vw 8.8vw; background-position: 0vw 1.6vw; margin: 2vw;}
div#left ol li br{content: ' ';}
div#left ol li br:after{content: ' ';}
div#left ol{padding: 0 0 0 5.5vw;}
div#left ol li{font: 3.2vw/3.4vw 'Open Sans', Arial; font-weight: 400; padding: 1vw 0 1vw 2vw; min-height: 3.8vw;}
body#s6 div#right{display: block; width: 100%; height: auto; margin-top: 0;}
div.standAloneTitle{font: 4vw/4.5vw 'Open Sans'; font-weight: 400; margin: 1vw 0 2vw 0; max-width: 100%;}
div#pageScroll{min-height: auto;}
div#caseBanner h3{font: 4vw/4.5vw 'Open Sans', Arial; font-weight: 600; font-style: italic; padding: 0 0 0 5vw; width: 33vw;}
div#caseBanner.done img.chk{width: 7vw; height: 12vw;}
div#caseBanner.done h3{width: 30vw;}
div#caseBanner img.pic{display: inline-block; vertical-align: middle; margin: -1vw 0 -1vw 0; height: 14vw;}
div#right div.PAD div#caseBanner h2{padding: 0 0 2vw 2vw; font: 3vw/3.5vw 'Open Sans', Arial; font-weight: 600; white-space: normal; width: 30vw;}
div#caseBanner a{display: block; position: absolute; right: 0; bottom: -5vw; background-color: #003b6f; color: #fff; text-decoration: none; font: 4vw/8vw 'Open Sans', Arial; font-weight: 600; padding: 0 4vw; border-radius: 2vw;}
iframe#caseFrame{width: 100vw; height: 77vw; margin: 0; z-index: 100;}
div.collapseBox div.toggleBtn{font: 3.5vw/3.8vw 'Open Sans',arial,sans-serif; font-weight: 600; min-height: 24px;padding-right: 11vw;}
div.collapseBox.sub div.toggleBtn{font: 3.5vw/3.8vw 'Open Sans',arial,sans-serif; font-weight: 600; padding: 4vw 13vw 2vw 14vw; min-height: 50px;}
form#logForm.admin{width: 92vw;}
img#logoHeader{display: block; position: relative; left: -2vw; width: 88vw; margin: -0.6vh auto 12vh auto; z-index: 200;}
img#logoHeaderShort{display: block; position: relative; left: -2vw; width: 88vw; margin: -0.6vh auto 6vh auto; z-index: 200;}
form#logForm.admin input[type="text"], input[type="password"]{display: block; border: 0; border-bottom: 1px solid #808184; font: 4vw/4vw 'Open Sans',arial,sans-serif; font-weight: 400; background-color: transparent; padding: 1vw 2vw 1vw 2vw; height: auto; margin: 0px 0px 4vw 0px; color: #4d4d4d;}
form#logForm.admin input[type="Submit"]{font: 6vw/6vw 'Open Sans',arial,sans-serif; font-weight: 600; color: #120744; border: 2px solid #120744; border-radius: 6vw; width: 100%; background-color: #fff; margin: 2vw 0;}
ol#qFeedback{font: 3vw/3.5vw 'Open Sans',arial,sans-serif; font-weight: 400; list-style-type: none; margin-top: 0px; padding: 0;}
ol#qFeedback div.graphRight{float: none; margin-bottom: 0;}
ol#qFeedback div.graphRight h3{text-align: left;}
div.questionRow{display: inline-block; vertical-align: top; margin: 0 0 1vw 0vw;}
form#surveyForm div.question{font: 3vw/3.3vw 'Open Sans'; padding: 0.5vw 0 0.5vw 0;}
form#surveyForm div.sectionContent{background-size: 60% 2px;background-position: 2vw bottom;}
form#surveyForm select{width: 70vw; margin: 0 0 0.3vw 0; font: 3vw/3.2vw 'Open Sans',sans-serif;}
form#surveyForm input[type="number"]{width: 18vw; margin: 0; padding: 0 2vw; font: 3vw/3.2vw 'Open Sans',sans-serif; line-height: 6.45vw; height: 6.45vw; border: 1px solid #808184; border-radius: 0px; color: #808184; margin: 0.3vw 0 0.3vw 0;}
div.questionLetter{display: inline-block; vertical-align: top; padding: 0; font: 3vw/3.1vw 'Open Sans', Arial; font-weight: 600; color: #60605f; width: 4.5vw; text-align: center;}
div.questionText{display: inline-block; vertical-align: top; white-space: normal; font: 3vw/3.3vw 'Open Sans', Arial; font-weight: 400; color: #60605f; padding-right: 1vw;}
div.midQuestionTitle{font: 3vw/3.3vw 'Open Sans'; padding: 0.5vw 0 0.5vw 2.4vw;}
div.questionRow.indent{margin: 0 0 1vw 4vw;}
div.questionRow div.promptCon input{width: 70vw; margin: 0.5vw 0px 1vw 2vw; font: 3vw/3.5vw 'Open Sans',arial,sans-serif; line-height: 6.45vw; height: 6.45vw;}
form#surveyForm input[type="submit"]{display: block; background-color: #fff; font: 4vw/8vw 'Open Sans',arial,sans-serif; font-weight: 600; color: #a41f40; border: 1px solid #a41f40; border-radius: 1vw; padding: 0px 2vw 0px 2vw; width: auto; margin: 2vw auto 4vh auto;}
textarea{color:#808184;border:1px solid #808184; font: 1vw/1.2vw 'Open Sans', Arial; padding: 0.5vw; border-radius: 0px; margin: 0px 0px 0px 0px; width: 28.92vw; min-height: 1.42vw;}
form#adminPhoneForm{position: relative; width: 88vw; margin: 0 auto;}
form#adminPhoneForm input[type="text"], form#adminPhoneForm input[type="password"]{display: block; border: 0; border-bottom: 1px solid #333; margin: 0px 0px 4vw 0px;}
span.txt.w50{display: inline-block; width: 14vw;}
select#startTimeH, select#endTimeH{width: 13vw; font: 3vw/3.2vw 'Open Sans',sans-serif; margin: 0 1vw 4vw 0;}
select#startTimeM, select#endTimeM{width: 13vw; font: 3vw/3.2vw 'Open Sans',sans-serif; margin: 0 1vw 4vw 0;}
select#startAMPM, select#endAMPM{width: 13vw; font: 3vw/3.2vw 'Open Sans',sans-serif; margin: 0 1vw 4vw 0;}
form#adminPhoneForm select.speaker, form#adminPhoneForm select.sessionFormat{border: 0; border-bottom: 1px solid #333; margin: 0 0 4vw 0;}
div.calendar{margin-top: 34vw;}
form#adminPhoneForm img.QRcode{display: block; max-width: 80vw; margin: 0 auto;}
form#adminPhoneForm p.centered{text-align: center; white-space: normal;}
form#adminPhoneForm input#backBtn{background-color: #ccc; border:1px solid #ccc; margin-top: 4vw;}
div#adminEvents{margin: 4vw 0;}
form#adminPhoneForm div.eventBtn{position: relative; padding: 1vw; width: 85vw; margin: 1vw 0 1vw 0; z-index: 200; background-color: #fff; color: #4d4d4d; box-shadow: 0 0 5px rgba(0,0,0,.1); font-size: 0; line-height: 0; cursor:pointer;}
form#adminPhoneForm div.eventBtn div.dateTime{padding: 0 0 0 1vw; overflow: auto; margin: 0 0 0 0;}
form#adminPhoneForm div.eventBtn div.dateTime div.date{display: inline-block; vertical-align: top; font: 3vw/3.5vw 'Open Sans', Arial; font-weight: 400; padding: 0 20px 2px 0;}
form#adminPhoneForm div.eventBtn div.dateTime div.time{display: inline-block; vertical-align: top; font: 3vw/3.5vw 'Open Sans', Arial; font-weight: 400; padding: 0 0 10px 0;}
form#adminPhoneForm div.eventBtn div.dateTime div.time div.left{text-align: right; display: inline-block; vertical-align: top;}
form#adminPhoneForm div.eventBtn div.dateTime div.time div.right{text-align: left; display: inline-block; vertical-align: top;}
div.speaker{padding: 0 0 1vw 1vw; overflow: auto; margin: 0 0 0 0; font: 4vw/4vw 'Open Sans', Arial; font-weight: 400;}
div.phoneCon{min-height: 100vh; background-color: #fff;}
form#phoneForm{position: relative; width: 88vw; margin: 0 auto; white-space: normal;padding-top: 0.01vw;}
form#phoneForm a.lang{text-decoration: none; position: absolute; top: 2vw; right: 2vw; z-index: 100; color: #333;}
form#phoneForm input[type="text"], input[type="password"]{display: block; border: 0; border-bottom: 1px solid #808184; font: 4vw/4vw 'Open Sans',arial,sans-serif; font-weight: 400; background-color: transparent; padding: 1vw 2vw 1vw 2vw; height: auto; margin: 0px 0px 4vw 0px; color: #4d4d4d;}
form#phoneForm input[type="Submit"]{font: 6vw/6vw 'Open Sans',arial,sans-serif; font-weight: 600; color: #120744; border: 2px solid #120744; border-radius: 6vw; width: 100%; background-color: #fff; margin: 2vw 0;}
form#phoneForm div.success{font: 5vw/5.5vw 'Open Sans',arial,sans-serif; font-weight: 400; text-align: center; padding: 4vw;}
div#vidPlayerCon iframe{width: 100vw; height: 56vw;}
div#vidPlayerCon div.closeBtn{top: 0; right: 0; z-index: 2000; margin: 1vh 1vw 0 0; background-size: 6vh 6vh; width: 6vh; height: 6vh;}
div#footerSpace{height: 15vw;}
div#footer{font-size: 1.6vw; line-height: 3vw; z-index: 280; white-space: nowrap; height: 15vw;}
body.l1 div#footer{font-size: 2vw;}
body#s0 div#footer{padding: 0 4vw;width: 90vw;}
div#footer div.miceType.home{font: 2.5vw/3vw 'Open Sans', Arial; font-weight: 400; width: 90vw;}
div#footer img.logo{width: 20vw; margin: 2vw; height: 10vw;}
div#footer div.menu a{padding: 0 2vw 0 0;}
body#s15 div#right div#patientArea div.PAD.welcome{}
body#s15 form#surveyForm{width: 100vw;}
}
@media print {
body{background-color: #fff;}
.pageBreak{display:block; page-break-before:always;}
div#printBtn{display:none;}
.dontPrint{display:none !important;}
.onlyPrint{display:block;}
div#mainContainer{overflow: auto; height: auto;background-color: #fff;}
div#topStrip{display: none;}
div#right{height: auto;}
div#right div.PAD{width: auto;padding: 0;}
div#right div#patientArea{min-height: auto;}
div#right.learningReport h1{position: relative; top: unset; left: unset; padding: 2vh;}
div#right.admin{height: auto;}
div#right.admin div#patientArea{display: block;}
div#right div#patientArea.admin div.PAD{width: auto;}
div#patientArea.admin div.pCatCon{font: 20px/28px 'Open Sans',arial,sans-serif; font-weight: 400; width: 123px;}
div.pCatCon a{font: 9px/12px 'Open Sans',arial,sans-serif; font-weight: 400;}
div.pCatCon a.addBtn{padding: 6px 0px;}
div.pCatCon a.addBtn span{font: 11px/18px 'Open Sans',arial,sans-serif; font-weight: 400;}
div.dontBreak{page-break-inside: avoid; overflow: hidden;}
ol#qFeedback {}
ol#qFeedback > li{page-break-inside: avoid; overflow: hidden;}
img.qFeedbackImg{page-break-inside: avoid;}
div.graphLeft{page-break-inside: avoid;}
div.graphRight{max-width: 480px; page-break-inside: avoid;}
div.graphArea{padding-left:10px;}
ol#qFeedback div.feedGraph{}
div#left{display:none;}
div#footer{display:none;}
html{height: auto;}
body{height: auto;}
div#mainContainer{height: auto;}
}
.pic_round {
background-color: #003B6E;
border-radius: 50%;
height: 44px;
width: 79px;
margin: -20px 0 25px;
margin-left: 0px;
text-align: center;
color: #fff;
padding: 33px 0 0 0;
font: 32px/10px 'Open Sans',arial,sans-serif;
font-weight: normal;
font-weight: 600;
margin-left: 25px;
position: absolute;
}