/* FPO top banner */
#fpo_topBanner {width:100%;height:196px;background:linear-gradient(90deg, #FAFAFA 0%, #F0F0F0 100%);padding:48px 0;}
#fpo_topBanner h1 {margin-top:0px;margin-bottom:32px;}
#fpo_topBanner p {color: #333;font-family: "Roboto",sans-serif;font-weight: 300;font-size: 1rem;letter-spacing: 0.5px;line-height: 1.5;margin-bottom:0px;}
#fpo_topBanner .fpo_icon {background-image:url('/information/mc/ui/css/images/fpo_icon.svg');height:3rem; width:2.1rem; background-repeat:no-repeat;background-position:left top;display:block; float:left;margin:3px 16px 0px 0px;}
#fpo_topBanner .fpo_chevron {position:relative;}
#fpo_topBanner .fpo_chevron:after {
	content: '';
    position: absolute;
    top: -1.4rem;
    right: 0;
    width: 35.375rem;
    height: 5rem;
    background: url('/cpc/assets/cpc/img/icons/tool-page/application-chevrons-banner-desktop.png') no-repeat;
    background-size: contain;
}

/* *** Laptop *** 1280px - 1440px */
@media only screen and (max-width: 90em) and (min-width: 64em){
#fpo_topBanner .fpo_chevron:after {
    right: -12rem;
}	
}

/* *** Medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	#fpo_topBanner {height:auto;padding:48px 40px;}
	#fpo_topBanner .fpo_chevron:after {
	content: '';
    position: absolute;
    top: 0;
    right: -40px;
    width: 13.3125rem;
    height: 3.5625rem;
    background: url('/cpc/assets/cpc/img/icons/tool-page/application-chevrons-banner-tablet.png') no-repeat;
    background-size: contain;
}
}

/*Small screens*/
@media only screen and (max-width: 40em) {
	#fpo_topBanner {height:auto;padding:32px 20px;}
	#fpo_topBanner h1 {margin-bottom:24px; font-size: 28px; line-height: 36px;}
	#fpo_topBanner .fpo_chevron:after {
      content: '';
      position: absolute;
      top: 0;
      right: -20px;
      width: 8rem;
      height: 2.0625rem;
      background: url('/cpc/assets/cpc/img/icons/tool-page/application-chevrons-banner-mobile.png') no-repeat;
      background-size: contain;
  }
  #fpo_topBanner .fpo_icon {
      height: 2rem;
      width: 1.5rem;
      margin: 6px 10px 0px 0px;
      background-size: 24px 24px;
  }
}

/* FPO panel */

/** * Panel * **/

.fpo .panel {
    margin-top: 64px;
    border: 1px solid #f0f0f0;
    border-top: 2px solid #CA261A;
    max-width: 968px;
  	width: auto;
    margin-bottom: 32px;
    border-radius: 0;
    background-color: rgba(0,0,0,0);
  	padding-top: 34px;
  	padding-left: 0;
    padding-right: 0;
  	padding-bottom: 54px;
  	box-shadow: 0 3px 8px 0px hsl(0deg 0% 76% / 37%);
  	display: flex;
    flex-direction: column;
}
                                  
.fpo .panelDescription {
    font-size: 20px !important;
    letter-spacing: 0.62px;
    line-height: 28px !important;
    font-weight: 300 !important;  
    margin-bottom: 0 !important;
    padding-left: 69px;
}

.fpo .panelContent {
	display: flex;
    width: 100%;
    justify-content: center;
    align-items: flex-start;
    margin-top: 48px;
}
                                  
.fpo .inputWrapper {
	max-width: 467px;
    width: inherit;
    margin-right: 20px;
}
                                  
.fpo .sr-only {
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
}
                                  
@media only screen and (max-width: 40em) {
	/* small screens [MOBILE] -> 640px */
	
	.fpo .panel {
      padding-left: 20px;
      padding-right: 20px;
      padding-top: 24px;
      padding-bottom: 20px;
      margin-top: 48px;
    }
      
    .fpo .panelDescription {
    	padding-left: 0px;
    }
      
    .fpo .panelContent {
      	display: block;
      	margin-top: 24px;
    }
      
    .fpo .inputWrapper {
      max-width: 100%;
      //margin-bottom: 17px;
	}
}
  
/** * Updated input from mercury kit **/

@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");

/* Input Field */
/* 
Do not delete the following comment. It is essential for tracking purposes.
#Merc2021DoNotDelete 
*/

.fpo label{
  font-family: Roboto;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0.5px;
  color: #333333;
  display: block;
  text-align: left !important;
  margin-bottom: 4px;
}
.fpo input[type="text"] {
  border-radius: 2px;
  border: solid 1px #666666;
  background: #fff;
  font-family: Roboto;
  font-size: 16px;
  line-height: 24px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0.5px;
  color: #333333;
  padding: 10px 16px;
  height: 44px;
  outline: none;
  max-width: 467px;
  width: 100%;
  margin-bottom: 0px !important; /* Change as per need */
  box-sizing: border-box;
}

