@charset "utf-8";
/* SSO Stylesheet */

#sso_address_lbl div.optional_text{display:none;}

.sso_cancel_anchor, .sso_cancel_popup, #sso_cancel_popup{
padding:0 20px;
display:inline-block;
font-size:14px;
font-size:0.875rem;
}

.myaccount-wrapper .newPasswordErrorLabel,
.myaccount-wrapper .sso_newPassword_grp .error{
	display:none !important;
}

ul#username-list{
	margin:0;
	padding:0;
	list-style:none;
}

div.sso-remember label{
   margin: 0 .2rem 0 .5rem;
}

.sso-login-inner h3{
margin:0 0 15px 0;
}

#login-intro{margin:61px 0 0 0;max-width:259px;}
div#login-intro.ncoaCreate{max-width:100%;}
@media only screen and (max-width: 40em) {
	#login-intro{margin:32px 0 0 0;max-width:auto;}
}


#login-intro h2{max-width:360px;}
@media only screen and (max-width: 40em) {
	#login-intro h2{font-size:22px;}
}

div.version{
    font-size:14px;
    font-weight:600;
}

body { margin: 144px 0 0; margin: 9rem 0 0; }
sup { top: -1em; font-size: 40%; font-weight: bold;  }
#main { margin: 0 auto; }

#parent_app_view > .row { }

p.languageRadioGroup{
margin:0;
margin-top: 15px;
}

p.languageRadioGroup input{
margin: .75rem 0 0 0;
}

#sso_submit.grey, #update_terms.grey{
background:#ccc;
color:#fff;
}

#sso_answer1_lbl, #sso_answer2_lbl{
margin:10px 0 0 0;
}

.displayInline{display:inline !important;}

.sso-container {  max-width: 1000px; max-width: 62.5rem; margin: 0 auto;  }

