<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@font-face {
  font-family: "Cera Pro";
  src: url("./fonts/Cera-Pro-Thin.otf");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Cera Pro";
  src: url("./fonts/Cera-Pro-Thin-Italic.otf");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "Cera Pro";
  src: url("./fonts/Cera-Pro-Light.otf");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Cera Pro";
  src: url("./fonts/Cera-Pro-Light-Italic.otf");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Cera Pro";
  src: url("./fonts/Cera-Pro-Regular.otf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Cera Pro";
  src: url("./fonts/Cera-Pro-Regular-Italic.otf");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Cera Pro";
  src: url("./fonts/Cera-Pro-Medium.otf");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Cera Pro";
  src: url("./fonts/Cera-Pro-Medium-Italic.otf");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Cera Pro";
  src: url("./fonts/Cera-Pro-Bold.otf");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Cera Pro";
  src: url("./fonts/Cera-Pro-Bold-Italic.otf");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Cera Pro";
  src: url("./fonts/Cera-Pro-black.otf");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Cera Pro";
  src: url("./fonts/Cera-Pro-black-Italic.otf");
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: "Freight Display Pro";
  src: url("./fonts/FreightDisp-Pro-Bold.otf");
  font-weight: 700;
  font-style: normal;
}

html {
    overflow:scroll;
    overflow-x:hidden;
    overflow-y: scroll;
    font-family: "Cera Pro", sans-serif;
    font-weight: normal;
    }

body{
  width: 100%;
  background: #f6f6f6;
  margin: 0;
  box-sizing: border-box;
  position: relative;
  font-family: "Cera Pro", serif;
  font-weight: normal;
  font-size: 17px;
  line-height: 24px;
}

body::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background: #00B5DB;
  height: 44px;
  display:inline-block;
  width: 100%;
}

section.content{
  width: 100%;
  background: #fff;
  padding: 1rem;
  margin-bottom: 1rem;
}

fieldset{
  font-family: "Cera Pro", sans-serif;
  font-size: 11pt;
  background: none;
  border:none;
  max-width: 1300px;
  width: 96% !important;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  padding: 0;

}

fieldset::before{
  font-family: "Cera Pro", sans-serif;
  content: 'THE HONOURABLE SOCIETY OF GRAY\'S INN';
  display: inline-block;
  color: white;
  padding: 10px 0;
  font-size: 12px;
  max-width: 1300px;
  width: 96% !important;
  margin: 0 auto;
}

.gi_screenheadersmall,
.gi_screenheaderfull
{
  max-width: 108px;
  width: auto;
  height: auto;
  padding-top: 1rem;
}
     
input {
    color:black;
    font:10pt "Cera Pro", sans-serif;
    line-height:17px;
    }

sup {
    vertical-align: super;
    font-size: smaller;
    color: blue;
    }

select {
    font-family: "Cera Pro", sans-serif;
    }
    
.application {
    color:black;
    font:11pt "Cera Pro", sans-serif;
    }

.button_menu {
    width:150px;
    height:45px;
    margin-left:3px;
    margin-right:3px;
    color: #000000;
    background: #ffffff;
    font:10pt "Cera Pro", sans-serif;
    text-transform:uppercase;
    border: 1px solid #000000;
    }

.button_menu:hover {
    cursor:pointer;
    color: #ffffff;
    background: #000000;
    }

.button_menu:disabled {
    color: #ffffff;
    background: #000000;
    pointer-events: none;
    }

.button_std {
    width:175px;
    height:28px;
    margin-left:3px;
    margin-right:3px;
    color: #000000;
    background: #ffffff;
    font:10pt "Cera Pro", sans-serif;
    text-transform:uppercase;
    border: 1px solid #000000;
    }

.button_std:hover {
    cursor:pointer;
    color: #ffffff;
    background: #000000;
    }

.button_std:disabled {
    color: #999999;
    pointer-events: none;
    }

.button_std_high {
    width:175px;
    height:40px;
    margin-left:3px;
    margin-right:3px;
    color: #000000;
    background: #ffffff;
    font:10pt "Cera Pro", sans-serif;
    text-transform:uppercase;
    border: 1px solid #000000;
    }

.button_std_high:hover {
    cursor:pointer;
    color: #ffffff;
    background: #000000;
    }

.button_std_high:disabled {
    color: #999999;
    pointer-events: none;
    }

.button_small {
    width:100px;
    height:28px;
    margin-left:3px;
    margin-right:3px;
    color: #000000;
    background: #ffffff;
    font:10pt "Cera Pro", sans-serif;
    text-transform:uppercase;
    border: 1px solid #000000;
    }