@media only screen and (max-width: 40em) {
  .fpo input[type="text"] {
    max-width: 100%;
  }
}

.fpo label + .fpo input[type="text"]{
  margin-top: 4px !important;
}


/* Focus State */

.fpo input[type="text"]:focus {
  outline: 0;
  border: solid 1px #0467c6;
  border-radius: 2px;
  
  -webkit-box-shadow: inset 1px 1px 0px 0px#0467c6, inset -1px -1px 0px 0px#0467c6;
  -moz-box-shadow: inset 1px 1px 0px 0px#0467c6, inset -1px -1px 0px 0px#0467c6;
  box-shadow: inset 1px 1px 0px 0px#0467c6, inset -1px -1px 0px 0px#0467c6;
}

.fpo input[type="text"].error {
  border: solid 1px #ca261a !important;
  margin-bottom: 4px !important;
}

.fpo input[type="text"]:focus.error {
  border: solid 1px #ca261a !important;
  outline: none;
  -webkit-box-shadow: inset 1px 1px 0px 0px#ca261a, inset -1px -1px 0px 0px#ca261a;
  -moz-box-shadow: inset 1px 1px 0px 0px#ca261a, inset -1px -1px 0px 0px#ca261a;
  box-shadow: inset 1px 1px 0px 0px#ca261a, inset -1px -1px 0px 0px#ca261a;


  margin-bottom: 4px !important;
}

/* End Focus State */

.fpo .ds-error {
  font-family: Roboto;
  font-size: 16px;
  line-height: 24px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0.5px;
  color: #ca261a;
  text-align: left;
  display: block;

  background-image: url('../img/icons/red-alert.svg');
  background-repeat: no-repeat;
  padding-left: 32px;
}

.fpo .hintText{
  font-family: Roboto;
  font-size: 14px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: 0.5px;
  color: #333333;

  padding: 0;
  margin: 0 0 4px 0 !important;
}

/* Button Class */

/* 
Do not delete the following comment. It is essential for tracking purposes.
#Merc2021DoNotDelete 
*/

.fpo .panelContent button,
.fpo .panelContent .button {
  font-family: Roboto;
  min-width: 84px;
  max-height: 44px;
  line-height: 24px;
  font-size: 16px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0.4px;
  text-align: center;
  width: auto;
  margin: 0 !important;
  border-radius: 2px;
  border: 0px;
  text-decoration: none;
  display: inline-block;
  padding: 10px 20px !important;
  cursor: pointer;
}

.fpo .panelContent button + button,
.fpo .panelContent .button + .button {
  margin-left: 16px;
}
.fpo .panelContent button[aria-disabled="true"],
.fpo .panelContent a[aria-disabled="true"] {
  pointer-events: none;
}

.fpo .panelContent button.findButton {
	margin-top: 28px !important;
}


/* Primary Button */
.fpo .primary-button {
  color: #ffffff;
  background-color: #0467c6;
}
.fpo .primary-button:hover {
  background-color: #004990;
}

.fpo .primary-button:focus {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #0467c6;
  background-color: #004990; 
  outline: none;  
}

.fpo .primary-button.by-keyboard:focus {
  box-shadow: 0 0 0 0px #fff, 0 0 0 0px #0467c6 !important;
}

.clear{
  clear: both;
}

@media only screen and (max-width: 40em) {
  .fpo .panelContent button,
  .fpo .panelContent .button {
    min-width: 100%;
  }
  .fpo .panelContent button + button,
  .fpo .panelContent .button + .button {
    margin-left: 0px;
  }
  
  .fpo .panelContent button.findButton {
	margin-top: 0px !important;
  }
}  

/* FPO Errors */
.fpo div#g_errors {
    max-width: 572px;
}

.fr .fpo div#g_errors {
    max-width: 615px;
}

/* FPO results */

.fpo div#accordion {
    overflow: visible;
}

.location-info, .results-tabs {
    max-width: 60.5rem;
}



/* navigation tabs */

.fpo .navigationTabsContainer {
    display: inline-block;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important
}

.fpo .navigationTabsLinks {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    -ms-flex-direction: row;
    flex-direction: row
}

.fpo .navigationTabsLinks .navigationTabsLinksItem {
    padding-left: 0;
  	padding-bottom: 0;
}

.fpo .accordionTab .navigationTabsContentItem {
    white-space: normal;
    padding: 3rem 0
}

.fpo .accordionTab .navigationTabsContentItem:last-child {
    padding: 3rem 0 0
}

.fpo .navTabExtend {
    width: 100%
}

