body { background-color: #eeeeee !important; } /*background-color: $body-color;*/ .thefa-theme .adaptive-body a:link, .thefa-theme .adaptive-body a:visited { color: #a38f63; } .lbtn-generic, .container_3 .action-sign-in a, .signupControl .lbtn, .signupControl .lbtn-small, .signupControl .social-signin .lbtn-small, .social-signin .signupControl .lbtn-small, .signupControl .about-registration .lbtn-small, .about-registration .signupControl .lbtn-small, .social-signin .lbtn, .social-signin .lbtn-small, .social-signin .about-registration .lbtn-small, .about-registration .social-signin .lbtn-small, .about-registration .lbtn, .about-registration .lbtn-small, .ui-dialog.delete-junior .ui-dialog.delete-junior .ui-dialog-buttonpane .ui-dialog-buttonset button, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button { background: transparent; background-color: #004f9f; border-radius: 2px; text-shadow: none; color: white !important; padding: 11px 15px 11px 15px; text-transform: uppercase; font: bold 14px/19px Arial; border: none; text-decoration: none !important; transition: background-color 0.25s ease-in-out 0s; } .lbtn-generic:hover, .container_3 .action-sign-in a:hover, .signupControl .lbtn:hover, .signupControl .lbtn-small:hover, .signupControl .social-signin .lbtn-small:hover, .social-signin .signupControl .lbtn-small:hover, .signupControl .about-registration .lbtn-small:hover, .about-registration .signupControl .lbtn-small:hover, .social-signin .lbtn:hover, .social-signin .lbtn-small:hover, .social-signin .about-registration .lbtn-small:hover, .about-registration .social-signin .lbtn-small:hover, .about-registration .lbtn:hover, .about-registration .lbtn-small:hover, .ui-dialog.delete-junior .ui-dialog.delete-junior .ui-dialog-buttonpane .ui-dialog-buttonset button:hover, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:hover, .lbtn-generic.hover, .container_3 .action-sign-in a.hover, .signupControl .hover.lbtn, .signupControl .hover.lbtn-small, .signupControl .social-signin .hover.lbtn-small, .social-signin .signupControl .hover.lbtn-small, .signupControl .about-registration .hover.lbtn-small, .about-registration .signupControl .hover.lbtn-small, .social-signin .hover.lbtn, .social-signin .hover.lbtn-small, .social-signin .about-registration .hover.lbtn-small, .about-registration .social-signin .hover.lbtn-small, .about-registration .hover.lbtn, .about-registration .hover.lbtn-small, .ui-dialog.delete-junior .ui-dialog.delete-junior .ui-dialog-buttonpane .ui-dialog-buttonset button.hover, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.hover { text-decoration: none !important; background-color: #3581ce; cursor: pointer; color: white !important; } .h5-juniors, #junior-section-wrapper #linked-juniors, #junior-section-wrapper #new-juniors { margin: 0 0 10px -10px; background-color: #004f9f; color: white; padding-left: 10px; } .lbtn-2 { background-color: #666666 !important; } .lbtn-2:hover { background-color: #999999 !important; } .bold { font-weight: bold !important; } .normal { font-weight: normal !important; } .floatL { float: left !important; } .floatR { float: right !important; } .floatNone { float: none !important; } .redBorder { border: 1px solid red !important; } .padding-left { padding-left: 15px; } .margin-right { margin-right: 15px; } .overflow-visible { overflow: visible !important; } hr { background-color: #999999; } .list-ul li { padding-left: 10px; background: url("../../images/mod-esc-sprite.png") -280px -310px no-repeat; line-height: 20px; } .ui-datepicker { z-index: 100 !important; } .container_3 a, .container_3 a:visited, .container_3 a:hover { color: #004f9f !important; } .container_3 a.lbtn, .container_3 .signupControl a.lbtn-small, .signupControl .container_3 a.lbtn-small, .container_3 .social-signin a.lbtn-small, .social-signin .container_3 a.lbtn-small, .container_3 .about-registration a.lbtn-small, .about-registration .container_3 a.lbtn-small, .container_3 a:visited.lbtn, .container_3 .signupControl a.lbtn-small:visited, .signupControl .container_3 a.lbtn-small:visited, .container_3 .social-signin a.lbtn-small:visited, .social-signin .container_3 a.lbtn-small:visited, .container_3 .about-registration a.lbtn-small:visited, .about-registration .container_3 a.lbtn-small:visited, .container_3 a:hover.lbtn, .container_3 .signupControl a.lbtn-small:hover, .signupControl .container_3 a.lbtn-small:hover, .container_3 .social-signin a.lbtn-small:hover, .social-signin .container_3 a.lbtn-small:hover, .container_3 .about-registration a.lbtn-small:hover, .about-registration .container_3 a.lbtn-small:hover { color: white !important; text-decoration: none; } .container_3 a.lbtn:hover, .container_3 .signupControl a.lbtn-small:hover, .signupControl .container_3 a.lbtn-small:hover, .container_3 .social-signin a.lbtn-small:hover, .social-signin .container_3 a.lbtn-small:hover, .container_3 .about-registration a.lbtn-small:hover, .about-registration .container_3 a.lbtn-small:hover, .container_3 a:visited.lbtn:hover, .container_3 .signupControl a.lbtn-small:visited:hover, .signupControl .container_3 a.lbtn-small:visited:hover, .container_3 .social-signin a.lbtn-small:visited:hover, .social-signin .container_3 a.lbtn-small:visited:hover, .container_3 .about-registration a.lbtn-small:visited:hover, .about-registration .container_3 a.lbtn-small:visited:hover, .container_3 a:hover.lbtn:hover, .container_3 .signupControl a.lbtn-small:hover:hover, .signupControl .container_3 a.lbtn-small:hover:hover, .container_3 .social-signin a.lbtn-small:hover:hover, .social-signin .container_3 a.lbtn-small:hover:hover, .container_3 .about-registration a.lbtn-small:hover:hover, .about-registration .container_3 a.lbtn-small:hover:hover { text-decoration: none !important; } .container_3 .action-sign-in { overflow: hidden; font-weight: bold; text-align: center; } .container_3 .action-sign-in a { color: #ffffff !important; -moz-box-sizing: border-box; box-sizing: border-box; min-width: 122px; margin-left: 10px; box-shadow: 0 0 2px #000; line-height: 19px; padding: 11px 15px; } .container_3 .action-sign-in a.lbtn-short { min-width: 90px; } .signupControl, .social-signin, .about-registration { font: 12px/15px Arial, sans-serif; } .signupControl .floatL, .social-signin .floatL, .about-registration .floatL { float: left !important; } .signupControl .floatR, .social-signin .floatR, .about-registration .floatR { float: right !important; } .signupControl a, .social-signin a, .about-registration a { text-decoration: none; color: #004f9f !important; } .signupControl a:hover, .signupControl a:focus, .social-signin a:hover, .social-signin a:focus, .about-registration a:hover, .about-registration a:focus { text-decoration: underline; } .signupControl h2, .social-signin h2, .about-registration h2 { margin-bottom: 25px; font-family: 'FSJackBold', Arial; font-size: 22px !important; } .signupControl h2 .subheading, .social-signin h2 .subheading, .about-registration h2 .subheading { font-family: Helvetica; font-weight: normal; position: relative; bottom: 1px; font-size: 14px !important; } .signupControl h3, .social-signin h3, .about-registration h3 { margin-bottom: 10px; } .signupControl .text p, .signupControl.text p, .social-signin .text p, .social-signin.text p, .about-registration .text p, .about-registration.text p { font: normal 12px/22px Arial; margin-bottom: 15px; } .signupControl .text .prettycheckbox label, .social-signin .text .prettycheckbox label, .about-registration .text .prettycheckbox label { font: normal 12px/16px Arial; padding-top: 1px; padding-bottom: 0; } .signupControl .smallText, .signupControl .about-registration ul > li p, .about-registration ul > li .signupControl p, .social-signin .smallText, .social-signin .about-registration ul > li p, .about-registration ul > li .social-signin p, .about-registration .smallText, .about-registration ul > li p { font: normal 11px/15px Arial; } .signupControl .smallText.label, .signupControl .about-registration ul > li p.label, .about-registration ul > li .signupControl p.label, .social-signin .smallText.label, .social-signin .about-registration ul > li p.label, .about-registration ul > li .social-signin p.label, .about-registration .smallText.label, .about-registration ul > li p.label { margin-bottom: 3px; } .signupControl .smallText2, .social-signin .smallText2, .about-registration .smallText2 { font: normal 11px/11px Arial; } .signupControl .smallNextMsg, .social-signin .smallNextMsg, .about-registration .smallNextMsg { float: right; width: 260px; padding: 7px 0 0 0; } .signupControl strong, .social-signin strong, .about-registration strong { font-weight: bold; } .signupControl li, .social-signin li, .about-registration li { line-height: 20px; } .signupControl .borderTop, .social-signin .borderTop, .about-registration .borderTop { border-top: 1px solid #333; } .signupControl .display, .social-signin .display, .about-registration .display { display: block !important; } .signupControl .block, .social-signin .block, .about-registration .block { display: block !important; } .signupControl .disabled, .social-signin .disabled, .about-registration .disabled { background-color: #eeeeee !important; } .signupControl .focused, .social-signin .focused, .about-registration .focused { border: 1px solid #a5c7fe !important; } .signupControl .relative, .social-signin .relative, .about-registration .relative { position: relative !important; } .signupControl hr, .social-signin hr, .about-registration hr { height: 1px; border: none; background-color: #666666; margin-bottom: 12px; width: 100%; float: left; } .signupControl .social-signin, .signupControl .about-registration, .social-signin .social-signin, .social-signin .about-registration, .about-registration .social-signin, .about-registration .about-registration { padding: 0 10px; width: 280px; } .signupControl .formRow, .signupControl .adaptive-checkbox, .social-signin .formRow, .social-signin .adaptive-checkbox, .about-registration .formRow, .about-registration .adaptive-checkbox { margin-bottom: 15px; } .signupControl .formRow, .social-signin .formRow, .about-registration .formRow { position: relative; } .signupControl .formRow label, .signupControl .formRow input, .social-signin .formRow label, .social-signin .formRow input, .about-registration .formRow label, .about-registration .formRow input { float: none; color: #333333; } .signupControl .formRow label, .social-signin .formRow label, .about-registration .formRow label { margin-right: 0; margin-bottom: 3px; } .signupControl .label-secondary, .social-signin .label-secondary, .about-registration .label-secondary { display: block; margin-bottom: 3px; } .signupControl .default-style, .signupControl input.input-text, .signupControl .social-signin input.input-text, .social-signin .signupControl input.input-text, .signupControl .about-registration input.input-text, .about-registration .signupControl input.input-text, .signupControl select#Country, .signupControl .social-signin select#Country, .social-signin .signupControl select#Country, .signupControl .about-registration select#Country, .about-registration .signupControl select#Country, .signupControl .select-box-wrapper .sbHolder .sbSelector, .select-box-wrapper .sbHolder .signupControl .sbSelector, .social-signin .default-style, .social-signin .signupControl input.input-text, .signupControl .social-signin input.input-text, .social-signin input.input-text, .social-signin .about-registration input.input-text, .about-registration .social-signin input.input-text, .social-signin .signupControl select#Country, .signupControl .social-signin select#Country, .social-signin select#Country, .social-signin .about-registration select#Country, .about-registration .social-signin select#Country, .social-signin .select-box-wrapper .sbHolder .sbSelector, .select-box-wrapper .sbHolder .social-signin .sbSelector, .about-registration .default-style, .about-registration .signupControl input.input-text, .signupControl .about-registration input.input-text, .about-registration .social-signin input.input-text, .social-signin .about-registration input.input-text, .about-registration input.input-text, .about-registration .signupControl select#Country, .signupControl .about-registration select#Country, .about-registration .social-signin select#Country, .social-signin .about-registration select#Country, .about-registration select#Country, .about-registration .select-box-wrapper .sbHolder .sbSelector, .select-box-wrapper .sbHolder .about-registration .sbSelector { -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 38px; } .signupControl .expand-view, .social-signin .expand-view, .about-registration .expand-view { display: none; } .signupControl .expand-view .collapsed, .social-signin .expand-view .collapsed, .about-registration .expand-view .collapsed { display: block; } .signupControl input.input-text, .social-signin input.input-text, .about-registration input.input-text { box-sizing: border-box !important; margin: 0; line-height: 1; /*width:378px;*/ display: block; border-color: #c7c7c7; background: none; background-color: white; } .signupControl input.input-text.date, .social-signin input.input-text.date, .about-registration input.input-text.date { /*width:348px;*/ padding-left: 40px; background: url("../../images/mod-esc-sprite.png") no-repeat scroll -460px -94px; } .signupControl input.input-validation-error, .social-signin input.input-validation-error, .about-registration input.input-validation-error { padding-right: 40px; border: 1px solid #fc3030 !important; background: url("../../images/exclamation.png") no-repeat scroll top right; } .signupControl input.input-validation-error.date, .social-signin input.input-validation-error.date, .about-registration input.input-validation-error.date { background: url("../../images/exclamation.png") no-repeat scroll top right, url("../../images/mod-esc-sprite.png") no-repeat scroll -460px -94px !important; } .signupControl input.input-validation-error.photo, .social-signin input.input-validation-error.photo, .about-registration input.input-validation-error.photo { background: url("../../images/exclamation.png") no-repeat scroll top right, url("../../images/mod-esc-sprite.png") -226px -342px no-repeat !important; } .signupControl input.input-validation-error#DateOfBirth, .social-signin input.input-validation-error#DateOfBirth, .about-registration input.input-validation-error#DateOfBirth { background: url("../../images/mod-esc-sprite.png") no-repeat scroll 88px -229px; } .signupControl .date:hover, .social-signin .date:hover, .about-registration .date:hover { cursor: pointer; } .signupControl select, .social-signin select, .about-registration select { padding: 5px; background: none; } .signupControl .labelWrapper, .social-signin .labelWrapper, .about-registration .labelWrapper { overflow: hidden; width: 400px; float: left; margin-right: 10px; } .signupControl .labelWrapper .datePickerIcon, .social-signin .labelWrapper .datePickerIcon, .about-registration .labelWrapper .datePickerIcon { position: absolute; width: 24px; height: 23px; left: 8px; top: 24px; background: url("../../images/mod-esc-sprite.png") no-repeat scroll -466px -100px; } .signupControl .labelWrapperSmall, .social-signin .labelWrapperSmall, .about-registration .labelWrapperSmall { width: 195px; margin-right: 10px; float: left; } .signupControl .asterisk:after, .social-signin .asterisk:after, .about-registration .asterisk:after { content: "*"; } .signupControl .radioBtn span, .signupControl .radioBtn input, .signupControl .radioBtn label, .social-signin .radioBtn span, .social-signin .radioBtn input, .social-signin .radioBtn label, .about-registration .radioBtn span, .about-registration .radioBtn input, .about-registration .radioBtn label { float: left; font-size: 12px; } .signupControl .radioBtn input[type=radio], .social-signin .radioBtn input[type=radio], .about-registration .radioBtn input[type=radio] { margin: 2px 5px 0; } .signupControl .radioBtn label, .social-signin .radioBtn label, .about-registration .radioBtn label { width: 90px; font-weight: normal; } .signupControl .tooltip, .social-signin .tooltip, .about-registration .tooltip { display: none; width: 180px; padding: 10px; margin: 0 0 0 10px; color: white; position: absolute; top: 20px; right: 0; background-image: none; text-indent: 0; background-color: #E30613; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .signupControl .tooltip.short, .social-signin .tooltip.short, .about-registration .tooltip.short { width: 130px; margin-right: 0; } .signupControl .tooltip .arrow, .social-signin .tooltip .arrow, .about-registration .tooltip .arrow { width: 10px; height: 20px; background: url("../../images/mod-esc-sprite.png") no-repeat scroll -378px -210px; position: absolute; left: -10px; top: 7px; display: block; font-size: 1px; line-height: 1px; } .signupControl .prettycheckbox input, .social-signin .prettycheckbox input, .about-registration .prettycheckbox input { width: 14px; margin-right: 3px; } .signupControl .prettycheckbox label, .social-signin .prettycheckbox label, .about-registration .prettycheckbox label { font-size: 11px; line-height: 1; padding: 2px 0 5px 10px; font-weight: normal; margin: 0; color: #666; width: 373px; } .signupControl .prettycheckbox span, .social-signin .prettycheckbox span, .about-registration .prettycheckbox span { background-size: 96px auto !important; background-repeat: no-repeat; } .signupControl .prettycheckbox span.checked, .social-signin .prettycheckbox span.checked, .about-registration .prettycheckbox span.checked { background-position: -70px -172px; } .signupControl .prettycheckbox a.checked, .social-signin .prettycheckbox a.checked, .about-registration .prettycheckbox a.checked { display: block; height: 15px; width: 15px; background: url("../../images/icon-checked.png") no-repeat scroll 0 0; } .signupControl .subheading, .social-signin .subheading, .about-registration .subheading { padding-left: 20px; } .signupControl p.info, .social-signin p.info, .about-registration p.info { padding-left: 40px; background: url("../../images/mod-esc-sprite.png") -338px -236px no-repeat; width: 359px; margin: 20px 0; } .signupControl ul.info, .social-signin ul.info, .about-registration ul.info { padding-left: 30px; } .signupControl ul.info li, .social-signin ul.info li, .about-registration ul.info li { padding-left: 10px; background: url("../../images/mod-esc-sprite.png") -280px -310px no-repeat; line-height: 20px; } .signupControl .short, .social-signin .short, .about-registration .short { /*width:503px;*/ margin-right: 17px; } .signupControl .short2, .social-signin .short2, .about-registration .short2 { width: 600px; } .signupControl .lbtn-small, .social-signin .lbtn-small, .about-registration .lbtn-small { line-height: 1; } .signupControl .seperator, .social-signin .seperator, .about-registration .seperator { color: #c9c9c9; } .signupControl .submitBtn, .social-signin .submitBtn, .about-registration .submitBtn { margin: 20px 0 20px 0; } .signupControl .submitBtn input, .signupControl .submitBtn a.lbtn, .signupControl .submitBtn a.lbtn-small, .signupControl .submitBtn .social-signin a.lbtn-small, .social-signin .signupControl .submitBtn a.lbtn-small, .signupControl .submitBtn .about-registration a.lbtn-small, .about-registration .signupControl .submitBtn a.lbtn-small, .social-signin .submitBtn input, .social-signin .submitBtn a.lbtn, .social-signin .submitBtn .signupControl a.lbtn-small, .signupControl .social-signin .submitBtn a.lbtn-small, .social-signin .submitBtn a.lbtn-small, .social-signin .submitBtn .about-registration a.lbtn-small, .about-registration .social-signin .submitBtn a.lbtn-small, .about-registration .submitBtn input, .about-registration .submitBtn a.lbtn, .about-registration .submitBtn .signupControl a.lbtn-small, .signupControl .about-registration .submitBtn a.lbtn-small, .about-registration .submitBtn .social-signin a.lbtn-small, .social-signin .about-registration .submitBtn a.lbtn-small, .about-registration .submitBtn a.lbtn-small { margin: 3px !important; /*height:31px;*/ font-family: Arial; min-width: 131px; } .signupControl .submitBtn a.lbtn, .signupControl .submitBtn a.lbtn-small, .signupControl .submitBtn .social-signin a.lbtn-small, .social-signin .signupControl .submitBtn a.lbtn-small, .signupControl .submitBtn .about-registration a.lbtn-small, .about-registration .signupControl .submitBtn a.lbtn-small, .social-signin .submitBtn a.lbtn, .social-signin .submitBtn .signupControl a.lbtn-small, .signupControl .social-signin .submitBtn a.lbtn-small, .social-signin .submitBtn a.lbtn-small, .social-signin .submitBtn .about-registration a.lbtn-small, .about-registration .social-signin .submitBtn a.lbtn-small, .about-registration .submitBtn a.lbtn, .about-registration .submitBtn .signupControl a.lbtn-small, .signupControl .about-registration .submitBtn a.lbtn-small, .about-registration .submitBtn .social-signin a.lbtn-small, .social-signin .about-registration .submitBtn a.lbtn-small, .about-registration .submitBtn a.lbtn-small { text-align: center; min-width: 100px; background-color: #000; margin-left: 140px !important; } .signupControl .submitBtn button, .social-signin .submitBtn button, .about-registration .submitBtn button { margin: 7px 0 0 20px; background-color: transparent; border: none; font-weight: bold; color: #333; } .signupControl .submitBtn button:hover, .signupControl .submitBtn button:focus, .social-signin .submitBtn button:hover, .social-signin .submitBtn button:focus, .about-registration .submitBtn button:hover, .about-registration .submitBtn button:focus { cursor: pointer; text-decoration: underline; } .signupControl .prevNextBtn, .signupControl .prevNextBtn2, .social-signin .prevNextBtn, .social-signin .prevNextBtn2, .about-registration .prevNextBtn, .about-registration .prevNextBtn2 { /*width:497px;*/ /*width:403px;*/ } .signupControl .prevNextBtn .cancel, .signupControl .prevNextBtn2 .cancel, .social-signin .prevNextBtn .cancel, .social-signin .prevNextBtn2 .cancel, .about-registration .prevNextBtn .cancel, .about-registration .prevNextBtn2 .cancel { display: block; font-size: 12px; line-height: 16px; font-weight: bold; color: #333333 !important; margin: 16px 20px 15px 0; float: left; } .signupControl .prevNextBtn input, .signupControl .prevNextBtn2 input, .social-signin .prevNextBtn input, .social-signin .prevNextBtn2 input, .about-registration .prevNextBtn input, .about-registration .prevNextBtn2 input { float: right; } .signupControl .prevNextBtn2, .social-signin .prevNextBtn2, .about-registration .prevNextBtn2 { /*width: 504px;*/ } .signupControl .photo, .social-signin .photo, .about-registration .photo { padding-left: 40px; background: url("../../images/mod-esc-sprite.png") -226px -342px no-repeat !important; } .signupControl .photo:hover, .social-signin .photo:hover, .about-registration .photo:hover { cursor: pointer; } .signupControl .lineText label, .signupControl .lineText a, .signupControl .lineText span, .social-signin .lineText label, .social-signin .lineText a, .social-signin .lineText span, .about-registration .lineText label, .about-registration .lineText a, .about-registration .lineText span { line-height: 19px; margin: 0; } .signupControl .lineText .desc, .social-signin .lineText .desc, .about-registration .lineText .desc { width: 164px; padding-right: 10px; font-weight: bold; } .signupControl .lineText select, .social-signin .lineText select, .about-registration .lineText select { width: 226px; } .signupControl .lineTextBtn .loading span, .social-signin .lineTextBtn .loading span, .about-registration .lineTextBtn .loading span { float: left; } .signupControl .lineTextBtn .loading #loading, .social-signin .lineTextBtn .loading #loading, .about-registration .lineTextBtn .loading #loading { display: none; float: left; padding: 2px 0 0 10px; } .signupControl .lineTextBtn input, .social-signin .lineTextBtn input, .about-registration .lineTextBtn input { float: left; width: 250px; margin-right: 10px; } .signupControl .lineTextBtn input.postcode-lookup, .social-signin .lineTextBtn input.postcode-lookup, .about-registration .lineTextBtn input.postcode-lookup { width: 180px; } .signupControl .lineTextBtn button, .social-signin .lineTextBtn button, .about-registration .lineTextBtn button { float: left; } .signupControl .validation-summary-errors, .social-signin .validation-summary-errors, .about-registration .validation-summary-errors { margin: 10px 0; } .signupControl .validation-summary-errors span, .social-signin .validation-summary-errors span, .about-registration .validation-summary-errors span { font-weight: bold; } .signupControl .validation-summary-errors span, .signupControl .validation-summary-errors ul li, .social-signin .validation-summary-errors span, .social-signin .validation-summary-errors ul li, .about-registration .validation-summary-errors span, .about-registration .validation-summary-errors ul li { color: #fc3030; } .signupControl .validation-summary-valid, .social-signin .validation-summary-valid, .about-registration .validation-summary-valid { display: none; } .signupControl .validation-summary-errors span, .signupControl .validation-summary-errors ul, .signupControl .validation-summary-valid, .social-signin .validation-summary-errors span, .social-signin .validation-summary-errors ul, .social-signin .validation-summary-valid, .about-registration .validation-summary-errors span, .about-registration .validation-summary-errors ul, .about-registration .validation-summary-valid { color: #fc3030; margin: 20px 0; } .signupControl .validation-summary-errors span li, .signupControl .validation-summary-errors span span, .signupControl .validation-summary-errors ul li, .signupControl .validation-summary-errors ul span, .signupControl .validation-summary-valid li, .signupControl .validation-summary-valid span, .social-signin .validation-summary-errors span li, .social-signin .validation-summary-errors span span, .social-signin .validation-summary-errors ul li, .social-signin .validation-summary-errors ul span, .social-signin .validation-summary-valid li, .social-signin .validation-summary-valid span, .about-registration .validation-summary-errors span li, .about-registration .validation-summary-errors span span, .about-registration .validation-summary-errors ul li, .about-registration .validation-summary-errors ul span, .about-registration .validation-summary-valid li, .about-registration .validation-summary-valid span { color: red; font: normal 12px/18px Arial; } .signupControl .validation-summary-errors span li hr, .signupControl .validation-summary-errors span span hr, .signupControl .validation-summary-errors ul li hr, .signupControl .validation-summary-errors ul span hr, .signupControl .validation-summary-valid li hr, .signupControl .validation-summary-valid span hr, .social-signin .validation-summary-errors span li hr, .social-signin .validation-summary-errors span span hr, .social-signin .validation-summary-errors ul li hr, .social-signin .validation-summary-errors ul span hr, .social-signin .validation-summary-valid li hr, .social-signin .validation-summary-valid span hr, .about-registration .validation-summary-errors span li hr, .about-registration .validation-summary-errors span span hr, .about-registration .validation-summary-errors ul li hr, .about-registration .validation-summary-errors ul span hr, .about-registration .validation-summary-valid li hr, .about-registration .validation-summary-valid span hr { border: none; border-top: 1px solid #c7c7c7; background-color: transparent; margin: 7px 0; } .signupControl .validation-summary-errors span li h3, .signupControl .validation-summary-errors span span h3, .signupControl .validation-summary-errors ul li h3, .signupControl .validation-summary-errors ul span h3, .signupControl .validation-summary-valid li h3, .signupControl .validation-summary-valid span h3, .social-signin .validation-summary-errors span li h3, .social-signin .validation-summary-errors span span h3, .social-signin .validation-summary-errors ul li h3, .social-signin .validation-summary-errors ul span h3, .social-signin .validation-summary-valid li h3, .social-signin .validation-summary-valid span h3, .about-registration .validation-summary-errors span li h3, .about-registration .validation-summary-errors span span h3, .about-registration .validation-summary-errors ul li h3, .about-registration .validation-summary-errors ul span h3, .about-registration .validation-summary-valid li h3, .about-registration .validation-summary-valid span h3 { margin: 0; font-size: 1em; } .signupControl .validation-summary-errors span > span, .signupControl .validation-summary-errors ul > span, .signupControl .validation-summary-valid > span, .social-signin .validation-summary-errors span > span, .social-signin .validation-summary-errors ul > span, .social-signin .validation-summary-valid > span, .about-registration .validation-summary-errors span > span, .about-registration .validation-summary-errors ul > span, .about-registration .validation-summary-valid > span { font-weight: bold; } .signupControl .validation-summary-errors ul, .social-signin .validation-summary-errors ul, .about-registration .validation-summary-errors ul { margin-top: 0; } .signupControl .summary > div, .social-signin .summary > div, .about-registration .summary > div { margin-bottom: 5px; } .social-signin { border-bottom: 1px solid #c9c9c9; margin-bottom: 20px; } .social-signin p:first-child { text-align: center; } .social-signin p:first-child a { font-weight: bold; } .social-signin .lineH { text-transform: uppercase; text-align: center; line-height: 22px; font-weight: bold; background: url("../../images/dot.gif") 0 10px repeat-x; } .social-signin .lineH span { padding: 0 10px; background: white; } .social-signin ul { margin-bottom: 10px; } .social-signin ul li { margin: 10px auto 0; background: url("../../images/mod-esc-sprite.png") 0 -254px no-repeat; width: 182px; height: 32px; } .social-signin ul li:first-child { margin-top: 0; } .social-signin ul li a { color: white !important; padding-left: 23px; text-align: center; line-height: 32px; display: block; } .social-signin ul li.google { background-position: 0 -318px; } .social-signin ul li.twitter { background-position: 0 -286px; } .social-signin .footer { font: 11px/15px Arial; } .aqm { width: 16px; height: 16px; float: left; padding-right: 3px; background: transparent url("../../images/aqm.png") no-repeat 0 0; margin: 0 0 0 -25px; cursor: pointer; } .datepicker-instructions { width: 200px; } .datepicker-instructions-text { display: none; } .about-registration { padding-top: 8px; margin-bottom: 10px; } .about-registration h3 { background: url("../../images/mod-esc-sprite.png") -430px -124px no-repeat; margin-bottom: 10px; padding: 10px 0 10px 42px; line-height: 31px; border-top: 3px solid #ed1c24; border-bottom: 3px solid #ed1c24; color: #ffffff; font-size: 1.5em; } .about-registration ul > li { border-bottom: 3px solid #ed1c24; padding: 20px 0; } .about-registration ul > li h4, .about-registration ul > li p { padding-left: 42px; } .about-registration ul > li h4 { margin: 0; background: url("../../images/mod-esc-sprite.png") -498px -62px no-repeat; color: #ffffff; font-size: 1.3125em; } .about-registration ul > li p { margin-bottom: 5px; } .about-registration ul > li:first-child { margin-top: -10px; } .about-registration ul > li + li h4 { background-position: -541px -28px; } .about-registration ul > li + li + li { border-bottom: none; } .about-registration ul > li + li + li h4 { background-position: -583px 5px; } .right-col { text-align: center; } .right-col img { /*margin:-12px 0 0 -12px;*/ } .select-box-wrapper .sbHolder { width: auto; height: 36px; background-color: white; color: #333333 !important; outline: 0; } .select-box-wrapper .sbHolder .sbToggle { top: 15px; right: 5px; height: 9px; background: url("../../images/mod-esc-sprite.png") -40px -659px no-repeat; } .select-box-wrapper .sbHolder .sbToggle.sbToggleOpen { background-position: -40px -669px; } .select-box-wrapper .sbHolder .sbSelector { padding: 7px 20px 9px 0; height: 38px; color: inherit !important; font-weight: normal; border: 1px solid #c7c7c7; width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } .select-box-wrapper .sbHolder .sbOptions { top: 35px !important; border: 1px solid #c7c7c7 !important; border-top: none !important; position: relative; width: auto; padding-top: 10px; background-color: white; z-index: 10; } .select-box-wrapper .sbHolder .sbOptions li { height: auto; padding-top: 0 !important; padding-bottom: 0 !important; background-color: white; } .select-box-wrapper .sbHolder .sbOptions li:hover { background-color: #eeeeee; } .select-box-wrapper .sbHolder .sbOptions li a { color: #666666 !important; font-size: 12px; line-height: 14px; padding-left: 0; } .prettyradio a { background: url("../../images/mod-esc-sprite.png") -171px -422px no-repeat; cursor: pointer; display: block; float: left; height: 16px; margin: 0; width: 16px; } .prettyradio a.checked { background-position: -201px -391px; } .prettyradio label { cursor: pointer; display: block; float: left; margin: 0; padding: 1px 0 1px 3px; } div.signupControlPrompt { margin-top: 10px; } .ui-datepicker { width: auto !important; border-radius: 0 !important; box-shadow: 0 0 15px 0 #999; -moz-box-shadow: 0 0 15px 0 #999; -webkit-box-shadow: 0 0 15px 0 #999; } .ui-datepicker .ui-corner-all { border-radius: 0 !important; } .ui-datepicker .ui-datepicker-title select { margin: 2px !important; height: 20px; width: 65px !important; font-size: 12px !important; } .ui-datepicker .ui-datepicker-title select option { font-size: 12px !important; } .ui-datepicker .ui-datepicker-title .ui-datepicker-month { color: #666666; font-size: 16px; position: relative; top: -5px; left: 5px; } .ui-datepicker .ui-datepicker-calendar th span { color: #666666; font-weight: normal; } .ui-datepicker .ui-datepicker-header > a { width: 27px !important; height: 27px !important; } .ui-datepicker .ui-datepicker-header > a span { margin-left: -6px !important; margin-top: -5px !important; width: 9px; height: 12px; } .ui-datepicker .ui-datepicker-header > a.ui-datepicker-prev span { background: url("../../images/mod-esc-sprite.png") -41px -690px no-repeat; } .ui-datepicker .ui-datepicker-header > a.ui-datepicker-prev.ui-datepicker-prev-hover span { background: url("../../images/mod-esc-sprite.png") -41px -690px no-repeat; } .ui-datepicker .ui-datepicker-header > a.ui-datepicker-next span { margin-left: -4px !important; background: url("../../images/mod-esc-sprite.png") -41px -678px no-repeat; } .ui-datepicker .ui-datepicker-header > a.ui-datepicker-next.ui-datepicker-next-hover span { background: url("../../images/mod-esc-sprite.png") -41px -678px no-repeat; } .ui-datepicker .ui-datepicker-calendar th, .ui-datepicker .ui-datepicker-calendar td { width: 20px; } .ui-datepicker .ui-datepicker-calendar th span, .ui-datepicker .ui-datepicker-calendar th a, .ui-datepicker .ui-datepicker-calendar td span, .ui-datepicker .ui-datepicker-calendar td a { width: auto; } .ui-datepicker .ui-datepicker-calendar th span, .ui-datepicker .ui-datepicker-calendar td span { padding: 0; font-size: 14px; } .ui-datepicker .ui-datepicker-calendar th a, .ui-datepicker .ui-datepicker-calendar td a { font-size: 12px; padding: 7px; } .ui-datepicker span, .ui-datepicker a { text-align: center !important; } .grid_1 > .grid_1-inner > a, .grid_1 > .grid_1-inner > img { padding-bottom: 20px; display: block; text-align: center; } .grid_1 h2.subheading { font-size: 16px; text-align: center; font-family: Helvetica; font-weight: normal; text-transform: uppercase; } .grid_1 .badge { margin-bottom: 10px; } .grid_1 .more-account { border-top: 3px solid #ff0000; text-transform: none; text-align: center; margin-top: 10px; margin-bottom: 10px; padding-top: 10px; font-size: 14px; line-height: 30px; } .address-box textarea { width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; height: auto; overflow: hidden; resize: none; word-wrap: break-word; min-height: 120px; padding: 22px 16px 0 16px; font-family: Arial; font-size: 12px; line-height: 1.4; } .address-box .address-box-edit { position: absolute; bottom: 5px; right: 8px; padding: 4px 0 0 23px; background: url("../../images/mod-esc-sprite.png") no-repeat -315px -267px; cursor: pointer; display: block; font-family: Arial; font-size: 12px; line-height: 23px; } .address-box .address-box-edit:hover { text-decoration: underline; } /* --------------------------- JUNIOR MEMBERS --------------------------- */ #junior-section-wrapper { margin: 40px 0; display: none; } #junior-section-wrapper.active h5 { background: #004f9f; padding: 0 10px; color: white; } #junior-section-wrapper #junior-template { display: none; } #junior-section-wrapper #linked-juniors, #junior-section-wrapper #new-juniors { display: none; } #junior-section-wrapper #linked-juniors#new-juniors, #junior-section-wrapper #new-juniors#new-juniors { margin-top: 30px; } #junior-section-wrapper #linked-juniors.active, #junior-section-wrapper #new-juniors.active { display: block; } #junior-section-wrapper .junior-tabs, #junior-section-wrapper .junior-tabs-existing { border: 1px solid #e2e2e2; margin-bottom: 15px; background: #f3f3f3; float: left; width: 100%; position: relative; } #junior-section-wrapper .adult { border: 1px solid #004f9f; margin-bottom: 10px; background: #e8f1fc; } #junior-section-wrapper .adult .warning { color: #fc3030; } #junior-section-wrapper .junior-tabs.esc-signup h5 { background-color: #fc3030; padding: 5px 10px; margin: 0; } #junior-section-wrapper .junior-tabs .existing-junior-content { margin: 15px; width: 100%; float: left; } #junior-section-wrapper .junior-tabs.myaccount { background: none; margin-bottom: none; border: none; } #junior-section-wrapper .junior-tabs-lower { padding: 0px 10px 10px; } #junior-section-wrapper .junior-title { /*height:40px;*/ padding-top: 3px; width: 50%; float: left; } #junior-section-wrapper .junior-title a { float: right; margin-top: 13px; margin-right: 10px; position: absolute; right: 0; } #junior-section-wrapper .junior-title h6 { float: left; margin-left: 10px; margin-bottom: 0px; font-size: 24px; color: #333; width: 285px; line-height: 27px; } #junior-section-wrapper .junior-badges { float: right; margin: -10px 0 0 0; position: absolute; top: 10px; right: 0; } #junior-section-wrapper .junior-badges ul { width: 285px; } #junior-section-wrapper .junior-badges ul li { list-style-type: none; display: inline; float: right; padding: 2px 10px 0 0; } #junior-section-wrapper .tabs { position: relative; min-height: 206px; clear: both; /*margin: 25px 0; height:230px;*/ } #junior-section-wrapper .tab { float: left; } #junior-section-wrapper .tab > label { background: #ddd; padding: 10px; border: 1px solid #ccc; margin-left: -1px; position: relative; left: 1px; top: 2px; cursor: pointer; display: block; } #junior-section-wrapper .tab [type=radio] { display: none; } #junior-section-wrapper .content { position: absolute; top: 37px; left: 0; background: white; right: 0; bottom: 0; padding: 20px 10px 20px 20px; border: 1px solid #ccc; } #junior-section-wrapper [type=radio]:checked ~ label { background: white; /*border-bottom: 1px solid white;*/ border-bottom: none; z-index: 2; } #junior-section-wrapper [type=radio]:checked ~ label ~ .content { z-index: 1; } #junior-section-wrapper h6 { line-height: 40px; font-size: 20px; } #junior-section-wrapper #junior-members-add .btn-2:before { content: '(+) '; } #junior-section-wrapper.active { display: block; } .junior-wrapper { /*background: $grey-color5; margin-bottom: 20px; padding:10px 0;*/ padding: 0; margin: 0; background: none; } .junior-wrapper > .formRow:first-child { margin-bottom: 0; } .junior-wrapper > .formRow:first-child .adaptive-checkbox { margin-bottom: 0; } .junior-wrapper .junior-members-remove { margin: -5px 0 0 0; } .junior-wrapper .junior-members-remove a:before { content: '(-) '; } .junior-wrapper .prettyradio { width: 100%; } .junior-wrapper .prettyradio a { margin-top: 2px; } .junior-wrapper .prettyradio label { padding-left: 20px; } #junior-members-trigger, #junior-members-add { display: none; } #junior-members-trigger.active, #junior-members-add.active { display: inline-block; } #junior-members-trigger a:before { content: '(+) '; } #junior-count { margin-top: 25px; text-align: center; border-top: 2px solid #eeeeee; padding: 11px 10px 7px; line-height: 20px; font-weight: bold; } #upgrade-junior-members, #existing-junior-members { display: none; } #upgrade-junior-members .listRow, #existing-junior-members .listRow { overflow: hidden; margin-bottom: 10px; } #upgrade-junior-members .listRow .heading li, #existing-junior-members .listRow .heading li { float: left; width: 100px; text-align: center; padding: 11px 10px 7px 10px; } #upgrade-junior-members .listRow .read-only, #existing-junior-members .listRow .read-only { overflow: hidden; background-color: #eee; transition: background-color 0.5s ease; } #upgrade-junior-members .listRow .read-only li, #existing-junior-members .listRow .read-only li { float: left; width: 100px; text-align: center; padding: 11px 10px 7px 10px; } #upgrade-junior-members .listRow .read-only li:first-child + li + li + li + li, #existing-junior-members .listRow .read-only li:first-child + li + li + li + li { padding: 0; margin: 11px 51px 10px 52px; width: 17px; height: 17px; } #upgrade-junior-members .listRow .read-only li:first-child + li + li + li + li .adaptive-checkbox, #existing-junior-members .listRow .read-only li:first-child + li + li + li + li .adaptive-checkbox { margin-bottom: 0; height: 17px; } #upgrade-junior-members .listRow .read-only li:first-child + li + li + li + li .adaptive-checkbox .prettycheckbox, #existing-junior-members .listRow .read-only li:first-child + li + li + li + li .adaptive-checkbox .prettycheckbox { text-align: center; width: 17px; } #upgrade-junior-members .listRow .read-only li:first-child + li + li + li + li .adaptive-checkbox .prettycheckbox label, #existing-junior-members .listRow .read-only li:first-child + li + li + li + li .adaptive-checkbox .prettycheckbox label { width: 17px; padding: 0; } #upgrade-junior-members .listRow .read-only li:first-child + li + li + li + li .adaptive-checkbox .prettycheckbox span, #existing-junior-members .listRow .read-only li:first-child + li + li + li + li .adaptive-checkbox .prettycheckbox span { width: 18x; height: 17px; } #upgrade-junior-members .listRow .read-only.active, #existing-junior-members .listRow .read-only.active { background-color: #bfde82; } #upgrade-junior-members .listRow .read-write, #existing-junior-members .listRow .read-write { margin: 20px 0 20px 52px; display: none; } #upgrade-junior-members .listRow .read-write.active, #existing-junior-members .listRow .read-write.active { display: block; } #upgrade-junior-members .firstRow, #existing-junior-members .firstRow { margin-bottom: 10px; background-color: #eee; } #upgrade-junior-members .firstRow span, #existing-junior-members .firstRow span { font-weight: bold; font-size: 14px; } #upgrade-junior-members.active, #existing-junior-members.active { display: block; } /* #existing-junior-members-wrapper { display:none; margin:10px 0; > h5 { @extend .h5-juniors; } #existing-junior-members { display: block; } &.active { display:block; } } */ ::-webkit-input-placeholder { line-height: 16px; } div.radioTxt { float: left; width: 40px; line-height: 1.2em; } input[type=radio].radioTxt { float: left; margin: 0 2px; } .accessibilty { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); } .disibilityContainer { display: none; } .aqm { width: 16px; height: 16px; background: transparent url("../../images/aqm.png") no-repeat 0 0; } #dialog-confirm { display: none; } .ui-dialog { box-shadow: 0 0 30px #000; } .ui-dialog .ui-dialog-titlebar { border: none; /*#ui-id-1:before { content: "Find My Address"; }*/ } .ui-dialog .ui-dialog-titlebar #ui-id-1 { line-height: 1.5; } .ui-dialog .ui-dialog-titlebar .ui-button .ui-icon-closethick { margin-top: -7px; } .ui-dialog .ui-dialog-titlebar .ui-button.ui-state-hover { border: none; box-shadow: 0 0 100px; } .ui-dialog #postcodeLookupResults { border: none; height: auto !important; padding-top: 20px; } .ui-dialog #postcodeLookupResults #Results { background: none; padding: 0; } .ui-dialog #postcodeLookupResults #Results option { font-size: 12px; line-height: 14px; outline: 0 !important; } .ui-dialog #postcodeLookupResults #Results option:hover { background-color: #eee; outline: 0 !important; } .ui-dialog #postcodeLookupResults #Results option:focus { outline: 0 !important; } .ui-dialog #postcodeLookupResults .ui-button { margin: 20px 0 10px 0; } .ui-dialog #postcodeLookupResults .ui-button #btnOk, .ui-dialog #postcodeLookupResults .ui-button #btnCancel { background-image: none; background-color: #004f9f; border-radius: 2px; text-shadow: none; color: white !important; padding: 11px 15px 11px 15px; text-transform: uppercase; font-family: Arial; font-weight: bold; border: none; min-width: 122px; font-size: 14px; transition: all 0.25s ease-in-out 0s; } .ui-dialog #postcodeLookupResults .ui-button #btnOk:hover, .ui-dialog #postcodeLookupResults .ui-button #btnCancel:hover { background-color: #3581ce; cursor: pointer; } .ui-dialog.delete-junior .ui-dialog-titlebar { border: none; } .ui-dialog.delete-junior .ui-dialog-titlebar #ui-id-1:before { content: "Remove Junior Member"; } .ui-dialog.delete-junior .ui-dialog { box-shadow: 0 0 30px #000; } .ui-dialog.delete-junior .ui-dialog .ui-dialog-titlebar { border: none; } .ui-dialog.delete-junior .ui-dialog .ui-dialog-titlebar #ui-id-1:before { content: "Find My Address"; } .ui-dialog.delete-junior .ui-dialog .ui-dialog-titlebar #ui-id-1 { line-height: 1.5; } .ui-dialog.delete-junior .ui-dialog .ui-dialog-titlebar .ui-button .ui-icon-closethick { margin-top: -7px; } .ui-dialog.delete-junior .ui-dialog .ui-dialog-titlebar .ui-button.ui-state-hover { border: none; box-shadow: 0 0 100px; } .ui-dialog.delete-junior .ui-dialog #postcodeLookupResults { border: none; height: auto !important; padding-top: 20px; } .ui-dialog.delete-junior .ui-dialog #postcodeLookupResults #Results { background: none; padding: 0; } .ui-dialog.delete-junior .ui-dialog #postcodeLookupResults #Results option { font-size: 12px; line-height: 14px; outline: 0 !important; } .ui-dialog.delete-junior .ui-dialog #postcodeLookupResults #Results option:hover { background-color: #eee; outline: 0 !important; } .ui-dialog.delete-junior .ui-dialog #postcodeLookupResults #Results option:focus { outline: 0 !important; } .ui-dialog.delete-junior .ui-dialog #postcodeLookupResults .ui-button { margin: 20px 0 10px 0; } .ui-dialog.delete-junior .ui-dialog #postcodeLookupResults .ui-button #btnOk, .ui-dialog.delete-junior .ui-dialog #postcodeLookupResults .ui-button #btnCancel { background-image: none; background-color: #004f9f; border-radius: 2px; text-shadow: none; color: white !important; padding: 11px 15px 11px 15px; text-transform: uppercase; font-family: Arial; font-weight: bold; border: none; min-width: 122px; font-size: 14px; transition: all 0.25s ease-in-out 0s; } .ui-dialog.delete-junior .ui-dialog #postcodeLookupResults .ui-button #btnOk:hover, .ui-dialog.delete-junior .ui-dialog #postcodeLookupResults .ui-button #btnCancel:hover { background-color: #3581ce; cursor: pointer; } .ui-dialog.delete-junior .ui-dialog.delete-junior .ui-dialog-titlebar { border: none; } .ui-dialog.delete-junior .ui-dialog.delete-junior .ui-dialog-titlebar #ui-id-1:before { content: "Delete Junior Member"; } .ui-dialog.delete-junior .ui-dialog.delete-junior .ui-dialog-content { height: auto !important; } .ui-dialog.delete-junior .ui-dialog.delete-junior .ui-dialog-content p { padding-top: 10px; margin-bottom: 0; font-size: 12px; line-height: 20px; } .ui-dialog.delete-junior .ui-dialog.delete-junior .ui-widget-content { border: none; } .ui-dialog.delete-junior .ui-dialog.delete-junior .ui-dialog-buttonpane { margin-top: 0; padding: 16px; } .ui-dialog.delete-junior .ui-dialog.delete-junior .ui-dialog-buttonpane .ui-dialog-buttonset { float: none; } .ui-dialog.delete-junior .ui-dialog.delete-junior .ui-dialog-buttonpane .ui-dialog-buttonset button { float: right; margin: 0; } .ui-dialog.delete-junior .ui-dialog.delete-junior .ui-dialog-buttonpane .ui-dialog-buttonset button .ui-button-text { padding: 0; } .ui-dialog.delete-junior .ui-dialog.delete-junior .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child { float: left; } .ui-dialog.delete-junior .ui-corner-all { border-radius: 0; } .ui-dialog .ui-dialog-content { height: auto !important; } .ui-dialog .ui-dialog-content p { padding-top: 10px; margin-bottom: 0; font-size: 12px; line-height: 20px; } .ui-dialog .ui-widget-content { border: none; } .ui-dialog .ui-dialog-buttonpane { margin-top: 0; padding: 16px; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: none; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button { float: right; margin: 0; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button .ui-button-text { padding: 0; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child { float: left; } .ui-corner-all { border-radius: 0; } .email-msgs { font-size: 1.5em; line-height: 1.8em; } .email-msgs img { vertical-align: top; margin: 4px 0 0 0; } @media screen and (-webkit-min-device-pixel-ratio: 0) { /* Your CSS */ div.sbHolder:focus { border: 1px solid #a5c7fe; width: auto !important; border-radius: 3 !important; box-shadow: 0 0 3px 0 #a5c7fe; -webkit-box-shadow: 0 0 3px 0 #a5c7fe; } div.sbHolder:focus > a.sbSelector { border-color: #a5c7fe; border-radius: 3 !important; } } .lte8 .signupControl .prettycheckbox span.checked { background-position: -279px -32px; } .lte8 .signupControl .input-text { line-height: 26px !important; } .social-signin-container { position: absolute; bottom: 0; width: 268px; } .social-signin-container .social-btn { float: left; width: 265px; height: 38px; line-height: 36px; margin: 0 3px 33px; text-align: center; } .social-signin-container .social-btn button { background: transparent; color: #ffffff; border: 0; padding: 0; cursor: pointer; width: 100%; } .social-signin-container .social-btn button:hover { text-decoration: underline; } .social-signin-container .social-btn a.sn { color: #ffffff !important; text-decoration: none; font-size: 12px; } .social-signin-container span.sign-in-label { line-height: 25px; } .social-btn.Facebook div.social-logo { background: #3b5998 url("../../images/social-logo-sprite.png") no-repeat 12px 12px; width: 44px; height: 44px; margin: 0 10px 0 0; display: inherit; vertical-align: middle; float: left; } .social-btn.Facebook span { float: left; font-weight: bold; line-height: 13px; padding: 6px 0 0 3px; text-align: left; width: 200px; } .social-btn.Facebook button { background: transparent; color: #ffffff; border: 0; float: left; padding: 2px 0 0; width: auto; } .social-btn.Twitter div.social-logo { background: #55acee url("../../images/social-logo-sprite.png") no-repeat 13px -27px; width: 44px; height: 44px; margin: 0 10px 0 0; display: inherit; vertical-align: middle; float: left; } .social-btn.Twitter span { float: left; font-weight: bold; line-height: 13px; padding: 6px 0 0 3px; text-align: left; width: 200px; } .social-btn.Twitter button { background: transparent; color: #ffffff; border: 0; float: left; padding: 2px 0 0; width: auto; } .social-btn.Google div.social-logo { background: #df4a32 url("../../images/social-logo-sprite.png") no-repeat 14px -69px; width: 44px; height: 44px; margin: 0 10px 0 0; display: inherit; vertical-align: middle; float: left; } .social-btn.Google span { float: left; font-weight: bold; line-height: 13px; padding: 6px 0 0 3px; text-align: left; width: 200px; } .social-btn.Google button { background: transparent; color: #ffffff; border: 0; float: left; padding: 2px 0 0; width: auto; } .social-signin-container.top { position: inherit; padding: 0 0 40px 0; border-top: none; width: 100%; } .social-signin-container.top .social-btn { width: 200px; margin: 0 10px 0 0; line-height: 30px; float: left; cursor: pointer; } .social-signin-container.top .social-btn button { background: transparent; color: #ffffff; border: 0; padding: 0; width: 100%; height: 100%; float: none; cursor: pointer; } .social-signin-container.top .social-btn div.social-logo { display: inherit; vertical-align: middle; margin: 0; float: none; } .social-signin-container.top .social-btn.Facebook { background-color: #3b5998; } .social-signin-container.top .social-btn.Facebook div.social-logo { background: url("../../images/social-logo-sprite.png") no-repeat 0 0; width: 24px; height: 24px; } .social-signin-container.top .social-btn.Twitter { background-color: #55acee; margin: 0; } .social-signin-container.top .social-btn.Twitter div.social-logo { background: url("../../images/social-logo-sprite.png") no-repeat 0 -41px; width: 22px; height: 20px; } .social-signin-container.top .social-btn.Google { background-color: #df4a32; } .social-signin-container.top .social-btn.Google div.social-logo { background: url("../../images/social-logo-sprite.png") no-repeat 0 -82px; width: 22px; height: 22px; } .social-hr { margin: 20px 0; height: 0; border: 0; border-bottom: 1px solid #c9c9c9 !important; } .social-hr-text { text-align: center; font-size: 16px; } .social-hr-text span { position: relative; top: -20px; background: #fff; padding: 0 10px; color: #999; font-weight: bold; } /* Overriding existing styling */ .governance-theme .signupControl h2 { margin-bottom: 10px !important; color: #ffffff !important; }