@charset "utf-8";
/* SSO Stylesheet for Rodney - to be merged w/ Josh's */

.sso_cancel_anchor, .sso_cancel_popup, #sso_cancel_popup{
padding:0 20px;
display:inline-block;
font-size:14px;
font-size:0.875rem;
}
@media only screen and (max-width: 40em) {
.sso_cancel_anchor, .sso_cancel_popup, #sso_cancel_popup{padding:0;display:block;width:100%;text-align:center;}
}


div#sso_email_grp, div#sso_email3_grp, div#sso_username_grp, #sso_newPassword_grp, #sso_postalZip_grp, #sso_language_grp, #sso_security1_grp, #sso_security2_grp, #sso_accountType_grp{
margin:18px 0;
}

@media only screen and (max-width: 40em) {
div#sso_email_grp, div#sso_email3_grp, div#sso_username_grp, #sso_newPassword_grp, #sso_postalZip_grp, #sso_language_grp, #sso_security1_grp, #sso_security2_grp, #sso_accountType_grp{
margin:10px 0;
}
}



#sso_postalZip{text-transform:uppercase;}


#updateEx { background-position: right 0; }
#updateEx.panel.warning.round {  height: 370px; margin-bottom: 0;}
.large-3.large-offset-3.columns > h2 { margin-top: 75px; }

.ftl-login-wrapper .sso-login-inner {
    height: auto;
    margin: 0 auto;
    max-width: 62.5rem;
}
.ftl-login-wrapper .sso-login-inner .white-bg {
    background: none repeat scroll 0 0 #ffffff;
    height: auto;
    padding: 19px 25px !important;
}


#welcomeUser .sso-login-banner {
    background: url("../../../cpotemplate/img/sso/banners/sor_desktop_hero_nonretina.jpg") no-repeat scroll -50px 0 #e0e3e8;
    padding: 20px;
}

#welcomeUser span { font-weight: 700 }


.panel { border: none; }
.panel .rightBox, .gry {background-color: #f2f2f2; }
.panel .rightBox, .panel .leftBox, .gry {
    height: 250px;
    padding: 20px;
}

div.warning.panel.blueIcon {    
    background-color: #e7effa;
}

.gry {border: 8px solid #fff;  margin-bottom: 20px; background-color: #fbebeb;}
.gry h2 { font-weight: 400; }

fieldset.panel {
    margin: 20px 0; 
}

#sso_accountType_lbl {
    color: #333333;
    font-family: "Roboto",sans-serif;
    font-size: 0.875rem;
    font-size: 14px;
    line-height: 2rem;
    line-height: 32px;
}


.pageHeader {
    background: none repeat scroll 0 0 #f3f3f3;
    border-top: 5px solid #da291c;
    padding: 20px 24px;
    padding: 1.3rem 1.5rem;
    position: relative;
}

.pageHeader h1 {   
    margin: 0;   
    padding-right: 35px; 
}

.securityBadge {
    background: url("../img/security.gif") no-repeat scroll left center;
    padding-left: 35px;   
    line-height: 2; 
    font-size: 16px;
    font-size: 1rem;
    font-weight: 500;
    color:#999;   
    overflow: hidden;
    position: absolute;
    right: 24px;
    right: 1.5em;
    height: 31px;
    top: 24px;
    top: 1.5em; 
}

#sso_accountType_grp.vault-hidden { height: 0; margin:0 !important; overflow: hidden; }

#sso_ftl_finalize_form .panel { background-color: #fff;  }
#sso_ftl_finalize_form .panel.notice { background-color: #e6eff9; }
#sso_ftl_finalize_form .panel.notice h4 { margin-left: 0.5em; display: inline-block; }
#sso_ftl_finalize_form .panel.accountTypeWarning{ margin: 0; }
#postAccountTypeRegion .large-12.columns.panel.warning.round {
    margin: 0 0 20px 0;
    margin: 0 0 1.25rem 0;  
    background: url("../../../cpotemplate/img/sso/icons/Error_24x24.png") no-repeat scroll 20px 20px rgba(0, 0, 0, 0); 
    padding-left: 55px; 
}
#sso_ftl_finalize_form .panel strong { font-size: 21px; font-size:1.313rem; line-height: 26px;}

#postAccountTypeRegion #sso_businessResolve, #postAccountTypeRegion #sso_consumerResolve {  
    background: url("../img/notice-icon.png") no-repeat scroll 20px center #f2f2f2 !important;
    padding-left: 55px;
}