.button_small:hover {
    cursor:pointer;
    color: #ffffff;
    background: #000000;
    }

.button_small:disabled {
    color: #999999;
    pointer-events: none;
    }

.button_small_high {
    width:100px;
    height:40px;
    margin-left:3px;
    margin-right:3px;
    color: #000000;
    background: #ffffff;
    font:10pt "Cera Pro", sans-serif;
    text-transform:uppercase;
    border: 1px solid #000000;
    }

.button_small_high:hover {
    cursor:pointer;
    color: #ffffff;
    background: #000000;
    }

.button_small:disabled {
    color: #999999;
    pointer-events: none;
    }

.button_small_sub {
    width:65px;
    height:20px;
    color: #000000;
    background: #ffffff;
    font:9pt "Cera Pro", sans-serif;
    text-transform:uppercase;
    border: 1px solid #000000;
    }

.button_small_sub:hover {
    cursor:pointer;
    color: #ffffff;
    background: #000000;
    }

.button_small_sub:disabled {
    color: #999999;
    pointer-events: none;
    }
 
.button_small_thin {
    width:100px;
    height:20px;
    color: #000000;
    background: #ffffff;
    font:9pt "Cera Pro", sans-serif;
    text-transform:uppercase;
    border: 1px solid #000000;
    }

.button_small_thin:hover {
    cursor:pointer;
    color: #ffffff;
    background: #000000;
    }

.button_small_thin:disabled {
    color: #999999;
    pointer-events: none;
    }
 
.button_medium {
    width:125px;
    height:28px;
    margin-left:3px;
    margin-right:3px;
    color: #000000;
    background: #ffffff;
    font:10pt "Cera Pro", sans-serif;
    text-transform:uppercase;
    border: 1px solid #000000;
    }

.button_medium:hover {
    cursor:pointer;
    color: #ffffff;
    background: #000000;
    }

.button_medium:disabled {
    font-weight: bold;
    color: #999999;
    }

.button_medium_high {
    width:125px;
    height:40px;
    margin-left:3px;
    margin-right:3px;
    color: #000000;
    background: #ffffff;
    font:10pt "Cera Pro", sans-serif;
    text-transform:uppercase;
    border: 1px solid #000000;
    }

.button_medium_high:hover {
    cursor:pointer;
    color: #ffffff;
    background: #000000;
    }

.button_medium_high:disabled {
    color: #999999;
    pointer-events: none;
    }

.closingdate {
    text-align:center;
    text-decoration:underline;
    margin-left:20%;
    margin-right:20%;
    background-image:none;
    font:bold 11pt "Cera Pro", sans-serif;
    }

.help span {
    display: none;
    width:300px;
    text-align:left;
    color:#000;
    font: 9pt "Cera Pro", sans-serif;
    font-weight: normal;
    line-height:100%;
    padding:2px;
    border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    box-shadow: 5px 5px 2px #888; -moz-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.2); -o-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.2);
    background: #9FDAEE; 
    border: 1px solid #2BB0D7;
    }

.help:focus {
    position: relative;
    }

.help:focus span {
    display: block;
    position: absolute;
    }

.help_img {
    border:0;
    height:16px;
    width:16px;
    } 

.addressdatafield {
    line-height:17px;
    height:17px;
    }
    
.addressdatadd {
    line-height:21px;
    height:21px;
    }

.addresstitleright {
    text-align:right;
    color:black;
    font:11pt "Cera Pro", sans-serif;
    line-height:23px;
    height:23px;
    }
    
.addresstitlerightdd {
    text-align:right;
    color:black;
    font:11pt "Cera Pro", sans-serif;
    line-height:25px;
    height:25px;
    }

.addresstitleleft {
    text-align:left;
    color:black;
    font:11pt "Cera Pro",  "Cera Pro", sans-serif;
    line-height:23px;
    height:23px;
    }
    
.addresstitleleftdd {
    text-align:left;
    color:black;
    font:11pt "Cera Pro", sans-serif;
    line-height:25px;
    height:25px;
    }

.errormessagetext {
    text-align:center;
    color:red;
    font:11pt  "Cera Pro", sans-serif;
    }

.fieldtitle {
    text-align:left;
    color:black;
    font:11pt "Cera Pro", sans-serif;
    }

.fieldtitlecenter {
    text-align:center;
    color:black;
    font:11pt "Cera Pro", sans-serif;
    }

.fieldtitlerequired {
    text-align:left;
    color:black;
    font:11pt "Cera Pro", sans-serif;
    background:#FDE1E1;
    }

