/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */
/* ------------------------------------- BODY ------------------------------------------- */
/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */

@media all and (orientation:landscape) {
  BODY { TEXT: #000000; margin: 0px; background-color: #DDEEEF; }
}

@media all and (orientation:portrait) {
  BODY { TEXT: #000000; margin: 0px; overflow-x: hidden; background-color: #DDEEEF; }
}


/* ----------------------------- SMALL UNIVERSAL TAGS ----------------------------------- */

.center { text-align: center; }
.right { text-align: right; }
.NoUnderline { text-decoration: none; }
.GoRed:hover { color: #CC0000; }
.GoGreen:hover { color: #005500; }
::placeholder { color: red; text-align: center; }


/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */
/* -------------------------------- MAIN CONTAINERS ------------------------------------- */
/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */

@media all and (orientation:landscape) {
  .IndividualEntryHeader { font-size: 30px; font-weight: 900; color: #AA0000; }
}
@media all and (orientation:portrait) {
  .IndividualEntryHeader { width: 80vw; font-size: 30px; font-weight: 900; color: #AA0000; border: solid #97CBCE 2px; border-radius: 22px; border-spacing: 0px; background-color: #FFFFFF; }
}
.EntryHeaderYear { font-size: 20px; font-weight: 900; color: #000000; padding-top: 25px; padding-bottom: 18px; }



/* ----------------------------- STAMP IMAGE CONTAINER ---------------------------------- */

.ImagesTable { border: none; width: 90%; padding-bottom: 25px; }
.ImagesTD { text-align: center;  padding: 12px; border: solid #000000 2px; border-radius: 14px; border-spacing: 0px; background-color: #000000; }
.ImageHolder { display: inline-block; margin: 4px; }
.OverlayScreen { display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100% ; background-color: rgba(0,0,0,0.9); opacity: 0.0; }

@media all and (max-width: 800px) {
  .ImageHolderB { display: inline-block; margin: 4px; width: 98%!important; }
}
@media all and (min-width: 800px) {
  .ImageHolderB { display: inline-block; margin: 4px; }
}


/* ------------------------------ STAMP INFO CONTAINER ---------------------------------- */

.StampDataTDHead { color: #0000AA; padding-right: 10px; padding-left: 10px; border-bottom: solid #97CBCE 1px; border-left: solid #97CBCE 1px; border-top: solid #97CBCE 1px;  }
.StampDataTD { padding-right: 10px; padding-left: 10px; padding-top: 3px; padding-bottom: 2px; vertical-align: top; border-bottom: solid #97CBCE 1px; }
.StampDataText { font-size: 14px; }

.STDHeadCol { background-color: #DDEEEF; }
.STDBorLeft { border-left: solid #97CBCE 1px; }
.STDBorRight { border-right: solid #97CBCE 1px; }
.STDBorBottom { border-bottom: solid #97CBCE 1px; }
.STDBottomLeft { border-radius: 0 0 0 15px; }
.STDBottomRight { border-radius: 0 0 15px 0; }
.STDUpperRight { border-radius: 0 15px 0 0; }
.STDUpperLeft { border-radius: 15px 0 0 0; }
.STDHeadPrint { color: #0000AA; padding-right: 10px; padding-left: 10px; }


/* ---------------------------------- CONTENT DIVS -------------------------------------- */

@media all and (orientation:landscape) {
  .ContentDiv { position: absolute; width: calc(100% - 180px); text-align: center; padding-top: 20px; }
  .PageHeader { width: 500px; text-align: center; border: solid #97CBCE 2px; border-radius: 22px; border-spacing: 0px; background-color: #FFFFFF; padding-bottom: 4px; padding-top: 4px; }
  .PageHeaderMargin { margin-top: 1px;  }
  .PageHeaderText { font-size: 30px; color: #0000AA; font-weight: 900; }

  .EntryTable { width: 92%; border: solid #97CBCE 15px; border-radius: 35px; border-spacing: 0px; background-color: #FFFFFF; margin-bottom: 20px; z-index: 10; }
  .ModernEntryTable { width: 92%; border: solid #97CBCE 15px; border-radius: 35px; border-spacing: 0px; background-color: #000000; padding-top: 20px; padding-bottom: 20px; margin-bottom: 20px; z-index: 10; }
  .StampDataTableContainer { width: 100%; border: none; }
  .StampDataTable { width: 92%; border: none; }
  .ContentSpaceLow { height: 50px; }
  .SingleContantSpaceTop { height: 20px }
  .SingleContentSpaceMiddle { height: 18px; }
  .SingleContentSpaceLow { height: 26px; }
  .ContentBreakLine { display: none; }
  .HideShowHeader { font-size: 16px; line-height: 1.2; color: #FFFFFF; border: solid #990000 2px; border-radius: 6px; border-spacing: 0px; background-color: #660000;  }
}

@media all and (orientation:portrait) {
  .ContentDiv { position: static; width: 100%; text-align: center; padding-top: 20px; }
  .PageHeader { width: 80vw; text-align: center; padding: 5px 5px 5px 5px; border: solid #97CBCE 2px; border-radius: 22px; border-spacing: 0px; background-color: #FFFFFF; }
  .PageHeaderMargin { margin-top: 30px;  }
  .PageHeaderText { font-size: 6vw; color: #0000AA; font-weight: 900; }

  .EntryTable { width: 100%; margin-bottom: 20px; z-index: 10; }
  .ModernEntryTable { width: 100%; }
  .StampDataTableContainer { width: 100vw; overflow-x: scroll; }
  .StampDataTable { min-width; 600px; }
  .ContentSpaceLow { height: 30px; }
  .SingleContantSpaceTop { height: 0px }
  .SingleContentSpaceMiddle { height: 20px; }
  .SingleContentSpaceLow { height: 0px; }
  .ContentBreakLine { border: solid #97CBCE 10px; border-radius: 10px; width: 90%; }
  .HideShowHeader { font-size: 5vw; line-height: 1.2; color: #FFFFFF; border: solid #990000 2px; border-radius: 6px; border-spacing: 0px; background-color: #660000;  }
}


/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */
/* ----------------------------- NAVIGATION: UPPER NAV ---------------------------------- */
/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */

.UpperNav { position: fixed; top 0px; left: 0px; width: 100%; height: 29px; border-bottom: solid #97CBCE 2px; background-color: #FFFFFF; z-index: 12; }
.UpperNavDivider { width: 1px; height: 2px; background-color: #97CBCE; }
.UpperNavDividerH { height: 1px; height: 29px; background-color: #97CBCE; }
.SearchBox { position: fixed; top: 4px; left: calc(100% - 195px); width: 190px; height: 30px; }

.LanguageImage:hover { border: solid #ff0000 1px; filter: contrast(150%); }
.ContactUs:hover { filter: sepia(150%); }
.ContactInf:hover { filter: sepia(150%); }
.HomeButton:hover { filter: sepia(150%); }
.LoginButton:hover { filter: sepia(150%); }
.ModernClassic:hover { filter: sepia(150%); }
.AboutUs:hover { filter: sepia(150%); }
.TermsAndCon:hover { filter: sepia(150%); }


@media all and (orientation:landscape) {
  .LanguageImage { width: 30px; height: 22px; border: solid #000000 1px; }
  .HomeButton {  width: 27px; height: 22px; }
  .ContactUs { width: 28px; height: 22px; }
  .ContactInf { height: 22px; }
  .LoginButton { height: 22px; }
  .ModernClassic { height: 22px; }
  .ModernClassicD { height: 22px; }
  .AboutUs { height: 22px; }
}

@media all and (orientation:portrait) {
  .LanguageImage { width: 10vw; border: solid #000000 1px; }
  .HomeButton {  width: 8vw; }
  .ContactUs { width: 8vw; }
  .ContactInf { width: 8vw; }
  .ModernClassic { width: 20vw; }
  .ModernClassicD { width: 20vw; }
  .SearchBox { display: none; }
  .SearchBoxTD { display: none; }
  .WhSpaceTD { display: none; }
}

@media all and (max-width: 910px) { .EmptyBarTD { display: none; } }
@media all and (max-width: 810px) { .AboutUs { display: none; } }
@media all and (max-width: 766px) { .WhSpaceTD { display: none; } }

/* ------------------------------ NAVIGATION: SIDE NAV ---------------------------------- */

.SectionFinalNoLink { font-size: 15px; color: #000000; }
.NavDivider { background-color: #97CBCE; border: 0; height: 2px; margin-bottom: 8px; }


@media all and (max-height: 637px) and (orientation:landscape) {
  .MainNav { position: absolute; top: 50px; left: calc(100% - 170px); padding-top: 10px; }
  .MobileNav { position: absolute; top: 50px; left: calc(100% - 170px); padding-top: 10px; }
}
@media all and (min-height: 638px) and (orientation:landscape) {
  .MainNav { position: fixed; top: 50px; left: calc(100% - 170px); padding-top: 10px; }
  .MobileNav { position: fixed; top: 50px; left: calc(100% - 170px); padding-top: 10px; }
}

@media all and (orientation:landscape) {
  .NavDiv { width: 150px; padding-top: 10px; padding-bottom: 10px; border: solid #97CBCE 2px; border-radius: 22px; border-spacing: 0px; background-color: #FFFFFF; }
  .SectionHeader { font-size: 20px; color: #0000AA; font-weight: 900; line-height: 0.8;  }
  .SectionSubHeader {  padding: 2px 0px 2px 0px; font-size: 15px; color: #0077AA; font-weight: 900; line-height: 1; }
  .SectionSubSubHeader { padding: 2px 0px 2px 0px; font-size: 15px; color: #00CCAA; font-weight: 900; }
  .SectionLowestLinksBox { padding-top: 5px; padding-bottom: 5px; }
  .SectionFinalLink {  font-size: 15px; }
  .NavBreak { height: 24px; }
  .ReturnToNavContainer { display: none; }
}

@media all and (orientation:portrait) {
  .MainNav { display: none; }
  .MobileNav { inline-block; padding-top: 40px; }
  .NavDiv { display: inline-block; white-space: nowrap; padding-top: 10px; padding-bottom: 10px; border: solid #97CBCE 2px; border-radius: 22px; border-spacing: 0px; background-color: #FFFFFF; }
  .SectionHeader { width: 60vw; font-size: 9vw; color: #0000AA; font-weight: 900; line-height: 1.1; margin-left: 10vw; margin-right: 10vw; }
  .SectionSubHeader {  font-size: 7vw; color: #0077AA; font-weight: 900; line-height: 1; }
  .SectionSubSubHeader { font-size: 6vw; color: #00CCAA; font-weight: 900; }
  .SectionLowestLinksBox { padding-top: 6px; padding-bottom: 10px; }
  .SectionFinalLink { font-size: 5vw; color: #FF0000; }
  .NavBreak { height: 5vw; }
}


/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */
/* ---------------------------- SPECIAL PAGES: MAIN PAGE -------------------------------- */
/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */

.PaidContentMessage { width: 700px; border: solid #97CBCE 2px; border-radius: 15px; border-spacing: 0px; background-color: #FFFFFF; padding-top: 15px; padding-bottom: 15px; }

@media all and (orientation:landscape) {
  .ShowBackImage { background-image: url("../Images/NED.jpg"); background-repeat: no-repeat; background-attachment: fixed; background-position: left top; overflow-y: scroll; }
  .MainLogo { display: none; }
}

@media all and (orientation:portrait) {
  .LatestReleases { display: none; }
  .ShowBackImage { background-image: url("../Images/NEDsmall.jpg"); background-repeat: repeat; overflow-y: scroll; }

  .MainLogo { margin-top: 30px; color: #890E34; line-height: 0.65; }
  .LogoTextSizeA { font-size: 37vw; padding-bottom: 18px; }
  .LogoTextSizeB { font-size: 15vw; padding-bottom: 18px; }
  .LogoMobile { font-size: 3vw; padding-top: 18px; }
  .LogoImage { width: 80%; }
  .StampiImage { width: 40%; padding-top: 18px; padding-bottom: 18px; }
}


/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */
/* ---------------------------- SPECIAL PAGES: THEME PAGE ------------------------------- */
/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */

.ThemeNav { padding-bottom: 20px; }
.ThemeNavBox { display: inline-block; width: 30px; height: 30px; vertical-align: top; }
.ThemeNavText { font-size: 25px; font-weight: 900; }
.ThemeHeader { color: #0000AA; font-weight: 900; text-decoration: none; }
.ThemeHeader:hover { color: #CC0000; }
.ThemeEntry { color: #0000AA; text-decoration: none; }
.ThemeEntry:hover { color: #CC0000; }
.PersonEntry { color: #0000AA; font-size: 18px; text-decoration: none; }
.PersonEntry:hover { color: #CC0000; }


@media all and (orientation:landscape) {
  .ListDot { width: 5px; vertical-align: top; }
  .ListDotPersons { width: 5px; vertical-align: top; }
  .ThemeHeader { font-size: 18px; line-height: 1; }
  .ThemeHeaderNoLink { font-size: 18px; color: #000000; font-weight: 900; line-height: 1;  }
  .ThemeEntry { font-size: 16px; line-height: 1.4;  }
  .ThemeOuterBox { width: calc(50% - 10px); display: inline-block; text-align: left; vertical-align: top; padding-top: 20px; }
  .ThemeInnerBox { width: calc(50% - 10px); display: inline-block; text-align: left; vertical-align: top; }
  .ThemeNav { display: none; }

  @media all and (max-width: 1072px) {
    .ThemeInnerBox { width: 50%; display: inline-block; text-align: left; vertical-align: top; }
  }
}

@media all and (orientation:portrait) {
  .ListDot { width: 5px; vertical-align: top; padding-top: 8px; }
  .ListDotPersons { width: 5px; height: 30px; vertical-align: top; }
  .ThemeHeader { font-size: 24px; line-height: 1.3;  }
  .ThemeHeaderNoLink { font-size: 24px; color: #000000; font-weight: 900; line-height: 1.3;  }
  .ThemeEntry { font-size: 22px; font-weight: 300; line-height: 1.5;  }
  .ThemeOuterBox { width: 94%; display: inline-block; vertical-align: }
  .ThemeInnerBox { width: 94%; display: inline-block; text-align: left; vertical-align: top; }
  .ThemeNav { padding-bottom: 20px; padding-bottom: 10px; }

}


/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */
/* --------------------------- SPECIAL PAGES: SEARCH PAGE ------------------------------- */
/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */

.NoResultsFound { height: calc(50vh - 145px); font-size: 30px; color: #ff0000; font-weight: 900; padding-top: calc(50vh - 165px); }
.AddMessageBox { width: 600px; font-size: 20px; color: #000000; text-align: center; font-weight: 900; padding: 10px; border: solid #97CBCE 5px; border-radius: 22px; border-spacing: 0px; background-color: #FFFFFF; }
.AddMessageInfoBox { display: none;  font-size: 14px; color: #ff0000; }
@media all and (orientation:portrait) {
  .AddMessageBox { width: calc(90vw - 30px); }
}

/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */
/* ----------------------- SPECIAL PAGES: MEMBER ACCOUNT PAGES -------------------------- */
/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */

.PurchaseDiv { border: none; width: 640px; text-align: center; padding: 12px; border: solid #000000 2px; border-radius: 14px; background-color: #000000;}
.PurchaseStamp { display: inline-block; width: 200px; height: 135px; font-size: 24px; font-weight: 900; padding-top: 14px; }

/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */
/* ------------------------ SPECIAL PAGES: LOCAL/REGIONS PAGE --------------------------- */
/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */

.LocMapLink { text-decoration: none; color: #0000CC;}
.LocMapLink:hover { color: #00AA00; }
.LocMapLinkA { text-decoration: none; color: #CC0000; }
.LocMapLinkA:hover { color: #00AA00; }

@media all and (min-width: 1100px) {
  .LocalMap { position: relative; top: 0px; width: 580px; text-align: center; border: solid #97CBCE 2px; border-radius: 22px; border-spacing: 0px; background-color: #FFFFFF; }
  .LocalMapSpacing { padding-bottom: 310px; }
  .LocalMapSpacingBottom { padding-bottom: 530px; }

  .BlockA { position: absolute; top: 102px; left: 10px; width: calc(50% - 325px); padding-top: 5px; line-height: 20px; text-align: center; background-color: #FFFFFF; border-right: 2px solid #97CBCE; border-left: 2px solid #97CBCE; border-top: 2px solid #97CBCE; border-top-right-radius: 22px; border-top-left-radius: 22px; }
  .BlockB { position: absolute; top: 348px; left: 10px; width: calc(50% - 325px); line-height: 20px; text-align: center; background-color: #FFFFFF; border-right: 2px solid #97CBCE; border-left: 2px solid #97CBCE; }
  .BlockC { position: absolute; top: 588px; left: 10px; width: calc(50% - 325px); line-height: 20px; text-align: center; background-color: #FFFFFF; border-right: 2px solid #97CBCE; border-left: 2px solid #97CBCE; }
  .BlockD { position: absolute; top: 828px; left: 10px; width: calc(50% - 325px); padding-bottom: 5px; line-height: 20px; text-align: center; background-color: #FFFFFF; border-right: 2px solid #97CBCE; border-left: 2px solid #97CBCE; border-bottom: 2px solid #97CBCE; border-bottom-right-radius: 22px; border-bottom-left-radius: 22px; }

  .BlockE { position: absolute; top: 820px; left: calc(50% - 291px); width: 280px; padding-top: 5px; line-height: 20px; padding-bottom: 5px; text-align: center; background-color: #FFFFFF; border-right: 2px solid #97CBCE; border-left: 2px solid #97CBCE; border-bottom: 2px solid #97CBCE; border-bottom-right-radius: 22px; border-bottom-left-radius: 22px; border-top: 2px solid #97CBCE; border-top-right-radius: 22px; border-top-left-radius: 22px; }
  .BlockF { position: absolute; top: 820px; left: calc(50% + 8px);  width: 280px; padding-top: 5px; line-height: 20px; padding-bottom: 5px; text-align: center;background-color: #FFFFFF; border-right: 2px solid #97CBCE;  border-left: 2px solid #97CBCE; border-bottom: 2px solid #97CBCE; border-bottom-right-radius: 22px; border-bottom-left-radius: 22px; border-top: 2px solid #97CBCE; border-top-right-radius: 22px; border-top-left-radius: 22px; }

  .BlockG { position: absolute; top: 102px; left: calc(50% + 315px); width: calc(50% - 325px); padding-top: 5px; line-height: 20px; text-align: center; background-color: #FFFFFF; border-right: 2px solid #97CBCE; border-left: 2px solid #97CBCE; border-top: 2px solid #97CBCE; border-top-right-radius: 22px; border-top-left-radius: 22px; }
  .BlockH { position: absolute; top: 348px; left: calc(50% + 315px); width: calc(50% - 325px); line-height: 20px; text-align: center; background-color: #FFFFFF; border-right: 2px solid #97CBCE; border-left: 2px solid #97CBCE; }
  .BlockI { position: absolute; top: 588px; left: calc(50% + 315px); width: calc(50% - 325px); line-height: 20px; text-align: center; background-color: #FFFFFF; border-right: 2px solid #97CBCE; border-left: 2px solid #97CBCE; }
  .BlockJ { position: absolute; top: 828px; left: calc(50% + 315px); width: calc(50% - 325px); padding-bottom: 5px; line-height: 20px; text-align: center; background-color: #FFFFFF; border-right: 2px solid #97CBCE; border-left: 2px solid #97CBCE; border-bottom: 2px solid #97CBCE; border-bottom-right-radius: 22px; border-bottom-left-radius: 22px; }

  .ABlockA { position: absolute; top: 1200px; left: 10px; width: calc(50% - 20px); padding-top: 5px; padding-bottom: 5px; text-align: center; background-color: #FFFFFF; border-right: 2px solid #97CBCE; border-left: 2px solid #97CBCE; border-top: 2px solid #97CBCE; border-top-right-radius: 22px; border-top-left-radius: 22px; border-bottom: 2px solid #97CBCE; border-bottom-right-radius: 22px; border-bottom-left-radius: 22px; }
  .ABlockB { position: absolute; top: 1200px; left: calc(50% + 10px); width: calc(50% - 20px); padding-top: 5px; padding-bottom: 5px; text-align: center; background-color: #FFFFFF; border-right: 2px solid #97CBCE; border-left: 2px solid #97CBCE; border-top: 2px solid #97CBCE; border-top-right-radius: 22px; border-top-left-radius: 22px; border-bottom: 2px solid #97CBCE; border-bottom-right-radius: 22px; border-bottom-left-radius: 22px; }
}

@media all and (max-width: 1099px) and (min-width: 920px) {
  .LocalMap { position: absolute; top: 160px; left: calc(100% - 590px) ; width: 580px; text-align: center; border: solid #97CBCE 2px; border-radius: 22px; border-spacing: 0px; background-color: #FFFFFF; }
  .LocalMapSpacing { padding-bottom: 1460px; }
  .LocalMapSpacingBottom { padding-bottom: 560px; }

  .BlockA { position: absolute; top: 160px; left: 10px; width: calc(100% - 620px); padding-top: 5px; line-height: 20px; text-align: center; background-color: #FFFFFF; border-right: 2px solid #97CBCE; border-left: 2px solid #97CBCE; border-top: 2px solid #97CBCE; border-top-right-radius: 22px; border-top-left-radius: 22px; }
  .BlockB { position: absolute; top: 406px; left: 10px; width: calc(100% - 620px); line-height: 20px; text-align: center; background-color: #FFFFFF; border-right: 2px solid #97CBCE; border-left: 2px solid #97CBCE; }
  .BlockC { position: absolute; top: 646px; left: 10px; width: calc(100% - 620px); line-height: 20px; text-align: center; background-color: #FFFFFF; border-right: 2px solid #97CBCE; border-left: 2px solid #97CBCE; }
  .BlockD { position: absolute; top: 886px; left: 10px; width: calc(100% - 620px); line-height: 20px; text-align: center; background-color: #FFFFFF; border-right: 2px solid #97CBCE; border-left: 2px solid #97CBCE; }
  .BlockE { position: absolute; top: 1126px; left: 10px; width: calc(100% - 620px); line-height: 20px; text-align: center; background-color: #FFFFFF; border-right: 2px solid #97CBCE; border-left: 2px solid #97CBCE; }
  .BlockF { position: absolute; top: 1366px; left: 10px; width: calc(100% - 620px); padding-bottom: 5px; line-height: 20px; text-align: center; background-color: #FFFFFF; border-right: 2px solid #97CBCE; border-left: 2px solid #97CBCE; border-bottom: 2px solid #97CBCE; border-bottom-right-radius: 22px; border-bottom-left-radius: 22px; }

  .BlockG { position: absolute; top: 800px; left: calc(100% - 590px); width: 280px; padding-top: 5px; line-height: 20px; text-align: center; background-color: #FFFFFF; border-right: 2px solid #97CBCE; border-left: 2px solid #97CBCE; border-top: 2px solid #97CBCE; border-top-right-radius: 22px; border-top-left-radius: 22px; }
  .BlockH { position: absolute; top: 1046px; left: calc(100% - 590px); width: 280px; padding-bottom: 5px; line-height: 20px; text-align: center; background-color: #FFFFFF; border-right: 2px solid #97CBCE; border-left: 2px solid #97CBCE; border-bottom: 2px solid #97CBCE; border-bottom-right-radius: 22px; border-bottom-left-radius: 22px; }

  .BlockI { position: absolute; top: 800px; left: calc(100% - 290px); width: 280px; padding-top: 5px; line-height: 20px; text-align: center; background-color: #FFFFFF; border-right: 2px solid #97CBCE; border-left: 2px solid #97CBCE; border-top: 2px solid #97CBCE; border-top-right-radius: 22px; border-top-left-radius: 22px; }
  .BlockJ { position: absolute; top: 1046px; left: calc(100% - 290px); width: 280px; padding-bottom: 5px; line-height: 20px; text-align: center; background-color: #FFFFFF; border-right: 2px solid #97CBCE; border-left: 2px solid #97CBCE; border-bottom: 2px solid #97CBCE; border-bottom-right-radius: 22px; border-bottom-left-radius: 22px; }

  .ABlockA { position: absolute; top: 1720px; left: 10px; width: calc(50% - 20px); padding-top: 5px; line-height: 20px; padding-bottom: 5px; text-align: center; background-color: #FFFFFF; border-right: 2px solid #97CBCE; border-left: 2px solid #97CBCE; border-top: 2px solid #97CBCE; border-top-right-radius: 22px; border-top-left-radius: 22px; border-bottom: 2px solid #97CBCE; border-bottom-right-radius: 22px; border-bottom-left-radius: 22px; }
  .ABlockB { position: absolute; top: 1720px; left: calc(50% + 10px); width: calc(50% - 20px); padding-top: 5px; line-height: 20px; padding-bottom: 5px; text-align: center; background-color: #FFFFFF; border-right: 2px solid #97CBCE; border-left: 2px solid #97CBCE; border-top: 2px solid #97CBCE; border-top-right-radius: 22px; border-top-left-radius: 22px; border-bottom: 2px solid #97CBCE; border-bottom-right-radius: 22px; border-bottom-left-radius: 22px; }

}
@media all and (max-width: 919px) and (orientation:landscape) {
  .LocalMap { position: absolute; top: 160px; left: calc(50% - 292px); width: 580px; text-align: center; border: solid #97CBCE 2px; border-radius: 22px; border-spacing: 0px; background-color: #FFFFFF; }
  .LocalMapSpacing { padding-bottom: 1870px; }
  .LocalMapSpacingBottom { padding-bottom: 560px; }

  .BlockA { position: absolute; top: 800px; left: calc(50% - 292px); width: 280px; padding-top: 5px; line-height: 20px; text-align: center; background-color: #FFFFFF; border-right: 2px solid #97CBCE; border-left: 2px solid #97CBCE; border-top: 2px solid #97CBCE; border-top-right-radius: 22px; border-top-left-radius: 22px; }
  .BlockB { position: absolute; top: 1046px; left: calc(50% - 292px); width: 280px; line-height: 20px; text-align: center; background-color: #FFFFFF; border-right: 2px solid #97CBCE; border-left: 2px solid #97CBCE; }
  .BlockC { position: absolute; top: 1286px; left: calc(50% - 292px); width: 280px; line-height: 20px; text-align: center; background-color: #FFFFFF; border-right: 2px solid #97CBCE; border-left: 2px solid #97CBCE; }
  .BlockD { position: absolute; top: 1526px; left: calc(50% - 292px); width: 280px; line-height: 20px; text-align: center; background-color: #FFFFFF; border-right: 2px solid #97CBCE; border-left: 2px solid #97CBCE; }
  .BlockE { position: absolute; top: 1766px; left: calc(50% - 292px); width: 280px; padding-bottom: 5px; line-height: 20px; text-align: center; background-color: #FFFFFF; border-right: 2px solid #97CBCE; border-left: 2px solid #97CBCE; border-bottom: 2px solid #97CBCE; border-bottom-right-radius: 22px; border-bottom-left-radius: 22px; }

  .BlockF { position: absolute; top: 800px; left: calc(50% + 8px); width: 280px; padding-top: 5px; line-height: 20px; text-align: center; background-color: #FFFFFF; border-right: 2px solid #97CBCE; border-left: 2px solid #97CBCE; border-top: 2px solid #97CBCE; border-top-right-radius: 22px; border-top-left-radius: 22px; }
  .BlockG { position: absolute; top: 1046px; left: calc(50% + 8px); width: 280px; line-height: 20px; text-align: center; background-color: #FFFFFF; border-right: 2px solid #97CBCE; border-left: 2px solid #97CBCE;}
  .BlockH { position: absolute; top: 1286px; left: calc(50% + 8px); width: 280px; line-height: 20px; text-align: center; background-color: #FFFFFF; border-right: 2px solid #97CBCE; border-left: 2px solid #97CBCE;}
  .BlockI { position: absolute; top: 1526px; left: calc(50% + 8px); width: 280px; line-height: 20px; text-align: center; background-color: #FFFFFF; border-right: 2px solid #97CBCE; border-left: 2px solid #97CBCE;}
  .BlockJ { position: absolute; top: 1766px; left: calc(50% + 8px); width: 280px; padding-bottom: 5px; line-height: 20px; text-align: center; background-color: #FFFFFF; border-right: 2px solid #97CBCE; border-left: 2px solid #97CBCE; border-bottom: 2px solid #97CBCE; border-bottom-right-radius: 22px; border-bottom-left-radius: 22px; }

  .ABlockA { position: absolute; top: 2130px; left: calc(50% - 292px);  width: 280px; padding-top: 5px; line-height: 20px; padding-bottom: 5px; text-align: center; background-color: #FFFFFF; border-right: 2px solid #97CBCE; border-left: 2px solid #97CBCE; border-top: 2px solid #97CBCE; border-top-right-radius: 22px; border-top-left-radius: 22px; border-bottom: 2px solid #97CBCE; border-bottom-right-radius: 22px; border-bottom-left-radius: 22px; }
  .ABlockB { position: absolute; top: 2130px; left: calc(50% + 8px); width: 280px; padding-top: 5px; line-height: 20px; padding-bottom: 5px; text-align: center; background-color: #FFFFFF; border-right: 2px solid #97CBCE; border-left: 2px solid #97CBCE; border-top: 2px solid #97CBCE; border-top-right-radius: 22px; border-top-left-radius: 22px; border-bottom: 2px solid #97CBCE; border-bottom-right-radius: 22px; border-bottom-left-radius: 22px; }
}

@media all and (orientation:portrait) {
  .LocalMap { display: none; }
  .LocalMapSpacing { padding-bottom: 0px; }
  .LocalMapSpacingBottom { padding-bottom: 0px; }
  .BlockA { font-size: 6vw; font-weight: 900; line-height: 1.4; }
  .BlockB { font-size: 6vw; font-weight: 900; line-height: 1.4; }
  .BlockC { font-size: 6vw; font-weight: 900; line-height: 1.4; }
  .BlockD { font-size: 6vw; font-weight: 900; line-height: 1.4; }
  .BlockE { font-size: 6vw; font-weight: 900; line-height: 1.4; }
  .BlockF { font-size: 6vw; font-weight: 900; line-height: 1.4; }
  .BlockG { font-size: 6vw; font-weight: 900; line-height: 1.4; }
  .BlockH { font-size: 6vw; font-weight: 900; line-height: 1.4; }
  .BlockI { font-size: 6vw; font-weight: 900; line-height: 1.4; }
  .BlockJ { font-size: 6vw; font-weight: 900; line-height: 1.4; }
  .ABlockA { font-size: 6vw; font-weight: 900; line-height: 1.4; }
  .ABlockB { font-size: 6vw; font-weight: 900; line-height: 1.4; }
}


/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */
/* --------------------------- ADDITIONAL PAGES: ContactUs ------------------------------ */
/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */

.ContactFormHeader { width: 660px; height: 40px; font-size: 28px; font-weight: 900; color: #000000; text-align: center; border-top-right-radius: 44px; border-top-left-radius: 44px; padding-top: 10px; margin-top: 80px; background-color: #97CBCE; }
.ContactFormBody { width: 640px; height: calc(100vh - 220px); border-right: solid #97CBCE 10px; border-left: solid #97CBCE 10px; background-color: #DDEEEF; }
.ContactFormBottom  { width: 640px; height: 40px; border-bottom: solid #97CBCE 10px; border-right: solid #97CBCE 10px; border-left: solid #97CBCE 10px; border-bottom-right-radius: 44px; border-bottom-left-radius: 44px; background-color: #DDEEEF; }

.ContactFormTable { width: 620px; }
.ContactFormTD { font-size: 14px; color: #000; }
.ContactFormTextRow { width: 220px; }
.ContactFormTextArea { width: 620px; height: calc(100vh - 320px); vertical-align: middle; }
.ContactFormCancel { width: 200px; height: 22px; font-weight: 900; text-align: center; border: solid #97CBCE 2px; border-bottom-left-radius: 44px; background-color: #FCFCA0; padding-top: 3px; }
.ContactFormSubmit { width: 400px; height: 26px; font-weight: 900; text-align: center; border: solid #97CBCE 2px; border-bottom-right-radius: 44px; background-color: #A0FCA0; }
.CFIframeContainer { width: 620px; height: calc(100vh - 242px); border: solid #000000 1px; background-color: #FFFFFF; }
.CFIframe { width: 620px; height: calc(100vh - 300px); border: none; background-color: #FFFFFF; }
.RetToCat { width: 200px; height: 28px; font-size: 18px; font-weight: 900; line-height: 1.5; text-align: center; border: solid #97CBCE 2px; border-radius: 22px; background-color: #FCFCA0; }

.ContactFormCancel:hover { background-color: #FFFF00; }
.ContactFormSubmit:hover { background-color: #00FF00; }
.NotRequired { font-size: 14px; color: #0A0; }


@media all and (max-width: 719px) {
  .ContactFormHeader { width: calc(100vw - 56px); }
  .ContactFormBody { width: calc(100vw - 76px); }
  .ContactFormBottom { width: calc(100vw - 76px); }
  .ContactFormTable { width: calc(100vw - 96px); }
  .ContactFormTable { width: calc(100vw - 96px); }
  .ContactFormTextArea { width: calc(100vw - 96px); }
  .CFIframeContainer { width: calc(100vw - 96px); }
  .CFIframe { width: calc(100vw - 96px); }
  .ContactFormCancel { width: calc(33vw - 48px); }
  .ContactFormSubmit { width: calc(64vw - 48px); }
}

@media all and (max-width: 500px) {
  .ContactFormTextRow { width: calc(100vw - 280px); }
}


/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */
/* ----------------------------- ADDITIONAL PAGES: Login -------------------------------- */
/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */

.LoginContainer { width: 620px; height: calc(100vh - 242px); border: solid #000000 0px; background-color: #DDEEEF; }
.LoginIframe { width: 620px; height: calc(100vh - 282px); }

@media all and (max-width: 719px) {
  .LoginContainer { width: calc(100vw - 96px); }
  .LoginIframe { width: calc(100vw - 96px); }
}

/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */
/* ---------------------------- ADDITIONAL PAGES: Account ------------------------------- */
/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */


.AccountTable { font-size: 22px; font-weight: 900; color: #000; }
.ChaPassHead { font-size: 22px; font-weight: 900; color: #000; line-height: 1.5; border: solid #97CBCE 2px;  border-radius: 15px 15px 0 0; border-spacing: 0px; background-color: #F6E663; }
.ChaPassMiddle { padding-left: 36px; padding-right: 36px; border-left: solid #97CBCE 2px; border-right: solid #97CBCE 2px; margin-bottom: 10px; background-color: #F9F4C5; }
.ChaPassBottom { height: 15px; border-left: solid #97CBCE 2px; border-right: solid #97CBCE 2px; border-bottom: solid #97CBCE 2px; border-radius: 0px 0px 15px 15px; border-spacing: 0px; background-color: #F9F4C5; }


/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */
/* ---------------------------- ADDITIONAL PAGES: Purchase ------------------------------ */
/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */

.PurchaseCancel { width: 600px; height: 26px; font-weight: 900; text-align: center; border: solid #97CBCE 2px; border-bottom-right-radius: 44px; border-bottom-left-radius: 44px; background-color: #A0FCA0; }
.PurchaseSubmit { width: 400px; height: 22px; font-weight: 900; text-align: center; border: solid #97CBCE 2px; border-bottom-right-radius: 44px; background-color: #A0FCA0; padding-top: 3px; }
.TermsAndConditionsBox { height: calc(100vh - 360px); width: 600px; overflow-y: scroll; background-color: white; border-left: solid #97CBCE 1px; border-top: solid #97CBCE 1px; border-bottom: solid #97CBCE 1px;}
.PurchaseSubmit:hover { background-color: #00FF00; }


/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */
/* ------------------------ ADDITIONAL: MOBILE RETURN BUTTON ---------------------------- */
/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */

@media all and (orientation:landscape) {
  .BottomSpace { height: 0px; }
  .ReturnToNavContainer { display: none; }
  .ReturnToNavDiv { display: none; }
}

@media all and (orientation:portrait) {
  .BottomSpace { height: 40px; }
  .ReturnToNavContainer { position: fixed; bottom: 0px; width: 100%; height: 50px; border-top: solid #97CBCE 2px; text-align: center; }
  .ReturnToNavDiv { width: 100%; height: 50px; background-color: orange; }
  .ReturnToNavText { text-decoration: none; font-size: 24px; color: #0000AA; font-weight: 900; line-height: 0.7; }
}