#sso_businessResolve, #sso_consumerResolve { 
    background: url("../../../cpotemplate/img/sso/icons/Info2_32x32.png") no-repeat scroll 15px center;
    padding-left: 55px!important;
}

.eubc-b, .eubc-c {
    background: url("../../../cpotemplate/img/sso/icons/Warning2_32x32.png") no-repeat scroll 10px top;
    padding-left: 55px!important;
}

#ss_ok { margin-left: 40px; }


img.epostLogo { height: 40px; }

#ftl-login-form { margin-top: 20px; }

#ftl-login-form #sso_newPassword_lbl {
    display: inline-block;
    width: 40%;
}

#ftl-login-form #ssoShowPassword {
    display: inline-block;
    float: right;
    width: auto;
    position: relative;
    z-index: 1000;
    color: #6caacf;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.75;
}
#ftl-login-form #ssoHidePassword { 
    position: relative; 
    z-index: 1000;
    color: #6caacf;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.75;
}

#ftl-login-form #sso_password_lbl { position: relative; }
#ftl-login-form #sso_newPassword_lbl { color:#107CC0;  position: absolute; display:inline-block; width: auto; top: 0; right: 15px; right: 0.9375rem; }


.panel.radius.accountBox, .panel.accountBox {
    background-color: #fff;
    border: 1px solid #e2e2e2;
    box-shadow: 5px 5px 5px #e2e2e2;
    padding: 0;
    position: relative;
}



#sso_ftl_finalize_form .accountBox .accountText h4, #sso_ftl_merge_confirmation_form .accountBox .accountText h4 { font-weight: 300 !important; }
#sso_ftl_finalize_form .accountBox .accountText span, #sso_ftl_merge_confirmation_form .accountBox .accountText span { line-height: 28px; font-size: 24px; font-size:1.5rem; font-weight: 400 !important; }
#sso_ftl_finalize_form img.epostLogo, #sso_ftl_merge_confirmation_form img.epostLogo{ height: 40px !important; padding:0 !important;}

.cpcLogo-en { 
    width: 160px;
    background: url("../../../cpotemplate/img/sso/logos/cpclogo_en.jpg") no-repeat  left center transparent;
    height: 40px;
    margin: 0;
    padding: 0;
}

.cpcLogo-fr { 
    width: 160px;
    background: url("../../../cpotemplate/img/sso/logos/cpclogo_fr.jpg") no-repeat  left center transparent;
    height: 40px;
    margin: 0;
    padding: 0;
}

.epostLogo-en{
    width: 160px;
    background: url("../../../cpotemplate/img/sso/logos/Epost-Logo-en.png") no-repeat  left center transparent;
    height: 50px;
    margin: 0;
    padding: 0;
}

.epostLogo-fr{
    width: 160px;
    background: url("../../../cpotemplate/img/sso/logos/Epost-Logo-fr.png") no-repeat  left center transparent;
    height: 50px;
    margin: 0;
    padding: 0;
}




legend.accountLabel {
    border-left: 1px solid #e2e2e2;
    border-top: 1px solid #e2e2e2;
    padding: 5px;
    position: absolute;
    right: -12px;
    text-align: center;
    top: 63px;
    width: 100px;
}

legend.accountMerge {
    border-left: 1px solid #e2e2e2;
    border-top: 1px solid #e2e2e2;
    padding: 5px;
    position: absolute;
    right: 16px;
    text-align: center;
    top: 76px;
    width: 100px;
}

.blueIcon {
    background: url("../../../cpotemplate/img/sso/icons/Info2_32x32.png") no-repeat scroll 10px 20px;
    padding-left: 55px!important;
}

.leftArrow {
    background: url("../../../cpotemplate/img/sso/icons/Arrow3_Right_Hover_16x16.png") no-repeat scroll right center;    
    padding-right: 20px;
}
.sso_control_grp { margin-top: 20px !important; }

.warning_panel { background-color: #fbebeb; }
.row.warning_panel { max-width: none; }
.warning_panel .sso-container { padding-top:0.5em; }

.accountview-wrapper { }

#ftl-login-form .plzcall {  
    background: url("../../../cpotemplate/img/sso/icons/Warning2_24x24.png") no-repeat scroll 10px center #fbebeb;
}

#ftl-login-form .plzcall p { padding-left: 25px; }

p.topBox div {
    background-color: #fbebeb !important;
    padding: 10px 0; 
}