.fieldtitleright {
    text-align:right;
    color:black;
    font:11pt "Cera Pro", sans-serif;
    }

.generalscreentext {
    color:black;
    font:11pt "Cera Pro", sans-serif;
    }

.pageheaderhelptext { 
    text-align:left;
    color:black;
    font:10pt "Cera Pro", sans-serif;
    }

.instructiontextlarge {
    text-align:left;
    color:black;
    font:11pt "Cera Pro", sans-serif;
    }

.instructiontextmedium {
    text-align:left;
    color:black;
    font:10pt "Cera Pro", sans-serif;
    }

.instructiontextsmall {
    text-align:left;
    color:black;
    font:9pt "Cera Pro", sans-serif;
    }

.introtextheader {
    text-align:left;
    color:black;
    font:bold 14pt "Cera Pro", sans-serif;
    }

.introtextlarge {
    text-align:left;
    color:black;
    font:11pt "Cera Pro", sans-serif;
    }

.introtextmedium {
    text-align:left;
    color:black;
    font:10pt "Cera Pro", sans-serif;
    }

.minimenutext {
    color:black;
    font:bold 9pt "Cera Pro", sans-serif;
    background:#C6E7DE;
    }

.pagebody {
    text-align:left;
    color:black;
    font:11pt "Cera Pro", sans-serif;
    }

.pagecontroltext {
    color:black;
    font:11pt "Cera Pro", sans-serif;
    font-weight: bold;
    }

.pageheader {
    text-align:left;
    color:black;
    font:15pt "Cera Pro", sans-serif;
    font-weight: bold;
    }

.pagesubheader {
    text-align:left;
    color:black;
    font:13pt "Cera Pro", sans-serif;
    font-weight: bold;
    }

.radiobuttonselectlist {
    color:black;
    font:9pt "Cera Pro", sans-serif;
    }

.sectionheader {
    color:black;
    font:bold 12pt  "Cera Pro", sans-serif;
    }

.sectionheader_largecenter {
    text-align:center;
    color:black;
    font:bold 13pt  "Cera Pro", sans-serif;
    text-decoration:underline;
    }

.sectionsubheader {
    color:black;
    font:bold 11pt  "Cera Pro", sans-serif;
    }

.scholarshipname {
    text-align:left;
    color:black;
    font:13pt  "Cera Pro", sans-serif;;
    font-weight: bold;
    }

.sessioninfo {
    text-align:left;
    color:black;
    font:italic 9pt  "Cera Pro", sans-serif;
    }

.table_standard {
    border-collapse:collapse;
    border:none; 
    background: #fff; 
    padding:3px;
    }

.table_standard td {
    border:none; 
    padding:2px;
    }

.table_standard tr {
    border:none; 
    padding:2px;
    }

.table_standard .header th {
    color:black;
    font:bold 11pt  "Cera Pro", sans-serif;
    border-bottom: 2px solid black;
    }
    
.table_declare {
    border:none; 
    background: #fff; 
    padding:3px;
    }

.table_declare td {
    vertical-align:top; 
    padding:4px;
    }

.table_validation {
    border:none; 
    background: #fff; 
    padding:3px;
    }

.table_validation td {
    padding:2px;
    color:red;
    text-align:left;
    vertical-align: middle;
    }

.tablecolumntitle {
    color:black;
    font:bold 11pt  "Cera Pro", sans-serif;
    }

.tableerrormessagetext {
    text-align:center;
    color:red;
    font:11pt  "Cera Pro", sans-serif;
    }

.tablefielddata {
    text-align:left;
    color:black;
    font:11pt  "Cera Pro", sans-serif;
    }

.tablefielddata_medium {
    text-align:left;
    color:black;
    font:10pt  "Cera Pro", sans-serif;
    }
    
.tablefielddata_small {
    text-align:left;
    color:black;
    font:9pt  "Cera Pro", sans-serif;
    }

.data-row{
  border-bottom: 1px solid black;
}

.data-row:nth-of-type(odd){
  background: #fff;
}

.data-row:nth-of-type(even){
  background: #f5f5f5;
}
    
.tablefieldtitle {
    text-align:right;
    color:black;
    font:11pt  "Cera Pro", sans-serif;
    }

.tableinstructiontext {
    text-align:center;
    color:black;
    font:10pt  "Cera Pro", sans-serif;
    }

.tableinstructiontextsmall {
    text-align:center;
    color:black;
    font:9pt  "Cera Pro", sans-serif;
    }

.textfielddata {
    color:black;
    font:10pt  "Cera Pro", sans-serif;
    }

