.internalPage h1, .internalPage h2, .internalPage h3, .internalPage h4, .internalPage h5, .internalPage h6 {font-weight: 900;} .internalPage h1 {line-height: 48px;} .internalPage h2 {font-size: 28px; line-height: 40px;} .internalPage h3 {font-size: 22px; line-height: 34px; color: #555559;} .internalPage h4 {font-size: 22px; line-height: 34px; color: #ed1b2d;} .internalPage h5 {font-size: 18px; line-height: 30px; color: #555559;} .internalPage h6 {font-size: 18px; line-height: 30px; color: #ed1b2d;} @media (max-width: 567px) { .internalPage h1 {line-height: 30px;} .internalPage h2 {font-size: 14px; line-height: 28px;} .internalPage h3 {font-size: 14px; line-height: 28px;} .internalPage h4 {font-size: 14px; line-height: 28px;} .internalPage h5 {font-size: 14px; line-height: 26px;} .internalPage h6 {font-size: 14px; line-height: 26px;} } .stopBox h3 {font-size: 24px; font-weight: 700; line-height: 170%; color: #ffffff;} @media (max-width: 768px) { .stopBox h3 {font-size: 18px; line-height: 24px;} } .sidebarMenu {padding: 12px 20px 30px 25px;} /* -------------------------------------------------- NEW SOCIAL SHARE & PRINT TOOLS ------------------------------------------------------*/ #socialnav {max-width: 100%; margin: 20px auto 0; /*height: 54px;*/} #socialnav #socialnav_space {width: 300px; margin: 0 30px 0 0; display: none; /*display: inline-block;*/} #socialnav #socialnav_int {width: 99%; /*width: 68%; width: calc(100% - 330px); width: -webkit-calc(100% - 330px); width: -moz-calc(100% - 330px); max-width: 915px;*/ margin: 0 0 10px;} #socialnav #socialbuttons {} #socialnav #socialbuttons li {float: left; height: 54px; margin-right: 10px;} #socialnav #socialbuttons li.label {font-size: 14px; line-height: 18px; font-weight: 700;} #socialnav #socialbuttons li.label:before {content: '\200B';/* content: ''; margin-left: -0.25em; */ display: inline-block; height: 100%; vertical-align: middle;} #socialnav #socialbuttons li.headline {margin-left: 10px; font-size: 18px; line-height: 24px; font-weight: 400; margin-top: 2px; display: inline-block; width: 60%; width: calc(100% - 310px); width: -webkit-calc(100% - 310px); width: -moz-calc(100% - 310px); margin-right: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #socialnav #socialbuttons li.headline:before {content: '\200B';/* content: ''; margin-left: -0.25em; */ display: inline-block; height: 100%; vertical-align: middle;} #socialnav #socialbuttons .share {border: 0 none; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; color: #ffffff; display: block; font-size: 16px; font-weight: bold; height: 36px; line-height: 36px; margin-top: 8px; text-align: center; text-decoration: none; width: inherit; /*padding: 0 5px;*/ min-width: 36px;} #socialnav #socialbuttons .share .fa {/*margin-right: 2px;*/} #socialnav #socialbuttons .share.facebook {background-color: #3b5998;} #socialnav #socialbuttons .share.twitter {background-color: #55acee;} #socialnav #socialbuttons .share.linkedin {background-color: #007bb5;} #socialnav #socialbuttons .share.google-plus {background-color: #dd4b39;} #socialnav #socialbuttons .share.facebook:hover, #socialnav #socialbuttons .share.twitter:hover, #socialnav #socialbuttons .share.linkedin:hover, #socialnav #socialbuttons .share.google-plus:hover {background-color: #bad80a;} #print-email {display: inline-block; margin-top: 10px; /*position: relative; bottom: -10px;*/} #print-email .addthis-animated {-webkit-animation-fill-mode: none; animation-fill-mode: none; animation-timing-function: inherit; -webkit-animation-duration: 0s; animation-duration: 0s;} #print-email .at-style-responsive .at-share-btn {background-color: #3a75c4 !important; padding: 5px !important;} #print-email .at-resp-share-element .at-share-btn {margin: 0 0 0 10px !important; -webkit-transition: none; transition: none;} #print-email .at-resp-share-element .at-share-btn .at-icon-wrapper {line-height: 26px !important; height: 26px !important; width: 26px !important;} #print-email .at-resp-share-element .at-icon {height: 26px !important; width: 26px !important;} #print-email .at-style-responsive .at-share-btn:hover {background-color: #bad80a !important;} #print-email .at-resp-share-element .at-share-btn:focus, #print-email .at-resp-share-element .at-share-btn:hover {-webkit-transform: translateY(0); transform: translateY(0);} #print-email > span > a.button {height: 34px; width: 35px; line-height: 34px; background-color: #3a75c4; min-width: inherit; padding: 0; margin-left: 10px;} #print-email > span > a.button:hover {background-color: #bad80a;} @media (max-width: 768px) { #socialnav #socialnav_space {display: none;} #socialnav #socialnav_int {width: 100%; margin: 0;} #socialnav #socialbuttons li.headline {display: none;} } @media (max-width: 567px) { #socialnav #socialbuttons li:nth-child(5) {margin-right: 0;} #socialnav #socialbuttons li.label {line-height: 12px; width: 60px; height: auto; text-align: right; transform: translateY(50%);} } @media (max-width: 400px) { #socialnav #socialbuttons {margin-left: 2px;} #socialnav #socialbuttons li.label {text-align: left; width: 100%; margin-bottom: 5px; float: none;} #print-email {text-align: left; margin-bottom: 12px; margin-left: -8px; display: block;} } /*---- Design Fixes ----*/ .aboutBox h3 {color: #ffffff; background-color: #555559; line-height: 30px; padding: 9px 25px; border-radius: 0 20px 0 0;} .internalPage ul > div > li {display: block; text-indent: -18px; margin-bottom: 10px;} .internalPage ul > div > li:before {content: "\2022"; color: #a3a9ac; margin-right: 8px;} .internalPage ul.results > .box {margin-bottom: 30px;} #nationalContent {display: inline-block;} input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;} .center {text-align: center;} img.hero {width: 100%; max-width: none;} #nationalContent {width: 100%;} .quote {border-top: 1px solid #dfe1e2; margin-top: 30px; padding-top: 10px; padding-left: 4em; font-style: italic; line-height: 28px !important;} .quote:before {content: "\201c"; color: #dfe1e2; font-size: 100px; font-style: normal; position: relative; top: 40px; font-family: 'Tinos', serif;} .quote:after {content: "\201d"; color: #dfe1e2; font-size: 30px; font-style: normal; position: relative; top: 5px; font-family: 'Tinos', serif;} .quote .attribution {display: block; text-align: right; font-size: 14px; line-height: 24px; float: right; margin: 15px auto 40px 25%; font-style: normal;} .quote .attribution:before {content: "\2014 "; } sup {position: relative; top: -0.5em; font-size: 60%;} .thunderclap {width: 250px;} .thunderclap.right {margin: 0 0 0 30px;} p.nextLinks {font-size: 21px; font-weight: 700; line-height: 33px; text-align: right; margin-top: -20px; margin-bottom: 30px;} p.nextLinks:after {content: "\f054"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #3a75c4; margin-left: 3px; position: relative; bottom: -2px;} @media (max-width: 567px) { p.nextLinks {font-size: 18px; line-height: 30px; margin-top: -10px; margin-bottom: 20px;} } /* -------------------------------------------------- RELATED RESOURCES ------------------------------------------------------*/ .resource_content {text-align: center; vertical-align: top; width: 100%; margin: 30px auto 0; display: inline-block;} .resource_content > h5 {text-align: center; width: 100%; border-bottom: 1px solid #a3a9ac;} .resource_content > h5 > span {color: #ffffff; text-transform: uppercase; letter-spacing: .5px; background-color: #a3a9ac; padding: 3px 11px; display: inline-block;} .resource_content > .individual_resource {text-align: center; vertical-align: top; width: 21%; min-width: 175px; min-height: 245px; margin: 10px 2% 50px; display: inline-block; position: relative;} .resource_content > .individual_resource > .fileIcon {background-color: #ffffff; min-width: 74px; min-height: 74px; margin-bottom: 10px; display: inline-block; border: 6px solid #a3a9ac; border-radius: 50%;} .resource_content > .individual_resource > p {font-size: 18px; font-weight: 900; line-height: 24px; padding-bottom: 30px;} .resource_content > .individual_resource > .smallButton {font-size: 16px; font-weight: 700; color: #ffffff; text-align: center; text-decoration: none; line-height: 35px; background-color: #3a75c4; width: 120px; height: 35px; margin: 0 auto; display: inline-block; border: 0 none; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);} .resource_content > .individual_resource > .smallButton:hover {background-color: #bad80a;} hr#relatedContentHRone, hr#relatedContentHRtwo {margin: 0 0 65px;} @media (max-width: 567px) { .resource_content > .individual_resource {min-height: 200px;} .resource_content > .individual_resource > p {font-size: 14px; font-weight: 900; line-height: 21px; padding-bottom: 20px;} } @media (max-width: 450px) { .resource_content > .individual_resource {width: 100%; min-height: initial; margin: 10px auto 40px; position: initial;} .resource_content > .individual_resource > p {padding-bottom: 0;} .resource_content > .individual_resource > .smallButton {position: initial; bottom: initial; left: initial; transform: initial;} } /*---- 2 COLUMN DISEASE LAYOUT --------*/ #aboutCols.twoColumn > .stopBox:first-child {margin-right: 9.6%;} #aboutCols.twoColumn > .stopBox {width: 45.2%; float: left; font-size: 18px; line-height: 30px;} #aboutCols.twoColumn > .stopBox > div {margin: 7px 0 0 0; padding: 12px 25px 30px 25px; border: 1px solid #a3a9ac; border-top: none;} /*---- SOCIAL MEDIA / E-NEWSLETTER SIGN-UP WIDGET --------*/ #social-enews-widget {display: inline-block; width: 100%; margin-bottom: 40px;} #social-enews-widget > .social {margin: 0 auto; display: inline-block;} #social-enews-widget > .enews {margin: 0 auto 0 20px; display: inline-block; border-left: 1px solid #dfe1e2; padding-left: 32px;} #social-enews-widget > .social > .icon, #social-enews-widget > .enews > .icon {font-weight: 900; font-size: 16px; margin-bottom: 5px;} #social-enews-widget > .social > p, #social-enews-widget > .enews > p {font-weight: 900; font-size: 16px; margin-bottom: 5px;} #social-enews-widget > .social > .icon, #social-enews-widget > .enews > .icon {display: inline-block; border-radius: 50%; margin: 0 10px 0 0; height: 50px; line-height: 50px; vertical-align: middle; width: 50px; text-align: center;} #social-enews-widget > .social > .icon > .fa, #social-enews-widget > .enews > .icon > .fa {color: #ffffff; font-size: 24px; vertical-align: middle;} #social-enews-widget > .social > .facebook {background-color: #3b5998;} #social-enews-widget > .social > .twitter {background-color: #55acee;} #social-enews-widget > .social > .google-plus {background-color: #dd4b39;} #social-enews-widget > .social > .instagram {background-color: #125688;} #social-enews-widget > .social > .youtube {background-color: #bb0000;} #social-enews-widget > .enews > .email {background-color: #ed1b2d;} #social-enews-widget > .social > .facebook:hover, #social-enews-widget > .social > .twitter:hover, #social-enews-widget > .social > .google-plus:hover, #social-enews-widget > .social > .instagram:hover, #social-enews-widget > .social > .youtube:hover, #social-enews-widget > .enews > .email:hover {background-color: #bad80a;} #social-enews-widget > .social > .facebook > .fa-facebook {margin-top: -3px;} #social-enews-widget > .social > .twitter > .fa-twitter {margin-top: -3px; margin-left: 2px;} #social-enews-widget > .social > .google-plus > .fa-google-plus {margin-top: -2px; margin-left: 5px;} #social-enews-widget > .social > .instagram > .fa-instagram {margin-top: -3px; margin-left: 1px;} #social-enews-widget > .social > .youtube > .fa-youtube {margin-top: -3px; margin-left: 2px;} #social-enews-widget > .enews > .email > .fa-envelope-o {margin-top: -5px;} @media (max-width: 890px) { #social-enews-widget {margin-bottom: 30px;} #social-enews-widget > .social, #social-enews-widget > .enews {width: 90%; margin: 0 0 10px; display: block;} #social-enews-widget > .enews {margin: 0 0; display: block; border-left: 0 none; padding-left: 0;} #social-enews-widget > .social > .icon {margin: 0 10px 10px 0;} } @media (max-width: 768px) { #social-enews-widget {margin-bottom: 40px;} #social-enews-widget > .social {width: initial; margin: 0 auto; display: inline-block;} #social-enews-widget > .enews { width: initial; margin: 0 auto 0 20px; display: inline-block; border-left: 1px solid #dfe1e2; padding-left: 32px;} #social-enews-widget > .social > .icon, #social-enews-widget > .enews > .icon {margin: 0 10px 0 0;} } @media (max-width: 567px) { .internalPage sup {font-size: x-small; vertical-align: top;} ul#sources.ex {margin: 20px 0 30px;} ul#sources.ex li {text-indent: 0;} .ex .content {padding-left: 25px;} #social-enews-widget {margin-bottom: 30px;} #social-enews-widget > .social, #social-enews-widget > .enews {width: 89%; margin: 0 0 10px; display: block;} #social-enews-widget > .enews {margin: 0 0; display: block; border-left: 0 none; padding-left: 0;} #social-enews-widget > .social > p, #social-enews-widget > .enews > p {font-size: 14px;} #social-enews-widget > .social > .icon {margin: 0 10px 10px 0;} .quote {padding-top: 0px; padding-left: 2em; line-height: 24px !important;} .quote:before {font-size: 70px; top: 30px;} .quote:after {font-size: 24px; top: 0;} .quote .attribution {font-size: 12px; line-height: 18px; margin: 10px auto 40px 20%;} } /*---- HOMEPAGE LAYOUT --------*/ #hero_message p {margin-top: 10px;} #hero_message p sup {font-size: 50%; line-height: 0; position: relative; vertical-align: baseline; top: -0.8em;} #hero_message p sub {font-size: 50%; line-height: 0; position: relative; vertical-align: baseline; bottom: -0.4em;} @media (max-width: 1024px) { #hero_message p {margin-top: 0;} } /*---- INTERNAL PAGE LAYOUT --------*/ #nationalContent iframe {width: 100%; height: 100vh;} #nationalContent iframe.giphy-embed {width: inherit; height: 100%; display: block; margin: 0 auto;} #nationalContent .vidEmbed iframe {width: 100%; height: 100%;} #nationalContent div.giphy-embed {width: 100%; height: 0px; padding-bottom: 60%; position: relative;} #nationalContent div.giphy-embed iframe {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;} .main.right .internalPage h2 {line-height: 36px;} .main.right .internalPage .center {text-align: center;} .main.right .internalPage img.left {margin: 9px 30px 10px 0; display: inline-block; float: left; max-width: inherit;} .main.right .internalPage img.clear {clear: both;} .main.right .internalPage img.right {margin: 9px 0 10px 30px; display: inline-block; float: right; max-width: inherit;} .main.right .internalPage img.center {margin: 0 auto; display: block; float: none; max-width: inherit;} .main.right .internalPage img.side-by-side {margin: 9px 10px 10px 0; width: inherit; display: inline-block;} .main.right .internalPage img.side-by-side:last-child {margin: 9px 0 10px;} #promo {/*background-color: #f9f9fb;*/ width: inherit; max-width: 225px; margin: 0;} #promo h1 {font-size: 21px; font-weight: 900; line-height: 26px; color: #555559; margin: 0 0 6px;} #promo p {font-size: 16px; font-weight: 400; line-height: 26px; margin: 0 0 6px;} #promo.left {text-align: right; margin: 0 30px 10px 0; padding: 10px 30px 15px 0; border-right: 3px solid #dcdcdc; float: left;} #promo.right {text-align: left; margin: 0 0 10px 30px; padding: 10px 0 15px 30px; border-left: 3px solid #dcdcdc; float: right;} #promo a.button {background-color: #3a75c4; border: 0 none; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; color: #ffffff; display: inline-block; font-size: 18px; font-weight: bold; height: 50px; line-height: 50px; text-align: center; text-decoration: none; width: inherit; margin: 10px 0 0; padding: 0 22px; position: relative; cursor: pointer; max-width: 180px;} #promo a.button:hover {background-color: #bad80a;} .ex li > a {font-weight: 700; color: #555559; cursor: pointer;} .ex .content ul {margin: 20px 0 30px;} .ex .content li {text-indent: 0; margin-left: -19px;} .ex .content li::before {content: "•"; color: #a3a9ac; margin-right: 8px;} .ex .content li > a {font-weight: 400; color: #3a75c4; overflow-wrap: break-word; word-wrap: break-word;} .internalPage ul.twoCol {-moz-column-count: 2; -moz-column-gap: 5em; -webkit-column-count: 2; -webkit-column-gap: 5em; column-count: 2; column-gap: 5em;} .internalPage ul.twoCol > li {-webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; -o-column-break-inside: avoid; -ms-column-break-inside: avoid; column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 0;} .internalPage ul.twoCol > li:after {content: ''; display: block; height: 10px;} .internalPage ul.twoCol > li > .aboutListSubNoBullet, .internalPage ul.xTwoCol > li > .aboutListSubNoBullet, .internalPage ul.xTwoCol > div > li > .aboutListSubNoBullet, .internalPage ul.twoCol > li > .expertiseListSubNoBullet, .internalPage ul.xTwoCol > li > .expertiseSubNoBullet, .internalPage ul.xTwoCol > div > li > .expertiseListSubNoBullet {text-indent: 0; margin-left: 0;} .expertiseListSubNoBullet {font-size: 14px; color: #555559; line-height: 24px; font-style: normal;} .internalPage ul.xTwoCol {} .internalPage ul.xTwoCol > li, .internalPage ul.xTwoCol > div > li {display: inline-block; text-indent: -18px; margin-bottom: 10px; width: 47%; max-width: 450px; /*min-height: 78px;*/ margin-right: 18px; margin-bottom: 25px; vertical-align: top;} .main.right .internalPage ul.eventListings {margin: 20px 0 50px;} .main.right .internalPage ul.eventListings li {text-indent: 0; display: inline-block; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #dfe1e2;} .main.right .internalPage ul.eventListings li:last-child {margin-bottom: 0x; padding-bottom: 0; border-bottom: 0px none;} .main.right .internalPage ul.eventListings li:before {content: normal; margin-right: 0;} .main.right .internalPage ul.eventListings li img {max-width: 175px; height: auto; margin: 5px 0 20px 30px;} .main.right .internalPage ul.eventListings li strong {font-size: 21px; line-height: 34px;} .main.right .internalPage ul.eventListings li .listNameTitleOrgDesc {display: block; margin: 0px 0px 20px; text-indent: 0;} p.update {font-size: 16px; line-height: 24px; font-weight: 700; color: #ed1b2d; margin: 0 0 15px;} p.footnote {font-size: 16px; font-style: italic; line-height: 28px;} p.reviewed {font-size: 16px; font-style: italic; line-height: 28px; margin: -10px 0 30px;} a.button {border: 0 none; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; color: #ffffff; display: inline-block; font-size: 18px; font-weight: bold; height: 50px; line-height: 50px; text-align: center; text-decoration: none; width: inherit; min-width: 160px; margin: 10px 0 0; padding: 0 20px; position: relative; cursor: pointer;} a.button.blue {background-color: #3a75c4;} a.button.red {background-color: #ed1b2d;} a.button:hover {background-color: #bad80a;} a.stopBtn:hover {background-color: #bad80a;} @media (max-width: 1100px) { .internalPage ul.xTwoCol > li, .internalPage ul.xTwoCol > div > li {width: 100%; max-width: none;} } @media (max-width: 1022px) { .main.right .internalPage img.side-by-side {margin: 9px 0 0; width: 100%; max-width: 450px; float: none;} } @media (max-width: 987px) { .main.right .internalPage #finder .inner label {width: calc(100% - 0px); position: inherit; top: inherit; transform: inherit; margin-bottom: 20px;} } @media (max-width: 920px) { #promo {background-color: #f9f9fb; width: inherit; max-width: inherit; margin: 0;} #promo.left {text-align: left; margin: 0 0 20px; padding: 17px 20px 22px; border-left: 3px solid #dcdcdc; border-right: 0px none; float: none;} #promo.right {text-align: left; margin: 0 0 20px; padding: 17px 20px 22px; border-left: 3px solid #dcdcdc; float: none;} .internalPage ul.twoCol {-moz-column-count: 1; -moz-column-gap: 0; -webkit-column-count: 1; -webkit-column-gap: 0; column-count: 1; column-gap: 0;} } @media (max-width: 768px) { .ex .content ul {margin: 0px 0 20px;} .ex .content li {text-indent: 0; margin-left: -30px;} .ex .content li, .ex .content li > a {font-size: 14px; line-height: 24px;} .internalPage ul.twoCol {-moz-column-count: 2; -moz-column-gap: 2.5em; -webkit-column-count: 2; -webkit-column-gap: 2.5em; column-count: 2; column-gap: 2.5em;} } @media (max-width: 567px) { #promo h1 {font-size: 18px; line-height: 24px; margin: 0 0 5px;} #promo p {font-size: 14px; line-height: 24px; margin: 0 0 5px;} #promo a.button {font-size: 16px; font-weight: bold; height: 46px; line-height: 46px; text-align: center; text-decoration: none; width: inherit; margin: 8px 0 0; padding: 0 20px; position: relative;} .main.right .internalPage ul.eventListings {margin: 20px 0 0;} .main.right .internalPage ul.eventListings li img {max-width: 125px; height: auto; margin: 5px 0 10px 20px;} .main.right .internalPage ul.eventListings li strong {font-size: 14px; line-height: 24px;} .main.right .internalPage ul.eventListings li .listNameTitleOrgDesc {display: block; margin: 0px 0px 10px; text-indent: 0;} p.update {font-size: 14px; line-height: 21px;} p.footnote {font-size: 14px;line-height: 24px;} p.reviewed {font-size: 14px;line-height: 24px; margin: 0 0 20px;} .main.right .internalPage #finder .inner .filterLabel {font-size: 18px;} .main.right .internalPage #finder .inner select {font-size: 16px;} } @media (max-width: 468px) { .internalPage ul.twoCol {-moz-column-count: 1; -moz-column-gap: 0; -webkit-column-count: 1; -webkit-column-gap: 0; column-count: 1; column-gap: 0;} } @media (max-width: 414px) { .main.right .internalPage ul.eventListings li img {display: block; margin: 0 auto 20px; float: none;} } .main.right .internalPage .hide {display: none;} .main.right .internalPage #finder {background-color: #f9f9fb; padding: 35px 33px 35px; margin: 30px 0;} .main.right .internalPage #finder .inner {margin: 0; border-radius: 20px 0 20px 0; background-color: #fff; padding: 34px 34px 34px; border: 1px solid #a3a9ac; display: inline-block; max-width: 915px; width: calc(100% - 68px); position: relative;} .main.right .internalPage #finder .inner label {font-family: 'Lato', sans-serif; font-size: 21px; font-weight: 400; line-height: inherit; color: #555559; max-width: 915px; width: calc(100% - 325px); word-wrap: break-word; display: inherit; position: absolute; top: 50%; transform: translateY(-50%);} .main.right .internalPage #finder .inner input[type="text"] {font-family: 'Lato', sans-serif; font-size: 20px; color: #555559; font-weight: 400; margin: 0; padding: 6px 10px; border-radius: 0px; border: 1px solid #a3a9ac; -webkit-appearance: none;} .main.right .internalPage #finder .inner select {font-family: 'Lato', sans-serif; font-size: 20px; color: #555559; font-weight: 400; margin: 0; padding: 6px 35px 6px 10px; border-radius: 0px; border: 1px solid #a3a9ac; -webkit-appearance: none; background: url('/images/select-arrow.png') #ffffff no-repeat right; -moz-appearance: none;} .main.right .internalPage #finder .inner #byState {display: inline-block;} .main.right .internalPage #finder .inner .button.red {font-family: 'Lato', sans-serif; background-color: #ed1b2d; border: 0 none; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; color: #ffffff; display: inline-block; font-size: 18px; font-weight: 700; height: 44px; line-height: 46px; text-align: center; text-decoration: none; width: inherit; margin: 0 0 0 10px; padding: 0 20px; position: relative; top: -1px; cursor: pointer;} .main.right .internalPage #finder .inner .button.red:hover {background-color: #bad80a;} @media (max-width: 399px) { .main.right .internalPage #finder {padding: 20px 18px 20px; margin: 20px 0;} .main.right .internalPage #finder .inner {padding: 25px 25px 25px; width: calc(100% - 52px);} .main.right .internalPage #finder .inner .filterLabel {font-size: 17px;} .main.right .internalPage #finder .inner select {font-size: 14px;} } @media (max-width: 360px) { #nationalContent iframe.giphy-embed {width: 100%; margin: -5% auto;} } /* Media */ .main.right > .internalPage > .media {width: 45%; width: calc(49% - 15px); width: -webkit-calc(49% - 15px); width: -moz-calc(49% - 15px); display: inline-block; vertical-align: top; margin-bottom: -20px;} .main.right > .internalPage > .first {margin-right: 30px;} .main.right > .internalPage > .media h2 {font-size: 24px; color: #555559; margin-bottom: 10px; font-weight: bold; line-height: 30px;} @media (max-width: 906px) { .main.right > .internalPage > .media {width: 100%; width: calc(100% - 0px); width: -webkit-calc(100% - 0px); width: -moz-calc(100% - 0px); margin-bottom: 10px;} .main.right > .internalPage > .last {margin-bottom: -20px;} } @media (max-width: 768px) { .main.right > .internalPage > .media {width: 45%; width: calc(49% - 15px); width: -webkit-calc(49% - 15px); width: -moz-calc(49% - 15px); margin-bottom: -20px;} .main.right > .internalPage > .last {margin-bottom: -20px;} } @media (max-width: 567px) { .main.right > .internalPage > .media h2 {font-size: 18px; line-height: 24px;} } @media (max-width: 480px) { .main.right > .internalPage > .media {width: 100%; width: calc(100% - 0px); width: -webkit-calc(100% - 0px); width: -moz-calc(100% - 0px); margin-bottom: 10px;} .main.right > .internalPage > .last {margin-bottom: -15px;} } /* Blog */ .pageTitle .sectionTitle {border-bottom: 1px solid #DCDCDC; margin: 0px 0px 10px; padding: 0px 0px 10px; display: inline-block; width: 100%;} .pageTitle .sectionTitle img {display: inline;} /* Tobacco-Free Campuses */ .main.right .internalPage #tobacco.colleges h2 {line-height: 36px; max-width: 915px; width: calc(100% - 480px); display: table-cell; float: left;} .main.right .internalPage #tobacco.colleges img {max-width: 450px; width: calc(100% - 0px); display: table-cell;} .main.right .internalPage #tobacco.colleges .hide {padding: 0 35px;} .main.right .internalPage #tobacco.colleges .hide p {margin-left: 35px; margin-right: 35px;} .main.right .internalPage #tobacco.colleges .hide p:first-child {margin-top: 30px; margin-bottom: 0px;} .main.right .internalPage #tobacco.colleges .hide p strong {font-size: 21px;} .main.right .internalPage #tobacco.colleges .hide ul {margin: 10px 0 50px 50px;} .main.right .internalPage #tobacco.colleges p.disclaimer {font-size: 14px; color: #555559; line-height: 24px; font-style: italic;} @media (max-width: 1086px) { .main.right .internalPage #tobacco.colleges h2 {width: calc(100% - 0px); margin-bottom: 30px;} } @media (max-width: 987px) { .main.right .internalPage #tobacco.colleges #finder .inner .right {float: none;} .main.right .internalPage #tobacco.colleges img.right {display: inherit; float: none; margin: 0 0 30px;} } @media (max-width: 567px) { .main.right .internalPage #tobacco.colleges h2 {line-height: 24px; margin-bottom: 20px;} .main.right .internalPage #tobacco.colleges .hide p strong {font-size: 18px;} } /* Advocacy Archive */ .main.right .internalPage #get-involved.advocacy-archive p.no-results {font-weight: 700; margin-left: 67px;} .main.right .internalPage #get-involved.advocacy-archive h4 {margin-top: 30px;} .main.right .internalPage #get-involved.advocacy-archive h5 {border-top: 1px solid #dcdcdc; margin-top: 30px; padding-top: 20px;} .main.right .internalPage #get-involved.advocacy-archive ul.results {background-color: #ffffff; margin: 0; position: relative; top: -53px; left: 33px; width: calc(100% - 30px)} .main.right .internalPage #get-involved.advocacy-archive ul.results li .date {font-size: 16px;} .main.right .internalPage #get-involved.advocacy-archive #byTopic, .main.right .internalPage #get-involved.advocacy-archive #byType {display: inline-block;} .main.right .internalPage #get-involved.advocacy-archive #byDate {display: inline;} .main.right .internalPage #get-involved.advocacy-archive #byTopic, .main.right .internalPage #get-involved.advocacy-archive #byType {margin-bottom: 20px;} .main.right .internalPage #get-involved.advocacy-archive #byTopic label, .main.right .internalPage #get-involved.advocacy-archive #byType label {font-family: 'Lato', sans-serif; font-size: 21px; font-weight: 400; line-height: inherit; color: #555559; max-width: 915px; width: inherit; word-wrap: break-word; display: block; position: inherit; top: inherit; transform: inherit; margin-bottom: 10px;} .main.right .internalPage #get-involved.advocacy-archive #byDate label {font-family: 'Lato', sans-serif; font-size: 21px; font-weight: 400; line-height: inherit; color: #555559; max-width: 915px; width: inherit; word-wrap: break-word; display: block; position: inherit; top: inherit; transform: inherit; margin-bottom: 3px;} .main.right .internalPage #get-involved.advocacy-archive #byTopic select, .main.right .internalPage #get-involved.advocacy-archive #byType select {margin-right: 10px;} .main.right .internalPage #get-involved.advocacy-archive #byDate input[type="text"] {font-family: 'Lato', sans-serif; font-size: 20px; color: #555559; font-weight: 400; margin: 0 10px 0 0; padding: 6px 10px 7px; border-radius: 0px; border: 1px solid #a3a9ac; -webkit-appearance: none;} .main.right .internalPage #get-involved.advocacy-archive #byDate #date.separator {margin: 0 10px 0 0;} .main.right .internalPage #get-involved.advocacy-archive #byDate .yui-skin-sam {display: inline-block;} .main.right .internalPage #get-involved.advocacy-archive #byDate .yui-skin-sam .date-chooser img {position: relative; left: -12px; top: 5px;} .main.right .internalPage #get-involved.advocacy-archive #finder .inner .button.red {font-family: 'Lato', sans-serif; background-color: #ed1b2d; border: 0 none; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; color: #ffffff; display: inline-block; font-size: 18px; font-weight: 700; width: inherit; height: 44px; line-height: 46px; text-align: center; text-decoration: none; margin: 0 0 0 10px; padding: 0 20px; position: relative; top: 3px; cursor: pointer;} .main.right .internalPage #get-involved.advocacy-archive #finder .inner .button.red:hover {background-color: #bad80a;} .internalPage ul > li span.date {white-space: nowrap;} @media (max-width: 1022px) { .main.right .internalPage #get-involved.advocacy-archive #byDate label {margin-bottom: 10px;} .main.right .internalPage #get-involved.advocacy-archive #finder .inner .button.red {margin: 20px 0 0 0; display: block;} } @media (max-width: 863px) { .main.right .internalPage #get-involved.advocacy-archive #byDate .yui-skin-sam .date-chooser img {margin-bottom: 20px;} .main.right .internalPage #get-involved.advocacy-archive #finder .inner .button.red {margin: 0;} } @media (max-width: 803px) { .main.right .internalPage #get-involved.advocacy-archive #byTopic label, .main.right .internalPage #get-involved.advocacy-archive #byType label {font-size: 19px;} .main.right .internalPage #get-involved.advocacy-archive #byDate label {font-size: 19px;} .main.right .internalPage #get-involved.advocacy-archive #byTopic select, .main.right .internalPage #get-involved.advocacy-archive #byType select {font-size: 18px;} .main.right .internalPage #get-involved.advocacy-archive #byDate input[type="text"] {font-size: 18px;} } @media (max-width: 567px) { .main.right .internalPage #get-involved.advocacy-archive #byTopic label, .main.right .internalPage #get-involved.advocacy-archive #byType label {font-size: 16px;} .main.right .internalPage #get-involved.advocacy-archive #byDate label {font-size: 16px;} .main.right .internalPage #get-involved.advocacy-archive #byTopic select, .main.right .internalPage #get-involved.advocacy-archive #byType select {font-size: 15px;} .main.right .internalPage #get-involved.advocacy-archive #byDate input[type="text"] {font-size: 15px;} .main.right .internalPage #get-involved.advocacy-archive #byDate .yui-skin-sam .date-chooser img {margin-top: 10px; margin-bottom: 20px; top: 0;} .main.right .internalPage #get-involved.advocacy-archive #finder {padding: 20px 18px 20px; margin: 20px 0;} .main.right .internalPage #get-involved.advocacy-archive #finder .inner {padding: 25px 25px 25px; width: calc(100% - 52px);} .main.right .internalPage #get-involved.advocacy-archive #finder .inner .button.red {font-size: 16px; width: 110px; height: 40px; line-height: 40px; padding: 0 10px;} } @media (max-width: 399px) { .main.right .internalPage #get-involved.advocacy-archive #byTopic select, .main.right .internalPage #get-involved.advocacy-archive #byType select {font-size: 14px;} .main.right .internalPage #get-involved.advocacy-archive #byDate input[type="text"] {font-size: 14px;} } /* Lung Action Network */ a.joinBtn {background-color: #3a75c4; border: 0 none; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; color: #ffffff; display: block; font-size: 18px; font-weight: bold; height: 50px; line-height: 50px; text-align: center; text-decoration: none; width: 160px; margin: 35px 0; position: relative;} a.joinBtn:hover {background-color: #bad80a;} .main.right .internalPage #get-involved.lung-action-network p.no-results {font-weight: 700; margin-left: 67px; margin-bottom: 80px; display: inline-block;} .main.right .internalPage #get-involved.lung-action-network h5 {border-top: 1px solid #dcdcdc; margin-top: 30px; padding-top: 20px;} .main.right .internalPage #get-involved.lung-action-network ul.results div:first-of-type h5 {border-top: 0px none; margin-top: 0; padding-top: 20px;} .main.right .internalPage #get-involved.lung-action-network ul.results {background-color: #ffffff; margin: 0; position: relative; top: -113px; left: 33px; width: calc(100% - 30px)} .main.right .internalPage #get-involved.lung-action-network ul.results li .date {font-size: 16px;} .main.right .internalPage #get-involved.lung-action-network ul.results li .description {text-indent: 0; display: block;} .main.right .internalPage #get-involved.lung-action-network #byZip {display: inline-block;} .main.right .internalPage #get-involved.lung-action-network #byZip label {font-family: 'Lato', sans-serif; font-size: 18px; line-height: 30px; color: #555559; font-weight: 400; margin: 0 0 20px;} .main.right .internalPage #get-involved.lung-action-network #byZip input[type="text"] {font-family: 'Lato', sans-serif; font-size: 20px; color: #555559; font-weight: 400; margin: 0 0 0 10px; padding: 6px 10px 7px; border-radius: 0px; border: 1px solid #a3a9ac; -webkit-appearance: none;} .main.right .internalPage #get-involved.lung-action-network input[type="submit"].button.red {font-family: 'Lato', sans-serif; background-color: #ed1b2d; border: 0 none; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; color: #ffffff; display: inline-block; font-size: 18px; font-weight: 700; width: inherit; height: 44px; line-height: 46px; text-align: center; text-decoration: none; margin: 0 0 0 10px; padding: 0 20px; cursor: pointer;} .main.right .internalPage #get-involved.lung-action-network input[type="submit"].button.red:hover {background-color: #bad80a;} @media (max-width: 1022px) { } @media (max-width: 863px) { } @media (max-width: 803px) { .main.right .internalPage #get-involved.lung-action-network #byState select {font-size: 18px;} } @media (max-width: 567px) { .main.right .internalPage #get-involved.lung-action-network #byState select {font-size: 15px;} .main.right .internalPage #get-involved.lung-action-network #finder {padding: 20px 18px 20px; margin: 20px 0;} .main.right .internalPage #get-involved.lung-action-network #finder .inner {padding: 25px 25px 25px; width: calc(100% - 52px);} } @media (max-width: 399px) { .main.right .internalPage #get-involved.lung-action-network #byState select {font-size: 14px;} } /* Clinical Trials */ span#separator:last-child {display: none;} .main.right .internalPage #our-initiatives.clinical-trials p.no-results {font-weight: 700; margin-left: 67px; display: inline-block;} .main.right .internalPage #our-initiatives.clinical-trials h4 {margin-top: 50px; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #dcdcdc;} .main.right .internalPage #our-initiatives.clinical-trials ul.results h4:first-of-type {margin-top: 0;} .main.right .internalPage #our-initiatives.clinical-trials h5 {border-top: 0px solid #dcdcdc; margin-top: 0px; padding-top: 0px;} .main.right .internalPage #our-initiatives.clinical-trials #finder .inner .filterLabel {font-family: 'Lato', sans-serif; font-size: 21px; font-weight: 400; line-height: inherit; color: #555559; width: inherit; white-space: nowrap; padding-right: 15px; position: inherit; top: inherit; transform: inherit;} .main.right .internalPage #our-initiatives.clinical-trials #finder .inner .filterSelector {padding-bottom: 10px;} .main.right .internalPage #our-initiatives.clinical-trials #finder .inner input[type="submit"] {font-family: 'Lato', sans-serif; background-color: #ed1b2d; border: 0 none; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; color: #ffffff; display: inline-block; font-size: 18px; font-weight: 700; width: inherit; height: 48px; line-height: 48px; text-align: center; text-decoration: none; margin: 0; padding: 0 20px; position: relative; top: 3px; cursor: pointer;} .main.right .internalPage #our-initiatives.clinical-trials #finder .inner input[type="submit"]:hover {background-color: #bad80a;} .main.right .internalPage #our-initiatives.clinical-trials #finder .inner select {width: inherit;} .main.right .internalPage #our-initiatives.clinical-trials ul.results div:first-of-type h5 {} .main.right .internalPage #our-initiatives.clinical-trials ul.results {background-color: #ffffff; margin: 0; position: relative; top: -42px; left: 33px; width: calc(100% - 30px);} .main.right .internalPage #our-initiatives.clinical-trials ul.results div:nth-child(even) {/*padding-top: 10px; border-top: 1px solid #dcdcdc;*/} .main.right .internalPage #our-initiatives.clinical-trials ul.results li {text-indent: 0; margin: 0 0 3%;} .main.right .internalPage #our-initiatives.clinical-trials ul.results li:nth-child(odd) {/*padding-bottom: 5px;*/} .main.right .internalPage #our-initiatives.clinical-trials ul.results li:nth-child(even) {/*padding-bottom: 15px; border-bottom: 1px solid #dcdcdc;*/} .main.right .internalPage #our-initiatives.clinical-trials div:last-of-type ul[class="results"]:last-of-type {/*margin-bottom: -60px;*/} .main.right .internalPage #our-initiatives.clinical-trials ul.results li .dates {font-style: italic; text-indent: 0; display: block; font-size: 15px; color: #555559; line-height: 24px;margin-left: 20px;} .main.right .internalPage #our-initiatives.clinical-trials ul.results li .description {text-indent: 0; display: block; font-size: 15px; color: #555559; line-height: 24px; margin-left: 20px;} .main.right .internalPage #our-initiatives.clinical-trials ul.results li .titleListSubNoBullet {font-size: 14px; color: #555559; line-height: 24px; font-style: italic; margin-left: 0;} .main.right .internalPage #our-initiatives.clinical-trials ul.results li .orgListSubNoBullet {font-size: 14px; color: #555559; line-height: 24px; font-style: normal; margin-left: 0;} .main.right .internalPage #our-initiatives.clinical-trials ul.results li .diseaseListSubNoBullet {font-size: 15px; color: #555559; line-height: 25px; font-weight: 400; margin-top: 10px; margin-left: 20px;} .main.right .internalPage #our-initiatives.clinical-trials ul.results li .diseaseListSubNoBullet span {font-weight: 700;} .main.right .internalPage #our-initiatives.clinical-trials ul.results li .diseaseListSubNoBullet span#separator {font-weight: 400;} .main.right .internalPage #our-initiatives.clinical-trials #byDisease, .main.right .internalPage #our-initiatives.clinical-trials #byState {display: inline-block;} .main.right .internalPage #our-initiatives.clinical-trials #byDisease, .main.right .internalPage #our-initiatives.clinical-trials #byState {margin-bottom: 20px;} .main.right .internalPage #our-initiatives.clinical-trials #byDisease label, .main.right .internalPage #our-initiatives.clinical-trials #byState label {font-family: 'Lato', sans-serif; font-size: 21px; font-weight: 400; line-height: inherit; color: #555559; max-width: 915px; width: inherit; word-wrap: break-word; display: block; position: inherit; top: inherit; transform: inherit; margin-bottom: 10px;} .main.right .internalPage #our-initiatives.clinical-trials #byDisease select {margin-right: 10px;} .main.right .internalPage #our-initiatives.clinical-trials input[type="submit"].button.red {font-family: 'Lato', sans-serif; background-color: #ed1b2d; border: 0 none; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; color: #ffffff; display: inline-block; font-size: 18px; font-weight: 700; width: inherit; height: 44px; line-height: 46px; text-align: center; text-decoration: none; margin: 0 0 0 10px; padding: 0 20px; cursor: pointer;} .main.right .internalPage #our-initiatives.clinical-trials input[type="submit"].button.red:hover {background-color: #bad80a;} .main.right .internalPage #our-initiatives.clinical-trials p.disclaimer {font-size: 14px; color: #555559; line-height: 24px; font-style: italic;} .main.right .internalPage #our-initiatives.clinical-trials p.required, .main.right .internalPage #our-initiatives.clinical-trials .form-item label .required, .main.right .internalPage #our-initiatives.clinical-trials .form-item legend .required {color: #ed1b2d;} .main.right .internalPage #our-initiatives.clinical-trials #hidden {display: none;} .main.right .internalPage #our-initiatives.clinical-trials .form-item label, .main.right .internalPage #our-initiatives.clinical-trials .form-item fieldset legend {font-size: 20px; font-weight: 700; display: block; vertical-align: top; margin-right: 10px; padding-left: 40px; text-indent: -38px; margin-top: 5px; line-height: 28px;} .main.right .internalPage #our-initiatives.clinical-trials .form-item label {width: inherit;} .main.right .internalPage #our-initiatives.clinical-trials .form-item fieldset legend {width: inherit;} .main.right .internalPage #our-initiatives.clinical-trials .form-item label p {font-size: 19px; width: 500px; font-weight: 400; display: block; vertical-align: top; margin: 4px 10px 15px 0; padding-left: 0; text-indent: 0; line-height: 28px;} .main.right .internalPage #our-initiatives.clinical-trials .form-item label.normal {font-size: 19px; width: inherit; font-weight: 400; display: inline-block; vertical-align: top; margin: 4px 10px 15px 0; padding-left: 40px; text-indent: 0px; line-height: 28px;} .main.right .internalPage #our-initiatives.clinical-trials .form-item label.normal.block {display: block; margin: 4px 10px 0 0;} .main.right .internalPage #our-initiatives.clinical-trials .form-item label.captcha {margin-top: 30px; text-indent: 0;} .main.right .internalPage #our-initiatives.clinical-trials .form-item label .number, .main.right .internalPage #our-initiatives.clinical-trials .form-item fieldset legend .number {text-align: right; display: inline-block; margin: 0 10px 0 0; min-width: 26px;} .main.right .internalPage #our-initiatives.clinical-trials .form-item .sub-label {font-size: 18px; width: inherit; font-weight: 700; display: block; vertical-align: top; margin: 5px 10px 0 0; padding-left: 40px; text-indent: 0px; line-height: 26px;} .main.right .internalPage #our-initiatives.clinical-trials .form-item .start-date, .main.right .internalPage #our-initiatives.clinical-trials .form-item .end-date {font-size: 18px; width: inherit; font-weight: 700; display: inline-block; vertical-align: top; margin: 5px 10px 0 0; padding-left: 40px; text-indent: 0px; line-height: 26px;} .main.right .internalPage #our-initiatives.clinical-trials .form-item input[type="text"].form-text {font-family: 'Lato', sans-serif; font-size: 18px; color: #555559; font-weight: 400; width: 500px; margin: 10px 0 30px 0; padding: 6px 10px 7px; border-radius: 0px; border: 1px solid #a3a9ac; -webkit-appearance: none; position: relative; left: 40px;} .main.right .internalPage #our-initiatives.clinical-trials .form-item input[type="text"].form-text.date {font-family: 'Lato', sans-serif; font-size: 18px; color: #555559; font-weight: 400; width: 100px; margin: 10px 0 10px 0; padding: 6px 10px 7px; display: inline-block; border-radius: 0px; border: 1px solid #a3a9ac; -webkit-appearance: none; position: relative; left: 40px;} .main.right .internalPage #our-initiatives.clinical-trials .form-item input[type="text"].form-text.date.end {margin: 10px 0 30px;} .main.right .internalPage #our-initiatives.clinical-trials .form-item textarea.form-textarea {font-family: 'Lato', sans-serif; font-size: 18px; color: #555559; font-weight: 400; width: 500px; height: 150px; margin: 10px 0 30px 0; padding: 6px 10px 7px; border-radius: 0px; border: 1px solid #a3a9ac; -webkit-appearance: none; overflow: auto; resize: none; position: relative; left: 40px;} .main.right .internalPage #our-initiatives.clinical-trials .form-item select {font-family: 'Lato', sans-serif; font-size: 18px; color: #555559; font-weight: 400; width: 522px; margin: 10px 0 30px 0; padding: 6px 35px 6px 10px; border-radius: 0px; border: 1px solid #a3a9ac; -webkit-appearance: none; background: url('/images/select-arrow.png') no-repeat right; position: relative; left: 40px; -moz-appearance: none;} .main.right .internalPage #our-initiatives.clinical-trials .form-item select[multiple].form-select {font-family: 'Lato', sans-serif; font-size: 18px; color: #555559; font-weight: 400; width: 522px; height: 100px; margin: 10px 0 30px 0; padding: 6px 10px 7px; border-radius: 0px; border: 1px solid #a3a9ac; -webkit-appearance: none; position: relative; left: 40px; background-image: none;} .main.right .internalPage #our-initiatives.clinical-trials .form-item input[type="text"].form-text.sub, .main.right .internalPage #our-initiatives.clinical-trials .form-item textarea.form-textarea.sub, .main.right .internalPage #our-initiatives.clinical-trials .form-item select.sub {margin: 10px 0;} .main.right .internalPage #our-initiatives.clinical-trials .form-item select[multiple].form-select.sub {margin: 10px 0 30px;} .main.right .internalPage #our-initiatives.clinical-trials .form-item input[type="radio"].form-radio {margin: 11px 5px 0 0; border-radius: inherit; -webkit-appearance: radio; vertical-align: middle; position: relative; left: 40px; display: inline-block;} .main.right .internalPage #our-initiatives.clinical-trials .form-item .date-chooser img {display: inline-block; position: relative; left: 40px;} .main.right .internalPage #our-initiatives.clinical-trials .form-item .captchaContainer img#captcha-image {max-width: 200px; width: inherit; display: inline-block; margin: 10px 10px 10px 0; position: relative; left: 40px;} .main.right .internalPage #our-initiatives.clinical-trials .form-item .captchaContainer a.captchaLink {display: inline-block; position: relative; left: 50px; top: -10px;} .main.right .internalPage #our-initiatives.clinical-trials .form-item input[type="text"].form-text.captcha {width: inherit; display: block;} .main.right .internalPage #our-initiatives.clinical-trials .form-item input[type="submit"].button.red {font-family: 'Lato', sans-serif; background-color: #ed1b2d; border: 0 none; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; color: #ffffff; display: inline-block; font-size: 18px; font-weight: 700; width: 160px; height: 50px; line-height: 50px; text-align: center; text-decoration: none; margin: 10px 10px 0; padding: 0 20px; cursor: pointer; position: relative; left: 30px;} .main.right .internalPage #our-initiatives.clinical-trials .form-item input[type="submit"].button.red:hover {background-color: #bad80a;} .main.right .internalPage #our-initiatives.clinical-trials.listing h6 {width: 100px; display: inline-block; text-align: right; margin-right: 30px;} .main.right .internalPage #our-initiatives.clinical-trials.listing p {width: 80%; display: inline-block; vertical-align: top;} @media (max-width: 1022px) { } @media (max-width: 945px) { .main.right .internalPage #our-initiatives.clinical-trials .form-item label p, .main.right .internalPage #our-initiatives.clinical-trials .form-item input[type="text"].form-text, .main.right .internalPage #our-initiatives.clinical-trials .form-item textarea.form-textarea {width: 400px;} .main.right .internalPage #our-initiatives.clinical-trials .form-item select, .main.right .internalPage #our-initiatives.clinical-trials .form-item select[multiple].form-select {width: 422px;} } @media (max-width: 854px) { .main.right .internalPage #our-initiatives.clinical-trials .form-item label p, .main.right .internalPage #our-initiatives.clinical-trials .form-item input[type="text"].form-text, .main.right .internalPage #our-initiatives.clinical-trials .form-item textarea.form-textarea {width: 300px;} .main.right .internalPage #our-initiatives.clinical-trials .form-item select, .main.right .internalPage #our-initiatives.clinical-trials .form-item select[multiple].form-select {width: 322px;} .main.right .internalPage #our-initiatives.clinical-trials .form-item input[type="radio"].form-radio {display: inline; float: left;} .main.right .internalPage #our-initiatives.clinical-trials .form-item label.normal {display: block; text-indent: 20px;} .main.right .internalPage #our-initiatives.clinical-trials .form-item label.normal.block {text-indent: 0px;} } @media (max-width: 767px) { .main.right .internalPage #our-initiatives.clinical-trials .form-item label p, .main.right .internalPage #our-initiatives.clinical-trials .form-item input[type="text"].form-text, .main.right .internalPage #our-initiatives.clinical-trials .form-item textarea.form-textarea {width: 450px;} .main.right .internalPage #our-initiatives.clinical-trials .form-item select, .main.right .internalPage #our-initiatives.clinical-trials .form-item select[multiple].form-select {width: 472px;} } @media (max-width: 567px) { .main.right .internalPage #our-initiatives.clinical-trials #byDisease label, .main.right .internalPage #our-initiatives.clinical-trials #byState label {font-size: 16px;} .main.right .internalPage #our-initiatives.clinical-trials #byDisease select, .main.right .internalPage #our-initiatives.clinical-trials #byState select {font-size: 15px;} .main.right .internalPage #our-initiatives.clinical-trials #finder {padding: 20px 18px 20px; margin: 20px 0;} .main.right .internalPage #our-initiatives.clinical-trials #finder .inner {padding: 25px 25px 25px; width: calc(100% - 52px);} .main.right .internalPage #our-initiatives.clinical-trials .form-item label p, .main.right .internalPage #our-initiatives.clinical-trials .form-item input[type="text"].form-text, .main.right .internalPage #our-initiatives.clinical-trials .form-item textarea.form-textarea {width: 300px;} .main.right .internalPage #our-initiatives.clinical-trials .form-item select, .main.right .internalPage #our-initiatives.clinical-trials .form-item select[multiple].form-select {width: 322px;} .main.right .internalPage #our-initiatives.clinical-trials .form-item label, .main.right .internalPage #our-initiatives.clinical-trials .form-item fieldset legend {font-size: 16px; line-height: 24px;} .main.right .internalPage #our-initiatives.clinical-trials .form-item label p, .main.right .internalPage #our-initiatives.clinical-trials .form-item label.normal, .main.right .internalPage #our-initiatives.clinical-trials .form-item .sub-label, .main.right .internalPage #our-initiatives.clinical-trials .form-item .start-date, .main.right .internalPage #our-initiatives.clinical-trials .form-item .end-date {font-size: 16px; line-height: 24px;} .main.right .internalPage #our-initiatives.clinical-trials .form-item input[type="text"].form-text, .main.right .internalPage #our-initiatives.clinical-trials .form-item input[type="text"].form-text.date, .main.right .internalPage #our-initiatives.clinical-trials .form-item textarea.form-textarea, .main.right .internalPage #our-initiatives.clinical-trials .form-item select, .main.right .internalPage #our-initiatives.clinical-trials .form-item select[multiple].form-select {font-size: 14px;} .main.right .internalPage #our-initiatives.clinical-trials .form-item input[type="submit"].button.red {font-size: 16px; width: 110px; height: 40px; line-height: 40px; padding: 0 10px;} } @media (max-width: 405px) { .main.right .internalPage #our-initiatives.clinical-trials #byDisease select, .main.right .internalPage #our-initiatives.clinical-trials #byState select {font-size: 14px;} .main.right .internalPage #our-initiatives.clinical-trials .form-item label p, .main.right .internalPage #our-initiatives.clinical-trials .form-item input[type="text"].form-text, .main.right .internalPage #our-initiatives.clinical-trials .form-item textarea.form-textarea {width: 200px;} .main.right .internalPage #our-initiatives.clinical-trials .form-item select, .main.right .internalPage #our-initiatives.clinical-trials .form-item select[multiple].form-select {width: 222px;} .main.right .internalPage #our-initiatives.clinical-trials .form-item select {padding: 7px 35px 7px 10px;} .main.right .internalPage #our-initiatives.clinical-trials .form-item select[multiple].form-select {-webkit-appearance: inherit;} .main.right .internalPage #our-initiatives.clinical-trials .form-item label.normal {vertical-align: middle; margin: 10px 10px 10px 0; padding-left: 45px;} .main.right .internalPage #our-initiatives.clinical-trials .form-item input[type="radio"].form-radio {margin: 5px 5px 0 0; border-radius: 20px;} .main.right .internalPage #our-initiatives.clinical-trials .form-item .captchaContainer img#captcha-image {display: block; margin: 10px 10px 20px 0} .main.right .internalPage #our-initiatives.clinical-trials .form-item .captchaContainer a.captchaLink {display: block; position: top: 0;} .main.right .internalPage #our-initiatives.clinical-trials .form-item input[type="submit"].button.red {margin: 0 10px 0;} } /* ACRC */ .internalPage ul > div > li > .stateListSubNoBullet {margin-left: 19px;} /* Vehicle Donation Program */ ul#vdp_faq.ex .content p {text-indent: 0; left: -15px; position: relative;} .main.right .internalPage #get-involved.vehicle-donation p.disclaimer {font-size: 18px; color: #555559; line-height: 30px; font-style: italic; margin: 10px 0 30px 40px;} .main.right .internalPage #get-involved.vehicle-donation p.required, .main.right .internalPage #get-involved.vehicle-donation .form-item label .required, .main.right .internalPage #get-involved.vehicle-donation .form-item legend .required {color: #ed1b2d;} .main.right .internalPage #get-involved.vehicle-donation h4 {margin-top: 30px; padding-top: 40px; border-top: 1px solid #dcdcdc;} .main.right .internalPage #get-involved.vehicle-donation h4.first {padding-top: 0; border-top: 0px none;} .main.right .internalPage #get-involved.vehicle-donation #hidden {display: none;} .main.right .internalPage #get-involved.vehicle-donation .form-item label, .main.right .internalPage #get-involved.vehicle-donation .form-item fieldset legend {font-size: 20px; font-weight: 700; display: block; vertical-align: top; margin-right: 10px; padding-left: 40px; text-indent: 0px; margin-top: 5px; line-height: 28px;} .main.right .internalPage #get-involved.vehicle-donation .form-item label {width: inherit;} .main.right .internalPage #get-involved.vehicle-donation .form-item fieldset legend {width: inherit;} .main.right .internalPage #get-involved.vehicle-donation .form-item label p {font-size: 19px; width: 500px; font-weight: 400; display: block; vertical-align: top; margin: 4px 10px 15px 0; padding-left: 0; text-indent: 0; line-height: 28px;} .main.right .internalPage #get-involved.vehicle-donation .form-item label.normal {font-size: 19px; width: inherit; font-weight: 400; display: inline-block; vertical-align: top; margin: 4px 10px 15px 0; padding-left: 40px; text-indent: 0px; line-height: 28px;} .main.right .internalPage #get-involved.vehicle-donation .form-item label .normal {font-size: 19px; width: inherit; font-weight: 400; display: inline-block; vertical-align: top; margin: 0; text-indent: 0px; line-height: 28px;} .main.right .internalPage #get-involved.vehicle-donation .form-item label.normal.block {display: block; margin: 4px 10px 0 0;} .main.right .internalPage #get-involved.vehicle-donation .form-item label.captcha {margin-top: 30px; text-indent: 0;} .main.right .internalPage #get-involved.vehicle-donation .form-item label .number, .main.right .internalPage #get-involved.vehicle-donation .form-item fieldset legend .number {text-align: right; display: inline-block; margin: 0 10px 0 0; min-width: 26px;} .main.right .internalPage #get-involved.vehicle-donation .form-item .sub-label {font-size: 18px; width: inherit; font-weight: 700; display: block; vertical-align: top; margin: 5px 10px 0 0; padding-left: 40px; text-indent: 0px; line-height: 26px;} .main.right .internalPage #get-involved.vehicle-donation .form-item .start-date, .main.right .internalPage #get-involved.vehicle-donation .form-item .end-date {font-size: 18px; width: inherit; font-weight: 700; display: inline-block; vertical-align: top; margin: 5px 10px 0 0; padding-left: 40px; text-indent: 0px; line-height: 26px;} .main.right .internalPage #get-involved.vehicle-donation .form-item input[type="text"].form-text {font-family: 'Lato', sans-serif; font-size: 18px; color: #555559; font-weight: 400; width: 500px; margin: 10px 0 30px 0; padding: 6px 10px 7px; border-radius: 0px; border: 1px solid #a3a9ac; -webkit-appearance: none; position: relative; left: 40px;} .main.right .internalPage #get-involved.vehicle-donation .form-item input[type="text"].form-text.date {font-family: 'Lato', sans-serif; font-size: 18px; color: #555559; font-weight: 400; width: 100px; margin: 10px 0 10px 0; padding: 6px 10px 7px; display: inline-block; border-radius: 0px; border: 1px solid #a3a9ac; -webkit-appearance: none; position: relative; left: 40px;} .main.right .internalPage #get-involved.vehicle-donation .form-item input[type="text"].form-text.date.end {margin: 10px 0 30px;} .main.right .internalPage #get-involved.vehicle-donation .form-item textarea.form-textarea {font-family: 'Lato', sans-serif; font-size: 18px; color: #555559; font-weight: 400; width: 500px; height: 150px; margin: 10px 0 30px 0; padding: 6px 10px 7px; border-radius: 0px; border: 1px solid #a3a9ac; -webkit-appearance: none; overflow: auto; resize: none; position: relative; left: 40px;} .main.right .internalPage #get-involved.vehicle-donation .form-item select {font-family: 'Lato', sans-serif; font-size: 18px; color: #555559; font-weight: 400; width: 522px; margin: 10px 0 30px 0; padding: 6px 35px 6px 10px; border-radius: 0px; border: 1px solid #a3a9ac; -webkit-appearance: none; background: url('/images/select-arrow.png') no-repeat right; position: relative; left: 40px; -moz-appearance: none;} .main.right .internalPage #get-involved.vehicle-donation .form-item select[multiple].form-select {font-family: 'Lato', sans-serif; font-size: 18px; color: #555559; font-weight: 400; width: 522px; height: 100px; margin: 10px 0 30px 0; padding: 6px 10px 7px; border-radius: 0px; border: 1px solid #a3a9ac; -webkit-appearance: none; position: relative; left: 40px; background-image: none;} .main.right .internalPage #get-involved.vehicle-donation .form-item input[type="text"].form-text.sub, .main.right .internalPage #get-involved.vehicle-donation .form-item textarea.form-textarea.sub, .main.right .internalPage #get-involved.vehicle-donation .form-item select.sub {margin: 10px 0;} .main.right .internalPage #get-involved.vehicle-donation .form-item select[multiple].form-select.sub {margin: 10px 0 30px;} .main.right .internalPage #get-involved.vehicle-donation .form-item input[type="radio"].form-radio {margin: 11px 5px 0 0; border-radius: inherit; -webkit-appearance: radio; vertical-align: middle; position: relative; left: 40px; display: inline-block;} .main.right .internalPage #get-involved.vehicle-donation .form-item input[type="checkbox"].form-checkbox {margin: 11px 5px 0 0; border-radius: inherit; -webkit-appearance: checkbox; vertical-align: middle; position: relative; left: 40px; display: inline-block;} .main.right .internalPage #get-involved.vehicle-donation .form-item .date-chooser img {display: inline-block; position: relative; left: 40px;} .main.right .internalPage #get-involved.vehicle-donation .form-item .captchaContainer img#captcha-image {max-width: 200px; width: inherit; display: inline-block; margin: 10px 10px 10px 0; position: relative; left: 40px;} .main.right .internalPage #get-involved.vehicle-donation .form-item .captchaContainer a.captchaLink {display: inline-block; position: relative; left: 50px; top: -10px;} .main.right .internalPage #get-involved.vehicle-donation .form-item input[type="text"].form-text.captcha {width: inherit; display: block;} .main.right .internalPage #get-involved.vehicle-donation .form-item input[type="submit"].button.red {font-family: 'Lato', sans-serif; background-color: #ed1b2d; border: 0 none; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; color: #ffffff; display: inline-block; font-size: 18px; font-weight: 700; width: 160px; height: 50px; line-height: 50px; text-align: center; text-decoration: none; margin: 20px 10px 0; padding: 0 20px; cursor: pointer; position: relative; left: 30px;} .main.right .internalPage #get-involved.vehicle-donation .form-item input[type="submit"].button.red:hover {background-color: #bad80a;} @media (max-width: 1022px) { } @media (max-width: 945px) { .main.right .internalPage #get-involved.vehicle-donation .form-item label p, .main.right .internalPage #get-involved.vehicle-donation .form-item input[type="text"].form-text, .main.right .internalPage #get-involved.vehicle-donation .form-item textarea.form-textarea {width: 400px;} .main.right .internalPage #get-involved.vehicle-donation .form-item select, .main.right .internalPage #get-involved.vehicle-donation .form-item select[multiple].form-select {width: 422px;} } @media (max-width: 854px) { .main.right .internalPage #get-involved.vehicle-donation .form-item label p, .main.right .internalPage #get-involved.vehicle-donation .form-item input[type="text"].form-text, .main.right .internalPage #get-involved.vehicle-donation .form-item textarea.form-textarea {width: 300px;} .main.right .internalPage #get-involved.vehicle-donation .form-item select, .main.right .internalPage #get-involved.vehicle-donation .form-item select[multiple].form-select {width: 322px;} .main.right .internalPage #get-involved.vehicle-donation .form-item input[type="radio"].form-radio {display: inline; float: left;} .main.right .internalPage #get-involved.vehicle-donation .form-item label.normal {display: block; text-indent: 20px;} .main.right .internalPage #get-involved.vehicle-donation .form-item label.normal.block {text-indent: 0px;} } @media (max-width: 767px) { .main.right .internalPage #get-involved.vehicle-donation .form-item label p, .main.right .internalPage #get-involved.vehicle-donation .form-item input[type="text"].form-text, .main.right .internalPage #get-involved.vehicle-donation .form-item textarea.form-textarea {width: 450px;} .main.right .internalPage #get-involved.vehicle-donation .form-item select, .main.right .internalPage #get-involved.vehicle-donation .form-item select[multiple].form-select {width: 472px;} } @media (max-width: 567px) { .main.right .internalPage #get-involved.vehicle-donation #byDisease label, .main.right .internalPage #get-involved.vehicle-donation #byState label {font-size: 16px;} .main.right .internalPage #get-involved.vehicle-donation #byDisease select, .main.right .internalPage #get-involved.vehicle-donation #byState select {font-size: 15px;} .main.right .internalPage #get-involved.vehicle-donation #finder {padding: 20px 18px 20px; margin: 20px 0;} .main.right .internalPage #get-involved.vehicle-donation #finder .inner {padding: 25px 25px 25px; width: calc(100% - 52px);} .main.right .internalPage #get-involved.vehicle-donation .form-item label p, .main.right .internalPage #get-involved.vehicle-donation .form-item input[type="text"].form-text, .main.right .internalPage #get-involved.vehicle-donation .form-item textarea.form-textarea {width: 300px;} .main.right .internalPage #get-involved.vehicle-donation .form-item select, .main.right .internalPage #get-involved.vehicle-donation .form-item select[multiple].form-select {width: 322px;} .main.right .internalPage #get-involved.vehicle-donation .form-item label, .main.right .internalPage #get-involved.vehicle-donation .form-item fieldset legend {font-size: 16px; line-height: 24px;} .main.right .internalPage #get-involved.vehicle-donation .form-item label p, .main.right .internalPage #get-involved.vehicle-donation .form-item label.normal, .main.right .internalPage #get-involved.vehicle-donation .form-item .sub-label, .main.right .internalPage #get-involved.vehicle-donation .form-item .start-date, .main.right .internalPage #get-involved.vehicle-donation .form-item .end-date {font-size: 16px; line-height: 24px;} .main.right .internalPage #get-involved.vehicle-donation .form-item input[type="text"].form-text, .main.right .internalPage #get-involved.vehicle-donation .form-item input[type="text"].form-text.date, .main.right .internalPage #get-involved.vehicle-donation .form-item textarea.form-textarea, .main.right .internalPage #get-involved.vehicle-donation .form-item select, .main.right .internalPage #get-involved.vehicle-donation .form-item select[multiple].form-select {font-size: 14px;} .main.right .internalPage #get-involved.vehicle-donation .form-item input[type="submit"].button.red {font-size: 16px; width: 110px; height: 40px; line-height: 40px; padding: 0 10px;} } @media (max-width: 405px) { .main.right .internalPage #get-involved.vehicle-donation #byDisease select, .main.right .internalPage #get-involved.vehicle-donation #byState select {font-size: 14px;} .main.right .internalPage #get-involved.vehicle-donation .form-item label p, .main.right .internalPage #get-involved.vehicle-donation .form-item input[type="text"].form-text, .main.right .internalPage #get-involved.vehicle-donation .form-item textarea.form-textarea {width: 200px;} .main.right .internalPage #get-involved.vehicle-donation .form-item select, .main.right .internalPage #get-involved.vehicle-donation .form-item select[multiple].form-select {width: 222px;} .main.right .internalPage #get-involved.vehicle-donation .form-item select {padding: 7px 35px 7px 10px;} .main.right .internalPage #get-involved.vehicle-donation .form-item select[multiple].form-select {-webkit-appearance: inherit;} .main.right .internalPage #get-involved.vehicle-donation .form-item label.normal {vertical-align: middle; margin: 10px 10px 10px 0; padding-left: 45px;} .main.right .internalPage #get-involved.vehicle-donation .form-item input[type="radio"].form-radio {margin: 5px 5px 0 0; border-radius: 20px;} .main.right .internalPage #get-involved.vehicle-donation .form-item .captchaContainer img#captcha-image {display: block; margin: 10px 10px 20px 0} .main.right .internalPage #get-involved.vehicle-donation .form-item .captchaContainer a.captchaLink {display: block; position: top: 0;} .main.right .internalPage #get-involved.vehicle-donation .form-item input[type="submit"].button.red {margin: 0 10px 0;} } /* Research Awards Nationwide */ .main.right .internalPage #our-initiatives.research-awards p.no-results {font-weight: 700; margin-left: 67px;} .main.right .internalPage #our-initiatives.research-awards h4 {margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #dcdcdc;} .main.right .internalPage #our-initiatives.research-awards h5 {border-top: 0px solid #dcdcdc; margin-top: 0px; padding-top: 0px;} .main.right .internalPage #our-initiatives.research-awards ul.results {background-color: #ffffff; margin: 0; position: relative; top: -53px; left: 33px; width: calc(100% - 30px)} .main.right .internalPage #our-initiatives.research-awards #byTopic, .main.right .internalPage #our-initiatives.research-awards #byState, .main.right .internalPage #our-initiatives.research-awards #byGrant {display: inline-block;} .main.right .internalPage #our-initiatives.research-awards #byTopic, .main.right .internalPage #our-initiatives.research-awards #byState, .main.right .internalPage #our-initiatives.research-awards #byGrant {margin-right: 10px; margin-bottom: 20px;} .main.right .internalPage #our-initiatives.research-awards #finder .inner .filterLabel {font-family: 'Lato', sans-serif; font-size: 21px; font-weight: 400; line-height: inherit; color: #555559; width: inherit; white-space: nowrap; padding-right: 15px; position: inherit; top: inherit; transform: inherit;} .main.right .internalPage #our-initiatives.research-awards #finder .inner .filterSelector {padding-bottom: 10px;} .main.right .internalPage #our-initiatives.research-awards #finder .inner select {width: inherit;} .main.right .internalPage #our-initiatives.research-awards #finder .inner .filterCriteria > tbody:nth-child(1) > tr:nth-child(3) > td:nth-child(2) > select:nth-child(1) {width: 100%;} .main.right .internalPage #our-initiatives.research-awards #finder .inner option {font-size: 18px; word-wrap: break-word;} .main.right .internalPage #our-initiatives.research-awards #finder .inner input[type="submit"] {font-family: 'Lato', sans-serif; background-color: #ed1b2d; border: 0 none; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; color: #ffffff; display: inline-block; font-size: 18px; font-weight: 700; width: inherit; height: 48px; line-height: 48px; text-align: center; text-decoration: none; margin: 0; padding: 0 20px; position: relative; top: 3px; cursor: pointer;} .main.right .internalPage #our-initiatives.research-awards #finder .inner input[type="submit"]:hover {background-color: #bad80a;} .main.right .internalPage #our-initiatives.research-awards ul.results li {display: inline-block; text-indent: 0; margin: 0 10% 5% 0; width: 200px; /*min-height: 375px;*/ vertical-align: top;} .main.right .internalPage #our-initiatives.research-awards ul.results li:before {content: none;} .main.right .internalPage #our-initiatives.research-awards ul.results li img {width: 190px; height: 262px; margin-bottom: 10px;} .main.right .internalPage #our-initiatives.research-awards ul.results li .titleListSubNoBullet {font-size: 14px; color: #555559; line-height: 24px; font-style: italic; margin-left: 0;} .main.right .internalPage #our-initiatives.research-awards ul.results li .orgListSubNoBullet {font-size: 14px; color: #555559; line-height: 24px; font-style: normal; margin-left: 0;} .main.right .internalPage #our-initiatives.research-awards ul.results li .topicListSubNoBullet {font-size: 15px; color: #555559; line-height: 25px; font-weight: 400; margin-top: 10px; margin-left: 0px;} .main.right .internalPage #our-initiatives.research-awards ul.results li .topicListSubNoBullet span {font-weight: 700;} .main.right .internalPage #our-initiatives.research-awards ul.results li .topicListSubNoBullet span#separator {font-weight: 400;} @media (max-width: 1022px) { } @media (max-width: 863px) { } @media (max-width: 803px) { } @media (max-width: 567px) { .main.right .internalPage #our-initiatives.research-awards #finder .inner .filterLabel {font-size: 17px; padding-right: 0px; padding-bottom: 10px; display: block;} .main.right .internalPage #our-initiatives.research-awards #finder .inner .filterSelector {display: block;} .main.right .internalPage #our-initiatives.research-awards #finder .inner select {width: 100%;} } @media (max-width: 399px) { .main.right .internalPage #our-initiatives.research-awards #finder .inner .filterLabel {font-size: 16px;} } /* Research Infographic */ #research-infographic > div {margin-bottom: 3px;} #research-infographic > div:last-child {margin-top: -1px;} #research-infographic > .row2 > img, #research-infographic > .row3 > img {display: inline-block; max-width: none; width: 49.8%;} #research-infographic > .row2 > img.box1, #research-infographic > .row3 > img.box1 {margin: 0 2px 0 0;} #research-infographic > .row2 > img.box2, #research-infographic > .row3 > img.box2 {margin: 0 0 0 1px;} @media (max-width: 1129px) { #research-infographic > .row2 > img.box1, #research-infographic > .row3 > img.box1 {margin: 0 2px 0 0; width: 49.7%;} #research-infographic > .row2 > img.box2, #research-infographic > .row3 > img.box2 {margin: 0 0 0 1px; width: 49.8%;} } @media (max-width: 980px) { #research-infographic > .row2 > img.box1, #research-infographic > .row3 > img.box1 {margin: 0 2px 0 0; width: 49.7%;} #research-infographic > .row2 > img.box2, #research-infographic > .row3 > img.box2 {margin: 0 0 0 1px; width: 49.7%;} } @media (max-width: 881px) { #research-infographic > .row2 > img.box1, #research-infographic > .row3 > img.box1 {margin: 0; width: 100%;} #research-infographic > .row2 > img.box2, #research-infographic > .row3 > img.box2 {margin: 1px 0 0; width: 100%;} } @media (max-width: 768px) { #research-infographic > .row2 > img.box1, #research-infographic > .row3 > img.box1 {margin: 0 2px 0 0; width: 49.7%;} #research-infographic > .row2 > img.box2, #research-infographic > .row3 > img.box2 {margin: 0 0 0 1px; width: 49.8%;} } @media (max-width: 650px) { #research-infographic > .row2 > img.box1, #research-infographic > .row3 > img.box1 {margin: 0 2px 0 0; width: 49.7%;} #research-infographic > .row2 > img.box2, #research-infographic > .row3 > img.box2 {margin: 0 0 0 1px; width: 49.7%;} } @media (max-width: 567px) { #research-infographic > .row1 > img.box1 {margin: 0;} } @media (max-width: 551px) { #research-infographic > .row2 > img.box1, #research-infographic > .row3 > img.box1 {margin: 0; width: 100%;} #research-infographic > .row2 > img.box2, #research-infographic > .row3 > img.box2 {margin: 1px 0 0; width: 100%;} } /* Careers */ #about-us.careers {padding: 0 0 0 35px;} li a span#separator:last-child {display: none;} /* Quit Better Together */ .ffsSidebarDesktop {} .ffsSidebarDesktop .sidebar {width: 30%; width: calc(35% - 50px); width: -webkit-calc(35% - 50px); width: -moz-calc(35% - 50px); min-width: 250px; background-color: #f6f8f9; margin: 5px 0px 30px 50px; padding: 25px 25px 0px; border-radius: 0px 0px 24px;} .ffsSidebarDesktop .sidebar ul {margin: 20px 0 30px 17px;} .ffsSidebarDesktop .sidebar img {margin: 0 auto 15px;} .ffsSponsorLogos {text-align: center; border-top: 1px solid #dcdcdc; margin-top: 50px; padding-top: 50px;} .ffsSponsorLogos > img {display: inline-block; margin: auto 5% 30px;} .ffsSidebarMobile {display: none;} @media (max-width: 1024px) { .ffsSidebarDesktop {display: none;} .ffsSidebarMobile {display: inherit;} .ffsSidebarMobile .sidebar {width: inherit; background-color: #f6f8f9; margin: 30px 0 50px; padding: 25px 25px 0px; border-radius: 24px 0 0 0;} .ffsSidebarMobile .sidebar img {margin: 0 auto 15px;} .ffsSponsorLogos {text-align: center; border-top: 1px solid #dcdcdc; margin-top: 50px; padding-top: 50px;} .ffsSponsorLogos > img {display: inline-block; margin: auto 5% 30px; height: auto;} } /* Person Content Type */ .personListSubNoBullet {font-size: 18px; color: #555559; line-height: 30px; margin-left: 19px;} #person.listImgNameTitleOrg {} #person.listImgNameTitleOrg ul {margin: 20px 0 30px 0;} #person.listImgNameTitleOrg li {display: inline-block; text-indent: 0; margin: 0 10% 5% 0; width: 200px; min-height: 375px; vertical-align: top;} #person.listImgNameTitleOrg li:before {content: none;} #person.listImgNameTitleOrg li img {width: 190px; height: 262px; margin-bottom: 10px;} #person.listImgNameTitleOrg li .titleListSubNoBullet {font-size: 14px; color: #555559; line-height: 24px; font-style: italic; margin-left: 0;} #person.listImgNameTitleOrg li .orgListSubNoBullet {font-size: 14px; color: #555559; line-height: 24px; font-style: normal; margin-left: 0;} #person.listImgNameTitleOrg ul .break {height: 0px; display: block;} #person.listImgNameTitleOrg ul .break:nth-child(2) {display: none;} /* Interactive Library */ #interior.wide.interactive-library #il-header {width: 912px;} #il-filter-tools {margin: 0 0 40px; padding: 0 13px 0 2px;} #il-filter-tools #il-filter {float: left; position: relative; left: 18px;} #il-filter-tools #il-filter ul {margin: 0; padding: 0; list-style: none; display: block;} #il-filter-tools #il-filter ul li {margin: 0; padding: 0; list-style: none; display: inline-block; background: none; -webkit-transition: background-color 100ms linear; -moz-transition: background-color 100ms linear; -ms-transition: background-color 100ms linear; -o-transition: background-color 100ms linear; transition: background-color 100ms linear;} #il-filter-tools #il-filter ul li::before {content: none;} #il-filter-tools #il-filter ul li.label, #il-filter-tools #il-search label {margin-right: 5px; font-size: 14px; color: #555559; font-weight: 900; height: 38px; line-height: 38px; text-transform: uppercase;} #il-filter-tools #il-filter ul li.view-all, #il-filter-tools #il-filter ul li.videos, #il-filter-tools #il-filter ul li.stories, #il-filter-tools #il-filter ul li.resources {background-color: #3a75c4; border: 0 none; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; color: #ffffff; display: inline-block; font-size: 16px; font-weight: 700; height: 35px; line-height: 35px; margin-top: 30px; text-align: center; text-decoration: none; width: 120px; cursor: pointer; text-indent: 0;} #il-filter-tools #il-filter ul li.view-all:hover, #il-filter-tools #il-filter ul li.videos:hover, #il-filter-tools #il-filter ul li.stories:hover, #il-filter-tools #il-filter ul li.resources:hover {color: #ffffff; background-color: #bad80a;} #il-filter-tools #il-filter ul li.view-all.active, #il-filter-tools #il-filter ul li.videos.active, #il-filter-tools #il-filter ul li.stories.active, #il-filter-tools #il-filter ul li.resources.active {color: #ffffff; background-color: #a3a9ac;} #il-filter-tools #il-filter ul li.view-all.videos, #il-filter-tools #il-filter ul li.videos.videos, #il-filter-tools #il-filter ul li.stories.videos, #il-filter-tools #il-filter ul li.resources.videos {background-image: none;} #il-filter-tools #il-filter ul li.view-all.stories, #il-filter-tools #il-filter ul li.videos.stories, #il-filter-tools #il-filter ul li.stories.stories, #il-filter-tools #il-filter ul li.resources.stories {background-image: none;} #il-filter-tools #il-filter ul li.view-all.resources, #il-filter-tools #il-filter ul li.videos.resources, #il-filter-tools #il-filter ul li.stories.resources, #il-filter-tools #il-filter ul li.resources.resources {background-image: none;} #il-filter-tools #il-search {text-align: right;} #il-filter-tools #il-search input#il-keyword {border: 0; height: 38px; width: 125px; padding: 0 10px; border: 1px solid #a3a9ac; margin: 0 5px 0 0; font-family: 'Lato', sans-serif; font-size: 14px; color: #555559;} #il-filter-tools #il-search button {background-color: #ed1b2d; border: 0 none; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; color: #ffffff; display: inline-block; font-size: 14px; font-weight: 700; height: 35px; line-height: 35px; margin-top: 30px; text-align: center; text-decoration: none; width: 80px; cursor: pointer; -moz-border-radius: 20px; -webkit-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-transition: background 100ms linear; -moz-transition: background 100ms linear; -ms-transition: background 100ms linear; -o-transition: background 100ms linear; transition: background 100ms linear;} #il-filter-tools #il-search button:hover {background-color: #bad80a;} #interactive-library-cards {clear: both; text-align: center; margin: 0; width: 915px;} #interactive-library-cards div div {display: inline-block; margin: 0 13px 15px 2px; vertical-align: top;} #interactive-library-cards a.il-card {display: inline-block; width: 211px; height: 253px; position: relative; overflow: hidden; border: 1px solid #a3a9ac; text-decoration: none; background: #ffffff; -moz-border-radius: 20px 0 0 0; -webkit-border-radius: 20px 0 0 0; -ms-border-radius: 20px 0 0 0; -o-border-radius: 20px 0 0 0; border-radius: 20px 0 0 0; -webkit-transition: background 100ms linear; -moz-transition: background 100ms linear; -ms-transition: background 100ms linear; -o-transition: background 100ms linear; transition: background 100ms linear;} #interactive-library-cards a.il-card:hover {background: #bad80a; border-color: #bad80a;} #interactive-library-cards a.il-card.il-video, #interactive-library-cards a.il-card.il-link {color: #3a75c4; text-align: center; font-size: 19px; line-height: 24px; font-weight: 700;} #interactive-library-cards a.il-card.il-video:hover, #interactive-library-cards a.il-card.il-link:hover {color: #ffffff;} #interactive-library-cards a.il-card span {display: block;} #interactive-library-cards a.il-card.il-link .card-padding {padding: 30px 15px 15px;} #interactive-library-cards a.il-card.il-video .img, #interactive-library-cards a.il-card.il-link .img {width: 105px; height: 105px; margin: 0 auto;} #interactive-library-cards a.il-card.il-video .img.icon-Document, #interactive-library-cards a.il-card.il-link .img.icon-Document {background: url('/images/lung-cancer/resource.png') top center no-repeat;} #interactive-library-cards a.il-card.il-video:hover .img.icon-Document, #interactive-library-cards a.il-card.il-link:hover .img.icon-Document {background: url('/images/lung-cancer/resource.png') center -106px no-repeat;} #interactive-library-cards a.il-card.il-video .img.icon-Worksheet, #interactive-library-cards a.il-card.il-link .img.icon-Worksheet {background: url('/images/lung-cancer/toolkit.png') top center no-repeat;} #interactive-library-cards a.il-card.il-video:hover .img.icon-Worksheet, #interactive-library-cards a.il-card.il-link:hover .img.icon-Worksheet {background: url('/images/lung-cancer/toolkit.png') center -106px no-repeat;} #interactive-library-cards a.il-card.il-video .img.icon-Link, #interactive-library-cards a.il-card.il-link .img.icon-Link {background: url('/images/lung-cancer/link.png') top center no-repeat;} #interactive-library-cards a.il-card.il-video:hover .img.icon-Link, #interactive-library-cards a.il-card.il-link:hover .img.icon-Link {background: url('/images/lung-cancer/link.png') center -106px no-repeat;} #interactive-library-cards a.il-card.il-video .img {background: url('/images/lung-cancer/video.png') top center no-repeat; margin-top: 30px;} #interactive-library-cards a.il-card.il-video:hover .img {background: url('/images/lung-cancer/video.png') center -106px no-repeat;} #interactive-library-cards a.il-card.il-video .data {display: none; visibility: hidden;} #interactive-library-cards a.il-card .title {color: #3a75c4; text-align: center; font-size: 19px; line-height: 24px; font-weight: 700; text-transform: none;} #interactive-library-cards a.il-card:hover .title {display: none;} #interactive-library-cards a.il-card .description {display: block !important; opacity: 0; top: -100%; left: 0; background: #bad80a; color: #ffffff; font-weight: 400; position: absolute; text-align: center; width: 100%; height: 100%; z-index: 50; -moz-border-radius: 20px 0 0 0; -webkit-border-radius: 20px 0 0 0; -ms-border-radius: 20px 0 0 0; -o-border-radius: 20px 0 0 0; border-radius: 20px 0 0 0; -webkit-transition: opacity 100ms linear; -moz-transition: opacity 100ms linear; -ms-transition: opacity 100ms linear; -o-transition: opacity 100ms linear; transition: opacity 100ms linear;} #interactive-library-cards a.il-card:hover .description {display: block; opacity: 1; top: 0;} #interactive-library-cards a.il-card .description .inner {display: block; padding: 0 20px; font-size: 17px; line-height: 23px; vertical-align: middle; position: relative; top: 50%; transform: translateY(-50%);} #interactive-library-cards a.il-card.il-video .title, #interactive-library-cards a.il-card.il-video .data, #interactive-library-cards a.il-card.il-link .title, #interactive-library-cards a.il-card.il-link .data {display: block; position: absolute; top: 150px; left: 15px; width: 86%;} #interactive-library-cards a.il-card.il-story {text-align: center; color: #555559; background-color: #fff;} #interactive-library-cards a.il-card.il-story:hover {color: #ffffff; background-color: #bad80a;} #interactive-library-cards a.il-card.il-story .img.photo {background-size: cover; background-position: top center; width: 100%; height: 135px; margin: 0 auto;} #interactive-library-cards a.il-card.il-story:hover .img.photo {background-size: cover; background-position: top center; width: 100%; height: 135px; margin: 0 auto;} #interactive-library-cards a.il-card.il-story .img {display: block; width: 105px; height: 105px; overflow: hidden; background: url('/images/lung-cancer/story.png') top center no-repeat; margin: 30px auto 0;} #interactive-library-cards a.il-card.il-story:hover .img, #interactive-library-cards a.il-card.il-story:active .img {background: url('/images/lung-cancer/story.png') center -106px no-repeat;} #interactive-library-cards a.il-card.il-story .data {padding: 12px 15px 0; font-size: 17px; line-height: 23px;} #interactive-library-cards a.il-card.il-story .data strong {display: block; font-size: 19px; color: #3a75c4; margin: 0; text-transform: capitalize; font-weight: 700;} #interactive-library-cards a.il-card.il-story:hover .data strong {color: #ffffff;} @media (max-width: 1276px) { #interactive-library-cards {width: calc(100% - 0px);} #interior.wide.interactive-library #il-header {width: calc(100% - 0px);} #il-filter-tools {padding: 0 0 0 2px;} #il-filter-tools #il-filter {float: none;} #il-filter-tools #il-search {text-align: left;} } @media (max-width: 1082px) { #il-filter-tools #il-filter ul li.view-all, #il-filter-tools #il-filter ul li.videos, #il-filter-tools #il-filter ul li.stories, #il-filter-tools #il-filter ul li.resources {margin-top: 0;} #il-filter-tools #il-search button {margin-top: 20px;} #interactive-library-cards div div {margin: 0 10px 12px 2px;} #interactive-library-cards a.il-card {width: 200px;} } @media (max-width: 920px) { #il-filter-tools #il-filter ul li.resources {margin-top: 5px; position: relative; left: 38px;} } @media (max-width: 796px) { #il-filter-tools #il-filter ul li.stories {margin-top: 5px; position: relative; left: 38px;} } @media (max-width: 767px) { #il-filter-tools #il-filter ul li.resources {margin-top: 5px; position: inherit; left: inherit;} #il-filter-tools #il-filter ul li.stories {margin-top: 5px; position: inherit; left: inherit;} } @media (max-width: 594px) { #interior.wide.interactive-library #il-header {width: calc(100% - 4px);} #il-filter-tools #il-filter ul li.resources {margin-top: 5px; position: relative; left: 38px;} #interactive-library-cards div div {margin: 0 8px 10px 2px;} #interactive-library-cards a.il-card {width: 190px;} } @media (max-width: 567px) { #il-filter-tools {margin: 0 0 25px;} #il-filter-tools #il-filter ul li.label, #il-filter-tools #il-search label {font-size: 12px; height: 20px; line-height: 20px; display: block;} #il-filter-tools #il-filter ul li.view-all, #il-filter-tools #il-filter ul li.videos, #il-filter-tools #il-filter ul li.stories, #il-filter-tools #il-filter ul li.resources {font-size: 14px; height: 30px; line-height: 30px; width: 100px; margin-top: 5px;} #il-filter-tools #il-filter ul li.view-all, #il-filter-tools #il-filter ul li.videos, #il-filter-tools #il-filter ul li.stories, #il-filter-tools #il-filter ul li.resources {position: relative; left: -18px;} #il-filter-tools #il-search {margin-top: 10px;} #il-filter-tools #il-search input#il-keyword {height: 30px; width: 150px; font-size: 14px;} #il-filter-tools #il-search button {font-size: 14px; height: 30px; line-height: 30px; width: 100px; margin-top: 0px;} #interactive-library-cards div div {margin: 0 10px 10px 0;} #interactive-library-cards a.il-card {width: 190px; height: 225px;} #interactive-library-cards a.il-card.il-video, #interactive-library-cards a.il-card.il-link {font-size: 16px; line-height: 21px;} #interactive-library-cards a.il-card.il-link .card-padding {padding: 20px 10px 10px;} #interactive-library-cards a.il-card.il-video .img, #interactive-library-cards a.il-card.il-link .img {width: 90px; height: 92px; margin: 0 auto;} #interactive-library-cards a.il-card.il-video .img.icon-Document, #interactive-library-cards a.il-card.il-link .img.icon-Document {background: url('/images/lung-cancer/resource.png') top center no-repeat; background-size: cover;} #interactive-library-cards a.il-card.il-video:hover .img.icon-Document, #interactive-library-cards a.il-card.il-link:hover .img.icon-Document {background: url('/images/lung-cancer/resource.png') center -92px no-repeat; background-size: cover;} #interactive-library-cards a.il-card.il-video .img.icon-Worksheet, #interactive-library-cards a.il-card.il-link .img.icon-Worksheet {background: url('/images/lung-cancer/toolkit.png') top center no-repeat; background-size: cover;} #interactive-library-cards a.il-card.il-video:hover .img.icon-Worksheet, #interactive-library-cards a.il-card.il-link:hover .img.icon-Worksheet {background: url('/images/lung-cancer/toolkit.png') center -92px no-repeat; background-size: cover;} #interactive-library-cards a.il-card.il-video .img.icon-Link, #interactive-library-cards a.il-card.il-link .img.icon-Link {background: url('/images/lung-cancer/link.png') top center no-repeat; background-size: cover;} #interactive-library-cards a.il-card.il-video:hover .img.icon-Link, #interactive-library-cards a.il-card.il-link:hover .img.icon-Link {background: url('/images/lung-cancer/link.png') center -92px no-repeat; background-size: cover;} #interactive-library-cards a.il-card.il-video .img {background: url('/images/lung-cancer/video.png') top center no-repeat; margin-top: 20px; background-size: cover;} #interactive-library-cards a.il-card.il-video:hover .img {background: url('/images/lung-cancer/video.png') center -92px no-repeat; background-size: cover;} #interactive-library-cards a.il-card .title {font-size: 16px; line-height: 21px;} #interactive-library-cards a.il-card .description .inner {padding: 0 10px; font-size: 16px; line-height: 21px;} #interactive-library-cards a.il-card.il-video .title, #interactive-library-cards a.il-card.il-video .data, #interactive-library-cards a.il-card.il-link .title, #interactive-library-cards a.il-card.il-link .data {top: 122px; left: 10px;} #interactive-library-cards a.il-card.il-story .img.photo {height: 113px;} #interactive-library-cards a.il-card.il-story:hover .img.photo {height: 113px;} #interactive-library-cards a.il-card.il-story .img {width: 90px; height: 92px; background: url('/images/lung-cancer/story.png') top center no-repeat; margin: 20px auto 0; background-size: cover;} #interactive-library-cards a.il-card.il-story:hover .img, #interactive-library-cards a.il-card.il-story:active .img {background: url('/images/lung-cancer/story.png') center -92px no-repeat; background-size: cover;} #interactive-library-cards a.il-card.il-story .data {padding: 12px 10px 0; font-size: 16px; line-height: 21px;} #interactive-library-cards a.il-card.il-story .data strong {font-size: 16px;} } @media (max-width: 399px) { #il-filter-tools #il-filter ul li.view-all, #il-filter-tools #il-filter ul li.videos, #il-filter-tools #il-filter ul li.stories, #il-filter-tools #il-filter ul li.resources {width: 120px; margin-top: 10px;} #il-filter-tools #il-search button {display: block; margin-top: 10px;} #interactive-library-cards {width: 300px;} #interactive-library-cards div div {margin: 0 auto 10px;} #interactive-library-cards a.il-card {width: 240px; height: 200px;} #interactive-library-cards a.il-card.il-story .img.photo {background-size: contain;} #interactive-library-cards a.il-card.il-video .title, #interactive-library-cards a.il-card.il-video .data, #interactive-library-cards a.il-card.il-link .title, #interactive-library-cards a.il-card.il-link .data {top: 122px; left: 20px;} } @media (max-width: 355px) { #il-filter-tools #il-filter ul li.view-all, #il-filter-tools #il-filter ul li.videos, #il-filter-tools #il-filter ul li.stories, #il-filter-tools #il-filter ul li.resources {width: 125px; margin-top: 10px; margin-right: 5px;} #il-filter-tools #il-search input#il-keyword {width: 241px;} #il-filter-tools #il-search button {width: 125px; display: block; margin-top: 10px;} #interactive-library-cards {width: calc(100% - 0px);} #interactive-library-cards div div {margin: 0 auto 10px;} #interactive-library-cards a.il-card {width: 275px; height: 200px;} #interactive-library-cards a.il-card.il-story .img.photo {background-size: contain;} #interactive-library-cards a.il-card.il-video .title, #interactive-library-cards a.il-card.il-video .data, #interactive-library-cards a.il-card.il-link .title, #interactive-library-cards a.il-card.il-link .data {top: 122px; left: 20px;} } /* Sources */ ul#sources.ex {} ul#sources.ex li {overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-word;} ul#sources.ex li.expander {} ul#sources.ex li.expander ol {margin: 0 1.5em 1.5em 18px;} ul#sources.ex li.expander ol > li {text-indent: 0;} ul#sources.ex li.expander ol > li a {font-weight: 400; color: #3a75c4; word-wrap: break-word;} /* Support & Community */ .supportLandingBtn a:hover {color: #eb1b2d; background: #ffffff;} .liveChat {margin: auto;} /* Corporate Sponsors */ #about-us.supporters hr {clear: left; margin: 30px 0 50px;} #about-us.supporters p {display: inline-block;} #about-us.supporters p.disclaimer {font-weight: 700; font-style: italic; color: #ed1b2d;} /* Research > Estimated Prevalence and Incidence */ table#estimatedPrevalenceIncidence {width: 100%; border-collapse: collapse; margin-bottom: 50px;} table#estimatedPrevalenceIncidence tr:nth-of-type(odd) {background: #f6f8f9;} table#estimatedPrevalenceIncidence tr:first-child td {font-weight: 700;} table#estimatedPrevalenceIncidence th {background: #555559; color: white; font-weight: 700; padding: 6px; border-top: 1px solid #555559; border-right: 1px solid #ffffff; border-bottom: 1px solid #555559; border-left: 1px solid #555559; text-align: left; vertical-align: bottom;} table#estimatedPrevalenceIncidence th:last-child {border-right: 1px solid #555559;} table#estimatedPrevalenceIncidence th:nth-of-type(2):after {} table#estimatedPrevalenceIncidence th:nth-of-type(3):after {} table#estimatedPrevalenceIncidence th:nth-of-type(4):after {} table#estimatedPrevalenceIncidence th:nth-of-type(5):after {} table#estimatedPrevalenceIncidence th:nth-of-type(6):after {} table#estimatedPrevalenceIncidence td {padding: 6px; border: 1px solid #a3a9ac; text-align: left;} .state-select-box {margin: 0 0 30px; border-radius: 0 20px 0 0; background-color: #fff; padding: 20px; border: 1px solid #dfe1e2; display: inline-block; max-width: 915px; width: 95%; width: calc(100% - 42px); width: -webkit-calc(100% - 42px); width: -moz-calc(100% - 42px);} .state-select-box p {float: left; margin-right: 10px; margin-bottom: 0; position: relative; top: 50%; transform: translateY(13%);} .state-select-box .styled-select {border: 1px solid #a3a9ac;} a.download {float: right; border: 0 none; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; color: #ffffff; display: block; font-size: 16px; font-weight: 700; height: 35px; line-height: 35px; margin-top: 0px; text-align: center; text-decoration: none; width: 150px;} a.download:hover {background-color: #bad80a;} @media (max-width: 906px) { table#estimatedPrevalenceIncidence, table#estimatedPrevalenceIncidence thead, table#estimatedPrevalenceIncidence tbody, table#estimatedPrevalenceIncidence th, table#estimatedPrevalenceIncidence td, table#estimatedPrevalenceIncidence tr {display: block;} table#estimatedPrevalenceIncidence thead tr {position: absolute; top: -9999px; left: -9999px;} table#estimatedPrevalenceIncidence tr {padding-top: 12px; padding-bottom: 12px;} table#estimatedPrevalenceIncidence tr:nth-of-type(odd) {border-top: 2px solid #dfe1e2; border-bottom: 2px solid #dfe1e2;} table#estimatedPrevalenceIncidence tr:nth-of-type(odd) td {border-bottom: 1px solid #f6f8f9;} table#estimatedPrevalenceIncidence td {border: none; border-bottom: 1px solid #ffffff; position: relative; padding-left: 50%;} table#estimatedPrevalenceIncidence td:before {position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap;} table#estimatedPrevalenceIncidence td:nth-of-type(1):before {content: "State or County"; font-weight: 700;} table#estimatedPrevalenceIncidence td:nth-of-type(2):before {content: "Total Population"; font-weight: 700;} table#estimatedPrevalenceIncidence td:nth-of-type(3):before {content: "Pediatric Asthma"; font-weight: 700;} table#estimatedPrevalenceIncidence td:nth-of-type(4):before {content: "Adult Asthma"; font-weight: 700;} table#estimatedPrevalenceIncidence td:nth-of-type(5):before {content: "COPD"; font-weight: 700;} table#estimatedPrevalenceIncidence td:nth-of-type(6):before {content: "Lung Cancer"; font-weight: 700;} } @media (max-width: 768px) { table#estimatedPrevalenceIncidence {display: table;} table#estimatedPrevalenceIncidence thead {display: table-header-group;} table#estimatedPrevalenceIncidence tbody {display: table-row-group;} table#estimatedPrevalenceIncidence th {display: table-cell;} table#estimatedPrevalenceIncidence td {display: table-cell;} table#estimatedPrevalenceIncidence tr {display: table-row;} table#estimatedPrevalenceIncidence thead tr {position: inherit; top: inherit; left: inherit;} table#estimatedPrevalenceIncidence tr {padding-top: 0; padding-bottom: 0;} table#estimatedPrevalenceIncidence tr:nth-of-type(odd) {border-top: 0px solid #dfe1e2; border-bottom: 0px solid #dfe1e2;} table#estimatedPrevalenceIncidence tr:nth-of-type(odd) td {border-bottom: 1px solid #a3a9ac;} table#estimatedPrevalenceIncidence td {border: 1px solid #a3a9ac; border-bottom: 1px solid #a3a9ac; position: inherit; padding-left: 6px;} table#estimatedPrevalenceIncidence td:before {position: inherit; top: 0; left: 0; width: initial; padding-right: 10px; white-space: normal;} table#estimatedPrevalenceIncidence td:nth-of-type(1):before {content: initial; font-weight: 400;} table#estimatedPrevalenceIncidence td:nth-of-type(2):before {content: initial; font-weight: 400;} table#estimatedPrevalenceIncidence td:nth-of-type(3):before {content: initial; font-weight: 400;} table#estimatedPrevalenceIncidence td:nth-of-type(4):before {content: initial; font-weight: 400;} table#estimatedPrevalenceIncidence td:nth-of-type(5):before {content: initial; font-weight: 400;} table#estimatedPrevalenceIncidence td:nth-of-type(6):before {content: initial; font-weight: 400;} } @media (max-width: 567px) { table#estimatedPrevalenceIncidence {margin-bottom: 30px;} table#estimatedPrevalenceIncidence, table#estimatedPrevalenceIncidence thead, table#estimatedPrevalenceIncidence tbody, table#estimatedPrevalenceIncidence th, table#estimatedPrevalenceIncidence td, table#estimatedPrevalenceIncidence tr {display: block;} table#estimatedPrevalenceIncidence thead tr {position: absolute; top: -9999px; left: -9999px;} table#estimatedPrevalenceIncidence tr {padding-top: 12px; padding-bottom: 12px;} table#estimatedPrevalenceIncidence tr:nth-of-type(odd) {border-top: 2px solid #dfe1e2; border-bottom: 2px solid #dfe1e2;} table#estimatedPrevalenceIncidence tr:nth-of-type(odd) td {border-bottom: 1px solid #f6f8f9;} table#estimatedPrevalenceIncidence td {font-size: 14px; border: none; border-bottom: 1px solid #ffffff; position: relative; padding-left: 50%;} table#estimatedPrevalenceIncidence td:before {position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap;} table#estimatedPrevalenceIncidence td:nth-of-type(1):before {content: "State or County"; font-weight: 700;} table#estimatedPrevalenceIncidence td:nth-of-type(2):before {content: "Total Population"; font-weight: 700;} table#estimatedPrevalenceIncidence td:nth-of-type(3):before {content: "Pediatric Asthma"; font-weight: 700;} table#estimatedPrevalenceIncidence td:nth-of-type(4):before {content: "Adult Asthma"; font-weight: 700;} table#estimatedPrevalenceIncidence td:nth-of-type(5):before {content: "COPD"; font-weight: 700;} table#estimatedPrevalenceIncidence td:nth-of-type(6):before {content: "Lung Cancer"; font-weight: 700;} } /*---- INTERNAL PAGE LAYOUT end --------*/ /*---- CHEST FOUNDATION ATTRIBUTION --------*/ #topMargin {margin: 70px 0 65px; padding: 0; border-top: 1px solid #a3a9ac; display: block; clear: both;} #chest.attribution {width: 100%; max-width: 915px; text-align: left; margin: 0; padding: 0;} #chest.attribution a > * {vertical-align: middle;} #chest.attribution img {width: 50%; height: auto; max-width: 130px; display: inline-block; margin: 0 16px 0 0;} #chest.attribution p {font-size: 1em; line-height: 1.5em; font-style: normal; font-weight: 400; max-width: 915px; width: calc(100% - 200px); margin: 0; padding: 4px 0 4px 20px; border-left: 1px solid #dcdcdc; display: inline-block;} @media (max-width: 767px) { #topMargin {margin: 40px 0 30px; display: block;} } @media (max-width: 567px) { #chest.attribution p {font-size: 0.9em; line-height: 1.4em;} } @media (max-width: 444px) { #chest.attribution {text-align: center;} #chest.attribution img {display: block; margin: 0px auto 10px;} #chest.attribution p {width: calc(100% - 0px); padding: 0; border-left: 0px none; display: block;} } /*---- CHEST FOUNDATION ATTRIBUTION end --------*/ /*---- WEB FORMS ----*/ /* HelpLine Submit Question */ .main.right .internalPage #support.helpline p.disclaimer, .main.right .internalPage #support.helpline p.AutoOptInWarningMessage {color: #555559; font-style: italic; margin: 10px 0 30px 40px;} .main.right .internalPage #support.helpline p.disclaimer {font-size: 18px; line-height: 30px;} .main.right .internalPage #support.helpline p.AutoOptInWarningMessage {font-size: 16px; line-height: 26px;} .main.right .internalPage #support.helpline p.required, .main.right .internalPage #support.helpline .form-item label .required, .main.right .internalPage #support.helpline .form-item legend .required {color: #ed1b2d;} .main.right .internalPage #support.helpline h4 {margin-top: 30px; padding-top: 40px; border-top: 1px solid #dcdcdc;} .main.right .internalPage #support.helpline h4.first {padding-top: 0; border-top: 0px none;} .main.right .internalPage #support.helpline #hidden {display: none;} .main.right .internalPage #support.helpline .form-item label, .main.right .internalPage #support.helpline .form-item fieldset legend {font-size: 20px; font-weight: 700; display: block; vertical-align: top; margin-right: 10px; padding-left: 40px; text-indent: 0px; margin-top: 5px; line-height: 28px;} .main.right .internalPage #support.helpline .form-item label {width: inherit;} .main.right .internalPage #support.helpline .form-item fieldset {margin-bottom: 25px;} .main.right .internalPage #support.helpline #webform-component-birthday.form-item fieldset {margin-bottom: 0;} .main.right .internalPage #support.helpline .form-item fieldset legend {width: inherit;} .main.right .internalPage #support.helpline .form-item fieldset label {display: inline-block; font-weight: 400; padding: 0;} .main.right .internalPage #support.helpline .form-item label p {font-size: 19px; width: 500px; font-weight: 400; display: block; vertical-align: top; margin: 4px 10px 15px 0; padding-left: 0; text-indent: 0; line-height: 28px;} .main.right .internalPage #support.helpline .form-item label.normal {font-size: 19px; width: inherit; font-weight: 400; display: inline-block; vertical-align: top; margin: 4px 10px 15px 0; padding-left: 40px; text-indent: 0px; line-height: 28px;} .main.right .internalPage #support.helpline .form-item label .normal {font-size: 19px; width: inherit; font-weight: 400; display: inline-block; vertical-align: top; margin: 0; text-indent: 0px; line-height: 28px;} .main.right .internalPage #support.helpline .form-item label.normal.block {display: block; margin: 4px 10px 0 0;} .main.right .internalPage #support.helpline .form-item label.captcha {margin-top: 30px; text-indent: 0;} .main.right .internalPage #support.helpline #webform-component-captcha.form-item label {width: 160px;} .main.right .internalPage #support.helpline .form-item label .number, .main.right .internalPage #support.helpline .form-item fieldset legend .number {text-align: right; display: inline-block; margin: 0 10px 0 0; min-width: 26px;} .main.right .internalPage #support.helpline .form-item .sub-label {font-size: 18px; width: inherit; font-weight: 700; display: block; vertical-align: top; margin: 5px 10px 0 0; padding-left: 40px; text-indent: 0px; line-height: 26px;} .main.right .internalPage #support.helpline .form-item .start-date, .main.right .internalPage #support.helpline .form-item .end-date {font-size: 18px; width: inherit; font-weight: 700; display: inline-block; vertical-align: top; margin: 5px 10px 0 0; padding-left: 40px; text-indent: 0px; line-height: 26px;} .main.right .internalPage #support.helpline .form-item input[type="text"].form-text {font-family: 'Lato', sans-serif; font-size: 18px; color: #555559; font-weight: 400; width: 485px; margin: 10px 0 30px 0; padding: 6px 10px 7px; border-radius: 0px; border: 1px solid #a3a9ac; -webkit-appearance: none; position: relative; left: 40px;} .main.right .internalPage #support.helpline .form-item input[type="text"].form-text.date {font-family: 'Lato', sans-serif; font-size: 18px; color: #555559; font-weight: 400; width: 100px; margin: 10px 0 10px 0; padding: 6px 10px 7px; display: inline-block; border-radius: 0px; border: 1px solid #a3a9ac; -webkit-appearance: none; position: relative; left: 40px;} .main.right .internalPage #support.helpline .form-item input[type="text"].form-text.date.end {margin: 10px 0 30px;} .main.right .internalPage #support.helpline .form-item textarea.form-textarea {font-family: 'Lato', sans-serif; font-size: 18px; color: #555559; font-weight: 400; width: 485px; height: 150px; margin: 10px 0 30px 0; padding: 6px 10px 7px; border-radius: 0px; border: 1px solid #a3a9ac; -webkit-appearance: none; overflow: auto; resize: none; position: relative; left: 40px;} .main.right .internalPage #support.helpline .form-item select {font-family: 'Lato', sans-serif; font-size: 18px; color: #555559; font-weight: 400; width: 505px; margin: 10px 0 30px 0; padding: 6px 35px 6px 10px; border-radius: 0px; border: 1px solid #a3a9ac; -webkit-appearance: none; background: url('/images/select-arrow.png') no-repeat right; position: relative; left: 40px; -moz-appearance: none;} .main.right .internalPage #support.helpline #webform-component-birthday.form-item fieldset > span {display: block; position: relative; left: 40px; width: inherit; float: left; margin-right: 5px;} .main.right .internalPage #support.helpline #webform-component-birthday.form-item fieldset > span label {display: block; font-size: 18px; font-weight: 400; /*color: #a3a9ac;*/ line-height: 24px;} .main.right .internalPage #support.helpline #webform-component-birthday.form-item fieldset > span select {width: 165px; left: 0;} .main.right .internalPage #support.helpline #webform-component-birthday.form-item label.error {min-width: 154px; max-width: 154px; display: block; float: left; margin-left: 50px; vertical-align: top; margin-top: 5px; position: relative; left: 0;} .main.right .internalPage #support.helpline #webform-component-receive-call.form-item > span > select {width: inherit; margin: 10px 0; display: inline-block; left: 10px;} .main.right .internalPage #support.helpline #webform-component-receive-call.form-item label.error, .main.right .internalPage #support.helpline #webform-component-receive-email.form-item label.error, .main.right .internalPage #support.helpline #webform-component-receive-print.form-item label.error, .main.right .internalPage #support.helpline #webform-component-association.form-item label.error {vertical-align: bottom; margin-bottom: 1px; display: inline-block;} .main.right .internalPage #support.helpline .form-item select[multiple].form-select {font-family: 'Lato', sans-serif; font-size: 18px; color: #555559; font-weight: 400; width: 522px; height: 100px; margin: 10px 0 30px 0; padding: 6px 10px 7px; border-radius: 0px; border: 1px solid #a3a9ac; -webkit-appearance: none; position: relative; left: 40px; background-image: none;} .main.right .internalPage #support.helpline .form-item input[type="text"].form-text.sub, .main.right .internalPage #support.helpline .form-item textarea.form-textarea.sub, .main.right .internalPage #support.helpline .form-item select.sub {margin: 10px 0;} .main.right .internalPage #support.helpline .form-item select[multiple].form-select.sub {margin: 10px 0 30px;} .main.right .internalPage #support.helpline .form-item input[type="radio"].form-radio {margin: 15px 5px 0 40px; border-radius: inherit; -webkit-appearance: radio; vertical-align: middle; display: inline-block;} .main.right .internalPage #support.helpline .form-item input[type="checkbox"].form-checkbox {margin: 11px 5px 0 0; border-radius: inherit; -webkit-appearance: checkbox; vertical-align: middle; position: relative; left: 40px; display: inline-block;} .main.right .internalPage #support.helpline .form-item .other {position: relative; top: -20px;} .main.right .internalPage #support.helpline .form-item .other span {margin-left: 61px; margin-right: 10px; font-size: 18px;} .main.right .internalPage #support.helpline .form-item .other span select {width: 172px; margin: 10px 0 0; position: inherit; left: 0;} .main.right .internalPage #support.helpline .form-item .date-chooser img {display: inline-block; position: relative; left: 40px;} .main.right .internalPage #support.helpline .form-item .captchaContainer img#captcha-image {max-width: 200px; width: inherit; display: inline-block; margin: 10px 10px 10px 0; position: relative; left: 40px;} .main.right .internalPage #support.helpline .form-item .captchaContainer a.captchaLink {display: inline-block; position: relative; left: 50px; top: -10px;} .main.right .internalPage #support.helpline .form-item input[type="text"].form-text.captcha {width: inherit; display: block;} .main.right .internalPage #support.helpline #webform-component-verify-captcha.form-item .form-item-submitted-verify-captcha-yes {display: inline-block; background-color: #f6f8f9; vertical-align: top; margin: 20px 0px; border: 1px solid #dfe1e2; padding: 20px 35px 25px 30px; width: 85%; width: calc(100% - 107px); width: -webkit-calc(100% - 107px); width: -moz-calc(100% - 107px); max-width: 915px; position: relative; left: 40px;} .main.right .internalPage #support.helpline #webform-component-verify-captcha.form-item #captcha {top: 18px; float: left; width: 20px; position: relative; display: inline-block;} .main.right .internalPage #support.helpline #webform-component-verify-captcha.form-item .form-item-submitted-verify-captcha-yes label.wrapable {margin-right: 0px; font-size: 18px; line-height: 30px; display: inline-block; font-weight: 400; margin-bottom: 8px; left: 5px; position: relative; width: inherit; max-width: none; float: left; margin-top: 12px; padding-left: 5px;} .main.right .internalPage #support.helpline .form-item input[type="submit"].button.blue {font-family: 'Lato', sans-serif; background-color: #3A75C4; border: 0 none; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; color: #ffffff; display: inline-block; font-size: 18px; font-weight: 700; width: 160px; height: 50px; line-height: 50px; text-align: center; text-decoration: none; margin: 20px 10px 0; padding: 0 20px; cursor: pointer; position: relative; left: 30px;} .main.right .internalPage #support.helpline .form-item input[type="submit"].button.red:hover {background-color: #bad80a;} .main.right .internalPage #support.helpline .form-item label.error {width: auto !important; display: inline-block; color: #ed1e2f; border-radius: 0; margin-bottom: 0; min-width: 150px; max-width: 150px; margin-left: 15px; font-family: 'Lato', sans-serif !important; margin-right: 0 !important; font-size: 14px !important; font-weight: 400; float: none; line-height: 21px; margin-top: -4px; vertical-align: middle;} @media (max-width: 1100px) { .main.right .internalPage #support.helpline .form-item label.error {display: block; margin-bottom: 30px; min-width: inherit; max-width: none; margin-left: 0; margin-top: -20px; vertical-align: top;} .main.right .internalPage #support.helpline #webform-component-birthday.form-item label.error {min-width: 90%; max-width: none; display: inline-block; margin-top: -20px !important; margin-left: 0; float: none; padding-left: 40px;} } @media (max-width: 1024px) { .main.right .internalPage #support.helpline .form-item label p, .main.right .internalPage #support.helpline .form-item input[type="text"].form-text, .main.right .internalPage #support.helpline .form-item textarea.form-textarea {width: 400px;} .main.right .internalPage #support.helpline .form-item select, .main.right .internalPage #support.helpline .form-item select[multiple].form-select {width: 422px;} .main.right .internalPage img.side-by-side {margin: 9px 0 10px; width: 100%; max-width: 450px; float: none;} .main.right .internalPage #support.helpline #webform-component-birthday.form-item fieldset > span select {width: 137px;} } @media (max-width: 850px) { .main.right .internalPage #support.helpline .form-item label p, .main.right .internalPage #support.helpline .form-item input[type="text"].form-text, .main.right .internalPage #support.helpline .form-item textarea.form-textarea {width: 300px;} .main.right .internalPage #support.helpline .form-item select, .main.right .internalPage #support.helpline .form-item select[multiple].form-select {width: 322px;} .main.right .internalPage #support.helpline .form-item input[type="radio"].form-radio {/*display: inline; float: left;*/} .main.right .internalPage #support.helpline .form-item label.normal {display: block; text-indent: 20px;} .main.right .internalPage #support.helpline .form-item label.normal.block {text-indent: 0px;} .main.right .internalPage #support.helpline #webform-component-birthday.form-item fieldset > span select {width: 102px;} } @media (max-width: 768px) { .main.right .internalPage #support.helpline .form-item label p, .main.right .internalPage #support.helpline .form-item input[type="text"].form-text, .main.right .internalPage #support.helpline .form-item textarea.form-textarea {width: 450px;} .main.right .internalPage #support.helpline .form-item select, .main.right .internalPage #support.helpline .form-item select[multiple].form-select {width: 472px;} .main.right .internalPage #support.helpline #webform-component-birthday.form-item fieldset > span select {width: 152px;} } @media (max-width: 567px) { .main.right .internalPage #support.helpline #byDisease label, .main.right .internalPage #support.helpline #byState label {font-size: 16px;} .main.right .internalPage #support.helpline #byDisease select, .main.right .internalPage #support.helpline #byState select {font-size: 15px;} .main.right .internalPage #support.helpline #finder {padding: 20px 18px 20px; margin: 20px 0;} .main.right .internalPage #support.helpline #finder .inner {padding: 25px 25px 25px; width: calc(100% - 52px);} .main.right .internalPage #support.helpline .form-item label p, .main.right .internalPage #support.helpline .form-item input[type="text"].form-text, .main.right .internalPage #support.helpline .form-item textarea.form-textarea {width: 300px;} .main.right .internalPage #support.helpline .form-item select, .main.right .internalPage #support.helpline .form-item select[multiple].form-select {width: 322px;} .main.right .internalPage #support.helpline .form-item label, .main.right .internalPage #support.helpline .form-item fieldset legend {font-size: 16px; line-height: 24px;} .main.right .internalPage #support.helpline .form-item label p, .main.right .internalPage #support.helpline .form-item label.normal, .main.right .internalPage #support.helpline .form-item .sub-label, .main.right .internalPage #support.helpline .form-item .start-date, .main.right .internalPage #support.helpline .form-item .end-date {font-size: 16px; line-height: 24px;} .main.right .internalPage #support.helpline .form-item input[type="text"].form-text, .main.right .internalPage #support.helpline .form-item input[type="text"].form-text.date, .main.right .internalPage #support.helpline .form-item textarea.form-textarea, .main.right .internalPage #support.helpline .form-item select, .main.right .internalPage #support.helpline .form-item select[multiple].form-select {font-size: 14px;} .main.right .internalPage #support.helpline .form-item input[type="submit"].button.red {font-size: 16px; width: 110px; height: 40px; line-height: 40px; padding: 0 10px;} .main.right .internalPage #support.helpline #webform-component-birthday.form-item fieldset > span label {font-size: 14px; line-height: 18px;} .main.right .internalPage #support.helpline #webform-component-birthday.form-item fieldset > span select {width: 103px;} .main.right .internalPage #support.helpline #webform-component-receive-call.form-item label.error, .main.right .internalPage #support.helpline #webform-component-receive-email.form-item label.error, .main.right .internalPage #support.helpline #webform-component-receive-print.form-item label.error, .main.right .internalPage #support.helpline #webform-component-association.form-item label.error {vertical-align: bottom; margin-bottom: 0; display: block; margin-top: 5px; padding-left: 40px;} .main.right .internalPage #support.helpline #webform-component-verify-captcha.form-item .form-item-submitted-verify-captcha-yes {margin: 0; padding: 10px 17px 12px 15px;} .main.right .internalPage #support.helpline #webform-component-verify-captcha.form-item .form-item-submitted-verify-captcha-yes label.wrapable {font-size: 14px; line-height: 24px; width: 90%;} } @media (max-width: 414px) { .main.right .internalPage #support.helpline .form-item label, .main.right .internalPage #support.helpline .form-item fieldset legend {padding-left: 0;} .main.right .internalPage #support.helpline #byDisease select, .main.right .internalPage #support.helpline #byState select {font-size: 14px;} .main.right .internalPage #support.helpline .form-item label p, .main.right .internalPage #support.helpline .form-item input[type="text"].form-text, .main.right .internalPage #support.helpline .form-item textarea.form-textarea {width: 85%; width: calc(100% - 40px); width: -webkit-calc(100% - 40px); width: -moz-calc(100% - 40px); left: 0;} .main.right .internalPage #support.helpline .form-item select, .main.right .internalPage #support.helpline .form-item select[multiple].form-select {width: 85%; width: calc(100% - 20px); width: -webkit-calc(100% - 20px); width: -moz-calc(100% - 20px); left: 0;} .main.right .internalPage #support.helpline .form-item select {padding: 7px 35px 7px 10px;} .main.right .internalPage #support.helpline .form-item select[multiple].form-select {-webkit-appearance: inherit;} .main.right .internalPage #support.helpline .form-item label.normal {vertical-align: middle; margin: 10px 10px 10px 0; padding-left: 45px;} .main.right .internalPage #support.helpline .form-item input[type="radio"].form-radio {margin: 10px 5px 0 0; border-radius: 20px;} .main.right .internalPage #support.helpline #webform-component-receive-call.form-item label, .main.right .internalPage #support.helpline #webform-component-receive-email.form-item label, .main.right .internalPage #support.helpline #webform-component-receive-print.form-item label, .main.right .internalPage #support.helpline #webform-component-association.form-item label {padding-left: 0;} .main.right .internalPage #support.helpline #webform-component-receive-call.form-item label.error, .main.right .internalPage #support.helpline #webform-component-receive-email.form-item label.error, .main.right .internalPage #support.helpline #webform-component-receive-print.form-item label.error, .main.right .internalPage #support.helpline #webform-component-association.form-item label.error {padding-left: 0;} .main.right .internalPage #support.helpline #webform-component-verify-captcha.form-item .form-item-submitted-verify-captcha-yes {left: 0; width: calc(100% - 55px); width: -webkit-calc(100% - 55px); width: -moz-calc(100% - 55px);} .main.right .internalPage #support.helpline #webform-component-verify-captcha.form-item .form-item-submitted-verify-captcha-yes label.wrapable {width: 87%;} .main.right .internalPage #support.helpline .form-item .captchaContainer img#captcha-image {display: block; margin: 10px 10px 20px 0} .main.right .internalPage #support.helpline .form-item .captchaContainer a.captchaLink {display: block; position: top: 0;} .main.right .internalPage #support.helpline .form-item input[type="submit"].button.red {margin: 0 10px 0;} .main.right .internalPage #support.helpline #webform-component-birthday.form-item fieldset > span {left: 0;} .main.right .internalPage #support.helpline #webform-component-birthday.form-item fieldset > span select {width: 100%;} .main.right .internalPage #support.helpline #webform-component-birthday.form-item label.error {padding-left: 0;} .main.right .internalPage #support.helpline .form-item input[type="submit"].button.blue {left: 0;} } /* Blog Register */ .main.right .internalPage #blog.register p.disclaimer, .main.right .internalPage #blog.register p.AutoOptInWarningMessage {color: #555559; font-style: italic; margin: 10px 0 30px 40px;} .main.right .internalPage #blog.register p.disclaimer {font-size: 18px; line-height: 30px;} .main.right .internalPage #blog.register p.AutoOptInWarningMessage {font-size: 16px; line-height: 26px;} .main.right .internalPage #blog.register p.required, .main.right .internalPage #blog.register .form-item label .required, .main.right .internalPage #blog.register .form-item legend .required {color: #ed1b2d;} .main.right .internalPage #blog.register h4 {margin-top: 30px; padding-top: 40px; border-top: 1px solid #dcdcdc;} .main.right .internalPage #blog.register h4.first {padding-top: 0; border-top: 0px none;} .main.right .internalPage #blog.register #hidden {display: none;} .main.right .internalPage #blog.register .form-item label, .main.right .internalPage #blog.register .form-item fieldset legend {font-size: 20px; font-weight: 700; display: inline-block; vertical-align: middle; margin-right: 15px; padding-left: 0; text-indent: 0px; margin-top: 12px; line-height: 28px; min-width: 170px; float: left;} .main.right .internalPage #blog.register .form-item p.Hint {position: relative; left: 185px; top: -20px; font-size: 15px; line-height: 26px; margin-bottom: 0px;} .main.right .internalPage #blog.register .form-item label {width: inherit;} .main.right .internalPage #blog.register .form-item fieldset {margin-bottom: 25px;} .main.right .internalPage #blog.register .form-item fieldset legend {width: inherit;} .main.right .internalPage #blog.register .form-item fieldset label {display: inline-block; font-weight: 400; padding: 0;} .main.right .internalPage #blog.register .form-item label p {font-size: 19px; width: 500px; font-weight: 400; display: block; vertical-align: top; margin: 4px 10px 15px 0; padding-left: 0; text-indent: 0; line-height: 28px;} .main.right .internalPage #blog.register .form-item label.normal {font-size: 19px; width: inherit; font-weight: 400; display: inline-block; vertical-align: top; margin: 4px 10px 15px 0; padding-left: 40px; text-indent: 0px; line-height: 28px;} .main.right .internalPage #blog.register .form-item label .normal {font-size: 19px; width: inherit; font-weight: 400; display: inline-block; vertical-align: top; margin: 0; text-indent: 0px; line-height: 28px;} .main.right .internalPage #blog.register .form-item label.normal.block {display: block; margin: 4px 10px 0 0;} .main.right .internalPage #blog.register .form-item label.captcha {margin-top: 30px; text-indent: 0;} .main.right .internalPage #blog.register .form-item label.error {width: auto !important; display: inline-block; color: #ed1e2f; border-radius: 0; margin-bottom: 0; min-width: 200px; margin-left: 15px; font-family: 'Lato', sans-serif !important; margin-right: 0 !important; font-size: 14px !important; font-weight: 400; float: none; margin-top: 0;} .main.right .internalPage #blog.register .form-item label .number, .main.right .internalPage #blog.register .form-item fieldset legend .number {text-align: right; display: inline-block; margin: 0 10px 0 0; min-width: 26px;} .main.right .internalPage #blog.register .form-item .sub-label {font-size: 18px; width: inherit; font-weight: 700; display: block; vertical-align: top; margin: 5px 10px 0 0; padding-left: 40px; text-indent: 0px; line-height: 26px;} .main.right .internalPage #blog.register .form-item .start-date, .main.right .internalPage #blog.register .form-item .end-date {font-size: 18px; width: inherit; font-weight: 700; display: inline-block; vertical-align: top; margin: 5px 10px 0 0; padding-left: 40px; text-indent: 0px; line-height: 26px;} .main.right .internalPage #blog.register .form-item input[type="text"].form-text, .main.right .internalPage #blog.register .form-item input[type="password"].form-text {font-family: 'Lato', sans-serif; font-size: 18px; color: #555559; font-weight: 400; width: 40%; margin: 10px 0 30px 0; padding: 6px 10px 7px; border-radius: 0px; border: 1px solid #a3a9ac; -webkit-appearance: none; position: relative; left: 0;} .main.right .internalPage #blog.register .form-item input[type="text"].form-text.date {font-family: 'Lato', sans-serif; font-size: 18px; color: #555559; font-weight: 400; width: 100px; margin: 10px 0 10px 0; padding: 6px 10px 7px; display: inline-block; border-radius: 0px; border: 1px solid #a3a9ac; -webkit-appearance: none; position: relative; left: 40px;} .main.right .internalPage #blog.register .form-item input[type="text"].form-text.date.end {margin: 10px 0 30px;} .main.right .internalPage #blog.register .form-item textarea.form-textarea {font-family: 'Lato', sans-serif; font-size: 18px; color: #555559; font-weight: 400; width: 500px; height: 150px; margin: 10px 0 30px 0; padding: 6px 10px 7px; border-radius: 0px; border: 1px solid #a3a9ac; -webkit-appearance: none; overflow: auto; resize: none; position: relative; left: 40px;} .main.right .internalPage #blog.register .form-item select {font-family: 'Lato', sans-serif; font-size: 18px; color: #555559; font-weight: 400; width: 522px; margin: 10px 0 30px 0; padding: 6px 35px 6px 10px; border-radius: 0px; border: 1px solid #a3a9ac; -webkit-appearance: none; background: url('/images/select-arrow.png') no-repeat right; position: relative; left: 40px; -moz-appearance: none;} .main.right .internalPage #blog.register .form-item#webform-component-birthday select {width: 172px;} .main.right .internalPage #blog.register .form-item select[multiple].form-select {font-family: 'Lato', sans-serif; font-size: 18px; color: #555559; font-weight: 400; width: 522px; height: 100px; margin: 10px 0 30px 0; padding: 6px 10px 7px; border-radius: 0px; border: 1px solid #a3a9ac; -webkit-appearance: none; position: relative; left: 40px; background-image: none;} .main.right .internalPage #blog.register .form-item input[type="text"].form-text.sub, .main.right .internalPage #blog.register .form-item textarea.form-textarea.sub, .main.right .internalPage #blog.register .form-item select.sub {margin: 10px 0;} .main.right .internalPage #blog.register .form-item select[multiple].form-select.sub {margin: 10px 0 30px;} .main.right .internalPage #blog.register .form-item input[type="radio"].form-radio {margin: 15px 5px 0 40px; border-radius: inherit; -webkit-appearance: radio; vertical-align: middle; display: inline-block;} .main.right .internalPage #blog.register .form-item input[type="checkbox"].form-checkbox {margin: 11px 5px 0 0; border-radius: inherit; -webkit-appearance: checkbox; vertical-align: middle; position: relative; left: 40px; display: inline-block;} .main.right .internalPage #blog.register #webform-component-remember.form-item input[type="checkbox"].form-checkbox {margin: 0px 5px 0px 185px; border-radius: inherit; vertical-align: middle; position: relative; left: 0; display: inline-block;} .main.right .internalPage #blog.register #webform-component-remember.form-item label {font-size: 18px; font-weight: 400; line-height: 30px; margin-top: 0px; float: none;} .main.right .internalPage #blog.register .form-item .other {position: relative; top: -20px;} .main.right .internalPage #blog.register .form-item .other span {margin-left: 61px; margin-right: 10px; font-size: 18px;} .main.right .internalPage #blog.register .form-item .other span select {width: 172px; margin: 10px 0 0; position: inherit; left: 0;} .main.right .internalPage #blog.register .form-item .date-chooser img {display: inline-block; position: relative; left: 40px;} .main.right .internalPage #blog.register .form-item .captchaContainer img#captcha-image {max-width: 200px; width: inherit; display: inline-block; margin: 10px 10px 10px 0; position: relative; left: 40px;} .main.right .internalPage #blog.register .form-item .captchaContainer a.captchaLink {display: inline-block; position: relative; left: 50px; top: -10px;} .main.right .internalPage #blog.register .form-item input[type="text"].form-text.captcha {width: inherit; display: block;} .main.right .internalPage #blog.register .form-item input[type="submit"].button.blue {font-family: 'Lato', sans-serif; background-color: #3a75c4; border: 0 none; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; color: #ffffff; display: inline-block; font-size: 18px; font-weight: 700; width: 160px; height: 50px; line-height: 50px; text-align: center; text-decoration: none; margin: 20px 10px 0; padding: 0 20px; cursor: pointer; position: relative; left: 0;} .main.right .internalPage #blog.register .form-item input[type="submit"].button.blue:hover {background-color: #bad80a;} .main.right .internalPage #blog.register #webform-component-verify-captcha.form-item {} .main.right .internalPage #blog.register #webform-component-verify-captcha.form-item #edit-submitted-verify-captcha {} .main.right .internalPage #blog.register #webform-component-verify-captcha.form-item .form-item-submitted-verify-captcha-yes {display: inline-block; background-color: #f6f8f9; vertical-align: top; margin: 35px 0px 20px; border: 1px solid #dfe1e2; padding: 20px 35px 25px 30px; width: inherit;} .main.right .internalPage #blog.register #webform-component-verify-captcha.form-item #captcha {top: 18px; float: left; width: 20px; position: relative; display: inline-block;} .main.right .internalPage #blog.register #webform-component-verify-captcha.form-item .form-item-submitted-verify-captcha-yes label.wrapable {margin-right: 0px; font-size: 18px; line-height: 30px; display: inline-block; font-weight: 400; margin-bottom: 8px; left: 5px; position: relative; width: inherit;} @media (max-width: 1108px) { .main.right .internalPage #blog.register #webform-component-verify-captcha.form-item .form-item-submitted-verify-captcha-yes label.wrapable {width: 90%;} } @media (max-width: 1090px) { .main.right .internalPage #blog.register .form-item label.error {width: inherit; display: block; min-width: inherit; margin-left: 9px; margin-top: -25px; margin-bottom: 20px;} } @media (max-width: 945px) { .main.right .internalPage #blog.register .form-item label p, .main.right .internalPage #blog.register .form-item input[type="text"].form-text, .main.right .internalPage #blog.register .form-item label p, .main.right .internalPage #blog.register .form-item input[type="password"].form-text, .main.right .internalPage #blog.register .form-item textarea.form-textarea {width: 400px;} .main.right .internalPage #blog.register .form-item select, .main.right .internalPage #blog.register .form-item select[multiple].form-select {width: 422px;} .main.right .internalPage img.side-by-side {margin: 9px 0 10px; width: 100%; max-width: 450px; float: none;} .main.right .internalPage #blog.register .form-item label.error {width: inherit; display: block; min-width: inherit; margin-left: 0; margin-top: -25px; margin-bottom: 20px;} .main.right .internalPage #blog.register .form-item p.Hint {left: 0;} .main.right .internalPage #blog.register #webform-component-remember.form-item input[type="checkbox"].form-checkbox {margin: 0 5px 0 0;} } @media (max-width: 854px) { .main.right .internalPage #blog.register .form-item label p, .main.right .internalPage #blog.register .form-item input[type="text"].form-text, .main.right .internalPage #blog.register .form-item label p, .main.right .internalPage #blog.register .form-item input[type="password"].form-text, .main.right .internalPage #blog.register .form-item textarea.form-textarea {width: 300px;} .main.right .internalPage #blog.register .form-item select, .main.right .internalPage #blog.register .form-item select[multiple].form-select {width: 322px;} .main.right .internalPage #blog.register .form-item input[type="radio"].form-radio {display: inline; float: left;} .main.right .internalPage #blog.register .form-item label.normal {display: block; text-indent: 20px;} .main.right .internalPage #blog.register .form-item label.normal.block {text-indent: 0px;} } @media (max-width: 767px) { .main.right .internalPage #blog.register .form-item label p, .main.right .internalPage #blog.register .form-item input[type="text"].form-text, .main.right .internalPage #blog.register .form-item label p, .main.right .internalPage #blog.register .form-item input[type="password"].form-text, .main.right .internalPage #blog.register .form-item textarea.form-textarea {width: 450px;} .main.right .internalPage #blog.register .form-item select, .main.right .internalPage #blog.register .form-item select[multiple].form-select {width: 472px;} } @media (max-width: 567px) { .main.right .internalPage #blog.register #byDisease label, .main.right .internalPage #blog.register #byState label {font-size: 16px;} .main.right .internalPage #blog.register #byDisease select, .main.right .internalPage #blog.register #byState select {font-size: 15px;} .main.right .internalPage #blog.register #finder {padding: 20px 18px 20px; margin: 20px 0;} .main.right .internalPage #blog.register #finder .inner {padding: 25px 25px 25px; width: calc(100% - 52px);} .main.right .internalPage #blog.register .form-item label p, .main.right .internalPage #blog.register .form-item input[type="text"].form-text, .main.right .internalPage #blog.register .form-item label p, .main.right .internalPage #blog.register .form-item input[type="password"].form-text, .main.right .internalPage #blog.register .form-item textarea.form-textarea {width: 300px;} .main.right .internalPage #blog.register .form-item select, .main.right .internalPage #blog.register .form-item select[multiple].form-select {width: 322px;} .main.right .internalPage #blog.register .form-item label, .main.right .internalPage #blog.register .form-item fieldset legend {font-size: 16px; line-height: 24px; min-width: 150px;} .main.right .internalPage #blog.register .form-item p.Hint {left: 165px;} .main.right .internalPage #blog.register #webform-component-remember.form-item input[type="checkbox"].form-checkbox {margin: 0 5px 0 165px;} .main.right .internalPage #blog.register .form-item label p, .main.right .internalPage #blog.register .form-item label.normal, .main.right .internalPage #blog.register .form-item .sub-label, .main.right .internalPage #blog.register .form-item .start-date, .main.right .internalPage #blog.register .form-item .end-date {font-size: 16px; line-height: 24px;} .main.right .internalPage #blog.register .form-item input[type="text"].form-text, .main.right .internalPage #blog.register .form-item input[type="text"].form-text.date, .main.right .internalPage #blog.register .form-item input[type="text"].form-text, .main.right .internalPage #blog.register .form-item input[type="password"].form-text.date, .main.right .internalPage #blog.register .form-item textarea.form-textarea, .main.right .internalPage #blog.register .form-item select, .main.right .internalPage #blog.register .form-item select[multiple].form-select {font-size: 14px;} .main.right .internalPage #blog.register .form-item p.Hint, .main.right .internalPage #blog.register #webform-component-remember.form-item label, .main.right .internalPage #blog.register #webform-component-verify-captcha.form-item .form-item-submitted-verify-captcha-yes label.wrapable {font-size: 14px; line-height: 24px;} .main.right .internalPage #blog.register #webform-component-verify-captcha.form-item .form-item-submitted-verify-captcha-yes {margin: 25px 0px 10px; padding: 10px 25px 15px 20px;} .main.right .internalPage #blog.register #webform-component-verify-captcha.form-item #captcha {top: 15px;} .main.right .internalPage #blog.register .form-item input[type="submit"].button.blue {font-size: 16px; width: 110px; height: 40px; line-height: 40px; padding: 0 10px;} } @media (max-width: 543px) { .main.right .internalPage #blog.register .form-item p.Hint {left: 0;} .main.right .internalPage #blog.register #webform-component-remember.form-item input[type="checkbox"].form-checkbox {margin: 0 5px 0 0;} } @media (max-width: 405px) { .main.right .internalPage #blog.register #byDisease select, .main.right .internalPage #blog.register #byState select {font-size: 14px;} .main.right .internalPage #blog.register .form-item label p, .main.right .internalPage #blog.register .form-item input[type="text"].form-text, .main.right .internalPage #blog.register .form-item label p, .main.right .internalPage #blog.register .form-item input[type="password"].form-text, .main.right .internalPage #blog.register .form-item textarea.form-textarea {width: 200px;} .main.right .internalPage #blog.register .form-item select, .main.right .internalPage #blog.register .form-item select[multiple].form-select {width: 222px;} .main.right .internalPage #blog.register .form-item select {padding: 7px 35px 7px 10px;} .main.right .internalPage #blog.register .form-item select[multiple].form-select {-webkit-appearance: inherit;} .main.right .internalPage #blog.register .form-item label.normal {vertical-align: middle; margin: 10px 10px 10px 0; padding-left: 45px;} .main.right .internalPage #blog.register .form-item input[type="radio"].form-radio {margin: 5px 5px 0 0; border-radius: 20px;} .main.right .internalPage #blog.register .form-item .captchaContainer img#captcha-image {display: block; margin: 10px 10px 20px 0} .main.right .internalPage #blog.register .form-item .captchaContainer a.captchaLink {display: block; position: top: 0;} .main.right .internalPage #blog.register .form-item input[type="submit"].button.blue {} } /* Story Register */ .main.right .internalPage #sota.share-story {margin-bottom: 40px;} .main.right .internalPage #sota.share-story p.required, .main.right .internalPage #sota.share-story .form-item label .required, .main.right .internalPage #sota.share-story .form-item legend .required {color: #ed1b2d;} .main.right .internalPage #sota.share-story h4 {margin-top: 30px; padding-top: 40px; border-top: 1px solid #dcdcdc;} .main.right .internalPage #sota.share-story h4.first {padding-top: 0; border-top: 0px none;} .main.right .internalPage #sota.share-story #hidden {display: none;} .main.right .internalPage #sota.share-story .form-item label, .main.right .internalPage #sota.share-story .form-item fieldset legend {font-size: 20px; font-weight: 700; display: inline-block; vertical-align: middle; margin-right: 15px; padding-left: 0; text-indent: 0px; margin-top: 12px; line-height: 28px; min-width: 170px; float: left;} .main.right .internalPage #sota.share-story .form-item p.Hint {position: relative; left: 185px; top: -20px; font-size: 15px; line-height: 26px; margin-bottom: 0px;} .main.right .internalPage #sota.share-story .form-item label {width: inherit;} .main.right .internalPage #sota.share-story #webform-component-captcha.form-item label {width: 160px;} .main.right .internalPage #sota.share-story .form-item fieldset {margin-bottom: 25px;} .main.right .internalPage #sota.share-story .form-item fieldset legend {width: inherit;} .main.right .internalPage #sota.share-story .form-item fieldset label {display: inline-block; font-weight: 400; padding: 0;} .main.right .internalPage #sota.share-story .form-item label p {font-size: 19px; width: 500px; font-weight: 400; display: block; vertical-align: top; margin: 4px 10px 15px 0; padding-left: 0; text-indent: 0; line-height: 28px;} .main.right .internalPage #sota.share-story .form-item label.captcha {margin-top: 30px; text-indent: 0;} .main.right .internalPage #sota.share-story .form-item label.error {width: auto !important; display: inline-block; color: #ed1e2f; border-radius: 0; margin-bottom: 0; min-width: 200px; margin-left: 15px; font-family: 'Lato', sans-serif !important; margin-right: 0 !important; font-size: 14px !important; font-weight: 400; float: none; margin-top: 0;} .main.right .internalPage #sota.share-story .form-item input[type="text"].form-text, .main.right .internalPage #sota.share-story .form-item input[type="password"].form-text {font-family: 'Lato', sans-serif; font-size: 18px; color: #555559; font-weight: 400; width: 100%; max-width: 490px; margin: 10px 0 30px 0; padding: 6px 10px 7px; border-radius: 0px; border: 1px solid #a3a9ac; -webkit-appearance: none; position: relative; left: 0;} .main.right .internalPage #sota.share-story .form-item textarea.form-textarea {font-family: 'Lato', sans-serif; font-size: 18px; color: #555559; font-weight: 400; width: 100%; max-width: 490px; height: 150px; margin: 10px 0 30px 0; padding: 6px 10px 7px; border-radius: 0px; border: 1px solid #a3a9ac; -webkit-appearance: none; overflow: auto; resize: none; position: relative;} .main.right .internalPage #sota.share-story .form-item select {font-family: 'Lato', sans-serif; font-size: 18px; color: #555559; font-weight: 400; width: 522px; margin: 10px 0 30px 0; padding: 6px 35px 6px 10px; border-radius: 0px; border: 1px solid #a3a9ac; -webkit-appearance: none; background: url('/images/select-arrow.png') no-repeat right; position: relative; left: 40px; -moz-appearance: none;} .main.right .internalPage #sota.share-story .form-item select[multiple].form-select {font-family: 'Lato', sans-serif; font-size: 18px; color: #555559; font-weight: 400; width: 522px; height: 100px; margin: 10px 0 30px 0; padding: 6px 10px 7px; border-radius: 0px; border: 1px solid #a3a9ac; -webkit-appearance: none; position: relative; left: 40px; background-image: none;} .main.right .internalPage #sota.share-story .form-item input[type="radio"].form-radio {margin: 15px 5px 0 40px; border-radius: inherit; -webkit-appearance: radio; vertical-align: middle; display: inline-block;} .main.right .internalPage #sota.share-story .form-item input[type="checkbox"].form-checkbox {margin: 11px 5px 0 0; border-radius: inherit; -webkit-appearance: checkbox; vertical-align: middle; position: relative; left: 40px; display: inline-block;} .main.right .internalPage #sota.share-story #webform-component-remember.form-item input[type="checkbox"].form-checkbox {margin: 0px 5px 0px 185px; border-radius: inherit; vertical-align: middle; position: relative; left: 0; display: inline-block;} .main.right .internalPage #sota.share-story #webform-component-video.form-item input[type="text"].form-text {margin: 10px 0;} .main.right .internalPage #sota.share-story #webform-component-captcha.form-item input[type="text"].form-text {left: 170px; margin-left: 15px;} .main.right .internalPage #sota.share-story #webform-component-photo.form-item input[type="file"].form-text {font-family: 'Lato', sans-serif; font-size: 18px; color: #555559; font-weight: 400; width: 100%; max-width: 490px; margin: 10px 0 30px 0; padding: 4px; border-radius: 0px; border: 1px solid #a3a9ac; -webkit-appearance: none; position: relative; left: 0;} .main.right .internalPage #sota.share-story #webform-component-remember.form-item label {font-size: 18px; font-weight: 400; line-height: 30px; margin-top: 0px; float: none;} .main.right .internalPage #sota.share-story .form-item .description {display: block; position: relative; left: 170px; margin-left: 15px; margin-bottom: 25px; width: 65%; font-size: 15px; line-height: 26px;} .main.right .internalPage #sota.share-story .form-item .captchaContainer img#captcha-image {max-width: 200px; width: inherit; display: inline-block; margin: 10px 10px 10px 0; position: relative; left: 40px;} .main.right .internalPage #sota.share-story .form-item .captchaContainer a.captchaLink {display: inline-block; position: relative; left: 50px; top: -10px;} .main.right .internalPage #sota.share-story .form-item input[type="text"].form-text.captcha {width: inherit; display: block;} .main.right .internalPage #sota.share-story .form-item input[type="submit"].button.blue {font-family: 'Lato', sans-serif; background-color: #3a75c4; border: 0 none; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; color: #ffffff; display: inline-block; font-size: 18px; font-weight: 700; width: 160px; height: 50px; line-height: 50px; text-align: center; text-decoration: none; margin: 20px 10px 0; padding: 0 20px; cursor: pointer; position: relative; left: 170px;} .main.right .internalPage #sota.share-story .form-item input[type="submit"].button.blue:hover {background-color: #bad80a;} .main.right .internalPage #sota.share-story #webform-component-verify-captcha.form-item .form-item-submitted-verify-captcha-yes {display: inline-block; background-color: #f6f8f9; vertical-align: top; margin: 35px 0px 20px; border: 1px solid #dfe1e2; padding: 20px 35px 25px 30px; width: inherit;} .main.right .internalPage #sota.share-story #webform-component-verify-captcha.form-item #captcha {top: 18px; float: left; width: 20px; position: relative; display: inline-block;} .main.right .internalPage #sota.share-story #webform-component-verify-captcha.form-item .form-item-submitted-verify-captcha-yes label.wrapable {margin-right: 0px; font-size: 18px; line-height: 30px; display: inline-block; font-weight: 400; margin-bottom: 8px; left: 5px; position: relative; width: inherit;} @media (max-width: 1108px) { .main.right .internalPage #sota.share-story #webform-component-verify-captcha.form-item .form-item-submitted-verify-captcha-yes label.wrapable {width: 90%;} } @media (max-width: 1090px) { .main.right .internalPage #sota.share-story .form-item label.error {width: inherit; display: block; min-width: inherit; margin-left: 9px; margin-top: -25px; margin-bottom: 20px;} } @media (max-width: 945px) { .main.right .internalPage #sota.share-story .form-item label p, .main.right .internalPage #sota.share-story .form-item input[type="text"].form-text, .main.right .internalPage #sota.share-story .form-item label p, .main.right .internalPage #sota.share-story .form-item input[type="password"].form-text, .main.right .internalPage #sota.share-story .form-item textarea.form-textarea {width: 400px;} .main.right .internalPage #sota.share-story .form-item select, .main.right .internalPage #sota.share-story .form-item select[multiple].form-select {width: 422px;} .main.right .internalPage #sota.share-story .form-item label.error {width: inherit; display: block; min-width: inherit; margin-left: 0; margin-top: -25px; margin-bottom: 20px;} .main.right .internalPage #sota.share-story .form-item p.Hint {left: 0;} .main.right .internalPage #sota.share-story #webform-component-remember.form-item input[type="checkbox"].form-checkbox {margin: 0 5px 0 0;} } @media (max-width: 854px) { .main.right .internalPage #sota.share-story .form-item label p, .main.right .internalPage #sota.share-story .form-item input[type="text"].form-text, .main.right .internalPage #sota.share-story .form-item label p, .main.right .internalPage #sota.share-story .form-item input[type="password"].form-text, .main.right .internalPage #sota.share-story .form-item textarea.form-textarea {width: 300px;} .main.right .internalPage #sota.share-story .form-item select, .main.right .internalPage #sota.share-story .form-item select[multiple].form-select {width: 322px;} .main.right .internalPage #sota.share-story .form-item input[type="radio"].form-radio {display: inline; float: left;} } @media (max-width: 767px) { .main.right .internalPage #sota.share-story .form-item label p, .main.right .internalPage #sota.share-story .form-item input[type="text"].form-text, .main.right .internalPage #sota.share-story .form-item label p, .main.right .internalPage #sota.share-story .form-item input[type="password"].form-text, .main.right .internalPage #sota.share-story .form-item textarea.form-textarea {width: 450px;} .main.right .internalPage #sota.share-story .form-item select, .main.right .internalPage #sota.share-story .form-item select[multiple].form-select {width: 472px;} } @media (max-width: 567px) { .main.right .internalPage #sota.share-story .form-item label p, .main.right .internalPage #sota.share-story .form-item input[type="text"].form-text, .main.right .internalPage #sota.share-story .form-item label p, .main.right .internalPage #sota.share-story .form-item input[type="password"].form-text, .main.right .internalPage #sota.share-story .form-item textarea.form-textarea {width: 300px;} .main.right .internalPage #sota.share-story .form-item select, .main.right .internalPage #sota.share-story .form-item select[multiple].form-select {width: 322px;} .main.right .internalPage #sota.share-story .form-item label, .main.right .internalPage #sota.share-story .form-item fieldset legend {font-size: 16px; line-height: 24px; min-width: 150px;} .main.right .internalPage #sota.share-story .form-item p.Hint {left: 165px;} .main.right .internalPage #sota.share-story #webform-component-remember.form-item input[type="checkbox"].form-checkbox {margin: 0 5px 0 165px;} .main.right .internalPage #sota.share-story .form-item label p {font-size: 16px; line-height: 24px;} .main.right .internalPage #sota.share-story .form-item input[type="text"].form-text, .main.right .internalPage #sota.share-story .form-item input[type="text"].form-text.date, .main.right .internalPage #sota.share-story .form-item input[type="text"].form-text, .main.right .internalPage #sota.share-story .form-item input[type="password"].form-text.date, .main.right .internalPage #sota.share-story .form-item textarea.form-textarea, .main.right .internalPage #sota.share-story .form-item select, .main.right .internalPage #sota.share-story .form-item select[multiple].form-select {font-size: 14px;} .main.right .internalPage #sota.share-story .form-item p.Hint, .main.right .internalPage #sota.share-story #webform-component-remember.form-item label, .main.right .internalPage #sota.share-story #webform-component-verify-captcha.form-item .form-item-submitted-verify-captcha-yes label.wrapable {font-size: 14px; line-height: 24px;} .main.right .internalPage #sota.share-story #webform-component-verify-captcha.form-item .form-item-submitted-verify-captcha-yes {margin: 25px 0px 10px; padding: 10px 25px 15px 20px;} .main.right .internalPage #sota.share-story #webform-component-verify-captcha.form-item #captcha {top: 15px;} .main.right .internalPage #sota.share-story .form-item input[type="submit"].button.blue {font-size: 16px; width: 110px; height: 40px; line-height: 40px; padding: 0 10px;} } @media (max-width: 543px) { .main.right .internalPage #sota.share-story .form-item p.Hint {left: 0;} .main.right .internalPage #sota.share-story #webform-component-remember.form-item input[type="checkbox"].form-checkbox {margin: 0 5px 0 0;} } @media (max-width: 405px) { .main.right .internalPage #sota.share-story .form-item label p, .main.right .internalPage #sota.share-story .form-item input[type="text"].form-text, .main.right .internalPage #sota.share-story .form-item label p, .main.right .internalPage #sota.share-story .form-item input[type="password"].form-text, .main.right .internalPage #sota.share-story .form-item textarea.form-textarea {width: 200px;} .main.right .internalPage #sota.share-story .form-item select, .main.right .internalPage #sota.share-story .form-item select[multiple].form-select {width: 222px;} .main.right .internalPage #sota.share-story .form-item select {padding: 7px 35px 7px 10px;} .main.right .internalPage #sota.share-story .form-item select[multiple].form-select {-webkit-appearance: inherit;} .main.right .internalPage #sota.share-story .form-item input[type="radio"].form-radio {margin: 5px 5px 0 0; border-radius: 20px;} .main.right .internalPage #sota.share-story .form-item .captchaContainer img#captcha-image {display: block; margin: 10px 10px 20px 0} .main.right .internalPage #sota.share-story .form-item .captchaContainer a.captchaLink {display: block; position: top: 0;} .main.right .internalPage #sota.share-story .form-item input[type="submit"].button.blue {} } /* Research Webinar */ .main.right .internalPage #research.webinar {background-color: #f9f9fb; padding: 45px 50px 20px; margin: 60px 0; border-radius: 0 25px;} .main.right .internalPage #research.webinar.survey {background-color: transparent; padding: 0; margin: 0; border-radius: 0;} .main.right .internalPage #research.webinar p.disclaimer, .main.right .internalPage #research.webinar p.AutoOptInWarningMessage {color: #555559; font-style: italic; margin: 20px 0;} .main.right .internalPage #research.webinar p.disclaimer {font-size: 18px; line-height: 30px;} .main.right .internalPage #research.webinar p.AutoOptInWarningMessage {font-size: 14px; line-height: 26px; text-align: center;} .main.right .internalPage #research.webinar p.required, .main.right .internalPage #research.webinar .form-item label .required, .main.right .internalPage #research.webinar .form-item legend .required {color: #ed1b2d;} .main.right .internalPage #research.webinar h4 {margin-top: 30px; padding-top: 40px; border-top: 1px solid #dcdcdc;} .main.right .internalPage #research.webinar h4.first {padding-top: 0; border-top: 0px none;} .main.right .internalPage #research.webinar #hidden {display: none;} .main.right .internalPage #research.webinar .form-item label, .main.right .internalPage #research.webinar .form-item fieldset legend {font-size: 18px; font-weight: 700; display: inline-block; vertical-align: middle; margin-right: 15px; padding-left: 0; text-indent: 0px; margin-top: 12px; line-height: 28px; min-width: 170px; float: left;} .main.right .internalPage #research.webinar.survey .form-item label, .main.right .internalPage #research.webinar.survey .form-item fieldset legend {margin-top: 5px; float: none;} .main.right .internalPage #research.webinar .form-item p.Hint {position: relative; left: 185px; top: -20px; font-size: 15px; line-height: 26px; margin-bottom: 0px;} .main.right .internalPage #research.webinar .form-item label {width: inherit;} .main.right .internalPage #research.webinar .form-item fieldset {margin-bottom: 25px;} .main.right .internalPage #research.webinar .form-item fieldset legend {width: inherit;} .main.right .internalPage #research.webinar .form-item fieldset label {display: inline-block; font-weight: 400; padding: 0;} .main.right .internalPage #research.webinar .form-item label p {font-size: 19px; width: 500px; font-weight: 400; display: block; vertical-align: top; margin: 4px 10px 15px 0; padding-left: 0; text-indent: 0; line-height: 28px;} .main.right .internalPage #research.webinar .form-item label.normal {font-size: 19px; width: inherit; font-weight: 400; display: inline-block; vertical-align: top; margin: 4px 10px 15px 0; padding-left: 40px; text-indent: 0px; line-height: 28px;} .main.right .internalPage #research.webinar .form-item label .normal {font-size: 19px; width: inherit; font-weight: 400; display: inline-block; vertical-align: top; margin: 0; text-indent: 0px; line-height: 28px;} .main.right .internalPage #research.webinar .form-item label.normal.block {display: block; margin: 4px 10px 0 0;} .main.right .internalPage #research.webinar .form-item label.captcha {margin-top: 30px; text-indent: 0;} .main.right .internalPage #research.webinar .form-item label.error {width: auto !important; display: inline-block; color: #ed1e2f; border-radius: 0; margin-bottom: 0; min-width: 200px; margin-left: 15px; font-family: 'Lato', sans-serif !important; margin-right: 0 !important; font-size: 14px !important; font-weight: 400; float: none; margin-top: 0;} .main.right .internalPage #research.webinar .form-item input[type="text"].form-text {font-family: 'Lato', sans-serif; font-size: 18px; color: #555559; font-weight: 400; width: 368px; margin: 10px 0 30px 0; padding: 6px 10px 7px; border-radius: 0px; border: 1px solid #a3a9ac; -webkit-appearance: none; position: relative; left: 0;} .main.right .internalPage #research.webinar .form-item textarea.form-textarea {font-family: 'Lato', sans-serif; font-size: 18px; color: #555559; font-weight: 400; width: 97%; width: calc(100% - 40px); width: -webkit-calc(100% - 40px); width: -moz-calc(100% - 40px); height: 150px; margin: 20px 0; padding: 6px 10px 7px; border-radius: 0px; border: 1px solid #a3a9ac; -webkit-appearance: none; overflow: auto; resize: none; position: relative; left: 0;} .main.right .internalPage #research.webinar .form-item select {font-family: 'Lato', sans-serif; font-size: 18px; color: #555559; font-weight: 400; width: 390px; margin: 10px 0 30px 0; padding: 6px 35px 6px 10px; border-radius: 0px; border: 1px solid #a3a9ac; -webkit-appearance: none; background: url('/images/select-arrow.png') no-repeat right #fff; position: relative; left: 0; -moz-appearance: none;} .main.right .internalPage #research.webinar .form-item select[multiple].form-select {font-family: 'Lato', sans-serif; font-size: 18px; color: #555559; font-weight: 400; width: 522px; height: 100px; margin: 10px 0 30px 0; padding: 6px 10px 7px; border-radius: 0px; border: 1px solid #a3a9ac; -webkit-appearance: none; position: relative; left: 40px; background-image: none;} .main.right .internalPage #research.webinar .form-item input[type="text"].form-text.sub, .main.right .internalPage #research.webinar .form-item textarea.form-textarea.sub, .main.right .internalPage #research.webinar .form-item select.sub {margin: 10px 0;} .main.right .internalPage #research.webinar .form-item select[multiple].form-select.sub {margin: 10px 0 30px;} .main.right .internalPage #research.webinar .form-item input[type="radio"].form-radio {margin: 15px 5px 0 40px; border-radius: inherit; -webkit-appearance: radio; vertical-align: middle; display: inline-block;} .main.right .internalPage #research.webinar .form-item input[type="checkbox"].form-checkbox {margin: 11px 5px 0 0; border-radius: inherit; -webkit-appearance: checkbox; vertical-align: middle; position: relative; left: 40px; display: inline-block;} .main.right .internalPage #research.webinar #webform-component-remember.form-item input[type="checkbox"].form-checkbox {margin: 0px 5px 0px 185px; border-radius: inherit; vertical-align: middle; position: relative; left: 0; display: inline-block;} .main.right .internalPage #research.webinar #webform-component-remember.form-item label {font-size: 18px; font-weight: 400; line-height: 30px; margin-top: 0px; float: none;} .main.right .internalPage #research.webinar .form-item .other {position: relative; top: -20px;} .main.right .internalPage #research.webinar .form-item .other span {margin-left: 61px; margin-right: 10px; font-size: 18px;} .main.right .internalPage #research.webinar .form-item .other span select {width: 172px; margin: 10px 0 0; position: inherit; left: 0;} .main.right .internalPage #research.webinar .form-item .date-chooser img {display: inline-block; position: relative; left: 40px;} .main.right .internalPage #research.webinar .form-item .captchaContainer img#captcha-image {max-width: 200px; width: inherit; display: inline-block; margin: 10px 10px 10px 0; position: relative; left: 40px;} .main.right .internalPage #research.webinar .form-item .captchaContainer a.captchaLink {display: inline-block; position: relative; left: 50px; top: -10px;} .main.right .internalPage #research.webinar .form-item input[type="text"].form-text.captcha {width: inherit; display: block;} .main.right .internalPage #research.webinar .form-item input[type="submit"].button.blue {font-family: 'Lato', sans-serif; background-color: #3a75c4; border: 0 none; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; color: #ffffff; display: block; font-size: 18px; font-weight: 700; width: 160px; height: 50px; line-height: 50px; text-align: center; text-decoration: none; margin: 30px auto; padding: 0 20px; cursor: pointer; position: relative; left: 0;} .main.right .internalPage #research.webinar.survey .form-item input[type="submit"].button.blue {margin: 30px 0 0 185px;} .main.right .internalPage #research.webinar.survey hr {margin: 10px 0 50px;} .main.right .internalPage #research.webinar .form-item input[type="submit"].button.blue:hover {background-color: #bad80a;} .main.right .internalPage #research.webinar #webform-component-verify-captcha.form-item {} .main.right .internalPage #research.webinar #webform-component-verify-captcha.form-item #edit-submitted-verify-captcha {} .main.right .internalPage #research.webinar #webform-component-verify-captcha.form-item .form-item-submitted-verify-captcha-yes {display: inline-block; vertical-align: top; margin: 0; width: auto;} .main.right .internalPage #research.webinar #webform-component-verify-captcha.form-item #captcha {top: 18px; float: left; width: 20px; position: relative; display: inline-block;} .main.right .internalPage #research.webinar #webform-component-verify-captcha.form-item .form-item-submitted-verify-captcha-yes label.wrapable {margin-right: 0px; font-size: 18px; line-height: 30px; display: inline-block; font-weight: 400; margin-bottom: 8px; left: 10px; position: relative; width: inherit;} .main.right .internalPage #research.webinar.survey .form-item fieldset legend.surveyLegend span.number {text-align: right; width: 2%; margin-right: 3px; vertical-align: top;} .main.right .internalPage #research.webinar.survey .form-item fieldset legend.surveyLegend span.question {width: inherit; max-width: 750px; margin-bottom: 10px; padding-bottom: 0px; border-bottom: 0px none; display: inline-block;} .main.right .internalPage #research.webinar.survey .form-item.form-item-support fieldset label, .webform-client-form.hideSubmitButton-processed .form-item.form-item-radio fieldset label {width: 90%; white-space: normal; margin-right: 0px; margin-bottom: 10px;} .main.right .internalPage #research.webinar.survey .form-item.form-item-radio .form-radio-wrapper {margin-left: 20px; width: inherit;} .main.right .internalPage #research.webinar.survey .form-item.form-item-interests {width: 100%; margin-bottom: 0px; display: inline-block;} .main.right .internalPage #research.webinar.survey .form-item.form-item-interests .form-checkbox-wrapper input[type="checkbox"] {vertical-align: text-bottom;} .main.right .internalPage #research.webinar.survey .form-item.form-item-interests .form-checkbox-wrapper input[type="text"].form-text {margin: 10px 0 30px 20px;} .main.right .internalPage #research.webinar.survey .form-item.form-item-interests .form-checkbox-wrapper {margin-top: 0px;} .main.right .internalPage #research.webinar.survey .form-item.form-item-interests fieldset label, .webform-client-form.hideSubmitButton-processed .form-item.form-item-radio fieldset label {width: 80%; min-width: inherit; margin-left: 0px; margin-bottom: 12px; position: inherit; top: 0px;} .main.right .internalPage #research.webinar.survey #webform-component-verify-captcha.form-item .form-item-submitted-verify-captcha-yes {display: inline-block; background-color: #f6f8f9; vertical-align: top; margin: 35px 0px 20px; border: 1px solid #dfe1e2; padding: 20px 35px 25px 30px; width: inherit;} .main.right .internalPage #research.webinar #webform-component-verify-captcha.form-item .form-item-submitted-verify-captcha-yes label.wrapable {left: 5px; margin-top: 10px;} @media (max-width: 1200px) { .main.right .internalPage #research.webinar #webform-component-verify-captcha.form-item .form-item-submitted-verify-captcha-yes label.wrapable {width: 90%;} .main.right .internalPage #research.webinar .form-item label.error {width: inherit; display: block; min-width: inherit; margin-left: 9px; margin-top: -25px; margin-bottom: 20px;} } @media (max-width: 1024px) { .main.right .internalPage #research.webinar .form-item label p, .main.right .internalPage #research.webinar .form-item input[type="text"].form-text, .main.right .internalPage #research.webinar .form-item label p, .main.right .internalPage #research.webinar .form-item input[type="password"].form-text {width: 400px;} .main.right .internalPage #research.webinar .form-item select, .main.right .internalPage #research.webinar .form-item select[multiple].form-select {width: 422px;} .main.right .internalPage img.side-by-side {margin: 9px 0 10px; width: 100%; max-width: 450px; float: none;} .main.right .internalPage #research.webinar .form-item label.error {width: inherit; display: block; min-width: inherit; margin-left: 0; margin-top: -25px; margin-bottom: 20px;} .main.right .internalPage #research.webinar .form-item p.Hint {left: 0;} .main.right .internalPage #research.webinar #webform-component-remember.form-item input[type="checkbox"].form-checkbox {margin: 0 5px 0 0;} } @media (max-width: 906px) { .main.right .internalPage #research.webinar .form-item label p, .main.right .internalPage #research.webinar .form-item input[type="text"].form-text, .main.right .internalPage #research.webinar .form-item label p, .main.right .internalPage #research.webinar .form-item input[type="password"].form-text {width: 300px;} .main.right .internalPage #research.webinar .form-item select, .main.right .internalPage #research.webinar .form-item select[multiple].form-select {width: 322px;} .main.right .internalPage #research.webinar .form-item input[type="radio"].form-radio {display: inline; float: left;} .main.right .internalPage #research.webinar .form-item label.normal {display: block; text-indent: 20px;} .main.right .internalPage #research.webinar .form-item label.normal.block {text-indent: 0px;} } @media (max-width: 768px) { .main.right .internalPage #research.webinar .form-item label p, .main.right .internalPage #research.webinar .form-item input[type="text"].form-text, .main.right .internalPage #research.webinar .form-item label p, .main.right .internalPage #research.webinar .form-item input[type="password"].form-text {width: 450px;} .main.right .internalPage #research.webinar .form-item textarea.form-textarea {width: 97%; width: calc(100% - 40px); width: -webkit-calc(100% - 40px); width: -moz-calc(100% - 40px);} .main.right .internalPage #research.webinar .form-item select, .main.right .internalPage #research.webinar .form-item select[multiple].form-select {width: 472px;} } @media (max-width: 640px) { .main.right .internalPage #research.webinar .form-item label p, .main.right .internalPage #research.webinar .form-item input[type="text"].form-text, .main.right .internalPage #research.webinar .form-item label p, .main.right .internalPage #research.webinar .form-item input[type="password"].form-text {width: 400px;} .main.right .internalPage #research.webinar .form-item select, .main.right .internalPage #research.webinar .form-item select[multiple].form-select {width: 425px;} } @media (max-width: 567px) { .main.right .internalPage #research.webinar {padding: 20px 20px 10px; margin: 30px 0; border-radius: 0;} .main.right .internalPage #research.webinar #byDisease label, .main.right .internalPage #research.webinar #byState label {font-size: 16px;} .main.right .internalPage #research.webinar #byDisease select, .main.right .internalPage #research.webinar #byState select {font-size: 15px;} .main.right .internalPage #research.webinar #finder {padding: 20px 18px 20px; margin: 20px 0;} .main.right .internalPage #research.webinar #finder .inner {padding: 25px 25px 25px; width: calc(100% - 52px);} .main.right .internalPage #research.webinar .form-item label p, .main.right .internalPage #research.webinar .form-item input[type="text"].form-text, .main.right .internalPage #research.webinar .form-item label p, .main.right .internalPage #research.webinar .form-item input[type="password"].form-text {width: 300px;} .main.right .internalPage #research.webinar .form-item textarea.form-textarea {width: 97%; width: calc(100% - 30px); width: -webkit-calc(100% - 30px); width: -moz-calc(100% - 30px);} .main.right .internalPage #research.webinar .form-item select, .main.right .internalPage #research.webinar .form-item select[multiple].form-select {width: 322px;} .main.right .internalPage #research.webinar.survey .form-item label, .main.right .internalPage #research.webinar.survey .form-item fieldset legend {font-size: 16px; line-height: 24px; min-width: 150px;} .main.right .internalPage #research.webinar .form-item label, .main.right .internalPage #research.webinar .form-item fieldset legend {font-size: 16px; line-height: 24px; min-width: 150px;} .main.right .internalPage #research.webinar .form-item p.Hint {left: 0;} .main.right .internalPage #research.webinar #webform-component-remember.form-item input[type="checkbox"].form-checkbox {margin: 0 5px 0 0;} .main.right .internalPage #research.webinar .form-item label p, .main.right .internalPage #research.webinar .form-item label.normal, .main.right .internalPage #research.webinar .form-item .sub-label, .main.right .internalPage #research.webinar .form-item .start-date, .main.right .internalPage #research.webinar .form-item .end-date {font-size: 16px; line-height: 24px;} .main.right .internalPage #research.webinar .form-item input[type="text"].form-text, .main.right .internalPage #research.webinar .form-item input[type="text"].form-text.date, .main.right .internalPage #research.webinar .form-item input[type="text"].form-text, .main.right .internalPage #research.webinar .form-item input[type="password"].form-text.date, .main.right .internalPage #research.webinar .form-item textarea.form-textarea, .main.right .internalPage #research.webinar .form-item select, .main.right .internalPage #research.webinar .form-item select[multiple].form-select {font-size: 14px;} .main.right .internalPage #research.webinar .form-item p.Hint, .main.right .internalPage #research.webinar #webform-component-remember.form-item label, .main.right .internalPage #research.webinar #webform-component-verify-captcha.form-item .form-item-submitted-verify-captcha-yes label.wrapable {font-size: 14px; line-height: 24px;} .main.right .internalPage #research.webinar #webform-component-verify-captcha.form-item #captcha {top: 15px;} .main.right .internalPage #research.webinar .form-item input[type="submit"].button.blue {font-size: 16px; width: 110px; height: 40px; line-height: 40px; padding: 0 10px;} } @media (max-width: 414px) { .main.right .internalPage #research.webinar #byDisease select, .main.right .internalPage #research.webinar #byState select {font-size: 14px;} .main.right .internalPage #research.webinar .form-item label p, .main.right .internalPage #research.webinar .form-item input[type="text"].form-text, .main.right .internalPage #research.webinar .form-item label p, .main.right .internalPage #research.webinar .form-item input[type="password"].form-text, .main.right .internalPage #research.webinar .form-item textarea.form-textarea {width: 90%; width: calc(100% - 30px); width: -webkit-calc(100% - 30px); width: -moz-calc(100% - 30px);} .main.right .internalPage #research.webinar .form-item select, .main.right .internalPage #research.webinar .form-item select[multiple].form-select {width: 222px;} .main.right .internalPage #research.webinar .form-item select {padding: 7px 35px 7px 10px;} .main.right .internalPage #research.webinar .form-item select[multiple].form-select {-webkit-appearance: inherit;} .main.right .internalPage #research.webinar .form-item label.normal {vertical-align: middle; margin: 10px 10px 10px 0; padding-left: 45px;} .main.right .internalPage #research.webinar .form-item input[type="radio"].form-radio {margin: 5px 5px 0 0; border-radius: 20px;} .main.right .internalPage #research.webinar .form-item .captchaContainer img#captcha-image {display: block; margin: 10px 10px 20px 0} .main.right .internalPage #research.webinar .form-item .captchaContainer a.captchaLink {display: block; position: top: 0;} .main.right .internalPage #research.webinar .form-item input[type="submit"].button.blue {} } /* Email Sign-Up */ .main.right .internalPage #about.email-signup {} .main.right .internalPage #about.email-signup p.required, .main.right .internalPage #about.email-signup .form-item label .required, .main.right .internalPage #about.email-signup .form-item legend .required {color: #ed1b2d;} .main.right .internalPage #about.email-signup #hidden {display: none;} .main.right .internalPage #about.email-signup .form-item label, .main.right .internalPage #about.email-signup .form-item fieldset legend {font-size: 18px; font-weight: 700; display: inline-block; vertical-align: middle; margin-right: 15px; padding-left: 0; text-indent: 0px; margin-top: 12px; line-height: 28px; min-width: 170px; float: left;} .main.right .internalPage #about.email-signup .form-item label {width: inherit;} .main.right .internalPage #about.email-signup .form-item fieldset {margin-bottom: 25px;} .main.right .internalPage #about.email-signup .form-item fieldset legend {width: inherit;} .main.right .internalPage #about.email-signup .form-item fieldset label {display: inline-block; font-weight: 400; padding: 0;} .main.right .internalPage #about.email-signup .form-item label p {font-size: 19px; width: 500px; font-weight: 400; display: block; vertical-align: top; margin: 4px 10px 15px 0; padding-left: 0; text-indent: 0; line-height: 28px;} .main.right .internalPage #about.email-signup .form-item label.captcha {margin-top: 30px; text-indent: 0;} .main.right .internalPage #about.email-signup .form-item label.error {width: auto !important; display: inline-block; color: #ed1e2f; border-radius: 0; margin-bottom: 0; min-width: 200px; margin-left: 15px; font-family: 'Lato', sans-serif !important; margin-right: 0 !important; font-size: 14px !important; font-weight: 400; float: none; margin-top: 0;} .main.right .internalPage #about.email-signup .form-item input[type="text"].form-text {font-family: 'Lato', sans-serif; font-size: 18px; color: #555559; font-weight: 400; width: 368px; margin: 10px 0 30px 0; padding: 6px 10px 7px; border-radius: 0px; border: 1px solid #a3a9ac; -webkit-appearance: none; position: relative; left: 0;} .main.right .internalPage #about.email-signup .form-item input[type="checkbox"].form-checkbox {margin: 11px 5px 0 0; border-radius: inherit; -webkit-appearance: checkbox; vertical-align: middle; position: relative; left: 40px; display: inline-block;} .main.right .internalPage #about.email-signup #webform-component-remember.form-item input[type="checkbox"].form-checkbox {margin: 0px 5px 0px 185px; border-radius: inherit; vertical-align: middle; position: relative; left: 0; display: inline-block;} .main.right .internalPage #about.email-signup #webform-component-remember.form-item label {font-size: 18px; font-weight: 400; line-height: 30px; margin-top: 0px; float: none;} .main.right .internalPage #about.email-signup .form-item .captchaContainer img#captcha-image {max-width: 200px; width: inherit; display: inline-block; margin: 10px 10px 10px 0; position: relative; left: 40px;} .main.right .internalPage #about.email-signup .form-item .captchaContainer a.captchaLink {display: inline-block; position: relative; left: 50px; top: -10px;} .main.right .internalPage #about.email-signup .form-item input[type="text"].form-text.captcha {width: inherit; display: block;} .main.right .internalPage #about.email-signup .form-item input[type="submit"].button.blue {font-family: 'Lato', sans-serif; background-color: #3a75c4; border: 0 none; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; color: #ffffff; display: block; font-size: 18px; font-weight: 700; width: 160px; height: 50px; line-height: 50px; text-align: center; text-decoration: none; margin: 30px 0; padding: 0 20px; cursor: pointer; position: relative; left: 0;} .main.right .internalPage #about.email-signup .form-item input[type="submit"].button.blue:hover {background-color: #bad80a;} .main.right .internalPage #about.email-signup #webform-component-verify-captcha.form-item .form-item-submitted-verify-captcha-yes {display: inline-block; vertical-align: top; margin: 0; width: auto;} .main.right .internalPage #about.email-signup #webform-component-verify-captcha.form-item #captcha {top: 18px; float: left; width: 20px; position: relative; display: inline-block;} .main.right .internalPage #about.email-signup #webform-component-verify-captcha.form-item .form-item-submitted-verify-captcha-yes label.wrapable {margin-right: 0px; font-size: 18px; line-height: 30px; display: inline-block; font-weight: 400; margin-bottom: 8px; left: 10px; position: relative; width: inherit;} @media (max-width: 1200px) { .main.right .internalPage #about.email-signup #webform-component-verify-captcha.form-item .form-item-submitted-verify-captcha-yes label.wrapable {width: 90%;} .main.right .internalPage #about.email-signup .form-item label.error {width: inherit; display: block; min-width: inherit; margin-left: 9px; margin-top: -25px; margin-bottom: 20px;} } @media (max-width: 1024px) { .main.right .internalPage #about.email-signup .form-item label p, .main.right .internalPage #about.email-signup .form-item input[type="text"].form-text, .main.right .internalPage #about.email-signup .form-item label p, .main.right .internalPage #about.email-signup .form-item input[type="password"].form-text {width: 400px;} .main.right .internalPage #about.email-signup .form-item label.error {width: inherit; display: block; min-width: inherit; margin-left: 0; margin-top: -25px; margin-bottom: 20px;} .main.right .internalPage #about.email-signup #webform-component-remember.form-item input[type="checkbox"].form-checkbox {margin: 0 5px 0 0;} } @media (max-width: 906px) { .main.right .internalPage #about.email-signup .form-item label p, .main.right .internalPage #about.email-signup .form-item input[type="text"].form-text, .main.right .internalPage #about.email-signup .form-item label p, .main.right .internalPage #about.email-signup .form-item input[type="password"].form-text {width: 300px;} } @media (max-width: 768px) { .main.right .internalPage #about.email-signup .form-item label p, .main.right .internalPage #about.email-signup .form-item input[type="text"].form-text, .main.right .internalPage #about.email-signup .form-item label p, .main.right .internalPage #about.email-signup .form-item input[type="password"].form-text {width: 450px;} } @media (max-width: 640px) { .main.right .internalPage #about.email-signup .form-item label p, .main.right .internalPage #about.email-signup .form-item input[type="text"].form-text, .main.right .internalPage #about.email-signup .form-item label p, .main.right .internalPage #about.email-signup .form-item input[type="password"].form-text {width: 400px;} } @media (max-width: 567px) { .main.right .internalPage #about.email-signup .form-item label p, .main.right .internalPage #about.email-signup .form-item input[type="text"].form-text, .main.right .internalPage #about.email-signup .form-item label p, .main.right .internalPage #about.email-signup .form-item input[type="password"].form-text {width: 300px;} .main.right .internalPage #about.email-signup .form-item label, .main.right .internalPage #about.email-signup .form-item fieldset legend {font-size: 16px; line-height: 24px; min-width: 150px;} .main.right .internalPage #about.email-signup #webform-component-remember.form-item input[type="checkbox"].form-checkbox {margin: 0 5px 0 0;} .main.right .internalPage #about.email-signup .form-item input[type="text"].form-text, .main.right .internalPage #about.email-signup .form-item input[type="text"].form-text.date, .main.right .internalPage #about.email-signup .form-item input[type="text"].form-text {font-size: 14px;} .main.right .internalPage #about.email-signup #webform-component-verify-captcha.form-item .form-item-submitted-verify-captcha-yes label.wrapable {font-size: 14px; line-height: 24px;} .main.right .internalPage #about.email-signup #webform-component-verify-captcha.form-item #captcha {top: 15px;} .main.right .internalPage #about.email-signup .form-item input[type="submit"].button.blue {font-size: 16px; width: 110px; height: 40px; line-height: 40px; padding: 0 10px;} } @media (max-width: 414px) { .main.right .internalPage #about.email-signup .form-item label p, .main.right .internalPage #about.email-signup .form-item input[type="text"].form-text, .main.right .internalPage #about.email-signup .form-item label p {width: 90%; width: calc(100% - 30px); width: -webkit-calc(100% - 30px); width: -moz-calc(100% - 30px);} .main.right .internalPage #about.email-signup .form-item .captchaContainer img#captcha-image {display: block; margin: 10px 10px 20px 0} .main.right .internalPage #about.email-signup .form-item .captchaContainer a.captchaLink {display: block; position: top: 0;} .main.right .internalPage #about.email-signup .form-item input[type="submit"].button.blue {} } /* Clinical Trial Register */ .main.right .internalPage #research.clinical-trial {margin-bottom: 40px;} .main.right .internalPage #research.clinical-trial p.required, .main.right .internalPage #research.clinical-trial .form-item label .required, .main.right .internalPage #research.clinical-trial .form-item legend .required {color: #ed1b2d;} .main.right .internalPage #research.clinical-trial h4 {margin-top: 30px; padding-top: 40px; border-top: 1px solid #dcdcdc;} .main.right .internalPage #research.clinical-trial h4.first {padding-top: 0; border-top: 0px none;} .main.right .internalPage #research.clinical-trial #hidden {display: none;} .main.right .internalPage #research.clinical-trial .form-item label, .main.right .internalPage #research.clinical-trial .form-item fieldset legend {font-size: 20px; font-weight: 700; display: inline-block; vertical-align: middle; margin-right: 15px; padding-left: 0; text-indent: 0px; margin-top: 12px; line-height: 28px; min-width: 170px; float: left;} .main.right .internalPage #research.clinical-trial .form-item p.Hint {position: relative; left: 185px; top: -20px; font-size: 15px; line-height: 26px; margin-bottom: 0px;} .main.right .internalPage #research.clinical-trial .form-item label {width: inherit;} .main.right .internalPage #research.clinical-trial #webform-component-captcha.form-item label {width: 160px;} .main.right .internalPage #research.clinical-trial .form-item fieldset {margin-bottom: 25px;} .main.right .internalPage #research.clinical-trial .form-item fieldset legend {width: inherit;} .main.right .internalPage #research.clinical-trial .form-item fieldset label {display: inline-block; font-weight: 400; padding: 0;} .main.right .internalPage #research.clinical-trial .form-item label p {font-size: 19px; width: 500px; font-weight: 400; display: block; vertical-align: top; margin: 4px 10px 15px 0; padding-left: 0; text-indent: 0; line-height: 28px;} .main.right .internalPage #research.clinical-trial .form-item label.captcha {margin-top: 30px; text-indent: 0;} .main.right .internalPage #research.clinical-trial .form-item label.error {width: auto !important; display: inline-block; color: #ed1e2f; border-radius: 0; margin-bottom: 0; min-width: 200px; margin-left: 15px; font-family: 'Lato', sans-serif !important; margin-right: 0 !important; font-size: 14px !important; font-weight: 400; float: none; margin-top: 0;} .main.right .internalPage #research.clinical-trial .form-item input[type="text"].form-text, .main.right .internalPage #research.clinical-trial .form-item input[type="password"].form-text {font-family: 'Lato', sans-serif; font-size: 18px; color: #555559; font-weight: 400; width: 100%; max-width: 490px; margin: 10px 0 30px 0; padding: 6px 10px 7px; border-radius: 0px; border: 1px solid #a3a9ac; -webkit-appearance: none; position: relative; left: 0;} .main.right .internalPage #research.clinical-trial .form-item textarea.form-textarea {font-family: 'Lato', sans-serif; font-size: 18px; color: #555559; font-weight: 400; width: 100%; max-width: 490px; height: 150px; margin: 10px 0 30px 0; padding: 6px 10px 7px; border-radius: 0px; border: 1px solid #a3a9ac; -webkit-appearance: none; overflow: auto; resize: none; position: relative;} .main.right .internalPage #research.clinical-trial .form-item select {font-family: 'Lato', sans-serif; font-size: 18px; color: #555559; font-weight: 400; width: 522px; margin: 10px 0 30px 0; padding: 6px 35px 6px 10px; border-radius: 0px; border: 1px solid #a3a9ac; -webkit-appearance: none; background: url('/images/select-arrow.png') no-repeat right; position: relative; left: 40px; -moz-appearance: none;} .main.right .internalPage #research.clinical-trial .form-item select[multiple].form-select {font-family: 'Lato', sans-serif; font-size: 18px; color: #555559; font-weight: 400; width: 522px; height: 100px; margin: 10px 0 30px 0; padding: 6px 10px 7px; border-radius: 0px; border: 1px solid #a3a9ac; -webkit-appearance: none; position: relative; left: 40px; background-image: none;} .main.right .internalPage #research.clinical-trial .form-item input[type="radio"].form-radio {margin: 15px 5px 0 40px; border-radius: inherit; -webkit-appearance: radio; vertical-align: middle; display: inline-block;} .main.right .internalPage #research.clinical-trial .form-item input[type="checkbox"].form-checkbox {margin: 11px 5px 0 0; border-radius: inherit; -webkit-appearance: checkbox; vertical-align: middle; position: relative; left: 40px; display: inline-block;} .main.right .internalPage #research.clinical-trial #webform-component-remember.form-item input[type="checkbox"].form-checkbox {margin: 0px 5px 0px 185px; border-radius: inherit; vertical-align: middle; position: relative; left: 0; display: inline-block;} .main.right .internalPage #research.clinical-trial #webform-component-video.form-item input[type="text"].form-text {margin: 10px 0;} .main.right .internalPage #research.clinical-trial #webform-component-captcha.form-item input[type="text"].form-text {left: 170px; margin-left: 15px;} .main.right .internalPage #research.clinical-trial #webform-component-photo.form-item input[type="file"].form-text {font-family: 'Lato', sans-serif; font-size: 18px; color: #555559; font-weight: 400; width: 100%; max-width: 490px; margin: 10px 0 30px 0; padding: 4px; border-radius: 0px; border: 1px solid #a3a9ac; -webkit-appearance: none; position: relative; left: 0;} .main.right .internalPage #research.clinical-trial #webform-component-remember.form-item label {font-size: 18px; font-weight: 400; line-height: 30px; margin-top: 0px; float: none;} .main.right .internalPage #research.clinical-trial .form-item .description {display: block; position: relative; left: 170px; margin-left: 15px; margin-bottom: 25px; width: 65%; font-size: 15px; line-height: 26px;} .main.right .internalPage #research.clinical-trial .form-item .captchaContainer img#captcha-image {max-width: 200px; width: inherit; display: inline-block; margin: 10px 10px 10px 0; position: relative; left: 40px;} .main.right .internalPage #research.clinical-trial .form-item .captchaContainer a.captchaLink {display: inline-block; position: relative; left: 50px; top: -10px;} .main.right .internalPage #research.clinical-trial .form-item input[type="text"].form-text.captcha {width: inherit; display: block;} .main.right .internalPage #research.clinical-trial .form-item input[type="submit"].button.blue {font-family: 'Lato', sans-serif; background-color: #3a75c4; border: 0 none; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; color: #ffffff; display: inline-block; font-size: 18px; font-weight: 700; width: 160px; height: 50px; line-height: 50px; text-align: center; text-decoration: none; margin: 20px 10px 0; padding: 0 20px; cursor: pointer; position: relative; left: 170px;} .main.right .internalPage #research.clinical-trial .form-item input[type="submit"].button.blue:hover {background-color: #bad80a;} .main.right .internalPage #research.clinical-trial #webform-component-verify-captcha.form-item .form-item-submitted-verify-captcha-yes {display: inline-block; background-color: #f6f8f9; vertical-align: top; margin: 35px 0px 20px; border: 1px solid #dfe1e2; padding: 20px 35px 25px 30px; width: inherit;} .main.right .internalPage #research.clinical-trial #webform-component-verify-captcha.form-item #captcha {top: 18px; float: left; width: 20px; position: relative; display: inline-block;} .main.right .internalPage #research.clinical-trial #webform-component-verify-captcha.form-item .form-item-submitted-verify-captcha-yes label.wrapable {margin-right: 0px; font-size: 18px; line-height: 30px; display: inline-block; font-weight: 400; margin-bottom: 8px; left: 5px; position: relative; width: inherit;} @media (max-width: 1108px) { .main.right .internalPage #research.clinical-trial #webform-component-verify-captcha.form-item .form-item-submitted-verify-captcha-yes label.wrapable {width: 90%;} } @media (max-width: 1090px) { .main.right .internalPage #research.clinical-trial .form-item label.error {width: inherit; display: block; min-width: inherit; margin-left: 9px; margin-top: -25px; margin-bottom: 20px;} } @media (max-width: 945px) { .main.right .internalPage #research.clinical-trial .form-item label p, .main.right .internalPage #research.clinical-trial .form-item input[type="text"].form-text, .main.right .internalPage #research.clinical-trial .form-item label p, .main.right .internalPage #research.clinical-trial .form-item input[type="password"].form-text, .main.right .internalPage #research.clinical-trial .form-item textarea.form-textarea {width: 400px;} .main.right .internalPage #research.clinical-trial .form-item select, .main.right .internalPage #research.clinical-trial .form-item select[multiple].form-select {width: 422px;} .main.right .internalPage #research.clinical-trial .form-item label.error {width: inherit; display: block; min-width: inherit; margin-left: 0; margin-top: -25px; margin-bottom: 20px;} .main.right .internalPage #research.clinical-trial .form-item p.Hint {left: 0;} .main.right .internalPage #research.clinical-trial #webform-component-remember.form-item input[type="checkbox"].form-checkbox {margin: 0 5px 0 0;} } @media (max-width: 854px) { .main.right .internalPage #research.clinical-trial .form-item label p, .main.right .internalPage #research.clinical-trial .form-item input[type="text"].form-text, .main.right .internalPage #research.clinical-trial .form-item label p, .main.right .internalPage #research.clinical-trial .form-item input[type="password"].form-text, .main.right .internalPage #research.clinical-trial .form-item textarea.form-textarea {width: 300px;} .main.right .internalPage #research.clinical-trial .form-item select, .main.right .internalPage #research.clinical-trial .form-item select[multiple].form-select {width: 322px;} .main.right .internalPage #research.clinical-trial .form-item input[type="radio"].form-radio {display: inline; float: left;} } @media (max-width: 767px) { .main.right .internalPage #research.clinical-trial .form-item label p, .main.right .internalPage #research.clinical-trial .form-item input[type="text"].form-text, .main.right .internalPage #research.clinical-trial .form-item label p, .main.right .internalPage #research.clinical-trial .form-item input[type="password"].form-text, .main.right .internalPage #research.clinical-trial .form-item textarea.form-textarea {width: 450px;} .main.right .internalPage #research.clinical-trial .form-item select, .main.right .internalPage #research.clinical-trial .form-item select[multiple].form-select {width: 472px;} } @media (max-width: 567px) { .main.right .internalPage #research.clinical-trial .form-item label p, .main.right .internalPage #research.clinical-trial .form-item input[type="text"].form-text, .main.right .internalPage #research.clinical-trial .form-item label p, .main.right .internalPage #research.clinical-trial .form-item input[type="password"].form-text, .main.right .internalPage #research.clinical-trial .form-item textarea.form-textarea {width: 300px;} .main.right .internalPage #research.clinical-trial .form-item select, .main.right .internalPage #research.clinical-trial .form-item select[multiple].form-select {width: 322px;} .main.right .internalPage #research.clinical-trial .form-item label, .main.right .internalPage #research.clinical-trial .form-item fieldset legend {font-size: 16px; line-height: 24px; min-width: 150px;} .main.right .internalPage #research.clinical-trial .form-item p.Hint {left: 165px;} .main.right .internalPage #research.clinical-trial #webform-component-remember.form-item input[type="checkbox"].form-checkbox {margin: 0 5px 0 165px;} .main.right .internalPage #research.clinical-trial .form-item label p {font-size: 16px; line-height: 24px;} .main.right .internalPage #research.clinical-trial .form-item input[type="text"].form-text, .main.right .internalPage #research.clinical-trial .form-item input[type="text"].form-text.date, .main.right .internalPage #research.clinical-trial .form-item input[type="text"].form-text, .main.right .internalPage #research.clinical-trial .form-item input[type="password"].form-text.date, .main.right .internalPage #research.clinical-trial .form-item textarea.form-textarea, .main.right .internalPage #research.clinical-trial .form-item select, .main.right .internalPage #research.clinical-trial .form-item select[multiple].form-select {font-size: 14px;} .main.right .internalPage #research.clinical-trial .form-item p.Hint, .main.right .internalPage #research.clinical-trial #webform-component-remember.form-item label, .main.right .internalPage #research.clinical-trial #webform-component-verify-captcha.form-item .form-item-submitted-verify-captcha-yes label.wrapable {font-size: 14px; line-height: 24px;} .main.right .internalPage #research.clinical-trial #webform-component-verify-captcha.form-item .form-item-submitted-verify-captcha-yes {margin: 25px 0px 10px; padding: 10px 25px 15px 20px;} .main.right .internalPage #research.clinical-trial #webform-component-verify-captcha.form-item #captcha {top: 15px;} .main.right .internalPage #research.clinical-trial .form-item input[type="submit"].button.blue {font-size: 16px; width: 110px; height: 40px; line-height: 40px; padding: 0 10px;} } @media (max-width: 543px) { .main.right .internalPage #research.clinical-trial .form-item p.Hint {left: 0;} .main.right .internalPage #research.clinical-trial #webform-component-remember.form-item input[type="checkbox"].form-checkbox {margin: 0 5px 0 0;} } @media (max-width: 405px) { .main.right .internalPage #research.clinical-trial .form-item label p, .main.right .internalPage #research.clinical-trial .form-item input[type="text"].form-text, .main.right .internalPage #research.clinical-trial .form-item label p, .main.right .internalPage #research.clinical-trial .form-item input[type="password"].form-text, .main.right .internalPage #research.clinical-trial .form-item textarea.form-textarea {width: 200px;} .main.right .internalPage #research.clinical-trial .form-item select, .main.right .internalPage #research.clinical-trial .form-item select[multiple].form-select {width: 222px;} .main.right .internalPage #research.clinical-trial .form-item select {padding: 7px 35px 7px 10px;} .main.right .internalPage #research.clinical-trial .form-item select[multiple].form-select {-webkit-appearance: inherit;} .main.right .internalPage #research.clinical-trial .form-item input[type="radio"].form-radio {margin: 5px 5px 0 0; border-radius: 20px;} .main.right .internalPage #research.clinical-trial .form-item .captchaContainer img#captcha-image {display: block; margin: 10px 10px 20px 0} .main.right .internalPage #research.clinical-trial .form-item .captchaContainer a.captchaLink {display: block; position: top: 0;} .main.right .internalPage #research.clinical-trial .form-item input[type="submit"].button.blue {} } /* Responsive Surveys */ /* Clinical Trial Register */ .main.right .internalPage #survey.responsive-form {margin-bottom: 40px;} .main.right .internalPage #survey.responsive-form p.required, .main.right .internalPage #survey.responsive-form .form-item label .required, .main.right .internalPage #survey.responsive-form .form-item legend .required {color: #ed1b2d;} .main.right .internalPage #survey.responsive-form h4 {margin-top: 30px; padding-top: 40px; border-top: 1px solid #dcdcdc;} .main.right .internalPage #survey.responsive-form h4.first {padding-top: 0; border-top: 0px none;} .main.right .internalPage #survey.responsive-form #hidden {display: none;} .main.right .internalPage #survey.responsive-form .form-item label, .main.right .internalPage #survey.responsive-form .form-item fieldset legend {font-size: 20px; font-weight: 700; display: inline-block; vertical-align: middle; margin-right: 15px; padding-left: 0; text-indent: 0px; margin-top: 12px; line-height: 28px; min-width: 170px; max-width: 170px; float: left;} .main.right .internalPage #survey.responsive-form .form-item p.Hint {position: relative; left: 185px; top: -20px; font-size: 15px; line-height: 26px; margin-bottom: 0px; display: inherit;} .main.right .internalPage #survey.responsive-form .form-item fieldset p.Hint {position: relative; left: 0; top: 0; font-size: 15px; line-height: 26px; margin-bottom: 0; display: inherit;} .main.right .internalPage #survey.responsive-form .form-item label {width: inherit;} .main.right .internalPage #survey.responsive-form .form-item label p.Hint {display: none;} .main.right .internalPage #survey.responsive-form #webform-component-captcha.form-item label {width: 160px;} .main.right .internalPage #survey.responsive-form .form-item fieldset {width: 50%; margin: 0 0 25px;} .main.right .internalPage #survey.responsive-form .form-item fieldset legend {width: inherit;} .main.right .internalPage #survey.responsive-form .form-item fieldset label {display: inline-block; font-weight: 400; padding: 0;} .main.right .internalPage #survey.responsive-form .form-item fieldset .checkbox-group label {display: inline-block; font-weight: 400; padding: 0; float: none; font-size: 18px; line-height: 30px; margin-top: 0; white-space: pre;} .main.right .internalPage #survey.responsive-form .form-item fieldset .checkbox-group label.error {white-space: inherit; min-width: inherit; max-width: none; margin-left: 0; width: 100% !important; position: relative; top: -5px;} .main.right .internalPage #survey.responsive-form .form-item label p {font-size: 19px; width: 500px; font-weight: 400; display: block; vertical-align: top; margin: 4px 10px 15px 0; padding-left: 0; text-indent: 0; line-height: 28px;} .main.right .internalPage #survey.responsive-form .form-item label.captcha {margin-top: 30px; text-indent: 0;} .main.right .internalPage #survey.responsive-form .form-item label.error {width: auto !important; display: inline-block; color: #ed1e2f; border-radius: 0; margin-bottom: 0; min-width: 150px; max-width: 150px; margin-left: 15px; font-family: 'Lato', sans-serif !important; margin-right: 0 !important; font-size: 14px !important; font-weight: 400; float: none; margin-top: 0; line-height: 21px; margin-top: -4px;} .main.right .internalPage #survey.responsive-form .form-item input[type="text"].form-text, .main.right .internalPage #survey.responsive-form .form-item input[type="password"].form-text {font-family: 'Lato', sans-serif; font-size: 18px; color: #555559; font-weight: 400; width: 100%; max-width: 460px; margin: 10px 0 30px 0; padding: 6px 10px 7px; border-radius: 0px; border: 1px solid #a3a9ac; -webkit-appearance: none; position: relative; left: 0;} .main.right .internalPage #survey.responsive-form .form-item textarea.form-textarea {font-family: 'Lato', sans-serif; font-size: 18px; color: #555559; font-weight: 400; width: 100%; max-width: 460px; height: 150px; margin: 10px 0 30px 0; padding: 6px 10px 7px; border-radius: 0px; border: 1px solid #a3a9ac; -webkit-appearance: none; overflow: auto; resize: none; position: relative;} .main.right .internalPage #survey.responsive-form .form-item select {font-family: 'Lato', sans-serif; font-size: 18px; color: #555559; font-weight: 400; width: 52.5%; margin: 10px 0 30px 0; padding: 6px 35px 6px 10px; border-radius: 0px; border: 1px solid #a3a9ac; -webkit-appearance: none; background: url('/images/select-arrow.png') no-repeat right; position: relative; left: 0; -moz-appearance: none;} .main.right .internalPage #survey.responsive-form .form-item select[multiple].form-select {font-family: 'Lato', sans-serif; font-size: 18px; color: #555559; font-weight: 400; width: 522px; height: 100px; margin: 10px 0 30px 0; padding: 6px 10px 7px; border-radius: 0px; border: 1px solid #a3a9ac; -webkit-appearance: none; position: relative; left: 40px; background-image: none;} .main.right .internalPage #survey.responsive-form .form-item input[type="radio"].form-radio {margin: 15px 5px 0 40px; border-radius: inherit; -webkit-appearance: radio; vertical-align: middle; display: inline-block;} .main.right .internalPage #survey.responsive-form .form-item .checkbox-group {display: block; margin-left: 25px; clear: left;} .main.right .internalPage #survey.responsive-form .form-item input[type="checkbox"].form-checkbox {margin: 11px 5px 0 0; border-radius: inherit; -webkit-appearance: checkbox; vertical-align: middle; position: relative; left: 0; display: inline-block;} .main.right .internalPage #survey.responsive-form .form-item .checkbox-group input[type="checkbox"].form-checkbox {margin: 2px 5px 0 0; border-radius: inherit; -webkit-appearance: checkbox; vertical-align: middle; position: relative; left: 0; display: inline-block;} .main.right .internalPage #survey.responsive-form .form-item .checkbox-group:nth-child(3) {margin-top: -5px; margin-left: 0;} .main.right .internalPage #survey.responsive-form .form-item .checkbox-group:nth-child(3) input[type="checkbox"].form-checkbox {border: 0 none; width: 0; margin: 0; appearance: checkbox-container; -webkit-appearance: checkbox-container; -moz-appearance: checkbox-container;} .main.right .internalPage #survey.responsive-form #webform-component-remember.form-item input[type="checkbox"].form-checkbox {margin: 0px 5px 0px 185px; border-radius: inherit; vertical-align: middle; position: relative; left: 0; display: inline-block;} .main.right .internalPage #survey.responsive-form #webform-component-video.form-item input[type="text"].form-text {margin: 10px 0;} .main.right .internalPage #survey.responsive-form #webform-component-captcha.form-item input[type="text"].form-text {left: 170px; margin-left: 15px;} .main.right .internalPage #survey.responsive-form #webform-component-photo.form-item input[type="file"].form-text {font-family: 'Lato', sans-serif; font-size: 18px; color: #555559; font-weight: 400; width: 100%; max-width: 490px; margin: 10px 0 30px 0; padding: 4px; border-radius: 0px; border: 1px solid #a3a9ac; -webkit-appearance: none; position: relative; left: 0;} .main.right .internalPage #survey.responsive-form #webform-component-remember.form-item label {font-size: 18px; font-weight: 400; line-height: 30px; margin-top: 0px; float: none;} .main.right .internalPage #survey.responsive-form .form-item .description {display: block; position: relative; left: 170px; margin-left: 15px; margin-bottom: 25px; width: 65%; font-size: 15px; line-height: 26px;} .main.right .internalPage #survey.responsive-form .form-item .captchaContainer img#captcha-image {max-width: 200px; width: inherit; display: inline-block; margin: 10px 10px 10px 0; position: relative; left: 40px;} .main.right .internalPage #survey.responsive-form .form-item .captchaContainer a.captchaLink {display: inline-block; position: relative; left: 50px; top: -10px;} .main.right .internalPage #survey.responsive-form .form-item input[type="text"].form-text.captcha {width: inherit; display: block;} .main.right .internalPage #survey.responsive-form #webform-component-button.form-item {text-align: center;} .main.right .internalPage #survey.responsive-form .form-item input[type="submit"].button.blue {font-family: 'Lato', sans-serif; background-color: #3a75c4; border: 0 none; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; color: #ffffff; display: inline-block; font-size: 18px; font-weight: 700; width: 160px; height: 50px; line-height: 50px; text-align: center; text-decoration: none; margin: 20px 10px 0; padding: 0 20px; cursor: pointer; position: relative; left: -25px;} .main.right .internalPage #survey.responsive-form .form-item input[type="submit"].button.blue:hover {background-color: #bad80a;} .main.right .internalPage #survey.responsive-form #webform-component-verify-captcha.form-item .form-item-submitted-verify-captcha-yes {display: inline-block; background-color: #f6f8f9; vertical-align: top; margin: 20px 0; border: 1px solid #dfe1e2; padding: 20px 35px 25px 30px; width: 100%; position: relative; left: 185px;max-width: 415px;} .main.right .internalPage #survey.responsive-form #webform-component-verify-captcha.form-item #captcha {top: 18px; float: left; width: 20px; position: relative; display: inline-block;} .main.right .internalPage #survey.responsive-form #webform-component-verify-captcha.form-item .form-item-submitted-verify-captcha-yes label.wrapable {margin-right: 0px; font-size: 18px; line-height: 30px; display: inline-block; font-weight: 400; margin-bottom: 8px; left: 5px; position: relative; width: 90%; max-width: none; float: left; margin-top: 12px;} .main.right .internalPage #survey.responsive-form .form-item.full fieldset {width: inherit;} .main.right .internalPage #survey.responsive-form .form-item.full fieldset legend {min-width: inherit; max-width: none; display: inline-block; float: none; width: initial; margin: 0; padding: 0; -webkit-padding-start: 0; -webkit-padding-end: 0;} .main.right .internalPage #survey.responsive-form .form-item.full fieldset .form-radio-wrapper {display: inline-block; margin-left: 185px; width: 100%;} .main.right .internalPage #survey.responsive-form .form-item.full fieldset .form-radio-wrapper span {display: inline-block; margin-right: 20px; width: 40%;} .main.right .internalPage #survey.responsive-form .form-item.full fieldset .form-radio-wrapper span input[type="radio"].form-radio {margin: 15px 5px 0 0; border-radius: inherit; align-content:-webkit-appearance: radio; vertical-align: middle; display: inline-block;} .main.right .internalPage #survey.responsive-form .form-item.full fieldset .form-radio-wrapper span label {float: none; min-width: initial; max-width: none; white-space: nowrap;} @media (max-width: 1200px) { .main.right .internalPage #survey.responsive-form .form-item label, .main.right .internalPage #survey.responsive-form .form-item fieldset legend {width: 100%; float: none; min-width: inherit; max-width: none; display: block; margin-top: 40px;} .main.right .internalPage #survey.responsive-form #webform-component-firstname > label {margin-top: 30px;} .main.right .internalPage #survey.responsive-form .form-item input[type="text"].form-text, .main.right .internalPage #survey.responsive-form .form-item input[type="password"].form-text {width: 90%; margin: 10px 0 0;} .main.right .internalPage #survey.responsive-form .form-item select {width: 92.5%; margin: 10px 0 0;} .main.right .internalPage #survey.responsive-form .form-item p.Hint, .main.right .internalPage #survey.responsive-form .form-item fieldset p.Hint {display: none;} .main.right .internalPage #survey.responsive-form .form-item label p.Hint {display: inherit; position: inherit; left: 0; top: 0; font-size: 15px; line-height: 26px; margin-bottom: 5px; width: inherit;} .main.right .internalPage #survey.responsive-form .form-item label.error {min-width: inherit; max-width: none; display: block; margin-left: 0; margin-top: 10px; margin-bottom: -10px; margin-top: 0;} .main.right .internalPage #survey.responsive-form #webform-component-firstname > label.error {margin-top: 10px;} .main.right .internalPage #survey.responsive-form #webform-component-verify-captcha.form-item .form-item-submitted-verify-captcha-yes {width: 84.5%; position: inherit; left: 0;} .main.right .internalPage #survey.responsive-form .form-item input[type="submit"].button.blue {margin: 20px auto 0; left: 0;} .main.right .internalPage #survey.responsive-form .form-item fieldset {width: 100%;} .main.right .internalPage #survey.responsive-form .form-item .checkbox-group {display: block; clear: left;} .main.right .internalPage #survey.responsive-form .form-item fieldset .checkbox-group label {width: inherit;} } @media (max-width: 767px) { .main.right .internalPage #survey.responsive-form .form-item label p, .main.right .internalPage #survey.responsive-form .form-item input[type="text"].form-text, .main.right .internalPage #survey.responsive-form .form-item label p, .main.right .internalPage #survey.responsive-form .form-item input[type="password"].form-text, .main.right .internalPage #survey.responsive-form .form-item textarea.form-textarea {} .main.right .internalPage #survey.responsive-form .form-item select, .main.right .internalPage #survey.responsive-form .form-item select[multiple].form-select {} } @media (max-width: 567px) { .main.right .internalPage #survey.responsive-form .form-item label p, .main.right .internalPage #survey.responsive-form .form-item input[type="text"].form-text, .main.right .internalPage #survey.responsive-form .form-item label p, .main.right .internalPage #survey.responsive-form .form-item input[type="password"].form-text, .main.right .internalPage #survey.responsive-form .form-item textarea.form-textarea {width: 85%;} .main.right .internalPage #survey.responsive-form .form-item select, .main.right .internalPage #survey.responsive-form .form-item select[multiple].form-select {width: 90%;} .main.right .internalPage #survey.responsive-form .form-item label, .main.right .internalPage #survey.responsive-form .form-item fieldset legend {font-size: 16px; line-height: 24px; min-width: 150px; max-width: none;} .main.right .internalPage #survey.responsive-form .form-item p.Hint {left: 165px;} .main.right .internalPage #survey.responsive-form #webform-component-remember.form-item input[type="checkbox"].form-checkbox {margin: 0 5px 0 165px;} .main.right .internalPage #survey.responsive-form .form-item label p {font-size: 16px; line-height: 24px;} .main.right .internalPage #survey.responsive-form .form-item input[type="text"].form-text, .main.right .internalPage #survey.responsive-form .form-item input[type="text"].form-text.date, .main.right .internalPage #survey.responsive-form .form-item input[type="text"].form-text, .main.right .internalPage #survey.responsive-form .form-item input[type="password"].form-text.date, .main.right .internalPage #survey.responsive-form .form-item textarea.form-textarea, .main.right .internalPage #survey.responsive-form .form-item select, .main.right .internalPage #survey.responsive-form .form-item select[multiple].form-select {font-size: 14px;} .main.right .internalPage #survey.responsive-form .form-item p.Hint, .main.right .internalPage #survey.responsive-form #webform-component-remember.form-item label, .main.right .internalPage #survey.responsive-form #webform-component-verify-captcha.form-item .form-item-submitted-verify-captcha-yes label.wrapable, .main.right .internalPage #survey.responsive-form .form-item label p.Hint, .main.right .internalPage #survey.responsive-form .form-item fieldset .checkbox-group label {font-size: 14px; line-height: 24px;} .main.right .internalPage #survey.responsive-form #webform-component-verify-captcha.form-item .form-item-submitted-verify-captcha-yes {margin: 25px 0px 10px; padding: 10px 25px 15px 20px;} .main.right .internalPage #survey.responsive-form #webform-component-verify-captcha.form-item #captcha {top: 15px;} .main.right .internalPage #survey.responsive-form .form-item input[type="submit"].button.blue {font-size: 16px; width: 110px; height: 40px; line-height: 40px; padding: 0 10px;} } /*---- Web Forms end ----*/ /*---- Embedded Social Media ----*/ .fb-post:before {content: "Join the Conversation on Facebook"; display: block; margin: 0 auto 10px; text-align: center; font-weight: 900; color: #686c6e; /*text-transform: uppercase;*/ font-size: 16px; /*letter-spacing: .5px;*/} .fb-post {margin-top: 30px !important; margin-bottom: 30px !important; margin-left: auto; margin-right: auto; width: initial !important; display: table !important; justify-content: center; background-color: #f6f8f9; padding: 15px 20px 20px; min-width: inherit !important; max-width: none !important; position: relative !important;} .fb-embed-link {display: none;} .twitter-tweet:before {content: "Join the Conversation on Twitter"; display: block; margin: 0 auto 10px; text-align: center; font-weight: 900; color: #686c6e; /*text-transform: uppercase;*/ font-size: 16px; /*letter-spacing: .5px;*/} .twitter-tweet {margin-top: 30px !important; margin-bottom: 30px !important; margin-left: auto; margin-right: auto; width: initial !important; display: table !important; justify-content: center; background-color: #f6f8f9; padding: 15px 20px 20px; min-width: inherit !important; max-width: none !important; position: relative !important;} @media (max-width: 567px) { .fb-post:before {font-size: 14px; margin: 0 auto 5px; } .fb-post {margin-top: 25px !important; margin-bottom: 25px !important; padding: 5px 10px 10px;} .twitter-tweet:before {font-size: 14px; margin: 0 auto 5px; } .twitter-tweet {margin-top: 25px !important; margin-bottom: 25px !important; padding: 5px 10px 10px;} } @media (max-width: 450px) { .fb-post {display: none !important;} .fb-embed-link {text-align: center; /*background-color: #f6f8f9; */display: block; margin-top: 25px !important; margin-bottom: 25px !important; /*padding: 10px;*/} .fb-embed-link a.button {font-size: 15px; height: 48px; line-height: 48px; margin: 10px auto 0; padding: 0 20px;} }