.fullCollision-cta .large-6 .panel {    
    min-height: 155px;   
}

.sso-container fieldset.panel { 
    border: 1px solid #e2e2e2;
 }
 
.sso-mergeView-container .row.margin-row-fix { margin: 0 15px; margin: 0 -0.9375rem }
#sso_jobTitle_lbl, #sso_jobTitle {
    margin-left: 0;
} 

.sso-minifooter {
    background: #f3f3f3;
    margin: 0 auto 60px;
    max-width: 62.5rem;
    height: 60px;
}

.sso-minifooter .sso-mf-copyright {
    float: left;
    font-size: 12px;
    font-size:0.75rem;
    font-weight: 300;
    line-height: 60px;
    margin-left:20px;
}

.sso-minifooter .sso-mf-image {     
   margin-right: 20px;
}

.sso-minifooter .sso-mf-image img { 
    margin-top: 20px;
}

#sso_ftl_merge_confirmation_form .button.light.radius.sso_cancel {
    background-color: #fff;
    font-size: 15px;
    font-size:0.9375rem;
}

#sso_ftl_merge_confirmation_form .button.light.radius.sso_cancel:hover {
    color: #0881c6;
}

#sso_ftl_merge_confirmation_form div.warning.panel.blueIcon {
    background-color: #e7effa;
    font-size: 18px;
    font-size:1.125rem;
    line-height: 20px;
    line-height: 1.275em;
}

#sso_ftl_finalize_form #sso_consumerWarning, #sso_ftl_finalize_form #sso_businessWarning { background-color: #fff1c6 !important; margin-bottom: 20px; }

#sso_ftl_finalize_form #sso_consumerResolve, #sso_ftl_finalize_form #sso_businessResolve { background-color: #e7effa !important; }
#sso_ftl_finalize_form #sso_consumerResolve p, #sso_ftl_finalize_form #sso_businessResolve p { font-size: 18px;font-size:1.125rem; }
#sso_ftl_finalize_form #sso_username { width: 400px; }

.f-dropdown.drop-right:before{
    border-color: transparent #333 transparent transparent;
}

.f-dropdown.drop-bottom:before{
    border-color: transparent transparent #333 transparent !important;
}

.icon-wrapper .icon-questionmark{vertical-align: middle !important;}

.f-dropdown.drop-right, .f-dropdown.drop-bottom {
    background: #333;
    color:white;
    padding:0.75rem;
    font-weight: normal;
    font-size: 0.875rem;
    line-height: 1.3;
    max-width:300px;
}

.f-dropdown.drop-right{
    margin-top:-5px;
    margin-left:10px;
    text-align: left;
}
.f-dropdown.drop-bottom{
    margin-left:-9px;
    margin-top:5px;
}


