/* Independently written static design draft. No theme styles or scripts. */
html { background: #ededed; color: #252525; font-family: Arial, Helvetica, sans-serif; -webkit-text-size-adjust: 100%; overflow-y: scroll; }
body { margin: 0; font-size: 18px; line-height: 1.55; }
* { box-sizing: border-box; }
img { max-width: 100%; border: 0; }
a { color: #086bad; }
a:focus { outline: 2px solid #086bad; outline-offset: 3px; }
a.is-navigation-pending { opacity: 0.55; cursor: progress; }
.jump-link { position: absolute; left: 8px; top: -80px; z-index: 2; padding: 9px 14px; background: #fff; }
.jump-link:focus { top: 8px; }
.site-shell { max-width: 950px; margin: 28px auto; background: #fff; border: 1px solid #dedede; }
.masthead { position: relative; min-height: 126px; padding: 43px 38px 30px; }
.brand-link { display: block; position: absolute; top: 28px; left: 50%; width: 87px; margin-left: -43px; line-height: 0; }
.brand-link img { display: block; width: 87px; height: 64px; }
.main-navigation { font-size: 16px; line-height: 1.3; }
.main-navigation:after { display: block; clear: both; content: ""; }
.navigation-start { float: left; }
.navigation-end { float: right; }
.main-navigation .navigation-item { display: inline-block; padding: 12px 9px; color: #383838; text-decoration: none; }
.main-navigation .current-page, .main-navigation a:hover { color: #0b6cac; }
.nav-icon { display: none; width: 24px; height: 24px; }
.page-heading { padding: 20px 34px; background: #1474b7; color: #fff; border-top: 1px solid #0e6aab; border-bottom: 1px solid #0e6aab; }
.page-heading h1 { margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: 28px; line-height: 1.25; font-weight: normal; }
.page-content { max-width: 820px; margin: 0 auto; padding: 22px 16px 28px; }
.page-content-wide { max-width: 950px; }
.introduction { margin: 0 0 24px; padding: 17px 19px; border: 1px solid #e2e2e2; border-radius: 5px; background: #f7f7f7; color: #363636; }
.introduction p { margin: 0; }
.content-section { margin: 0 0 26px; }
.section-heading { margin: 0 0 13px; padding: 8px 12px; border: 1px solid #82afd0; border-radius: 3px; background: #ecf6fe; text-align: center; font-size: 22px; line-height: 1.35; font-weight: normal; }
.section-introduction { margin: 0 0 15px; color: #454545; }
.feature-list, .instruction-list { margin: 0; padding: 0; list-style: none; }
.feature-row { display: table; width: 100%; margin: 12px 0; padding: 14px 15px; border: 1px solid #e2e2e2; border-radius: 6px; background: #fff; }
.feature-icon { display: table-cell; width: 52px; vertical-align: top; padding-top: 2px; }
.feature-image { display: block; width: 36px; height: 36px; }
.feature-copy { display: table-cell; vertical-align: middle; }
.feature-copy h3, .instruction-title { display: block; margin: 0; font-size: 20px; line-height: 1.35; font-weight: bold; }
.feature-copy p, .instruction-description { display: block; margin: 4px 0 0; color: #545454; font-size: 17px; line-height: 1.5; }
.instruction-list li { margin: 12px 0; }
.instruction-link { display: table; width: 100%; padding: 16px 15px; border: 1px solid #dedede; border-radius: 6px; background: #fff; color: #252525; text-decoration: none; }
.instruction-link:hover { border-color: #93b8d1; background: #f8fcff; }
.link-button { display: inline-block; margin: 11px 0 0; padding: 6px 10px; border: 1px solid #6fa5c9; border-radius: 3px; background: #edf6fc; color: #1d5278; font-size: 15px; line-height: 1.4; }
.link-button span { display: inline-block; padding-left: 6px; font-size: 18px; line-height: 1; }
.site-footer { padding: 22px 16px; background: #f5f5f5; border-top: 1px solid #e4e4e4; color: #737373; font-size: 13px; text-align: center; }
.site-footer p { margin: 3px 0; }
.site-footer a { color: #546b7d; text-decoration: none; }
.site-footer a:hover { text-decoration: underline; }
@media (max-width: 640px) {
  body { font-size: 16px; }
  .site-shell { margin: 0 auto; border-left: 0; border-right: 0; }
  .masthead { min-height: 0; padding: 21px 16px 18px; }
  .brand-link { position: static; margin: 0 auto 13px; }
  .navigation-start, .navigation-end { float: none; text-align: left; }
  .main-navigation { width: 100%; max-width: 380px; margin: 0 auto; border: 1px solid #dedede; border-radius: 3px; font-size: 16px; }
  .main-navigation .navigation-item { display: block; width: 100%; min-height: 44px; padding: 10px 14px; border-bottom: 1px solid #e6e6e6; text-align: left; }
  .navigation-end .navigation-item:last-child { border-bottom: 0; }
  .nav-icon { display: inline-block; margin-right: 10px; vertical-align: middle; }
  .page-heading { padding: 17px 20px; }
  .page-heading h1 { font-size: 25px; }
  .page-content { padding: 18px 14px 22px; }
  .introduction { padding: 14px; }
  .section-heading { font-size: 20px; }
  .feature-row { padding: 13px 11px; }
  .instruction-link { padding: 14px 11px; }
  .feature-icon { width: 43px; }
  .feature-copy h3, .instruction-title { font-size: 18px; }
  .feature-copy p, .instruction-description { font-size: 15px; }
}
.breadcrumbs { margin: 0 0 18px; font-size: 14px; line-height: 1.5; color: #707070; }
.breadcrumbs a { text-decoration: none; }
.breadcrumbs span { display: inline-block; margin-left: 10px; }
.portal-links, .device-links { margin: 0; padding: 0; list-style: none; font-size: 0; }
.portal-links li { display: block; width: 100%; margin: 0 0 12px; font-size: 16px; }
.device-links li { display: block; width: 100%; margin: 0 0 12px; vertical-align: top; font-size: 16px; }
.device-links li:nth-child(odd) { margin-right: 0; }
.portal-link, .device-link { display: table; width: 100%; padding: 14px 12px; border: 1px solid #dedede; border-radius: 5px; background: #fff; color: #252525; text-decoration: none; }
a.portal-link:hover, a.device-link:hover { background: #f8fcff; border-color: #93b8d1; }
.portal-icon { display: table-cell; width: 48px; padding-right: 10px; vertical-align: middle; }
.portal-icon img { display: block; width: 36px; height: 36px; }
.portal-link-copy { display: table-cell; vertical-align: middle; }
.portal-link-copy strong, .device-link strong { font-size: 18px; line-height: 1.35; font-weight: normal; }
.portal-link-description { display: block; margin-top: 3px; color: #626262; font-size: 14px; line-height: 1.5; }
.portal-link-description p, .portal-description p { margin: 0; }
.portal-arrow { display: table-cell; width: 14px; padding-left: 8px; vertical-align: middle; color: #659abb; font-size: 28px; line-height: 1; }
.device-link { padding: 17px 13px; }
.device-icon { display: table-cell; width: 52px; vertical-align: middle; }
.device-icon img { display: block; width: 36px; height: 36px; }
.device-link strong { display: table-cell; vertical-align: middle; }
.trademark-note { margin: 21px 0; padding: 12px 14px; border: 1px solid #e4e4e4; border-left: 3px solid #d0a451; background: #f8f8f8; color: #737373; font-size: 12px; line-height: 1.55; }
.trademark-note p { margin: 5px 0; }
.portal-row { display: table; width: 100%; }
.portal-copy { display: table-cell; vertical-align: middle; }
.portal-title, .portal-label { display: block; font-size: 18px; font-weight: normal; }
.portal-description { display: block; margin: 4px 0 0; color: #626262; font-size: 15px; }
.breadcrumb { margin: 0 0 18px; font-size: 14px; }
.breadcrumb a, .breadcrumb span { display: inline-block; margin-right: 8px; }
.wizard-items, .content-list, .content-cards { list-style: none; padding: 0; margin: 0; }
.wizard-items li { margin: 0 0 20px; }
.wizard-image { margin: 18px 0; text-align: center; }
.wizard-image img, .content-picture img, .content-gallery img { max-width: 100%; height: auto; }
.wizard-image figcaption { margin: 0 0 12px; text-align: left; }
.wizard-image-frame { display: inline-block; max-width: 100%; line-height: 0; border: 1px solid #b7cbd9; border-radius: 5px; background: #fff; padding: 4px; }
.wizard-image .wizard-step-image { display: block; width: auto; height: auto; max-width: 100%; max-height: 520px; margin: 0 auto; }
@media (min-width: 641px) and (max-height: 740px) {
  .wizard-image .wizard-step-image { max-height: 70vh; }
}
.content-video { padding: 12px; border: 1px solid #dedede; border-radius: 4px; }
.content-block, .content-home { margin-bottom: 20px; word-wrap: break-word; overflow-wrap: break-word; }
.content-card, .content-archive-item, .content-list li, .portal-item { margin: 0 0 12px; }
.content-card { padding: 15px; border: 1px solid #dedede; border-radius: 5px; }
.content-card-image { width: 36px; height: 36px; }
.content-button { display: inline-block; padding: 8px 14px; border: 1px solid #6fa5c9; border-radius: 3px; background: #edf6fc; text-decoration: none; }
.content-notice, .content-introduction { padding: 15px; border: 1px solid #dedede; background: #f7f7f7; }
.content-answer { padding: 12px; border-bottom: 1px solid #dedede; }
.section-title { margin: 0 0 13px; padding: 8px 12px; border: 1px solid #82afd0; background: #ecf6fe; text-align: center; font-size: 22px; font-weight: normal; }
.address-form { padding: 14px; border: 1px solid #dedede; border-radius: 5px; }
.address-form label { display: block; margin: 0 0 8px; }
.address-form input { width: 100%; padding: 10px; font: inherit; border: 1px solid #aaa; border-radius: 3px; }
.address-form button { margin-top: 10px; min-height: 44px; padding: 8px 16px; font: inherit; background: #1474b7; color: #fff; border: 1px solid #0e6aab; border-radius: 3px; }
.address-error { color: #a02020; }
.address-description { font-size: 14px; }
[hidden] { display: none; }
video, audio { max-width: 100%; }
table { max-width: 100%; }
[dir="rtl"] .portal-arrow { text-align: left; }
@media (max-width: 640px) {
  .portal-links li, .device-links li { display: block; width: 100%; margin: 0 0 10px; }
  .portal-links li:nth-child(odd), .device-links li:nth-child(odd) { margin-right: 0; }
  .portal-link { padding: 13px 12px; }
  .portal-link-copy strong, .device-link strong { font-size: 17px; }
  .device-link { padding: 15px 12px; }
}

/* Native navigation controls and content spacing, including Safari on iOS 9. */
.masthead { padding-top: 38px; padding-bottom: 32px; }
.navigation-start { width: 41%; width: calc(50% - 64px); text-align: right; }
.navigation-end { width: 41%; width: calc(50% - 64px); text-align: left; }
.main-navigation .navigation-item { max-width: 100%; min-height: 44px; padding: 11px 12px; border: 1px solid #b9ccda; border-radius: 5px; background: #f3f8fc; color: #24516d; font-size: 15px; line-height: 20px; word-wrap: break-word; overflow-wrap: break-word; }
.main-navigation .navigation-item + .navigation-item { margin-left: 8px; }
.navigation-group { display: inline-block; max-width: 100%; vertical-align: top; }
.main-navigation .navigation-item + .navigation-group, .main-navigation .navigation-group + .navigation-item, .main-navigation .navigation-group + .navigation-group { margin-left: 8px; }
.navigation-submenu { margin: 6px 0 0; padding: 0 0 0 10px; border-left: 2px solid #bfd1de; list-style: none; text-align: left; }
.navigation-submenu li { margin: 5px 0 0; }
.main-navigation .navigation-submenu .navigation-item, .navigation-submenu .navigation-group { display: block; width: 100%; margin-left: 0; }
.main-navigation a:hover, .main-navigation a:focus { background: #e3f1fb; border-color: #6d9fc0; color: #075889; }
.main-navigation .navigation-item.current-page { background: #1474b7; border-color: #0e6aab; color: #fff; }
a.portal-link, a.device-link { border-color: #acc7da; background: #f8fbff; cursor: pointer; }
a.portal-link:hover, a.device-link:hover, a.portal-link:focus, a.device-link:focus { background: #edf6fd; border-color: #6097bd; }
a.portal-link .portal-row:after { display: table-cell; width: 26px; padding-left: 12px; vertical-align: middle; content: "\203A"; color: #337da8; font-size: 30px; line-height: 1; }
.content-action { display: inline-block; margin-top: 10px; padding: 7px 11px; border: 1px solid #79a4c3; border-radius: 4px; background: #e4f1fa; color: #145b86; font-size: 15px; line-height: 1.4; font-weight: bold; }
.content-action:after { content: "\00a0\203A"; }
.breadcrumb, .breadcrumbs { margin: 0 0 22px; padding: 10px 13px; border: 1px solid #bfd1de; border-radius: 5px; background: #f3f8fc; font-size: 18px; line-height: 1.6; color: #526675; }
.breadcrumb a, .breadcrumbs a { display: inline-block; min-height: 44px; padding: 6px 9px; border: 1px solid #bfd1de; border-radius: 3px; background: #fff; color: #126897; text-decoration: none; }
.breadcrumb a:hover, .breadcrumbs a:hover { border-color: #6097bd; background: #e8f3fb; text-decoration: none; }
.breadcrumb span:last-child, .breadcrumbs span:last-child { display: inline-block; max-width: 100%; min-height: 44px; padding: 6px 9px; border: 1px solid #ccd7df; border-radius: 3px; background: #f7f9fa; color: #465967; word-wrap: break-word; overflow-wrap: break-word; }
.breadcrumb a, .breadcrumbs a, .breadcrumb span, .breadcrumbs span { margin: 2px 0; vertical-align: middle; }
.breadcrumb span:not(:last-child), .breadcrumbs span:not(:last-child) { margin: 2px 8px; }
.content-introduction { margin-bottom: 24px; border-radius: 5px; }
.content-home .menu-section + .menu-section { margin-top: 26px; }
.content-notice { margin: 0 0 20px; padding: 12px 14px; border: 1px solid #d4dfe6; border-left: 3px solid #8eafc4; border-radius: 4px; background: #f8fafb; color: #536571; font-size: 14px; line-height: 1.6; }
.content-notice h1, .content-notice h2, .content-notice h3 { margin: 0; font-size: inherit; line-height: inherit; font-weight: normal; }
.content-notice p { margin: 0 0 8px; }
.content-notice p:last-child { margin-bottom: 0; }
.content-radio { margin: 0 0 24px; padding: 16px; border: 1px solid #bdd1df; border-radius: 5px; background: #f8fbfe; }
.content-radio audio { display: block; width: 100%; max-width: 100%; }
.content-radio > .content-button { display: block; min-height: 44px; margin: 14px auto 0; padding: 10px 18px; border-color: #0e6aab; background: #1474b7; color: #fff; font: 16px/22px Arial, Helvetica, sans-serif; cursor: pointer; }
.content-radio [data-radio-status] { margin: 12px 0 0; color: #536571; font-size: 14px; line-height: 1.5; }
.content-radio [data-radio-status]:empty { display: none; }
.content-panel { margin: 0 0 16px; padding: 17px; border: 1px solid #bdd1df; border-radius: 5px; background: #f8fbfe; }
.content-panel h2, .content-card h2 { margin: 0 0 12px; color: #244f69; font-size: 21px; line-height: 1.35; }
.content-panel .content-button, .content-answer .content-button { min-height: 44px; padding: 10px 14px; font-weight: bold; }
.content-answer { margin: 0 0 20px; padding: 17px; border: 1px solid #c5d6e2; border-left: 4px solid #87b0cd; border-radius: 5px; background: #fbfdff; }
.content-answer > h2 { margin: 0 0 15px; color: #215a80; font-size: 22px; line-height: 1.35; }
.content-answer .content-block h2 { margin: 14px 0 9px; font-size: 18px; line-height: 1.4; }
.content-answer a:not(.content-button) { text-decoration: underline; word-wrap: break-word; overflow-wrap: break-word; }
.content-picture { margin: 20px 0; text-align: center; }
.content-picture img { display: block; margin: 0 auto 8px; max-width: 100%; height: auto; }
.content-picture figcaption { margin: 8px 0 0; color: #536571; font-size: 16px; line-height: 1.5; }
.content-align-left { text-align: left; }
.content-align-center { text-align: center; }
.content-align-right { text-align: right; }
.content-picture.content-align-left img { margin-left: 0; margin-right: auto; }
.content-picture.content-align-right img { margin-left: auto; margin-right: 0; }
.content-heading { font-weight: normal; line-height: 1.4; }
h1.content-heading { color: #244f69; font-size: 24px; }
h2.content-heading { font-size: 18px; line-height: 1.6; }
h3.content-heading { font-size: 16px; }
.section-title.content-heading { font-size: 22px; line-height: 1.35; }
.content-heading strong, .content-heading b { font-weight: inherit; }
.content-text-small, .content-heading.content-text-small { font-size: 16px; }
.content-text-large, .content-heading.content-text-large { font-size: 30px; line-height: 1.35; }
.content-weight-normal { font-weight: normal; }
.content-weight-bold { font-weight: bold; }
.content-step-button { display: table; margin: 20px auto; min-height: 44px; padding: 10px 12px; font-size: 16px; line-height: 22px; }
.content-step-navigation { display: block; width: 100%; margin: 24px 0; text-align: center; font-size: 0; }
.content-step-navigation > div { display: inline-block; margin: 4px; vertical-align: middle; text-align: center; }
.content-step-navigation > div:empty { display: none; }
.content-step-navigation .content-button { display: inline-block; margin: 0; min-height: 44px; max-width: 100%; padding: 10px 12px; font-size: 16px; line-height: 22px; }
.content-archive-item { margin: 0 0 22px; padding: 0; overflow: hidden; border: 1px solid #b9cede; border-left: 4px solid #1474b7; border-radius: 5px; background: #f5faff; }
.content-archive-body { padding: 20px; }
.content-archive-body:after { display: block; clear: both; content: ""; }
.content-archive-item h2 { margin: 0 0 10px; font-size: 23px; line-height: 1.35; }
.content-archive-item h2 a { text-decoration: none; }
.content-archive-item h2 a:hover { text-decoration: underline; }
.content-archive-item p { margin: 0 0 13px; }
.content-archive-item p:last-child { margin-bottom: 0; }
.content-archive-item:after { display: block; clear: both; content: ""; }
.content-archive-picture { display: block; float: left; width: 320px; max-width: 40%; margin: 0 26px 0 0; line-height: 0; }
.content-archive-picture img { display: block; max-width: 100%; height: auto; border-radius: 3px; }
.content-archive-copy { overflow: hidden; font-size: 16px; line-height: 1.65; }
.content-archive-copy h2 { font-size: 22px; }
.content-archive-footer, .news-article-footer { clear: both; margin: 0; padding: 10px 20px; border-top: 1px solid #d2e0eb; background: #e7f0f7; color: #617583; font-size: 13px; line-height: 1.5; text-align: right; }
.content-archive-footer time, .news-article-footer time { display: inline-block; color: inherit; font-size: inherit; }
.news-article { padding: 0; overflow: hidden; border: 1px solid #c5d6e2; border-left: 4px solid #1474b7; border-radius: 5px; background: #fbfdff; color: #425360; font-size: 16px; line-height: 1.7; }
.news-article-body { padding: 22px; }
.news-article-body .content-heading { margin: 0 0 16px; font-size: 16px; line-height: 1.7; font-weight: normal; color: inherit; }
.news-article-body p { margin: 0 0 16px; font-weight: normal; }
.news-article-body .content-list { margin: 0 0 18px; }
.content-checklist > li { position: relative; margin: 0 0 12px; padding-left: 28px; font-size: 16px; line-height: 1.6; }
.content-checklist > li:before { position: absolute; top: 0; left: 0; content: "\2713"; color: #21845b; font-size: 19px; font-weight: bold; }
.content-checklist > li > .content-heading { margin: 0; font-size: inherit; line-height: inherit; font-weight: normal; color: inherit; }
.news-article-body .content-block:last-child, .news-article-body p:last-child { margin-bottom: 0; }
.wizard-video { margin: 22px 0; }
.wizard-video-caption { margin-bottom: 16px; }
.wizard-video-body { max-width: 560px; margin: 0 auto; }
.wizard-video-frame { position: relative; height: 0; min-height: 200px; padding-bottom: 56.25%; overflow: hidden; border: 1px solid #b7cbd9; border-radius: 4px; background: #111; }
.wizard-video-play { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; border: 0; background: #111; color: #fff; font: bold 16px Arial, Helvetica, sans-serif; cursor: pointer; }
.wizard-video-preview { position: absolute; top: 50%; left: 0; display: block; width: 100%; height: auto; transform: translateY(-50%); }
.wizard-video-play-symbol { position: absolute; top: 50%; left: 50%; display: block; width: 72px; height: 48px; margin: -24px 0 0 -36px; padding-left: 4px; border-radius: 12px; background: #d92323; color: #fff; font-size: 28px; line-height: 48px; text-align: center; }
.wizard-video-play-label { position: absolute; bottom: 0; left: 0; display: block; width: 100%; padding: 9px 12px; background: #222; background: rgba(0,0,0,.75); color: #fff; font-size: 14px; line-height: 1.4; text-align: left; }
.wizard-video-play:hover .wizard-video-play-symbol, .wizard-video-play:focus .wizard-video-play-symbol { background: #f02525; }
.wizard-video-play:focus { outline: 3px solid #086bad; outline-offset: -3px; }
.wizard-video-player { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }
.wizard-video-fallback { margin: 10px 0 0; font-size: 13px; text-align: center; }
.menu-introduction, .games-introduction { margin: 0 0 24px; padding: 16px; border: 1px solid #dedede; border-radius: 5px; background: #f7f7f7; }
.menu-introduction h2, .games-introduction h2 { margin: 0; font-size: 26px; line-height: 1.35; font-weight: normal; }
.menu-introduction-description { margin: 6px 0 0; color: #5c6b75; font-size: 15px; }
.menu-introduction-description p { margin: 0; }
.games-introduction p { margin: 6px 0 0; color: #5c6b75; font-size: 15px; }
@media (min-width: 641px) and (max-width: 800px) {
  .masthead { padding-left: 18px; padding-right: 18px; }
  .main-navigation .navigation-item { padding-left: 7px; padding-right: 7px; font-size: 14px; }
  .main-navigation .navigation-item + .navigation-item { margin-left: 6px; }
}
@media (max-width: 640px) {
  .masthead { padding-top: 21px; padding-bottom: 18px; }
  .navigation-start, .navigation-end { float: none; width: 100%; text-align: left; }
  .main-navigation .navigation-item, .main-navigation .navigation-item + .navigation-item { margin: 0; padding: 10px 14px; border: 0; border-bottom: 1px solid #e6e6e6; border-radius: 0; font-size: 16px; }
  .navigation-end .navigation-item:last-child { border-bottom: 0; }
  .main-navigation .navigation-group, .main-navigation .navigation-item + .navigation-group, .main-navigation .navigation-group + .navigation-item, .main-navigation .navigation-group + .navigation-group { display: block; width: 100%; margin-left: 0; }
  .navigation-submenu { margin: 0; padding: 0 0 0 12px; }
  .navigation-submenu li { margin: 0; }
  .games-introduction h2 { font-size: 26px; }
  .menu-introduction h2 { font-size: 26px; }
  .content-archive-picture { float: none; width: 320px; max-width: 100%; margin: 0 auto 16px; }
  .news-article-body { padding: 16px; }
  .content-step-navigation .content-button { padding-left: 8px; padding-right: 8px; font-size: 15px; }
}