/*---------------------------------------------------------------- * Filename: forms.css * Version: 0.0.1 * Author: srooks * Description: Form styles for BCHydro.com implementing the styleguide * provided by Engine Digital. Please see supplemental stylesheets * for additional styles ==TOC:=================================================== __Defaults __Fieldsets and Labels __Input *note: text, selects and buttons handled in GeneralStyles __Textarea __Response Texts __Mini-Form ==COLOR LEGEND:========================================== header text: #30353a, rgb(48, 53, 58) paragraph text: #555555, rgb(85, 85, 85) lt misc text: #979a9c, rgb(151, 154, 156) link color: #0d6893, rgb(13, 104, 147) link hover: #0d5292, rgb(13, 82, 146) brand blue: #00adf0, rgb(0, 173, 239) brand green: #50b849, rgb(80, 184, 72) **********************************************************/ /* __DEFAULTS =================================================*/ form label, form p, form div { float: left; clear: left; } /* __FIELDSETS AND LABELS =================================================*/ fieldset.panel { /*see GeneralStyles */ } fieldset.panel { position: relative; padding: 1.4em 1.4em .75em; margin: 0 0 1em; clear: left; } /* override & extend */ fieldset.panel:hover { background-color: #f4f4f4; } /* extends fieldset */ /* DO NOT USE THE LEGEND TAG! This is here to cover missed replacements */ fieldset > legend { display: none; color: #30353a; /* styled like h3 */ font-size: 16px; font-weight: bold; background-color: transparent; position: absolute; top: 0px; left: 0px; } legend > span { position: absolute; } /* fixes browser irregularities */ legend + button[name^="edit"].floatright, fieldset h3:first-child + button[name^="edit"].floatright { margin: 0; } /* extends .floatright */ legend + button[name^="edit"].floatright + p.description { margin-top: 2.5em; width: 85%; clear: left; } /* extends .floatright */ /* Use H3 (first-child) as a legend tag replacement. */ form fieldset h3:first-child { float: left; margin-bottom: 0.85em; } form fieldset p.description { width: 89%; margin-bottom: 1em; } fieldset > p { float: none; width: 94%; margin: 0 0 0.7em; clear: both; } fieldset > p.note { position: relative; top: -0.5em; float: none; clear: both; width: 70%!important; font-size: 0.9em; line-height: 1.3em; margin-left: 30.5%; padding: 0; } fieldset > p > span.error { vertical-align: top; color: #ca4b53; font-size: 0.9em; line-height: 1.3em; margin-left: .5em; } #mainContent fieldset > p > label, p > label, .label { width: 27%; text-align: right; /*font-weight: bold;*/ margin-right: 20px; } #mainContent label.nowidth { width: auto; margin: 0.75em; } #mainContent label.super { display: block; text-align: left; padding: 0 0 .75em; margin: 0; font-size: 0.85em; width: 100%; } #mainContent form fieldset label.super + input, label.super + span { display: inline-block; margin: 0; width: auto; } fieldset p > label + input, label + select { width: 39%; display: inline-block; margin: 0; } fieldset p > label + select { width: 40%; } fieldset > p > select[disabled] { overflow: visible; padding-bottom: 2px; } /* edit button extended style */ fieldset > button[name^="edit"].floatright { margin-bottom: 10px; } /* formSaveCancel */ fieldset.formSaveCancel { padding: 18px; } /* disabled fieldsets */ fieldset[disabled] { background-color: #f4f4f4; } /* disabled buttons */ /* restyling for "faded" instead of recolored buttons. */ fieldset[disabled].formSaveCancel button { cursor: default; -khtml-opacity: 0.5; /* khtml, old safari */ -moz-opacity: 0.5; /* mozilla, netscape */ opacity: 0.5; /* fx, safari, opera */ filter: alpha(opacity=50); /* internet explorer */ } fieldset[disabled].formSaveCancel button[readonly].primary { color: #fff; border-color: #50b849; background-color: #50b849; background: -moz-linear-gradient(top, #72c56d 0%, #50b849 100%); /* FF3.6+ */ background: -webkit-linear-gradient(top, #72c56d 0%, #50b849 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #72c56d 0%, #50b849 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #72c56d 0%, #50b849 100%); /* IE10+ */ background: linear-gradient(top, #72c56d 0%, #50b849 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#72c56d', endColorstr='#50b849', GradientType=0); /* IE6-9 */ } fieldset[disabled].formSaveCancel button[readonly].no-border, fieldset[disabled].formSaveCancel button[readonly].tertiary { color: #0d6893; border-color: transparent; background-color: transparent; } /* progressive fieldset styles */ fieldset > p:last-of-type { margin-bottom: 1.5em; } fieldset.progressive { margin-bottom: 1.5em; padding-bottom: 0; } /* extends fieldset */ fieldset.progressive:hover { background-color: #f4f4f4; } /* extends fieldset */ /* fieldset.progressive:after { content: ' '; display: block; height: 12px; width: 20px; position: absolute; bottom: -12px; left: 20px; background: transparent url('../../../../content/dam/BCHydro/images/sprites/progressive-carat-sprite.png') no-repeat 0px 0px; } */ fieldset.progressive:hover:after { /* hover state. Note :hover THEN :after */ background-position: 0px -12px; } fieldset.progressive img.carat { display: none; } /* in case there are some carats still living out there */ /* Added for JIRA - SUS985 - - for Jimmy Xu - July 22nd 2013 */ fieldset.progressive:hover #epp_td { background: #F4F4F4; } /* __FORMS: INPUT[type="text"] * Covers text input fields * as generally used on the site, e.g. login username, search * and text type fields, such as date, etc. * ================================================== * */ input, select, textarea { background-color: #ffffff; } input.error, div.dropdown.error, input[type="checkbox"].custom.error + span { outline: 1px solid #ca4b53; } input[width='1'] { width: .7em; } input[width='2'] { width: 1.4em; } input[width='3'] { width: 3.5em; } input[width='4'] { width: 4.0em; } input[width='5'] { width: 3.5em; } input[width='6'] { width: 4.2em; } input[type^="date"], input[type="email"], input[type="month"], input[type="file"], input[type="number"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] { font-size: 13px; color: #555555; border: 1px solid #e2e2e2; border-color: #aaaaaa #d4d4d4 #d4d4d4 #b4b4b4; padding: 0.5em 0.7em; -moz-border-radius: .2em; -webkit-border-radius: .2em; border-radius: .2em; -webkit-box-shadow: inset 1px 1px 1px 0px #cccccc; -moz-box-shadow: inset 1px 1px 1px 0px #cccccc; box-shadow: inset 1px 1px 1px 0px #cccccc; } input[disabled] { color: #30353a; border: 1px solid #f0f0f0; padding: 0.4em 0.7em; background-color: #f0f0f0; } input[readonly] { border: none; } /* Input classes for styles */ label + input.dollar_amount { width: 35.4%; } input.dollar_amount { background: #ffffff url('../../../../content/dam/BCHydro/images/sprites/input-icons-sprite.png') no-repeat left -194px; padding-left: 2.5em; background-color: #fff!important; } input.date { background: #ffffff url('../../../../content/dam/BCHydro/images/sprites/input-icons-sprite.png') no-repeat 100% -257px; background-color: #fff!important; } input.error-field { border: 1px solid #ca4b53; } /* __FORMS: INPUT[type="checkbox"] * __FORMS: INPUT[type="radio"] * Covers custom checkbox and radio input fields * as generally used on the site, e.g. login username, search * and text type fields, such as date, etc. * IE7 mode in IE8 is particular about when it will * recognize the [checked] attribute * selector so we use a .checked class instead. * apparently there is no such issue with [readonly] * and [disabled] * ================================================== * */ input[type="radio"] { background-color: transparent; } input[type="checkbox"].custom { display: none !important; } input[type="checkbox"].custom + span { display: inline-block; height: 12px; width: 12px; background: transparent url("../../../../content/dam/BCHydro/images/sprites/checkbox-sprite.png") 0px 0px no-repeat; cursor: pointer; } input[type="checkbox"].checked.custom + span { background-position: 0px -24px; } input[type="checkbox"][checked].custom + span { background-position: 0px -24px; } /*input[type="checkbox"].custom + span:hover {background-position: 0px -12px;}*/ input[type="checkbox"][readonly].custom + span { background-position: 0px -36px; } input[type="checkbox"][readonly].custom + span:hover { background-position: 0px -36px; } input[type="radio"].custom { display: none !important; } input[type="radio"].custom + span { display: inline-block; height: 13px; width: 13px; overflow: hidden; background: transparent url("../../../../content/dam/BCHydro/images/sprites/radio-sprite.png") 0px 0px no-repeat; cursor: pointer; vertical-align: middle; } input[type="radio"].checked.custom + span { background-position: 0px -13px; } input[type="radio"][checked].custom + span { background-position: 0px -13px; } /* __SELECTS * aka * __DROPDOWNS * * styles for the custom dropdown elements * */ select.custom { display: none; } div.dropdown { /* Moved to GeneralStyles.css */ } fieldset > p > label + select { font-size: 13px; color: #555555; border: 1px solid #e2e2e2; border-color: #aaaaaa #d4d4d4 #d4d4d4 #b4b4b4; padding: 0.5em 0.2em; -moz-border-radius: .2em; -webkit-border-radius: .2em; border-radius: .2em; -webkit-box-shadow: inset 1px 1px 1px 0px #cccccc; -moz-box-shadow: inset 1px 1px 1px 0px #cccccc; box-shadow: inset 1px 1px 1px 0px #cccccc; } /* __MINI-FORM * Styling for form.mini-form * ================================================== * A short, single-fieldset, horizontally laid out form with small field * space requirements used, for example, for the data download * divided into 3 slightly wider columns, and a final narrower column * that holds the submit button. * * Generally recommended that labels for fieldsets use .super class. */ #mainContent form.mini-form > fieldset { padding: 1.4em; } #mainContent form.mini-form > fieldset > p { width: 27%; float: left; clear: none; margin: 0 1.5% 0 0; } #mainContent form.mini-form > fieldset > p > input { margin: 0 .5em 0 0; } #mainContent form.mini-form > fieldset > p > input[type="text"] { width: 34%; float: left; } #mainContent form.mini-form > fieldset > p > input[type="radio"] { width: auto; margin: .6em .25em .6em 0; } #mainContent form.mini-form > fieldset > p > input.date { font-size: 0.7em; padding: 0.8em; background-image: none /* no room for icon */; } #mainContent form.mini-form > fieldset > p > label { text-transform: uppercase; font-size: .85em; } #mainContent form.mini-form > fieldset > p.span_2 { width: 55%; float: left; clear: none; margin: 0 1.5% 0 0 ; } #mainContent form.mini-form > fieldset > p.span_3 { width: 84%; float: left; clear: none; margin: 0 1.5% 0 0 ; } #mainContent form.mini-form > fieldset > p.span_all { width: auto; float: left; clear: both; } #mainContent form.mini-form > fieldset > p.note, #mainContent form.mini-form > fieldset > p.note.span_all { font-size: .75em; margin-top: 1em; } #mainContent form.mini-form > fieldset > p.button { width: 17%; text-align: right; margin: 0; } /* where your button goes */ #mainContent form.mini-form > fieldset > p:last-child > button { margin-top: 1.75em; } form#newsletterRegisterForm { margin-left: 6px; } form#newsletterRegisterForm:before, form#newsletterRegisterForm:after { content: " "; display: table; } form#newsletterRegisterForm:after { clear: both; } form#newsletterRegisterForm fieldset { width: 40%; } form#newsletterRegisterForm fieldset p > label { width: 80px; line-height: 33px; } form#newsletterRegisterForm fieldset.checklist { width: 50%; } form#newsletterRegisterForm fieldset.checklist p > label { width: auto; line-height: inherit; } form#newsletterRegisterForm input[type="text"] { color: #555555; padding: 0.785em 10px; margin: 0 0 0.769em 0; -webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; border: 2px solid #cbc4bc; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0); } form#newsletterRegisterForm input[type="text"]:active, form#newsletterRegisterForm input[type="text"]:focus { border: 2px solid #10a3c8; outline: none; } form#newsletterRegisterForm .buttons { margin-left: 100px; } #mainContent .column.right .reference .promoBoxPromotion { position: relative; display: inline-block; width: 560px; margin: 0 0 -9px 0; } #mainContent .column.right .reference .promoBoxPromotion .item-content-image-button { display: inline-block; margin: 0; } #mainContent .column.right .reference .promoBoxPromotion .item-content-image-button .item-content { text-align: center; width: 560px; position: absolute; top: 24px; } #mainContent .column.right .reference .promoBoxPromotion .item-content-image-button .item-content h1, #mainContent .column.right .reference .promoBoxPromotion .item-content-image-button .item-content h2, #mainContent .column.right .reference .promoBoxPromotion .item-content-image-button .item-content h3, #mainContent .column.right .reference .promoBoxPromotion .item-content-image-button .item-content h4 { font-family: 'brand-font-bold'; line-height: 1.1em; margin: 10px 40px; } #mainContent .column.right .reference .promoBoxPromotion .item-content-image-button .item-image { display: inline-block; margin: 0; } #mainContent .column.right .reference .promoBoxPromotion .item-content-image-button .item-image .image { display: inline-block; margin: 0; } #mainContent .column.right .reference .promoBoxPromotion .item-content-image-button .item-image .image > div { margin: 0; } #mainContent .column.right .reference .promoBoxPromotion .item-content-image-button .item-image .image img { width: 560px; } #mainContent .column.right .reference .promoBoxPromotion .item-content-image-button .item-button { position: absolute; z-index: 5; width: 560px; margin: -63px auto 0; text-align: center; } #mainContent.login-form .column.right .reference .promoBoxPromotion { margin-bottom: 0; } #mainContent.logout-form .column.right .reference .promoBoxPromotion { margin-bottom: -5px; } .blankPage.cq-wcm-preview .promoBoxStory, .blankPage.cq-wcm-edit .promoBoxStory, .blankPage.cq-wcm-design .promoBoxStory { border: 2px dashed #CCC; margin-bottom: 20px; width: 300px; height: 392px; } .blankPage.cq-wcm-preview .promoBoxStory .item-image img, .blankPage.cq-wcm-edit .promoBoxStory .item-image img, .blankPage.cq-wcm-design .promoBoxStory .item-image img { width: 300px; height: 181px; } .blankPage.cq-wcm-preview .promoBoxPromotion, .blankPage.cq-wcm-edit .promoBoxPromotion, .blankPage.cq-wcm-design .promoBoxPromotion { position: relative; border: 2px dashed #CCC; text-align: center; display: table; margin-bottom: 20px; } .blankPage.cq-wcm-preview .promoBoxPromotion .item-content, .blankPage.cq-wcm-edit .promoBoxPromotion .item-content, .blankPage.cq-wcm-design .promoBoxPromotion .item-content { position: absolute; width: 300px; } .blankPage.cq-wcm-preview .promoBoxPromotion .item-content h1, .blankPage.cq-wcm-edit .promoBoxPromotion .item-content h1, .blankPage.cq-wcm-design .promoBoxPromotion .item-content h1, .blankPage.cq-wcm-preview .promoBoxPromotion .item-content h2, .blankPage.cq-wcm-edit .promoBoxPromotion .item-content h2, .blankPage.cq-wcm-design .promoBoxPromotion .item-content h2, .blankPage.cq-wcm-preview .promoBoxPromotion .item-content h3, .blankPage.cq-wcm-edit .promoBoxPromotion .item-content h3, .blankPage.cq-wcm-design .promoBoxPromotion .item-content h3, .blankPage.cq-wcm-preview .promoBoxPromotion .item-content h4, .blankPage.cq-wcm-edit .promoBoxPromotion .item-content h4, .blankPage.cq-wcm-design .promoBoxPromotion .item-content h4 { font-family: 'brand-font-bold'; line-height: 1.1em; margin: 30px; display: inline-block; } .blankPage.cq-wcm-preview .promoBoxPromotion .item-button, .blankPage.cq-wcm-edit .promoBoxPromotion .item-button, .blankPage.cq-wcm-design .promoBoxPromotion .item-button { position: absolute; width: 300px; bottom: 0; } .blankPage.cq-wcm-preview .promoBoxPromotion .item-button .button, .blankPage.cq-wcm-edit .promoBoxPromotion .item-button .button, .blankPage.cq-wcm-design .promoBoxPromotion .item-button .button { margin: 30px; } .blankPage.cq-wcm-preview .promoBoxPromotion .item-button .button.left, .blankPage.cq-wcm-edit .promoBoxPromotion .item-button .button.left, .blankPage.cq-wcm-design .promoBoxPromotion .item-button .button.left { float: left; } .blankPage.cq-wcm-preview .promoBoxPromotion .item-button .button.right, .blankPage.cq-wcm-edit .promoBoxPromotion .item-button .button.right, .blankPage.cq-wcm-design .promoBoxPromotion .item-button .button.right { float: right; } .blankPage.cq-wcm-preview .promoBoxPromotion .threeColumn, .blankPage.cq-wcm-edit .promoBoxPromotion .threeColumn, .blankPage.cq-wcm-design .promoBoxPromotion .threeColumn { width: 300px; height: 392px; } .blankPage.cq-wcm-preview .promoBoxPromotion .threeColumn .item-image img, .blankPage.cq-wcm-edit .promoBoxPromotion .threeColumn .item-image img, .blankPage.cq-wcm-design .promoBoxPromotion .threeColumn .item-image img { width: 300px; height: 392px; } .blankPage.cq-wcm-preview .promoBoxPromotion .threeColumn .item-content, .blankPage.cq-wcm-edit .promoBoxPromotion .threeColumn .item-content, .blankPage.cq-wcm-design .promoBoxPromotion .threeColumn .item-content { width: 300px; text-align: left; } .blankPage.cq-wcm-preview .promoBoxPromotion .threeColumn .item-button, .blankPage.cq-wcm-edit .promoBoxPromotion .threeColumn .item-button, .blankPage.cq-wcm-design .promoBoxPromotion .threeColumn .item-button { width: 300px; } .blankPage.cq-wcm-preview .promoBoxPromotion .twoColumn, .blankPage.cq-wcm-edit .promoBoxPromotion .twoColumn, .blankPage.cq-wcm-design .promoBoxPromotion .twoColumn { width: 560px; } .blankPage.cq-wcm-preview .promoBoxPromotion .twoColumn .item-image img, .blankPage.cq-wcm-edit .promoBoxPromotion .twoColumn .item-image img, .blankPage.cq-wcm-design .promoBoxPromotion .twoColumn .item-image img { width: 560px; } .blankPage.cq-wcm-preview .promoBoxPromotion .twoColumn .item-content, .blankPage.cq-wcm-edit .promoBoxPromotion .twoColumn .item-content, .blankPage.cq-wcm-design .promoBoxPromotion .twoColumn .item-content { width: 560px; } .blankPage.cq-wcm-preview .promoBoxPromotion .twoColumn .item-button, .blankPage.cq-wcm-edit .promoBoxPromotion .twoColumn .item-button, .blankPage.cq-wcm-design .promoBoxPromotion .twoColumn .item-button { width: 560px; } /*---------------------------------------------------------------- * Filename: forms.css * Version: 0.0.1 * Author: srooks * Description: Form styles for BCHydro.com implementing the styleguide * provided by Engine Digital. Please see supplemental stylesheets * for additional styles ==TOC:=================================================== __Defaults __Fieldsets and Labels __Input *note: text, selects and buttons handled in GeneralStyles __Textarea __Response Texts __Mini-Form **********************************************************/ #mainContent.login-form a.button, #mainContent.logout-form a.button, #mainContent.sign-up-form a.button, #mainContent.forgot-password-form a.button, #mainContent.login-form button, #mainContent.logout-form button, #mainContent.sign-up-form button, #mainContent.forgot-password-form button, #mainContent.login-form button.primary, #mainContent.logout-form button.primary, #mainContent.sign-up-form button.primary, #mainContent.forgot-password-form button.primary, #mainContent.login-form .button.primary, #mainContent.logout-form .button.primary, #mainContent.sign-up-form .button.primary, #mainContent.forgot-password-form .button.primary, #mainContent.login-form .button-primary, #mainContent.logout-form .button-primary, #mainContent.sign-up-form .button-primary, #mainContent.forgot-password-form .button-primary, #mainContent.login-form input[type="submit"], #mainContent.logout-form input[type="submit"], #mainContent.sign-up-form input[type="submit"], #mainContent.forgot-password-form input[type="submit"], #mainContent.login-form input[type="button"], #mainContent.logout-form input[type="button"], #mainContent.sign-up-form input[type="button"], #mainContent.forgot-password-form input[type="button"], #mainContent.login-form input[type="reset"], #mainContent.logout-form input[type="reset"], #mainContent.sign-up-form input[type="reset"], #mainContent.forgot-password-form input[type="reset"], #mainContent.login-form input[type="button"].primary, #mainContent.logout-form input[type="button"].primary, #mainContent.sign-up-form input[type="button"].primary, #mainContent.forgot-password-form input[type="button"].primary, #mainContent.login-form input[type="submit"].primary, #mainContent.logout-form input[type="submit"].primary, #mainContent.sign-up-form input[type="submit"].primary, #mainContent.forgot-password-form input[type="submit"].primary, #mainContent.login-form input[type="reset"].primary, #mainContent.logout-form input[type="reset"].primary, #mainContent.sign-up-form input[type="reset"].primary, #mainContent.forgot-password-form input[type="reset"].primary, #mainContent.login-form span.button a, #mainContent.logout-form span.button a, #mainContent.sign-up-form span.button a, #mainContent.forgot-password-form span.button a, #mainContent.login-form div.hasbutton.primary > div.links > a, #mainContent.logout-form div.hasbutton.primary > div.links > a, #mainContent.sign-up-form div.hasbutton.primary > div.links > a, #mainContent.forgot-password-form div.hasbutton.primary > div.links > a { background: none; width: auto; height: auto; font-size: 14px; background: #046a38; color: #ffffff; padding: 10px 20px; font-weight: bold; display: inline-block; border: none; cursor: pointer; outline: none; border: 2px solid #046a38; line-height: normal; -webkit-transition: 50ms ease-out; -moz-transition: 50ms ease-out; -o-transition: 50ms ease-out; transition: 50ms ease-out; -webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; text-decoration: none; } #mainContent.login-form a.button:hover, #mainContent.logout-form a.button:hover, #mainContent.sign-up-form a.button:hover, #mainContent.forgot-password-form a.button:hover, #mainContent.login-form button:hover, #mainContent.logout-form button:hover, #mainContent.sign-up-form button:hover, #mainContent.forgot-password-form button:hover, #mainContent.login-form button.primary:hover, #mainContent.logout-form button.primary:hover, #mainContent.sign-up-form button.primary:hover, #mainContent.forgot-password-form button.primary:hover, #mainContent.login-form .button.primary:hover, #mainContent.logout-form .button.primary:hover, #mainContent.sign-up-form .button.primary:hover, #mainContent.forgot-password-form .button.primary:hover, #mainContent.login-form .button-primary:hover, #mainContent.logout-form .button-primary:hover, #mainContent.sign-up-form .button-primary:hover, #mainContent.forgot-password-form .button-primary:hover, #mainContent.login-form input[type="submit"]:hover, #mainContent.logout-form input[type="submit"]:hover, #mainContent.sign-up-form input[type="submit"]:hover, #mainContent.forgot-password-form input[type="submit"]:hover, #mainContent.login-form input[type="button"]:hover, #mainContent.logout-form input[type="button"]:hover, #mainContent.sign-up-form input[type="button"]:hover, #mainContent.forgot-password-form input[type="button"]:hover, #mainContent.login-form input[type="reset"]:hover, #mainContent.logout-form input[type="reset"]:hover, #mainContent.sign-up-form input[type="reset"]:hover, #mainContent.forgot-password-form input[type="reset"]:hover, #mainContent.login-form input[type="button"].primary:hover, #mainContent.logout-form input[type="button"].primary:hover, #mainContent.sign-up-form input[type="button"].primary:hover, #mainContent.forgot-password-form input[type="button"].primary:hover, #mainContent.login-form input[type="submit"].primary:hover, #mainContent.logout-form input[type="submit"].primary:hover, #mainContent.sign-up-form input[type="submit"].primary:hover, #mainContent.forgot-password-form input[type="submit"].primary:hover, #mainContent.login-form input[type="reset"].primary:hover, #mainContent.logout-form input[type="reset"].primary:hover, #mainContent.sign-up-form input[type="reset"].primary:hover, #mainContent.forgot-password-form input[type="reset"].primary:hover, #mainContent.login-form span.button a:hover, #mainContent.logout-form span.button a:hover, #mainContent.sign-up-form span.button a:hover, #mainContent.forgot-password-form span.button a:hover, #mainContent.login-form div.hasbutton.primary > div.links > a:hover, #mainContent.logout-form div.hasbutton.primary > div.links > a:hover, #mainContent.sign-up-form div.hasbutton.primary > div.links > a:hover, #mainContent.forgot-password-form div.hasbutton.primary > div.links > a:hover { background: #008242; border: 2px solid #008242; text-decoration: none; color: #ffffff; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); -ms-transform: translate(0, -2px); -webkit-transform: translate(0, -2px); transform: translate(0, -2px); } #mainContent.login-form a.button:active, #mainContent.logout-form a.button:active, #mainContent.sign-up-form a.button:active, #mainContent.forgot-password-form a.button:active, #mainContent.login-form button:active, #mainContent.logout-form button:active, #mainContent.sign-up-form button:active, #mainContent.forgot-password-form button:active, #mainContent.login-form button.primary:active, #mainContent.logout-form button.primary:active, #mainContent.sign-up-form button.primary:active, #mainContent.forgot-password-form button.primary:active, #mainContent.login-form .button.primary:active, #mainContent.logout-form .button.primary:active, #mainContent.sign-up-form .button.primary:active, #mainContent.forgot-password-form .button.primary:active, #mainContent.login-form .button-primary:active, #mainContent.logout-form .button-primary:active, #mainContent.sign-up-form .button-primary:active, #mainContent.forgot-password-form .button-primary:active, #mainContent.login-form input[type="submit"]:active, #mainContent.logout-form input[type="submit"]:active, #mainContent.sign-up-form input[type="submit"]:active, #mainContent.forgot-password-form input[type="submit"]:active, #mainContent.login-form input[type="button"]:active, #mainContent.logout-form input[type="button"]:active, #mainContent.sign-up-form input[type="button"]:active, #mainContent.forgot-password-form input[type="button"]:active, #mainContent.login-form input[type="reset"]:active, #mainContent.logout-form input[type="reset"]:active, #mainContent.sign-up-form input[type="reset"]:active, #mainContent.forgot-password-form input[type="reset"]:active, #mainContent.login-form input[type="button"].primary:active, #mainContent.logout-form input[type="button"].primary:active, #mainContent.sign-up-form input[type="button"].primary:active, #mainContent.forgot-password-form input[type="button"].primary:active, #mainContent.login-form input[type="submit"].primary:active, #mainContent.logout-form input[type="submit"].primary:active, #mainContent.sign-up-form input[type="submit"].primary:active, #mainContent.forgot-password-form input[type="submit"].primary:active, #mainContent.login-form input[type="reset"].primary:active, #mainContent.logout-form input[type="reset"].primary:active, #mainContent.sign-up-form input[type="reset"].primary:active, #mainContent.forgot-password-form input[type="reset"].primary:active, #mainContent.login-form span.button a:active, #mainContent.logout-form span.button a:active, #mainContent.sign-up-form span.button a:active, #mainContent.forgot-password-form span.button a:active, #mainContent.login-form div.hasbutton.primary > div.links > a:active, #mainContent.logout-form div.hasbutton.primary > div.links > a:active, #mainContent.sign-up-form div.hasbutton.primary > div.links > a:active, #mainContent.forgot-password-form div.hasbutton.primary > div.links > a:active { text-decoration: none; background: #008242; outline: none; color: #ffffff; border-color: #008242; } #mainContent.login-form a.button:focus-visible, #mainContent.logout-form a.button:focus-visible, #mainContent.sign-up-form a.button:focus-visible, #mainContent.forgot-password-form a.button:focus-visible, #mainContent.login-form button:focus-visible, #mainContent.logout-form button:focus-visible, #mainContent.sign-up-form button:focus-visible, #mainContent.forgot-password-form button:focus-visible, #mainContent.login-form button.primary:focus-visible, #mainContent.logout-form button.primary:focus-visible, #mainContent.sign-up-form button.primary:focus-visible, #mainContent.forgot-password-form button.primary:focus-visible, #mainContent.login-form .button.primary:focus-visible, #mainContent.logout-form .button.primary:focus-visible, #mainContent.sign-up-form .button.primary:focus-visible, #mainContent.forgot-password-form .button.primary:focus-visible, #mainContent.login-form .button-primary:focus-visible, #mainContent.logout-form .button-primary:focus-visible, #mainContent.sign-up-form .button-primary:focus-visible, #mainContent.forgot-password-form .button-primary:focus-visible, #mainContent.login-form input[type="submit"]:focus-visible, #mainContent.logout-form input[type="submit"]:focus-visible, #mainContent.sign-up-form input[type="submit"]:focus-visible, #mainContent.forgot-password-form input[type="submit"]:focus-visible, #mainContent.login-form input[type="button"]:focus-visible, #mainContent.logout-form input[type="button"]:focus-visible, #mainContent.sign-up-form input[type="button"]:focus-visible, #mainContent.forgot-password-form input[type="button"]:focus-visible, #mainContent.login-form input[type="reset"]:focus-visible, #mainContent.logout-form input[type="reset"]:focus-visible, #mainContent.sign-up-form input[type="reset"]:focus-visible, #mainContent.forgot-password-form input[type="reset"]:focus-visible, #mainContent.login-form input[type="button"].primary:focus-visible, #mainContent.logout-form input[type="button"].primary:focus-visible, #mainContent.sign-up-form input[type="button"].primary:focus-visible, #mainContent.forgot-password-form input[type="button"].primary:focus-visible, #mainContent.login-form input[type="submit"].primary:focus-visible, #mainContent.logout-form input[type="submit"].primary:focus-visible, #mainContent.sign-up-form input[type="submit"].primary:focus-visible, #mainContent.forgot-password-form input[type="submit"].primary:focus-visible, #mainContent.login-form input[type="reset"].primary:focus-visible, #mainContent.logout-form input[type="reset"].primary:focus-visible, #mainContent.sign-up-form input[type="reset"].primary:focus-visible, #mainContent.forgot-password-form input[type="reset"].primary:focus-visible, #mainContent.login-form span.button a:focus-visible, #mainContent.logout-form span.button a:focus-visible, #mainContent.sign-up-form span.button a:focus-visible, #mainContent.forgot-password-form span.button a:focus-visible, #mainContent.login-form div.hasbutton.primary > div.links > a:focus-visible, #mainContent.logout-form div.hasbutton.primary > div.links > a:focus-visible, #mainContent.sign-up-form div.hasbutton.primary > div.links > a:focus-visible, #mainContent.forgot-password-form div.hasbutton.primary > div.links > a:focus-visible { background-color: #fcd299; border-color: #fcd299; color: #3e3935; } #mainContent.login-form .button.disabled, #mainContent.logout-form .button.disabled, #mainContent.sign-up-form .button.disabled, #mainContent.forgot-password-form .button.disabled, #mainContent.login-form input[type="submit"].disabled, #mainContent.logout-form input[type="submit"].disabled, #mainContent.sign-up-form input[type="submit"].disabled, #mainContent.forgot-password-form input[type="submit"].disabled, #mainContent.login-form button.disabled, #mainContent.logout-form button.disabled, #mainContent.sign-up-form button.disabled, #mainContent.forgot-password-form button.disabled, #mainContent.login-form .button-primary.disabled, #mainContent.logout-form .button-primary.disabled, #mainContent.sign-up-form .button-primary.disabled, #mainContent.forgot-password-form .button-primary.disabled, #mainContent.login-form button[disabled], #mainContent.logout-form button[disabled], #mainContent.sign-up-form button[disabled], #mainContent.forgot-password-form button[disabled], #mainContent.login-form .button[disabled], #mainContent.logout-form .button[disabled], #mainContent.sign-up-form .button[disabled], #mainContent.forgot-password-form .button[disabled], #mainContent.login-form .button-primary[disabled], #mainContent.logout-form .button-primary[disabled], #mainContent.sign-up-form .button-primary[disabled], #mainContent.forgot-password-form .button-primary[disabled] { background: #9c948d no-repeat; color: #cbc4bc; border-color: #9c948d; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0); cursor: no-drop; } #mainContent.login-form .button.disabled:hover, #mainContent.logout-form .button.disabled:hover, #mainContent.sign-up-form .button.disabled:hover, #mainContent.forgot-password-form .button.disabled:hover, #mainContent.login-form input[type="submit"].disabled:hover, #mainContent.logout-form input[type="submit"].disabled:hover, #mainContent.sign-up-form input[type="submit"].disabled:hover, #mainContent.forgot-password-form input[type="submit"].disabled:hover, #mainContent.login-form button.disabled:hover, #mainContent.logout-form button.disabled:hover, #mainContent.sign-up-form button.disabled:hover, #mainContent.forgot-password-form button.disabled:hover, #mainContent.login-form .button-primary.disabled:hover, #mainContent.logout-form .button-primary.disabled:hover, #mainContent.sign-up-form .button-primary.disabled:hover, #mainContent.forgot-password-form .button-primary.disabled:hover, #mainContent.login-form button[disabled]:hover, #mainContent.logout-form button[disabled]:hover, #mainContent.sign-up-form button[disabled]:hover, #mainContent.forgot-password-form button[disabled]:hover, #mainContent.login-form .button[disabled]:hover, #mainContent.logout-form .button[disabled]:hover, #mainContent.sign-up-form .button[disabled]:hover, #mainContent.forgot-password-form .button[disabled]:hover, #mainContent.login-form .button-primary[disabled]:hover, #mainContent.logout-form .button-primary[disabled]:hover, #mainContent.sign-up-form .button-primary[disabled]:hover, #mainContent.forgot-password-form .button-primary[disabled]:hover { -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0); -ms-transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); color: #cbc4bc; } #mainContent.login-form button.secondary, #mainContent.logout-form button.secondary, #mainContent.sign-up-form button.secondary, #mainContent.forgot-password-form button.secondary, #mainContent.login-form .button.secondary, #mainContent.logout-form .button.secondary, #mainContent.sign-up-form .button.secondary, #mainContent.forgot-password-form .button.secondary, #mainContent.login-form .button-secondary, #mainContent.logout-form .button-secondary, #mainContent.sign-up-form .button-secondary, #mainContent.forgot-password-form .button-secondary, #mainContent.login-form input[type="button"].secondary, #mainContent.logout-form input[type="button"].secondary, #mainContent.sign-up-form input[type="button"].secondary, #mainContent.forgot-password-form input[type="button"].secondary, #mainContent.login-form input[type="submit"].secondary, #mainContent.logout-form input[type="submit"].secondary, #mainContent.sign-up-form input[type="submit"].secondary, #mainContent.forgot-password-form input[type="submit"].secondary, #mainContent.login-form div.hasbutton.secondary > div.links > a, #mainContent.logout-form div.hasbutton.secondary > div.links > a, #mainContent.sign-up-form div.hasbutton.secondary > div.links > a, #mainContent.forgot-password-form div.hasbutton.secondary > div.links > a { background: transparent; color: #50b848; border: 2px solid #50b848; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)"; } #mainContent.login-form button.secondary:hover, #mainContent.logout-form button.secondary:hover, #mainContent.sign-up-form button.secondary:hover, #mainContent.forgot-password-form button.secondary:hover, #mainContent.login-form .button.secondary:hover, #mainContent.logout-form .button.secondary:hover, #mainContent.sign-up-form .button.secondary:hover, #mainContent.forgot-password-form .button.secondary:hover, #mainContent.login-form .button-secondary:hover, #mainContent.logout-form .button-secondary:hover, #mainContent.sign-up-form .button-secondary:hover, #mainContent.forgot-password-form .button-secondary:hover, #mainContent.login-form input[type="button"].secondary:hover, #mainContent.logout-form input[type="button"].secondary:hover, #mainContent.sign-up-form input[type="button"].secondary:hover, #mainContent.forgot-password-form input[type="button"].secondary:hover, #mainContent.login-form input[type="submit"].secondary:hover, #mainContent.logout-form input[type="submit"].secondary:hover, #mainContent.sign-up-form input[type="submit"].secondary:hover, #mainContent.forgot-password-form input[type="submit"].secondary:hover, #mainContent.login-form div.hasbutton.secondary > div.links > a:hover, #mainContent.logout-form div.hasbutton.secondary > div.links > a:hover, #mainContent.sign-up-form div.hasbutton.secondary > div.links > a:hover, #mainContent.forgot-password-form div.hasbutton.secondary > div.links > a:hover { text-decoration: none; background: #046a38 no-repeat; color: #ffffff; } #mainContent.login-form button.secondary:active, #mainContent.logout-form button.secondary:active, #mainContent.sign-up-form button.secondary:active, #mainContent.forgot-password-form button.secondary:active, #mainContent.login-form .button.secondary:active, #mainContent.logout-form .button.secondary:active, #mainContent.sign-up-form .button.secondary:active, #mainContent.forgot-password-form .button.secondary:active, #mainContent.login-form .button-secondary:active, #mainContent.logout-form .button-secondary:active, #mainContent.sign-up-form .button-secondary:active, #mainContent.forgot-password-form .button-secondary:active, #mainContent.login-form input[type="button"].secondary:active, #mainContent.logout-form input[type="button"].secondary:active, #mainContent.sign-up-form input[type="button"].secondary:active, #mainContent.forgot-password-form input[type="button"].secondary:active, #mainContent.login-form input[type="submit"].secondary:active, #mainContent.logout-form input[type="submit"].secondary:active, #mainContent.sign-up-form input[type="submit"].secondary:active, #mainContent.forgot-password-form input[type="submit"].secondary:active, #mainContent.login-form div.hasbutton.secondary > div.links > a:active, #mainContent.logout-form div.hasbutton.secondary > div.links > a:active, #mainContent.sign-up-form div.hasbutton.secondary > div.links > a:active, #mainContent.forgot-password-form div.hasbutton.secondary > div.links > a:active { text-decoration: none; color: #ffffff; background: #008242; border-color: #008242; outline: none; } #mainContent.login-form button.secondary:focus-visible, #mainContent.logout-form button.secondary:focus-visible, #mainContent.sign-up-form button.secondary:focus-visible, #mainContent.forgot-password-form button.secondary:focus-visible, #mainContent.login-form .button.secondary:focus-visible, #mainContent.logout-form .button.secondary:focus-visible, #mainContent.sign-up-form .button.secondary:focus-visible, #mainContent.forgot-password-form .button.secondary:focus-visible, #mainContent.login-form .button-secondary:focus-visible, #mainContent.logout-form .button-secondary:focus-visible, #mainContent.sign-up-form .button-secondary:focus-visible, #mainContent.forgot-password-form .button-secondary:focus-visible, #mainContent.login-form input[type="button"].secondary:focus-visible, #mainContent.logout-form input[type="button"].secondary:focus-visible, #mainContent.sign-up-form input[type="button"].secondary:focus-visible, #mainContent.forgot-password-form input[type="button"].secondary:focus-visible, #mainContent.login-form input[type="submit"].secondary:focus-visible, #mainContent.logout-form input[type="submit"].secondary:focus-visible, #mainContent.sign-up-form input[type="submit"].secondary:focus-visible, #mainContent.forgot-password-form input[type="submit"].secondary:focus-visible, #mainContent.login-form div.hasbutton.secondary > div.links > a:focus-visible, #mainContent.logout-form div.hasbutton.secondary > div.links > a:focus-visible, #mainContent.sign-up-form div.hasbutton.secondary > div.links > a:focus-visible, #mainContent.forgot-password-form div.hasbutton.secondary > div.links > a:focus-visible { background-color: #fcd299; border-color: #fcd299; color: #3e3935; } #mainContent.login-form button.secondary.disabled, #mainContent.logout-form button.secondary.disabled, #mainContent.sign-up-form button.secondary.disabled, #mainContent.forgot-password-form button.secondary.disabled, #mainContent.login-form .button.secondary.disabled, #mainContent.logout-form .button.secondary.disabled, #mainContent.sign-up-form .button.secondary.disabled, #mainContent.forgot-password-form .button.secondary.disabled, #mainContent.login-form .button-secondary.disabled, #mainContent.logout-form .button-secondary.disabled, #mainContent.sign-up-form .button-secondary.disabled, #mainContent.forgot-password-form .button-secondary.disabled, #mainContent.login-form button.secondary[disabled], #mainContent.logout-form button.secondary[disabled], #mainContent.sign-up-form button.secondary[disabled], #mainContent.forgot-password-form button.secondary[disabled], #mainContent.login-form .button.secondary[disabled], #mainContent.logout-form .button.secondary[disabled], #mainContent.sign-up-form .button.secondary[disabled], #mainContent.forgot-password-form .button.secondary[disabled], #mainContent.login-form .button-secondary[disabled], #mainContent.logout-form .button-secondary[disabled], #mainContent.sign-up-form .button-secondary[disabled], #mainContent.forgot-password-form .button-secondary[disabled] { border-color: #cbc4bc; color: #cbc4bc; cursor: no-drop; } #mainContent.login-form button.secondary.disabled:hover, #mainContent.logout-form button.secondary.disabled:hover, #mainContent.sign-up-form button.secondary.disabled:hover, #mainContent.forgot-password-form button.secondary.disabled:hover, #mainContent.login-form .button.secondary.disabled:hover, #mainContent.logout-form .button.secondary.disabled:hover, #mainContent.sign-up-form .button.secondary.disabled:hover, #mainContent.forgot-password-form .button.secondary.disabled:hover, #mainContent.login-form .button-secondary.disabled:hover, #mainContent.logout-form .button-secondary.disabled:hover, #mainContent.sign-up-form .button-secondary.disabled:hover, #mainContent.forgot-password-form .button-secondary.disabled:hover, #mainContent.login-form button.secondary[disabled]:hover, #mainContent.logout-form button.secondary[disabled]:hover, #mainContent.sign-up-form button.secondary[disabled]:hover, #mainContent.forgot-password-form button.secondary[disabled]:hover, #mainContent.login-form .button.secondary[disabled]:hover, #mainContent.logout-form .button.secondary[disabled]:hover, #mainContent.sign-up-form .button.secondary[disabled]:hover, #mainContent.forgot-password-form .button.secondary[disabled]:hover, #mainContent.login-form .button-secondary[disabled]:hover, #mainContent.logout-form .button-secondary[disabled]:hover, #mainContent.sign-up-form .button-secondary[disabled]:hover, #mainContent.forgot-password-form .button-secondary[disabled]:hover { -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0); background: transparent; border-color: #cbc4bc; color: #cbc4bc; } #mainContent.login-form button.secondary.disabled:active, #mainContent.logout-form button.secondary.disabled:active, #mainContent.sign-up-form button.secondary.disabled:active, #mainContent.forgot-password-form button.secondary.disabled:active, #mainContent.login-form .button.secondary.disabled:active, #mainContent.logout-form .button.secondary.disabled:active, #mainContent.sign-up-form .button.secondary.disabled:active, #mainContent.forgot-password-form .button.secondary.disabled:active, #mainContent.login-form .button-secondary.disabled:active, #mainContent.logout-form .button-secondary.disabled:active, #mainContent.sign-up-form .button-secondary.disabled:active, #mainContent.forgot-password-form .button-secondary.disabled:active, #mainContent.login-form button.secondary[disabled]:active, #mainContent.logout-form button.secondary[disabled]:active, #mainContent.sign-up-form button.secondary[disabled]:active, #mainContent.forgot-password-form button.secondary[disabled]:active, #mainContent.login-form .button.secondary[disabled]:active, #mainContent.logout-form .button.secondary[disabled]:active, #mainContent.sign-up-form .button.secondary[disabled]:active, #mainContent.forgot-password-form .button.secondary[disabled]:active, #mainContent.login-form .button-secondary[disabled]:active, #mainContent.logout-form .button-secondary[disabled]:active, #mainContent.sign-up-form .button-secondary[disabled]:active, #mainContent.forgot-password-form .button-secondary[disabled]:active, #mainContent.login-form button.secondary.disabled:focus-visible, #mainContent.logout-form button.secondary.disabled:focus-visible, #mainContent.sign-up-form button.secondary.disabled:focus-visible, #mainContent.forgot-password-form button.secondary.disabled:focus-visible, #mainContent.login-form .button.secondary.disabled:focus-visible, #mainContent.logout-form .button.secondary.disabled:focus-visible, #mainContent.sign-up-form .button.secondary.disabled:focus-visible, #mainContent.forgot-password-form .button.secondary.disabled:focus-visible, #mainContent.login-form .button-secondary.disabled:focus-visible, #mainContent.logout-form .button-secondary.disabled:focus-visible, #mainContent.sign-up-form .button-secondary.disabled:focus-visible, #mainContent.forgot-password-form .button-secondary.disabled:focus-visible, #mainContent.login-form button.secondary[disabled]:focus-visible, #mainContent.logout-form button.secondary[disabled]:focus-visible, #mainContent.sign-up-form button.secondary[disabled]:focus-visible, #mainContent.forgot-password-form button.secondary[disabled]:focus-visible, #mainContent.login-form .button.secondary[disabled]:focus-visible, #mainContent.logout-form .button.secondary[disabled]:focus-visible, #mainContent.sign-up-form .button.secondary[disabled]:focus-visible, #mainContent.forgot-password-form .button.secondary[disabled]:focus-visible, #mainContent.login-form .button-secondary[disabled]:focus-visible, #mainContent.logout-form .button-secondary[disabled]:focus-visible, #mainContent.sign-up-form .button-secondary[disabled]:focus-visible, #mainContent.forgot-password-form .button-secondary[disabled]:focus-visible { background: transparent; border-color: #cbc4bc; color: #cbc4bc; } #mainContent.login-form button.secondary.inverse, #mainContent.logout-form button.secondary.inverse, #mainContent.sign-up-form button.secondary.inverse, #mainContent.forgot-password-form button.secondary.inverse, #mainContent.login-form .button.secondary.inverse, #mainContent.logout-form .button.secondary.inverse, #mainContent.sign-up-form .button.secondary.inverse, #mainContent.forgot-password-form .button.secondary.inverse, #mainContent.login-form .button-secondary-inverse, #mainContent.logout-form .button-secondary-inverse, #mainContent.sign-up-form .button-secondary-inverse, #mainContent.forgot-password-form .button-secondary-inverse { color: #ffffff; border-color: #ffffff; text-decoration: none; } #mainContent.login-form button.secondary.inverse:hover, #mainContent.logout-form button.secondary.inverse:hover, #mainContent.sign-up-form button.secondary.inverse:hover, #mainContent.forgot-password-form button.secondary.inverse:hover, #mainContent.login-form .button.secondary.inverse:hover, #mainContent.logout-form .button.secondary.inverse:hover, #mainContent.sign-up-form .button.secondary.inverse:hover, #mainContent.forgot-password-form .button.secondary.inverse:hover, #mainContent.login-form .button-secondary-inverse:hover, #mainContent.logout-form .button-secondary-inverse:hover, #mainContent.sign-up-form .button-secondary-inverse:hover, #mainContent.forgot-password-form .button-secondary-inverse:hover { background: transparent; } #mainContent.login-form button.secondary.inverse:active, #mainContent.logout-form button.secondary.inverse:active, #mainContent.sign-up-form button.secondary.inverse:active, #mainContent.forgot-password-form button.secondary.inverse:active, #mainContent.login-form .button.secondary.inverse:active, #mainContent.logout-form .button.secondary.inverse:active, #mainContent.sign-up-form .button.secondary.inverse:active, #mainContent.forgot-password-form .button.secondary.inverse:active, #mainContent.login-form .button-secondary-inverse:active, #mainContent.logout-form .button-secondary-inverse:active, #mainContent.sign-up-form .button-secondary-inverse:active, #mainContent.forgot-password-form .button-secondary-inverse:active { outline: none; background: #ffffff; border-color: #ffffff; color: #004f6c; } #mainContent.login-form button.secondary.inverse:focus-visible, #mainContent.logout-form button.secondary.inverse:focus-visible, #mainContent.sign-up-form button.secondary.inverse:focus-visible, #mainContent.forgot-password-form button.secondary.inverse:focus-visible, #mainContent.login-form .button.secondary.inverse:focus-visible, #mainContent.logout-form .button.secondary.inverse:focus-visible, #mainContent.sign-up-form .button.secondary.inverse:focus-visible, #mainContent.forgot-password-form .button.secondary.inverse:focus-visible, #mainContent.login-form .button-secondary-inverse:focus-visible, #mainContent.logout-form .button-secondary-inverse:focus-visible, #mainContent.sign-up-form .button-secondary-inverse:focus-visible, #mainContent.forgot-password-form .button-secondary-inverse:focus-visible { background-color: #fcd299; border-color: #fcd299; color: #3e3935; } #mainContent.login-form button.secondary.white, #mainContent.logout-form button.secondary.white, #mainContent.sign-up-form button.secondary.white, #mainContent.forgot-password-form button.secondary.white, #mainContent.login-form .button.secondary.white, #mainContent.logout-form .button.secondary.white, #mainContent.sign-up-form .button.secondary.white, #mainContent.forgot-password-form .button.secondary.white, #mainContent.login-form .button-secondary-white, #mainContent.logout-form .button-secondary-white, #mainContent.sign-up-form .button-secondary-white, #mainContent.forgot-password-form .button-secondary-white { color: #004f6c; background-color: #ffffff; border-color: #ffffff; text-decoration: none; } #mainContent.login-form button.secondary.white:hover, #mainContent.logout-form button.secondary.white:hover, #mainContent.sign-up-form button.secondary.white:hover, #mainContent.forgot-password-form button.secondary.white:hover, #mainContent.login-form .button.secondary.white:hover, #mainContent.logout-form .button.secondary.white:hover, #mainContent.sign-up-form .button.secondary.white:hover, #mainContent.forgot-password-form .button.secondary.white:hover, #mainContent.login-form .button-secondary-white:hover, #mainContent.logout-form .button-secondary-white:hover, #mainContent.sign-up-form .button-secondary-white:hover, #mainContent.forgot-password-form .button-secondary-white:hover { background-color: #ffffff; } #mainContent.login-form button.secondary.white:active, #mainContent.logout-form button.secondary.white:active, #mainContent.sign-up-form button.secondary.white:active, #mainContent.forgot-password-form button.secondary.white:active, #mainContent.login-form .button.secondary.white:active, #mainContent.logout-form .button.secondary.white:active, #mainContent.sign-up-form .button.secondary.white:active, #mainContent.forgot-password-form .button.secondary.white:active, #mainContent.login-form .button-secondary-white:active, #mainContent.logout-form .button-secondary-white:active, #mainContent.sign-up-form .button-secondary-white:active, #mainContent.forgot-password-form .button-secondary-white:active { outline: none; background: #ffffff; border-color: #ffffff; color: #004f6c; } #mainContent.login-form button.secondary.white:focus-visible, #mainContent.logout-form button.secondary.white:focus-visible, #mainContent.sign-up-form button.secondary.white:focus-visible, #mainContent.forgot-password-form button.secondary.white:focus-visible, #mainContent.login-form .button.secondary.white:focus-visible, #mainContent.logout-form .button.secondary.white:focus-visible, #mainContent.sign-up-form .button.secondary.white:focus-visible, #mainContent.forgot-password-form .button.secondary.white:focus-visible, #mainContent.login-form .button-secondary-white:focus-visible, #mainContent.logout-form .button-secondary-white:focus-visible, #mainContent.sign-up-form .button-secondary-white:focus-visible, #mainContent.forgot-password-form .button-secondary-white:focus-visible { background-color: #fcd299; border-color: #fcd299; color: #3e3935; } #mainContent.login-form button.secondary.blue, #mainContent.logout-form button.secondary.blue, #mainContent.sign-up-form button.secondary.blue, #mainContent.forgot-password-form button.secondary.blue, #mainContent.login-form .button.secondary.blue, #mainContent.logout-form .button.secondary.blue, #mainContent.sign-up-form .button.secondary.blue, #mainContent.forgot-password-form .button.secondary.blue, #mainContent.login-form .button-secondary-blue, #mainContent.logout-form .button-secondary-blue, #mainContent.sign-up-form .button-secondary-blue, #mainContent.forgot-password-form .button-secondary-blue { color: #0074a4; border-color: #0074a4; } #mainContent.login-form button.secondary.blue:hover, #mainContent.logout-form button.secondary.blue:hover, #mainContent.sign-up-form button.secondary.blue:hover, #mainContent.forgot-password-form button.secondary.blue:hover, #mainContent.login-form .button.secondary.blue:hover, #mainContent.logout-form .button.secondary.blue:hover, #mainContent.sign-up-form .button.secondary.blue:hover, #mainContent.forgot-password-form .button.secondary.blue:hover, #mainContent.login-form .button-secondary-blue:hover, #mainContent.logout-form .button-secondary-blue:hover, #mainContent.sign-up-form .button-secondary-blue:hover, #mainContent.forgot-password-form .button-secondary-blue:hover { background: #0086be; border-color: #0086be; color: #ffffff; } #mainContent.login-form button.secondary.blue:active, #mainContent.logout-form button.secondary.blue:active, #mainContent.sign-up-form button.secondary.blue:active, #mainContent.forgot-password-form button.secondary.blue:active, #mainContent.login-form .button.secondary.blue:active, #mainContent.logout-form .button.secondary.blue:active, #mainContent.sign-up-form .button.secondary.blue:active, #mainContent.forgot-password-form .button.secondary.blue:active, #mainContent.login-form .button-secondary-blue:active, #mainContent.logout-form .button-secondary-blue:active, #mainContent.sign-up-form .button-secondary-blue:active, #mainContent.forgot-password-form .button-secondary-blue:active, #mainContent.login-form button.secondary.blue.current, #mainContent.logout-form button.secondary.blue.current, #mainContent.sign-up-form button.secondary.blue.current, #mainContent.forgot-password-form button.secondary.blue.current, #mainContent.login-form .button.secondary.blue.current, #mainContent.logout-form .button.secondary.blue.current, #mainContent.sign-up-form .button.secondary.blue.current, #mainContent.forgot-password-form .button.secondary.blue.current, #mainContent.login-form .button-secondary-blue.current, #mainContent.logout-form .button-secondary-blue.current, #mainContent.sign-up-form .button-secondary-blue.current, #mainContent.forgot-password-form .button-secondary-blue.current { outline: none; background: #0074a4; border-color: #0074a4; color: #ffffff; } #mainContent.login-form button.secondary.blue:focus-visible, #mainContent.logout-form button.secondary.blue:focus-visible, #mainContent.sign-up-form button.secondary.blue:focus-visible, #mainContent.forgot-password-form button.secondary.blue:focus-visible, #mainContent.login-form .button.secondary.blue:focus-visible, #mainContent.logout-form .button.secondary.blue:focus-visible, #mainContent.sign-up-form .button.secondary.blue:focus-visible, #mainContent.forgot-password-form .button.secondary.blue:focus-visible, #mainContent.login-form .button-secondary-blue:focus-visible, #mainContent.logout-form .button-secondary-blue:focus-visible, #mainContent.sign-up-form .button-secondary-blue:focus-visible, #mainContent.forgot-password-form .button-secondary-blue:focus-visible { background-color: #fcd299; border-color: #fcd299; color: #3e3935; } #mainContent.login-form .pagination button.secondary, #mainContent.logout-form .pagination button.secondary, #mainContent.sign-up-form .pagination button.secondary, #mainContent.forgot-password-form .pagination button.secondary, #mainContent.login-form .pagination .button.secondary, #mainContent.logout-form .pagination .button.secondary, #mainContent.sign-up-form .pagination .button.secondary, #mainContent.forgot-password-form .pagination .button.secondary, #mainContent.login-form .pagination .button-secondary, #mainContent.logout-form .pagination .button-secondary, #mainContent.sign-up-form .pagination .button-secondary, #mainContent.forgot-password-form .pagination .button-secondary { padding: 5px 10px; } #mainContent.login-form button.secondary.dark, #mainContent.logout-form button.secondary.dark, #mainContent.sign-up-form button.secondary.dark, #mainContent.forgot-password-form button.secondary.dark, #mainContent.login-form .button.secondary.dark, #mainContent.logout-form .button.secondary.dark, #mainContent.sign-up-form .button.secondary.dark, #mainContent.forgot-password-form .button.secondary.dark, #mainContent.login-form .button-secondary-dark, #mainContent.logout-form .button-secondary-dark, #mainContent.sign-up-form .button-secondary-dark, #mainContent.forgot-password-form .button-secondary-dark { color: #3e3935; border-color: #3e3935; } #mainContent.login-form button.secondary.dark:hover, #mainContent.logout-form button.secondary.dark:hover, #mainContent.sign-up-form button.secondary.dark:hover, #mainContent.forgot-password-form button.secondary.dark:hover, #mainContent.login-form .button.secondary.dark:hover, #mainContent.logout-form .button.secondary.dark:hover, #mainContent.sign-up-form .button.secondary.dark:hover, #mainContent.forgot-password-form .button.secondary.dark:hover, #mainContent.login-form .button-secondary-dark:hover, #mainContent.logout-form .button-secondary-dark:hover, #mainContent.sign-up-form .button-secondary-dark:hover, #mainContent.forgot-password-form .button-secondary-dark:hover { background: transparent; } #mainContent.login-form button.secondary.dark:active, #mainContent.logout-form button.secondary.dark:active, #mainContent.sign-up-form button.secondary.dark:active, #mainContent.forgot-password-form button.secondary.dark:active, #mainContent.login-form .button.secondary.dark:active, #mainContent.logout-form .button.secondary.dark:active, #mainContent.sign-up-form .button.secondary.dark:active, #mainContent.forgot-password-form .button.secondary.dark:active, #mainContent.login-form .button-secondary-dark:active, #mainContent.logout-form .button-secondary-dark:active, #mainContent.sign-up-form .button-secondary-dark:active, #mainContent.forgot-password-form .button-secondary-dark:active { outline: none; background: #3e3935; border-color: #3e3935; color: #ffffff; } #mainContent.login-form button.secondary.dark:focus-visible, #mainContent.logout-form button.secondary.dark:focus-visible, #mainContent.sign-up-form button.secondary.dark:focus-visible, #mainContent.forgot-password-form button.secondary.dark:focus-visible, #mainContent.login-form .button.secondary.dark:focus-visible, #mainContent.logout-form .button.secondary.dark:focus-visible, #mainContent.sign-up-form .button.secondary.dark:focus-visible, #mainContent.forgot-password-form .button.secondary.dark:focus-visible, #mainContent.login-form .button-secondary-dark:focus-visible, #mainContent.logout-form .button-secondary-dark:focus-visible, #mainContent.sign-up-form .button-secondary-dark:focus-visible, #mainContent.forgot-password-form .button-secondary-dark:focus-visible { background-color: #fcd299; border-color: #fcd299; color: #3e3935; } #mainContent.login-form button.tertiary, #mainContent.logout-form button.tertiary, #mainContent.sign-up-form button.tertiary, #mainContent.forgot-password-form button.tertiary, #mainContent.login-form .button.tertiary, #mainContent.logout-form .button.tertiary, #mainContent.sign-up-form .button.tertiary, #mainContent.forgot-password-form .button.tertiary, #mainContent.login-form .button-tertiary, #mainContent.logout-form .button-tertiary, #mainContent.sign-up-form .button-tertiary, #mainContent.forgot-password-form .button-tertiary, #mainContent.login-form input[type="button"].tertiary, #mainContent.logout-form input[type="button"].tertiary, #mainContent.sign-up-form input[type="button"].tertiary, #mainContent.forgot-password-form input[type="button"].tertiary, #mainContent.login-form .bch-sidebox .links a, #mainContent.logout-form .bch-sidebox .links a, #mainContent.sign-up-form .bch-sidebox .links a, #mainContent.forgot-password-form .bch-sidebox .links a { border: none; background: none; background: transparent; color: #0074a4; font-size: 14px; position: relative; padding: 5px 20px 5px 0; border-radius: 0; } #mainContent.login-form button.tertiary:after, #mainContent.logout-form button.tertiary:after, #mainContent.sign-up-form button.tertiary:after, #mainContent.forgot-password-form button.tertiary:after, #mainContent.login-form .button.tertiary:after, #mainContent.logout-form .button.tertiary:after, #mainContent.sign-up-form .button.tertiary:after, #mainContent.forgot-password-form .button.tertiary:after, #mainContent.login-form .button-tertiary:after, #mainContent.logout-form .button-tertiary:after, #mainContent.sign-up-form .button-tertiary:after, #mainContent.forgot-password-form .button-tertiary:after, #mainContent.login-form input[type="button"].tertiary:after, #mainContent.logout-form input[type="button"].tertiary:after, #mainContent.sign-up-form input[type="button"].tertiary:after, #mainContent.forgot-password-form input[type="button"].tertiary:after, #mainContent.login-form .bch-sidebox .links a:after, #mainContent.logout-form .bch-sidebox .links a:after, #mainContent.sign-up-form .bch-sidebox .links a:after, #mainContent.forgot-password-form .bch-sidebox .links a:after { content: "\f061"; display: inline-block; font: normal normal 14px "Font Awesome 6 Pro"; font-size: inherit; text-rendering: auto; position: absolute; text-align: center; width: 12px; right: 0; bottom: 6px; -webkit-transition: 100ms ease-out; -moz-transition: 100ms ease-out; -o-transition: 100ms ease-out; transition: 100ms ease-out; } #mainContent.login-form button.tertiary:hover, #mainContent.logout-form button.tertiary:hover, #mainContent.sign-up-form button.tertiary:hover, #mainContent.forgot-password-form button.tertiary:hover, #mainContent.login-form .button.tertiary:hover, #mainContent.logout-form .button.tertiary:hover, #mainContent.sign-up-form .button.tertiary:hover, #mainContent.forgot-password-form .button.tertiary:hover, #mainContent.login-form .button-tertiary:hover, #mainContent.logout-form .button-tertiary:hover, #mainContent.sign-up-form .button-tertiary:hover, #mainContent.forgot-password-form .button-tertiary:hover, #mainContent.login-form input[type="button"].tertiary:hover, #mainContent.logout-form input[type="button"].tertiary:hover, #mainContent.sign-up-form input[type="button"].tertiary:hover, #mainContent.forgot-password-form input[type="button"].tertiary:hover, #mainContent.login-form .bch-sidebox .links a:hover, #mainContent.logout-form .bch-sidebox .links a:hover, #mainContent.sign-up-form .bch-sidebox .links a:hover, #mainContent.forgot-password-form .bch-sidebox .links a:hover { border: none; background: none; color: #0086be; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); text-decoration: none; } #mainContent.login-form button.tertiary:hover:after, #mainContent.logout-form button.tertiary:hover:after, #mainContent.sign-up-form button.tertiary:hover:after, #mainContent.forgot-password-form button.tertiary:hover:after, #mainContent.login-form .button.tertiary:hover:after, #mainContent.logout-form .button.tertiary:hover:after, #mainContent.sign-up-form .button.tertiary:hover:after, #mainContent.forgot-password-form .button.tertiary:hover:after, #mainContent.login-form .button-tertiary:hover:after, #mainContent.logout-form .button-tertiary:hover:after, #mainContent.sign-up-form .button-tertiary:hover:after, #mainContent.forgot-password-form .button-tertiary:hover:after, #mainContent.login-form input[type="button"].tertiary:hover:after, #mainContent.logout-form input[type="button"].tertiary:hover:after, #mainContent.sign-up-form input[type="button"].tertiary:hover:after, #mainContent.forgot-password-form input[type="button"].tertiary:hover:after, #mainContent.login-form .bch-sidebox .links a:hover:after, #mainContent.logout-form .bch-sidebox .links a:hover:after, #mainContent.sign-up-form .bch-sidebox .links a:hover:after, #mainContent.forgot-password-form .bch-sidebox .links a:hover:after { right: -18px; } #mainContent.login-form button.tertiary:active, #mainContent.logout-form button.tertiary:active, #mainContent.sign-up-form button.tertiary:active, #mainContent.forgot-password-form button.tertiary:active, #mainContent.login-form .button.tertiary:active, #mainContent.logout-form .button.tertiary:active, #mainContent.sign-up-form .button.tertiary:active, #mainContent.forgot-password-form .button.tertiary:active, #mainContent.login-form .button-tertiary:active, #mainContent.logout-form .button-tertiary:active, #mainContent.sign-up-form .button-tertiary:active, #mainContent.forgot-password-form .button-tertiary:active, #mainContent.login-form input[type="button"].tertiary:active, #mainContent.logout-form input[type="button"].tertiary:active, #mainContent.sign-up-form input[type="button"].tertiary:active, #mainContent.forgot-password-form input[type="button"].tertiary:active, #mainContent.login-form .bch-sidebox .links a:active, #mainContent.logout-form .bch-sidebox .links a:active, #mainContent.sign-up-form .bch-sidebox .links a:active, #mainContent.forgot-password-form .bch-sidebox .links a:active { text-decoration: none; color: #008242; background: transparent; } #mainContent.login-form button.tertiary:active:after, #mainContent.logout-form button.tertiary:active:after, #mainContent.sign-up-form button.tertiary:active:after, #mainContent.forgot-password-form button.tertiary:active:after, #mainContent.login-form .button.tertiary:active:after, #mainContent.logout-form .button.tertiary:active:after, #mainContent.sign-up-form .button.tertiary:active:after, #mainContent.forgot-password-form .button.tertiary:active:after, #mainContent.login-form .button-tertiary:active:after, #mainContent.logout-form .button-tertiary:active:after, #mainContent.sign-up-form .button-tertiary:active:after, #mainContent.forgot-password-form .button-tertiary:active:after, #mainContent.login-form input[type="button"].tertiary:active:after, #mainContent.logout-form input[type="button"].tertiary:active:after, #mainContent.sign-up-form input[type="button"].tertiary:active:after, #mainContent.forgot-password-form input[type="button"].tertiary:active:after, #mainContent.login-form .bch-sidebox .links a:active:after, #mainContent.logout-form .bch-sidebox .links a:active:after, #mainContent.sign-up-form .bch-sidebox .links a:active:after, #mainContent.forgot-password-form .bch-sidebox .links a:active:after { right: 0px; } #mainContent.login-form button.tertiary:focus-visible, #mainContent.logout-form button.tertiary:focus-visible, #mainContent.sign-up-form button.tertiary:focus-visible, #mainContent.forgot-password-form button.tertiary:focus-visible, #mainContent.login-form .button.tertiary:focus-visible, #mainContent.logout-form .button.tertiary:focus-visible, #mainContent.sign-up-form .button.tertiary:focus-visible, #mainContent.forgot-password-form .button.tertiary:focus-visible, #mainContent.login-form .button-tertiary:focus-visible, #mainContent.logout-form .button-tertiary:focus-visible, #mainContent.sign-up-form .button-tertiary:focus-visible, #mainContent.forgot-password-form .button-tertiary:focus-visible, #mainContent.login-form input[type="button"].tertiary:focus-visible, #mainContent.logout-form input[type="button"].tertiary:focus-visible, #mainContent.sign-up-form input[type="button"].tertiary:focus-visible, #mainContent.forgot-password-form input[type="button"].tertiary:focus-visible, #mainContent.login-form .bch-sidebox .links a:focus-visible, #mainContent.logout-form .bch-sidebox .links a:focus-visible, #mainContent.sign-up-form .bch-sidebox .links a:focus-visible, #mainContent.forgot-password-form .bch-sidebox .links a:focus-visible { text-decoration: none; background-color: #fcd299; color: #3e3935; } #mainContent.login-form button.tertiary:focus-visible:after, #mainContent.logout-form button.tertiary:focus-visible:after, #mainContent.sign-up-form button.tertiary:focus-visible:after, #mainContent.forgot-password-form button.tertiary:focus-visible:after, #mainContent.login-form .button.tertiary:focus-visible:after, #mainContent.logout-form .button.tertiary:focus-visible:after, #mainContent.sign-up-form .button.tertiary:focus-visible:after, #mainContent.forgot-password-form .button.tertiary:focus-visible:after, #mainContent.login-form .button-tertiary:focus-visible:after, #mainContent.logout-form .button-tertiary:focus-visible:after, #mainContent.sign-up-form .button-tertiary:focus-visible:after, #mainContent.forgot-password-form .button-tertiary:focus-visible:after, #mainContent.login-form input[type="button"].tertiary:focus-visible:after, #mainContent.logout-form input[type="button"].tertiary:focus-visible:after, #mainContent.sign-up-form input[type="button"].tertiary:focus-visible:after, #mainContent.forgot-password-form input[type="button"].tertiary:focus-visible:after, #mainContent.login-form .bch-sidebox .links a:focus-visible:after, #mainContent.logout-form .bch-sidebox .links a:focus-visible:after, #mainContent.sign-up-form .bch-sidebox .links a:focus-visible:after, #mainContent.forgot-password-form .bch-sidebox .links a:focus-visible:after { right: 0px; } #mainContent.login-form .bch-sidebox.promotional.blue .links a:hover, #mainContent.logout-form .bch-sidebox.promotional.blue .links a:hover, #mainContent.sign-up-form .bch-sidebox.promotional.blue .links a:hover, #mainContent.forgot-password-form .bch-sidebox.promotional.blue .links a:hover { color: #12b6e0; } #mainContent.login-form .bch-sidebox.promotional.blue .links a:focus-visible, #mainContent.logout-form .bch-sidebox.promotional.blue .links a:focus-visible, #mainContent.sign-up-form .bch-sidebox.promotional.blue .links a:focus-visible, #mainContent.forgot-password-form .bch-sidebox.promotional.blue .links a:focus-visible { color: #3e3935; } #mainContent.login-form button.tertiary.no-arrow:after, #mainContent.logout-form button.tertiary.no-arrow:after, #mainContent.sign-up-form button.tertiary.no-arrow:after, #mainContent.forgot-password-form button.tertiary.no-arrow:after, #mainContent.login-form .button.tertiary.no-arrow:after, #mainContent.logout-form .button.tertiary.no-arrow:after, #mainContent.sign-up-form .button.tertiary.no-arrow:after, #mainContent.forgot-password-form .button.tertiary.no-arrow:after, #mainContent.login-form .button-tertiary.no-arrow:after, #mainContent.logout-form .button-tertiary.no-arrow:after, #mainContent.sign-up-form .button-tertiary.no-arrow:after, #mainContent.forgot-password-form .button-tertiary.no-arrow:after, #mainContent.login-form input[type="button"].tertiary.no-arrow:after, #mainContent.logout-form input[type="button"].tertiary.no-arrow:after, #mainContent.sign-up-form input[type="button"].tertiary.no-arrow:after, #mainContent.forgot-password-form input[type="button"].tertiary.no-arrow:after { content: " "; width: auto; position: relative; } #mainContent.login-form button.tertiary.no-arrow:hover, #mainContent.logout-form button.tertiary.no-arrow:hover, #mainContent.sign-up-form button.tertiary.no-arrow:hover, #mainContent.forgot-password-form button.tertiary.no-arrow:hover, #mainContent.login-form .button.tertiary.no-arrow:hover, #mainContent.logout-form .button.tertiary.no-arrow:hover, #mainContent.sign-up-form .button.tertiary.no-arrow:hover, #mainContent.forgot-password-form .button.tertiary.no-arrow:hover, #mainContent.login-form .button-tertiary.no-arrow:hover, #mainContent.logout-form .button-tertiary.no-arrow:hover, #mainContent.sign-up-form .button-tertiary.no-arrow:hover, #mainContent.forgot-password-form .button-tertiary.no-arrow:hover, #mainContent.login-form input[type="button"].tertiary.no-arrow:hover, #mainContent.logout-form input[type="button"].tertiary.no-arrow:hover, #mainContent.sign-up-form input[type="button"].tertiary.no-arrow:hover, #mainContent.forgot-password-form input[type="button"].tertiary.no-arrow:hover, #mainContent.login-form button.tertiary.no-arrow:active, #mainContent.logout-form button.tertiary.no-arrow:active, #mainContent.sign-up-form button.tertiary.no-arrow:active, #mainContent.forgot-password-form button.tertiary.no-arrow:active, #mainContent.login-form .button.tertiary.no-arrow:active, #mainContent.logout-form .button.tertiary.no-arrow:active, #mainContent.sign-up-form .button.tertiary.no-arrow:active, #mainContent.forgot-password-form .button.tertiary.no-arrow:active, #mainContent.login-form .button-tertiary.no-arrow:active, #mainContent.logout-form .button-tertiary.no-arrow:active, #mainContent.sign-up-form .button-tertiary.no-arrow:active, #mainContent.forgot-password-form .button-tertiary.no-arrow:active, #mainContent.login-form input[type="button"].tertiary.no-arrow:active, #mainContent.logout-form input[type="button"].tertiary.no-arrow:active, #mainContent.sign-up-form input[type="button"].tertiary.no-arrow:active, #mainContent.forgot-password-form input[type="button"].tertiary.no-arrow:active { color: #10a3c8; text-decoration: underline; } #mainContent.login-form button + button.tertiary, #mainContent.logout-form button + button.tertiary, #mainContent.sign-up-form button + button.tertiary, #mainContent.forgot-password-form button + button.tertiary, #mainContent.login-form button + .button.tertiary, #mainContent.logout-form button + .button.tertiary, #mainContent.sign-up-form button + .button.tertiary, #mainContent.forgot-password-form button + .button.tertiary, #mainContent.login-form button + .button-tertiary, #mainContent.logout-form button + .button-tertiary, #mainContent.sign-up-form button + .button-tertiary, #mainContent.forgot-password-form button + .button-tertiary, #mainContent.login-form .button-primary + button.tertiary, #mainContent.logout-form .button-primary + button.tertiary, #mainContent.sign-up-form .button-primary + button.tertiary, #mainContent.forgot-password-form .button-primary + button.tertiary, #mainContent.login-form .button-primary + .button.tertiary, #mainContent.logout-form .button-primary + .button.tertiary, #mainContent.sign-up-form .button-primary + .button.tertiary, #mainContent.forgot-password-form .button-primary + .button.tertiary, #mainContent.login-form .button-primary + .button-tertiary, #mainContent.logout-form .button-primary + .button-tertiary, #mainContent.sign-up-form .button-primary + .button-tertiary, #mainContent.forgot-password-form .button-primary + .button-tertiary, #mainContent.login-form .button + button.tertiary, #mainContent.logout-form .button + button.tertiary, #mainContent.sign-up-form .button + button.tertiary, #mainContent.forgot-password-form .button + button.tertiary, #mainContent.login-form .button + .button.tertiary, #mainContent.logout-form .button + .button.tertiary, #mainContent.sign-up-form .button + .button.tertiary, #mainContent.forgot-password-form .button + .button.tertiary, #mainContent.login-form .button + .button-tertiary, #mainContent.logout-form .button + .button-tertiary, #mainContent.sign-up-form .button + .button-tertiary, #mainContent.forgot-password-form .button + .button-tertiary { margin-left: 20px; } #mainContent.login-form button + button.tertiary:after, #mainContent.logout-form button + button.tertiary:after, #mainContent.sign-up-form button + button.tertiary:after, #mainContent.forgot-password-form button + button.tertiary:after, #mainContent.login-form button + .button.tertiary:after, #mainContent.logout-form button + .button.tertiary:after, #mainContent.sign-up-form button + .button.tertiary:after, #mainContent.forgot-password-form button + .button.tertiary:after, #mainContent.login-form button + .button-tertiary:after, #mainContent.logout-form button + .button-tertiary:after, #mainContent.sign-up-form button + .button-tertiary:after, #mainContent.forgot-password-form button + .button-tertiary:after, #mainContent.login-form .button-primary + button.tertiary:after, #mainContent.logout-form .button-primary + button.tertiary:after, #mainContent.sign-up-form .button-primary + button.tertiary:after, #mainContent.forgot-password-form .button-primary + button.tertiary:after, #mainContent.login-form .button-primary + .button.tertiary:after, #mainContent.logout-form .button-primary + .button.tertiary:after, #mainContent.sign-up-form .button-primary + .button.tertiary:after, #mainContent.forgot-password-form .button-primary + .button.tertiary:after, #mainContent.login-form .button-primary + .button-tertiary:after, #mainContent.logout-form .button-primary + .button-tertiary:after, #mainContent.sign-up-form .button-primary + .button-tertiary:after, #mainContent.forgot-password-form .button-primary + .button-tertiary:after, #mainContent.login-form .button + button.tertiary:after, #mainContent.logout-form .button + button.tertiary:after, #mainContent.sign-up-form .button + button.tertiary:after, #mainContent.forgot-password-form .button + button.tertiary:after, #mainContent.login-form .button + .button.tertiary:after, #mainContent.logout-form .button + .button.tertiary:after, #mainContent.sign-up-form .button + .button.tertiary:after, #mainContent.forgot-password-form .button + .button.tertiary:after, #mainContent.login-form .button + .button-tertiary:after, #mainContent.logout-form .button + .button-tertiary:after, #mainContent.sign-up-form .button + .button-tertiary:after, #mainContent.forgot-password-form .button + .button-tertiary:after { content: ""; } #mainContent.login-form button.tertiary.disabled, #mainContent.logout-form button.tertiary.disabled, #mainContent.sign-up-form button.tertiary.disabled, #mainContent.forgot-password-form button.tertiary.disabled, #mainContent.login-form .button.tertiary.disabled, #mainContent.logout-form .button.tertiary.disabled, #mainContent.sign-up-form .button.tertiary.disabled, #mainContent.forgot-password-form .button.tertiary.disabled, #mainContent.login-form .button-tertiary.disabled, #mainContent.logout-form .button-tertiary.disabled, #mainContent.sign-up-form .button-tertiary.disabled, #mainContent.forgot-password-form .button-tertiary.disabled, #mainContent.login-form button.tertiary[disabled], #mainContent.logout-form button.tertiary[disabled], #mainContent.sign-up-form button.tertiary[disabled], #mainContent.forgot-password-form button.tertiary[disabled], #mainContent.login-form .button.tertiary[disabled], #mainContent.logout-form .button.tertiary[disabled], #mainContent.sign-up-form .button.tertiary[disabled], #mainContent.forgot-password-form .button.tertiary[disabled], #mainContent.login-form .button-tertiary[disabled], #mainContent.logout-form .button-tertiary[disabled], #mainContent.sign-up-form .button-tertiary[disabled], #mainContent.forgot-password-form .button-tertiary[disabled] { color: #cbc4bc; cursor: no-drop; } #mainContent.login-form button.tertiary.disabled:hover, #mainContent.logout-form button.tertiary.disabled:hover, #mainContent.sign-up-form button.tertiary.disabled:hover, #mainContent.forgot-password-form button.tertiary.disabled:hover, #mainContent.login-form .button.tertiary.disabled:hover, #mainContent.logout-form .button.tertiary.disabled:hover, #mainContent.sign-up-form .button.tertiary.disabled:hover, #mainContent.forgot-password-form .button.tertiary.disabled:hover, #mainContent.login-form .button-tertiary.disabled:hover, #mainContent.logout-form .button-tertiary.disabled:hover, #mainContent.sign-up-form .button-tertiary.disabled:hover, #mainContent.forgot-password-form .button-tertiary.disabled:hover, #mainContent.login-form button.tertiary[disabled]:hover, #mainContent.logout-form button.tertiary[disabled]:hover, #mainContent.sign-up-form button.tertiary[disabled]:hover, #mainContent.forgot-password-form button.tertiary[disabled]:hover, #mainContent.login-form .button.tertiary[disabled]:hover, #mainContent.logout-form .button.tertiary[disabled]:hover, #mainContent.sign-up-form .button.tertiary[disabled]:hover, #mainContent.forgot-password-form .button.tertiary[disabled]:hover, #mainContent.login-form .button-tertiary[disabled]:hover, #mainContent.logout-form .button-tertiary[disabled]:hover, #mainContent.sign-up-form .button-tertiary[disabled]:hover, #mainContent.forgot-password-form .button-tertiary[disabled]:hover { zoom: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(@percent*100)); filter: alpha(opacity=(@percent*100)); opacity: 1; } #mainContent.login-form button.tertiary.disabled:hover:after, #mainContent.logout-form button.tertiary.disabled:hover:after, #mainContent.sign-up-form button.tertiary.disabled:hover:after, #mainContent.forgot-password-form button.tertiary.disabled:hover:after, #mainContent.login-form .button.tertiary.disabled:hover:after, #mainContent.logout-form .button.tertiary.disabled:hover:after, #mainContent.sign-up-form .button.tertiary.disabled:hover:after, #mainContent.forgot-password-form .button.tertiary.disabled:hover:after, #mainContent.login-form .button-tertiary.disabled:hover:after, #mainContent.logout-form .button-tertiary.disabled:hover:after, #mainContent.sign-up-form .button-tertiary.disabled:hover:after, #mainContent.forgot-password-form .button-tertiary.disabled:hover:after, #mainContent.login-form button.tertiary[disabled]:hover:after, #mainContent.logout-form button.tertiary[disabled]:hover:after, #mainContent.sign-up-form button.tertiary[disabled]:hover:after, #mainContent.forgot-password-form button.tertiary[disabled]:hover:after, #mainContent.login-form .button.tertiary[disabled]:hover:after, #mainContent.logout-form .button.tertiary[disabled]:hover:after, #mainContent.sign-up-form .button.tertiary[disabled]:hover:after, #mainContent.forgot-password-form .button.tertiary[disabled]:hover:after, #mainContent.login-form .button-tertiary[disabled]:hover:after, #mainContent.logout-form .button-tertiary[disabled]:hover:after, #mainContent.sign-up-form .button-tertiary[disabled]:hover:after, #mainContent.forgot-password-form .button-tertiary[disabled]:hover:after { right: 0; } #mainContent.login-form button.tertiary.link-color, #mainContent.logout-form button.tertiary.link-color, #mainContent.sign-up-form button.tertiary.link-color, #mainContent.forgot-password-form button.tertiary.link-color, #mainContent.login-form .button.tertiary.link-color, #mainContent.logout-form .button.tertiary.link-color, #mainContent.sign-up-form .button.tertiary.link-color, #mainContent.forgot-password-form .button.tertiary.link-color, #mainContent.login-form .button-tertiary.link-color, #mainContent.logout-form .button-tertiary.link-color, #mainContent.sign-up-form .button-tertiary.link-color, #mainContent.forgot-password-form .button-tertiary.link-color { color: #0074a4; } #mainContent.login-form button.tertiary.link-color:hover, #mainContent.logout-form button.tertiary.link-color:hover, #mainContent.sign-up-form button.tertiary.link-color:hover, #mainContent.forgot-password-form button.tertiary.link-color:hover, #mainContent.login-form .button.tertiary.link-color:hover, #mainContent.logout-form .button.tertiary.link-color:hover, #mainContent.sign-up-form .button.tertiary.link-color:hover, #mainContent.forgot-password-form .button.tertiary.link-color:hover, #mainContent.login-form .button-tertiary.link-color:hover, #mainContent.logout-form .button-tertiary.link-color:hover, #mainContent.sign-up-form .button-tertiary.link-color:hover, #mainContent.forgot-password-form .button-tertiary.link-color:hover { zoom: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(@percent*100)); filter: alpha(opacity=(@percent*100)); opacity: 1; } #mainContent.login-form button.tertiary.link-color:active, #mainContent.logout-form button.tertiary.link-color:active, #mainContent.sign-up-form button.tertiary.link-color:active, #mainContent.forgot-password-form button.tertiary.link-color:active, #mainContent.login-form .button.tertiary.link-color:active, #mainContent.logout-form .button.tertiary.link-color:active, #mainContent.sign-up-form .button.tertiary.link-color:active, #mainContent.forgot-password-form .button.tertiary.link-color:active, #mainContent.login-form .button-tertiary.link-color:active, #mainContent.logout-form .button-tertiary.link-color:active, #mainContent.sign-up-form .button-tertiary.link-color:active, #mainContent.forgot-password-form .button-tertiary.link-color:active, #mainContent.login-form button.tertiary.link-color:focus-visible, #mainContent.logout-form button.tertiary.link-color:focus-visible, #mainContent.sign-up-form button.tertiary.link-color:focus-visible, #mainContent.forgot-password-form button.tertiary.link-color:focus-visible, #mainContent.login-form .button.tertiary.link-color:focus-visible, #mainContent.logout-form .button.tertiary.link-color:focus-visible, #mainContent.sign-up-form .button.tertiary.link-color:focus-visible, #mainContent.forgot-password-form .button.tertiary.link-color:focus-visible, #mainContent.login-form .button-tertiary.link-color:focus-visible, #mainContent.logout-form .button-tertiary.link-color:focus-visible, #mainContent.sign-up-form .button-tertiary.link-color:focus-visible, #mainContent.forgot-password-form .button-tertiary.link-color:focus-visible { text-decoration: none; color: #00628b; } #mainContent.login-form .bch-sidebox.ps .links a, #mainContent.logout-form .bch-sidebox.ps .links a, #mainContent.sign-up-form .bch-sidebox.ps .links a, #mainContent.forgot-password-form .bch-sidebox.ps .links a { color: #004f6c; } #mainContent.login-form .bch-sidebox.ps .links a:hover, #mainContent.logout-form .bch-sidebox.ps .links a:hover, #mainContent.sign-up-form .bch-sidebox.ps .links a:hover, #mainContent.forgot-password-form .bch-sidebox.ps .links a:hover { zoom: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(@percent*100)); filter: alpha(opacity=(@percent*100)); opacity: 1; } #mainContent.login-form .bch-sidebox.ps .links a:active, #mainContent.logout-form .bch-sidebox.ps .links a:active, #mainContent.sign-up-form .bch-sidebox.ps .links a:active, #mainContent.forgot-password-form .bch-sidebox.ps .links a:active, #mainContent.login-form .bch-sidebox.ps .links a:focus-visible, #mainContent.logout-form .bch-sidebox.ps .links a:focus-visible, #mainContent.sign-up-form .bch-sidebox.ps .links a:focus-visible, #mainContent.forgot-password-form .bch-sidebox.ps .links a:focus-visible { text-decoration: none; color: #0086be; } #mainContent.login-form button.tertiary.alternative, #mainContent.logout-form button.tertiary.alternative, #mainContent.sign-up-form button.tertiary.alternative, #mainContent.forgot-password-form button.tertiary.alternative, #mainContent.login-form .button.tertiary.alternative, #mainContent.logout-form .button.tertiary.alternative, #mainContent.sign-up-form .button.tertiary.alternative, #mainContent.forgot-password-form .button.tertiary.alternative, #mainContent.login-form .button-tertiary.alternative, #mainContent.logout-form .button-tertiary.alternative, #mainContent.sign-up-form .button-tertiary.alternative, #mainContent.forgot-password-form .button-tertiary.alternative { color: #3e3935; } #mainContent.login-form button.tertiary.alternative:after, #mainContent.logout-form button.tertiary.alternative:after, #mainContent.sign-up-form button.tertiary.alternative:after, #mainContent.forgot-password-form button.tertiary.alternative:after, #mainContent.login-form .button.tertiary.alternative:after, #mainContent.logout-form .button.tertiary.alternative:after, #mainContent.sign-up-form .button.tertiary.alternative:after, #mainContent.forgot-password-form .button.tertiary.alternative:after, #mainContent.login-form .button-tertiary.alternative:after, #mainContent.logout-form .button-tertiary.alternative:after, #mainContent.sign-up-form .button-tertiary.alternative:after, #mainContent.forgot-password-form .button-tertiary.alternative:after { content: ""; } #mainContent.login-form button.tertiary.alternative:hover, #mainContent.logout-form button.tertiary.alternative:hover, #mainContent.sign-up-form button.tertiary.alternative:hover, #mainContent.forgot-password-form button.tertiary.alternative:hover, #mainContent.login-form .button.tertiary.alternative:hover, #mainContent.logout-form .button.tertiary.alternative:hover, #mainContent.sign-up-form .button.tertiary.alternative:hover, #mainContent.forgot-password-form .button.tertiary.alternative:hover, #mainContent.login-form .button-tertiary.alternative:hover, #mainContent.logout-form .button-tertiary.alternative:hover, #mainContent.sign-up-form .button-tertiary.alternative:hover, #mainContent.forgot-password-form .button-tertiary.alternative:hover { zoom: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(@percent*100)); filter: alpha(opacity=(@percent*100)); opacity: 1; } #mainContent.login-form button.tertiary.alternative:active, #mainContent.logout-form button.tertiary.alternative:active, #mainContent.sign-up-form button.tertiary.alternative:active, #mainContent.forgot-password-form button.tertiary.alternative:active, #mainContent.login-form .button.tertiary.alternative:active, #mainContent.logout-form .button.tertiary.alternative:active, #mainContent.sign-up-form .button.tertiary.alternative:active, #mainContent.forgot-password-form .button.tertiary.alternative:active, #mainContent.login-form .button-tertiary.alternative:active, #mainContent.logout-form .button-tertiary.alternative:active, #mainContent.sign-up-form .button-tertiary.alternative:active, #mainContent.forgot-password-form .button-tertiary.alternative:active, #mainContent.login-form button.tertiary.alternative:focus-visible, #mainContent.logout-form button.tertiary.alternative:focus-visible, #mainContent.sign-up-form button.tertiary.alternative:focus-visible, #mainContent.forgot-password-form button.tertiary.alternative:focus-visible, #mainContent.login-form .button.tertiary.alternative:focus-visible, #mainContent.logout-form .button.tertiary.alternative:focus-visible, #mainContent.sign-up-form .button.tertiary.alternative:focus-visible, #mainContent.forgot-password-form .button.tertiary.alternative:focus-visible, #mainContent.login-form .button-tertiary.alternative:focus-visible, #mainContent.logout-form .button-tertiary.alternative:focus-visible, #mainContent.sign-up-form .button-tertiary.alternative:focus-visible, #mainContent.forgot-password-form .button-tertiary.alternative:focus-visible { text-decoration: none; color: #00628b; } #mainContent.login-form button.tertiary.deepsea, #mainContent.logout-form button.tertiary.deepsea, #mainContent.sign-up-form button.tertiary.deepsea, #mainContent.forgot-password-form button.tertiary.deepsea, #mainContent.login-form .button.tertiary.deepsea, #mainContent.logout-form .button.tertiary.deepsea, #mainContent.sign-up-form .button.tertiary.deepsea, #mainContent.forgot-password-form .button.tertiary.deepsea, #mainContent.login-form .button-tertiary.deepsea, #mainContent.logout-form .button-tertiary.deepsea, #mainContent.sign-up-form .button-tertiary.deepsea, #mainContent.forgot-password-form .button-tertiary.deepsea { color: #10a3c8; } #mainContent.login-form button.tertiary.deepsea:after, #mainContent.logout-form button.tertiary.deepsea:after, #mainContent.sign-up-form button.tertiary.deepsea:after, #mainContent.forgot-password-form button.tertiary.deepsea:after, #mainContent.login-form .button.tertiary.deepsea:after, #mainContent.logout-form .button.tertiary.deepsea:after, #mainContent.sign-up-form .button.tertiary.deepsea:after, #mainContent.forgot-password-form .button.tertiary.deepsea:after, #mainContent.login-form .button-tertiary.deepsea:after, #mainContent.logout-form .button-tertiary.deepsea:after, #mainContent.sign-up-form .button-tertiary.deepsea:after, #mainContent.forgot-password-form .button-tertiary.deepsea:after { content: "\f061"; display: inline-block; font: normal normal 14px "Font Awesome 6 Pro"; font-size: inherit; text-rendering: auto; position: absolute; text-align: center; width: 12px; right: 0; bottom: 6px; -webkit-transition: 100ms ease-out; -moz-transition: 100ms ease-out; -o-transition: 100ms ease-out; transition: 100ms ease-out; } #mainContent.login-form button.tertiary.deepsea:hover, #mainContent.logout-form button.tertiary.deepsea:hover, #mainContent.sign-up-form button.tertiary.deepsea:hover, #mainContent.forgot-password-form button.tertiary.deepsea:hover, #mainContent.login-form .button.tertiary.deepsea:hover, #mainContent.logout-form .button.tertiary.deepsea:hover, #mainContent.sign-up-form .button.tertiary.deepsea:hover, #mainContent.forgot-password-form .button.tertiary.deepsea:hover, #mainContent.login-form .button-tertiary.deepsea:hover, #mainContent.logout-form .button-tertiary.deepsea:hover, #mainContent.sign-up-form .button-tertiary.deepsea:hover, #mainContent.forgot-password-form .button-tertiary.deepsea:hover { border: none; background: none; color: #12b6e0; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); text-decoration: none; } #mainContent.login-form button.tertiary.deepsea:hover:after, #mainContent.logout-form button.tertiary.deepsea:hover:after, #mainContent.sign-up-form button.tertiary.deepsea:hover:after, #mainContent.forgot-password-form button.tertiary.deepsea:hover:after, #mainContent.login-form .button.tertiary.deepsea:hover:after, #mainContent.logout-form .button.tertiary.deepsea:hover:after, #mainContent.sign-up-form .button.tertiary.deepsea:hover:after, #mainContent.forgot-password-form .button.tertiary.deepsea:hover:after, #mainContent.login-form .button-tertiary.deepsea:hover:after, #mainContent.logout-form .button-tertiary.deepsea:hover:after, #mainContent.sign-up-form .button-tertiary.deepsea:hover:after, #mainContent.forgot-password-form .button-tertiary.deepsea:hover:after { right: -18px; } #mainContent.login-form button.tertiary.deepsea:active, #mainContent.logout-form button.tertiary.deepsea:active, #mainContent.sign-up-form button.tertiary.deepsea:active, #mainContent.forgot-password-form button.tertiary.deepsea:active, #mainContent.login-form .button.tertiary.deepsea:active, #mainContent.logout-form .button.tertiary.deepsea:active, #mainContent.sign-up-form .button.tertiary.deepsea:active, #mainContent.forgot-password-form .button.tertiary.deepsea:active, #mainContent.login-form .button-tertiary.deepsea:active, #mainContent.logout-form .button-tertiary.deepsea:active, #mainContent.sign-up-form .button-tertiary.deepsea:active, #mainContent.forgot-password-form .button-tertiary.deepsea:active, #mainContent.login-form button.tertiary.deepsea:focus-visible, #mainContent.logout-form button.tertiary.deepsea:focus-visible, #mainContent.sign-up-form button.tertiary.deepsea:focus-visible, #mainContent.forgot-password-form button.tertiary.deepsea:focus-visible, #mainContent.login-form .button.tertiary.deepsea:focus-visible, #mainContent.logout-form .button.tertiary.deepsea:focus-visible, #mainContent.sign-up-form .button.tertiary.deepsea:focus-visible, #mainContent.forgot-password-form .button.tertiary.deepsea:focus-visible, #mainContent.login-form .button-tertiary.deepsea:focus-visible, #mainContent.logout-form .button-tertiary.deepsea:focus-visible, #mainContent.sign-up-form .button-tertiary.deepsea:focus-visible, #mainContent.forgot-password-form .button-tertiary.deepsea:focus-visible { text-decoration: none; color: #10a3c8; background: transparent; } #mainContent.login-form button.tertiary.deepsea:active:after, #mainContent.logout-form button.tertiary.deepsea:active:after, #mainContent.sign-up-form button.tertiary.deepsea:active:after, #mainContent.forgot-password-form button.tertiary.deepsea:active:after, #mainContent.login-form .button.tertiary.deepsea:active:after, #mainContent.logout-form .button.tertiary.deepsea:active:after, #mainContent.sign-up-form .button.tertiary.deepsea:active:after, #mainContent.forgot-password-form .button.tertiary.deepsea:active:after, #mainContent.login-form .button-tertiary.deepsea:active:after, #mainContent.logout-form .button-tertiary.deepsea:active:after, #mainContent.sign-up-form .button-tertiary.deepsea:active:after, #mainContent.forgot-password-form .button-tertiary.deepsea:active:after, #mainContent.login-form button.tertiary.deepsea:focus-visible:after, #mainContent.logout-form button.tertiary.deepsea:focus-visible:after, #mainContent.sign-up-form button.tertiary.deepsea:focus-visible:after, #mainContent.forgot-password-form button.tertiary.deepsea:focus-visible:after, #mainContent.login-form .button.tertiary.deepsea:focus-visible:after, #mainContent.logout-form .button.tertiary.deepsea:focus-visible:after, #mainContent.sign-up-form .button.tertiary.deepsea:focus-visible:after, #mainContent.forgot-password-form .button.tertiary.deepsea:focus-visible:after, #mainContent.login-form .button-tertiary.deepsea:focus-visible:after, #mainContent.logout-form .button-tertiary.deepsea:focus-visible:after, #mainContent.sign-up-form .button-tertiary.deepsea:focus-visible:after, #mainContent.forgot-password-form .button-tertiary.deepsea:focus-visible:after { right: 0px; } #mainContent.login-form .bch-button:before, #mainContent.logout-form .bch-button:before, #mainContent.sign-up-form .bch-button:before, #mainContent.forgot-password-form .bch-button:before, #mainContent.login-form .bch-button:after, #mainContent.logout-form .bch-button:after, #mainContent.sign-up-form .bch-button:after, #mainContent.forgot-password-form .bch-button:after { content: " "; display: table; } #mainContent.login-form .bch-button:after, #mainContent.logout-form .bch-button:after, #mainContent.sign-up-form .bch-button:after, #mainContent.forgot-password-form .bch-button:after { clear: both; } #mainContent.login-form .bch-button a.right, #mainContent.logout-form .bch-button a.right, #mainContent.sign-up-form .bch-button a.right, #mainContent.forgot-password-form .bch-button a.right { float: right; } #mainContent.login-form form label, #mainContent.logout-form form label, #mainContent.sign-up-form form label, #mainContent.forgot-password-form form label, #mainContent.login-form form p, #mainContent.logout-form form p, #mainContent.sign-up-form form p, #mainContent.forgot-password-form form p, #mainContent.login-form form div, #mainContent.logout-form form div, #mainContent.sign-up-form form div, #mainContent.forgot-password-form form div { float: none; clear: none; } #mainContent.login-form h1 > img.symbol, #mainContent.logout-form h1 > img.symbol, #mainContent.sign-up-form h1 > img.symbol, #mainContent.forgot-password-form h1 > img.symbol, #mainContent.login-form h2 > img.symbol, #mainContent.logout-form h2 > img.symbol, #mainContent.sign-up-form h2 > img.symbol, #mainContent.forgot-password-form h2 > img.symbol { display: block; position: relative; vertical-align: middle; margin: 0 auto; } #mainContent.login-form .column, #mainContent.logout-form .column, #mainContent.sign-up-form .column, #mainContent.forgot-password-form .column { text-align: center; } #mainContent.login-form .column h1.form-brand-icon, #mainContent.logout-form .column h1.form-brand-icon, #mainContent.sign-up-form .column h1.form-brand-icon, #mainContent.forgot-password-form .column h1.form-brand-icon { background: url('../../../../content/dam/BCHydro/images/logos/bchydro-symbol.png.thumb.100.140.png.rendition.png') no-repeat 50% 0; padding: 75px 0 0 0; margin: 80px 0 20px 80px; width: 345px; height: auto; } #mainContent.login-form fieldset, #mainContent.logout-form fieldset, #mainContent.sign-up-form fieldset, #mainContent.forgot-password-form fieldset, #mainContent.login-form fieldset.panel, #mainContent.logout-form fieldset.panel, #mainContent.sign-up-form fieldset.panel, #mainContent.forgot-password-form fieldset.panel { border: 0 none; padding: 0; margin: 40px 0 0; } #mainContent.login-form fieldset:hover, #mainContent.logout-form fieldset:hover, #mainContent.sign-up-form fieldset:hover, #mainContent.forgot-password-form fieldset:hover, #mainContent.login-form fieldset.panel:hover, #mainContent.logout-form fieldset.panel:hover, #mainContent.sign-up-form fieldset.panel:hover, #mainContent.forgot-password-form fieldset.panel:hover { background: transparent; } #mainContent.login-form fieldset p.description, #mainContent.logout-form fieldset p.description, #mainContent.sign-up-form fieldset p.description, #mainContent.forgot-password-form fieldset p.description, #mainContent.login-form fieldset.panel p.description, #mainContent.logout-form fieldset.panel p.description, #mainContent.sign-up-form fieldset.panel p.description, #mainContent.forgot-password-form fieldset.panel p.description { width: 75%; margin: 0 auto; float: none; } #mainContent.login-form fieldset > p > label, #mainContent.logout-form fieldset > p > label, #mainContent.sign-up-form fieldset > p > label, #mainContent.forgot-password-form fieldset > p > label, #mainContent.login-form p > label, #mainContent.logout-form p > label, #mainContent.sign-up-form p > label, #mainContent.forgot-password-form p > label, #mainContent.login-form .label, #mainContent.logout-form .label, #mainContent.sign-up-form .label, #mainContent.forgot-password-form .label, #mainContent.login-form label, #mainContent.logout-form label, #mainContent.sign-up-form label, #mainContent.forgot-password-form label { display: inline-block; text-align: left; float: left; margin: 15px 0 2px 0; width: auto; padding: 0; } #mainContent.login-form input, #mainContent.logout-form input, #mainContent.sign-up-form input, #mainContent.forgot-password-form input, #mainContent.login-form select, #mainContent.logout-form select, #mainContent.sign-up-form select, #mainContent.forgot-password-form select, #mainContent.login-form input[type="text"], #mainContent.logout-form input[type="text"], #mainContent.sign-up-form input[type="text"], #mainContent.forgot-password-form input[type="text"], #mainContent.login-form input[type="password"], #mainContent.logout-form input[type="password"], #mainContent.sign-up-form input[type="password"], #mainContent.forgot-password-form input[type="password"], #mainContent.login-form input[type^="date"], #mainContent.logout-form input[type^="date"], #mainContent.sign-up-form input[type^="date"], #mainContent.forgot-password-form input[type^="date"], #mainContent.login-form input[type="email"], #mainContent.logout-form input[type="email"], #mainContent.sign-up-form input[type="email"], #mainContent.forgot-password-form input[type="email"], #mainContent.login-form input[type="month"], #mainContent.logout-form input[type="month"], #mainContent.sign-up-form input[type="month"], #mainContent.forgot-password-form input[type="month"], #mainContent.login-form input[type="file"], #mainContent.logout-form input[type="file"], #mainContent.sign-up-form input[type="file"], #mainContent.forgot-password-form input[type="file"], #mainContent.login-form input[type="number"], #mainContent.logout-form input[type="number"], #mainContent.sign-up-form input[type="number"], #mainContent.forgot-password-form input[type="number"], #mainContent.login-form input[type="search"], #mainContent.logout-form input[type="search"], #mainContent.sign-up-form input[type="search"], #mainContent.forgot-password-form input[type="search"], #mainContent.login-form input[type="tel"], #mainContent.logout-form input[type="tel"], #mainContent.sign-up-form input[type="tel"], #mainContent.forgot-password-form input[type="tel"], #mainContent.login-form input[type="text"], #mainContent.logout-form input[type="text"], #mainContent.sign-up-form input[type="text"], #mainContent.forgot-password-form input[type="text"], #mainContent.login-form input[type="time"], #mainContent.logout-form input[type="time"], #mainContent.sign-up-form input[type="time"], #mainContent.forgot-password-form input[type="time"], #mainContent.login-form input[type="url"], #mainContent.logout-form input[type="url"], #mainContent.sign-up-form input[type="url"], #mainContent.forgot-password-form input[type="url"], #mainContent.login-form input[type="week"], #mainContent.logout-form input[type="week"], #mainContent.sign-up-form input[type="week"], #mainContent.forgot-password-form input[type="week"], #mainContent.login-form textarea, #mainContent.logout-form textarea, #mainContent.sign-up-form textarea, #mainContent.forgot-password-form textarea { display: block; width: 319px; color: #555555; padding: 0.785em 10px; margin: 0 0 0.769em 0; -webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; border: 2px solid #cbc4bc; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0); } #mainContent.login-form input:active, #mainContent.logout-form input:active, #mainContent.sign-up-form input:active, #mainContent.forgot-password-form input:active, #mainContent.login-form select:active, #mainContent.logout-form select:active, #mainContent.sign-up-form select:active, #mainContent.forgot-password-form select:active, #mainContent.login-form input[type="text"]:active, #mainContent.logout-form input[type="text"]:active, #mainContent.sign-up-form input[type="text"]:active, #mainContent.forgot-password-form input[type="text"]:active, #mainContent.login-form input[type="password"]:active, #mainContent.logout-form input[type="password"]:active, #mainContent.sign-up-form input[type="password"]:active, #mainContent.forgot-password-form input[type="password"]:active, #mainContent.login-form input[type^="date"]:active, #mainContent.logout-form input[type^="date"]:active, #mainContent.sign-up-form input[type^="date"]:active, #mainContent.forgot-password-form input[type^="date"]:active, #mainContent.login-form input[type="email"]:active, #mainContent.logout-form input[type="email"]:active, #mainContent.sign-up-form input[type="email"]:active, #mainContent.forgot-password-form input[type="email"]:active, #mainContent.login-form input[type="month"]:active, #mainContent.logout-form input[type="month"]:active, #mainContent.sign-up-form input[type="month"]:active, #mainContent.forgot-password-form input[type="month"]:active, #mainContent.login-form input[type="file"]:active, #mainContent.logout-form input[type="file"]:active, #mainContent.sign-up-form input[type="file"]:active, #mainContent.forgot-password-form input[type="file"]:active, #mainContent.login-form input[type="number"]:active, #mainContent.logout-form input[type="number"]:active, #mainContent.sign-up-form input[type="number"]:active, #mainContent.forgot-password-form input[type="number"]:active, #mainContent.login-form input[type="search"]:active, #mainContent.logout-form input[type="search"]:active, #mainContent.sign-up-form input[type="search"]:active, #mainContent.forgot-password-form input[type="search"]:active, #mainContent.login-form input[type="tel"]:active, #mainContent.logout-form input[type="tel"]:active, #mainContent.sign-up-form input[type="tel"]:active, #mainContent.forgot-password-form input[type="tel"]:active, #mainContent.login-form input[type="text"]:active, #mainContent.logout-form input[type="text"]:active, #mainContent.sign-up-form input[type="text"]:active, #mainContent.forgot-password-form input[type="text"]:active, #mainContent.login-form input[type="time"]:active, #mainContent.logout-form input[type="time"]:active, #mainContent.sign-up-form input[type="time"]:active, #mainContent.forgot-password-form input[type="time"]:active, #mainContent.login-form input[type="url"]:active, #mainContent.logout-form input[type="url"]:active, #mainContent.sign-up-form input[type="url"]:active, #mainContent.forgot-password-form input[type="url"]:active, #mainContent.login-form input[type="week"]:active, #mainContent.logout-form input[type="week"]:active, #mainContent.sign-up-form input[type="week"]:active, #mainContent.forgot-password-form input[type="week"]:active, #mainContent.login-form textarea:active, #mainContent.logout-form textarea:active, #mainContent.sign-up-form textarea:active, #mainContent.forgot-password-form textarea:active, #mainContent.login-form input:focus, #mainContent.logout-form input:focus, #mainContent.sign-up-form input:focus, #mainContent.forgot-password-form input:focus, #mainContent.login-form select:focus, #mainContent.logout-form select:focus, #mainContent.sign-up-form select:focus, #mainContent.forgot-password-form select:focus, #mainContent.login-form input[type="text"]:focus, #mainContent.logout-form input[type="text"]:focus, #mainContent.sign-up-form input[type="text"]:focus, #mainContent.forgot-password-form input[type="text"]:focus, #mainContent.login-form input[type="password"]:focus, #mainContent.logout-form input[type="password"]:focus, #mainContent.sign-up-form input[type="password"]:focus, #mainContent.forgot-password-form input[type="password"]:focus, #mainContent.login-form input[type^="date"]:focus, #mainContent.logout-form input[type^="date"]:focus, #mainContent.sign-up-form input[type^="date"]:focus, #mainContent.forgot-password-form input[type^="date"]:focus, #mainContent.login-form input[type="email"]:focus, #mainContent.logout-form input[type="email"]:focus, #mainContent.sign-up-form input[type="email"]:focus, #mainContent.forgot-password-form input[type="email"]:focus, #mainContent.login-form input[type="month"]:focus, #mainContent.logout-form input[type="month"]:focus, #mainContent.sign-up-form input[type="month"]:focus, #mainContent.forgot-password-form input[type="month"]:focus, #mainContent.login-form input[type="file"]:focus, #mainContent.logout-form input[type="file"]:focus, #mainContent.sign-up-form input[type="file"]:focus, #mainContent.forgot-password-form input[type="file"]:focus, #mainContent.login-form input[type="number"]:focus, #mainContent.logout-form input[type="number"]:focus, #mainContent.sign-up-form input[type="number"]:focus, #mainContent.forgot-password-form input[type="number"]:focus, #mainContent.login-form input[type="search"]:focus, #mainContent.logout-form input[type="search"]:focus, #mainContent.sign-up-form input[type="search"]:focus, #mainContent.forgot-password-form input[type="search"]:focus, #mainContent.login-form input[type="tel"]:focus, #mainContent.logout-form input[type="tel"]:focus, #mainContent.sign-up-form input[type="tel"]:focus, #mainContent.forgot-password-form input[type="tel"]:focus, #mainContent.login-form input[type="text"]:focus, #mainContent.logout-form input[type="text"]:focus, #mainContent.sign-up-form input[type="text"]:focus, #mainContent.forgot-password-form input[type="text"]:focus, #mainContent.login-form input[type="time"]:focus, #mainContent.logout-form input[type="time"]:focus, #mainContent.sign-up-form input[type="time"]:focus, #mainContent.forgot-password-form input[type="time"]:focus, #mainContent.login-form input[type="url"]:focus, #mainContent.logout-form input[type="url"]:focus, #mainContent.sign-up-form input[type="url"]:focus, #mainContent.forgot-password-form input[type="url"]:focus, #mainContent.login-form input[type="week"]:focus, #mainContent.logout-form input[type="week"]:focus, #mainContent.sign-up-form input[type="week"]:focus, #mainContent.forgot-password-form input[type="week"]:focus, #mainContent.login-form textarea:focus, #mainContent.logout-form textarea:focus, #mainContent.sign-up-form textarea:focus, #mainContent.forgot-password-form textarea:focus { border: 2px solid #10a3c8; outline: none; } #mainContent.login-form input[type="checkbox"], #mainContent.logout-form input[type="checkbox"], #mainContent.sign-up-form input[type="checkbox"], #mainContent.forgot-password-form input[type="checkbox"] { display: inline-block; width: auto; cursor: pointer; border: none; } #mainContent.login-form select, #mainContent.logout-form select, #mainContent.sign-up-form select, #mainContent.forgot-password-form select { width: 343px; } #mainContent.login-form p.note, #mainContent.logout-form p.note, #mainContent.sign-up-form p.note, #mainContent.forgot-password-form p.note { font-size: 0.846em; color: #9c948d; text-align: left; width: auto !important; margin: 0; } #mainContent.login-form #legal, #mainContent.logout-form #legal, #mainContent.sign-up-form #legal, #mainContent.forgot-password-form #legal { background: #f0f0f0; width: 100%; overflow: hidden; border-top: 2px #fafafa solid; position: relative; z-index: 4; } #mainContent.login-form #legal .legal-content, #mainContent.logout-form #legal .legal-content, #mainContent.sign-up-form #legal .legal-content, #mainContent.forgot-password-form #legal .legal-content { margin: 70px 90px 60px; } #mainContent.login-form .checkbox label, #mainContent.logout-form .checkbox label, #mainContent.sign-up-form .checkbox label, #mainContent.forgot-password-form .checkbox label { position: relative; cursor: pointer; font-size: 0.923em; } #mainContent.login-form [type="checkbox"] + label, #mainContent.logout-form [type="checkbox"] + label, #mainContent.sign-up-form [type="checkbox"] + label, #mainContent.forgot-password-form [type="checkbox"] + label { float: none; margin-right: 10px; } #mainContent.login-form .checkbox label > [type="checkbox"]:before, #mainContent.logout-form .checkbox label > [type="checkbox"]:before, #mainContent.sign-up-form .checkbox label > [type="checkbox"]:before, #mainContent.forgot-password-form .checkbox label > [type="checkbox"]:before, #mainContent.login-form [type="checkbox"]:before, #mainContent.logout-form [type="checkbox"]:before, #mainContent.sign-up-form [type="checkbox"]:before, #mainContent.forgot-password-form [type="checkbox"]:before { position: absolute; content: ''; background: #ffffff url('../../../../apps/bchydro-web/clientlibs/hydro/global/resources/images/sprites/input-sprite.png') no-repeat 0 0; width: 14px; height: 14px; } #mainContent.login-form .checkbox label > [type="checkbox"]:checked:before, #mainContent.logout-form .checkbox label > [type="checkbox"]:checked:before, #mainContent.sign-up-form .checkbox label > [type="checkbox"]:checked:before, #mainContent.forgot-password-form .checkbox label > [type="checkbox"]:checked:before, #mainContent.login-form [type="checkbox"]:checked:before, #mainContent.logout-form [type="checkbox"]:checked:before, #mainContent.sign-up-form [type="checkbox"]:checked:before, #mainContent.forgot-password-form [type="checkbox"]:checked:before { position: absolute; background: #ffffff url('../../../../apps/bchydro-web/clientlibs/hydro/global/resources/images/sprites/input-sprite.png') no-repeat -14px 0; width: 14px; height: 14px; } #mainContent.login-form .select-style, #mainContent.logout-form .select-style, #mainContent.sign-up-form .select-style, #mainContent.forgot-password-form .select-style { width: 343px; padding: 0; margin: 0; overflow: hidden; background-color: #fff; background: #ffffff url('../../../../apps/bchydro-web/clientlibs/hydro/global/resources/images/sprites/select-sprite.png') no-repeat 96% 36%; cursor: pointer; } #mainContent.login-form .select-style select, #mainContent.logout-form .select-style select, #mainContent.sign-up-form .select-style select, #mainContent.forgot-password-form .select-style select { width: 100%; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; } #mainContent.login-form .select-style select:focus, #mainContent.logout-form .select-style select:focus, #mainContent.sign-up-form .select-style select:focus, #mainContent.forgot-password-form .select-style select:focus { outline: none; } .login-form-message-container { margin: 0; } .login-form-message-container .par { margin: 0; } .login-form-message-container .reference { margin: 40px 80px; } .login-form-message-container + #mainContent.sign-up-form { border-top: none; } #mainContent.sign-up-form { margin-bottom: 0; } #mainContent.sign-up-form form#profileForm { padding: 0 0 0 80px; margin: 0; width: 345px; } #mainContent.sign-up-form form#profileForm .alert.error { margin: 40px 0 0 0; } #mainContent.sign-up-form form#profileForm h1 { height: auto !important; font-size: 32px; } #mainContent.sign-up-form form#profileForm h1.form-brand-icon { margin: 20px 0 0 0; } #mainContent.sign-up-form form#profileForm h1.form-brand-icon + .floatnone { display: none; } #mainContent.sign-up-form form#profileForm fieldset h3 { display: block; float: none; margin: 0; } #mainContent.sign-up-form form#profileForm fieldset p { width: 99%; } #mainContent.sign-up-form form#profileForm fieldset p.description { width: 100%; } #mainContent.sign-up-form form#profileForm fieldset p.description br { display: none; } #mainContent.sign-up-form form#profileForm fieldset p label { text-align: left; float: none; display: block; } #mainContent.sign-up-form form#profileForm fieldset p input { width: 320px; } #mainContent.sign-up-form form#profileForm fieldset.formSaveCancel { margin-bottom: 40px; } #mainContent.sign-up-form + .fineprint { padding: 50px 80px; background: #e5e6e6; margin: 0; } #mainContent.sign-up-form + .fineprint h2 { font-size: 16px; } #mainContent.sign-up-form + .fineprint p { font-size: 0.8461em; padding: 0; margin: 0; line-height: 1.7em; } #mainContent.sign-up-form .column.right.demarcated h1 + p { padding-top: 15px; } #mainContent.sign-up-form .column.right.demarcated p.small { padding-top: 40px; } form#profileForm .column h1 { margin: 40px 0 10px 0; height: auto !important; font-size: 32px; } .column.single > div.alert { margin-top: 40px; } .template-12 .login-form-message-container { margin: 0; } .template-12 .login-form-message-container .reference { margin: 40px 80px; } .template-12 .login-form-message-container + #mainContent.login-form { border-top: 2px solid #f0f0f0; border-top: none; padding-top: 0; } .template-12 .login-form-message-container .par { margin: 0; } .template-12 #mainContent.login-form .alert { width: 340px; margin: 35px 57px 10px 80px; } .template-12 #mainContent.login-form form { padding: 0 0 0 80px; margin: 0; width: 345px; } .template-12 #mainContent.login-form form fieldset { width: 100%; margin: 0; padding: 0; } .template-12 #mainContent.login-form form fieldset p { width: 100%; } .template-12 #mainContent.login-form form fieldset p label { text-align: left; float: none; display: block; } .template-12 #mainContent.login-form form fieldset p input { width: 320px; } .template-12 #mainContent.login-form form label[for="IDToken2"] + a { float: right; margin-top: -22px; font-size: 0.85em; } .template-12 #mainContent.login-form form input#rememberMe { margin-top: 0.769em; } .template-12 #mainContent.login-form form label[for="rememberMe"] { float: none; text-align: center; margin-left: 0; color: #9c948d; } .template-12 #mainContent.login-form form .formSubBtns { margin-top: 20px; } .template-12 #mainContent.login-form form .formSubBtns button[type="submit"] { text-align: center; margin: 0; } .template-12 #mainContent.login-form form .formSubBtns .signup { margin: 20px 0; } .template-12 #mainContent.login-form form .formSubBtns .signup a { font-weight: bold; } #mainContent.forgot-password-form .column.left { width: 960px; margin: 0 80px; } #mainContent.forgot-password-form .column.left form#forgotPasswordForm { width: 425px; margin: 0 auto; } #mainContent.forgot-password-form .column.left form#forgotPasswordForm h1.form-brand-icon { width: 100%; margin: 80px 0 20px 0; font-size: 32px; } #mainContent.forgot-password-form .column.left form#forgotPasswordForm fieldset { width: 345px; margin: 0 auto; } #mainContent.forgot-password-form .column.left form#forgotPasswordForm fieldset p { width: 100%; } #mainContent.forgot-password-form .column.left form#forgotPasswordForm fieldset p:before, #mainContent.forgot-password-form .column.left form#forgotPasswordForm fieldset p:after { content: " "; display: table; } #mainContent.forgot-password-form .column.left form#forgotPasswordForm fieldset p:after { clear: both; } #mainContent.forgot-password-form .column.left form#forgotPasswordForm fieldset p label { text-align: left; float: none; display: block; } #mainContent.forgot-password-form .column.left form#forgotPasswordForm fieldset p input { width: 320px; } #mainContent.forgot-password-form .column.left form#forgotPasswordForm fieldset p.formSubBtns label { text-align: left; float: none; display: none; } #mainContent.forgot-password-form .column.left form#forgotPasswordForm fieldset p.formSubBtns button { text-align: center; margin: 0; } #mainContent.forgot-password-form .column.left form#forgotPasswordForm fieldset .signup { margin: 20px 0; } form#forgotPasswordForm { width: 960px; margin: 0 80px 0 80px; } form#forgotPasswordForm:before, form#forgotPasswordForm:after { content: " "; display: table; } form#forgotPasswordForm:after { clear: both; } form#forgotPasswordForm div, form#forgotPasswordForm p, form#forgotPasswordForm label { float: none; } form#forgotPasswordForm .column.left { width: 425px; text-align: center; margin: 0 auto 80px; } form#forgotPasswordForm .column.left h1 { background: url('../../../../content/dam/BCHydro/images/logos/bchydro-symbol.png.thumb.100.140.png.rendition.png') no-repeat 50% 0; padding: 75px 0 0 0; width: 345px; height: auto; font-weight: normal; width: 100%; margin: 80px 0 20px 0; font-size: 32px; } form#forgotPasswordForm .column.left fieldset { width: 320px; border: none; margin: 0 auto; padding: 20px 0 0 0; background: none; display: block; } form#forgotPasswordForm .column.left fieldset p { width: 100%; text-align: left; } form#forgotPasswordForm .column.left fieldset p.note { width: 100% !important; margin-left: 0; } form#forgotPasswordForm .column.left fieldset p:before, form#forgotPasswordForm .column.left fieldset p:after { content: " "; display: table; } form#forgotPasswordForm .column.left fieldset p:after { clear: both; } form#forgotPasswordForm .column.left fieldset p label { float: none; display: none; } form#forgotPasswordForm .column.left fieldset p input { display: block; width: 320px; color: #555555; padding: 0.785em 10px; margin: 0 0 0.769em 0; -webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; border: 2px solid #cbc4bc; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0); } form#forgotPasswordForm .column.left fieldset p input:active, form#forgotPasswordForm .column.left fieldset p input:focus { border: 2px solid #10a3c8; outline: none; } form#forgotPasswordForm .column.left fieldset p span { font-weight: bold; } form#forgotPasswordForm .column.left fieldset p span.errortext { font-weight: bold; display: block; clear: both; padding: 0; } form#forgotPasswordForm .column.left fieldset .formSubBtns { float: none; padding-left: 0; } form#forgotPasswordForm .column.left fieldset .formSubBtns label { text-align: left; float: none; display: none; } form#forgotPasswordForm .column.left fieldset .formSubBtns button { text-align: center; margin: 0; } form#forgotPasswordForm .column.left fieldset .formSubBtns button + button { margin-left: 0.8em; } form#forgotPasswordForm .column.left fieldset .signup { float: none; margin: 20px 0; } form#forgotPasswordForm .column.right { border: none; padding: 40px 90px 0 30px; margin: 0 -80px 0 0; float: right; background: #f0f0f0; width: 220px; -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2); box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2); } #mainContent { position: relative; } #mainContent.login-form:before, #mainContent.logout-form:before, #mainContent.sign-up-form:before, #mainContent.login-form:after, #mainContent.logout-form:after, #mainContent.sign-up-form:after { content: " "; display: table; } #mainContent.login-form:after, #mainContent.logout-form:after, #mainContent.sign-up-form:after { clear: both; } #mainContent.login-form h1, #mainContent.logout-form h1, #mainContent.sign-up-form h1 { font-size: 32px; } #mainContent.login-form .right-side, #mainContent.logout-form .right-side, #mainContent.sign-up-form .right-side, #mainContent.login-form .column.right, #mainContent.logout-form .column.right, #mainContent.sign-up-form .column.right { width: 560px; margin: 0; padding: 0; border-left: none; background: none; position: static; } #mainContent.login-form .right-side:before, #mainContent.logout-form .right-side:before, #mainContent.sign-up-form .right-side:before, #mainContent.login-form .column.right:before, #mainContent.logout-form .column.right:before, #mainContent.sign-up-form .column.right:before { width: 560px; height: 100%; background: #f0f0f0; position: absolute; top: 0; right: 0; content: ''; z-index: -1; } #mainContent.login-form .right-side .reference .blankpage, #mainContent.logout-form .right-side .reference .blankpage, #mainContent.sign-up-form .right-side .reference .blankpage, #mainContent.login-form .column.right .reference .blankpage, #mainContent.logout-form .column.right .reference .blankpage, #mainContent.sign-up-form .column.right .reference .blankpage { padding: 24px 40px 0; } #mainContent.login-form .right-side .reference .blankpage h1, #mainContent.logout-form .right-side .reference .blankpage h1, #mainContent.sign-up-form .right-side .reference .blankpage h1, #mainContent.login-form .column.right .reference .blankpage h1, #mainContent.logout-form .column.right .reference .blankpage h1, #mainContent.sign-up-form .column.right .reference .blankpage h1 { margin-bottom: 0; } #mainContent.login-form .right-side .reference .blankpage .image, #mainContent.logout-form .right-side .reference .blankpage .image, #mainContent.sign-up-form .right-side .reference .blankpage .image, #mainContent.login-form .column.right .reference .blankpage .image, #mainContent.logout-form .column.right .reference .blankpage .image, #mainContent.sign-up-form .column.right .reference .blankpage .image { margin-top: 30px; margin-bottom: 15px; } #mainContent.login-form .content, #mainContent.logout-form .content, #mainContent.sign-up-form .content { width: 480px; } #mainContent.login-form .content .content-inner, #mainContent.logout-form .content .content-inner, #mainContent.sign-up-form .content .content-inner { padding-right: 80px; } #mainContent.login-form .column.left, #mainContent.logout-form .column.left, #mainContent.sign-up-form .column.left { margin: 0; width: 480px; padding-right: 80px; } #mainContent.login-form .login-form-message-container .reference, #mainContent.logout-form .login-form-message-container .reference, #mainContent.sign-up-form .login-form-message-container .reference { margin: 40px 80px 0; } #mainContent.logout-form { margin: 0; } #mainContent.logout-form .column.left { margin: 0; width: 400px; padding: 80px; } #mainContent.logout-form .column.right .reference { padding: 0 0 5px 0; margin: 0; } #mainContent.sign-up-form .right-side:before, #mainContent.sign-up-form .column.right:before { -webkit-box-shadow: inset 3px 0px 5px -2px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 3px 0px 5px -2px rgba(0, 0, 0, 0.2); box-shadow: inset 3px 0px 5px -2px rgba(0, 0, 0, 0.2); }