/*
*Style contains for Header and Footer styles...
*/

.metCommon .mainHeader {
 height: 70px; /*padding: 21px 40px 0px 21px;*/
}

.metCommon .mainHeader .headerLogin {
 padding-top: 7px; text-align: right;
}
.metCommon .mainHeader .headerLogin{
position:absolute;right:46px;top:20px
}
.metCommon .mainHeader .headerLogin a.hrefAlready {
 margin: 0 26px 0 0;
 text-decoration:none;
}/*
*Added to fix Tracker 945
*/
.metCommon .mainHeader .headerLogin span.regAlready {
    color: #333 !important;
    padding-right: 20px;
    font-family: "openSansSemiBold";
    font-size: 12px
}
.metCommon .regFooter{
	padding:0
}
.metCommon .floatLeft {
 float: left
}

.metCommon.siteReg .chatSec.chatSectionMobile {
 display: none
}

.siteReg .regCreateUser .mainHeader {
 background-color: #FFF; margin: 0px;width:100% !important;


}

.siteReg .headerLoginMob.mobileDisplay .arrowUp {
 width: 11px; height: 17px; background: none,url('../img/spritesheet.svg') no-repeat; background-image: url('../img/spritesheet.png'); background-position: -22px 3px; display: inline-block;
}

.siteReg .headerLoginMob.mobileDisplay .arrowDown {
 width: 11px; height: 17px; background: none,url('../img/spritesheet.svg') no-repeat; background-image: url('../img/spritesheet.png'); background-position: -12px 3px; display: inline-block;
}

.siteReg .mainHeader .headerLogin span, .mainHeader .headerLogin a {
 color: #007abc !important; vertical-align: middle; font-size: 12px;
}

.mainHeader .headerLogin a:hover {
 text-decoration: underline
}
.siteReg .headerLogo img {
  width: 123px
}
/* changes retail seperation */
.siteReg .headerLogo img.cobrand {
  width: 296px;
}
/* changes retail seperation ends */
.siteReg .footer {
 	background-color: #e3e3e3;
 	margin-left: auto;
 	margin-right: auto;
 	width: 100%;
 	max-width: 1130px;
 	padding: 0 15px;
}

.siteReg .mainHeader .headerLogo {
 text-align: center; 
 padding-top:19px;
}
.siteReg .mainHeader .headerLogo.onLogout{
 padding-left: 4%;
}
.siteReg .mainHeader .headerLogo.nologin {
  padding-left:0;
}
.siteReg .regCreateUser .mainContainer {
	height: 100%; 
	background-color: #fff; 
	margin: -23px auto 13px; 
}

.siteReg .footer p {
 color: #333333; line-height: 20px;
}

.siteReg .footer .linkbar {
 float: left
}
#divTermsOverlay .scrollbarPart #termsScrollbar {
	text-shadow: none;
}
#divTermsOverlay .scrollbarPart #termsScrollbar .companyNames {
	padding-top:15px;
}
#divTermsOverlay .scrollbarPart #termsScrollbar .companyNames p{
	padding-top:0px;
	font-weight: bold;
}
#divTermsOverlay .scrollbarPart #termsScrollbar label, #divPrivacyOverlay .scrollbarPart #termsScrollbar label {
	font-size:12px;
	padding-top:15px;
}
#divTermsOverlay .scrollbarPart #termsScrollbar .paddingTopZero, #divPrivacyOverlay .scrollbarPart #termsScrollbar .paddingTopZero{
	padding-top:0;
}
#divTermsOverlay .scrollbarPart #termsScrollbar .subHeading,  #divPrivacyOverlay .scrollbarPart #termsScrollbar .subHeading{
	font-weight: bold;
	font-size:18px;
}
#divPrivacyOverlay .scrollbarPart #termsScrollbar .boldFont {
	font-weight:bold;
}
#divPrivacyOverlay .scrollbarPart #termsScrollbar #metlifeCustomerPrivacyPolicy .internalLinks {
	font-size: 11px;
    display: block;
    padding-top: 15px;
}
#divPrivacyOverlay .scrollbarPart #termsScrollbar #metlifeCustomerPrivacyPolicy .dottedSeparator{
	border: 1px dotted #CCCCCC;
	margin-bottom:5px;
}
#divTermsOverlay .scrollbarPart #termsScrollbar .backToTopLink, #divPrivacyOverlay .scrollbarPart #termsScrollbar .backToTopLink {
	font-size:11px;
	font-weight:400;
	margin:20px 0 21px;
	display:block;
}
#divTermsOverlay .scrollbarPart #termsScrollbar hr, #divPrivacyOverlay .scrollbarPart #termsScrollbar hr {
	border-color: #595959;
    border-width: 2px;
}
#divTermsOverlay .scrollbarPart #termsScrollbar .boldContent, #divPrivacyOverlay .scrollbarPart #termsScrollbar .boldContent {
	font-weight: bold;
}
#divTermsOverlay .scrollbarPart #termsScrollbar .listOne, #divPrivacyOverlay .scrollbarPart #termsScrollbar .listOne{
	float: left;
    display: inline-block;
    width: 20%;
    margin: 20px 0 20px 20px;
}
#divPrivacyOverlay .scrollbarPart #termsScrollbar .listOne {
	width:40%;
	margin-right:20px;
}
#divTermsOverlay .scrollbarPart #termsScrollbar .listTwo, #divPrivacyOverlay .scrollbarPart #termsScrollbar .listTwo {
	display: inline-block;
    margin: 20px 0 20px 20px;
}
#divPrivacyOverlay #termsScrollbar ul {
	margin: 20px 0 0px 20px;
}
#divPrivacyOverlay #termsScrollbar .addressInPrivacy{
	padding-top:15px;
}
#divPrivacyOverlay .privacyContent {
	padding-right: 17px;
}
#divPrivacyOverlay #termsScrollbar {
	margin:15px 47px 0px 15px;
	padding: 14px;
}
#divTermsOverlay #termsScrollbar {
	padding: 14px;
}
#divPrivacyOverlay .privacyContent p, #divPrivacyOverlay .privacyContent a{
	 font-size: 11px;
}
#divPrivacyOverlay .privacyContent .consoleLink a{
	padding-top:15px;
}
.metCommon.footer {
 background-color: #3d9cdb; height: auto; width: 100%; padding: 10px;
}