.fpo .navigationTabsContent {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    border-width: 0.0625rem 0 0;
    border-style: solid;
    border-color: #CBCBCB;
    margin-top: -0.0625rem
}

.fpo .navigationTabsContent.accordionTab {
    background-color: #fff;
    border: none;
    z-index: 10
}

.fpo .navigationTabsContentItem {
    display: none;
    padding: 3rem 0 0 0
}

.fpo .navigationTabsContentItem .cpc-component:last-child>.row:last-child {
    margin-bottom: 0
}

.fpo .navigationTabsContentItem.active {
    display: inline
}

.fpo a .tabChevron {
    background-image: url("../img/icons/chevron_down.svg");
    background-size: 1.5rem 2rem;
    background-repeat: no-repeat;
    background-position: center center;
    width: 1.25rem;
    height: 1.25rem
}

.fpo a.active .tabChevron {
    background-image: url("../img/icons/chevron_down.svg")
}

.fpo a.active .tabChevron {
    transform: rotate(180deg);
    animation: rotate 0.3s ease-in
}


@keyframes rotate {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(180deg)
    }
}
  
@media only screen and (max-width: 40em) {
    .fpo .navigationTabsLinksItem.mobile>a {
        display:none
    }

    .fpo .navigationTabsLinksItem.mobile>a .tabChevron {
        display: none
    }

    .fpo .navigationTabsLinksItem.mobile .navigationTabsContentItem {
        display: block;
        padding-top: 0
    }

    .fpo .cpc-tab--mobile-tab-heading {
        font-size: 1rem;
        line-height: 1.6;
        letter-spacing: 0.3px;
        text-decoration: none;
        color: #333;
        cursor: auto;
        padding: 0.75rem 0;
        margin: 0.08rem auto 1.5rem;
        background-color: #FFFFFF;
        border-top: 0.125rem solid #CA261A;
        border-bottom: 1px solid #CBCBCB
    }
  
  /* copied from min-width 40.0625em to keep tabs for mobile */
  
  #contentWrap .fpo .location-list-map-nav {
    	max-width: 100%;
	}
 
    .fpo .navigationTabsLinksItem.mobile {
        background-color:#fff;
        max-height: 10rem;
        z-index: 20;
        position: relative;
        float: none;
        border-style: solid;
        border-width: 0.0625rem;
        border-bottom: 0;
        border-right: 0;
        border-left: 0;
        border-color: #CBCBCB;
        overflow: hidden
    }

    .fpo .navigationTabsLinksItem.mobile:first-child {
        border-top: 0
    }

    .fpo .navigationTabsLinksItem.mobile>a {
        color: #333;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-color: #F0F0F0;
        padding: 0.875rem 1rem;
        white-space: normal;
        text-align: left;
        border-bottom: 0
    }

    .fpo .navigationTabsLinksItem.mobile>a.active {
        background-color: #fff;
        border-top: 0.125rem solid #CA261A
    }

    .fpo .navigationTabsLinksItem.mobile.mobileActive {
        max-height: 10000rem;
        transition: max-height 10s ease-in;
        border-top: 0
    }

    .fpo .navigationTabsLinksItem.mobile.mobileActive+.navigationTabsLinksItem.mobile {
        border-top: 0
    }

    .fpo .navigationTabsLinksItem.mobile a .tabChevron {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-left: auto;
        border: 0.0625rem solid #F0F0F0;
        backface-visibility: hidden;
        min-width: 1.25rem
    }

    .fpo .navigationTabsLinksItem.mobile a.active .tabChevron {
        border: 0.0625rem solid #fff
    }

    .fpo .navigationTabsLinksItem a .tabChevron {
        display: none
    }

    .fpo .navigationTabsLinksItem {
        float: left;
        white-space: nowrap;
        background-color: #F0F0F0;
        border-top: 0 none;
        border-right: 0.0625rem solid #CBCBCB
    }

    .fpo .navigationTabsLinksItem:last-child {
        border-right: 0 none
    }

    .fpo .navigationTabsLinksItem.isActive:last-child {
        border-right: 0.0625rem solid #CBCBCB
    }

    .fpo .navigationTabsLinksItem>a {
        display: block;
        color: #666 !important;
        text-align: center;
        padding: 0.875rem 2.5rem;
        text-decoration: none;
        border-top: 0.125rem solid #F0F0F0;
        border-bottom: 0.0625rem solid #CBCBCB;
        font-size: 1.125rem;
        font-weight: 300;
        line-height: 1.5;
        letter-spacing: 0.3px
    }

    .fpo .navigationTabsLinksItem>a.active {
        background-color: #fff;
        color: #111 !important;
        font-weight: 300;
        border-bottom: 0.0625rem solid #fff;
        border-top: 0.125rem solid #CA261A
    }

    .fpo .cpc-tab--toc-container {
        display: none
    }

    .fpo .cpc-tab--mobile-tab-heading {
        display: none
    }
}