.sso-mergeView-container { max-width: 1000px; max-width: 62.5rem; margin: 3em auto 0; border-left: 1px solid #F2F2F2; border-right: 1px solid #F2F2F2; border-bottom: 1px solid #F2F2F2; }

#sso_ftl_merge_finalize_form { padding: 1em 0; }
.accountview-wrapper #sso_ftl_merge_finalize_form  { padding: 1em 2em; }
.sso-mergeView-container #sso_ftl_merge_finalize_form h3 { margin-bottom: 1.25em; }
.accountview-wrapper .sso-mergeView-container > .pageHeader,
.confirmationMergeView .sso-mergeView-container { margin-top: 7.5em; }

	.sso-login-banner .sso-login-inner { max-width: 1000px; max-width: 62.5rem; margin: 0 auto; position: relative; padding: 0.75em; }
	.sso-login-banner .sso-login-inner .sso-div-title {  }
	.sso-login-banner + .sso-login-wrapper { padding: 45px 0 0 0; }
	.sso-login-template {width:304px;margin:0;background-color:#fff;padding:24px;display:inline-block;float:right;}
	@media only screen and (max-width: 40em) {
		.sso-login-template{padding: 8px 0 0 0;}
	}
	.sso-login-template > form { margin: 0; }
	.sso-login-template .sso_grp { margin-bottom: 0.5em; }
	.sso-login-template .navigationPlain { padding-top: 0; }
	.sso-login-template button#sso_action { margin-bottom: 0; }
	.sso-login-template .sso_grp #g-recaptcha-response-login {position:absolute;left:-9999px; }
    @media only screen and (min-width: 64.063em){
        .sso-login-template .sso_grp .g-recaptchaLogin {transform:scale(0.83);-webkit-transform:scale(0.83);transform-origin:0 0;-webkit-transform-origin:0 0; }
    }

.sso_label_large  { }
	.sso_label_large h1.banner { padding: 0; font-size: 45px; font-size: 2.813rem; line-height: 49px; color: #333; margin: 0.25em 0; }
	.sso_label_large p.banner { font-size: 16px; font-size: 1rem; color: #333; }
.sso_grp .sso_input { margin: 0.25em 0 0.75em 0; }

form.sso-login-template div#sso_username_grp, form.sso-login-template div#sso_password_grp{
    margin:0;
}


select.sso_input { padding: 10px 14px 10px 10px; font-size: 14px; font-size: 0.9rem; -moz-appearance: none; }

.sso_input.error, .sso_input.serverError{
	border:solid 1px #CA261A;
}

div.smb_link .sso_input.error, div.commercial_link_content .sso_input.error{
	background: url("../../../cpotemplate/img/sso/icons/icon_checkmark_red.png") no-repeat right center;
	border:solid 1px #CA261A;
}


div#username-suggestions{position:relative;background:#fff;border:1px solid #c5c5c5;margin:10px 0 0 0;padding:10px 10px 0 10px;display:none;border-radius:5px;box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);}
div#username-suggestions.open{display:block;}
div#username-suggestions:after,div#username-suggestions:before{bottom:100%;left:20px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;}
div#username-suggestions:after{border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:7px;margin-left:-7px;}
div#username-suggestions:before{border-color:rgba(197,197,197,0);border-bottom-color: #c4c4c4;border-width:8px;margin-left:-8px;}





		div.flyouthelp{padding:10px;margin:0 0 0 25px;border-radius:2px;width:100%;display:none;position:absolute;background:#fff;border:1px solid #c5c5c5;max-width:450px;}
		div.flyouthelp.open{display:block;}
		div.flyouthelp.error p, div.flyouthelp.error p strong{color:#CA261A;}
		div.flyouthelp:after, div.flyouthelp:before{right:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;}
		div.flyouthelp:after{border-color:rgba(255,255,255,0);border-right-color:#fff;border-width:8px;margin-top:-8px;}
		div.flyouthelp:before{border-color:rgba(193,193,193,0);border-right-color:#c1c1c1;border-width:9px;margin-top:-9px;}
		@media only screen and (max-width: 40em){
			div.flyouthelp{margin:0 0 16px 0 !important;position: relative;}
			div.flyouthelp:after, div.flyouthelp:before{left:10px;top:100%;right:auto;}
			div.flyouthelp:after{border-color:rgba(255,255,255,0);border-top-color:#fff;margin-top:0;left:11px;}
			div.flyouthelp:before{border-color:rgba(193,193,193,0);border-top-color:#c1c1c1;margin-top:0;}
		}
		div.flyouthelp *:last-child{margin:0;}
		div.flyouthelp p{font-size:12px;line-height:18px;margin:0 0 10px 0;}
		div.smb_link_content div.sso_err_lbl, div.commercial_link_content div.sso_err_lbl{display:none;}


		div.importantInformationFlyout{padding:18px 18px 18px 50px;margin:0 100px 0 0;border-radius:2px;width:100%;display:none;position:absolute;background:#daeaf5 url(../../../cpotemplate/img/sso/icons/importantInformationIcon.jpg) 10px center no-repeat;border:1px solid #daeaf5;max-width:300px;left: 100%;top:100%;opacity:0;-webkit-transition: opacity .3s;transition: opacity .3s;z-index:98;box-sizing:border-box;}
		div.importantInformationFlyout.display{display:block;}
		div.importantInformationFlyout.open{opacity:1;}
		div.importantInformationFlyout.error p, div.flyouthelp.error p strong{color:#CA261A;}
		div.importantInformationFlyout:after, div.importantInformationFlyout:before{right:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;}
		div.importantInformationFlyout:after{border-color:rgba(255,255,255,0);border-right-color:#daeaf5;border-width:8px;margin-top:-8px;}
		div.importantInformationFlyout:before{border-color:rgba(193,193,193,0);border-right-color:#daeaf5;border-width:9px;margin-top:-9px;}
		@media only screen and (max-width: 64em){
			div.importantInformationFlyout{position:absolute;bottom:140%;left: 0.9375rem;right: 0.9375rem;width: auto;top:auto;max-width:100%;margin:0;}
			div.importantInformationFlyout:after, div.importantInformationFlyout:before{left:50%;top:100%;right:auto;margin:-15px 0 0 0;}
			div.importantInformationFlyout:after{border-color:rgba(255,255,255,0);border-top-color:#daeaf5;margin-top:0;}
			div.importantInformationFlyout:before{border-color:rgba(193,193,193,0);border-top-color:#daeaf5;margin-top:0;}
		}
		div.importantInformationFlyout *:last-child{margin:0;}
		div.importantInformationFlyout p{font-size:12px;line-height:18px;margin:0 0 10px 0;}
		@media only screen and (min-width: 64em){
			div#sso_phone1_grp div.importantInformationFlyout{margin:0 0 0 167px;}
			.viewDTPO div#sso_phone1_grp div.importantInformationFlyout{margin:0 0 0 124px;}
		}


		.buttonNoBox{
			padding: 0 20px;
            display: inline-block;
            font-size: 14px;
            font-size: 0.875rem;
		}
		@media only screen and (max-width: 40em) {
			.buttonNoBox{padding:0;}
		}
		.maxwidth650{
			max-width:650px;
		}


#sso_username_lbl span{
font-size:12px;
font-size:0.75rem;
color:#858585;
}

select.sso_input.securityQuestion{
	font-size:0.875rem;
}


div.sso_grp p.securityQuestionsHeader{
margin:25px 0 0 0;
font-size:0.75rem;
font-weight:500;
}



@media only screen and (max-width: 40em) {
div.sso_grp p.securityQuestionsHeader{
margin:12px 0 0 0;
}
}

div.sso_grp p.securityQuestionsHeaderDtpo { margin-bottom: 28px; font-weight: 500; }

#sso_registration_container .sso_grp.columns .textgrp { margin: 32px 0 -25px -12px; }

#sso_newPassword_grp #sso_newPassword_err{
    display:none;
}




.sso_instr { display:none; }
#recaptcha_widget .sso_instr, #sso_ftl_merge_finalize_form .sso_instr { display: block; }

#sso_existing_title.sso_label_large { font-size: 21px; font-size: 1.313rem; padding-bottom: 1em;  font-weight:300;}

.sso-content-yellow-bkg { padding: 2.25em 0 1.15em; background-color: #fff1c6; text-align: center; }
	.sso-content-yellow-bkg a { color: #333; }
	.sso-content-yellow-bkg .link-arrow { margin-left: 16px; display:inline-block; width: 34px; height: 34px; background: url('../../../cpotemplate/img/sso/icons/arrow.png') no-repeat 0 0; }
	.link-skiptext { position: relative; margin:0;}
	.link-skiptext .link-arrow { position: absolute; top:-5px; }


.sso-login-wrapper { padding:0 0 45px; }
	.sso-login-wrapper .sso-login-inner { max-width: 1000px; max-width: 62.5rem; margin: 0px auto;  }
	.sso-login-wrapper .sso-login-inner .large-12.columns { float:none; }
.sso-login-wrapper .sso-login-inner .grey-bg { background: none repeat scroll 0 0 #f3f3f3; padding-left: 25px !important; padding-right: 25px !important; padding-top: 19px !important; padding-bottom: 19px !important; }
.sso-login-wrapper .sso-login-inner .white-box-border { border-left: 26px solid #ffffff;  }

#ssoShowPassword, #ssoHidePassword,
.security-dropdown a { font-size: 12px; font-size: 0.75rem; color: #4D4D4D; cursor: pointer; display: block; font-weight: normal; line-height: 1.5; margin-bottom: 0; text-align: right; }

/* Element Definitions */

.sso-hidden { display: none; }
.clearfix { clear:both; }
.align-center { text-align: center; }


.button { background-color: #087CC0; }
.button + .button { margin-left: 0.5em; }
a.button.light, input.button.light[type="submit"], button.light, button#sso_action.light { background: none repeat scroll 0 0 #DAEAF5; color: #0881C6; }
a.button.light:hover, input.button.light[type="submit"]:hover, button.light:hover,button#sso_action.light:hover { background: none repeat scroll 0 0 #BAD8EC; color:#087cc0; }

form.sso-login-template #sso_action{
    width:100%;
    margin:0 0 20px 0;
}
form.sso-login-template #sso_register{
    width:100%;
    margin:0;
    margin:0 !important;
}


.sso_hidden { position: fixed; }
#sso_registration_container hr { margin: 1em auto 1.5em;}

h1.secureLogo {  padding-right: 4em; font-size: 30px; margin-top:1.5em; margin-bottom:1.2em; }


.notice-panel{
    background:#daeaf5 url(../../../cpotemplate/img/sso/icons/importantInformationIcon.jpg) no-repeat 21px center;
    border:none;
    padding:25px 25px 25px 75px;
}

.panel.notice { background-color: #e6eff9; padding: 14px; padding: 0.9rem; margin-top:20px;   }
.notice-icon { background: url('../img/notice-icon.png') no-repeat 0 0; width: 24px; height: 24px; display:inline-block; vertical-align: top; }
.notice-icon + p { display:inline-block; width: 92%; padding-left: 0.5em; }

.row.margin-row-fix { margin: 0 auto; }
#recaptcha_widget .sso_label { font-size: 14px; font-size: 0.875rem; color: #4D4D4D; cursor: pointer; line-height: 1.5; margin-bottom: 0; }
#recaptcha_image { padding: 1em 0; }


.footer-containerBlue h1 { padding-top:12px; }

/* Registration Page */
#sso_terms_lbl { margin-right: 0; }
#sso_terms_lbl + a { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.5; }
#sso_registration_form #sso_cancel { color: #ffffff; font-family: "Roboto",sans-serif; outline: medium none; background: none repeat scroll 0 0 #fff; /*margin-left: 16px; margin-left:1rem;*/	color: #007095;}
#sso_registration_form #sso_previous { margin-right: 16px; margin-right: 1rem; }
.recaptcha_only_if_image { font-size: 14px; font-size: 0.875rem;}

#sso_accountType_grp { margin-top: 10px; }
#sso_accountType_grp.hideUI { position:relative;height:0px;margin:30px 0px 0px 0px;overflow:hidden; }
#sso_accountType1, #sso_accountType2 { float:left; clear:left; margin-top:12px; margin-top: 0.75rem !important; }
#sso_accountType1_lbl, #sso_accountType2_lbl { float:left; margin-top: 8px; margin-top: 0.5rem; }
#sso_newPassword_lbl { display:inline-block; width: 60%; float:left; margin-bottom:0.25em; }
/*#ssoShowPassword, #ssoHidePassword { width:auto; float:right; }*/

#sso_registration_form #sso_newPassword_grp .sso_err_lbl {  clear:both; }
#sso_registration_form label {  }
#sso_registration_form #sso_security1_grp .sso_err_lbl,
#sso_registration_form #sso_security2_grp .sso_err_lbl { margin: 0.5em 0 0; }
#btnContainerId #sso_submit { margin-left: 0; }
#btnContainerId { display:inline-block; margin-top: 1.25em; }

@media only screen and (max-width: 40em) {
	div#btnContainerId {margin:0; }
}

#sso_uniquePhoneNbr_lbl {left: 15px; font-size: 0.750rem; color: #666666; padding: 1.25rem 0 0.625rem 0; font-weight: 600;}

.sso_smb_phone1_err { margin-left: 13px; }
.sso_lastName { margin-bottom: 23px; }
.sso_smb_phone1_grp { margin-top: 5px; }

/*#sso_region_grp #sso_region { visibility: hidden; position: absolute; }*/

/* Forgot Username Forms */
.forgot-username-wrapper,
.forgot-password-wrapper,
.sso-form-wrapper { background: #FFF; }
  .forgot-username-wrapper #forgot-username-question-form {}
  .forgot-username-wrapper #forgot-username-form {}

	.forgot-username-wrapper #sso_result_grp,
	.forgot-username-wrapper #btnContainerId,
	.forgot-password-wrapper .sso-forgotPassword-Step1,
	.forgot-password-wrapper .sso-forgotPassword-Step2,
	.forgot-password-wrapper #sso_Question_Form,
	.forgot-password-wrapper .sso-forgotPassword-email,
	.sso-form-inner-wrapper  { max-width: 1000px; max-width: 62.5rem; margin: 8px auto 16px; margin: 0.5rem auto 1rem; padding: 0.55em 1em;  }

	.sso-form-wrapper #businessSelectionForm { max-width: 1000px; max-width: 62.5rem; margin: 8px auto 16px; margin: 0.5rem auto 1rem; padding: 0.55em 1.25em;  }




			.sso-form-wrapper #businessSelectionForm .tabs dd>a, .sso-form-wrapper #businessSelectionForm .tabs .tab-title>a, .sso-form-wrapper #businessSelectionForm .tabs dd>a:hover, .tabs .tab-title>a:hover{background:#fff;text-align:center;}
    		.sso-form-wrapper #businessSelectionForm dl.accordion dd.accordion-navigation.active > a:focus{outline:0;}
    		@media only screen and (min-width: 64.063em) {
    			.sso-form-wrapper #businessSelectionForm div.tabs-content{border: solid #ccc;border-width: 0 1px 1px 1px;}
    			.sso-form-wrapper #businessSelectionForm div.content .last { margin-bottom: 0 !important;}
    		}
    		@media only screen and (max-width: 40em) {
    			.sso-form-wrapper #businessSelectionForm .button{width:100%;}
    		}
    		.sso-form-wrapper #businessSelectionForm ul.tabs.threeitems.center li{width:33.333333%;}
    		.sso-form-wrapper #businessSelectionForm .accordion .accordion-navigation>.content, .sso-form-wrapper #businessSelectionForm .accordion dd>.content{padding:1.5375rem;}

    		.sso-form-wrapper #businessSelectionForm .accordion dd ul, .sso-form-wrapper #businessSelectionForm .accordion dd ol{
    			margin-left: 1.3em;
    		}
    		.sso-form-wrapper #businessSelectionForm .marginright15{
    			margin-right:15px;
    		}
    		html .sso-form-wrapper #businessSelectionForm div.msgError code span, html .sso-form-wrapper #businessSelectionForm div.msgSuccess code span, html .sso-form-wrapper #businessSelectionForm div.msgWarning code span{
    		height:24px;
    		}


.sso-form {
  color: #333 !important;
}

.sso-form label {
  color: #333 !important;
}

.sso-form input[type=text],
.sso-form input[type=password],
.sso-form textarea,
.sso-form select {
  border-color: #767676;
}




#password-update-form { padding-top:60px;  }
#password-update-form h1{ padding-bottom:30px;}
#password-update-form input[type="checkbox"] + label {display:inline;}
#password-update-form .sso_err_lbl{clear:both;}

#sso_changePassword_form #sso_newPassword_grp.row{margin: 0px -0.9375rem;}

.sso-ftl-footer { max-width: 1000px; max-width: 62.5rem; margin: 16px auto; margin: 1rem auto; padding: 2em 0em; }
.sso-ftl-footer .large-6.panel { padding: 32px; padding: 2rem; }

#forgot-username-form #sso_fname_desc { margin-bottom: 16px; margin-bottom: 1em; }

/* Forgot Password Forms */
#sso_Question_Form { background: #FFF; }
#sso_fpass_doweb_security_desc { margin-top:1em; }

#sso_Question_Form #passContainer { margin-bottom: 1em; }

/* Choose a Plan */
#businessSelectionForm { }
#businessSelectionForm .box-BusinessSelection { border-left: 1px solid #D8D8D8;}
#businessSelectionForm .box-BusinessSelection:first-child { border-left: 0 none; padding-left: 0; }

#businessSelectionForm .row { margin-left: auto; margin-right: auto; }

#businessSelectionForm .sso-businessSelection-title h1 { margin-bottom:16px; margin-bottom: 1em; }
.sso-button-bar .button { width: 100%; display:block; }

.smb_link_content, .commercial_link_content { margin-bottom: 1em; }
.commercial_link_content label, .smb_link_content label{line-height:1; padding-top:8px; padding-bottom:5px;}

.sso-businessSelection-title h2 { margin-bottom: 40px; }

ul.sso-progress-bar { border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; width: 100%; display:block; margin-left:0; margin-right: 0; margin-bottom: 35px; }
	ul.sso-progress-bar li { color:#333; font-weight: bold; list-style: none; display:inline-block; width: 25%; text-align: center; line-height: 3.25; padding:0; }
	ul.sso-progress-bar li.active { background-color: #107cc0; color: #FFF; }
	ul.sso-progress-bar li.active:before { background: url('../img/progress-arrows.png') no-repeat left center #6daad0; content: "\00a0"; line-height: 3.25; width:15px; display:inline-block; float:left; }
	ul.sso-progress-bar li.active:after { background: url('../img/progress-arrows.png') no-repeat right center #6daad0; content: "\00a0"; line-height: 3.25; width:15px; display:inline-block; float:right; }
	ul.sso-progress-bar li.active span.smaller { font-size: 0.9rem; }
	ul.sso-progress-bar li.completed { color: #757575; }
	ul.sso-progress-bar.items-2 li { width: 50%; }
	ul.sso-progress-bar.items-3 li { width: 33.33%; }
	ul.sso-progress-bar.items-4 li { width: 25%; }
	ul.sso-progress-bar.items-5 li { width: 20%; }


@media only screen and (min-width: 64.063em){
ul.sso-progress-bar.items-5 li.smallerBreadCrumbItem{width:17%;}
ul.sso-progress-bar.items-5 li.largerBreadCrumbItem{width:23%;}
}


a#sso_new_venture_one.has-tip { color: #087CC0; }

.btnContainer-split hr { margin: 20px 0 16px; margin: 1.25rem 0 1rem; }



@media only screen and (max-width: 40em) {
.btnContainer-split hr {margin:0 0 5px 0;}
}

/* Consumer Plan */
#addPhoneNumber, .deletePhoneNumber { position: absolute; left: 100%; top: 45%; white-space: nowrap; font-size: 14px;font-size: 0.875rem; }


#sso_ftl_merge_finalize_form #addPhoneNumber,#sso_ftl_merge_finalize_form .deletePhoneNumber {
    font-size: 14px;
    font-size: 0.875rem;
    left: 25%;
    padding-top: 37px;
    position: absolute;
    white-space: nowrap;
}

#sso_ftl_merge_finalize_form  #sso_newPassword{margin-bottom:0;}
#sso_ftl_merge_finalize_form #sso_phone1{margin-bottom:0;}
#sso_ftl_merge_finalize_form #sso_phone1_instr{margin: 0em 0 0.75em 0;}

.confirmationMergeView #sso_ftl_merge_finalize_form #addPhoneNumber,
.confirmationMergeView #sso_ftl_merge_finalize_form .deletePhoneNumber { left: 0; }


#sso_create_title h3 { margin-bottom: 32px;font-size: 28px; }
/*#sso_phone2_grp .deletePhoneNumber { top:42%; }*/
.deletePhoneNumber { color: #da291c;}
.deletePhoneNumber:hover { color: #ff6254; }
#addPhoneNumber:before, .plusmark:before { width:25px; height:20px; display:inline-block; vertical-align: text-bottom; background: url('../../../cpotemplate/img/sso/icons/icon-addmore.png') no-repeat 0 0; content:"\00a0"; }
.deletePhoneNumber:before { width:25px; height:20px; display:inline-block; vertical-align: text-bottom; background: url('../../../cpotemplate/img/sso/icons/icon-remove.png') no-repeat 0 0; content:"\00a0"; }

#sso_ventureOneQuantity_grp .sso_CardsRequired_Message { position: absolute; left: 100%; top: 62%; white-space: nowrap; font-size: 14px;font-size: 0.875rem; }

#sso_addressComplete { display: inline-block; margin: 0.25em 0 0.75em 0;  overflow: hidden; font-family: 'Roboto', sans-serif; }
#sso_addressComplete:empty { padding:0; background-color: transparent; }
#sso_addressComplete > p {  }
#sso_editAddressLink, #sso_address_grp > .large-8 { font-size: 14px; font-size: 0.875rem; }

/* SMB Plan */
#sso_registration_form .breadcrumbs { display:none; }

#sso_addressline1_grp > div.large-4 > label { text-align: right; color: #107CC0; }
#sso_addressline1_grp .aclogo { position: relative; bottom:-4px; left: 1px; }


/*fly out messages*/
div#flyoutholder{position:relative;display:inline-block;}
div#flyoutholder div.flyouthelp{display:none;margin:-10px -273px 0 0;position:absolute;width:260px;text-align:left;right:0;top:0;z-index:99;}
div#flyoutholder:hover div.flyouthelp, div#flyoutholder.show div.flyouthelp{display:block;}

div#flyoutholder div.flyouthelp:after, div#flyoutholder div.flyouthelp:before{right:100%;top:16px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;}
div#flyoutholder div.flyouthelp:after{border-color:rgba(255,255,255,0);border-right-color:#fff;border-width:8px;margin-top:0;}
div#flyoutholder div.flyouthelp:before{border-color:rgba(193,193,193,0);border-right-color:#c1c1c1;border-width:9px;margin-top:-1px;}

@media only screen and (max-width: 40em){
	div#flyoutholder div.flyouthelp{display:none;margin:-10px 0 0 0px;position:absolute;width:270px;text-align:left;left:0;top:-90px;}
	div#flyoutholder div.flyouthelp.fr_CA, div#flyoutholder div.flyouthelp.fr{width:360px;}
	div#flyoutholder div.flyouthelp:after, div#flyoutholder div.flyouthelp:before{right:10px;top:100%;right:auto;}
	div#flyoutholder div.flyouthelp:after{border-color:rgba(255,255,255,0);border-top-color:#fff;margin-top:0;right:11px;}
	div#flyoutholder div.flyouthelp:before{border-color:rgba(193,193,193,0);border-top-color:#c1c1c1;margin-top:0;right:10px;}
}





/* Password Advisor */
#passwordhelp{border:1px solid #ccc;max-width:500px;padding:13px 15px;border-radius:5px;margin:0 0 10px 0;box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1);position: relative;display: none; clear: both;}
#passwordhelp:after,#passwordhelp:before{top:100%;left:10%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;}
#passwordhelp:after{border-color:rgba(136,183,213,0);border-top-color:#fff;border-width:8px;margin-left:-8px;}
#passwordhelp:before{border-color:rgba(204,204,204,0);border-top-color:#ccc;border-width:10px;margin-left:-10px;}
#passwordhelp ul{margin:0;padding:0;}
#passwordhelp ul li{margin:0;padding:0 0 0 20px;list-style:none;line-height:1.125rem;line-height:18px;font-size:0.75rem;font-size:12px;}
#passwordhelp ul li span.icon{background:url('../../../images/canadapost/icons/icon_checkmark_grey.jpg') no-repeat 0 0;width:15px;height:15px;display:inline-block;margin:4px 5px -4px -23px;}
#passwordhelp ul li.red span.icon{background:url('../../../images/canadapost/icons/icon_checkmark_red.png') no-repeat 0 0;}
#passwordhelp ul li.red{color:#CA261A;}
#passwordhelp ul li.green span.icon{background:url('../../../images/canadapost/icons/icon_checkmark_green.jpg') no-repeat 0 0;}
#passwordhelp ul li.blue span.icon{background:url('../../../images/canadapost/icons/icon_checkmark_blue.png') no-repeat 0 0;}

/* Demographic Questions */

#sso_registration_container #tab_2 .sso_grp { margin-bottom:32px; margin-bottom: 2em; }
#sso_parcelCanadaShipMonthly,
#sso_parcelUSShipMonthly,
#sso_parcelInternationalShipMonthly { width: 60%; display: inline-block; vertical-align: top; margin-right: 0.5em; }

.icon-location { width: 34px; height: 35px; margin-top:0.25em; display:inline-block; background: url('../../../cpotemplate/img/sso/icons/location-icon.png') no-repeat; }
.icon-canada { background-position: 0 0; }
.icon-us { background-position: -36px 0; }
.icon-international { background-position: -72px 0; }

#sso_parcelShip_grp > .row { margin-top: 0.5em; }

.doneView { min-height: 350px; text-align: center; }
.icon-success-check { display:block; margin: 2.5em auto 1em; }
.doneView #sso_action { margin:1em 0; }

.icons ul li.registered a.account { padding: 5px 7px 5px 0; background-position-y: 12px; }

.icon-questionmark { background: url('../../../cpotemplate/img/icons/contextualhelpglyph.svg') no-repeat 5px 5px; width: 28px; height: 28px; background-size:18px 18px; display:inline-block; vertical-align: middle; cursor: pointer; border-bottom: 0;margin: -1px 0 0 0;font-size:0;text-indent:-99999px;/*position:absolute;*/z-index:88;}
.icon-questionmark:hover, .icon-questionmark:focus { border-bottom: 0; }

#sso_nickname_grp h3 { margin-top: 30px; margin-bottom:  30px; }
#sso_nickname_grp #sso_nickname { display:inline-block; width:auto; }
#sso_nickname_grp .icon-questionmark { vertical-align: baseline; margin: 0 0.5em; }

/* **** Enterprise **** */

.businessAddress_panel { margin-right:0.8em; display:inline-block; min-width:36%; }
.customerNumber_panel { display:inline-block; vertical-align: top; }

/* ***** FTL/COLLISION ***** */


#sso_ftl_finalize_form > fieldset.panel { padding: 0; box-shadow: 5px 5px 5px #e2e2e2; }
#sso_ftl_finalize_form > fieldset.panel legend {  }

#sso_ftl_finalize_form > fieldset.panel .large-3 { border-right: 1px solid #e2e2e2; text-align: center; }
#sso_ftl_finalize_form > fieldset.panel img.epostLogo { margin-top: 0; height: auto; padding:2em 0 2em 1em;  }

#sso_ftl_finalize_form > fieldset.panel .large-9 { height: auto; padding: 2em 2em 0; }

 #businessSelectionForm .warning.round { margin: 0 0 20px 0; margin: 0 0 1.25rem 0; background: url("../../../cpotemplate/img/sso/icons/Warning2_24x24.png") no-repeat scroll 15px 15px #FFF2CD; padding-left: 55px; }
#cancelMerge .large-12.columns .panel.warning.round { margin: 0 0 1.25rem 0; background: url("../../../cpotemplate/img/sso/icons/Warning2_32x32.png") no-repeat scroll 10px 20px #FFF2CD; padding-left: 55px; }
#smb_instruction.panel.warning  { margin: 0 13px 20px 13px; margin: 0 13px 1.25rem 13px; background: url("../../../cpotemplate/img/sso/icons/Warning2_32x32.png") no-repeat scroll 15px 20px #FFF2CD; padding-left: 55px; line-height: 1.25; }
#smb_instruction #sso_notthank { margin-bottom: 0; float:right;  }

#sso_ftl_finalize_form #sso_accountType_grp { margin: 2em 1em; }
#sso_ftl_finalize_form #sso_consumerWarning,
#sso_ftl_finalize_form #sso_businessWarning { padding: 1em 1.25em; }

.fullCollision-content { padding: 2em 2em 0.8em; }
.fullCollision-content .warning { background: url("../../../cpotemplate/img/sso/icons/Error_24x24.png") no-repeat scroll 20px 20px #fbebeb; border-radius: 3px; margin:0 0 20px; margin:0 0 1.25rem; padding:20px 20px 20px 55px; padding:1.25rem 1.25rem 1.25rem 55px; }
.fullCollision-content .warning >:last-child { margin-bottom: 0; }

.fullCollision-cta { margin:0 auto; }
.fullCollision-cta .large-6 { padding: 0 1em; }
.fullCollision-cta .large-6 .panel { background: #f3f3f3; padding: 1em;  }

.warning_panel_color { background-color: #fbebeb; }
.error_panel { background: url('../../../cpotemplate/img/sso/icons/Error_24x24.png') 3px 4px no-repeat; padding-left: 55px;  }
#sso_mergeNotAvailable .error_panel  { background: url('../../../cpotemplate/img/sso/icons/Error_24x24.png') no-repeat 20px 20px #fbebeb; border-radius: 3px; margin: 0 15px 1.25rem 15px; padding:20px 20px 20px 55px; padding:1.25rem 1.25rem 1.25rem 55px; float:none; width:auto; }
#sso_mergeNotAvailable .error_panel h3 { margin-top: 0; }
#sso_mergeNotAvailable .error_panel p { margin-bottom: 0;  }

#sso_ftl_finalize_form #sso_username { display:inline-block; margin-right: 0.5em; }

.accountBox .accountImg { display:inline-block; display: inline-block; vertical-align: middle; margin: 0px 0 0 25px; }

@media only screen and (max-width: 40em) {
	.accountBox .accountImg { display:table;  margin:20px auto 0 ; }
}

.accountBox .accountText { display:inline-block; border-left: 1px solid #e2e2e2; margin-left: 25px; height:124px; padding: 20px; vertical-align: middle; }
.accountBox .accountText h4 { font-weight: 300 !important; padding-top: 0.65em; }
.accountBox .accountText span { line-height: 28px; font-size: 24px; font-size: 1.25rem; font-weight: 400 !important; }

.cpc-account legend, .fff-legend legend {
    background-color: #f2f2f2;
    border-left: 1px solid #e2e2e2;
    border-top: 1px solid #e2e2e2;
    bottom: 0px;
    font-weight: 300;
    padding: 10px 35px;
    position: absolute;
    right: 0px;
}

.tooltip { margin: -144px 0 0 !important; } /*this is put in to offset the margin on the body tag!*/
.lt-ie9 .tooltip { margin: 0 !important; padding: 10px !important; }
.tooltip.tip-right { /*top: 645px;*/ }

#merge  #sso_terms { display: inline-block; width: 2%; text-align: left; vertical-align: top; margin-top: 0.25em; }
#merge #sso_terms_lbl { display: inline-block; width: 90%; margin-left: 0.25rem; margin-right: 0; text-align: left; vertical-align: top; }

.optional_text{display: inline;color:#666666;font-size:11px;font-size: 0.687rem;}
.update_profile_link{font-weight:bold; font-size:16px; font-size:1rem;}

.all_fields_required{font-size:12px; font-size: 0.750rem; color: #666666; padding:20px 0 10px 0; padding:1.25rem 0 0.625rem 0;font-weight:600;}
.poweredby{text-align: right;font-size: 14px;font-weight: 500;color: #333333;
}
.poweredby a{padding:0 0 0 5px;}
@media only screen and (max-width: 40em) { /* Small */
    .poweredby{text-align:left;}
}

.myProfile_delete, .myProfile_delete h3, .myProfile_delete p{ font-size:14px;font-size: 0.875rem; font-weight:400; font-color:#333; }

#feedback-tab{display:none !important; }

@media only screen and (min-width: 64.063em) { /* Large */
    body.en_CA, body.fr_CA { margin: 72px 0 0; margin: 4.5rem 0 0; }
    body.fullmenu { margin: 145px 0 0; margin: 9.063rem 0px 0px; }
	.tooltip { margin: -72px 0 0 !important; } /*this is put in to offset the margin on the body tag!*/
	.tooltip.tip-right{ margin:-92px 0 0 !important; }
	.tooltip.tip-right>.nub{ top:20%; }

}

@media only screen and (max-width: 64em) { /* mix of small and medium shared overwrites */
	.header-container-sso .top-bar .title-area { width: auto; }

	#businessSelectionForm .box-BusinessSelection { border-top: 1px solid #D8D8D8; border-left: 0 none; padding: 1.5em 0 0; margin-bottom: 1.25em; }
	#businessSelectionForm .box-BusinessSelection:first-child { border-top: 0 none; }


}

@media only screen and (min-width:40.063em) and (max-width:64em) { /* Medium */
	body {margin: 92px 0 0; margin: 4.5rem 0 0;}
	.header-container-sso .top-bar { margin-top: 0; }

	.tooltip { margin: -72px 0 0 !important; } /*this is put in to offset the margin on the body tag!*/
	.tooltip.tip-right{margin:-92px 0 0 !important;}
	.tooltip.tip-right>.nub{top:20%;}

	/*.sso-login-banner { background: url('../../../cpotemplate/img/sso/banners/sor_tablet_hero_retina.jpg') no-repeat center 0 #e0e3e8; }	*/
	ul.sso-progress-bar.items-3 li,
	ul.sso-progress-bar.items-4 li,
	ul.sso-progress-bar.items-5 li,
	ul.sso-progress-bar.items-6 li { width: 100%; }
	ul.sso-progress-bar li.active span.smaller { font-size: 1rem; }

	.sso-businessSelection-title h2  { margin-bottom:16px; margin-bottom: 1rem; }
	#addPhoneNumber, .deletePhoneNumber { width: 25px; overflow: hidden; }

	.businessAddress_panel { min-width: inherit; }
	#sso_accountType_grp #sso_accountType_lbl { line-height: 1.25; }
	/*.button + .button { margin-top: 1em !important; }*/
	.update_profile_link { font-size: 16px; font-size: 1rem; margin-top:0.5em; display:inline-block; }
}

@media only screen and (max-width: 40em) { /* Small */
	body {margin: 72px 0 0; margin: 4.5rem 0 0;}
	.header-container-sso .top-bar { margin-top: 0; }

	.tooltip { margin: -72px 0 0 !important; max-width:100% !important; } /*this is put in to offset the margin on the body tag!*/
	h1.secureLogo { padding-right: 1.55em; }

	#sso_create_title h3 {margin-bottom: 30px;}
	.viewDTPO #sso_create_title h3 {margin-bottom: 32px;}
	ul.sso-progress-bar {margin-bottom:20px;}
	div.all_fields_required{margin:0;padding:0;}
	label#sso_username_lbl span{display:block;}

	ul.sso-progress-bar.items-3 li,
	ul.sso-progress-bar.items-4 li,
	ul.sso-progress-bar.items-5 li,
	ul.sso-progress-bar.items-6 li { width: 100%; }
	ul.sso-progress-bar li.active span.smaller { font-size: 1em; }

	.sso-businessSelection-title h2  { margin-bottom:16px; margin-bottom: 1rem; }
	.sso-ftl-footer .large-6.panel { margin-top:1em; }
	#welcomeUser .large-5 { background-color: rgba(255,255,255,0.55); }

	#sso_terms { vertical-align: top; }
	#sso_terms_lbl { width: 90%; }

	#sso_registration_form #btnContainerId, #sso_registration_form #sso_submit { width: 100%; }
	#sso_registration_form #sso_cancel { margin-left: 0; width: 100%; }

	#addPhoneNumber, .deletePhoneNumber { width: 25px; overflow: hidden; }

	.accountBox { height: auto; }
	.accountBox .accountText { display: block; border-left: 0; margin:25px auto; height: auto; padding: 0px; text-align: center; }
	.cpc-account legend, .fff-legend legend { background-color: #f2f2f2; border-left: 0; border-top: 1px solid #e2e2e2; font-weight: 300; padding: 10px 35px; position: relative; right:0; bottom: -25px; width: 100%; margin:0 auto; display:block; }
	#sso_ftl_finalize_form #sso_username_grp #sso_username { width: 90%; display:inline-block; margin-right: 0.5em;  }

	#sso_ftl_finalize_form #sso_terms { vertical-align: top; }
	#sso_ftl_finalize_form #sso_terms_lbl { width: 88%; }

	.securityBadge { width: 29px; }

	#ftl-login-form .button, #ftl-login-form button,
	#sso_ftl_merge_confirmation_form .button, #sso_ftl_merge_confirmation_form button,
	#sso_ftl_finalize_form .button, #sso_ftl_finalize_form button,
	#sso_backtomerge { width: 100%; margin:0;  }
	.businessAddress_panel { min-width: inherit; }
	#sso_ftl_finalize_form #sso_username { width: 92%; }
	#sso_accountType_grp #sso_accountType_lbl { line-height: 1.25; }

	#smb_instruction #sso_notthank { margin: 1em auto 0; float:none;  }
	.button + .button { margin-top: 1em !important; }
	.update_profile_link { font-size: 16px; font-size: 1rem; margin-top:0.5em; display:inline-block; }
	.notice-icon + p { width: 82%; }
}


    #sso_registration_container .sso_grp.column, #sso_registration_container .sso_grp.columns {
        padding-left: 13px;
        padding-right: 13px;
    }

#sso_registration_container #sso_addressComplete {margin: 4px 0 10px;}
#sso_registration_container #sso_address_grp {position:relative;float:left;}

.viewDTPO .sectionTitle h4 {margin-bottom:30px;}
.viewDTPO #sso_captcha_grp #sso_cResponse_grp {margin-top:10px;}
.viewDTPO .sso_grp {margin-bottom:20px;}
.viewDTPO #sso_username_grp {margin-bottom:0px; margin-top: 35px;}
.viewDTPO #sso_newPassword_grp {margin-bottom:35px;}
.viewDTPO #sso_security1_grp div {margin-bottom:15px;}
.viewDTPO #sso_security2_grp div {margin-bottom:15px;}
.viewDTPO #sso_language_grp {margin-top:0px;}
.viewDTPO #sso_email_grp {margin-bottom: 30px;}

#sso_accountType1_err {position: absolute;top: 30px;}
#sso_accountType_grp label.sso_err {margin-top: 25px;}

.icon_badgeID {
    width: 72px;
    height: 63px;
    display: inline-block;
    vertical-align: text-bottom;
    background: url(../../../cpotemplate/img/sso/icons/icon_badgeID.svg) no-repeat 0 0;
    margin: 40px 0px -5px 0px;
}
.viewDTPO #sso_editAddressLink.plusmark:before {background: url(../../../cpotemplate/img/sso/icons/icon_edit.svg) no-repeat 0 0;}
.viewDTPO .appendErrorOnThis {position:relative;}
.viewDTPO #btnContainerId #sso_submit {font-size: 18px;font-weight: 300;padding: 10px 20px;margin-right: 10px;}
.viewDTPO #sso_cancel_popup {padding: 10px 20px;font-size: 18px;}
.viewDTPO #cancel_dropdown {margin-left:0px;}
.viewDTPO div.importantInformationFlyout {margin-left:15px;width: 475px;max-width: 475px;}
.viewDTPO div#addressDescribed.importantInformationFlyout {margin-left: 0px;}
@media only screen and (max-width: 64em){
    .viewDTPO div.importantInformationFlyout {width: 100%;max-width: 100%;margin-left: -15px;}
    .viewDTPO div#addressDescribed.importantInformationFlyout, .viewDTPO div#phoneDescribed.importantInformationFlyout {
        width: auto;margin-left: 0px;
    }
}

/* radio button CSS - for language preference */
.control {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
  cursor: pointer;
  float: none!important;
}
.control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.control__indicator {
  position: absolute;
  top: -1px;
  left: 0;
  height: 20px;
  width: 20px;
  /*background: #e6e6e6;*/
  border:1px solid #ccc;
}
.control--radio .control__indicator {
  border-radius: 12px;

}
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
  background: #dadada;
  -webkit-transition: all 0.25s linear;
}
.control input:checked ~ .control__indicator {
  background: #2aa1c0;
  border: 1px solid transparent;
}
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
  background: #2aa1c0;
}
.control input:disabled ~ .control__indicator {
  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none;
}
.control__indicator:after {
  content: '';
  position: absolute;
  display: none;
}
.control input:checked ~ .control__indicator:after {
  display: block;
}
.control--checkbox .control__indicator:after {
  left: 8px;
  top: 4px;
  width: 3px;
  height: 8px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.control--checkbox input:disabled ~ .control__indicator:after {
  border-color: #7b7b7b;
}
.control--radio .control__indicator:after {
  left: 6px;
  top: 6px;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background: #fff;
}
.control--radio input:disabled ~ .control__indicator:after {
  background: #7b7b7b;
}
/* END OF radio button CSS */


/* --- Registration page --- */
.sso_address.hideFields {position:absolute;left:-9999px;display:block!important;}
.sso_address.showFields {position:relative;left:0px;display:block!important;}

/* +++ French +++ */
.fr_CA #main-region.sso-login-banner #login-form.sso-login-template label.sso_remember {
    display: inline;
}

/* --- French --- */


/* User Step up Page */
.userStepUp h2 {font-size: 28px;}
.userStepUp h4 {font-size: 21px;font-weight: 300;}

/* CSS for any link in response payload - description property */
#sso_registration_form .descLink {text-decoration: underline;}