.metCommon.footer p {
 text-align: justify; font-size: 11px; font-style: normal; font-weight: 400; color: #fff;
}

/*Header content*/

@media (max-width: 768px) { 
    .metCommon .mainHeader .headerLogo {
     height: 50px
    }
	.metCommon .regFooter{
	padding:0 15px
	}
    .metCommon .mainHeader .headerLogin {
     top: 50px; text-align: center;
    }

    .metCommon .floatLeft {
     float: none
    }

    .metCommon .mobLoginContent {
     position:absolute;top:19px;right:10px
    }

    .metCommon .mobLoginContent a, .mobLoginContent a:visited {
     color:#007abc
    }

    

    .metCommon .capchaContentBlock {
     border: 1px solid #CCC; background-color: #fcfcfc; margin-top: 20px;
    }

    .metCommon .imgLogin  a {
     line-height: normal; vertical-align: top;
    }

    .metCommon .sprArrRyt {
     display: inline-block
    }
}
@media (max-width: 991px) { 
	.metCommon .chatSectionMobile {
		position: absolute; width: 100% !important; background-color: #fff; z-index: 1000;
	}
}
@media (min-width: 769px) { 
    .metCommon .mainHeader .headerLogo {
     height: 50px
    }

    .metCommon .mainHeader .headerLogin {
     padding-top:7px
    }

    .metCommon .mobLoginContent {
     display: inline-block; padding: 10px; float: right;
    }

    
}

@media (min-width: 992px) { 
    .metCommon .mainHeader .headerLogo {
    padding-top:19px;
     height: 40px
    }

    .metCommon .mainHeader .headerLogin {
     float: right; text-align: center;
    }

    .metCommon .arrow_box:after, .metCommon .arrow_box:before {
     right: 100%; top: 17px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;
    }

    .metCommon .arrow_box:after {
     border-color: rgba(245, 208, 208, 0); border-right-color: #F5D0D0; border-width: 8px; margin-top: -8px;
    }

    .metCommon .arrow_box:before {
     border-color: rgba(219, 15, 49, 0); border-right-color: #db0f31; border-width: 9px; margin-top: -9px;
    }
    .metCommon.siteReg .chatSec.chatSectionMobile {
     display: none!important
    }
}

@media (min-width: 1280px) { 
    .metCommon .mainHeader .headerLogo {
     height: 40px;
     padding-top:19px

    }

    .metCommon .arrow_box:after, .metCommon .arrow_box:before {
     right: 100%; top: 17px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;
    }

    .metCommon .arrow_box:after {
     border-color: rgba(245, 208, 208, 0); border-right-color: #F5D0D0; border-width: 8px; margin-top: -8px;
    }

    .metCommon .arrow_box:before {
     border-color: rgba(219, 15, 49, 0); border-right-color: #db0f31; border-width: 9px; margin-top: -9px;
    }
}
.siteReg .regCreateUser .mainHeader {
    background-color: #fff;
    width:100% !important;
    margin:0;
}
#divPrivacyOverlay .scrollbarPart #termsScrollbar #metlifeTotalControl label,#divPrivacyOverlay .scrollbarPart #termsScrollbar #metLifeAutoHome label,#divPrivacyOverlay .scrollbarPart #termsScrollbar #metlifeCustomerPrivacyPolicy label {
    font-family: 'openSans' !important;
}
.focus-only-Link:focus{
	outline-offset: 1px;
    outline-width: 2px;
    text-decoration: none;
    outline-style: solid;
    outline-color: #007abc;
}