@media only screen and (min-width: 40.0625em) {
  
  	#contentWrap .fpo .location-list-map-nav {
    	max-width: 100%;
	}
 
    .fpo .navigationTabsLinksItem.mobile {
        background-color:#fff;
        max-height: 10rem;
        z-index: 20;
        position: relative;
        float: none;
        border-style: solid;
        border-width: 0.0625rem;
        border-bottom: 0;
        border-right: 0;
        border-left: 0;
        border-color: #CBCBCB;
        overflow: hidden
    }

    .fpo .navigationTabsLinksItem.mobile:first-child {
        border-top: 0
    }

    .fpo .navigationTabsLinksItem.mobile>a {
        color: #333;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-color: #F0F0F0;
        padding: 0.875rem 1rem;
        white-space: normal;
        text-align: left;
        border-bottom: 0
    }

    .fpo .navigationTabsLinksItem.mobile>a.active {
        background-color: #fff;
        border-top: 0.125rem solid #CA261A
    }

    .fpo .navigationTabsLinksItem.mobile.mobileActive {
        max-height: 10000rem;
        transition: max-height 10s ease-in;
        border-top: 0
    }

    .fpo .navigationTabsLinksItem.mobile.mobileActive+.navigationTabsLinksItem.mobile {
        border-top: 0
    }

    .fpo .navigationTabsLinksItem.mobile a .tabChevron {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-left: auto;
        border: 0.0625rem solid #F0F0F0;
        backface-visibility: hidden;
        min-width: 1.25rem
    }

    .fpo .navigationTabsLinksItem.mobile a.active .tabChevron {
        border: 0.0625rem solid #fff
    }

    .fpo .navigationTabsLinksItem a .tabChevron {
        display: none
    }

    .fpo .navigationTabsLinksItem {
        float: left;
        white-space: nowrap;
        background-color: #F0F0F0;
        border-top: 0 none;
        border-right: 0.0625rem solid #CBCBCB
    }

    .fpo .navigationTabsLinksItem:last-child {
        border-right: 0 none
    }

    .fpo .navigationTabsLinksItem.isActive:last-child {
        border-right: 0.0625rem solid #CBCBCB
    }

    .fpo .navigationTabsLinksItem>a {
        display: block;
        color: #666 !important;
        text-align: center;
        padding: 0.875rem 2.5rem;
        text-decoration: none;
        border-top: 0.125rem solid #F0F0F0;
        border-bottom: 0.0625rem solid #CBCBCB;
        font-size: 1.125rem;
        font-weight: 300;
        line-height: 1.5;
        letter-spacing: 0.3px
    }

    .fpo .navigationTabsLinksItem>a.active {
        background-color: #fff;
        color: #111 !important;
        font-weight: 300;
        border-bottom: 0.0625rem solid #fff;
        border-top: 0.125rem solid #CA261A
    }

    .fpo .cpc-tab--toc-container {
        display: none
    }

    .fpo .cpc-tab--mobile-tab-heading {
        display: none
    }
}