/** MOBILE HEADING AREA***/
.mobile-heading { background: none repeat scroll 0px 0px #e0e3e8;color: #333; height: auto;padding: 20px 5px; }
.mobile-heading h1, .mobile-heading p, .mobile-heading ul{color:#333;}
.mobile-heading p{margin-bottom:0.5rem;}
.mobile-heading ul{margin-bottom:0;}

.mobile-background{height:0;}

.mobile-lnk{padding-top:20px;}
.mobile-lnk hr{margin-bottom:0;}


/* Small screens*/
@media only screen and (max-width: 40em) {
    .centerOnSmall{text-align: center;}
    .expandOnSmall{width:100%;}
    .sso-ftl-footer{padding-top:0;}

    .mobile-lnk-btn{padding-top:130px;}


    .sso-login-template{width:100%; float:none; padding-left:0; padding-right:0; padding-bottom:0;}

    .sso-login-banner{background:none; height:auto;}
    .mobile-background{background-image: url('../../../cpotemplate/img/sso/banners/sor_mobile_hero_nonretina.jpg'); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../cpotemplate/img/sso/banners/sor_mobile_hero_nonretina.jpg',sizingMethod=scale) !important;  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../cpotemplate/img/sso/banners/sor_mobile_hero_nonretina.jpg',sizingMethod='scale')"; background-color: #e0e3e8; background-position: center center;background-repeat: no-repeat;background-size: auto 100%;height: 200px;padding: 0;}
    .sso-login-inner{padding:0 !important;}
    .sso-login-wrapper .sso-login-inner .white-box-border{border-left:0; margin-top:30px;}
    .sso-login-wrapper{padding:30px 0 0 0 !important;}

    .sso-ftl-footer{padding-bottom:0; margin-bottom:0;}
    .sso-ftl-footer .row .panel.large-5 {margin-bottom:0;}
}




/******************* BANNER SECTION ****************************/

.sso-login-banner {background-image: url('../../../cpotemplate/img/sso/banners/login_hero.png');background-color: #e0e3e8;background-position: center center;background-repeat: no-repeat;background-size: auto 100%;padding:0;}
.mergeQuestionView .sso-login-banner { background: url('../../../cpotemplate/img/sso/banners/login_hero.png') no-repeat center center #e0e3e8; }


/**** Retina Desktop ****/
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (   min--moz-device-pixel-ratio: 2), only screen and (     -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) {
    .mergeQuestionView .sso-login-banner, .sso-login-banner {background-image: url('../../../cpotemplate/img/sso/banners/login_hero2x.png'); background-color: #e0e3e8; background-position: center center;background-repeat: no-repeat;background-size: auto 100%;}
}



@media only screen and (min-width:40.063em) and (max-width:64em) { /* Medium */
   /* .mergeQuestionView .sso-login-banner, .sso-login-banner{background-image: url('../../../cpotemplate/img/sso/banners/sor_tablet_hero_nonretina.jpg');  background-color: #e0e3e8; background-position: center center;background-repeat: no-repeat;background-size: auto 100%;min-height: 200px;padding: 0;}*/
}
/* Medium screen, retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width:40.063em) and (max-width:64em), only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width:40.063em) and (max-width:64em), only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width:40.063em) and (max-width:64em), only screen and (        min-device-pixel-ratio: 2)      and (min-width:40.063em) and (max-width:64em), only screen and (                min-resolution: 192dpi) and (min-width:40.063em) and (max-width:64em), only screen and ( min-resolution: 2dppx) and (min-width:40.063em) and (max-width:64em) { 
   /*  .sso-login-banner{background-image: url('../../../cpotemplate/img/sso/banners/sor_tablet_hero_retina.jpg');  background-color: #e0e3e8; background-position: center center;background-repeat: no-repeat;background-size: auto 100%;min-height: 200px;padding: 0;}*/
}



@media only screen and (max-width: 40em) {  /* Small */
    .sso-login-banner{background:none; min-height:inherit; height:auto;} /*use mobile-background instead*/
}


/* Small screen, retina */
@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width:40em),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width:40em),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width:40em),
only screen and (        min-device-pixel-ratio: 2)      and (min-width:40em),
only screen and (                min-resolution: 192dpi) and (min-width:40em),
only screen and (                min-resolution: 2dppx)  and (min-width:40em){ 

    /*use mobile-background instead*/

}




.f-dropdown.w-on-b {color: #333;padding:15px;border-radius:2px;background:#fff;border:1px solid #c5c5c5;min-width:350px;}
.f-dropdown.w-on-b::after{border-color:rgba(255,255,255,0);border-bottom-color:#c1c1c1;}
.f-dropdown.w-on-b::before{border-color:rgba(193,193,193,0);border-bottom-color:#fff;}
@media only screen and (max-width: 40em) {
    div.f-dropdown.w-on-b {min-width:90%;box-sizing: border-box;}
}


#cancel_dropdown.cancel_popup .sso_hide_popup{margin-top: 6px;display: block;font-size:14px;}

@media only screen and (max-width: 40em) {
    #cancel_dropdown.cancel_popup .sso_hide_popup{display:block;text-align:center;margin:10px 0 0 0;}
}


#cancel_dropdown{padding:10px;margin: -12px 0 0 -10px;border-radius:2px;width:375px;display:none;position:absolute;background:#fff;border:1px solid #c5c5c5;max-width:450px;position:absolute;z-index:99;top:0;left:100%;}
#cancel_dropdown.open{display:block;}
#cancel_dropdown.error p, #cancel_dropdown.error p strong{color:red;}
#cancel_dropdown:after, #cancel_dropdown:before{right:100%;top:30px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;}
#cancel_dropdown:after{border-color:rgba(255,255,255,0);border-right-color:#fff;border-width:8px;margin-top:-8px;}
#cancel_dropdown: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){
	body #cancel_dropdown{margin:10px 0 0 0;position:absolute;top:100%;left:5%;width:90%;max-width:90%;}
	body #cancel_dropdown:after, body #cancel_dropdown:before{top:-18px;right:50%;}
	body #cancel_dropdown:after{border-color:rgba(255,255,255,0);border-bottom-color:#fff;margin:2px -8px 0 0;}
	body #cancel_dropdown:before{border-color:rgba(193,193,193,0);border-bottom-color:#c1c1c1;margin:0 -9px 0 0;}
}

#cancel_dropdown #sso_cancel, #cancel_dropdown #sso_cancel:active {background: #087CC0 none repeat scroll 0% 0%; color:#fff;}
#cancel_dropdown #sso_cancel:hover {background: #076399 none repeat scroll 0% 0%;  color:#fff;}
#cancel_dropdown #sso_cancel:active{background:#007095; color:#fff;}



.cancel_dropdown #sso_registration_form #sso_cancel{background:red;}

@media only screen and (max-width: 40em) {
    .expandOnSmall{width:100%;}
    .button + .button { margin-left: 0em; } //existing style, overwriting
}

/*force the default foundation styles, they were overwritten in responsive.css and match the tiny for some reason */
button.small, .button.small{padding: 0.875rem 1.75rem 0.9375rem !important;font-size: 0.8125rem !important;}

.termsAndConditionsClass{padding-top: 15px; padding-bottom: 20px;max-width:550px;}


/*------------------
accordion styles
------------------*/

.accordion dd { margin-bottom: 1px !important; }
.accordion dd > a{ padding:9px 20px 8px 20px; font-size:14px; font-size:0.875rem; font-weight: 700; color:#333; background-color:#efefef; border-bottom:0; padding-right: 35px !important;}
.accordion dd > a, .accordion dd > a:hover { background-image:url(../../../cpotemplate/img/accordion-arrow-closed.png);background-position: right center;background-repeat: no-repeat;}
.accordion dd.active > a {background-image:url(../../../cpotemplate/img/accordion-arrow-open.png);background-position: right center;background-repeat: no-repeat;border-top: 6px solid #da291c;margin-top: /*3px*/1px;background-color:#eef0f2;}
.accordion dd table{background:none repeat scroll 0 0 #FFFFFF;border:0px;margin-bottom:1.25rem;border-top:none;}
.accordion dd table thead,table tfoot{background:none repeat scroll 0 0 #FFF;font-weight:bold;}
.accordion dd table tbody tr th{color:#222222;font-size:15px;font-size:0.938rem;padding:5px;text-align:left;background:#FFF;}
.accordion dd table tbody tr td{color:#222222;font-size:14px;font-size:0.875rem;padding:5px;text-align:left;}
.accordion dd table tr th p, .accordion dd table tr td p{font-family:inherit;/*font-size:14px;font-size:0.875rem;*/font-weight:normal;line-height:normal;margin-bottom:0;text-rendering:optimizelegibility;}

.accordion dd ul, .accordion dd ol{ margin-left:3em; }

.accordion .content {padding: 16px 15px 15px 15px;}
.accordion dd > a, .accordion dd > a:visited{color:#333;font-weight:700;}
.accordion dd > a:hover{text-decoration: none; background-color:#e3e3e3;}
.accordion dd.active > a{position:relative;}
.accordion dd.active > a:after,
.accordion dd.active > a:before { bottom: -10px; left:15px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.accordion dd.active > a:after { border-color: rgba(238, 240, 242, 0); border-top-color: #eef0f2; border-width: 4px; margin-left: -4px; }
.accordion dd.active > a:before { border-color: rgba(238, 240, 242, 0); border-top-color: #eef0f2; border-width: 5px; margin-left: -5px; }

dl.accordion dd.accordion-navigation > a, .accordion dd.accordion-navigation > a:hover {background-image: url(../../../cpotemplate/img/accordion-arrow-closed.png);background-position: right center;background-repeat: no-repeat;}
dl.accordion dd.accordion-navigation.active > a {background-image: url(../../../cpotemplate/img/accordion-arrow-open.png);background-position: right center;background-repeat: no-repeat;border-top: 6px solid #da291c;margin-top: /*3px*/1px;  /*background-color: #eef0f2;*/}
dl.accordion dd.accordion-navigation {margin-bottom: 1px !important;}

dl.accordion dd.accordion-navigation ul.accordiontab-def-list { list-style: none; margin: 0 0 1em; }
dl.accordion dd.accordion-navigation ul.accordiontab-def-list li { padding-left: 2em; font-size: 13px; }
dl.accordion dd.accordion-navigation ul.accordiontab-def-list li.def-term { padding-left: 0; font-weight: bold; font-size: 14px; }