input:focus, select:focus, textarea:focus, button:focus {outline: none;} input:-webkit-autofill {-webkit-box-shadow: 0 0 0 30px white inset;} select::-ms-expand {display: none;} 1i.internalPage ul > li.arrow:before {content: "\25BA"; font-size: 12px; line-height: 30px; color: #a3a9ac; margin-right: 8px; position: relative; top: -1px;} .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 h2.red {color: #ed1b2d;} .internalPage h3 {font-size: 24px; line-height: 36px; color: #555559;} .internalPage h3.red {color: #ed1b2d;} .internalPage h4 {font-size: 21px; line-height: 33px; color: #ed1b2d;} .internalPage h4.dkGray {color: #555559;} .internalPage h5 {font-size: 18px; line-height: 30px; color: #555559;} .internalPage h6 {font-size: 16px; line-height: 24px; color: #ed1b2d;} @media (max-width: 567px) { .internalPage h1 {line-height: 24px;} .internalPage h2 {font-size: 14px; line-height: 24px;} .internalPage h3 {font-size: 14px; line-height: 24px;} .internalPage h4 {font-size: 14px; line-height: 24px;} .internalPage h5 {font-size: 14px; line-height: 24px;} .internalPage h6 {font-size: 14px; line-height: 24px;} } .stopBox h2, .stopBox h3 {font-size: 24px; font-weight: 700; line-height: 170%; color: #ffffff;} @media (max-width: 768px) { .stopBox h2, .stopBox h3 {font-size: 18px; line-height: 24px;} } .sidebarMenu {padding: 12px 20px 30px 25px;} .image-caption {font-size: 14px; line-height: 21px; margin: 10px 0 30px; display: block;} .block {display: block !important;} .clear {clear: both;} .jump {margin-bottom: 40px !important;} .jump a {font-size: 14px; line-height: 18px;} .jump a .fa {margin-right: 5px;} .internalPage input#sbKeywords {line-height: normal;} /* -------------------------------------------------- IMAGES WITH CAPTIONS ------------------------------------------------------*/ .imageCaptionText {text-align: center; min-width: 20px; max-width: 450px; min-height: 20px; margin: 15px auto 40px; padding: 0 0 5px; display: table; border-bottom: 5px solid #dfe1e2;} .imageCaptionText img {width: 100%; margin: 20px auto; padding: 0; border: 0 none;} .imageCaptionText p {font-size: 14px; font-weight: 700; line-height: 21px; text-align: center; width: 98%; margin: 0 auto 20px;} .imageCaptionText.full {text-align: center; width: 100%; min-width: 20px; max-width: none; min-height: 20px; margin: 15px auto 40px; padding: 0 0 5px; display: table; border-bottom: 5px solid #dfe1e2;} .imageCaptionText.full img {width: 102%; margin: 20px auto; padding: 0; border: 0 none;} .imageCaptionText.full p {font-size: 14px; font-weight: 700; line-height: 21px; text-align: center; width: 98%; margin: 0 auto 20px;} .imageCaptionText.left {text-align: left; min-width: 20px; max-width: 450px; min-height: 20px; margin: 9px 40px 40px 0; padding: 0 0 5px; display: table; border-bottom: 5px solid #dfe1e2;} .imageCaptionText.left img, .imageCaptionText.right img {width: 100%; margin: 0 auto 20px; padding: 0; border: 0 none;} .imageCaptionText.left p, .imageCaptionText.right p {font-size: 14px; font-weight: 700; line-height: 21px; text-align: center; width: 100%; margin: 0 auto 20px;} .imageCaptionText.right {text-align: left; min-width: 20px; max-width: 450px; min-height: 20px; margin: 9px 0 40px 40px; padding: 0 0 5px; display: table; border-bottom: 5px solid #dfe1e2;} .imageNoCaption.left {text-align: left; min-width: 20px; max-width: 450px; min-height: 20px; margin: 9px 40px 40px 0; padding: 0; display: table;} .imageNoCaption.right {text-align: left; min-width: 20px; max-width: 450px; min-height: 20px; margin: 9px 0 40px 40px; padding: 0; display: table;} @media (max-width: 1200px) { .imageCaptionText.left, .imageCaptionText.right {text-align: center; margin: 0 auto 40px; float: none;} } @media (max-width: 567px) { .imageCaptionText, .imageCaptionText.full, .imageCaptionText.left, .imageCaptionText.right {margin: 0 auto 30px;} .imageCaptionText p, .imageCaptionText.full p, .imageCaptionText.left p, .imageCaptionText.right p {font-size: 12px; line-height: 18px; margin: 0 auto 20px;} } /* -------------------------------------------------- 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: 8px; /*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: 0;} #socialnav #socialbuttons li.label {text-align: left; width: 100%; margin-bottom: 5px; float: none;} #print-email {text-align: left; margin-bottom: 12px; margin-left: 0;} } /*---- Design Fixes ----*/ .aboutBox h2, .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;} .center img {margin: 0 auto;} img.hero {width: 100%; max-width: none;} #nationalContent {width: 100%;} .quote {border-top: 1px solid #dcdcdc; margin-top: 30px; padding-top: 10px; padding-left: 4em; font-style: italic; line-height: 28px !important;} .quote:before {content: "\201c"; color: #dcdcdc; font-size: 100px; font-style: normal; position: relative; top: 40px; font-family: 'Tinos', serif;} .quote:after {content: "\201d"; color: #dcdcdc; 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, .internalPage sup {position: relative; top: -0.1em; 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;} .text-container {background-color: #f6f8f9; padding: 25px 25px 30px; display: inline-block;} .text-container > .copy-paste-container {background-color: #ffffff; margin-bottom: 25px; padding: 15px 20px 0; display: inline-block; border: 2px dashed #dcdcdc; overflow: auto;} .text-container p {font-size: 16px; line-height: 24px; font-style: italic;} .table-cell {vertical-align: top; display: table-cell;} .table-cell.left {padding-right: 20px; float: none;} .table-cell.right {padding-left: 20px; float: none;} .introduction .table-cell {padding-bottom: 30px;} @media (max-width: 1024px) { .introduction .table-cell {display: block; padding-bottom: 0;} .introduction .table-cell.left {padding-right: 0;} .introduction .table-cell.right {padding-left: 0;} } @media (max-width: 567px) { p.nextLinks {font-size: 18px; line-height: 30px; margin-top: -10px; margin-bottom: 20px;} .introduction .table-cell.right {text-align: center;} } /* -------------------------------------------------- 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 #dcdcdc; 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 #dcdcdc; 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;} .main.right .internalPage span.imageSideBySide {vertical-align: top; margin: 0 0 30px; display: inline-block;} .main.right .internalPage span.imageSideBySide img {width: 100%;} .main.right .internalPage span.imageSideBySide.left, .main.right .internalPage span.imageSideBySide.right {width: 49.7%; float: none;} .main.right .internalPage span.imageSideBySide.caption {border-bottom: 5px solid #dfe1e2;} .main.right .internalPage span.imageSideBySide.caption.left {width: 48.7%; margin: 0 1% 30px 0;} .main.right .internalPage span.imageSideBySide.caption.right {width: 48.7%; margin: 0 0 30px 1%;} .main.right .internalPage span.imageSideBySide.caption p {font-size: 14px; font-weight: 700; line-height: 18px; text-align: center; width: 100%; padding: 5px 0 0; margin: 0 auto 20px;} #promo {/*background-color: #f9f9fb;*/ width: inherit; max-width: 225px; margin: 0;} #promo h1, #promo .headline {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: 700; 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;} #promo a.button.red {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: 50px; line-height: 50px; text-align: center; text-decoration: none; width: inherit; margin: 10px 0 0; padding: 0 30px; position: relative; cursor: pointer; min-width: inherit; max-width: none;} #promo a.button.red:hover {background-color: #bad80a;} #pullquote {} #pullquote.right {max-width: 300px; margin: 0 0 20px 30px;} #pullquote .balloon {font-style: italic; color: #555559; margin: 0; padding: 15px 30px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; border: 5px solid #a3a9ac; position: relative;} #pullquote .balloon:after {content: ""; width: 0; display: block; border-width: 0 20px 20px 0px; border-style: solid; border-color: transparent #a3a9ac; position: absolute; bottom: -20px; left: 30px;} #pullquote .source {font-size: 16px; line-height: 24px; margin: 15px 0 0 35px;} .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 .twoColumn, .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 .twoColumn > ul {margin: 0 0 30px 50px;} .internalPage .twoColumn > ul li, .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 .twoColumn > ul li:after, .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, .internalPage .twoColumn > ul li .eventListSubNoBullet {text-indent: 0; margin-left: 0;} .expertiseListSubNoBullet {font-size: 14px; color: #555559; line-height: 24px; font-style: normal;} .internalPage .twoColumn > ul li .eventListSubNoBullet {font-size: 16px; line-height: 22px;} .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 #dcdcdc;} .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.turquoise {background-color: #2dc6d6;} a.button:hover {background-color: #bad80a;} a.stopBtn:hover {background-color: #bad80a;} a.button.turquoise:hover {background-color: #555559;} a.button.thirty {margin-bottom: 30px;} @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, #promo .headline {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 h2 {line-height: 24px;} .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 30px 35px; margin: 30px 0;} .main.right .internalPage #finder .inner {margin: 0; border-radius: 20px 0 20px 0; background-color: #fff; padding: 30px 28px 28px; border: 1px solid #a3a9ac; display: inline-block; max-width: 915px; width: calc(100% - 56px); position: relative;} .main.right .internalPage #finder .inner label {font-family: 'Lato', sans-serif; font-size: 21px; font-weight: 400; line-height: 24px; color: #555559; max-width: 915px; width: calc(100% - 375px); width: -webkit-calc(100% - 375px); width: -moz-calc(100% - 375px); word-wrap: break-word; display: inherit; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-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: 1024px) { .main.right .internalPage #finder .inner {padding: 30px 28px 23px;} .main.right .internalPage #finder .inner label {width: 100%; margin-bottom: 20px; display: block; position: inherit; top: inherit%; transform: inherit;} .main.right .internalPage #finder .inner > form > .right {float: none;} .main.right .internalPage #finder .inner select {margin: 0 10px 15px 0;} .main.right .internalPage #finder .inner .button.red {margin: 0;} } @media (max-width: 567px) { .main.right .internalPage #finder .inner {text-align: center;} .main.right .internalPage #finder .inner label {font-size: 18px;} #about-us.careers {padding: 0 0 0 25px;} #about-us.careers ul, #about-us.careers ol {margin: 20px 0 30px 10px;} } @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::-ms-expand {display: 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;} } /* MEET THE RESEARCH TEAM */ .main.right .internalPage #our-initiatives.meet-researchers h4 {font-size: 24px; line-height: 30px; color: #555559; margin-bottom: 30px; margin-left: 25px; padding-bottom: 10px; border-bottom: 1px solid #dcdcdc;} .main.right .internalPage #our-initiatives.meet-researchers h5 {margin-top: 0px; padding-top: 0px; border-top: 0px solid #dcdcdc;} .main.right .internalPage #our-initiatives.meet-researchers ul.results {margin: 0 0 0 25px;} .main.right .internalPage #our-initiatives.meet-researchers ul.results li {font-size: 18px; font-weight: 900; line-height: 24px; text-indent: 0; vertical-align: top; width: 30%; max-width: 260px; margin: 0 0 5% 4%; display: inline-block;} .main.right .internalPage #our-initiatives.meet-researchers ul.results li:before {content: none;} .main.right .internalPage #our-initiatives.meet-researchers ul.results li:nth-child(3n+1) {margin-left: 0; clear: left;} .main.right .internalPage #our-initiatives.meet-researchers ul.results li .headshot {width: 58%; min-width: 150px; margin: 0 0 10px; display: block; position: relative;} .main.right .internalPage #our-initiatives.meet-researchers ul.results li .headshot a {padding-top: 100%; display: block; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -khtml-border-radius: 50%; overflow: hidden; position: relative; -webkit-transform: translateZ(0); -webkit-mask-image: -webkit-radial-gradient(circle, white, white);} .main.right .internalPage #our-initiatives.meet-researchers ul.results li .headshot a img {width: 100%; margin: 0; position: absolute; top: 50%; right: auto; bottom: auto; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%);} .main.right .internalPage #our-initiatives.meet-researchers ul.results li .orgListSubNoBullet {font-size: 15px; font-weight: 400; font-style: italic; color: #555559; line-height: 20px; margin: 5px 0 0;} .main.right .internalPage #our-initiatives.meet-researchers ul.results li .titleListSubNoBullet {font-size: 14px; font-weight: 400; font-style: normal; color: #555559; line-height: 20px; margin: 10px 0 0;} .main.right .internalPage #our-initiatives.meet-researchers ul.results li .topicListSubNoBullet {font-size: 14px; font-weight: 400; color: #555559; line-height: 18px; margin: 10px 0 0;} .main.right .internalPage #our-initiatives.meet-researchers ul.results li .topicListSubNoBullet span {font-weight: 700;} .main.right .internalPage #our-initiatives.meet-researchers ul.results li .topicListSubNoBullet span#separator {font-weight: 400;} .main.right .internalPage #our-initiatives.meet-researchers .filterCriteria {background-color: #ffffff; margin: 0 0 30px; padding: 10px 22px; display: block; border: 3px solid #dcdcdc;} .main.right .internalPage #our-initiatives.meet-researchers .filterCriteria tbody {display: block;} .main.right .internalPage #our-initiatives.meet-researchers .filterCriteria tbody tr {display: inline-block;} .main.right .internalPage #our-initiatives.meet-researchers .filterCriteria tbody tr:nth-child(1), .main.right .internalPage #our-initiatives.meet-researchers .filterCriteria tbody tr:nth-child(2), .main.right .internalPage #our-initiatives.meet-researchers .filterCriteria tbody tr:nth-child(3) {margin: 0 5% 0 0;} .main.right .internalPage #our-initiatives.meet-researchers .filterCriteria tbody tr:nth-child(3) {margin: 0;} .main.right .internalPage #our-initiatives.meet-researchers .filterCriteria tbody tr:nth-child(4) {display: block;} .main.right .internalPage #our-initiatives.meet-researchers .filterCriteria tbody tr td.filterLabel {display: none;} .main.right .internalPage #our-initiatives.meet-researchers .filterCriteria tbody tr td.filterSelect {display: block;} .main.right .internalPage #our-initiatives.meet-researchers .filterCriteria tbody tr:nth-child(1) td.filterSelector:before {content: "By Topic:"; font-size: 16px; font-weight: 700; line-height: 30px; margin-top: 0; display: block;} .main.right .internalPage #our-initiatives.meet-researchers .filterCriteria tbody tr:nth-child(2) td.filterSelector:before {content: "By State:"; font-size: 16px; font-weight: 700; line-height: 30px; margin-top: 0; display: block;} .main.right .internalPage #our-initiatives.meet-researchers .filterCriteria tbody tr:nth-child(3) td.filterSelector:before {content: "By Grant:"; font-size: 16px; font-weight: 700; line-height: 30px; margin-top: 0; display: block;} .main.right .internalPage #our-initiatives.meet-researchers .filterCriteria tbody tr td.filterSelector select {font-size: 13px; font-weight: 400; color: #555559; line-height: 32px; text-align: left; background-image: url('/images/dropdownarrow.png'); background-position: 96% 50%; background-repeat: no-repeat; background-color: #ffffff; width: 100%; max-width: 300px; height: 32px; margin-bottom: 10px; padding: 0 25px 0 10px; display: inline-block; border: solid 1px #a3a9ac; appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none;} .main.right .internalPage #our-initiatives.meet-researchers .filterCriteria tbody tr td.filterSelector select:focus {background-image: url('/images/dropuparrow.png');} .main.right .internalPage #our-initiatives.meet-researchers .filterCriteria tbody tr:nth-child(2) td.filterSelector select {background-position: 92% 50%;} .main.right .internalPage #our-initiatives.meet-researchers .filterCriteria tbody tr td.filterSelector select::-ms-expand {display: none;} .main.right .internalPage #our-initiatives.meet-researchers .filterCriteria tbody tr td.filterSelector input[type="submit"] {font-family: "Lato", sans-serif; font-size: 16px; font-weight: 700; color: #ffffff; text-align: center; text-decoration: none; line-height: 34px; background-color: #3a75c4; width: initial; height: 34px; margin: 10px 0; padding: 0 20px; display: inline-block; border: 0 none; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; -khtml-border-radius: 20px; cursor: pointer; float: none; clear: both;} .main.right .internalPage #our-initiatives.meet-researchers .filterCriteria tbody tr td.filterSelector input[type="submit"]:hover {background-color: #bad80a;} .main.right .internalPage #our-initiatives.meet-researchers .pagination {font-size: 14px; font-weight: 700; line-height: 18px; margin: 0 0 30px;} .main.right .internalPage #our-initiatives.meet-researchers .jump, .main.right .internalPage #our-initiatives.meet-researchers .pagination .resultsnum {margin-left: 25px;} .main.right .internalPage #our-initiatives.meet-researchers .paginator {text-align: center; display: block; clear: both;} .main.right .internalPage #our-initiatives.meet-researchers .paginator tbody, .main.right .internalPage #our-initiatives.meet-researchers .paginator tbody tr, .main.right .internalPage #our-initiatives.meet-researchers .paginator tbody tr td {font-size: 18px; display: inline-block;} .main.right .internalPage #our-initiatives.meet-researchers .paginator tbody tr td {padding-right: 10px;} .main.right .internalPage #our-initiatives.meet-researchers .paginator td.pg-items {font-size: 16px; margin-bottom: 15px; padding-right: 0; display: block;} .main.right .internalPage #our-initiatives.meet-researchers .paginator td.pg-curr {font-weight: 900;} .main.right .internalPage #our-initiatives.meet-researchers .paginator tbody tr td.pg-prev a:before {content: "\f137"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: none; color: #3a75c4; font-size: 18px; padding-right: 5px; display: inline-block;} .main.right .internalPage #our-initiatives.meet-researchers .paginator tbody tr td.pg-next a:after {content: "\f138"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: none; color: #3a75c4; font-size: 18px; padding-left: 5px; display: inline-block;} @media (max-width: 1280px) { .main.right .internalPage #our-initiatives.meet-researchers ul.results li {width: 45%; max-width: 320px; margin: 0 10% 5% 0;} .main.right .internalPage #our-initiatives.meet-researchers ul.results li:nth-child(3n+1) {margin-left: 0; clear: none;} .main.right .internalPage #our-initiatives.meet-researchers ul.results li:nth-child(2n+1) {margin-left: 0; clear: left;} .main.right .internalPage #our-initiatives.meet-researchers ul.results li:nth-child(2n) {margin-right: 0;} .main.right .internalPage #our-initiatives.meet-researchers ul.results li .headshot {width: 47%;} } @media (max-width: 1136px) { .main.right .internalPage #our-initiatives.meet-researchers ul.results li {width: 47%; max-width: 280px; margin: 0 8% 5% 0;} .main.right .internalPage #our-initiatives.meet-researchers ul.results li .headshot {width: 54%;} } @media (max-width: 1024px) { .main.right .internalPage #our-initiatives.meet-researchers ul.results li {width: 100%; max-width: none; margin: 0 0 5%;} .main.right .internalPage #our-initiatives.meet-researchers ul.results li .headshot {width: 25%;} } @media (max-width: 768px) { .main.right .internalPage #our-initiatives.meet-researchers ul.results li {width: 47%; max-width: 280px; margin: 0 8% 5% 0;} .main.right .internalPage #our-initiatives.meet-researchers ul.results li .headshot {width: 54%;} } @media (max-width: 720px) { .main.right .internalPage #our-initiatives.meet-researchers ul.results li {width: 100%; max-width: none; margin: 0 0 10%;} .main.right .internalPage #our-initiatives.meet-researchers ul.results li .headshot {width: 25%;} } @media (max-width: 567px) { .main.right .internalPage #our-initiatives.meet-researchers h4 {font-size: 18px; line-height: 24px; text-align: center; margin-bottom: 20px; margin-left: 0;} .main.right .internalPage #our-initiatives.meet-researchers ul.results {margin: 0;} .main.right .internalPage #our-initiatives.meet-researchers ul.results li {font-size: 16px; line-height: 20px; text-align: center;} .main.right .internalPage #our-initiatives.meet-researchers ul.results li .headshot {width: 20%; min-width: 125px; margin: 0 auto 10px;} .main.right .internalPage #our-initiatives.meet-researchers ul.results li .orgListSubNoBullet {font-size: 13px; line-height: 18px;} .main.right .internalPage #our-initiatives.meet-researchers ul.results li .titleListSubNoBullet {font-size: 12px; line-height: 14px; margin: 5px 0 0;} .main.right .internalPage #our-initiatives.meet-researchers ul.results li .topicListSubNoBullet span {display: block;} .main.right .internalPage #our-initiatives.meet-researchers ul.results li .topicListSubNoBullet span#separator {display: inline;} .main.right .internalPage #our-initiatives.meet-researchers ul.results li .topicListSubNoBullet span#separator:last-child {display: none;} .main.right .internalPage #our-initiatives.meet-researchers .jump {text-align: center; margin-left: 0;} } /* 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 0 5% 10%; width: 26.4%; min-height: 375px; vertical-align: top;} #person.listImgNameTitleOrg li:nth-child(3n+1) {margin-left: 0; clear: left;} #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 */ .supporters .level1, .supporters .level2, .supporters .level3, .supporters .level4, .supporters .level5, .supporters .health-ind-council, .supporters .nationwide-corp-team {text-align: center; margin: 30px auto; display: block;} .supporters .level1 p, .supporters .level2 p, .supporters .level3 p, .supporters .level4 p, .supporters .level5 p, .supporters .health-ind-council p, .supporters .nationwide-corp-team p {font-size: inherit; line-height: normal; margin-bottom: 0; display: inherit;} .supporters .level1 p a, .supporters .level2 p a, .supporters .level3 p a, .supporters .level4 p a, .supporters .level5 p a, .supporters .health-ind-council p a, .supporters .nationwide-corp-team p a {text-align: center; background-color: #ffffff; vertical-align: middle; margin: 0 20px 25px; padding: 5px; display: inline-block; border: 1px solid #d7d8d9; position: inherit; overflow: hidden;} .supporters .level1 p a:last-child, .supporters .level2 p a:last-child, .supporters .level3 p a:last-child, .supporters .level4 p a:last-child, .supporters .level5 p a:last-child, .supporters .health-ind-council p a:last-child, .supporters .nationwide-corp-team p a:last-child {/*margin-right: 0;*/} .supporters .level1 p a img, .supporters .level2 p a img, .supporters .level3 p a img, .supporters .level4 p a img, .supporters .level5 p a img, .supporters .health-ind-council p a img, .supporters .nationwide-corp-team p a img {vertical-align: middle; max-width: 100%; max-height: 100%; margin: 0 auto; display: block; position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);} .supporters .level1 p a {width: 260px; height: 260px;} .supporters .level2 p a {width: 220px; height: 220px;} .supporters .level3 p a, .supporters .health-ind-council p a, .supporters .nationwide-corp-team p a {width: 185px; height: 185px;} .supporters .level4 p a {width: 145px; height: 145px;} .supporters .level5 p a {width: 105px; height: 105px;} .supporters p {display: inline-block;} .supporters p.disclaimer {font-weight: 700; font-style: italic; color: #ed1b2d;} #about-us.supporters div:nth-child(1), #about-us.supporters .health-ind-council, #about-us.supporters .nationwide-corp-team {margin: 75px auto 50px; padding: 75px 0 0; border-top: 5px solid #ed1b2d;} #about-us.supporters hr {height: 1px; clear: left; margin: 50px 0 75px; border-top: 1px solid #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 #dcdcdc; 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 #dcdcdc; border-bottom: 2px solid #dcdcdc;} 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 #dcdcdc; border-bottom: 0px solid #dcdcdc;} 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 #dcdcdc; border-bottom: 2px solid #dcdcdc;} 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;} } /* -------------------------------------------------- HEALTHY AIR CAMPAIGN ------------------------------------------------------*/ input:focus::-webkit-input-placeholder {color: transparent;} input:focus:-moz-placeholder {color: transparent;} /* Firefox 18- */ input:focus::-moz-placeholder {color: transparent;} /* Firefox 19+ */ input:focus:-ms-input-placeholder {color: transparent;} /* oldIE ;) */ textarea:focus::-webkit-input-placeholder {color: transparent;} ::-webkit-input-placeholder {color: #a3a9ac;} /* Chrome/Opera/Safari */ ::-moz-placeholder {color: #a3a9ac;} /* Firefox 19+ */ :-ms-input-placeholder {color: #a3a9ac;} /* IE 10+ */ :-moz-placeholder {color: #a3a9ac;} /* Firefox 18- */ #tell-a-friend {width: 60%; margin: 10px 4% 0 0; display: inline-block; border-right: 1px solid #dcdcdc; float: left;} #tell-a-friend .section-header {background-color: #555559; margin: 0 8% 30px 0; padding: 10px 15px; text-align: left; display: block; border-radius: 25px 0 0 0;} #tell-a-friend .section-header img.table-cell {vertical-align: middle; margin: 0 10px 0 0; display: inline-block;} #tell-a-friend .text-wrap {vertical-align: middle; display: inline-block;} #tell-a-friend .text-wrap h3 {color: #ffffff; margin-bottom: 0;} #tell-a-friend .text-wrap p {margin-bottom: 0;} #tell-a-friend form .sendToFriend {margin-right: 8%; display: inline-block;} #tell-a-friend form .form-item label, .main.right .internalPage #tell-a-friend form .form-item fieldset legend {font-size: 18px; font-weight: 700; display: block; text-align: left; vertical-align: middle; margin-right: 0; padding-left: 0; text-indent: 0px; margin-top: 0; line-height: 24px;} #tell-a-friend form #webform-component-checkboxes.form-item {display: none;} #tell-a-friend form #webform-component-checkboxes.form-item fieldset {margin-top: -15px; margin-bottom: 30px;} #tell-a-friend form #webform-component-checkboxes.form-item label {font-weight: 400; line-height: 1; vertical-align: top; margin-top: -1px; display: inline-block; } #tell-a-friend form .form-item label .hint {font-weight: 400; font-style: italic;} #tell-a-friend form .form-item input[type="text"].form-text, .main.right .internalPage #tell-a-friend form .form-item input[type="password"].form-text {font-family: 'Lato', sans-serif; font-size: 16px; line-height: 24px; color: #555559; font-weight: 400; width: 90%; width: calc(100% - 22px); width: -webkit-calc(100% - 22px); width: -moz-calc(100% - 22px); margin: 10px 0 30px 0; padding: 6px 10px 7px; border-radius: 0px; border: 1px solid #a3a9ac; -webkit-appearance: none;} #tell-a-friend form .form-item textarea.form-textarea {font-family: 'Lato', sans-serif; font-size: 16px; line-height: 24px; color: #555559; font-weight: 400; width: 90%; width: calc(100% - 22px); width: -webkit-calc(100% - 22px); width: -moz-calc(100% - 22px); height: auto; margin: 10px 0 30px 0; padding: 6px 10px 7px; border-radius: 0px; border: 1px solid #a3a9ac; -webkit-appearance: none; overflow: auto; resize: none;} #tell-a-friend form .form-item input:focus::-webkit-input-placeholder {color: transparent;} #tell-a-friend form .form-item input:focus:-moz-placeholder {color: transparent;} /* Firefox 18- */ #tell-a-friend form .form-item input:focus::-moz-placeholder {color: transparent;} /* Firefox 19+ */ #tell-a-friend form .form-item input:focus:-ms-input-placeholder {color: transparent;} /* oldIE ;) */ #tell-a-friend form .form-item textarea:focus::-webkit-input-placeholder {color: transparent;} ::-webkit-input-placeholder {color: #a3a9ac;} /* Chrome/Opera/Safari */ ::-moz-placeholder {color: #a3a9ac;} /* Firefox 19+ */ :-ms-input-placeholder {color: #a3a9ac;} /* IE 10+ */ :-moz-placeholder {color: #a3a9ac;} /* Firefox 18- */ #tell-a-friend form .form-item .captchaContainer {/*text-align: center;*/} #tell-a-friend form .form-item .captchaContainer img#captcha-image {width: inherit; max-width: 200px; margin: 10px 10px 10px auto; display: inline-block;} #tell-a-friend form .form-item .captchaContainer a.captchaLink {display: inline-block; position: relative; left: 0; top: -10px;} #tell-a-friend form .form-item input[type="submit"].button.blue, button.button.blue, #tell-a-friend form .form-item input[type="submit"].button.ltblue, button.button.ltblue {font-family: 'Lato', sans-serif; font-size: 18px; font-weight: 700; line-height: 50px; text-align: center; text-decoration: none; color: #ffffff; background-color: #3a75c4; border: 0 none; width: 160px; height: 50px; margin: 10px auto 50px; padding: 0 20px; display: block; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; cursor: pointer; position: relative; left: 0;} #tell-a-friend form .form-item input[type="submit"].button.ltblue, button.button.ltblue {background-color: #00a5db;} button.button.blue {margin: 0 auto;} #tell-a-friend form .form-item input[type="submit"].button.blue:hover, button.button.blue:hover {background-color: #bad80a;} button.button.blue:active {background-color: #a3a9ac;} #tell-a-friend > .text-container {background-color: transparent; margin-right: 8%; padding: 0; display: inline-block;} #tell-a-friend > .text-container > .copy-paste-container {min-height: 200px; margin-bottom: 40px; padding: 15px 20px 25px; display: inline-block; border: 2px dashed #dcdcdc; overflow: auto;} #tell-a-friend > .text-container p {font-size: 16px; line-height: 24px; font-style: italic;} #tell-a-friend > .text-container p:last-child {margin-bottom: 0;} #social-share {width: 35%; margin-top: 10px; display: inline-block; float: right;} #social-share .share-preview {background-color: #f6f8f9; margin-bottom: 20px; padding: 20px 20px 30px; display: inline-block;} #social-share .share-preview p {font-size: 16px; line-height: 24px; margin-bottom: 0;} #social-share > .share-facebook {margin-bottom: 30px; display: inline-block;} #social-share > .share-facebook .section-header {background-color: #555559; margin: 0 0 10px 0; padding: 10px 15px; text-align: left; display: block; border-radius: 0 25px 0 0;} #social-share > .share-facebook .section-header img.table-cell {vertical-align: middle; margin: 0 10px 0 0; display: inline-block;} #social-share > .share-facebook .text-wrap {vertical-align: middle; display: inline-block;} #social-share > .share-facebook .text-wrap h3 {color: #ffffff; margin-bottom: 0;} #social-share > .share-twitter {margin-bottom: 30px; display: inline-block;} #social-share > .share-twitter .section-header {background-color: #555559; margin: 0 0 10px 0; padding: 10px 15px; text-align: left; display: block; border-radius: 0 25px 0 0;} #social-share > .share-twitter .section-header img.table-cell {vertical-align: middle; margin: 0 10px 0 0; display: inline-block;} #social-share > .share-twitter .text-wrap {vertical-align: middle; display: inline-block;} #social-share > .share-twitter .text-wrap h3 {color: #ffffff; margin-bottom: 0;} #social-share > .share-facebook a.button.blue, #social-share > .share-twitter a.button.blue, #social-share > .share-facebook a.button.ltblue, #social-share > .share-twitter a.button.ltblue {width: 160px; margin: 30px auto 0; padding: 0; display: block;} #social-share-sent {width: 100%; margin-top: 30px; display: table; border-collapse: separate; border-spacing: 0;} #social-share-sent .share-preview {background-color: #f6f8f9; margin-bottom: 20px; padding: 20px 20px 30px; display: inline-block;} #social-share-sent .share-preview p {font-size: 16px; line-height: 24px; margin-bottom: 0;} #social-share-sent > .share-facebook {background-color: #f6f8f9; width: 50%; display: table-cell; border-right: 15px solid #ffffff;} #social-share-sent > .share-facebook .section-header {background-color: #555559; margin: 0 0 10px 0; padding: 10px 15px; text-align: left; display: block; border-radius: 0 25px 0 0; border-bottom: 10px solid #ffffff;} #social-share-sent > .share-facebook .section-header img.table-cell {vertical-align: middle; margin: 0 10px 0 0; display: inline-block;} #social-share-sent > .share-facebook .text-wrap {vertical-align: middle; display: inline-block;} #social-share-sent > .share-facebook .text-wrap h3 {color: #ffffff; margin-bottom: 0;} #social-share-sent > .share-twitter {background-color: #f6f8f9; width: 50%; display: table-cell; border-left: 15px solid #ffffff;} #social-share-sent > .share-twitter .section-header {background-color: #555559; margin: 0 0 10px 0; padding: 10px 15px; text-align: left; display: block; border-radius: 0 25px 0 0; border-bottom: 10px solid #ffffff;} #social-share-sent > .share-twitter .section-header img.table-cell {vertical-align: middle; margin: 0 10px 0 0; display: inline-block;} #social-share-sent > .share-twitter .text-wrap {vertical-align: middle; display: inline-block;} #social-share-sent > .share-twitter .text-wrap h3 {color: #ffffff; margin-bottom: 0;} #social-share-sent > .share-facebook a.button.blue, #social-share-sent > .share-twitter a.button.blue {width: 160px; margin: 20px 0 0; padding: 0; display: block;} .media-links ul {margin: 20px 0 30px 20px;} .media-links ul li {text-indent: -22px; line-height: 24px; margin-bottom: 16px;} .media-links ul li .mediaListDate {font-size: 14px; line-height: 24px; margin-left: 21px;} @media (max-width: 1200px) { #tell-a-friend {width: 55%;} #social-share {width: 40%;} } @media (max-width: 1100px) { #tell-a-friend {width: 100%; margin: 10px 0 0; border-right: 0px solid #dcdcdc; float: none;} #tell-a-friend .section-header {margin: 0 0 30px;} #tell-a-friend form .sendToFriend, #tell-a-friend > .text-container {margin-right: 0; padding: 0 15px;} #tell-a-friend form .form-item input[type="text"].form-text, .main.right .internalPage #tell-a-friend form .form-item input[type="password"].form-text, #tell-a-friend form .form-item textarea.form-textarea {width: 90%; width: calc(100% - 30px); width: -webkit-calc(100% - 30px); width: -moz-calc(100% - 30px);} #tell-a-friend > .text-container > .copy-paste-container {width: 90%; width: calc(100% - 52px); width: -webkit-calc(100% - 52px); width: -moz-calc(100% - 52px);} #social-share {width: 100%; margin-top: 60px; float: none;} #social-share > .share-facebook {width: 48%; float: left;} #social-share > .share-twitter {width: 48%; float: right;} } @media (max-width: 1024px) { #social-share > .share-facebook {width: 100%; float: none;} #social-share > .share-twitter {width: 100%; float: none;} #social-share-sent {display: inline-block;} #social-share-sent > .share-facebook {background-color: transparent; width: 100%; margin-bottom: 20px; display: inline-block; border-right: 0 none; float: none;} #social-share-sent > .share-facebook .section-header {border-bottom: 0 none;} #social-share-sent > .share-twitter {background-color: transparent; width: 100%; margin-bottom: 20px; display: inline-block; border-left: 0 none; float: none;} #social-share-sent > .share-twitter .section-header {border-bottom: 0 none;} } @media (max-width: 768px) { #social-share > .share-facebook {width: 48%; float: left;} #social-share > .share-twitter {width: 48%; float: right;} #social-share-sent {width: 100%; margin-top: 30px; display: table; border-collapse: separate; border-spacing: 0;} #social-share-sent > .share-facebook {background-color: #f6f8f9; width: 50%; display: table-cell; border-right: 10px solid #ffffff;} #social-share-sent > .share-facebook .section-header {padding: 10px 0 10px 15px; border-bottom: 10px solid #ffffff;} #social-share-sent > .share-twitter {background-color: #f6f8f9; width: 50%; display: table-cell; border-left: 10px solid #ffffff;} #social-share-sent > .share-twitter .section-header {padding: 10px 0 10px 15px; border-bottom: 10px solid #ffffff;} } @media (max-width: 650px) { #social-share > .share-facebook {width: 100%; float: none;} #social-share > .share-twitter {width: 100%; float: none;} #social-share-sent {display: inline-block;} #social-share-sent > .share-facebook {background-color: transparent; width: 100%; margin-bottom: 20px; display: inline-block; border-right: 0 none; float: none;} #social-share-sent > .share-facebook .section-header {border-bottom: 0 none;} #social-share-sent > .share-twitter {background-color: transparent; width: 100%; margin-bottom: 20px; display: inline-block; border-left: 0 none; float: none;} #social-share-sent > .share-twitter .section-header {border-bottom: 0 none;} } @media (max-width: 567px) { #tell-a-friend form .form-item label, .main.right .internalPage #tell-a-friend form .form-item fieldset legend {font-size: 14px; line-height: 18px;} #tell-a-friend form .form-item textarea.form-textarea, #tell-a-friesnd > .text-container p, #social-share .share-preview p, #social-share .share-preview p, #social-share-sent .share-preview p {font-size: 14px; line-height: 24px;} #tell-a-friend .section-header img.table-cell, #social-share > .share-facebook .section-header img.table-cell, #social-share > .share-twitter .section-header img.table-cell, #social-share-sent > .share-facebook .section-header img.table-cell, #social-share-sent > .share-facebook .section-header img.table-cell {max-width: 35px;} } /*---- 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 0 20px; padding: 0; display: table;} #chest.attribution a {vertical-align: middle; display: table-cell;} #chest.attribution a > * {vertical-align: middle;} #chest.attribution img {height: auto; max-width: 130px; display: inline-block; margin: 0 18px 0 0;} #chest.attribution p {font-size: 1em; line-height: 1.5em; font-style: normal; font-weight: 400; vertical-align: middle; max-width: 915px; margin: 0; padding: 4px 0 4px 20px; border-left: 1px solid #dcdcdc; display: table-cell;} #chest.attribution p a {vertical-align: initial; display: initial;} @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: 480px) { #chest.attribution {text-align: center; display: block;} #chest.attribution a {display: block;} #chest.attribution img {display: block; margin: 0px auto 10px;} #chest.attribution p {padding: 0; border-left: 0px none; display: block;} } /*---- CHEST FOUNDATION ATTRIBUTION end --------*/ /*---- THREE LAKES ATTRIBUTION --------*/ #three-lakes.attribution {width: 100%; max-width: 915px; text-align: left; margin: 0 0 60px; padding: 0; display: table;} #three-lakes.attribution a {vertical-align: middle; width: 10%; display: table-cell;} #three-lakes.attribution a > * {vertical-align: middle;} #three-lakes.attribution img {height: auto; max-width: 201px; display: inline-block; margin: 0 20px 0 0;} #three-lakes.attribution p {font-size: 1em; line-height: 1.5em; font-style: normal; font-weight: 400; vertical-align: middle; max-width: 915px; margin: 0; padding: 4px 0 4px 20px; border-left: 1px solid #dcdcdc; display: table-cell;} #three-lakes.attribution p a {vertical-align: initial; display: initial;} @media (max-width: 567px) { #three-lakes.attribution p {font-size: 0.9em; line-height: 1.4em;} } @media (max-width: 480px) { #three-lakes.attribution {text-align: center; display: block;} #three-lakes.attribution a {width: 100%; display: block;} #three-lakes.attribution img {display: block; margin: 0px auto 10px;} #three-lakes.attribution p {padding: 0; border-left: 0px none; display: block;} } /*---- THREE LAKES ATTRIBUTION end --------*/ /*---- GLOSSARY ----*/ .internalPage #glossaryPage.search-box {margin-bottom: 40px; padding-bottom: 10px; border-bottom: 1px solid #dcdcdc;} .internalPage #glossaryPage.search-box span {font-size: 16px; font-weight: 700; margin-bottom: 10px; display: block;} .search-letters {color: #a3a9ac;} .search-letters a.disabled {color: #a3a9ac; pointer-events: none;} select#selectLetter {font-family: 'Lato', sans-serif; font-size: 16px; color: #555559; line-height: 40px; background-color: #ffffff; background: url(/images/select-arrow-down.gif) no-repeat scroll right center white; background-size: 587px 38px; background-repeat: no-repeat; width: 125px; height: 40px; margin: 0; padding: 0 15px; display: inline-block; border: 1px solid #a3a9ac; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none;} select#selectLetter.mobile {display: none;} #glossary-area {margin-bottom: 50px;} .internalPage #glossaryPage input#sbKeywords {width: 60%; min-width: 300px; border-color: #a3a9ac} .internalPage input.reset-btn {font-family: "lato", sans-serif; font-size: 16px; font-weight: 700; color: #ffffff; line-height: 38px; background: #ed1b2d none repeat scroll 0 0; width: inherit; height: 38px; margin-left: -45px; padding: 0 20px; border: 0 none; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; cursor: pointer; float: left;} @media (max-width: 900px) { .search-letters.mobile {display: none;} select#selectLetter.mobile {margin-bottom: 30px; display: inline-block;} } @media (max-width: 768px) { .internalPage #glossaryPage input#sbKeywords {width: 70%; min-width: 180px;} } @media (max-width: 567px) { .internalPage #glossaryPage.search-box span {font-size: 14px;} } /*---- 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 #dcdcdc; 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 #dcdcdc; 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 #user-generated-content.share-story, .main.right .internalPage #user-generated-content.responsive-form.lungforce {margin-bottom: 40px;} .main.right .internalPage #user-generated-content.share-story p.required, .main.right .internalPage #user-generated-content.share-story .form-item label .required, .main.right .internalPage #user-generated-content.share-story .form-item legend .required, .main.right .internalPage #user-generated-content.responsive-form.lungforce p.required, .main.right .internalPage #user-generated-content.responsive-form.lungforce .form-item label .required, .main.right .internalPage #user-generated-content.responsive-form.lungforce .form-item legend .required {color: #ed1b2d;} .main.right .internalPage #user-generated-content.share-story h4, .main.right .internalPage #user-generated-content.responsive-form.lungforce h4 {margin-top: 30px; padding-top: 40px; border-top: 1px solid #dcdcdc;} .main.right .internalPage #user-generated-content.share-story h4.first, .main.right .internalPage #user-generated-content.responsive-form.lungforce h4.first {padding-top: 0; border-top: 0px none;} .main.right .internalPage #user-generated-content.share-story #hidden, .main.right .internalPage #user-generated-content.responsive-form.lungforce #hidden {display: none;} .main.right .internalPage #user-generated-content.share-story .form-item label, .main.right .internalPage #user-generated-content.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 #user-generated-content.responsive-form.lungforce .form-item label, .main.right .internalPage #user-generated-content.responsive-form.lungforce .form-item fieldset legend {font-size: 20px; font-weight: 700; display: block; vertical-align: middle; margin-right: 15px; padding-left: 0; text-indent: 0px; margin-top: 12px; line-height: 28px; min-width: initial; float: none;} .main.right .internalPage #user-generated-content.responsive-form.lungforce .form-item label .help, .main.right .internalPage #user-generated-content.responsive-form.lungforce .form-item fieldset legend .help, .main.right .internalPage #survey.responsive-form.stacked .form-item label .help {font-size: 18px; font-weight: 400; font-style: italic;} .main.right .internalPage #user-generated-content.share-story .form-item p.Hint, .main.right .internalPage #user-generated-content.responsive-form.lungforce .form-item p.Hint {position: relative; left: 185px; top: -20px; font-size: 15px; line-height: 26px; margin-bottom: 0px;} .main.right .internalPage #user-generated-content.share-story .form-item label {width: inherit;} .main.right .internalPage #user-generated-content.responsive-form.lungforce .form-item label {min-width: initial; max-width: none; display: block; float: none;} .main.right .internalPage #user-generated-content.share-story #webform-component-captcha.form-item label {width: 160px;} .main.right .internalPage #user-generated-content.responsive-form.lungforce #webform-component-captcha.form-item label {width: inherit;} .main.right .internalPage #user-generated-content.share-story .form-item fieldset {margin-bottom: 25px;} .main.right .internalPage #user-generated-content.responsive-form.lungforce .form-item fieldset {width: 75%; margin-bottom: 40px;} .main.right .internalPage #user-generated-content.share-story .form-item fieldset legend, .main.right .internalPage #user-generated-content.responsive-form.lungforce .form-item fieldset legend {width: inherit;} .main.right .internalPage #user-generated-content.share-story .form-item fieldset label, .main.right .internalPage #user-generated-content.responsive-form.lungforce .form-item fieldset label {display: inline-block; font-weight: 400; padding: 0;} .main.right .internalPage #user-generated-content.responsive-form.lungforce .form-item fieldset .checkbox-group label {display: inline-block; font-weight: 400; padding: 0; min-width: initial;} .main.right .internalPage #user-generated-content.share-story .form-item label p, .main.right .internalPage #user-generated-content.responsive-form.lungforce .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 #user-generated-content.share-story .form-item label.captcha, .main.right .internalPage #user-generated-content.responsive-form.lungforce .form-item label.captcha {margin-top: 30px; text-indent: 0;} .main.right .internalPage #user-generated-content.share-story .form-item label.error, .main.right .internalPage #user-generated-content.responsive-form.lungforce .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 #user-generated-content.responsive-form.lungforce .form-item fieldset .checkbox-group {display: inline-block; margin-right: 25px;} .main.right .internalPage #user-generated-content.share-story .form-item input[type="text"].form-text, .main.right .internalPage #user-generated-content.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 #user-generated-content.responsive-form.lungforce .form-item input[type="text"].form-text, .main.right .internalPage #user-generated-content.responsive-form.lungforce .form-item input[type="password"].form-text {font-family: 'Lato', sans-serif; font-size: 18px; color: #555559; font-weight: 400; width: 75%; max-width: none; 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 #user-generated-content.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 #user-generated-content.responsive-form.lungforce .form-item textarea.form-textarea {font-family: 'Lato', sans-serif; font-size: 18px; color: #555559; font-weight: 400; width: 75%; max-width: none; 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 #user-generated-content.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; appearance: none; -webkit-appearance: none; -moz-appearance: none;} .main.right .internalPage #user-generated-content.responsive-form.lungforce .form-item select {font-family: 'Lato', sans-serif; font-size: 18px; color: #555559; font-weight: 400; width: inherit; 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; appearance: none; -webkit-appearance: none; -moz-appearance: none;} .main.right .internalPage #user-generated-content.responsive-form.lungforce .form-item select::-ms-expand {display: none;} .main.right .internalPage #user-generated-content.share-story .form-item select[multiple].form-select, .main.right .internalPage #user-generated-content.responsive-form.lungforce .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 #user-generated-content.share-story .form-item input[type="radio"].form-radio, .main.right .internalPage #user-generated-content.responsive-form.lungforce .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 #user-generated-content.share-story .form-item input[type="checkbox"].form-checkbox {margin: 11px 5px 0 0; border-radius: inherit; appearance: checkbox; -webkit-appearance: checkbox; -moz-appearance: checkbox; vertical-align: middle; position: relative; left: 40px; display: inline-block;} .main.right .internalPage #user-generated-content.responsive-form.lungforce .form-item fieldset .checkbox-group input.form-checkbox[type="checkbox"] {margin: 15px 10px 0 0; border-radius: inherit; appearance: checkbox; -webkit-appearance: checkbox; -moz-appearance: checkbox; vertical-align: middle; position: relative; left: 0; display: inline-block;} .main.right .internalPage #user-generated-content.share-story #webform-component-remember.form-item input[type="checkbox"].form-checkbox, .main.right .internalPage #user-generated-content.responsive-form.lungforce #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 #user-generated-content.share-story #webform-component-video.form-item input[type="text"].form-text, .main.right .internalPage #user-generated-content.responsive-form.lungforce #webform-component-video.form-item input[type="text"].form-text {margin: 10px 0;} .main.right .internalPage #user-generated-content.share-story #webform-component-captcha.form-item input[type="text"].form-text, .main.right .internalPage #user-generated-content.responsive-form.lungforce #webform-component-captcha.form-item input[type="text"].form-text {left: 170px; margin-left: 15px;} .main.right .internalPage #user-generated-content.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 #user-generated-content.responsive-form.lungforce #webform-component-photo.form-item input[type="file"].form-text {font-family: 'Lato', sans-serif; font-size: 18px; color: #555559; font-weight: 400; width: 75%; max-width: none; margin: 10px 0 30px 0; padding: 4px; border-radius: 0px; border: 1px solid #a3a9ac; -webkit-appearance: none; position: relative; left: 0;} .main.right .internalPage #user-generated-content.share-story #webform-component-remember.form-item label, .main.right .internalPage #user-generated-content.responsive-form.lungforce #webform-component-remember.form-item label {font-size: 18px; font-weight: 400; line-height: 30px; margin-top: 0px; float: none;} .main.right .internalPage #user-generated-content.share-story .form-item .description {display: block; position: relative; left: 170px; margin-left: 15px; margin-bottom: 35px; width: 65%; font-size: 15px; line-height: 26px;} .main.right .internalPage #user-generated-content.responsive-form.lungforce .form-item .description {display: block; position: relative; left: 0; margin-left: 0; margin-bottom: 35px; width: 75%; font-size: 15px; line-height: 26px;} .main.right .internalPage #user-generated-content.share-story .form-item .captchaContainer img#captcha-image, .main.right .internalPage #user-generated-content.responsive-form.lungforce .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 #user-generated-content.responsive-form.lungforce .form-item .captchaContainer .image-wrap {display: inline-block; float: left;} .main.right .internalPage #user-generated-content.responsive-form.lungforce .form-item .captchaContainer .image-wrap img#captcha-image {display: block; left: inherit; margin: 10px 0;} .main.right .internalPage #user-generated-content.share-story .form-item .captchaContainer a.captchaLink, .main.right .internalPage #user-generated-content.responsive-form.lungforce .form-item .captchaContainer a.captchaLink {display: inline-block; position: relative; left: 50px; top: -10px;} .main.right .internalPage #user-generated-content.responsive-form.lungforce .form-item .captchaContainer .image-wrap a.captchaLink {top: inherit; left: inherit;} .main.right .internalPage #user-generated-content.responsive-form.lungforce #webform-component-captcha.form-item input.form-text[type="text"] {width: inherit; vertical-align: bottom; margin: 0 20px 0px; left: inherit; transform: translateY(50%);} .main.right .internalPage #user-generated-content.share-story .form-item input[type="text"].form-text.captcha, .main.right .internalPage #user-generated-content.responsive-form.lungforce .form-item input[type="text"].form-text.captcha {width: inherit; display: block;} .main.right .internalPage #user-generated-content.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 #user-generated-content.responsive-form.lungforce #webform-component-submit {text-align: center; width: 75%; max-width: none; margin: 0; clear: both;} .main.right .internalPage #user-generated-content.responsive-form.lungforce .form-item input[type="submit"].button.turquoise {font-family: 'Lato', sans-serif; background-color: #2dc6d6; 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: initial; height: 50px; line-height: 50px; text-align: center; text-decoration: none; margin: 20px auto 10px; padding: 0 30px; cursor: pointer; position: relative; left: inherit;} .main.right .internalPage #user-generated-content.share-story .form-item input[type="submit"].button.blue:hover {background-color: #bad80a;} .main.right .internalPage #user-generated-content.responsive-form.lungforce .form-item input[type="submit"].button.turquoise:hover {background-color: #555559;} .main.right .internalPage #user-generated-content.share-story #webform-component-verify-captcha.form-item .form-item-submitted-verify-captcha-yes, .main.right .internalPage #user-generated-content.responsive-form.lungforce #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 #dcdcdc; padding: 20px 35px 25px 30px; width: inherit;} .main.right .internalPage #user-generated-content.share-story #webform-component-verify-captcha.form-item #captcha, .main.right .internalPage #user-generated-content.responsive-form.lungforce #webform-component-verify-captcha.form-item #captcha {top: 18px; float: left; width: 20px; position: relative; display: inline-block;} .main.right .internalPage #user-generated-content.share-story #webform-component-verify-captcha.form-item .form-item-submitted-verify-captcha-yes label.wrapable, .main.right .internalPage #user-generated-content.responsive-form.lungforce #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;} .main.right .internalPage #webform-footnote {margin-left: 25px; margin-right: 25px; display: inline-block;} .main.right .internalPage #webform-footnote p {font-size: 18px; line-height: 30px; margin: 0 0 20px; } .main.right .internalPage #webform-footnote span {margin-bottom: 20px; display: inline-block; clear: both;} .main.right .internalPage #webform-footnote span p {margin-right: 10px; margin-bottom: 5px; display: inline-block; float: left;} .main.right .internalPage #webform-footnote img.sponsor {display: inline-block;} .main.right .internalPage #webform-footnote img#lilly-oncology {margin: 0;} .main.right .internalPage #webform-footnote img#ctca {margin: 0 0 -10px;} .main.right .internalPage #webform-disclaimer {margin-bottom: 30px;} .main.right .internalPage #webform-disclaimer p {font-size: 14px; line-height: 24px;} .main.right .internalPage #research.submit-trial .form-item fieldset {margin-bottom: 40px;} @media (max-width: 1200px) { .main.right .internalPage #user-generated-content.responsive-form.lungforce .form-item input[type="text"].form-text, .main.right .internalPage #user-generated-content.responsive-form.lungforce .form-item input[type="password"].form-text {width: 90%;} .main.right .internalPage #user-generated-content.responsive-form.lungforce .form-item textarea.form-textarea {width: 90%;} .main.right .internalPage #user-generated-content.responsive-form.lungforce #webform-component-photo.form-item input[type="file"].form-text {width: 90%;} .main.right .internalPage #user-generated-content.responsive-form.lungforce .form-item .description {width: 90%;} .main.right .internalPage #user-generated-content.responsive-form.lungforce .form-item fieldset {width: initial;} .main.right .internalPage #user-generated-content.responsive-form.lungforce #webform-component-submit {width: 90%;} } @media (max-width: 1108px) { .main.right .internalPage #user-generated-content.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 #user-generated-content.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 #user-generated-content.share-story .form-item label p, .main.right .internalPage #user-generated-content.share-story .form-item input[type="text"].form-text, .main.right .internalPage #user-generated-content.share-story .form-item label p, .main.right .internalPage #user-generated-content.share-story .form-item input[type="password"].form-text, .main.right .internalPage #user-generated-content.share-story .form-item textarea.form-textarea {width: 400px;} .main.right .internalPage #user-generated-content.share-story .form-item select, .main.right .internalPage #user-generated-content.share-story .form-item select[multiple].form-select {width: 422px;} .main.right .internalPage #user-generated-content.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 #user-generated-content.share-story .form-item p.Hint {left: 0;} .main.right .internalPage #user-generated-content.share-story #webform-component-remember.form-item input[type="checkbox"].form-checkbox {margin: 0 5px 0 0;} } @media (max-width: 850px) { .main.right .internalPage #user-generated-content.share-story .form-item label p, .main.right .internalPage #user-generated-content.share-story .form-item input[type="text"].form-text, .main.right .internalPage #user-generated-content.share-story .form-item label p, .main.right .internalPage #user-generated-content.share-story .form-item input[type="password"].form-text, .main.right .internalPage #user-generated-content.share-story .form-item textarea.form-textarea {width: 300px;} .main.right .internalPage #user-generated-content.share-story .form-item select, .main.right .internalPage #user-generated-content.share-story .form-item select[multiple].form-select {width: 322px;} .main.right .internalPage #user-generated-content.share-story .form-item input[type="radio"].form-radio {display: inline; float: left;} .main.right .internalPage #user-generated-content.responsive-form.lungforce .form-item fieldset .checkbox-group {display: block; margin-right: 0;} .main.right .internalPage #user-generated-content.responsive-form.lungforce .form-item .captchaContainer .image-wrap {display: block; float: none;} .main.right .internalPage #user-generated-content.responsive-form.lungforce #webform-component-captcha.form-item input.form-text[type="text"] {width: inherit; vertical-align: bottom; margin: 30px 0; left: inherit; transform: inherit;} .main.right .internalPage #user-generated-content.responsive-form.lungforce #webform-component-submit {text-align: left;} } @media (max-width: 767px) { .main.right .internalPage #user-generated-content.share-story .form-item label p, .main.right .internalPage #user-generated-content.share-story .form-item input[type="text"].form-text, .main.right .internalPage #user-generated-content.share-story .form-item label p, .main.right .internalPage #user-generated-content.share-story .form-item input[type="password"].form-text, .main.right .internalPage #user-generated-content.share-story .form-item textarea.form-textarea {width: 450px;} .main.right .internalPage #user-generated-content.share-story .form-item select, .main.right .internalPage #user-generated-content.share-story .form-item select[multiple].form-select {width: 472px;} } @media (max-width: 567px) { .main.right .internalPage #user-generated-content.share-story .form-item label p, .main.right .internalPage #user-generated-content.share-story .form-item input[type="text"].form-text, .main.right .internalPage #user-generated-content.share-story .form-item label p, .main.right .internalPage #user-generated-content.share-story .form-item input[type="password"].form-text, .main.right .internalPage #user-generated-content.share-story .form-item textarea.form-textarea {width: 300px;} .main.right .internalPage #user-generated-content.share-story .form-item select, .main.right .internalPage #user-generated-content.share-story .form-item select[multiple].form-select {width: 322px;} .main.right .internalPage #user-generated-content.responsive-form.lungforce .form-item input[type="text"].form-text, .main.right .internalPage #user-generated-content.responsive-form.lungforce .form-item input[type="password"].form-text {font-size: 16px; margin: 10px 0 20px;} .main.right .internalPage #user-generated-content.responsive-form.lungforce .form-item textarea.form-textarea {font-size: 16px; margin: 10px 0 20px;} .main.right .internalPage #user-generated-content.responsive-form.lungforce .form-item select, .main.right .internalPage #user-generated-content.responsive-form.lungforce #webform-component-photo.form-item input[type="file"].form-text {font-size: 16px; margin: 10px 0 20px;} .main.right .internalPage #user-generated-content.responsive-form.lungforce .form-item .description {margin-bottom: 25px;} .main.right .internalPage #user-generated-content.responsive-form.lungforce .form-item fieldset {margin-bottom: 25px;} .main.right .internalPage #user-generated-content.share-story .form-item label, .main.right .internalPage #user-generated-content.share-story .form-item fieldset legend, .main.right .internalPage #user-generated-content.responsive-form.lungforce .form-item label, .main.right .internalPage #user-generated-content.responsive-form.lungforce .form-item fieldset legend {font-size: 16px; line-height: 24px; min-width: 150px;} .main.right .internalPage #user-generated-content.responsive-form.lungforce .form-item label .help, .main.right .internalPage #user-generated-content.responsive-form.lungforce .form-item fieldset legend .help {font-size: 14px;} .main.right .internalPage #user-generated-content.share-story .form-item p.Hint {left: 165px;} .main.right .internalPage #user-generated-content.share-story #webform-component-remember.form-item input[type="checkbox"].form-checkbox {margin: 0 5px 0 165px;} .main.right .internalPage #user-generated-content.share-story .form-item label p {font-size: 16px; line-height: 24px;} .main.right .internalPage #user-generated-content.responsive-form.lungforce .form-item label .help, .main.right .internalPage #user-generated-content.responsive-form.lungforce .form-item fieldset legend .help, .main.right .internalPage #survey.responsive-form.stacked .form-item label .help {font-size: 14px;} .main.right .internalPage #user-generated-content.share-story .form-item input[type="text"].form-text, .main.right .internalPage #user-generated-content.share-story .form-item input[type="text"].form-text.date, .main.right .internalPage #user-generated-content.share-story .form-item input[type="text"].form-text, .main.right .internalPage #user-generated-content.share-story .form-item input[type="password"].form-text.date, .main.right .internalPage #user-generated-content.share-story .form-item textarea.form-textarea, .main.right .internalPage #user-generated-content.share-story .form-item select, .main.right .internalPage #user-generated-content.share-story .form-item select[multiple].form-select {font-size: 14px;} .main.right .internalPage #user-generated-content.share-story .form-item p.Hint, .main.right .internalPage #user-generated-content.share-story #webform-component-remember.form-item label, .main.right .internalPage #user-generated-content.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 #user-generated-content.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 #user-generated-content.share-story #webform-component-verify-captcha.form-item #captcha {top: 15px;} .main.right .internalPage #user-generated-content.share-story .form-item input[type="submit"].button.blue {font-size: 16px; width: 110px; height: 40px; line-height: 40px; padding: 0 10px;} .main.right .internalPage #user-generated-content.responsive-form.lungforce .form-item .description {font-size: 12px; line-height: 18px;} .main.right .internalPage #user-generated-content.responsive-form.lungforce .form-item .captchaContainer .image-wrap a.captchaLink img {margin: 0;} .main.right .internalPage #user-generated-content.responsive-form.lungforce #webform-component-captcha.form-item input.form-text[type="text"] {margin: 30px 0 20px;} .main.right .internalPage #webform-footnote {margin-left: 15px; margin-right: 15px;} .main.right .internalPage #webform-footnote p {font-size: 14px; line-height: 24px;} .main.right .internalPage #webform-footnote img#ctca {margin: 0;} .main.right .internalPage #webform-disclaimer p {font-size: 12px; line-height: 18px;} } @media (max-width: 543px) { .main.right .internalPage #user-generated-content.share-story .form-item p.Hint {left: 0;} .main.right .internalPage #user-generated-content.share-story #webform-component-remember.form-item input[type="checkbox"].form-checkbox {margin: 0 5px 0 0;} } @media (max-width: 405px) { .main.right .internalPage #user-generated-content.share-story .form-item label p, .main.right .internalPage #user-generated-content.share-story .form-item input[type="text"].form-text, .main.right .internalPage #user-generated-content.share-story .form-item label p, .main.right .internalPage #user-generated-content.share-story .form-item input[type="password"].form-text, .main.right .internalPage #user-generated-content.share-story .form-item textarea.form-textarea {width: 200px;} .main.right .internalPage #user-generated-content.share-story .form-item select, .main.right .internalPage #user-generated-content.share-story .form-item select[multiple].form-select {width: 222px;} .main.right .internalPage #user-generated-content.share-story .form-item select {padding: 7px 35px 7px 10px;} .main.right .internalPage #user-generated-content.share-story .form-item select[multiple].form-select {-webkit-appearance: inherit;} .main.right .internalPage #user-generated-content.share-story .form-item input[type="radio"].form-radio {margin: 5px 5px 0 0; border-radius: 20px;} .main.right .internalPage #user-generated-content.share-story .form-item .captchaContainer img#captcha-image {display: block; margin: 10px 10px 20px 0} .main.right .internalPage #user-generated-content.share-story .form-item .captchaContainer a.captchaLink {display: block; position: top: 0;} .main.right .internalPage #user-generated-content.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 #dcdcdc; 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 #dcdcdc; 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.instructions {font-size: 16px;} .main.right .internalPage #survey.responsive-form p.instructions .required {color: #ed1b2d;.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 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.lungforce .form-item label, .main.right .internalPage #survey.responsive-form.lungforce .form-item fieldset legend {display: block; margin-right: 0; min-width: inherit; max-width: none; float: none;} .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.lungforce .form-item p.Hint {left: 0; top: -20px; margin-left: 0; margin-right: 0;} .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.stacked .form-item label {max-width: none; display: block; float: none;} .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.stacked .form-item fieldset {width: auto; margin: 10px 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.stacked .form-item fieldset .checkbox-group label {line-height: 1.25em; width: inherit; margin-right: 0; display: table-cell; white-space: normal;} .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.stacked .form-item input[type="text"].form-text, .main.right .internalPage #survey.responsive-form.stacked .form-item input[type="password"].form-text {width: 75%; max-width: none;} .main.right .internalPage #survey.responsive-form.lungforce .form-item input[type="text"].form-text, .main.right .internalPage #survey.responsive-form.lungforce .form-item input[type="password"].form-text {width: 75%; max-width: none;} .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.stacked .form-item textarea.form-textarea {width: 75%; max-width: none;} .main.right .internalPage #survey.responsive-form.lungforce .form-item textarea.form-textarea {width: 75%; max-width: none;} .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.stacked .form-item .checkbox-group {margin-bottom: 20px; display: table;} .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.stacked .form-item .checkbox-group input[type="checkbox"].form-checkbox {position: inherit; left: inherit; display: table-cell;} /*.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; width: 100%; max-width: 481px; position: relative; left: 186px;} .main.right .internalPage #survey.responsive-form.stacked #webform-component-button.form-item {width: 75%; max-width: none; left: inherit;} .main.right .internalPage #survey.responsive-form.lungforce #webform-component-button.form-item {text-align: center; width: 75%; max-width: none; margin: 0; left: 0;} .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 auto 0; padding: 0 20px; cursor: pointer; position: relative; left: 0;} .main.right .internalPage #survey.responsive-form .form-item input[type="submit"].button.blue:hover {background-color: #bad80a;} .main.right .internalPage #survey.responsive-form.lungforce .form-item input[type="submit"].button.turquoise {font-family: 'Lato', sans-serif; background-color: #2dc6d6; 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: initial; height: 50px; line-height: 50px; text-align: center; text-decoration: none; margin: 20px 0 50px; padding: 0 30px; cursor: pointer; position: relative; left: inherit;} .main.right .internalPage #survey.responsive-form.lungforce .form-item input[type="submit"].button.turquoise:hover {background-color: #555559;} .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 #dcdcdc; padding: 20px 35px 25px 30px; width: 100%; position: relative; left: 185px; max-width: 415px;} .main.right .internalPage #survey.responsive-form.stacked #webform-component-verify-captcha.form-item .form-item-submitted-verify-captcha-yes {width: 70%; width: calc(75% - 45px); width: -webkit-calc(75% - 45px); width: -moz-calc(75% - 45px); width: -ms-calc(75% - 45px); width: -o-calc(75% - 45px); left: inherit; max-width: none;} .main.right .internalPage #survey.responsive-form.lungforce #webform-component-verify-captcha.form-item .form-item-submitted-verify-captcha-yes {width: 70%; width: calc(75% - 45px); width: -webkit-calc(75% - 45px); width: -moz-calc(75% - 45px); max-width: none; left: inherit;} .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.narrow {width: auto;} .main.right .internalPage #survey.responsive-form .form-item.full fieldset .form-radio-wrapper span.narrow label.error {margin-top: 15px;} .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: baseline; -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;} .main.right .internalPage #survey.responsive-form.lungforce #webform-footnote {display: inline-block;} .main.right .internalPage #survey.responsive-form.lungforce #webform-footnote span {margin-bottom: 20px; display: inline-block; clear: both;} .main.right .internalPage #survey.responsive-form.lungforce #webform-footnote span p {margin-right: 10px; margin-bottom: 5px; display: inline-block; float: left;} .main.right .internalPage #survey.responsive-form.lungforce #webform-footnote img.sponsor {display: inline-block;} .main.right .internalPage #survey.responsive-form.lungforce #webform-footnote img#lilly-oncology {margin: 0;} .main.right .internalPage #survey.responsive-form.lungforce #webform-footnote img#ctca {margin: 0 0 -10px;} @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.stacked .form-item 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.lungforce .form-item input[type="text"].form-text, .main.right .internalPage #survey.responsive-form.lungforce .form-item input[type="password"].form-text {width: 90%;} .main.right .internalPage #survey.responsive-form.stacked .form-item input[type="text"].form-text, .main.right .internalPage #survey.responsive-form.stacked .form-item input[type="password"].form-text {width: 94%; margin: 10px 0 0;} .main.right .internalPage #survey.responsive-form.stacked .form-item textarea.form-textarea {width: 94%; margin: 10px 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.lungforce .form-item label.error {min-width: inherit; max-width: none; display: block; margin-left: 0; margin-bottom: -10px; margin-top: 10px;} .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: 90%; max-width: 460px; padding: 0 5px 5px 15px; position: inherit; left: 0;} .main.right .internalPage #survey.responsive-form.stacked #webform-component-verify-captcha.form-item .form-item-submitted-verify-captcha-yes {width: 89%; width: calc(94% - 45px); width: -webkit-calc(94% - 45px); width: -moz-calc(94% - 45px); width: -ms-calc(94% - 45px); width: -o-calc(94% - 45px); margin: 45px 0 20px; padding: 20px 35px 25px 30px;} .main.right .internalPage #survey.responsive-form.lungforce #webform-component-verify-captcha.form-item .form-item-submitted-verify-captcha-yes {width: 85%; width: calc(90% - 45px); width: -webkit-calc(90% - 45px); width: -moz-calc(90% - 45px); max-width: none; left: inherit; margin: 50px 0 20px;} .main.right .internalPage #survey.responsive-form.lungforce #webform-component-button.form-item {width: 90%;} .main.right .internalPage #survey.responsive-form #webform-component-button.form-item {width: 98%; 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.stacked .form-item fieldset {width: auto; margin: 10px 0 0;} .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;} .main.right .internalPage #survey.responsive-form .form-item.full {margin-top: 30px;} .main.right .internalPage #survey.responsive-form .form-item.full fieldset .form-radio-wrapper {margin-left: 0;} .main.right .internalPage #survey.responsive-form .form-item.full fieldset .form-radio-wrapper span.narrow label {width: inherit; margin-top: 12px;} .main.right .internalPage #survey.responsive-form.stacked #webform-component-button.form-item {width: 95%;} } @media (max-width: 768px) { .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 {max-width: none;} .main.right .internalPage #survey.responsive-form.lungforce .form-item label p, .main.right .internalPage #survey.responsive-form.lungforce .form-item input[type="text"].form-text, .main.right .internalPage #survey.responsive-form.lungforce .form-item label p, .main.right .internalPage #survey.responsive-form.lungforce .form-item input[type="password"].form-text, .main.right .internalPage #survey.responsive-form.lungforce .form-item textarea.form-textarea {max-width: none;} .main.right .internalPage #survey.responsive-form .form-item select, .main.right .internalPage #survey.responsive-form .form-item select[multiple].form-select {} .main.right .internalPage #survey.responsive-form #webform-component-verify-captcha.form-item .form-item-submitted-verify-captcha-yes {width: 90%; max-width: none; padding: 0 10px 6px;} .main.right .internalPage #survey.responsive-form.stacked #webform-component-verify-captcha.form-item .form-item-submitted-verify-captcha-yes {width: 95%; width: calc(95% - 6px); width: -webkit-calc(95% - 6px); width: -moz-calc(95% - 6px); width: -ms-calc(95% - 6px); width: -o-calc(95% - 6px); margin: 30px 0 20px; padding: 0 10px 6px;} .main.right .internalPage #survey.responsive-form.lungforce #webform-footnote img#ctca {margin: 0;} } @media (max-width: 567px) { .main.right .internalPage #survey.responsive-form.lungforce .form-item label, .main.right .internalPage #survey.responsive-form.lungforce .form-item fieldset legend {margin-top: 20px;} .main.right .internalPage #survey.responsive-form.lungforce #webform-component-firstname > label, .main.right .internalPage #survey.responsive-form #webform-component-firstname > label {margin-top: 20px;} .main.right .internalPage #survey.responsive-form.lungforce #webform-component-firstname > label.error, .main.right .internalPage #survey.responsive-form #webform-component-firstname > label.error {margin-top: 10px;} .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%; width: calc(100% - 18px); width: -webkit-calc(100% - 18px); width: -moz-calc(100% - 18px);} .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.stacked .form-item label {margin-top: 20px;} .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.stacked .form-item .checkbox-group {margin-bottom: 10px;} .main.right .internalPage #survey.responsive-form .form-item .checkbox-group input[type="checkbox"].form-checkbox {margin: 0 5px 0 0;} .main.right .internalPage #survey.responsive-form.stacked .form-item fieldset .checkbox-group label {line-height: 1.5em;} .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; width: 88%;} .main.right .internalPage #survey.responsive-form #webform-component-verify-captcha.form-item .form-item-submitted-verify-captcha-yes {width: 90%; width: calc(100% - 18px); width: -webkit-calc(100% - 18px); width: -moz-calc(100% - 18px);} .main.right .internalPage #survey.responsive-form.lungforce #webform-component-verify-captcha.form-item .form-item-submitted-verify-captcha-yes {width: 85%; width: calc(90% - 25px); width: -webkit-calc(90% - 25px); width: -moz-calc(90% - 25px);} .main.right .internalPage #survey.responsive-form #webform-component-verify-captcha.form-item #captcha {top: 15px;} .main.right .internalPage #survey.responsive-form #webform-component-button.form-item {width: 100%; max-width: none;} .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;} .main.right .internalPage #survey.responsive-form.lungforce #webform-footnote span p {margin-right: 0;} } /*---- 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;} } @media (max-width: 400px) { #topnav_int, #header, #socmed_footer_int, #footer_int, #contentWrap {padding-left: 18px; padding-right: 18px;} } img#mhe-lockup {} #mheCallOutBox {width: 30%; min-width: 265px; margin: 30px 0 30px 40px; padding: 20px; display: inline-block; border: 1px solid #a3a9ac; border-radius: 0 20px 0 0; clear: right;} #mheCallOutBox p {margin-bottom: 10px;} #mheCallOutBox ul {font-size: 16px; line-height: 24px; margin: 0;} #mheCallOutBox ul li {text-indent: 0; white-space: nowrap;} #mheCallOutBox ul li:before {content: "";} #mheCallOutBox ul li .fa {color: #3A75C4;} @media (max-width: 1024px) { img#mhe-lockup {margin: 0; float: none;} #mheCallOutBox {width: inherit; margin: 0 0 30px; float: none;} } @media (max-width: 768px) { #mheCallOutBox {width: 30%; margin: 30px 0 30px 40px; float: right;} } @media (max-width: 600px) { #mheCallOutBox {width: inherit; margin: 0 0 30px; float: none;} } @media (max-width: 567px) { img#mhe-lockup {max-width: 100%;} #mheCallOutBox {min-width: inherit; padding: 15px;} #mheCallOutBox ul {font-size: 14px; line-height: 18px; margin: 0;} #mheCallOutBox ul li {text-indent: 0; white-space: normal;} } /*---- Lung Cancer ----*/ #callout {text-align: left; vertical-align: bottom; margin: 50px 0 0; display: block; border-radius: 0 0 25px 0; -webkit-border-radius: 0 0 25px 0; -moz-border-radius: 0 0 25px 0; -ms-border-radius: 0 0 25px 0; -o-border-radius: 0 0 25px 0; /*position: relative;*/} #callout.blue {background-color: #3a75c4;} #callout.gold {background-color: #fca311;} #callout.gray-1-dark {background-color: #555559;} #callout.gray-2-medium {background-color: #a3a9ac;} #callout.gray-3-light {background-color: #d7d8d9;} #callout.gray-4-very-light {background-color: #e8e9ea;} #callout.gray-5-very-very-light {background-color: #f3f4f4;} #callout.green {background-color: #7fba00;} #callout.light-blue {background-color: #00a5db;} #callout.orange {background-color: #f77f00;} #callout.purple {background-color: #872b93;} #callout.red {background-color: #ed1b2d;} #callout.turquoise {background-color: #2dc6d6;} #callout.white-bckgrnd {background-color: #ffffff; border: 4px solid #c9cbcd;} #callout.insert {margin: 50px 0;} #callout .boxContent {text-align: left; /*margin: 25px;*/ padding: 25px 25px 30px; /*display: inline-block;*/ display: inline-table;} #callout .boxContent .boxIcon {vertical-align: top; /*min-width: 104px; min-height: 104px; margin-right: 20px; display: inline-block; border: 8px solid #a3a9ac; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; float: left;*/ width: 120px; padding: 0 20px 0 0; display: table-cell;} #callout .boxContent .boxIcon img {background-color: #ffffff; border: 8px solid #a3a9ac; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;} #callout .boxContent .boxCopy {/*width: 70%; width: calc(100% - 200px); -webkit-width: calc(100% - 200px); -moz-width: calc(100% - 200px); -ms-width: calc(100% - 200px); -o-width: calc(100% - 200px); display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);*/ width: inherit; vertical-align: middle; display: table-cell;} #callout .boxContent .boxCopy h3, #callout .boxContent .boxCopy p {margin-bottom: 0;} @media (max-width: 960px) { #callout .boxContent .boxIcon {width: inherit; padding: 0 0 20px; display: block;} #callout .boxContent .boxCopy {display: block;} } @media (max-width: 768px) { #callout .boxContent .boxIcon {width: 120px; padding: 0 20px 0 0; display: table-cell;} #callout .boxContent .boxCopy {width: inherit; display: table-cell;} } @media (max-width: 567px) { #callout .boxContent {padding: 20px;} #callout .boxContent .boxIcon {padding: 0 0 10px 10px; display: inline-block; float: right;} #callout .boxContent .boxIcon img {max-width: 90px; border: 6px solid #a3a9ac;} #callout .boxContent .boxCopy {display: block;} } @media (max-width: 414px) { #callout .boxContent {text-align: center;} #callout .boxContent .boxIcon {width: inherit; padding: 0 0 10px; display: block; float: none;} } /*---- Circle Overlap ----*/ article.box-circle-overlap {text-align: center; margin: 20px 0; display: table;} article.box-circle-overlap a {vertical-align: top; width: 29%; margin: 10px 2%; padding: 0; display: inline-block;} article.box-circle-overlap a aside {text-align: center; padding: 0 0 10px; position: relative;} article.box-circle-overlap a aside:before {content: ''; background-color: #e8e9ea; position: absolute; z-index: 1; top: 50px; bottom: 0; left: 0; right: 0;} article.box-circle-overlap a aside span, article.box-circle-overlap a aside span img {background-size: cover; width: 180px; height: 180px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; position: relative; z-index: 2;} article.box-circle-overlap a aside span {margin-bottom: 10px; margin: 0 auto 10px; display: block; border: 8px solid #a3a9ac;} article.box-circle-overlap a aside span img {margin: 0 auto; object-fit: cover; object-position: 50% 50%;} article.box-circle-overlap a aside h3 {line-height: 30px; text-decoration: none; color: #3a75c4; width: 90%; margin-bottom: 20px; display: inline-block; position: relative; z-index: 2;} article.box-circle-overlap a aside p {line-height: 24px; width: 90%; margin-bottom: 20px; margin: -10px auto 20px; position: relative; z-index: 2;} article.box-circle-overlap a:hover {text-decoration: none;} article.box-circle-overlap a:hover aside:before {background-color: #bad80a;} article.box-circle-overlap a:hover span {border: 8px solid #ffffff;} article.box-circle-overlap a:hover aside h3, article.box-circle-overlap a:hover aside p {color: #ffffff; text-decoration: none;} article#emergenciesNaturalDisasters.box-circle-overlap a:last-child {width: inherit;} @media (max-width: 1136px) { article.box-circle-overlap a {width: 100%; margin: 10px 0 30px;} article#emergenciesNaturalDisasters.box-circle-overlap a:last-child {width: 100%;} } @media (max-width: 768px) { article.box-circle-overlap a {width: 29%; margin: 10px 2%;} article#emergenciesNaturalDisasters.box-circle-overlap a:last-child {width: inherit;} } @media (max-width: 750px) { article.box-circle-overlap a {width: 100%; margin: 10px 0 30px;} article#emergenciesNaturalDisasters.box-circle-overlap a:last-child {width: 100%;} } @media (max-width: 567px) { article.box-circle-overlap a {margin: 5px 2% 20px;} article.box-circle-overlap a aside span, article.box-circle-overlap a aside span img {width: 120px; height: 120px;} article.box-circle-overlap a aside span {/*background-size: contain;*/} article.box-circle-overlap a aside span {margin-bottom: 5px; margin: 0 auto 5px; border: 6px solid #a3a9ac;} article.box-circle-overlap a:hover span {border: 6px solid #ffffff;} article.box-circle-overlap a aside h3 {font-size: 16px; line-height: 1.2;} article.box-circle-overlap a aside p {line-height: 18px;} } /*---- Responsive YouTube ----*/ .video-box {background-color: #e4e5e6; width: 99%; width: calc(100% - 20px); width: -webkit-calc(100% - 20px); width: -moz-calc(100% - 20px); width: -ms-calc(100% - 20px); width: -o-calc(100% - 20px); margin: 10px auto 20px; padding: 10px; display: inline-block; clear: both;} .video-box.white {background-color: #ffffff; width: 100%; margin: 0 auto 20px; padding: 0;} .video-box .video-fullWidth {width: auto; width: calc(100% - 0px); width: -webkit-calc(100% - 0px); width: -moz-calc(100% - 0px); width: -ms-calc(100% - 0px); width: -o-calc(100% - 0px); margin: 0 10px 0 0; display: block;} .video-halfWidth {width: 50%; max-width: 445px; display: inline-block;} .video-halfWidth.left {margin: 0 1% 3% 0;} .video-halfWidth.right {margin: 0 0 3% 1%;} .video-halfWidth.gray-1-dark {color: #ffffff; background-color: #555559; padding-top: 0;} .videoWrapper {height: 0; margin-bottom: 30px; padding-top: 25px; padding-bottom: 56.25%; position: relative;} .videoWrapper.video-fullWidth {padding-bottom: 56.25%;} .video-halfWidth .videoWrapper {margin-bottom: 0; padding-bottom: 43.75%; position: relative;} .videoWrapper iframe {width: 100%; height: 100% !important; position: absolute; top: 0; left: 0;} .video-halfWidth .videoWrapper + p.caption {font-size: 14px; font-weight: 700; line-height: 21px; text-align: center; margin-bottom: 0;} .video-halfWidth.gray-1-dark .videoWrapper + p.caption {color: #ffffff; background-color: #555559; padding: 5px 10px 10px;} .video-box .embed-login {padding: 20px 30px; display: inline-block; border: 4px solid #e4e5e6;} .video-box .embed-login h4 {margin-bottom: 0;} @media (max-width: 567px) { .video-box {width: 99%; width: calc(100% - 10px); width: -webkit-calc(100% - 10px); width: -moz-calc(100% - 10px); width: -ms-calc(100% - 10px); width: -o-calc(100% - 10px); padding: 5px;} } /*---- Tiles ----*/ ul.tiles {max-width: 915px; margin: 20px auto;} ul.tiles.three {} ul.tiles.four {display: none;} ul.tiles li {text-indent: 0; vertical-align: top; background-color: #ffffff; max-width: none; margin: 0 auto 25px; padding: 10px 15px 100px; display: inline-block; border: 1px solid #dcdcdc; border-top: 0 none; position: relative;} ul.tiles.three li {width: 29.7%; width: calc(33% - 32px); width: -webkit-calc(33% - 32px); width: -moz-calc(33% - 32px); width: -ms-calc(33% - 32px); width: -o-calc(33% - 32px);} ul.tiles.four li {width: 20%; width: calc(24.7% - 32px); width: -webkit-calc(24.7% - 32px); width: -moz-calc(24.7% - 32px); width: -ms-calc(24.7% - 32px); width: -o-calc(24.7% - 32px);} ul.tiles li:before {content: none;} ul.tiles li a {color: #555559;} ul.tiles li a:hover {text-decoration: none;} ul.tiles li .icon {background-color: #ffffff; min-width: 94px; min-height: 94px; margin-bottom: 5px; display: inline-block; border: 8px solid #a3a9ac; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;} ul.tiles li .title {font-size: 24px; font-weight: 900; line-height: 30px; text-transform: none; color: #555559; margin-bottom: 10px;} ul.tiles li .button {font-size: 18px; font-weight: 700; text-align: center; text-decoration: none; line-height: 50px; color: #ffffff; width: 100%; max-width: 96px; height: 50px; margin: 20px auto 50px; padding: 0 30px; display: inline-block; border: 0 none; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%);} ul.tiles li .button.blue {background-color: #3a75c4;} ul.tiles li a .button:hover {background-color: #bad80a !important;} ul.tiles li.fullWidth {text-align: left; width: 98%; width: calc(100% - 32px); width: -webkit-calc(100% - 32px); width: -moz-calc(100% - 32px); width: -ms-calc(100% - 32px); width: -o-calc(100% - 32px); margin: 20px auto; padding: 20px 0 20px 15px;} ul.tiles li.fullWidth .icon {margin: 0 20px 0 0; float: left;} ul.tiles li.fullWidth p {text-align: left; width: 65%; width: calc(100% - 320px); width: -webit-calc(100% - 320px); width: -moz-calc(100% - 320px); width: -ms-calc(100% - 320px); width: -o-calc(100% - 320px); margin-bottom: 0; display: inline-block;} ul.tiles li.fullWidth .title {width: 75%; margin-top: 10px !important; display: block;} ul.tiles li.fullWidth .button {width: auto; margin: -10px 0 0 0; display: block; float: right; position: relative; bottom: auto; left: auto; right: 15px; transform: inherit; -webkit-transform: inherit; -moz-transform: none; -ms-transform: inherit; -o-transform: inherit;} ul.tiles li.fullWidth.blue {background-color: #3a75c4; border: 1px solid #3a75c4;} ul.tiles li.fullWidth.blue p {color: #ffffff;} ul.tiles li.fullWidth.blue .title {color: #ffffff;} ul.tiles li.fullWidth.blue .button {color: #3a75c4; background-color: #ffffff;} ul.tiles li.fullWidth.blue:hover {/*background-color: #bad80a; border: 1px solid #bad80a;*/} ul.tiles li.fullWidth.blue a .button:hover {color: #ffffff !important; background-color: #bad80a !important;} @media (max-width: 1136px) { ul.tiles.three li {width: 95%; width: calc(100% - 32px); width: -webkit-calc(100% - 32px); width: -moz-calc(100% - 32px); width: -ms-calc(100% - 32px); width: -o-calc(100% - 32px);} ul.tiles li.fullWidth {text-align: center; margin: 0 auto 20px; padding: 20px 15px 50px;} ul.tiles li.fullWidth .icon {margin: 0 auto; float: none;} ul.tiles li.fullWidth p {text-align: center; width: 100%; display: block;} ul.tiles li.fullWidth .title {width: 100%;} ul.tiles li.fullWidth .button {margin: 20px 0 0; display: inline-block; float: none; position: inherit; right; auto;} } @media (max-width: 768px) { ul.tiles.three li {width: 28.1%; width: calc(33% - 32px); width: -webkit-calc(33% - 32px); width: -moz-calc(33% - 32px); width: -ms-calc(33% - 32px); width: -o-calc(33% - 32px);} ul.tiles li.fullWidth {text-align: left; width: 95%; width: calc(100% - 32px); width: -webkit-calc(100% - 32px); width: -moz-calc(100% - 32px); width: -ms-calc(100% - 32px); width: -o-calc(100% - 32px); margin: 20px auto; padding: 20px 15px;} ul.tiles li.fullWidth .icon {margin: 0 20px 0 0; float: left;} ul.tiles li.fullWidth p {text-align: left; width: 65%; width: calc(100% - 320px); width: -webit-calc(100% - 320px); width: -moz-calc(100% - 320px); width: -ms-calc(100% - 320px); width: -o-calc(100% - 320px); display: inline-block;} ul.tiles li.fullWidth .button {margin: 10px 0 0; display: block; float: right; position: relative; right: 15px;} } @media (max-width: 750px) { ul.tiles.three li {width: 95%; width: calc(100% - 32px); width: -webkit-calc(100% - 32px); width: -moz-calc(100% - 32px); width: -ms-calc(100% - 32px); width: -o-calc(100% - 32px);} ul.tiles li.fullWidth {text-align: center; margin: 0 auto 20px; padding: 20px 15px 50px;} ul.tiles li.fullWidth .icon {margin: 0 auto; float: none;} ul.tiles li.fullWidth p {text-align: center; width: 100%; display: block;} ul.tiles li.fullWidth .title {width: 100%;} ul.tiles li.fullWidth .button {margin: 20px 0 0; display: inline-block; float: none; position: inherit; right; auto;} } @media (max-width: 567px) { ul.tiles li {padding: 10px 15px 80px;} ul.tiles li.fullWidth {padding: 20px 15px 30px;} ul.tiles li .button {margin: 20px auto 30px;} ul.tiles li .title {font-size: 18px; line-height: 24px;} } .highlightBox {margin: 40px 0; padding: 20px 25px 10px; display: block; clear: both;} .highlightBox.blue {background-color: #3a75c4;} .highlightBox.gold {background-color: #fca311;} .highlightBox.gray-1-dark {background-color: #555559;} .highlightBox.gray-2-medium {background-color: #a3a9ac;} .highlightBox.gray-3-light {background-color: #d7d8d9;} .highlightBox.gray-4-very-light {background-color: #e8e9ea;} .highlightBox.gray-5-very-very-light {background-color: #f3f4f4;} .highlightBox.green {background-color: #7fba00;} .highlightBox.light-blue {background-color: #00a5db;} .highlightBox.orange {background-color: #f77f00;} .highlightBox.purple {background-color: #872b93;} v.red {background-color: #ed1b2d;} .highlightBox.turquoise {background-color: #2dc6d6;} .highlightBox.white {background-color: #ffffff; border: 4px solid #c9cbcd;} /*---- Agenda ----*/ .agenda {margin: 0 0 20px;} .agenda tr:nth-child(odd) {background-color: #e4e5e6;} .agenda td {line-height: 1.25em; padding: 20px;} .agenda td.event-hour {font-weight: 700; width: 25%;} .agenda td.task-title {width: 75%;} @media (max-width:568px){ .agenda td {padding: 10px 5px;} .agenda td.event-hour {width: 35%;} .agenda td.task-title {width: 60%;} } /*---- Embedded Login ----*/ .internalPage form#signinform table {} .internalPage form#signinform table thead {display: none;} .internalPage form#signinform table tbody tr td {vertical-align: top; font-weight: 700; font-size: 18px; line-height: 30px;} .internalPage form#signinform table tbody tr:nth-child(3) td:nth-child(1) {font-weight: 400;} .internalPage form#signinform table tbody tr td::after {content: none;} .internalPage form#signinform table tbody tr td label {white-space: nowrap; margin-top: 17px; display: inline-block; margin-right: 15px;} .internalPage form#signinform table tbody tr td input {font-family: "Lato",sans-serif; font-size: 18px; color: #555559; font-weight: 400; width: 100%; margin: 15px 0px; padding: 6px 10px 7px; border-radius: 0px; border: 1px solid #a3a9ac;} .internalPage form#signinform table tbody tr td input:-webkit-autofill, .internalPage form#signinform table tbody tr td textarea:-webkit-autofill, .internalPage form#signinform table tbody tr td select:-webkit-autofill {background-color: #ffffff !important; background-image: none !important; color: #555559 !important;} .internalPage form#signinform table tbody tr td input[type="submit"] {font-family: "Lato",sans-serif; background-color: #ed1b2d; border: 0px none; border-radius: 25px; color: #ffffff; display: block; font-size: 18px; font-weight: 700; width: 140px; height: 40px; line-height: 40px; text-align: center; text-decoration: none; margin: 10px 0 0; padding: 0px 27px; cursor: pointer; position: relative; left: 0;} .internalPage form#signinform table tbody tr td input[type="submit"]:hover {background-color: #bad80a;} .internalPage form#signinform table tbody tr td input[type="checkbox"] {width: inherit; margin-right: 5px; margin-left: 29%;} .internalPage form#signinform table tbody tr td p.Link {font-weight: 400; margin-bottom: 0px; left: 29%; position: relative;} @media all and (max-width: 850px) { .internalPage form#signinform table tbody tr td {width: 100%; display: block;} .internalPage form#signinform table tbody tr td input {width: 100%;} .internalPage form#signinform p input[type="submit"] {left: 0;} .internalPage form#signinform table tbody tr td input[type="checkbox"] {width: 20px; margin-left: 0; margin-right: 0;} .internalPage form#signinform table tbody tr td p.Link {left: 0;} } @media all and (max-width: 567px) { .internalPage form#signinform table tbody tr td input {font-size: 14px;} .internalPage form#signinform table tbody tr td input[type="submit"] {font-size: 14px; width: 100px; height: 30px; line-height: 30px;} }