@CHARSET "ISO-8859-1";
body, p, th, td, select, input, textarea {
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
}

body {
    background-color: #FFF;
    font-size: 62.5%;
    margin: 0 0 4em 0;
    padding: 0 0 2em 0;
    text-align: center;
}

body.popup {
    margin-right: 1em;
    margin-left: 1em;
}

a img {
    border: 0;
}

a.adminlink {
    color: #000;
    font-weight: bold;
}

div.copypage a {
    color: #000;
}

div.footer {
	color: #FFF;
	background-color: #000;
	padding: 2em;
}

div.footerlinks {
	padding-bottom: 1em;
}

div.footerlinks a {
    color: #FFF;
    text-decoration: none;
}

div.footerlinks a:hover {
    text-decoration: underline;
}

div {
    text-align: left;
}

div.boxed {
    border-top: 1px solid #585858;
    margin-top: 0.8em;
    padding-bottom: 2em;
}

div.boxed.new {
    border-bottom: 1px solid #585858;
    padding-bottom: 0;
}

div.boxed.new .action-buttons {
    background-color: #fff;
}

div.boxed.new .action-buttons td {
    padding: 10px 20px 5px;
}

div.container, div.containerpopup {
    margin: 0 auto 0 auto;
    width: 78em;
}

div.containerpopup {
    width: 35em;
}

div.toplink {
    float: right;
}

div.toplink a {
    color: #000;
    font-size: 1.2em;
    font-weight: bold;
}

div.blacklink {
    display: inline;
}

div.blacklink a {
    color: #000;
    font-weight: normal;
}

.boldtitle {
    font-weight: bold;
}

div.toplogo, div.toptitle {
    margin-top: 2em;
}

div.toplogo {
    clear: right;
    float: left;
}

div.toptitle {
    clear: right;
    float: right;
    padding-top: 0.9em;
}

div.topdivide, div.topdivideblank, div.bottomdivide {
    clear: both;
}

div.topdivide {
    padding: 1.2em 0 0 0;
}

div.botttomdivide {
    padding: 0;
}

div.topbanner {
    padding: 0;
}