@media only screen and (max-width: 40em) {
    .fpo .cpc-tab--toc-container {
        position:fixed;
        top: 0;
        right: 0rem;
        left: 0rem;
        z-index: 20;
        padding: 0.75rem 1rem;
        background-color: #fff;
        border-top: 0.125rem solid #CA261A;
        font-size: 1rem;
        line-height: 1.5;
        letter-spacing: .2px;
        cursor: pointer;
        transform: translatey(0);
        transition: opacity 250ms ease, transform 0ms
    }

    .fpo .cpc-tab--toc-container.hide-tab {
        opacity: 0;
        transition: opacity 250ms ease, transform 250ms 500ms;
        transform: translatey(-9999px);
        cursor: initial
    }

    .fpo .cpc-tab--toc-active-label {
        position: absolute;
        top: 0;
        right: 2px;
        left: 2px;
        padding: .75rem 2.25rem .75rem .875rem;
        box-shadow: 0 3px 8px 0 rgba(203,203,203,0.5);
        background: #fff
    }

    .fpo .cpc-tab--toc-active-label:after {
        display: none;
        content: '';
        position: absolute;
        top: 1rem;
        right: .875rem;
        width: 1.25rem;
        height: 1.25rem;
        backface-visibility: hidden;
        background-image: url("../img/icons/chevron_down.svg");
        background-size: 1.5rem 2rem;
        background-repeat: no-repeat;
        background-position: center center
    }

    .fpo .cpc-tab--toc-active-label.active:after {
        border: 0.0625rem solid #fff;
        background-image: url("../img/icons/chevron_up.svg")
    }

    .fpo .cpc-tab--toc-list {
        display: none
    }

    .fpo .cpc-tab--toc-list>li {
        background-color: #fff;
        z-index: 20;
        position: relative;
        float: none;
        border-style: solid;
        border-width: 0.0625rem;
        border-bottom: 0;
        border-right: 0;
        border-left: 0;
        border-color: #CBCBCB;
        overflow: hidden
    }

    .fpo .cpc-tab--toc-list>li>a {
        color: #333;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-color: #F0F0F0;
        padding: 0.875rem 1rem;
        white-space: normal;
        text-align: left;
        border-bottom: 0
    }

    .fpo .cpc-tab--toc-list>li>a.active {
        background-color: #fff;
        border-top: 0.125rem solid #CA261A
    }

    .fpo .cpc-tab--toc-list>li a .tabChevron {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-left: auto;
        border: 0.0625rem solid #F0F0F0;
        backface-visibility: hidden;
        min-width: 1.25rem
    }

    .fpo .cpc-tab--toc-list>li a.active .tabChevron {
        border: 0.0625rem solid #fff
    }

    .fpo .cpc-tab--toc-list>li .navigationTabsContentItem {
        display: block
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .fpo .navigationTabsLinksItem.mobile a {
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media screen and (device-aspect-ratio: 40 / 71) {
    .fpo .navigationTabsLinksItem.mobile.mobileActive {
        transition:none
    }
}  



/* Legend */

.fpo li.map-legend-content-mobile {
    font-size: 16px;
}

.fpo .inline-list>li {
    margin-left: 34px;
}

@media only screen and (max-width: 40em) {
  	#contentWrap .fpo .map-legend {
      border-bottom: none !important;
      padding-top: 24px !important;
  text-align: left;
	}

    #contentWrap .fpo .map-legend img {
        margin-right: 10px;
    }

  .fpo .inline-list>li {
      margin-bottom: 20px !important;
  }

#contentWrap .map-legend-content-mobile {
    width: 100% !important;
    line-height: 24px !important;
}
}


/* List styles */

#results .address-first-line, #results li::marker {
    font-size: 22px;
    color: #333;
    letter-spacing: 0.5px;
    line-height: 28px;
    font-weight: 400;
}

#results .address {
    font-size: 20px;
    color: #666;
    letter-spacing: 0.62px;
    line-height: 28px;
    font-weight: 200;
    display: block;
    margin-top: 8px;
}

#results a.post-office-link {
	margin-top: 8px;
	font-size: 16px;
	display: block;
}

#results li {
	margin-top: 24px;
	margin-left: 2px;
    padding-left: 15px;
}
#results ul.no-bullet.nomargin.marginbottom li {
    margin-top: 0px;
}

a#next {
    display: block;
}

@media only screen and (max-width: 40em) {
  	#results .address-first-line, #results li::marker {
      font-size: 20px;
  }

  #results .address {
      font-size: 18px;
  }
}

/* 
Do not delete the following comment. It is essential for tracking purposes.
#Merc2021DoNotDelete 
*/

/* Links Class */
#results a, #results a[role="button"] {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 0.5px;
  color: #0467c6;
  text-decoration: none;
  position: relative;
  border-radius: 1px;
}

#results a:hover, #results a[role="button"]:hover{
  text-decoration: underline;
}

#results p {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 0.5px;
  color: #333333;
  vertical-align: middle;
  display: inline-block;
}

#results .text a,
#results p a,
#results p a[role='link'] {
  text-decoration: underline;
  font-size: inherit;
}

#results a:not(.micro-buttons)[target="_blank"]:after {
  content: url('/information/mc/ui/css/images/open_in_a_new_window.svg');
  position: relative;
  padding-left: 4px;
  display: inline-block;
  top: 3px;
}

#results .external{
  display: inline-block;
}

#results a:focus, #results a[role="button"]:focus {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #0467c6;
  text-decoration: underline;
  outline: none;  
}

.navigationTabsLinksItem a:focus {
  box-shadow: 1px 2px 0 1px #fff,  inset 0 0 0 1px #0467c6;
  text-decoration: none;
  outline: none;  
}

#results a.by-keyboard:focus, #results a[role="button"].by-keyboard:focus {
  box-shadow: 0 0 0 0px #fff, 0 0 0 0px #0467c6 !important;
}

/* End Link styles */

/*.fpo h1{ margin-top:60px; margin-top:3.750rem; margin-bottom:10px; margin-bottom:0.625rem;}
.fpo h3{ margin-bottom:60px; margin-bottom:3.750rem; margin-top:6px; margin-top:0.375rem;}*/
#contentWrap hr.large{border:0px; border-bottom:6px solid #e5e5e5;}
#contentWrap #resultContents {margin-bottom:30px; margin-bottom:1.875rem;}
#contentWrap #resultContents > *{margin:0; padding:0;}