.textfieldtitle {
    text-align:left;
    color:black;
    font:11pt  "Cera Pro", sans-serif;
    }

.validationmessage {
    text-align:left;
    color:red;
    font:11pt  "Cera Pro", sans-serif;
    }
 
.validationmessagesmall {
    text-align:left;
    color:red;
    font:9pt  "Cera Pro", sans-serif;
    }

.applicationidtable {
    width:255px; 
    float:left; 
    background-color:#ffffff; 
    border: 2px solid black;
    padding:5px
    }

.applicationidtable_extended {
    width:35%; 
    float:left; 
    background-color:#ffffff; 
    border: 2px solid black;
    padding:5px
    }

.tablecentre {
    margin-left:auto; 
    margin-right:auto;
    }
 
.tablecentrenb {
    border:0; 
    margin-left:auto; 
    margin-right:auto;
    }

.tablecentrewb {
    border:1px solid black; 
    margin-left:auto; 
    margin-right:auto;
    }

.tablecentrewb td, tr {
    border:1px solid black; 
    }

.tablewhitewb {
    border:1px solid black;
    padding:1px; 
    border-spacing:1px; 
    background-color:#ffffff; 
    }

.tablewhitewb td, tr {
    border:1px solid black; 
    }
  
.logintable {
    width:500px; 
    border:0; 
    margin-left:auto; 
    margin-right:auto;
    }

.logintable td, .logintable tr { 
    padding:2px;
	vertical-align:top;
	text-wrap:normal;
    }
 
 .listitems {
    list-style-type: disc;
    color:black;
    font:10pt  "Cera Pro", sans-serif;
    }

.listitemsordered {
    list-style-type: lower-alpha;
    color:black;
    font:10pt  "Cera Pro", sans-serif;
    }

.bottombuttontable {
    width:90%; 
    border:0; 
    margin-left:auto; 
    margin-right:auto;"
    }

.button_bottommenu_previous {
    width:100px;
    height:40px;
    color: #000000;
    background: #94D639;
    font:9pt  "Cera Pro", sans-serif;
    font-weight: bold;
    border: 1px solid #000000;
    }

.button_bottommenu_previous:hover {
    cursor:pointer;
    color: #FFFFFF;
    background: #C6EF8C;
    }

.button_bottommenu_previous_disable {
    width:100px;
    height:40px;
    color: #FFFFFF;
    background: #C6EF8C;
    font:9pt  "Cera Pro", sans-serif;
    font-weight: bold;
    border: 1px solid #000000;
    }

.meanstestquestiontable table {
    border-collapse: collapse;
    }

.meanstestquestiontable th, td {
    padding:5px;
    }

.meanstestsectionheader {
    color:black;
    font:bold 12pt  "Cera Pro", sans-serif;
    text-align:center;
    line-height:250%;
    }

.meanstestsectionsubheader {
    color:black;
    font:bold 11pt  "Cera Pro", sans-serif;
    text-decoration: underline;
    }

.meanstestexplanationtext {
    font-style:italic;
    }
    
.tablerowdivider {
    height:15px;
    }

.declaretext {
    color:black;
    font:10pt  "Cera Pro", sans-serif;
    line-height:17px;
    background:white;
    padding:2px;
    border:1px solid grey;
    }

.declaretextareadisabled {
    color:black;
    font:10pt  "Cera Pro", sans-serif;
    background:white;
    }

.declaretitleleft {
    text-align:left; vertical-align:center; padding:3px;
    color:black;
    font:11pt  "Cera Pro", sans-serif;
    }

.declaretitlecenter {
    text-align:center; vertical-align:center; padding:3px;
    color:black;
    font:11pt  "Cera Pro", sans-serif;
    }

.declaretitlelefttop {
    text-align:left; vertical-align:top; padding:3px;
    color:black;
    font:11pt  "Cera Pro", sans-serif;
    }

.declaretitlecentertop {
    text-align:center; vertical-align:top; padding:3px;
    color:black;
    font:11pt  "Cera Pro", sans-serif;
    }

.multiselectchecks {
    max-height:175px;
 /*   width:auto; */
    width:350px;
    overflow:auto;
    background-color:white;
    border: 1px solid #aaa;    }

.columns_three {
  /* Old Chrome, Safari and Opera */
  -webkit-column-count: 3;
  -webkit-column-gap: 30px;

  /* Old Firefox */
  -moz-column-count: 3;
  -moz-column-gap: 30px;
  
 /* &gt;Standard syntax */
  column-count: 3;
  column-gap: 30px;
  margin-left: 60px
}</pre></body></html>