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:#e9e9e9;-webkit-text-size-adjust:100%; background-repeat:no-repeat; background-position: center; background-size: cover; background-attachment: local; color: #60605f;}
body#s0, body#s1{background-color: #830150;}
p {
word-break: break-word;
white-space: normal;
}
div.mainContainer{position:relative; height: 100%; min-height: 100%;text-align:left;overflow-x:hidden;z-index:1; white-space: nowrap;}
body#s0 div.mainContainer{background-image: url(./images/BG1.jpg); background-size: cover;}
body#s1 div.mainContainer{background-image: url(./images/BG2.jpg); background-size: cover;}
div.divLogin{width:48%;display:inline-block;vertical-align: top;margin-right: 40px;}
p.simpleTxt{text-align:left;font:16px/22px \'Open Sans\',arial,sans-serif;vertical-align: top}
p.txtwhite{text-align: center;color:#fff;}
form{margin:0px;}
img{border:0px;}
a img{text-decoration:none;border:0 none;}
a {text-decoration:none; color: #fff;}
a:hover{opacity:0.7}
sup{font-size:-1em;}
input:focus,select:focus,textarea:focus,button:focus {outline: none;}
a.ppt{padding: 2px 0px 5px 42px; background-image: url(images/icon_ppt_blue.svg); background-size: 35px 35px; background-repeat: no-repeat; background-position: top left; display: inline-block; text-decoration: none; color: #60605f; font-size: 22px; line-height: 28
px; margin: 20px 0;}
a.vicon{padding: 2px 0px 5px 42px; background-image: url(images/icon_video_blue.svg); background-size: 35px 35px; background-repeat: no-repeat; background-position: top left; display: inline-block; text-decoration: none; color: #60605f; font-size: 22px; line-height: 28px; margin: 20px 0;}
p{margin:0px 0px 20px 0px;padding:0px;-webkit-text-size-adjust:100%;font-size:inherit;}
p.flush{margin:0px 0px 5px 0px;}
ul{list-style-type: disc;}
ul, ol{padding:0px 0px 20px 30px;margin:0px;overflow: auto;}
ol ol{padding-bottom: 0px;}
li {padding-bottom:5px;text-indent: 0vw;}
li ul{padding-top: 5px;}
ol.roman {counter-reset: roman;}
ol.alpha {counter-reset: alpha;}
ol.alpha li, ol.roman li {list-style: none;position: relative;}
ol.roman > li:before {counter-increment: roman;content:"(" counter(roman, lower-roman)") ";position:absolute;left:-1.7em;}
ol.alpha > li:before {counter-increment: alpha;content:"(" counter(alpha, lower-alpha)") ";position:absolute;left:-1.4em;}
.needed, .warn{color:#ff0000;}
.warn::-webkit-input-placeholder{color:red;}
.warn::-moz-placeholder{color:red;}
.warn:-ms-input-placeholder{color:red;}
img#logoMain{display: block; width: 600px; margin: 8vh auto 10vh auto;}
div.contentBox{width: 690px; margin: 5vh auto; text-align: center; background-color: #fff; border-radius: 20px; padding: 30px 40px 40px 40px;}
div.contentBox > img{display: block; width: 100%; margin: 0 auto 20px auto;}
form#loginForm{position: relative; white-space: normal;}
form#loginForm input{display: block; border: 1px solid #808184; font: 15px/22px 'Open Sans',arial,sans-serif; font-weight: 400; background-color: transparent; padding: 5px 5px 5px 5px; height: auto; margin: 0px 0px 20px 0px; width: 436px; color: #60605f;}
form#loginForm input[type="submit"]{margin: 0 auto 10px auto; font: 24px/24px 'Open Sans',arial,sans-serif; font-weight: 600; color: #fff; border: 1px solid #830150; background-color: #830150; border-radius: 25px; padding: 10px 0px 10px 0px; width: 340px;}
form#loginForm p{font: 16px/22px 'Open Sans',arial,sans-serif; font-weight: 400; color: #830150;}
.loginBtn {
margin: 0 auto 10px auto;
font: 24px/24px 'Open Sans',arial,sans-serif;
font-weight: normal;
font-weight: 600;
color: #fff;
border: 1px solid #830150;
background-color: #830150;
border-radius: 25px;
padding: 10px 0px 10px 0px;
width: 340px;
}
body#s1.logged div.contentBox{margin-top: 40px;}
form#accountForm{position: relative; margin: 0 auto;}
form#accountForm p{font: 14px/20px 'Open Sans',arial,sans-serif; font-weight: 400; color: #830150; white-space: normal; margin: 0 0 10px 8px; text-align: left;}
form#accountForm ul{font: 14px/20px 'Open Sans',arial,sans-serif; font-weight: 400; color: #830150; white-space: normal; margin: 0 0 10px 0; text-align: left; padding-bottom: 0;}
form#accountForm fieldset{border: 0; padding: 0; margin: 0;}
form#accountForm input[type="text"]{display: block; margin: 0 auto 10px auto;}
form#accountForm select{display: block; margin: 0 auto 10px auto; width: 96.5%;}
form#accountForm div.otherBox{margin: 0; width: 100%; padding: 0;}
form#accountForm input[type="submit"]{width: 96.5%; margin: 0 auto 20px auto; height: 50px; background-color: #830150;}
label[for="contacted"]{display: inline-block; vertical-align: top; padding: 0px 0px 0 15px; /*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; cursor: pointer; /*width: 400px;*/ font: 14px/16px 'Open Sans', Arial; white-space: normal; text-align: left;}
label[for="contacted"].HL{background-image:url(images/check1.svg);}
div#topBanner{position: absolute; background-color: #fff; width: 100%; height: 100px; border-bottom: 1px solid #ccc; z-index: 100;}
body#s0 div#topBanner{display: none;}
body#s1 div#topBanner{display: none;}
body#s1.logged div#topBanner{display: block;}
form#topToolsForm{position: absolute; top: 20px; right: 80px; height: auto; padding: 0;}
form#topToolsForm input#keyWord{height: 25px; border-radius: 0; background-color: #fff; color: #262626; width: 200px; padding: 4px 10px; font: 14px/30px 'Open Sans', Arial; font-weight: 400; margin: 0 8px 0 0;}
form#topToolsForm input#searchBtn{display: inline-block; width: 40px; font: 16px 'Open Sans', Arial; font-weight: 700; height: 35px; padding: 0 10px; border: 0; background-color: #9f9f9f;}
div#menuBtn{display: inline-block;vertical-align: middle;position: fixed;top: 27px;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:2600;}
div#menuBtn.HL{}
div#menuBtn:focus{outline:none;}
div#menuBtn span{display:block;position:absolute;top:23px;left:10px;right:10px;height:3px;background:#9f9f9f;}
div#menuBtn span::before, div#menuBtn span::after{ position: absolute; display: block; left: 0; width: 100%; height: 3px; background-color: #9f9f9f; content: "";}
div#menuBtn span::before{top:-7px; width: 100%; left: 0px;}
div#menuBtn span::after{bottom:-7px; width: 100%; left: 0px;}
div#menuBtn span{transition:background 0s 0.3s;}
div#menuBtn span::before, div#menuBtn span::after{transition-duration:0.3s, 0.3s;transition-delay:0.3s, 0s;}
div#menuBtn span::before{transition-property:top, transform;}
div#menuBtn span::after{transition-property:bottom, transform;}
div#menuBtn.HL span {background:none !important;}
div#menuBtn.HL span::before {top:0;transform:rotate(45deg);}
div#menuBtn.HL span::after{bottom:-2px;transform:rotate(-45deg);}
div#menuBtn.HL span::before, div#menuBtn.HL span::after{transition-delay:0s, 0.3s;height:5px;background-color: #9f9f9f !important;}
div#mainMenu{position:fixed;top:0;right:0px;z-index:2000;white-space: normal;background-color: #fff;width:400px;height:100%;transition:400ms ease-in-out;-webkit-transition:400ms ease-in-out;-moz-transition:400ms ease-in-out;-webkit-backface-visibility:hidden;overflow:hidden;}
div#mainMenu div#topSpace{height: 10vh;}
div#mainMenu.hidden{right:-400px;}
div#mainMenu a{display:block;font:17px/22px 'Open Sans', Arial;font-weight:700;text-decoration: none;color:#60605f;text-transform: uppercase;padding:5vh 50px 0px 50px;}
div#mainMenu a#forumLink{display: none;}
div#mainMenu a#resourcesLink{display: none;}
div#left{position: absolute; display: inline-block; vertical-align: top; width: 280px; z-index: 500;}
img#leftLogo{width: 260px; height: 100px; margin: 0px 0 0 20px;}
div#right{position: relative; display: inline-block; vertical-align: top; width: 100%; /*min-height: 1436px;*/}
img#bannerTime{position: absolute; display: block; top: 56px; right: 0px; width: 222px; height: 72px; z-index: 200;}
div#right div.PAD.forum{width: 100%; margin-top: 101px;margin-left:0px;}
div#welcome{margin: -72px 0 0 300px; font: 14px/20px 'Open Sans', Arial; font-weight: 400;}
div#welcome a.addPost{display: inline-block; vertical-align: middle; padding: 0 0 0 24px; background-size: 20px 20px; background-repeat: no-rep@meat; background-position: 0 0; background-image: url(images/icon_add_grey.svg); margin: 0 0 0 20px;}
div#right div.PAD.committee{width: 700px; margin-left: 300px; margin-top: 150px;}
div#right div.PAD.committee h1{font: 24px/26px 'Open Sans',arial,sans-serif; font-weight: 600; margin: 0 0 10px 0; color: #331550;}
div#right div.PAD.committee p{font: 18px/22px 'Open Sans',arial,sans-serif; font-weight: 400; white-space: normal;}
div#right div.PAD.committee ul{font: 18px/22px 'Open Sans',arial,sans-serif; font-weight: 400; white-space: normal;}
div#left form.surveyForum{background-color: #331550; border-radius: 12px; padding: 10px 20px; color: #fff; white-space: normal; margin: 20px 0 20px 20px;border:1px solid #808080;}
div#left 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: 18px/24px 'Open Sans', Arial; font-weight: 600; color: #fff;
text-decoration: none; padding: 0px 0 0 33px; margin: 0 0 10px 0;}
div#left form.surveyForum ul, ol{padding: 0px 0px 20px 0px; overflow: hidden;}
div#left form.surveyForum div.question{font: 18px/24px 'Open Sans', Arial; font-weight: 400;}
div#left form.surveyForum div.question span.Q{ float: left; font: 31px/29px 'Open Sans', Arial; font-weight: 600; padding: 0px 5px 0px 0; margin: -2px 0 0px 0;}
div#left form.surveyForum div.questionRow{margin: 0 0 4px 0vw;}
div#left form.surveyForum div.questionText{color: #fff;padding: 0 10px 0 2px;font: 18px/15px 'Open Sans', Arial; font-weight: 400;}
div#left form.surveyForum div.questionLetter{color: #fff; font: 15px/15px 'Open Sans', Arial; font-weight: 600;}
div#left form.surveyForum div.questionRow label.HL{background-color: #6f5c85 !important;}
div#left form.surveyForum div.questionRow:hover label{background-color:#795d86;}
div#left form.surveyForum div.promptCon.toggled{display: block;}
div#left form.surveyForum div.promptCon.toggled.disabled.hidden{display: none;}
div#left form.surveyForum div.promptCon.toggled input{display: block; max-width: 220px;}
div#left form.surveyForum input[type="submit"]{background-color: #fff; border: 1px solid #fff; color: #331550;}
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 0px;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;}
form.surveyForum div.footNote{margin: 10px 0; font: 10px/12px 'Open Sans', Arial; font-weight: 400;}
form.surveyForum div.footNote a{color: #fff;}
div#pollingResults{background-color: #d7d7d7; border-radius: 12px; border: 1px solid #adadad; padding: 10px; margin: 20px 0 20px 20px;}
div#pollingResults h2{background-image: url(images/icon_data_grey.svg); background-size: 35px 26px; background-repeat: no-repeat; background-position: 0 0; font: 18px/24px 'Open Sans', Arial; font-weight: 600; padding: 10px 0 3px 40px; margin: 0px 0 10px 0;}
div#pollingResults p{font: 18px/24px 'Open Sans', Arial; font-weight: 400; white-space: normal; margin: 0;}
div#pollingResults div.feedGraph{width:240px;height:200px;}
div#pollingResults ol#qFeedback{font: 18px/24px '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;}
div#resources{position: relative; white-space: normal; border: 0; border-radius: 0; background-color: #ebebec; padding: 4px 0px 15px 8px; margin: 0 0 0 20px;}
div#resources h2{font: 14px/32px 'Open Sans',arial,sans-serif; font-weight: 600; background-image: url(images/icon_resources_grey.svg); background-size: 26px 32px; background-repeat: no-repeat; background-position: left 0px; padding: 0 0 0 30px; margin: 10px 0 20px 0; pointer-events: none;}
div#resources h3{font: 14px/14px 'Open Sans',arial,sans-serif; font-weight: 600; text-transform: uppercase;}
div#resources h3.cat1{color: #548fc3;}
div#resources h3.cat2{color: #7d4693;}
div#resources h3.cat3{color: #e97f3d;}
div#resources h3.cat4{color: #be5454;}
div#resources h3.cat5{color: #836352;}
div#resources a{margin-left: 10px !important;}
div#resources a.upload{position: absolute; top: 12px; right: 12px; display: block; font: 12px/32px 'Open Sans',arial,sans-serif; font-weight: 600; background-image: url(images/icon_upload_gray.svg); background-size: 19px 22px; background-repeat: no-repeat; background-position: 9px 5px; padding: 0px 6px 0 32px; text-decoration: none; border: 1px solid #adadad; border-radius: 12px;}
div#resources a.link{display: block; font: 12px/14px '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: 0px 0 0 35px; margin: 0px 0 20px 0; text-decoration: none; color: #4d4d4d; min-height: 36px;}
div#resources a.pdf{display: block; font: 12px/14px '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: 0px 0 0 35px; margin: 0px 0 20px 0; text-decoration: none; color: #4d4d4d; min-height: 36px;}
div#resources a.vimeo{display: block; font: 12px/14px '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: 0px 0 0 35px; margin: 0px 0 20px 0; text-decoration: none; color: #4d4d4d; min-height: 36px;}
div#forum{display: block; margin: -1px 0 40px 0; padding-top: 1px;width: 80%; margin-left: 10%;}
div#forum div.welcome{position: absolute; /* left: 0; width: 100vw;*/ font: 14px/20px 'Open Sans', Arial; font-weight: 400; white-space: normal; padding: 0 0 0 0; /*background-image: url(images/BG2.jpg); background-size: cover; background-repeat: no-repeat; z-index: 1;*/}
div#forum div.welcome div.PAD{display: block; margin: 0; width: 88%; padding: 30px 0 20px 300px; color: #fff; font: 12px/22px 'Open Sans', Arial; font-weight: 400; padding-left:20px;}
div#forum div.welcome h2{font: 18px/20px 'Open Sans', Arial; font-weight: 600; margin: 0 0 4px 0;}
div#forum div.welcome div.PAD div.cell{display: inline-block; vertical-align: top; padding: 0 20px 0 0; width: 210px;}
div#forum div.welcome div.PAD div.cell.end{padding-right: 0;}
div#forum div.welcome div.PAD div.cell div.docImg{background-size: cover; width: 165px; height: 140px; border: 2px solid #FFF; margin: 0 0 4px 0;}
div#forumTools{position: relative; z-index: 10; margin: 185px 0 25px; 0; background-color: #331550; border-radius: 20px; padding: 21px 20px 10px 20px; color: #fff; font: 30px/30px 'Open Sans', Arial; font-weight: 400; font-style: italic; text-shadow: -1px -2px #455c14; white-space: nowrap;}
div#forumTools a.addPost{display: inline-block; vertical-align: middle; padding: 5px 57px 0px 0; background-size: 50px 50px; background-repeat: no-repeat; background-position: top right; background-image: url(images/icon_add_large.svg); margin: -10px 0px -16px 1px;
color: #fff; font: 30px/30px 'Open Sans', Arial; font-weight: 600; font-style: italic; height: 45px;}
form#filterForm{/*background-color: #464646;*/ margin: -15px 0 15px -20px; border-radius: 20px; /*border: 1px solid #8f8f8f;*/ width: 100%; padding: 0px 20px 0px 20px; font: 16px/16px 'Open Sans',arial,sans-serif; font-weight: 400;}
form#filterForm label{background-image: url(images/icon_filter_white.svg); background-size: 21px 23px; background-repeat: no-repeat; background-position: left 0px; padding: 0 10px 0 28px; text-transform: uppercase;color:#fff;}
form#filterForm label.sort{background-image: url(images/icon_sort_white.svg);}
form#filterForm a.sortBtn{text-shadow: none; text-transform: uppercase; background-color: #e9e9e9; border-radius: 8px; color: #464646; padding: 2px 22px;}
form#filterForm a.sortBtn.author{margin: 0 55px 0 -20px;}
form#filterForm a.sortBtn.HL{position: relative; background-color: #d7d7d7; z-index: 10; font-weight: 600;}
form#filterForm a.sortBtn:hover{opacity: 1;background-color: #ccc;}
form#filterForm select {text-transform: uppercase; -webkit-appearance:none;-moz-appearance:none;text-indent:0.01px;text-overflow:'';cursor:pointer; font: 14px/24px 'Open Sans', Arial; height: 26px; border: 1px solid #bbb; border-radius: 12px; background-color: #e9e9e9; background-image: url(images/triangle_down_grey.svg); background-size: 14px 10px; background-repeat: no-repeat; background-position: 178px 7px; width: 200px; margin: 0;}
div#right div.PAD div#forum > h2{color: #60605f; font: 18px/20px 'Open Sans',arial,sans-serif; font-weight: 400; padding: 4px 0 6px 39px; background-image: url(images/icon_discussion.svg); background-repeat: no-repeat; background-size: 30px auto;}
div#forum div.listing{position: relative; white-space: normal; color: #4d4d4d; font: 14px/20px 'Open Sans', Arial; font-weight: 400; margin: 30px 0; background-color: #fff; border-radius: 20px; box-shadow: 4px 4px 20px -7px #333; padding: 20px 20px;}
div#forum div.listing > div.postInfo{padding-top: 18px; border-bottom: 1px solid #d7d7d7; padding-bottom: 8px;}
div#forum div.listing div.postInfo div.category{position: absolute; top: 13px; left: -13px; width: 207px; height: 34px; display: inline-block; color: #fff; margin: 0; padding: 10px 0 0 0; text-align: center; background-image: url(images/banner_category_purple.svg); background-size: auto 100%; background-position: top left; background-repeat: no-repeat; text-transform: uppercase; font: 13px/20px 'Open Sans', Arial; font-weight: 600;}
div#forum div.listing div.postInfo div.category.cat1{background-image: url(images/tab_testing.png);}
div#forum div.listing div.postInfo div.category.cat2{background-image: url(images/tab_diagnosis.png);}
div#forum div.listing div.postInfo div.category.cat3{background-image: url(images/tab_efficacy.png);}
div#forum div.listing div.postInfo div.category.cat4{background-image: url(images/tab_safety.png);}
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{display: inline-block; vertical-align: middle; font: 14px/14px 'Open Sans', Arial; font-weight: 400; margin-left: 10px;}
div#forum div.listing > div.postInfo div.postTools{float: right;}
div#forum div.listing h2{font: 18px/24px 'Open Sans', Arial;
font-weight: normal;
font-weight: 600;
margin-top: 10px;
color: #231f20;}
div#forum div.listing div.postTools{display: inline-block; vertical-align: middle; margin: 0 0 0 10px;}
div#forum div.listing div.postTools.userType1{display: none;}
div#forum div.listing img{max-width: 100%;}
div#forum div.listing p a{color: #4d4d4d;}
div#forum div.listing.private{background-color: #fff4d2;}
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_discussion_white.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: 20px 0px 0px 23px; border: 1px solid #cbcbcb; padding: 10px 10px 5px 10px;margin-bottom: 10px;border-radius: 10px;background-color:#fff;width:100%;}
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{background-image: url(images/icon_discussion_purple.svg); background-repeat: no-repeat; background-size: 21px 21px !important; padding: 0 0 0 25px !important; height: 27px; /*background-size: contain !important;*/ font-size: 12px; padding: 0; margin: 0px 0 0 12px;}
div#forum div.reply.subReply{}
div#forum div.reply.hidden{display: none;}
div.showMore{display: block; width: fit-content; margin: 0 auto; 0 auto; padding: 10px; text-transform: uppercase; border: 1px solid silver; width: 99%; margin-left: 23px; border-radius: 10px; background-color: #e4e4e5; text-align:center; font-weight:bold; color:#830150;}
div#forum a.showMore.hidden{display: none;}
div#forum div.success{font: 20px/42px 'Open Sans', Arial; font-weight: 600; color: #331550;margin-top:30px;}
form#askForm{display:block;margin-top:15vh;margin-right:auto;margin-left:auto;width:784px;position:relative;border:1px solid #fff;color:#fff; background-color: #331550; 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: 22px/22px 'Open Sans',arial,sans-serif; font-weight: 600; color: #fff;}
form#askForm p{font: 12px/14px 'Open Sans',arial,sans-serif; font-weight: 400; white-space: normal;}
form#askForm select{display: block; width: 784px;}
form#askForm input[type="text"]{display: block; width: 762px; margin-top: 10px;}
form#askForm textarea{display: block; width: 778px;}
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; margin: 14px; border-radius: 0; border: 1px solid #fff; background-color: #fff; color: #331550;}
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:784px;position:relative;border:1px solid #fff;color:#fff; background-color: #331550; background-size: cover;padding:30px 15px;z-index:9999;}
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; color: #fff;}
form#replyForm textarea{width: 778px;}
form#replyForm input[type="text"]{width: 768px;margin-top:10px;}
form#replyForm input[type="submit"]{float: right;width: auto; margin: 14px; border-radius: 0; border: 1px solid #fff; background-color: #fff; color: #331550;}
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:784px;position:relative;border:1px solid #fff;color:#fff; background-color: #331550; 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;margin: 0 0 10px 0;}
form#uploadForm select{display: block;}
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; margin: 14px; border-radius: 0; border: 1px solid #fff; background-color: #fff; color: #331550;}
form#uploadForm input[type="submit"]:hover {opacity: 1;}
form#uploadForm div.warning{color: #ffd000;}
form#resPopForm{display:block;margin-top:15vh;margin-right:auto;margin-left:auto;width:784px;position:relative;border:1px solid #fff;color:#fff; background-color: #331550; background-size: cover;padding:30px 15px;}
form#resPopForm 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#resPopForm a#resDownLoad{display: inline-block; font: 12px/32px 'Open Sans',arial,sans-serif; font-weight: 600; background-image: url(images/icon_download_white.svg); background-size: 19px 22px; background-repeat: no-repeat; background-position: 9px 5px;
padding: 0px 6px 0 32px; text-decoration: none; border: 1px solid #fff; border-radius: 12px; color: #fff; text-transform: uppercase; margin: 0 10px 0 0;}
input#linkCopy{width: 75%;}
div#searchResultsCon{}
div#searchResultsCon > h2{color: #4d4d4d; font: 24px/24px 'Open Sans', Arial; font-weight: 600; margin: 0; padding: 40px 0 0 0;}
div#searchResultsCon > p{}
div#searchResultsCon div.listing{position: relative; white-space: normal; color: #4d4d4d; font: 14px/20px 'Open Sans', Arial; font-weight: 400; margin: 40px 0; background-color: #fff; border-radius: 20px; box-shadow: 4px 4px 20px -7px #333; padding: 20px 20px;cursor: pointer;}
div#searchResultsCon div.listing > div.postInfo{padding-top: 18px; border-bottom: 1px solid #d7d7d7; padding-bottom: 8px;}
div#searchResultsCon div.listing div.postInfo div.category{position: absolute; top: -10px; left: 10px; width: 207px; height: 34px; display: inline-block; color: #fff; margin: 0; padding: 10px 0 0 0; text-align: center; background-image: url(images/tab_other.png); background-size: auto 100%; background-position: top left; background-repeat: no-repeat; text-transform: uppercase; font: 16px/20px 'Open Sans', Arial; font-weight: 600;}
div#searchResultsCon div.listing div.postInfo div.category.cat1{background-image: url(images/tab_testing.png);}
div#searchResultsCon div.listing div.postInfo div.category.cat2{background-image: url(images/tab_diagnosis.png);}
div#searchResultsCon div.listing div.postInfo div.category.cat3{background-image: url(images/tab_efficacy.png);}
div#searchResultsCon div.listing div.postInfo div.category.cat4{background-image: url(images/tab_safety.png);}
div#searchResultsCon div.listing div.postInfo div.name{display: inline-block; vertical-align: middle; font: 16px/16px 'Open Sans', Arial; font-weight: 600;}
div#searchResultsCon div.listing div.postInfo div.when{display: inline-block; vertical-align: middle; font: 14px/14px 'Open Sans', Arial; font-weight: 400; margin-right: 20px;}
div#searchResultsCon div.listing > div.postInfo div.postTools{float: right;}
div#searchResultsCon div.listing h2{font: 16px/18px 'Open Sans', Arial; font-weight: 600; margin-top: 10px;color: #331550;}
div#searchResultsCon div.listing div.postTools{display: inline-block; vertical-align: middle; margin: 0 0 0 10px;}
div#cke_medCKbody{margin-bottom: 10px;}
input.toggleBtn, input[type="radio"].toggleBtn, input[type="checkbox"].toggleBtn{display:none;}
a.backLink{display: inline-block; font: 14px/32px 'Open Sans',arial,sans-serif; font-weight: 500; color: #000; border: 1px solid #f0f0f0; background-color: #f0f0f0; border-radius: 20px; padding: 0px 40px 0px 40px; width: auto;}
a.fileLink{display: inline-block; background-image: url(images/icon_pdf.svg); background-position: 0 0; background-repeat: no-repeat; background-size: 24px 30px; padding: 0px 0 12px 30px; color: #60605f; font: 18px/30px 'Open Sans',arial,sans-serif; font-weight: 400; margin: 10px 0 0px 0;}
div#diagramCon{display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0,0,0,0.7); z-index: 500;}
div#diagramCon.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#diagramCon div.closeBtn{position: absolute;top: 5vh; right: 50vw; margin-top: -20px; margin-right: -45vw;cursor: pointer; z-index: 600; color: #000; background-image: url(images/video-close.png); background-size: 40px 40px; width: 40px; height: 40px;}
div#diagramCon img{display: block; margin: 5vh auto; max-width: 94vw;}
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;}
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 #331550; background-color: #331550; border-radius: 0; 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; 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: 92%;}
input[type="radio"]{display: inline-block; vertical-align: middle; width: 30px; height: 30px; margin: 0 20px 0 10px; cursor: pointer;}
select{color: #222; border: 1px solid #bbb; font: 16px 'Open Sans', Arial; line-height: 38px; border-radius: 0px; margin: 0px 0px 10px 0px; padding: 0px 10px; height: 38px; width: 100%;}
div.note{color: #222; font-size: 12px; line-height: 14px; text-align: left; padding: 0px 20px 20px 2px; margin-top: -6px;}
div#thanks{}
div#footerSpace{height: 100px;}
div#footer{ bottom: 0; width: 100%; margin: 0; padding: 15px 0 15px 0; text-align: center; font-size: 13px; line-height: 14px; color: #60605f; background-color: #fff; z-index: 400; min-height: 45px;}
div#footer p{font: 12px/14px 'Open Sans',arial,sans-serif; font-weight: 400; margin: 0; padding:0; white-space: normal; padding-left: 50px;padding-right: 50px;}
div#footer div.right p{font: 10px/12px 'Open Sans',arial,sans-serif; font-weight: 400;}
div#footer img.BIlogo{float: left; height: 26px; margin: 0 10px 0 0;}
div.mainContainer div#footer div.PAD{width: 980px; margin: 0 auto;}
div.mainContainer div#footer div.right{position: absolute; top: 14px; left: 54%; white-space: nowrap;}
span.addtocalendar > a{background-image: url(images/calendar.svg) !important; background-repeat: no-repeat; background-size: 120px 52px; padding: 0 0 0 130px; min-height: 52px; font-weight: 700;}
a.rightLink{display:inline-block;float:right;text-decoration:none;color:inherit;}
form#logForm.admin{width: 500px; margin: 20px auto; white-space: normal;}
body.admin div.mainContainer{overflow-x: auto; height: 100%;}
form#adminForm{padding: 20px; font-size: 16px; line-height: 18px; white-space: normal;}
form#adminForm h1{font-size: 18px; line-height: 20px;}
form#adminForm > a{text-decoration: underline;}
form#adminForm input[type="submit"]{display: inline-block; vertical-align: middle; width: auto; font-size: 16px; line-height: 20px; padding: 0 20px; height: 28px; margin: 15px 0;}
form#adminForm.evals{background-color: #fff; color: #000;}
form#adminForm.evals select{width: 400px; height: 40px;}
form#adminForm.evals a{color: #000;}
ol#qFeedback{}
ol#qFeedback.surveys{list-style: none;}
ol#qFeedback h2, div#qFeedback h2{font: 20px/24px 'Open Sans', Arial;font-weight: 600;margin: 0px 0px 10px 0px;}
ol.alpha.answers{padding: 5px 0px 20px 60px;}
img.feedGraph{display: block;margin: 0 auto 10px auto;}
ol#qFeedback div.graphRight{float: right;margin-bottom: 20px;}
ol#qFeedback div.graphRight h3{text-align: center;}
ol#qFeedback div.feedGraph{width:500px;height:300px;}
div#qFeedback div.graphRight{float: right;margin-bottom: 20px;}
div#qFeedback div.graphRight h3{text-align: center;}
div#qFeedback.wheel div.feedGraph{width: 700px; height: 600px;}
ol#qFeedback div.footNote{margin: 10px 0 20px 0; font: 10px/12px 'Open Sans', Arial; font-weight: 400;}
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;}
div.table{display:table;max-width:980px;}
div.tableRow{display:table-row;}
div.table.full{width:100%;height:100%;max-width:none;}
div.tableCell, div.tableRow div{display:table-cell;vertical-align:top;text-align:left;padding-right:20px;}
div.tableCell.head{font:20px/22px 'Open Sans', Arial;font-weight:bold;padding-bottom:6px;}
div.tableCell ul{padding-left:40px;}
div.tableCell li{padding-bottom:0px;}
div.tableCell.full{width:100%;height:100%;vertical-align:middle;text-align:center;padding:0px;}
table.csvTable{border-collapse: collapse;border:0px;border-spacing:0px;font:14px/16px pt_sansregular, Arial;}
table.csvTable th{text-transform:uppercase;padding:3px 8px 8px 8px;}
table.csvTable td{padding:3px 8px;}
table.csvTable tr.offRow{background-color:#ffbba5;}
table {
border-collapse: inherit;
border-spacing: 5px;
background-color:#fff;margin:auto;border-radius:20px;
}
tr {
border-bottom: 1pt solid #e6e7e8;
height:50px;
}
th, td {
padding: 15px;
}
a{color:#60605f;font:15px/20px 'Open Sans', Arial;}
.divAdminLogo{width:100%; display:block;background-color:#fff;padding:10px;box-shadow: 1px 0px 5px 1px #60605f;position:relative;}
.divAdminLogoLeft{width:46%;display:inline-block; text-align:left;}
.divAdminLogoRight{width:49%;display:inline-block; text-align:right;vertical-align:middle}
.adminTopBtn{width:170px;display:inline-block;text-align:center; padding:10px;border: 1px solid #e6e7e8; border-top:0px; border-bottom:0px;}
.activeTab{background-color:#fcaf19;}
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;
}
div.miceType{font:12px/14px 'Open Sans', Arial;}
table.smallForm{font-size:12px;line-height:14px;}
.blankImg{opacity:0;}
@keyframes FadeIn { 0% { opacity:0; } 100% { opacity:1; } }
@-webkit-keyframes FadeIn { 0% { opacity:0; } 100% { opacity:1; } }
@-moz-keyframes FadeIn { 0% { opacity:0; } 100% { opacity:1; } }
@-ms-keyframes FadeIn { 0% { opacity:0; } 100% { opacity:1; } }
.fadeItIn { -webkit-animation-name: FadeIn; -webkit-animation-timing-function: ease-in; -webkit-animation-duration: 600ms;
-moz-animation-name: FadeIn; -moz-animation-timing-function: ease-in; -moz-animation-duration: 600ms;
-ms-animation-name: FadeIn; -ms-animation-timing-function: ease-in; -ms-animation-duration: 600ms;
animation-name: FadeIn; animation-timing-function: ease-in; animation-duration: 600ms; }
@keyframes FadeOut { 0% { opacity:1; } 100% { opacity:0; } }
@-webkit-keyframes FadeOut { 0% { opacity:1; } 100% { opacity:0; } }
@-moz-keyframes FadeOut { 0% { opacity:1; } 100% { opacity:0; } }
@-ms-keyframes FadeOut { 0% { opacity:1; } 100% { opacity:0; } }
.fadeItOut { opacity:0; -webkit-animation-name: FadeOut; -webkit-animation-timing-function: ease-out; -webkit-animation-duration: 1s;
-moz-animation-name: FadeOut; -moz-animation-timing-function: ease-out; -moz-animation-duration: 1s;
-ms-animation-name: FadeOut; -ms-animation-timing-function: ease-out; -ms-animation-duration: 1s;
animation-name: FadeOut; animation-timing-function: ease-out; animation-duration: 1s; }
@keyframes scrollIn1 {
0% { opacity:0;transform: translate(0px,30px) scale(.5,.5);}
100% { opacity:1;transform: translate(0px,0px) scale(1,1);}
}
@-webkit-keyframes scrollIn1 {
0% { opacity:0;-webkit-transform: translate(0px,30px) scale(.5,.5);}
100% { opacity:1;-webkit-transform: translate(0px,0px) scale(1,1);}
}
@-moz-keyframes scrollIn1 {
0% { opacity:0;-moz-transform: translate(0px,30px) scale(.5,.5); }
100% { opacity:1;-moz-transform: translate(0px,0px) scale(1,1); }
}
@-ms-keyframes scrollIn1 {
0% { opacity:0;-ms-transform: translate(0px,30px) scale(.5,.5); }
100% { opacity:1;-ms-transform: translate(0px,0px) scale(1,1); }
}
.scrlIn1 { -webkit-animation-name: scrollIn1; -webkit-animation-timing-function: ease-out; -webkit-animation-duration: 500ms;
-moz-animation-name: scrollIn1; -moz-animation-timing-function: ease-out; -moz-animation-duration: 500ms;
-ms-animation-name: scrollIn1; -ms-animation-timing-function: ease-out; -ms-animation-duration: 500ms;
animation-name: scrollIn1; animation-timing-function: ease-out; animation-duration: 500ms; }
img.footerLogo{width: 10%; margin-right: 20px;}
div#main_wrapper{width: 100%; margin-left:0%;display:block;margin-top:-250px;position:relative}
div#footer_left{width:40%; display:inline-block; text-align:right;}
div#footer_right{width:48%; display:inline-block; text-align:left; font:16px/14px 'Open Sans', Arial;}
.footerLogo{width:20% !important;}
form#loginForm h1 {
font: 16px/22px 'Open Sans',arial,sans-serif;
font-weight: normal;
font-weight: 400;
color: #830150;
}
.new_msg{margin-bottom:0vh; font:20px/24px 'Open Sans', Arial;width:80%; margin-left:10%;font-weight:bold;text-align:center;color:#fff;}
.new_msg1{width:80%; margin-left:10%; text-align:right; margin-top:50px;font:20px/24px 'Open Sans', Arial; font-weight:bold;}
.newDivMargin{}
@media all and (max-width: 790px){
body{font: 3.5vw 'Open Sans', Arial; font-weight: 400; line-height: 4vw;}
div.mainContainer{background-image: none; height: auto; min-height: 100vh;}
.new_msg{margin-top:210px; font:14px/19px \'Open Sans\', Arial;font-weight:bold;}
.new_msg1{font:16px/20px 'Open Sans', Arial; font-weight:bold;}
sup{position: relative; display: inline-block; font-size: 2vw; margin-top: -1vw;}
.adminTopBtn{width:94%;}
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;}
div#menuBtn{right: 2vw;}
div#footer_left{text-align:left;width:30%;margin:auto;display:block;}
div#footer_right{text-align:left;width:99%;font:8px/12px 'Open Sans', Arial !important;margin-top:20px;margin:auto;text-align:center;}
form#topToolsForm{right: 15vw;}
form#topToolsForm input#keyWord{width: 22vw; margin: 0 1vw 0 0;}
img#bannerTime{top: 17vw; height: 12vw; width: auto;}
div#welcome{margin: 0 0 0 5vw;}
div.divLogin{display: block; width: 100%;}
p.simpleTxt{padding-left: 18px;}
body#s0 div#mainContainer{height: auto; min-height: 100vh; background-color: #fff;}
.newDivMargin{margin-top:30vh}
div#mainMenu{top: 0;}
div#homeBox{margin: 0vh auto 0 auto; width: 100vw; height: auto; overflow: auto; background-color: #fff; box-shadow: 9px 9px 14px -4px #333; padding-top: 5vh;}
div#homeBox div.left{display: block; width: 92vw; margin: 4vw;}
div#homeBox img#logoMain{display: block; vertical-align: top; width: 92vw; height: auto; margin: 0vh auto 2vh auto;}
form#loginForm{padding: 4vw 4vw 6vw 4vw; width: 92vw;height: auto;position: inherit; display: block;}
form#loginForm h1{text-align: center; font: 6vw/6.5vw 'Open Sans',arial,sans-serif; font-weight: 400; margin: 2vh 0 2vh 0; color: #60605f;}
form#loginForm input[type="submit"]{position: relative; bottom: unset; left: unset; margin: 0 auto; font: 6vw/10vw 'Open Sans',arial,sans-serif; font-weight: 600;}
form#loginForm input[type="submit"].wider{margin: 0 auto;}
body.l1 form#loginForm input[type="submit"]{margin: 2vw auto;}
div#forum{width:99%;margin-left:2%;}
div#left{position: relative; display: block;}
div#left form.surveyForum{margin: 13vw 0 0 3vw; width: 90%; padding: 4vw 4vw;}
div#resources{max-height: 40px; margin-bottom: 0; overflow: hidden;}
div#resources h2{cursor: pointer; pointer-events: all;}
div#resources.shown{max-height: unset;}
div#right div.PAD.forum{width: 100%; margin-left: 0px; margin-top: 9vh;}
h1{font-size: 6vw; line-height: 3vw; padding: 0vw 0px 0vw 0px;font:6vw/6vw 'Open Sans', Arial;}
select{width: 99%;}
input[type="submit"]{width: 99%;}
form#accountForm{position: relative; width: auto; padding-top: 4vw;padding-bottom: 30vw;}
form#accountForm select{width: 100%;}
form#pollingQuestionForm {padding: 6vw 3vw 12vw 4vw;width: 94vw;}
form#pollingQuestionForm div.question{font: 4vw/4.5vw 'Open Sans', Arial; font-weight: 600; padding: 2vw 0;}
div.questionTable{ margin-bottom: 4vh;}
div.questionRow{margin-bottom: 2vw; margin-left: 6vw;}
div.questionLetter {padding: 0; text-align: center; font: 10vw/10vh 'Open Sans', Arial; height: 10vh; width: 10vw;}
div#left form.surveyForum div.questionLetter {height: auto; width: 10vw;}
div.questionText p {height: 8vh; padding: 0.8vh;border: 0.2vh solid #4d4d4d;}
div.questionText {font: 1.8vh 'Open Sans', Arial;font-weight: 600;color: #333333; height: 10vh; width: 75vw;}
div#left form.surveyForum div.questionText{height: auto; width: 70vw;}
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;}
/*********************/
div.contentBox{
width: 100%;
padding: 0px;
}
div.contentBox > img{
width: 75%;
padding-top: 10px;
}
form#loginForm input{
width: 94%;
}
form#loginForm input[type="submit"]{
width: 100%;
}
a img{
width:80%;
padding-top: 10px;
}
form#accountForm{
padding: 10px;
}
div#footer{
margin-top:15%;
padding-bottom: 10px;
top: 100%;
min-height: 40px;
}
div#right div.PAD.committee{
margin-left: 0px;
padding: 10px;
width: 94%;
margin-top: 74%;
}
div#right div.PAD.committee p{
font: 16px/22px 'Open Sans',arial,sans-serif;
}
div#right div.PAD.committee h1{
margin: 0px;
white-space: normal;
}
img#leftLogo{
width: 150px;
height: auto;
margin: 0px 0 0 5px;
}
form#topToolsForm input#keyWord{
width: 88px;
}
div#forum div.welcome div.PAD{
padding: 20px 0 20px 10px; width: 100vw;
}
div#forum div.welcome div.PAD div.div1{
display: block;
}
div#forum div.welcome div.PAD div.cell{width: 40vw;}
div#forumTools{margin: 200px 0 0 0; font: 4vw/5vw 'Open Sans', Arial; font-style: italic; }
div#forumTools a.addPost{font: 4vw/5vw 'Open Sans', Arial; font-weight: 600; height: auto; margin: -4vw 0px -16px 1px; background-size: 7vw 7vw; padding: 5px 8vw 2vw 0;}
form#filterForm{
padding: 50px 2vw 0px 7vw; width: 96vw; font: 2.5vw/3vw 'Open Sans',arial,sans-serif;
}
form#filterForm a.sortBtn{padding: 2vw 22px; display: inline-block;}
form#filterForm a.sortBtn.author{
margin: 0 0px 0 -20px;
}
form#filterForm select{width: 50vw; background-position: 42vw 7px; font: 3.5vw 'Open Sans', Arial; }
form#filterForm label{
background-image: none;
padding: 0 2px 0 3px;
color:#000;
font: 3.5vw 'Open Sans', Arial;
}
form#filterForm label.sort{
background-image: none;
color:#000;
}
form#askForm{width: 86vw; margin-top: 5vh;}
form#askForm select{width: 80vw;}
form#askForm input[type="text"]{width: 75vw;}
form#askForm textarea{width: 80vw;}
form#askForm div#cke_medCKbody{margin-bottom: 10px; max-width: 81vw;}
div#footer p{font: 2.5vw/3vw 'Open Sans',arial,sans-serif;}
.tab{width:93% !important;margin-top:12px !important;}
.tablinks{width:172px !important;}
.mainDiv{width:96% !important;}
.sectionPage{width:32% !important;}
.txtClass{width:91% !important;}
.btnDiv{width:87% !important;}
.btnLeftDiv{width:49% !important;}
input[type="submit"]{font:17px/22px 'Open Sans', Arial; width:100px;}
div#left{position: relative; display: block; margin-top: 250px; width: 94%;}
.tab button{padding:13px 16px !important; font-size:12px !important;}
a#leftblock{display:none;}
div#pollingResults{margin-top:130px;}
.replyOption{margin-left:32% !important;}
div.showMore{width:93% !important; margin-left:0px;font-size:10px;}
div#forum div.listing div.postTools{left: 58%; width: 100%; position: relative;padding:10px;}
div#forum div.listing{width: 84% !important; margin-left: 4%;}
div#pollingResults div.feedGraph{margin-left:12px;}
div#right div.PAD.forum{margin-top:0vh;}
form#replyForm{width:90%;}
div#forum div.reply{width:87% !important; padding: 20px 20px 15px 20px;margin-left:0px;}
div#footer{margin-top: -14%;}
div#footer p{padding-left: 10px;padding-right: 10px;}
img.footerLogo{width: 90% !important}
div#right div.PAD.committee{margin-top:30%;}
div#forum div.welcome{
background-image: url(images/BG2.jpg);
background-size: cover;
background-repeat: no-repeat;
}
div#main_wrapper{width: 100%;display:block;top:-250px;position:relative; margin-left:0px;}
}
@media print {
.pageBreak{display:block; page-break-before:always;}
div#printBtn{display:none;}
.dontPrint{display:none;}
.onlyPrint{display:block;}
div.feedbackQuestion{page-break-inside: avoid;}
ol#qFeedback div.graphRight{max-width: 480px;}
div.mainContainer{height: auto;}
#qFeedback > li{page-break-inside: avoid;}
div#left{display:none;}
html{height: auto;}
body{height: auto;}
div.mainContainer{height: auto;}
}
/******** Tab CSS ********/
.tab {
overflow: hidden;
border: 1px solid #ccc;
background-color: #f8f7f8;
width:460px;
border-radius: 15px 15px 0 0;
margin-top: 32px;
}
.tablinks{
width:230px;
border-radius: 15px 15px 0 0;
}
.tab button {
background-color: inherit;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 9px 16px;
transition: 0.3s;
font-size: 17px;
}
.tab button:hover {
background-color: #ddd;
}
.tab button.active {
background-image: linear-gradient(white, silver);
background-size: contain;
}
.tabcontent {
display: none;
padding: 6px 12px;
border: 1px solid #ccc;
border-top: none;
}
.forumHeading{
display: inline-block;
vertical-align: middle;
padding: 2px 50px 0px 47px;
background-size: 30px 30px;
background-repeat: no-repeat;
background-position: top left;
background-image: url(images/icon_discussion_white.svg);
margin: -10px 0px -16px 1px;
color: #fff;
font: 18px/24px 'Open Sans', Arial;
font-style: normal;
font-weight: normal;
font-style: normal;
font-weight: normal;
font-weight: 600;
font-style: none;
height: 45px;
}
.mainDiv{border:1px solid; display: block; vertical-align: top;border-radius: 10px;background-image: linear-gradient(white, silver);}
.mainHeading{color:#331550;padding-top:15px; padding-bottom:10px; padding-left: 15px;}
.sectionDiv{background-color: silver;display: block;border-radius: 10px;}
.sectionTitle{color:#000;padding-left: 15px;display: inline-block; width: 60%}
.sectionPage{color:#000;text-align: right; display: inline-block; width: 35%}
.pageContents{background-color: #fff;margin-left: 10px;margin-right: 10px; margin-bottom: 10px;padding: 10px;color:#000;border-radius: 10px;font:15px/20px 'Open Sans', Arial}
.replyOption{border:1px solid;margin-left:70%;width:200px;text-align:right;padding:5px;border-radius:20px;background-color:#381650;margin-bottom:15px;}
.btnDiv{width: 97%;margin:10px; margin-top:50px; margin-bottom:30px;}
.btnLeftDiv{display:inline-block; text-align:left;width:49%; }
.btnRightDiv{display:inline-block; text-align:right;width:49%;}
.pQclass{margin-top:10px; margin-left:10px;}
.txtClass{width: 96%;margin-left:10px;margin-bottom: 10px;}
.qLabel{margin-left:10px;}
#modal {
position: fixed;
font-family: Arial, Helvetica, sans-serif;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.8);
z-index: 99999;
height: 100%;
width: 100%;
}
.modalconent {
position: absolute;
top: 30%;
left: 50%;
transform: translate(-50%, -50%);
background: #fff;
width: 50%;
padding: 20px;
}
p.pre_read{color:#000; padding-left:15px;padding-top:15px; font: 16px/20px 'Open Sans',arial,sans-serif;background-image: url(./images/icon_pre-read_purple.svg); background-size: 40px 40px; background-repeat: no-repeat; background-position: 10px 20px; padding-left: 60px;}