#contentWrap .h1margintop60{ margin-top: 26px; margin-top:1.625rem;}

#contentWrap .margintop7{margin-top:7px;}
#contentWrap .margintop22{margin-top: 22px!important; margin-top:1.375rem!important;}
#contentWrap .margintop21{margin-top:21px !important; margin-top:1.313rem !important;}

#contentWrap .marginbottom40{margin-bottom: 40px!important; margin-bottom:2.5rem!important;}
#contentWrap .marginbottom51{margin-bottom: 51px!important; margin-bottom:3.188rem!important;}
#contentWrap .marginbottom22{margin-bottom: 22px!important; margin-bottom:1.375rem!important;}
#contentWrap .marginbottom21{margin-bottom: 21px!important; margin-bottom:1.313rem!important;}
#contentWrap .marginright-medium-up {
    margin-right: 15px !important;
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	#contentWrap .marginright-medium-up {
		margin-right: 0 !important;
	}	
}

.inherit{
	color: inherit;
    cursor: inherit;
    display: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin-bottom:inherit;
	}

/* ----------
Alert
----------- */
.alert-box label {
    line-height: 18px;
}

div.alert-box input[type='checkbox']{margin:0;}

/*-----------
Text
-----------*/
#contentWrap .blue-text{color:#087cc0;}
#contentWrap .line-hight-normal, #contentWrap .line-hight-normal label{line-height:normal !important;}
/*-----------
Accordion
-----------*/
#contentWrap .accordion .content {
     padding: 16px 15px 15px 15px;
}
#contentWrap .accordion dd > a, #contentWrap .accordion dd > a:visited{color:#333;font-weight:700;}
#contentWrap .accordion dd > a:hover{text-decoration: none;}
#contentWrap .accordion dd.active > a{position:relative;}
#contentWrap .accordion dd.active > a:after, .accordion dd.active > a:before { top: 39px; left:15px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } 
#contentWrap .accordion dd.active > a:after { border-color: rgba(238, 240, 242, 0); border-top-color: #eef0f2; border-width: 4px; margin-left: -4px; } 
#contentWrap .accordion dd.active > a:before { border-color: rgba(238, 240, 242, 0); border-top-color: #eef0f2; border-width: 5px; margin-left: -5px; }

/*---------
Map
----------*/
#contentWrap .map-legend{
	margin-top:32px !important; 
	margin-bottom:0; 
	
 }
 
/* #contentWrap .map-legend > li { float:none; display:inline-block;} */

#contentWrap .map-legend img{  
	display:inline-block; 
	margin-right:7px; 
    height: 28px;
    width: auto;
}

#contentWrap #location-results{
	margin-top:26px;
	margin-bottom:0px;
}

#contentWrap #map_canvas{background:url(/cpo/mc/assets/images/app/fpo/bg-map-full-width.png) center center #CCC; }

#contentWrap .gm-style .gm-style-iw, 
#contentWrap .gm-style .gm-style-iw a, 
#contentWrap .gm-style .gm-style-iw span, 
#contentWrap .gm-style .gm-style-iw label, 
#contentWrap .gm-style .gm-style-iw div {
    overflow: hidden !important;
	text-align: left;
}

#contentWrap .fpo .gm-style .gm-style-iw-t::after {
    top: -1px;
}

#contentWrap .gm-style .gm-style-iw{
	/*height: 130px !important;*/
	padding-right: 30px !important;
    padding-bottom: 16px !important;
	border-radius: 2px;
}

#contentWrap .gm-style .gm-style-iw div {
	font-size: 16px !important;
    letter-spacing: 0.5px;
    color: #333;
    line-height: 24px;
    font-weight: 300;
    font-family: 'Roboto';
	
}

#contentWrap .fpo .gm-style .gm-style-iw a {
    margin-top: 8px;
    display: block;
}

.fpo #map_canvas .gm-style .gm-style-iw button {
	top: 0px !important;
	right: 0px !important;
	width: 38px !important;
    height: 38px !important;
}

.fpo #map_canvas .gm-style .gm-style-iw button img {
	height: 22px !important;
	width: 22px !important;
}

@media only screen and (max-width: 40em) {
  #contentWrap .fpo #map_canvas {
    height: 440px !important;
  	margin-top: 16px;
  }
}

/*---------
Gutter
------------ */
#contentWrap .gutter{
	border:0; 
	background-color:#F2F2F2;
	padding:16px 20px 10px 20px !important;
	margin:30px 31px 22px;
	width:300px;
}
#contentWrap .gutter.first,
#contentWrap .gutter.last{margin-left:0; margin-right:0;}
/*#contentWrap .gutter.double-left{border-left:40px solid #FFF;}
#contentWrap .gutter.double-right{border-right:40px solid #FFF;}*/
#contentWrap .gutter.add-spot{padding:0 !important; background-color:#FFFFFF;}

