CINXE.COM
CAS
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous"> <link rel="shortcut icon" href="https://www.cas.org/themes/custom/cas_theme/favicon.ico" type="image/vnd.microsoft.icon"> <link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap" rel="stylesheet"> <title>CAS</title> <style> .btn-primary, .submit-button-style { color: #0033A0 !important; background-color: #FFC72C !important; border-color: #FFC72C !important; border-radius: 6px !important; font-size: 1.125rem !important; font-weight: 400 !important; margin: .75rem 0 .5rem 0 !important; text-transform: capitalize !important; } .btn-primary:hover, .submit-button-style:hover { color: #FFC72C !important; background-color: #0033A0 !important; } body { background-color: #F2F3F4; font-family: 'Open Sans', sans-serif; } .container { max-width: 1280px; } #form-container { padding: 1rem 0; } .form-heading { color: #0033A0; font-size: 2.2rem; line-height: 1.2; margin-bottom: 1.25rem; } .form-instructions-container { padding: 0 2.5rem; } .form-instructions, .form-element-instruction { color: #425563; font-size: 0.875rem; line-height: 1.5; margin: 0 0 .5rem .1rem; } header { -webkit-box-shadow: 0 0 9px -2px #425563; background-color: #ffffff; box-shadow: 0 0 9px -2px #425563; height: 90px; margin: 0 auto; position: relative; z-index: 50; padding: 0.9375rem 0; } #headline { margin: 2rem 0; } input[type=email], .elq-item-input, select { background-clip: padding-box !important; background-color: #fff !important; border-radius: .25rem !important; border-radius: 5px !important; border: 1px solid #425563 !important; border: 1px solid #ced4da !important; color: #495057 !important; display: block !important; font-size: 1rem !important; font-weight: 400 !important; height: calc(1.5em + .75rem + 2px) !important; line-height: 1.5 !important; padding: .375rem .75rem !important; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out !important; width: 100% !important; } input[type=email]:focus, .elq-item-input, select:focus { border: 2px solid #FFC72C !important; box-shadow: none!important; } input[type=checkbox] { margin: .3rem 0 0 .1rem !important; } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; } label, elq-label { font-weight: 550 !important; display: inline-block !important; margin-bottom: .5rem !important; } .elq-form .elq-item-label { margin-bottom: 0 !important; } #logo { width: 255px; } #unsubscribe { color: #0033A0; text-decoration: underline; cursor: pointer; margin: 0; } input[type='checkbox']:checked+label::before { background-color: !important; } input[type='checkbox']:checked+label::after { content: ''!important; } input[type='checkbox']:focus+label::before { outline: #3b99fc auto 5px!important; } input.parsley-error, select.parsley-error, textarea.parsley-error { color: #B94A48; background-color: #F2DEDE; border: 1px solid #EED3D7; } .parsley-errors-list { color: #B94A48; font-size: 0.9em; line-height: 0.9em; list-style-type: none; margin: 0.5rem 0 !important; opacity: 0; padding: 0; transition: all .3s ease-in; -o-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -webkit-transition: all .3s ease-in; } .parsley-errors-list.filled { opacity: 1; } /* Small devices (landscape phones, 576px and up) */ @media (max-width: 576px) {} /* Medium devices (tablets, 768px and up) */ @media (max-width: 768px) { .form-heading { font-size: 1.5rem; } } /* Large devices (desktops, 992px and up) */ @media (max-width: 992px) {} /* Extra large devices (large desktops, 1200px and up) */ @media (max-width: 1200px) {} </style> </head> <body> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script> <header> <div class="container"> <div class="row"> <div class="col text-center text-md-left"> <a href="#" id="logo"> <img src="https://images.solutions.cas.org/EloquaImages/clients/AmericanChemicalSociety2/%7Bd597347a-6a2d-40aa-abde-a73c97e19201%7D_CAS_Email_Signature_Logo_155pxw.png" width="100" height="50" role="presentation" aria-labelledby="cas-logo-title cas-logo-desc"/></a> </div> </div> </div> </header> <div class="container" id="form-container"> <div class="row"> <div class="col"> <div class="text-center"> <h2 class="form-heading">Email Preference Center</h2> </div> </div> </div> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-7 col-xl-6 mx-auto form-instructions-container"> <h4 class="form-instructions">Select which lists you would like to receive email communication from:</h4> </div> </div> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-7 col-xl-6 mx-auto"> <div id="form-container"> <!-- ADD FORM HERE --> <style type="text/css"> .elq-form .elq-required{ color:red!important; display:inline; float:none; font-weight:700; margin:0; padding:0} .elq-form .elq-label{ display:inline-block; max-width:100%; font-weight:400; box-sizing:border-box; margin-bottom:0} .elq-form .elq-label-top{ padding-bottom:3px} .elq-form .elq-item-label{ max-width:100%; font-weight:400; box-sizing:border-box} .elq-form .list-order{ margin-left:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis} .elq-form .one-column{ width:100%; clear:both} .elq-form .two-column{ float:left; width:38%} .elq-form .three-column{ float:left; width:30%} .elq-form .elq-item-textarea{ resize:vertical; min-height:48px; max-height:360px; box-sizing:border-box} .elq-form .elq-item-input,.elq-form .elq-item-select,.elq-form .elq-item-textarea{ font-family:inherit; font-size:inherit; line-height:inherit; color:inherit; font:inherit; margin:0} .elq-form .elq-item-select{ text-transform:none} .elq-form .row.single-checkbox-row{ margin-left:0} .elq-form .elq-field-style{ padding-bottom:10px} .elq-form .elq-field-style input[type=submit]{ -webkit-appearance:square-button} @-webkit-keyframes spin{ 0%{ -webkit-transform:rotate(0deg)} to{ -webkit-transform:rotate(1turn)} } @keyframes spin{ 0%{ transform:rotate(0deg)} to{ transform:rotate(1turn)} } .elq-form .loader{ vertical-align:middle; display:inline-block; margin-left:10px; border:3px solid #f3f3f3; border-radius:50%; border-top:3px solid #3498db; width:20px; height:20px; -webkit-animation:spin 2s linear infinite; animation:spin 2s linear infinite} .elq-form input[type=checkbox],.elq-form input[type=radio]{ margin:0} .elq-form .list-order input[type=radio]{ margin-left:1px} .elq-form *,.elq-form :after,.elq-form :before{ box-sizing:border-box} .elq-form html{ font-size:10px; -webkit-tap-highlight-color:transparent} .elq-form body{ font-family:Helvetica Neue,Helvetica,Arial,sans-serif; font-size:14px; line-height:1.42857; color:#333; background-color:#fff} .elq-form button,.elq-form input,.elq-form select,.elq-form textarea{ font-family:inherit; font-size:inherit; line-height:inherit} .elq-form a{ color:#337ab7; text-decoration:none} .elq-form a:focus,.elq-form a:hover{ color:#23527c; text-decoration:underline} .elq-form a:focus{ outline:5px auto -webkit-focus-ring-color; outline-offset:-2px} .elq-form figure{ margin:0} .elq-form img{ vertical-align:middle} .elq-form .img-responsive{ display:block; max-width:100%; height:auto} .elq-form .img-rounded{ border-radius:6px} .elq-form .img-thumbnail{ padding:4px; line-height:1.42857; background-color:#fff; border:1px solid #ddd; border-radius:4px; transition:all .2s ease-in-out; display:inline-block; max-width:100%; height:auto} .elq-form .img-circle{ border-radius:50%} .elq-form hr{ margin-top:20px; margin-bottom:20px; border:0; border-top:1px solid #eee} .elq-form .sr-only{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0} .elq-form .sr-only-focusable:active,.elq-form .sr-only-focusable:focus{ position:static; width:auto; height:auto; margin:0; overflow:visible; clip:auto} .elq-form [role=button]{ cursor:pointer} .elq-form .container{ padding-right:15px; padding-left:15px; margin-right:auto; margin-left:auto} .elq-form .container:after,.elq-form .container:before{ display:table; content:" "} .elq-form .container:after{ clear:both} @media (min-width:768px){ .elq-form .container{ width:750px} } @media (min-width:992px){ .elq-form .container{ width:970px} } @media (min-width:1200px){ .elq-form .container{ width:1170px} } .elq-form .container-fluid{ padding-right:15px; padding-left:15px; margin-right:auto; margin-left:auto} .elq-form .container-fluid:after,.elq-form .container-fluid:before{ display:table; content:" "} .elq-form .container-fluid:after{ clear:both} .elq-form .row{ margin-right:-15px; margin-left:-15px} .elq-form .row:after,.elq-form .row:before{ display:table; content:" "} .elq-form .row:after{ clear:both} .elq-form .row-no-gutters{ margin-right:0; margin-left:0} .elq-form .row-no-gutters [class*=col-]{ padding-right:0; padding-left:0} .elq-form .col-lg-1,.elq-form .col-lg-2,.elq-form .col-lg-3,.elq-form .col-lg-4,.elq-form .col-lg-5,.elq-form .col-lg-6,.elq-form .col-lg-7,.elq-form .col-lg-8,.elq-form .col-lg-9,.elq-form .col-lg-10,.elq-form .col-lg-11,.elq-form .col-lg-12,.elq-form .col-md-1,.elq-form .col-md-2,.elq-form .col-md-3,.elq-form .col-md-4,.elq-form .col-md-5,.elq-form .col-md-6,.elq-form .col-md-7,.elq-form .col-md-8,.elq-form .col-md-9,.elq-form .col-md-10,.elq-form .col-md-11,.elq-form .col-md-12,.elq-form .col-sm-1,.elq-form .col-sm-2,.elq-form .col-sm-3,.elq-form .col-sm-4,.elq-form .col-sm-5,.elq-form .col-sm-6,.elq-form .col-sm-7,.elq-form .col-sm-8,.elq-form .col-sm-9,.elq-form .col-sm-10,.elq-form .col-sm-11,.elq-form .col-sm-12,.elq-form .col-xs-1,.elq-form .col-xs-2,.elq-form .col-xs-3,.elq-form .col-xs-4,.elq-form .col-xs-5,.elq-form .col-xs-6,.elq-form .col-xs-7,.elq-form .col-xs-8,.elq-form .col-xs-9,.elq-form .col-xs-10,.elq-form .col-xs-11,.elq-form .col-xs-12{ position:relative; min-height:1px; padding-right:15px; padding-left:15px} .elq-form .col-xs-1,.elq-form .col-xs-2,.elq-form .col-xs-3,.elq-form .col-xs-4,.elq-form .col-xs-5,.elq-form .col-xs-6,.elq-form .col-xs-7,.elq-form .col-xs-8,.elq-form .col-xs-9,.elq-form .col-xs-10,.elq-form .col-xs-11,.elq-form .col-xs-12{ float:left} .elq-form .col-xs-1{ width:8.33333%} .elq-form .col-xs-2{ width:16.66667%} .elq-form .col-xs-3{ width:25%} .elq-form .col-xs-4{ width:33.33333%} .elq-form .col-xs-5{ width:41.66667%} .elq-form .col-xs-6{ width:50%} .elq-form .col-xs-7{ width:58.33333%} .elq-form .col-xs-8{ width:66.66667%} .elq-form .col-xs-9{ width:75%} .elq-form .col-xs-10{ width:83.33333%} .elq-form .col-xs-11{ width:91.66667%} .elq-form .col-xs-12{ width:100%} .elq-form .col-xs-pull-0{ right:auto} .elq-form .col-xs-pull-1{ right:8.33333%} .elq-form .col-xs-pull-2{ right:16.66667%} .elq-form .col-xs-pull-3{ right:25%} .elq-form .col-xs-pull-4{ right:33.33333%} .elq-form .col-xs-pull-5{ right:41.66667%} .elq-form .col-xs-pull-6{ right:50%} .elq-form .col-xs-pull-7{ right:58.33333%} .elq-form .col-xs-pull-8{ right:66.66667%} .elq-form .col-xs-pull-9{ right:75%} .elq-form .col-xs-pull-10{ right:83.33333%} .elq-form .col-xs-pull-11{ right:91.66667%} .elq-form .col-xs-pull-12{ right:100%} .elq-form .col-xs-push-0{ left:auto} .elq-form .col-xs-push-1{ left:8.33333%} .elq-form .col-xs-push-2{ left:16.66667%} .elq-form .col-xs-push-3{ left:25%} .elq-form .col-xs-push-4{ left:33.33333%} .elq-form .col-xs-push-5{ left:41.66667%} .elq-form .col-xs-push-6{ left:50%} .elq-form .col-xs-push-7{ left:58.33333%} .elq-form .col-xs-push-8{ left:66.66667%} .elq-form .col-xs-push-9{ left:75%} .elq-form .col-xs-push-10{ left:83.33333%} .elq-form .col-xs-push-11{ left:91.66667%} .elq-form .col-xs-push-12{ left:100%} .elq-form .col-xs-offset-0{ margin-left:0} .elq-form .col-xs-offset-1{ margin-left:8.33333%} .elq-form .col-xs-offset-2{ margin-left:16.66667%} .elq-form .col-xs-offset-3{ margin-left:25%} .elq-form .col-xs-offset-4{ margin-left:33.33333%} .elq-form .col-xs-offset-5{ margin-left:41.66667%} .elq-form .col-xs-offset-6{ margin-left:50%} .elq-form .col-xs-offset-7{ margin-left:58.33333%} .elq-form .col-xs-offset-8{ margin-left:66.66667%} .elq-form .col-xs-offset-9{ margin-left:75%} .elq-form .col-xs-offset-10{ margin-left:83.33333%} .elq-form .col-xs-offset-11{ margin-left:91.66667%} .elq-form .col-xs-offset-12{ margin-left:100%} @media (min-width:768px){ .elq-form .col-sm-1,.elq-form .col-sm-2,.elq-form .col-sm-3,.elq-form .col-sm-4,.elq-form .col-sm-5,.elq-form .col-sm-6,.elq-form .col-sm-7,.elq-form .col-sm-8,.elq-form .col-sm-9,.elq-form .col-sm-10,.elq-form .col-sm-11,.elq-form .col-sm-12{ float:left} .elq-form .col-sm-1{ width:8.33333%} .elq-form .col-sm-2{ width:16.66667%} .elq-form .col-sm-3{ width:25%} .elq-form .col-sm-4{ width:33.33333%} .elq-form .col-sm-5{ width:41.66667%} .elq-form .col-sm-6{ width:50%} .elq-form .col-sm-7{ width:58.33333%} .elq-form .col-sm-8{ width:66.66667%} .elq-form .col-sm-9{ width:75%} .elq-form .col-sm-10{ width:83.33333%} .elq-form .col-sm-11{ width:91.66667%} .elq-form .col-sm-12{ width:100%} .elq-form .col-sm-pull-0{ right:auto} .elq-form .col-sm-pull-1{ right:8.33333%} .elq-form .col-sm-pull-2{ right:16.66667%} .elq-form .col-sm-pull-3{ right:25%} .elq-form .col-sm-pull-4{ right:33.33333%} .elq-form .col-sm-pull-5{ right:41.66667%} .elq-form .col-sm-pull-6{ right:50%} .elq-form .col-sm-pull-7{ right:58.33333%} .elq-form .col-sm-pull-8{ right:66.66667%} .elq-form .col-sm-pull-9{ right:75%} .elq-form .col-sm-pull-10{ right:83.33333%} .elq-form .col-sm-pull-11{ right:91.66667%} .elq-form .col-sm-pull-12{ right:100%} .elq-form .col-sm-push-0{ left:auto} .elq-form .col-sm-push-1{ left:8.33333%} .elq-form .col-sm-push-2{ left:16.66667%} .elq-form .col-sm-push-3{ left:25%} .elq-form .col-sm-push-4{ left:33.33333%} .elq-form .col-sm-push-5{ left:41.66667%} .elq-form .col-sm-push-6{ left:50%} .elq-form .col-sm-push-7{ left:58.33333%} .elq-form .col-sm-push-8{ left:66.66667%} .elq-form .col-sm-push-9{ left:75%} .elq-form .col-sm-push-10{ left:83.33333%} .elq-form .col-sm-push-11{ left:91.66667%} .elq-form .col-sm-push-12{ left:100%} .elq-form .col-sm-offset-0{ margin-left:0} .elq-form .col-sm-offset-1{ margin-left:8.33333%} .elq-form .col-sm-offset-2{ margin-left:16.66667%} .elq-form .col-sm-offset-3{ margin-left:25%} .elq-form .col-sm-offset-4{ margin-left:33.33333%} .elq-form .col-sm-offset-5{ margin-left:41.66667%} .elq-form .col-sm-offset-6{ margin-left:50%} .elq-form .col-sm-offset-7{ margin-left:58.33333%} .elq-form .col-sm-offset-8{ margin-left:66.66667%} .elq-form .col-sm-offset-9{ margin-left:75%} .elq-form .col-sm-offset-10{ margin-left:83.33333%} .elq-form .col-sm-offset-11{ margin-left:91.66667%} .elq-form .col-sm-offset-12{ margin-left:100%} } @media (min-width:992px){ .elq-form .col-md-1,.elq-form .col-md-2,.elq-form .col-md-3,.elq-form .col-md-4,.elq-form .col-md-5,.elq-form .col-md-6,.elq-form .col-md-7,.elq-form .col-md-8,.elq-form .col-md-9,.elq-form .col-md-10,.elq-form .col-md-11,.elq-form .col-md-12{ float:left} .elq-form .col-md-1{ width:8.33333%} .elq-form .col-md-2{ width:16.66667%} .elq-form .col-md-3{ width:25%} .elq-form .col-md-4{ width:33.33333%} .elq-form .col-md-5{ width:41.66667%} .elq-form .col-md-6{ width:50%} .elq-form .col-md-7{ width:58.33333%} .elq-form .col-md-8{ width:66.66667%} .elq-form .col-md-9{ width:75%} .elq-form .col-md-10{ width:83.33333%} .elq-form .col-md-11{ width:91.66667%} .elq-form .col-md-12{ width:100%} .elq-form .col-md-pull-0{ right:auto} .elq-form .col-md-pull-1{ right:8.33333%} .elq-form .col-md-pull-2{ right:16.66667%} .elq-form .col-md-pull-3{ right:25%} .elq-form .col-md-pull-4{ right:33.33333%} .elq-form .col-md-pull-5{ right:41.66667%} .elq-form .col-md-pull-6{ right:50%} .elq-form .col-md-pull-7{ right:58.33333%} .elq-form .col-md-pull-8{ right:66.66667%} .elq-form .col-md-pull-9{ right:75%} .elq-form .col-md-pull-10{ right:83.33333%} .elq-form .col-md-pull-11{ right:91.66667%} .elq-form .col-md-pull-12{ right:100%} .elq-form .col-md-push-0{ left:auto} .elq-form .col-md-push-1{ left:8.33333%} .elq-form .col-md-push-2{ left:16.66667%} .elq-form .col-md-push-3{ left:25%} .elq-form .col-md-push-4{ left:33.33333%} .elq-form .col-md-push-5{ left:41.66667%} .elq-form .col-md-push-6{ left:50%} .elq-form .col-md-push-7{ left:58.33333%} .elq-form .col-md-push-8{ left:66.66667%} .elq-form .col-md-push-9{ left:75%} .elq-form .col-md-push-10{ left:83.33333%} .elq-form .col-md-push-11{ left:91.66667%} .elq-form .col-md-push-12{ left:100%} .elq-form .col-md-offset-0{ margin-left:0} .elq-form .col-md-offset-1{ margin-left:8.33333%} .elq-form .col-md-offset-2{ margin-left:16.66667%} .elq-form .col-md-offset-3{ margin-left:25%} .elq-form .col-md-offset-4{ margin-left:33.33333%} .elq-form .col-md-offset-5{ margin-left:41.66667%} .elq-form .col-md-offset-6{ margin-left:50%} .elq-form .col-md-offset-7{ margin-left:58.33333%} .elq-form .col-md-offset-8{ margin-left:66.66667%} .elq-form .col-md-offset-9{ margin-left:75%} .elq-form .col-md-offset-10{ margin-left:83.33333%} .elq-form .col-md-offset-11{ margin-left:91.66667%} .elq-form .col-md-offset-12{ margin-left:100%} } @media (min-width:1200px){ .elq-form .col-lg-1,.elq-form .col-lg-2,.elq-form .col-lg-3,.elq-form .col-lg-4,.elq-form .col-lg-5,.elq-form .col-lg-6,.elq-form .col-lg-7,.elq-form .col-lg-8,.elq-form .col-lg-9,.elq-form .col-lg-10,.elq-form .col-lg-11,.elq-form .col-lg-12{ float:left} .elq-form .col-lg-1{ width:8.33333%} .elq-form .col-lg-2{ width:16.66667%} .elq-form .col-lg-3{ width:25%} .elq-form .col-lg-4{ width:33.33333%} .elq-form .col-lg-5{ width:41.66667%} .elq-form .col-lg-6{ width:50%} .elq-form .col-lg-7{ width:58.33333%} .elq-form .col-lg-8{ width:66.66667%} .elq-form .col-lg-9{ width:75%} .elq-form .col-lg-10{ width:83.33333%} .elq-form .col-lg-11{ width:91.66667%} .elq-form .col-lg-12{ width:100%} .elq-form .col-lg-pull-0{ right:auto} .elq-form .col-lg-pull-1{ right:8.33333%} .elq-form .col-lg-pull-2{ right:16.66667%} .elq-form .col-lg-pull-3{ right:25%} .elq-form .col-lg-pull-4{ right:33.33333%} .elq-form .col-lg-pull-5{ right:41.66667%} .elq-form .col-lg-pull-6{ right:50%} .elq-form .col-lg-pull-7{ right:58.33333%} .elq-form .col-lg-pull-8{ right:66.66667%} .elq-form .col-lg-pull-9{ right:75%} .elq-form .col-lg-pull-10{ right:83.33333%} .elq-form .col-lg-pull-11{ right:91.66667%} .elq-form .col-lg-pull-12{ right:100%} .elq-form .col-lg-push-0{ left:auto} .elq-form .col-lg-push-1{ left:8.33333%} .elq-form .col-lg-push-2{ left:16.66667%} .elq-form .col-lg-push-3{ left:25%} .elq-form .col-lg-push-4{ left:33.33333%} .elq-form .col-lg-push-5{ left:41.66667%} .elq-form .col-lg-push-6{ left:50%} .elq-form .col-lg-push-7{ left:58.33333%} .elq-form .col-lg-push-8{ left:66.66667%} .elq-form .col-lg-push-9{ left:75%} .elq-form .col-lg-push-10{ left:83.33333%} .elq-form .col-lg-push-11{ left:91.66667%} .elq-form .col-lg-push-12{ left:100%} .elq-form .col-lg-offset-0{ margin-left:0} .elq-form .col-lg-offset-1{ margin-left:8.33333%} .elq-form .col-lg-offset-2{ margin-left:16.66667%} .elq-form .col-lg-offset-3{ margin-left:25%} .elq-form .col-lg-offset-4{ margin-left:33.33333%} .elq-form .col-lg-offset-5{ margin-left:41.66667%} .elq-form .col-lg-offset-6{ margin-left:50%} .elq-form .col-lg-offset-7{ margin-left:58.33333%} .elq-form .col-lg-offset-8{ margin-left:66.66667%} .elq-form .col-lg-offset-9{ margin-left:75%} .elq-form .col-lg-offset-10{ margin-left:83.33333%} .elq-form .col-lg-offset-11{ margin-left:91.66667%} .elq-form .col-lg-offset-12{ margin-left:100%} } .elq-form .row{ display:inherit} .LV_invalid_field,input.LV_invalid_field:active,input.LV_invalid_field:hover,textarea.LV_invalid_field:active,textarea.LV_invalid_field:hover{ border:1px solid #c00!important;} .LV_validation_message{ font-weight:700; margin:0 0 0 5px} .LV_valid{ display:none} .LV_invalid{ color:#c00; font-size:10px} .submit-button-style{ padding:7px 20px; border:1px solid #979797; border-radius:3px; background-color:#fff; color:#4a4a4a; cursor:pointer} .checkbox-aligned{ margin-left:5px; display:inline} .form-element-layout{ padding:5px 10px} .form-element-instruction{ font-size:10px} .form-element-form-text{ margin:0} .form-field-visible-xs-block{ display:none} .elq-form-design-field .list-order input[type=radio]{ margin-left:1px} @media (max-width:767px){ .form-field-visible-xs-block{ display:block} } .form-field-hidden-xs{ display:block} @media (max-width:767px){ .form-field-hidden-xs{ display:none} } </style> <form method="post" name="PreferenceCenterPage2" action="https://solutions.cas.org/e/f2" onsubmit="return handleFormSubmit(this)" id="form268" class="elq-form"> <input value="PreferenceCenterPage2" type="hidden" name="elqFormName"> <input value="653096746" type="hidden" name="elqSiteId"> <input name="elqCampaignId" type="hidden"> <div class="layout container-fluid"> <div class="row"> <div class="grid-layout-col"> <div class="layout-col col-sm-12 col-xs-12"> <div id="formElement0" class="elq-field-style form-element-layout row"> <div style="text-align:left;" class="col-sm-12 col-xs-12"> <label class="elq-label " for="fe3010">Email Address <span class="elq-required">* </span> </label> </div> <div class="col-sm-12 col-xs-12"> <div class="row"> <div class="col-xs-12"> <div class="field-control-wrapper"> <input type="text" class="elq-item-input" name="emailAddress" id="fe3010" value="" style="width:100%;"> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="grid-layout-col"> <div class="layout-col col-sm-12 col-xs-12"> <div id="formElement1" class="elq-field-style form-element-layout row"> <div style="text-align:left;" class="col-sm-12 col-xs-12"> <label class="elq-label " for="fe3011">Country / Region <span class="elq-required">* </span> </label> </div> <div class="col-sm-12 col-xs-12"> <div class="row"> <div class="col-xs-12"> <div class="field-control-wrapper"> <select class="elq-item-select" id="fe3011" name="country" style="width:100%;" data-value=""> <option value="">Please Select… </option> <option value="United States of America">United States of America </option> <option value="United Kingdom">United Kingdom </option> <option value="Canada">Canada </option> <option value="India">India </option> <option value="Netherlands">Netherlands </option> <option value="Australia">Australia </option> <option value="South Africa">South Africa </option> <option value="France">France </option> <option value="Germany">Germany </option> <option value="Singapore">Singapore </option> <option value="Sweden">Sweden </option> <option value="Brazil">Brazil </option> <option value="">------------------ </option> <option value="Afghanistan">Afghanistan </option> <option value="Aland Islands">Aland Islands </option> <option value="Albania">Albania </option> <option value="Algeria">Algeria </option> <option value="American Samoa">American Samoa </option> <option value="Andorra">Andorra </option> <option value="Angola">Angola </option> <option value="Anguilla">Anguilla </option> <option value="Antarctica">Antarctica </option> <option value="Antigua and Barbuda">Antigua and Barbuda </option> <option value="Argentina">Argentina </option> <option value="Armenia">Armenia </option> <option value="Aruba">Aruba </option> <option value="Austria">Austria </option> <option value="Azerbaijan">Azerbaijan </option> <option value="Bahamas">Bahamas </option> <option value="Bahrain">Bahrain </option> <option value="Bangladesh">Bangladesh </option> <option value="Barbados">Barbados </option> <option value="Belarus">Belarus </option> <option value="Belgium">Belgium </option> <option value="Belize">Belize </option> <option value="Benin">Benin </option> <option value="Bermuda">Bermuda </option> <option value="Bhutan">Bhutan </option> <option value="Bolivia">Bolivia </option> <option value="Bonaire, Sint Eustatius and Saba">Bonaire, Sint Eustatius and Saba </option> <option value="Bosnia and Herzegovina">Bosnia and Herzegovina </option> <option value="Botswana">Botswana </option> <option value="Bouvet Island">Bouvet Island </option> <option value="British Indian Ocean Territory">British Indian Ocean Territory </option> <option value="Brunei Darussalam">Brunei Darussalam </option> <option value="Bulgaria">Bulgaria </option> <option value="Burkina Faso">Burkina Faso </option> <option value="Burundi">Burundi </option> <option value="Cabo Verde">Cabo Verde </option> <option value="Cambodia">Cambodia </option> <option value="Cameroon">Cameroon </option> <option value="Cayman Islands">Cayman Islands </option> <option value="Central African Republic">Central African Republic </option> <option value="Chad">Chad </option> <option value="Chile">Chile </option> <option value="China">China </option> <option value="Christmas Island">Christmas Island </option> <option value="Cocos (Keeling) Islands">Cocos (Keeling) Islands </option> <option value="Colombia">Colombia </option> <option value="Comoros">Comoros </option> <option value="Congo, Democratic Republic of the">Congo, Democratic Republic of the </option> <option value="Congo, Republic of the">Congo, Republic of the </option> <option value="Cook Islands">Cook Islands </option> <option value="Costa Rica">Costa Rica </option> <option value="Cote d'Ivoire">Cote d'Ivoire </option> <option value="Croatia">Croatia </option> <option value="Cuba">Cuba </option> <option value="Curacao">Curacao </option> <option value="Cyprus">Cyprus </option> <option value="Czechia">Czechia </option> <option value="Denmark">Denmark </option> <option value="Djibouti">Djibouti </option> <option value="Dominica">Dominica </option> <option value="Dominican Republic">Dominican Republic </option> <option value="Ecuador">Ecuador </option> <option value="Egypt">Egypt </option> <option value="El Salvador">El Salvador </option> <option value="Equatorial Guinea">Equatorial Guinea </option> <option value="Eritrea">Eritrea </option> <option value="Estonia">Estonia </option> <option value="Eswatini">Eswatini </option> <option value="Ethiopia">Ethiopia </option> <option value="Falkland Islands">Falkland Islands </option> <option value="Faroe Islands">Faroe Islands </option> <option value="Fiji">Fiji </option> <option value="Finland">Finland </option> <option value="French Guiana">French Guiana </option> <option value="French Polynesia">French Polynesia </option> <option value="French Southern Territories">French Southern Territories </option> <option value="Gabon">Gabon </option> <option value="Gambia">Gambia </option> <option value="Georgia">Georgia </option> <option value="Ghana">Ghana </option> <option value="Gibraltar">Gibraltar </option> <option value="Greece">Greece </option> <option value="Greenland">Greenland </option> <option value="Grenada">Grenada </option> <option value="Guadeloupe">Guadeloupe </option> <option value="Guam">Guam </option> <option value="Guatemala">Guatemala </option> <option value="Guernsey">Guernsey </option> <option value="Guinea">Guinea </option> <option value="Guinea-Bissau">Guinea-Bissau </option> <option value="Guyana">Guyana </option> <option value="Haiti">Haiti </option> <option value="Heard Island and McDonald Islands">Heard Island and McDonald Islands </option> <option value="Holy See">Holy See </option> <option value="Honduras">Honduras </option> <option value="Hong Kong">Hong Kong </option> <option value="Hungary">Hungary </option> <option value="Iceland">Iceland </option> <option value="Indonesia">Indonesia </option> <option value="Iran">Iran </option> <option value="Iraq">Iraq </option> <option value="Ireland">Ireland </option> <option value="Isle of Man">Isle of Man </option> <option value="Israel">Israel </option> <option value="Italy">Italy </option> <option value="Jamaica">Jamaica </option> <option value="Japan">Japan </option> <option value="Jersey">Jersey </option> <option value="Jordan">Jordan </option> <option value="Kazakhstan">Kazakhstan </option> <option value="Kenya">Kenya </option> <option value="Kiribati">Kiribati </option> <option value="Korea, Republic of">Korea, Republic of </option> <option value="Kuwait">Kuwait </option> <option value="Kyrgyzstan">Kyrgyzstan </option> <option value="Laos">Laos </option> <option value="Latvia">Latvia </option> <option value="Lebanon">Lebanon </option> <option value="Lesotho">Lesotho </option> <option value="Liberia">Liberia </option> <option value="Libya">Libya </option> <option value="Liechtenstein">Liechtenstein </option> <option value="Lithuania">Lithuania </option> <option value="Luxembourg">Luxembourg </option> <option value="Macao">Macao </option> <option value="Madagascar">Madagascar </option> <option value="Malawi">Malawi </option> <option value="Malaysia">Malaysia </option> <option value="Maldives">Maldives </option> <option value="Mali">Mali </option> <option value="Malta">Malta </option> <option value="Marshall Islands">Marshall Islands </option> <option value="Martinique">Martinique </option> <option value="Mauritania">Mauritania </option> <option value="Mauritius">Mauritius </option> <option value="Mayotte">Mayotte </option> <option value="Mexico">Mexico </option> <option value="Micronesia">Micronesia </option> <option value="Moldova">Moldova </option> <option value="Monaco">Monaco </option> <option value="Mongolia">Mongolia </option> <option value="Montenegro">Montenegro </option> <option value="Montserrat">Montserrat </option> <option value="Morocco">Morocco </option> <option value="Mozambique">Mozambique </option> <option value="Myanmar">Myanmar </option> <option value="Namibia">Namibia </option> <option value="Nauru">Nauru </option> <option value="Nepal">Nepal </option> <option value="New Caledonia">New Caledonia </option> <option value="New Zealand">New Zealand </option> <option value="Nicaragua">Nicaragua </option> <option value="Niger">Niger </option> <option value="Nigeria">Nigeria </option> <option value="Niue">Niue </option> <option value="Norfolk Island">Norfolk Island </option> <option value="North Korea">North Korea </option> <option value="North Macedonia">North Macedonia </option> <option value="Northern Mariana Islands">Northern Mariana Islands </option> <option value="Norway">Norway </option> <option value="Oman">Oman </option> <option value="Pakistan">Pakistan </option> <option value="Palau">Palau </option> <option value="Palestine">Palestine </option> <option value="Panama">Panama </option> <option value="Papua New Guinea">Papua New Guinea </option> <option value="Paraguay">Paraguay </option> <option value="Peru">Peru </option> <option value="Philippines">Philippines </option> <option value="Pitcairn">Pitcairn </option> <option value="Poland">Poland </option> <option value="Portugal">Portugal </option> <option value="Puerto Rico">Puerto Rico </option> <option value="Qatar">Qatar </option> <option value="Reunion">Reunion </option> <option value="Romania">Romania </option> <option value="Russian Federation">Russian Federation </option> <option value="Rwanda">Rwanda </option> <option value="Saint Barthelemy">Saint Barthelemy </option> <option value="Saint Helena, Ascension and Tristan da Cunha">Saint Helena, Ascension and Tristan da Cunha </option> <option value="Saint Kitts and Nevis">Saint Kitts and Nevis </option> <option value="Saint Lucia">Saint Lucia </option> <option value="Saint Martin (French part)">Saint Martin (French part) </option> <option value="Saint Pierre and Miquelon">Saint Pierre and Miquelon </option> <option value="Saint Vincent and the Grenadines">Saint Vincent and the Grenadines </option> <option value="Samoa">Samoa </option> <option value="San Marino">San Marino </option> <option value="Sao Tome and Principe">Sao Tome and Principe </option> <option value="Saudi Arabia">Saudi Arabia </option> <option value="Senegal">Senegal </option> <option value="Serbia">Serbia </option> <option value="Seychelles">Seychelles </option> <option value="Sierra Leone">Sierra Leone </option> <option value="Sint Maarten (Dutch part)">Sint Maarten (Dutch part) </option> <option value="Slovakia">Slovakia </option> <option value="Slovenia">Slovenia </option> <option value="Solomon Islands">Solomon Islands </option> <option value="Somalia">Somalia </option> <option value="South Georgia and the South Sandwich Islands">South Georgia and the South Sandwich Islands </option> <option value="South Sudan">South Sudan </option> <option value="Spain">Spain </option> <option value="Sri Lanka">Sri Lanka </option> <option value="Sudan">Sudan </option> <option value="Suriname">Suriname </option> <option value="Svalbard and Jan Mayen">Svalbard and Jan Mayen </option> <option value="Switzerland">Switzerland </option> <option value="Syria">Syria </option> <option value="Taiwan">Taiwan </option> <option value="Tajikistan">Tajikistan </option> <option value="Tanzania">Tanzania </option> <option value="Thailand">Thailand </option> <option value="Timor-Leste">Timor-Leste </option> <option value="Togo">Togo </option> <option value="Tokelau">Tokelau </option> <option value="Tonga">Tonga </option> <option value="Trinidad and Tobago">Trinidad and Tobago </option> <option value="Tunisia">Tunisia </option> <option value="Turkiye">Turkiye </option> <option value="Turkmenistan">Turkmenistan </option> <option value="Turks and Caicos Islands">Turks and Caicos Islands </option> <option value="Tuvalu">Tuvalu </option> <option value="Uganda">Uganda </option> <option value="Ukraine">Ukraine </option> <option value="United Arab Emirates">United Arab Emirates </option> <option value="United States Minor Outlying Islands">United States Minor Outlying Islands </option> <option value="Uruguay">Uruguay </option> <option value="Uzbekistan">Uzbekistan </option> <option value="Vanuatu">Vanuatu </option> <option value="Venezuela">Venezuela </option> <option value="Viet Nam">Viet Nam </option> <option value="Virgin Islands (British)">Virgin Islands (British) </option> <option value="Virgin Islands (U.S.)">Virgin Islands (U.S.) </option> <option value="Wallis and Futuna">Wallis and Futuna </option> <option value="Western Sahara">Western Sahara </option> <option value="Yemen">Yemen </option> <option value="Zambia">Zambia </option> <option value="Zimbabwe">Zimbabwe </option> </select> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="grid-layout-col"> <div class="layout-col col-sm-12 col-xs-12"> <div id="formElement2" class="elq-field-style form-element-layout row"> <div class="col-sm-12 col-xs-12"> <div class="row"> <div class="col-xs-12"> <div> <div class="single-checkbox-row row"> <input type="checkbox" name="ProductUpdates&Tips" id="fe3015" data-subscription="false"> <label class="checkbox-aligned elq-item-label" for="fe3015">Solution Updates </label> </div> </div> </div> </div> <div class="form-element-instruction">Keep me in the loop on the latest updates about CAS SciFinder, CAS BioFinder, CAS Formulus, STN IP Protection Suite, and other CAS solutions and services. </div> </div> </div> </div> </div> </div> <div class="row"> <div class="grid-layout-col"> <div class="layout-col col-sm-12 col-xs-12"> <div id="formElement3" class="elq-field-style form-element-layout row"> <div class="col-sm-12 col-xs-12"> <div class="row"> <div class="col-xs-12"> <div> <div class="single-checkbox-row row"> <input type="checkbox" name="IndustryInsights" id="fe3014" data-subscription="false"> <label class="checkbox-aligned elq-item-label" for="fe3014">Industry News and Blog </label> </div> </div> </div> </div> <div class="form-element-instruction">Get CAS Insights and stay on top of the latest industry trends, breakthroughs, and innovations. </div> </div> </div> </div> </div> </div> <div class="row"> <div class="grid-layout-col"> <div class="layout-col col-sm-12 col-xs-12"> <div id="formElement4" class="elq-field-style form-element-layout row"> <div class="col-sm-12 col-xs-12"> <div class="row"> <div class="col-xs-12"> <div> <div class="single-checkbox-row row"> <input type="checkbox" name="Announcements&Events" id="fe3016" data-subscription="false"> <label class="checkbox-aligned elq-item-label" for="fe3016">Events and Announcements </label> </div> </div> </div> </div> <div class="form-element-instruction">Learn from industry experts by attending online and in-person events, as well as staying up-to-date on special announcements affecting scientific R&D and information communities. </div> </div> </div> </div> </div> </div> <div class="row"> <div class="grid-layout-col"> <div class="layout-col col-sm-12 col-xs-12"> <div id="formElement5" class="elq-field-style form-element-layout row"> <div class="col-sm-12 col-xs-12"> <div class="row"> <div class="col-xs-12"> <div> <div class="single-checkbox-row row"> <input type="checkbox" name="CustomerFeedback" id="fe3017" data-subscription="false"> <label class="checkbox-aligned elq-item-label" for="fe3017">Product Feedback & Research Opportunities </label> </div> </div> </div> </div> <div class="form-element-instruction">We would like to hear from you! Participate in customer research opportunities and provide feedback to help make our solutions better. </div> </div> </div> </div> </div> </div> <div class="row"> <div class="grid-layout-col"> <div class="layout-col col-sm-12 col-xs-12"> <div id="formElement6" class="elq-field-style form-element-layout row"> <div class="col-sm-12 col-xs-12"> <div class="row"> <div class="col-xs-12"> <div> <input type="Submit" class="submit-button-style " value="Save Preferences" id="fe3013"> </div> </div> </div> </div> </div> </div> </div> </div> <input type="hidden" name="Unsubscribe" id="fe3019" value=""> <input type="hidden" name="preferencesource" id="fe3293" value="Preference Center Form"> </div> </form> <script type="text/javascript" src="https://img04.en25.com/i/livevalidation_standalone.compressed.js"> </script> <script>function handleFormSubmit(ele) { var submitButton = ele.querySelector('input[type=submit]'); var spinner = document.createElement('span'); spinner.setAttribute('class', 'loader'); submitButton.setAttribute('disabled', true); submitButton.style.cursor = 'wait'; submitButton.parentNode.appendChild(spinner); return true; } function resetSubmitButton(e){ var submitButtons = e.target.form.getElementsByClassName('submit-button'); for(var i=0;i<submitButtons.length;i++){ submitButtons[i].disabled = false; } } function addChangeHandler(elements){ for(var i=0; i<elements.length; i++){ elements[i].addEventListener('change', resetSubmitButton); } } var form = document.getElementById('form268'); addChangeHandler(form.getElementsByTagName('input')); addChangeHandler(form.getElementsByTagName('select')); addChangeHandler(form.getElementsByTagName('textarea')); var nodes = document.querySelectorAll('#form268 input[data-subscription]'); if (nodes) { for (var i = 0, len = nodes.length; i < len; i++) { var status = nodes[i].dataset ? nodes[i].dataset.subscription : nodes[i].getAttribute('data-subscription'); if(status ==='true') { nodes[i].checked = true; } } }; var nodes = document.querySelectorAll('#form268 select[data-value]'); if (nodes) { for (var i = 0; i < nodes.length; i++) { var node = nodes[i]; var selectedValue = node.dataset ? node.dataset.value : node.getAttribute('data-value'); if (selectedValue) { for (var j = 0; j < node.options.length; j++) { if(node.options[j].value === selectedValue) { node.options[j].selected = 'selected'; break; } } } } } this.getParentElement = function(list) { return list[list.length-1].parentElement}; var dom0 = document.querySelector('#form268 #fe3010'); var fe3010 = new LiveValidation(dom0, { validMessage: "", onlyOnBlur: false, wait: 300} ); fe3010.add(Validate.Format, { pattern: /^([^@\s]+)@((?:[-a-z0-9]+\.)+[a-z]{2,})$/i, failureMessage: "A valid email address is required"} ); fe3010.add(Validate.Presence, { failureMessage:"This field is required"} ); var dom1 = document.querySelector('#form268 #fe3011'); var fe3011 = new LiveValidation(dom1, { validMessage: "", onlyOnBlur: false, wait: 300} ); fe3011.add(Validate.Presence, { failureMessage:"This field is required"} ); var dom2 = document.querySelector('#form268 #fe3015'); var fe3015 = new LiveValidation(dom2, { validMessage: "", onlyOnBlur: false, wait: 300} ); fe3015.add(Validate.Custom, { against: function(value) { return !value.match(/(telnet|ftp|https?):\/\/(?:[a-z0-9][a-z0-9-]{0,61}[a-z0-9]\.|[a-z0-9]\.)+[a-z]{2,63}/i); } , failureMessage: "Value must not contain any URL's"} ); fe3015.add(Validate.Custom, { against: function(value) { return !value.match(/(<([^>]+)>)/ig); } , failureMessage: "Value must not contain any HTML"} ); var dom3 = document.querySelector('#form268 #fe3014'); var fe3014 = new LiveValidation(dom3, { validMessage: "", onlyOnBlur: false, wait: 300} ); fe3014.add(Validate.Custom, { against: function(value) { return !value.match(/(telnet|ftp|https?):\/\/(?:[a-z0-9][a-z0-9-]{0,61}[a-z0-9]\.|[a-z0-9]\.)+[a-z]{2,63}/i); } , failureMessage: "Value must not contain any URL's"} ); fe3014.add(Validate.Custom, { against: function(value) { return !value.match(/(<([^>]+)>)/ig); } , failureMessage: "Value must not contain any HTML"} ); var dom4 = document.querySelector('#form268 #fe3016'); var fe3016 = new LiveValidation(dom4, { validMessage: "", onlyOnBlur: false, wait: 300} ); fe3016.add(Validate.Custom, { against: function(value) { return !value.match(/(telnet|ftp|https?):\/\/(?:[a-z0-9][a-z0-9-]{0,61}[a-z0-9]\.|[a-z0-9]\.)+[a-z]{2,63}/i); } , failureMessage: "Value must not contain any URL's"} ); fe3016.add(Validate.Custom, { against: function(value) { return !value.match(/(<([^>]+)>)/ig); } , failureMessage: "Value must not contain any HTML"} ); var dom5 = document.querySelector('#form268 #fe3017'); var fe3017 = new LiveValidation(dom5, { validMessage: "", onlyOnBlur: false, wait: 300} ); fe3017.add(Validate.Custom, { against: function(value) { return !value.match(/(telnet|ftp|https?):\/\/(?:[a-z0-9][a-z0-9-]{0,61}[a-z0-9]\.|[a-z0-9]\.)+[a-z]{2,63}/i); } , failureMessage: "Value must not contain any URL's"} ); fe3017.add(Validate.Custom, { against: function(value) { return !value.match(/(<([^>]+)>)/ig); } , failureMessage: "Value must not contain any HTML"} ); </script> </div> </div> </div> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-7 col-xl-6 mx-auto form-instructions-container"> <p id="unsubscribe">Unsubscribe from all Email</p> </div> </div> </div> <script> jQuery(document).ready(function() { jQuery("#unsubscribe").click(function() { jQuery("input[type=checkbox]").prop("checked", false); jQuery("input[name=Unsubscribe]").val("Y"); jQuery("form[name=PreferenceCenterPage2]").submit(); }); jQuery(":submit").click(function() { var unsub = "Y"; jQuery( ":checkbox" ).each(function( index ) { if(jQuery(this).prop("checked")){ unsub = "N"; } }); if(unsub == "Y"){ jQuery("input[name=Unsubscribe]").val("Y"); } }); }); </script> </body> </html><img style="display:none" src="https://s653096746.t.eloqua.com/visitor/v200/svrGP?pps=60&siteid=653096746&PURLSiteID=1&optin=disabled&PURLSiteAlternateDNSID=0&LandingPageID=206&PURLRecordID=0&PURLGUID=1F46D67A97BD45B586CFCEDEE7226543&UseRelativePath=True&elq={00000000-0000-0000-0000-000000000000}&firstPartyCookieDomain=dmkt.solutions.cas.org&elqGUID=1f46d67a-97bd-45b5-86cf-cedee7226543&elq_ck=0" border=0 width=1 height=1 alt="">