div.copyright {
    clear: both;
    font-weight: normal;
    color: #666;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

div.copyrightrbs {
    float: left;
    width: 4.8em;
}

div.copyrightnig, div.copyrightnigpopup, div.footerlinks {
    font-size: 1em;
    width: 72em;
}

div.copyrightnigpopup {
    width: 29.5em;
}

div.footerlinks {
    margin-left: 0;
    width: 50em;
}

div.footeradobe {
    padding-top: 0.5em;
    float: right;
}

div.boxed div.error {
    font-size: 1em;
    font-weight: bold;
    margin: 1.5em 14% 0 14%;
    border: 1px solid;
    background-color: #F7F2EA;
    padding: 1em;
}

div.copypage {
    margin-bottom: 4em;
}

dl dt, dl dd {
    font-size: 1.2em;
}

dl dt {
    font-weight: bold;
}

dl dd {
    margin: 0 0 1.2em 0em;
}

form, h1, h2, h3, p, ul {
    margin: 0;
    padding: 0;
}

h1 {
    font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 4.5em;
    font-weight: lighter;
}

h1 span {
    font-size: 50%;
}

div.boxed h1 {
    background-color: #F7F2EA;
    border-bottom: 1px solid #000000;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2.8em;
    font-weight: normal;
    padding: 0.6em 0 0.3em 0.8em;
}

div.boxed h1.welcome {
    font-size: 2.4em;
    background-color: #fff;
}

h2 {
    color: #000;
    font-size: 1.8em;
    font-weight: normal;
}

div.boxed h2 {
    margin: 1.5em 14% 0 14%;
}

hr.topdivide, hr.bottomdivide {
    background-color: #999;
    border: 1px double #EAEAEA;
    color: #999;
    height: 0.3em;
    margin: 0 0 0.1em 0;
}

img, input, select {
    vertical-align: middle;
}

textarea {
    vertical-align: top;
}

input.textbutton {
    background-color: transparent;
    border: 0;
    color: #000;
    cursor: hand;
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: underline;
}

input.textbutton:hover {
    text-decoration: none;
}

input[type="radio"], input[type="checkbox"] {
    accent-color: gray;
}

p, div.copyright {
    font-size: 1.2em;
}

p.intro, div.copypage h2 {
    font-size: 1.4em;
    font-weight: bold;
    margin-bottom: 1em;
}

p.intro a {
    color: #999;
}

div.copypage p {
    margin-bottom: 1em;
}

div.copypage ul {
    font-size: 1.2em;
}

div.boxed div.error ul, ul {
    margin-left: 2em;
}

div.boxed div.error ul {
    margin-top: 1em;
    margin-bottom: 1em;
    font-size: 1.1em;
}

div.footerlinks ul {
    margin-left: 0;
    margin-top: 0.5em;
}

div.footerlinks ul li {
    display: inline;
    list-style-type: none;
    margin: 0.5em 1.5em 0 0;
    font-size: 1.1em;
}

.error, div.error p {
    color: #FF0000;
}

div.error p {
    font-size: 1.2em;
}

div.error li {
    font-size: 1.1em;
    color: #000;
    font-weight: normal;
}

.padbottomfooter {
    margin-top: 4em;
}

.padbottomfooterreversed {
    margin-bottom: 4em;
}

.mandatory {
    color: #481368;
    font-weight: bold;
}


/*
 * RESULTS TABLE
 */
div.resultsintro p {
    color: #999;
    font-size: 1.4em;
    font-weight: bold;
    margin-top: 2em;
    margin-bottom: 1em;
}

p.advancedSearchLink a {
    float: right;
    color: #999;
}

table.results {
    background-color: #F7F2EA;
    margin: 0 auto 0 auto;
}

table.results th {
    background-color: #417170;
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    padding: 0.4em 0.4em 0.4em 0.4em;
    text-align: left;
}

table.results th a {
    color: #fff;
    text-decoration: none;
}

table.results th a:hover {
    text-decoration: underline;
}

table.results td {
    border-bottom: 1px solid #FFF;
    empty-cells: show;
    font-size: 1.2em;
    padding: 0.2em 0.2em 0.2em 0.4em;
}

table.results td a {
    color: #000;
    text-decoration: underline;
}

table.results td a:hover {
    text-decoration: none;
}

table.results .r {
    text-align: center;
    border-right: 0;
}

table.results .l {
    border-left: 0;
}

table.results {
    margin-bottom: 50px;
}

table.results .c, table.results td.btn {
    text-align: center;
}

table.results td.btn input, input.btn {
    background-color: #585858;
    border: 0;
    color: #FFF;
    font-size: 0.9em;
    margin: 0.1em;
    text-transform: uppercase;
}

table.results td.nav {
    background-color: #FFF;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
    border-bottom: 0;
}

table.results td.nav ul li {
    display: inline;
    list-style-type: none;
    margin: 0 1em 0 0;
    vertical-align: middle;
}

table.results td.nav, table.results td.nav a {
    color: #000;
    text-decoration: none;
}

table.results td.nav a:hover {
    text-decoration: underline;
}

table.results td.nav select {
    background-color: #FFF;
    color: #000;
    font-size: 1em;
}

table.results td.nav input {
    background-color: #FFF;
    border: 1px double #CCC;
    color: #000;
    font-size: 1em;
    font-weight: bold;
    text-transform: capitalize;
}


/*
 * FORM BOXES / CONTAINER
 */
table.formcontain {
    border-top: 1px solid #000;
    margin: 2em auto 0 auto;
}

table.formcontainTop {
    margin: 0 auto 2em auto !important;
}

table.nobuttons {
    border-bottom: 1px solid #000;
}

table.displayh2, table.joiner {
    margin-top: 0;
}

table.joiner {
    border-top: 0;
}

table.formcontain tr {
	background-color: #F7F2EA;
}
table.formcontain td, table.formcontain th.pretendtd {
    border-bottom: 1px solid #FFF;
    font-size: 1.2em;
    font-weight: bold;
    padding: 0.2em 0.2em 0.2em 2em;
}

table.formcontain input, table.formcontain select, table.formcontain textarea {
    font-size: 0.9em;
    font-weight: normal;
}

table.formcontain td.intro {
    background-color: #F7F2EA;
    border-bottom: 1px solid #000;
}

table.formcontain td.intro {
    font-weight: normal;
    padding-top: 1em;
    padding-right: 1.4em;
    padding-bottom: 1em;
}

table.formcontain td.btn {
    border-top: 1px solid #000;
    padding: 2em 1.4em 2em 0;
    text-align: right;
    color: #fff;
    vertical-align: middle;
    font-weight: bold;
    background-color: #fff;
}

table.formcontain td.btn input {
    background-color: #DF0030;
    border: 0;
    color: #FFF;
    font-size: 1em;
    font-weight: bold;
    margin-left: 1em;
    padding: 0.2em 0.6em 0.2em 0.6em;
    text-transform: capitalize;
    cursor: pointer;
}

table.formcontain td.btn input.secondary {
	background-color: #FFF;
	color: #000;
	text-decoration: underline;
}

table.formcontain td.btn input.ternary {
	background-color: #FFF;
	color: #000;
	border: 1px solid #000;
}

table.formcontain td.noinput {
    font-weight: normal;
}


/*
 * COVER NOTE SUMMARY (WITHIN A FORM BOX)
 */
a.edit {
    color: #000;
    font-weight: bold;
}

div.boxed h2.covernotesummary, p.important, ul.important li {
    margin: 1.5em 3% 1em 3%;
}

div.boxed ul.important li {
    margin: 0 1.5em 0.5em 1.5em;
}

div.boxed h2.covernotesummary {
    margin-top: 0.5em;
    margin-bottom: 0;
}

div.boxed h2.contained {
    font-size: 1.5em;
    margin-right: 0;
    margin-left: 0;
}

div.boxed h2.covernotesummary a.edit {
    font-size: 65%;
}

div.boxed p.important, ul.important li {
    font-size: 1.4em;
    font-weight: bold;
}

table.covernotesummary td {
    font-size: 1.2em;
}

table.covernotesummary td table td {
    font-size: 0.9em;
}

table.covernotesummary td table td small {
    font-size: 0.7em;
}

table.padboxedtable {
    margin-top: 0.4em;
}

table.covernotesummary, table.covernotesummary td, table.covernotesummary td.boxcell {
    border-color: #000;
    border-style: solid;
    border-width: 0;
}

table.covernotesummary td.boxcell {
    border-width: 1px;
}

table.boxcells {
    border-top-width: 1px;
    border-right-width: 1px;
}

table.boxcells td {
    border-bottom-width: 1px;
    border-left-width: 1px;
}


/*
 * HOME PAGE ONLY
 */
 .welcome-boxes {
 	display: flex;
 	justify-content: space-between;
 }
 
.welcome-box {
	border: 1px solid #000;
	border-radius: 30px;
	padding: 2em;
	font-size: 1.3em;
    font-weight: bold;
    text-decoration: none;
    height: 160px;
    width: 200px;
}

.welcome-box ul {
	margin-left: 1em;
}

.welcome-box li {
	list-style-image: url(../../images/box1-bullet.gif);
	list-style-type: none;
    margin-left: 2em;
}

.welcome-box a:hover {
    text-decoration: underline;
}

.welcome-box p {
	margin-left: 20px;
}

.welcome-box h2, .welcome-box a, .welcome-box p {
    font-size: 1em;
    font-weight: bold;
    text-decoration: none;
    margin-bottom: 10px;
}

.welcome-box a {
	color: #000;
}

.welcome-box a:hover {
    text-decoration: underline;
}

div.timeline {
    margin: 1.5em;
    text-align: center;
}

div.timeline img {
    #original image is 650x 30
    width: 96.6%;
}

div.printbutton {
    float: right;
}

div.printbutton input.btn {
    font-size: 1.2em;
    background-color: #DF0030;
    font-weight: bold;
    text-transform: capitalize;
}

div.boxed table.auditlog th, div.boxed table.auditlog td {
    text-align: left;
    font-weight: normal;
    font-size: 0.8em;
    vertical-align: top;
}

div.boxed table.auditlog th {
    font-weight: bold;
    width: 10em;
    border-bottom: 1px solid #FFF;
}

.button-container {
    display: flex;
    justify-content: center;
    gap: 150px;
}

.bnt-insurer {
    max-width: 168px;
    border: none;
    padding: 20px;
    color: white;
    cursor: pointer;
    border-radius: 10px;
    font-size: 18px;
    height: 100px;
    text-align: center;
}

.btn-uk-insurance {
    background-color: #f8b26a;
}

.btn-rsa, .btn-left, .btn-right {
    background-color: #5b8cde;
}

.button-form {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

table.formcontain input.btn-common {
    border: 0;
    color: #FFF;
    font-size: 1em;
    font-weight: bold;
    padding: 0.3em 0.7em;
    text-transform: capitalize;
    cursor: pointer;
}

/**
 * Progress Bar
 */
  :root{
    --gray: #F7F2EA;
    --active:#7EE6E0;
    --arrow:8px;   /* width of the right arrow pointer */
    --gap:32px;     /* space reserved for the connector */
    --line:2px;     /* connector thickness */
  }

  .progress {
    display:flex;
    align-items:center;
    font:14px/1.1 system-ui, Arial, sans-serif;
    padding: 1.5em 0 0 5em;
  }

  .step {
    position:relative;
    background:var(--gray);
    color:#000;
    padding:5px 10px;
    border-radius:5px;
    white-space:nowrap;
  }

  /* leave room before each (non-first) step for the connector + arrow cap */
  .step + .step { margin-left: calc(var(--arrow) + var(--gap)); }

  /* right-pointing arrow */
  .step::after{
    content:"";
    position:absolute;
    top:0;
    right: -8px;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 10px solid var(--gray);
    z-index:2; /* sits above the connector line so it "caps" it */
  }
  .step:last-child::after{ display:none; }

  /* connector line belongs to the NEXT step and is drawn to its left (outside) */
  .step + .step::before{
    content:"";
    position:absolute;
    top:50%;
    left: calc(-1 * (var(--arrow) + var(--gap)));
    transform: translateY(-50%);
    width: calc(var(--arrow) + var(--gap));
    height: var(--line);
    background: var(--gray);
    z-index:1;
  }

  /* active coloring */
  .step.active{ background:var(--active); }
  .step.active::after{ border-left-color: var(--active); }
  /* color the connector up to the active step */
  /*.step.active + .step::before{ background:var(--active); }*/