#contentWrap .gutter h4,
#contentWrap .gutter h6,
#contentWrap .gutter p,
#contentWrap .gutter a{ margin:0; margin-bottom:7px;}

@media only screen and (max-width: 40em) {
	#contentWrap .gutter{
		width:100%;
		margin-left:0; margin-right:0;
		margin-bottom:1rem;
	}
	#contentWrap .gutter.first,
	#contentWrap .gutter.last{margin-left:0; margin-right:0;}
	/*#contentWrap .gutter.double-left{border-left:0;}
	#contentWrap .gutter.double-right{border-right:0;}*/
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	#contentWrap .gutter{
		width:100%;
		margin-left:0; margin-right:0;
		margin-bottom:1rem;
	}
}

/*-------------
Tabs
-------------*/


#contentWrap #fpo-tabs{
 margin-top:21px !important; 
 /* margin-bottom:26px !important; */
padding-left: 0px !important;
}

#contentWrap #fpo-tabs.tabs:before, #contentWrap .tabs:after{display:inline-block;}


#contentWrap #fpo-tabs.tabs{border:none; margin:0; height:auto;}

#contentWrap #fpo-tabs.tabs dd > a {
	color:#333; 
	border:none; 
	background-color:none;
	font-size:14px;
	font-size:0.875rem;
	font-weight:400;
}

#contentWrap #fpo-tabs.tabs dd.active, #contentWrap #fpo-tabs.tabs li.active {margin-top:-2px; border:0;}
         
#contentWrap #fpo-tabs.tabs dd.active a, #contentWrap #fpo-tabs.tabs li.active{
	color:#CCC; 
	border:none; 
	background-color:none;
	font-weight: normal;
	padding:0 23.8px 0 28.8px;
}

#contentWrap #resultContents.tabs-content{
	min-height: 550px; 
	padding: 12px 0 0 0;
	margin-bottom: 64px;
	max-width: 60.5rem;
	/*margin:0;*/
}

/* #contentWrap .tabs-content > .content#map {padding:0;}
 
#contentWrap #listTab a{ background:url(/cpo/mc/assets/images/app/fpo/tab-list.png) 0 center no-repeat #FFF !important; padding-left: 28px;}
#contentWrap #listTab.active a{ background:url(/cpo/mc/assets/images/app/fpo/tab-list-active.png) 0 center no-repeat #FFF !important; border:none; }
#contentWrap #mapTab a{ background:url(/cpo/mc/assets/images/app/fpo/tab-map.png) 0 center no-repeat #FFF !important; padding-left: 28px;}
#contentWrap #mapTab.active a{ background:url(/cpo/mc/assets/images/app/fpo/tab-map-active.png) 0 center no-repeat #FFF !important; border:none; } */

@media only screen and (max-width: 40em) {
  
    #contentWrap #fpo-tabs #listTab, #contentWrap #fpo-tabs #mapTab {
      width: auto !important;
  	}
  
  	#contentWrap .fpo #resultContents.tabs-content{
      padding: 0 0 0 0;
     /* margin: -0.0625rem 0 0 0; */

	}
 
   #contentWrap .fpo.mappage #resultContents > * {
      padding: 0;
      width: 100vw;
      position: relative;
      margin-left: -50vw !important;
      left: 50%;
  }
  
  #fpoListResultForm #results {
    padding-top: 0px !important;
  }
}

/*----------
Float
------------*/
#contentWrap .left-medium,
#contentWrap .right-medium,
#contentWrap .left-small,
#contentWrap .right-small{float:none;}

#contentWrap .left-large{float:left;}
#contentWrap .right-large{float:right;}


	
@media only screen and (max-width: 40em) {
#contentWrap .left-large,
#contentWrap .right-large,
#contentWrap .left-medium,
#contentWrap .right-medium{float:none;}	

#contentWrap .left-small{float:left;}
#contentWrap .right-small{float:right;}

}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
#contentWrap .left-large,
#contentWrap .right-large,
#contentWrap .left-small,
#contentWrap .right-small{float:none;}

#contentWrap .left-medium{float:left;}
#contentWrap .right-medium{float:right;}

}

/*--------
Panel Box
----------*/

#contentWrap .panel.success{
	background:url(/cpo/mc/app/ccm/images/Success2_32x32.png) 20px 20px no-repeat #F5F7E1;
	/*padding-bottom: 4px;*/
	padding-left: 68px;
    padding-top: 27px;
	}

#contentWrap #urlToThisPage {
    display: none;
    position: absolute;
    right: 0;
    top: -10px;
    width: 284px;
    z-index: 40;
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	
	#contentWrap #urlToThisPage{margin-top:15px;position:relative;right:0;top:0;width:100%;z-index:0;}
	#contentWrap .panel.callout.white.arrow-left::before{content:"";display:block;width:0;height:0;border:inset 6px;border-color:transparent transparent #fff transparent;border-bottom-style:solid;position:absolute;top:-12px;left:10%;z-index:99;margin:0 0 0 -6px;}
	#contentWrap .panel.callout.white.arrow-left::after{content:"";display:block;width:0;height:0;border:inset 7px;border-color:transparent transparent #cfcfcf transparent;border-bottom-style:solid;position:absolute;top:-14px;left:10%;z-index:98;margin:0 0 0 -7px;}
}

@media only screen and (max-width: 40em) {
	
	#contentWrap #urlToThisPage{margin-top:15px;position:relative;right:0;top:0;width:100%;z-index:0;}
	#contentWrap .panel.callout.white.arrow-left::before{content:"";display:block;width:0;height:0;border:inset 6px;border-color:transparent transparent #fff transparent;border-bottom-style:solid;position:absolute;top:-12px;left:20%;z-index:99;margin:0 0 0 -6px;}
	#contentWrap .panel.callout.white.arrow-left::after{content:"";display:block;width:0;height:0;border:inset 7px;border-color:transparent transparent #cfcfcf transparent;border-bottom-style:solid;position:absolute;top:-14px;left:20%;z-index:98;margin:0 0 0 -7px;}

}

/*-----
Forms
-----*/

#contentWrap input[name="CreateTicket:postalCode"], 
#contentWrap input[name="CreateTicket:receiverPC"],  
#contentWrap input[name="CreateTicket:senderPC"],
#contentWrap input[name="addressAndContact:userAddress:postalCode"]{width:100px;}

#contentWrap input[name="CreateTicket:captcha"],
#contentWrap input[name="ccmCpidSignUp:captcha"]{width:155px;}

#contentWrap .ui_wrapper_no_float .checkbox{
	display: inline-block;
    float: none !important;
    height: 19px;
    margin-left: 5px;
}
/*
#contentWrap small.error {
    padding-left: 8px;
	line-height:21px;
}
*/

#ccm small.error {
    white-space:normal;
}

#cmb-chooseAccessCode-state small.error {
    margin-top: 0px;
    white-space: normal;
}

.display-inline{display: inline;}

#contentWrap .ui_wrapper  input[type="checkbox"] + label,
#contentWrap .ui_wrapper input[type="radio"] + label{
    display: inline;
}
/*----
table
----*/

.inline-table {
background:none;
display: inline-block;
margin: 0 0 -9px 2px;
border:none;
}

.inline-table input[type="radio"], .inline-table label{ margin:0;}

/*---- 
Buttons
----*/
@media only screen and (max-width: 40em) {
	#contentWrap a.button, 
	#contentWrap input.button[type="submit"] {width:100%}
}

/*----
Panel Arrow
----*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	div.panel.callout.white.medium-arrow-left::before{content:"";display:block;width:0;height:0;border:inset 7px;border-color:transparent #cfcfcf transparent transparent;border-right-style:solid;position:absolute;top:50%;left:0;z-index:99;margin:0 0 0 -15px;}
	div.panel.callout.white.medium-arrow-left::after{content:"";display:block;width:0;height:0;border:inset 6px;border-color:transparent #FFF transparent transparent;border-right-style:solid;position:absolute;top:50.5%;left:0;z-index:99;margin:0 0 0 -12px;}
}

@media only screen and (min-width: 64em) {
	
	.fr #senderAddressResults.large-6 h3, 
	.fr #contactVerifyResults.large-6 h3
	{
		padding-bottom: 1.5rem; 
		padding-bottom: 24px;
	}
}


.infobox_checkbox{float:left; width:4%;}
.infobox_text{width:95%; display:inline-block;}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	/*.fr #contactVerifyResults.large-6 h3
	{
		padding-bottom: 1.5rem; 
		padding-bottom: 24px;
	}*/
	#ccm form{margin-bottom:0;}
	hr.signin-separator{ margin: 26px 0  43px;}
	.infobox_checkbox{float:left; width:23px;}
}

@media only screen and (max-width: 40.063em) {
	ul#breadcrumb {margin: 30px 0 25px;}
	#SignInWrapperRightCol a.button, #SignInWrapperRightCol input.button[type="submit"]{ width:auto;}
	.infobox_checkbox{float:left; width:23px;}
	.infobox_text{width:85%; display:inline-block;}
	
	#ccm form{margin-bottom:0;}
	hr.signin-separator{ margin: 14px 0  26px; }
	div.signIn{ margin: 0 0 8px;
}

/*-----------------
Chrome scrolling issue fix?????
-----------------*/
#contentWrap form .columns{ -webkit-backface-visibility: hidden; }