/*Content-Type: text/css*/
/* ========================================================================
   1) RESET AND BASE STYLES (Original + Accessibility Adjustments)
======================================================================== */

/* Reset */
* {
  margin: 0;
  padding: 0;
}

.blue {background-color: blue;}	


/* PRINT STYLES */
@media print {
.mainhome {
  margin-top: 10px;
}

.bigbox1 {
  margin-bottom: 10px; 
  padding: 0px; 
  background-color: white;
  display: block;
  max-width: 500px;
  width: 100%;
  margin: auto;
}
.home-topbox-video, .home-topbox-video-fr, .ceovid {
  display: block;
  max-width: 600px;
  width: 100%;
  left: 0px;
}

#bottom-container .scrollup {
  background: transparent;
}
.home-topbox-frame-1, .home-topbox-frame-2-3, .home-bottombox-frame-1 {
  display: block;
  width: 100%;
  max-width: 300px;
  margin: auto;
}
.home-bottombox-frame-2 {
  display: block;
  max-width: 200px;
  width: 100%;
  margin: auto;
}
.home-topbox-bud_23b,
.home-topbox-bud,
.home-topbox-bud_23 {
  display: block;
  max-width: 396px;
  width: 100%;
  margin: auto;
}
.home-bottombox-frame-2-3 {
  display: block;
  width: 100%;
  max-width: 450px;
  margin: auto;
  height: auto;
}
#ir-pres {
  margin-bottom: 10px;
}
#ceo {
  margin-top: 0px;
}
#bprog {
  margin-bottom: 10px;
  margin-top: 10px;
}
#dport {
  page-break-after: always;
}
}

.splashdivider {
	width: 100%;
	height: 1px;
}

/* BODY / SPLASH PAGE / BANNERS */
body {
  color: #444;
  font-size: 100%;
  overflow-x: hidden;
  padding: 0;
  margin: 0;
  line-height: 1.5; /* Increased */
}

#bannerloans {
  background: url(../images/banner_loans_3pics.jpg) no-repeat top center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 180px;
  overflow-x: hidden;
  margin: 0;
  margin-top: 0;
  padding: 0;
}

#bannerloans2 {
  background: url(../images/banner_loans_4pics.jpg) no-repeat top center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 180px;
  overflow-x: hidden;
  margin: 0;
  margin-top: 0;
  padding: 0;
}

#bannerir {
  background: url(../images/banner_ir.jpg) no-repeat top center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 180px;
  overflow-x: hidden;
  margin: 0;
  margin-top: 0;
  padding: 0;
}

p {
  margin: 10px 0;
  line-height: 1.5;
}

.last-pr {
  margin-bottom: 30px;
}

.last-pr-bnd {
  margin-bottom: 25px;
}

.last-pr-loans {
  margin-bottom: 10px;
}

ul,
ol {
  margin-left: 30px;
  line-height: 1.5;
}

.gmceo {
  font-size: 0.85em;
  padding-top: 49px;
}

.gmceop {
  font-size: 0.85em;
}

#ceo p {
  line-height: 1.5;
}

a {
  color: #004B7C;
  text-decoration: underline;
}
a[href^=tel] {
  color: inherit;
  text-decoration: underline;

}

a:hover,
a:active,
a:focus {
    color: #004B7C;
  text-decoration: underline;
}

#blueheader,
.blueheader {
  font-size: 2.25em;
  color: #369;
  text-align: center;
  font-weight: lighter;
}

#bluesub-header {
  font-size: 1.65em;
  color: #369;
  text-align: center;
  font-weight: lighter;
  max-width: 1280px;
  margin: auto;
}

#bluesub-headerfr {
  font-size: 1.45em;
  color: #369;
  text-align: center;
  font-weight: lighter;
  max-width: 1280px;
  margin: auto;
}

.greensub-headerBG {
  color: #369;
  margin-bottom: 10px;
  font-size: 1.0em;
  cursor: pointer;
}

.greensub-headerFrame {
  color: #455f51;
  font-size: 1.2em;
}

.greensub-headerBG a {
  color: #369;
  text-decoration: underline;
}

.meet-foreign-header {
  color: #369;
  margin-bottom: 10px;
  font-size: 2em !important;
}
.meet-foreign-headerBG {
  color: #369;
  margin-bottom: 10px;
  font-size: 2em !important;
}


.greensub-headerGBP {
  color: #004B7C;
  margin-bottom: 0px;
  margin-top: 10px;
  font-size: 1.1em;
  cursor: pointer;
}

.issued-btns {
  background-color: transparent ;
  border: 0;
  color: #369;
  font-size: 1em;
  font-weight: bold;
  cursor: pointer;
  text-align: left;
}

.bod-btns {
  background-color: transparent;
  border: 0;
  color: #000;
  font-size: 1em;
  font-weight: normal;
  cursor: pointer;
  text-align: left;
}

.greensub-header,
#hgreen,
.hgreen {
  color: #369;
  margin-bottom: 10px;
  font-size: 1.1em;
}

.greensub-header-bld {
  color: #369;
  margin-bottom: 10px;
  font-size: 1.1em;
  font-weight: bold;
}

.content {
  padding: 10px;
  max-width: 1200px;
  /*width: 100%;
  max-width: 1360px;*/
  margin: auto;
  margin-bottom: 20px;
  margin-top: 0;
  position: relative;
}

#skipTo {
  margin: 0;
  padding-left: 0;
  color: #fff;
}

#skipTo a,
#skipTo a:hover,
#skipTo a:visited {
  position: absolute;
  left: 0;
  top: -500px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  color: #fff;
}

#skipTo a:active,
#skipTo a:focus {
  position: static;
  width: auto;
  height: auto;
  color: #fff;
}

.invisible { 
	display: none;
}

#ir-pres {
  margin-top: 0px;
}

#gbframe {
  margin-top: 0px;
}

.ir-pres-date {
  font-size: 0.8em;
  color: #555;
}

#ir-pres-link {
  font-size: 0.9em;
  text-indent: 20px;
}

#what-new {
  margin-top: -85px;
}

#bi {
  margin-bottom: 32px;
}

#bi2 {
  margin-bottom: 40px;
}

#col2-left {
  display: inline-block;
  width: 49%;
}

.leftWN {
  margin-bottom: 10px;
}

#col2-right {
  display: inline-block;
  float: right;
  margin-right: 3px;
  width: 49%;
}

h3.homeboxes {
  font-size: 1em;
  text-align: center;
  color: #666;
  /*line-height: 8px;*/ /* Commented May 9, 2025  */
  margin-top: 5px;
  margin-bottom: 20px;
  line-height: 115%;
}

h3.homeboxes img {
  width: 100%;
}

h4.bp-sub {
  font-size: 0.85em;
  text-align: left;
  color: #369;
  margin-bottom: 0px;
}

h3.impor-sub {
  font-size: 0.85em;
  text-align: left;
  color: #004080;
  margin-bottom: 0px;
}

h4.dp-sub {
  font-size: 0.85em;
  color: #369;
  margin-bottom: 15px;
  margin-left: 10px;
}

.settledbonds th {
  width: 45%;
  font-size: 0.85em;
  text-align: left;
  padding: 2px;
}

.settledbonds td {
  width: 55%;
  font-size: 0.85em;
  text-align: left;
  padding: 2px;
}

.dpamount {
  margin-bottom: 25px;
  font-size: 0.9em;
}

.bpstatus {
  width: 100%;
  margin-bottom: 15px;
  font-size: 0.9em;
}
.bpstatus th {
  width: 50%;
  font-size: 0.9em;
  text-align: left;
  font-weight: normal;
}
bpstatus td {
  width: 50%;
  font-size: 0.9em;
  text-align: right;
}

.pdf {
  font-size: 0.75em;
  color: #8C0303;
}

.LRL {
  max-width: 480px;
  width: 100%;
  height: auto;
  border: 0;
}

.hedother {
  width: 100%;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 40px;
  position: relative;
}

.hedother2 {
  width: 100%;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 40px;
  position: relative;
}

.hedotherfr2 {
  width: 100%;
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px;
  position: relative;
}

.right-arrow {
  margin: 0;
  padding: 0;
  float: left;
  margin-right: 0;
}

/* .boardtable */
.boardtable {
  display: block !important;
  border: thin solid #CCCCCC !important;
  width: 98% !important;
  max-width: 980px !important;
  min-width: 240px !important;
  margin: auto !important;
  padding: 8px !important;
  margin-bottom: 15px !important;
}

.boardtitles {
  display: block;
  font-weight: bold;
  background: #CFCDC0;
  padding: 3px;
}

.imgboard {
  float: left;
  margin: 0 8px 2px 0;
  width: 100px;
  height: 150px;
  border-top: thin #e5e2e2 solid;
  border-left: thin #e5e2e2 solid;
  border-right: 0;
  border-bottom: 0;
}

.imgboardleft {
  float: left;
  margin: 0 8px 8px 0;
  width: 100px;
  height: 150px;
}

#ceocontent {
  display: block;
  max-width: 980px;
  width: 100%;
  margin: 0 0 20px 0;
}

#tblcont {
  display: inline-table;
  width: 100%;
  max-width: 1024px;
  margin-bottom: 10px;
  overflow-y: auto;
  _overflow: auto;
}

.table-container-debt {
  margin-bottom: 2em;
  display: inline;
}

.uno,
.dos {
  width: 15%;
}
.tres {
  width: 50%;
}
.cuatro {
  width: 20%;
}
.qf1,
.qf2,
.qf3,
.qf4 {
  width: 25%;
}
.me1 {
  width: 20%;
}
.me2 {
  width: 80%;
}

.bpleft {
  width: 60%;
  display: inline-block;
}

.bpright {
  width: 58%;
  float: right;
  display: inline-block;
}

.accelerator {
  text-decoration: underline;
}

.bld {
  font-weight: bold;
}

.allexp {
  margin-bottom: 10px;
  margin-top: 20px;
  font-weight: bold;
}

.claim5-left {
  display: inline-block;
  float: left;
  margin-bottom: 20px;
  width: 45%;
}

.claim5-right {
  display: inline-block;
  float: right;
  margin-bottom: 20px;
  width: 45%;
}

.top5-list {
  line-height: 1.5;
  margin-top: 10px;
}

.exp-botlink {
  display: inline-block;
  text-align: left;
  width: 100%;
  margin-bottom: 10px;
  margin-top: 10px;
}

.exp-multilink {
  display: inline-block;
  text-align: left;
  width: 100%;
  margin-bottom: 10px;
}

.exp-multilink5 {
  display: inline-block;
  text-align: left;
  width: 100%;
  margin-bottom: 40px;
}

.exp-singlink {
  display: inline-block;
  text-align: left;
  width: 100%;
  margin-bottom: 30px;
  margin-top: 0;
}

.expyears {
  color: #369;
  font-size: 1.0em;
}

.bld-prds {
  font-size: 0.95em;
  font-weight: bold;
}

.contact-left {
  display: inline-block;
  width: 48%;
  float: left;
}
.contact-right {
  display: inline-block;
  width: 48%;
  float: right;
}
.contact {
  display: inline-block;
  width: 50%;
  float: right;
}
.contact-left-splash {
  display: inline-block;
  width: 45%;
  float: left;
  background-color: #FFFFFF;
}
.contact-right-splash {
  display: inline-block;
  width: 45%;
  float: right;
  background-color: #FFFFFF;
}
.contact-bottom {
  display: inline-block;
  width: 100%;
  font-size: 0.85em;
  padding-top: 30px;
  padding-bottom: 10px;
}

.debtnote {
  margin-top: -10px;
  font-size: 0.85em;
  margin-bottom: 30px;
}

.notedebtgraphs {
  padding-top: 10px;
  font-size: 0.85em;
  padding-bottom: 10px;
}

.debtaccessgraphs {
  font-size: 0.85em;
  padding-bottom: 30px;
}

.debtaccessgraphslast {
  font-size: 0.85em;
  padding-bottom: 80px;
}

#debt-inter {
  border: 1px #666 solid;
  width: 200px;
  padding: 8px;
  display: inline-block;
  text-align: left;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}

#debt-pie {
  display: inline-block;
  vertical-align: top;
  margin-top: 20px;
}

/* #BDTable (both original and override) */
#BDTable {
  /*width: 100%;
  border: 0;*/ /* Commented May 9, 2025  */
  width: 100% !important;
  border: 0 !important;
}
#BDTable td.sele {
  /*text-align: left;
  vertical-align: top;
  font-weight: bold;
  width: 49%;
  display: inline-block;*/ /* Commented May 9, 2025  */
  
  text-align: left !important;
  vertical-align: top !important;
  font-weight: bold !important;
  width: 49% !important;
  display: inline-block !important;
}
#BDTable td.selefr {
  /*text-align: left;
  vertical-align: top;
  font-weight: bold;
  display: inline-block;
  margin-right: 10px;*/ /* Commented May 9, 2025  */

  text-align: left !important;
  vertical-align: top !important;
  font-weight: bold !important;
  display: inline-block !important;
  margin-right: 10px !important;
}
#BDTable td.sele select {
  font-size: 1em !important;
  border: 1px solid #ddd !important;
}
#BDTable td.selefr select {
  font-size: 1em !important;
  border: 1px solid #ddd !important;
}
#BDTable td.g1 {
  width: 38% !important;
  display: inline-block !important;
  vertical-align: top !important;
}
#BDTable td.g2,
#BDTable td.g3 {
  width: 28% !important;
  display: inline-block !important;
  vertical-align: top !important;
}

/* repeated from line ~481 */
.seriescusip {
  width: 100%;
  display: block;
  height: 40px;
}
.seriescusipbtn {
  text-align: center;
  display: inline-block;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}

.proflink {
  color: #369;
}

#proxy {
  font-size: 0.85em;
}

.bpnote {
  margin-top: -10px;
  font-size: 1em;
  margin-bottom: 20px;
}

#dipdisclaimer {
  font-size: 1em;
  font-style: oblique;
}

.dipdisclaimer {
  color: #369;
  text-decoration: none;
  font-size: 1em;
  font-style: oblique;
}
.dipdisclaimer:hover {
  text-decoration: underline;
}

/* BONDS DATABASE TABLES SORTING BEGINS */
table.sortable th.sorter {
	cursor: pointer;
}

table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after { 
    content: " \25B4\25BE" 
}

/* BONDS DATABASE TABLES SORTING ENDS */

.lrl-large,
.cadforeign,
.cadforeignfr {
  width: 850px;
  height: auto;
  margin-bottom: 0;
}
#lrlholder {
  text-align: center;
}

.botlinks li {
  list-style: none;
  margin-left: -30px;
}

.netdebtgdp,
.netdebtrevenue,
.iodrevenue,
.debtmatnd,
.interestdebt {
  width: 750px;
  height: auto;
  border: 0;
}

.disfield {
  background-color: #CCCCCC;
}

.searchframe {
  float: right;
  margin-top: -10px;
}
.searchbox {
  height: 20px;
  width: 120px;
  background-image: url('../images/blue_arr.gif');
  border: 1px #369 solid;
  padding-left: 20px;
  line-height: 20px;
}
#searchbtn {
  background-color: #369;
  border: 0;
  color: #fff;
  width: 60px;
  font-size: 0.9em;
  height: 22px;
}
#searchbtnfr {
  background-color: #BDA875;
  border: 0;
  color: #000000;
  width: 80px;
  font-size: 1.0em;
  height: 22px;
}

.gbprn_lrg {
  max-width: 700px;
  width: 100%;
  margin: 0px;
  text-align: center;
  display: inline-block;
  margin-bottom: 0px;
}
.gbprn_lrg730 {
  max-width: 730px;
  width: 100%;
  margin: 0px;
  text-align: center;
  display: inline-block;
  margin-bottom: 0px;
  float: right;
}
.gbprn_heading {
  font-size: 1.25em;
  margin-bottom: 0px;
  text-align: left;
}
.gbprn_lc {
  width: 250px;
  margin-right: 15px;
  text-align: left;
  display: inline-block;
  margin-bottom: 20px;
}
.gbprn_right {
  width: 250px;
  text-align: left;
  display: inline-block;
  margin-bottom: 30px;
}
.gbprn_mov {
  width: 140px;
  text-align: left;
  display: block;
  margin-bottom: 10px;
}
.gbprn_block {
  width: 160px;
  height: 554px;
  display: inline-block;
  overflow-x: hidden;
  overflow-y: scroll;
  margin-right: 60px;
}
.gbnewsicon {
  width: 140px;
  border: thin solid #CCC;
}
.nobr {
  white-space: nowrap;
}
.gb1pie {
  display: inline-block;
  max-width: 360px;
  width: 100%;
  font-weight: bold;
  margin-top: 20px;
}
.corevalimage {
  width: 300px;
  border: 0;
  float: right;
  padding-left: 10px;
}
.redbold {
  color: #8C0303;
  font-weight: bold;
}

a:hover #yearcopy,
a:focus #yearcopy,
a:hover #yearcopyfr,
a:focus #yearcopyfr {
  text-decoration: underline;
}

.gbframe2 {
  max-width: 1000px;
  margin: 0px auto;
  text-align: left;
  padding-top: 10px;
  margin-bottom: 40px;
}
.head2gb {
  color: #369;
  text-decoration: none;
}

/* ========================================================================
 1B) RESPONSIVE MEDIA QUERIES (Base + Original)
======================================================================== */
@media screen and (min-width: 780px) {
.homecontent {
  margin-top: 60px;
}
.outer {
  display: table;
  position: absolute;
  height: 100%;
  width: 100%;
}
.middle {
  display: table-cell;
  vertical-align: middle;
}
.inner {
  margin-left: auto;
  margin-right: auto;
}
}

@media screen and (max-width: 768px) {
html {
  width: 100%;
  max-width: 768px;
  overflow: auto;
  padding: 0;
  margin: 0;
  position: absolute;
}
.outer {
  display: table;
  position: absolute;
  height: 100%;
  width: 100%;
  margin-top: 2.5%;
}
.middle {
  display: table-cell;
  vertical-align: middle;
}
#head1024 {
  margin-top: -40px;
}

#maincontent,
#contenuprincipal {
  display: block;
  margin-top: -30px;
}
.content,
.content-homeGB {
  margin-top: 10px;
  position: relative;
}
.contentsplash {
  margin-top: 10px;
  position: relative;
  display: block;
}

.home-topbox-frame-1,
.home-topbox-frame-2-3,
.home-bottombox-frame-1 {
  margin-left: 30px;
  margin-bottom: 10px;
}
.home-bottombox-frame-2 {
  display: inline-block;
  width: 100%;
  max-width: 200px;
  margin: auto;
  margin-left: 30px;
  margin-bottom: 10px;
}
.home-bottombox-frame-2-3 {
  display: inline-block;
  width: 100%;
  max-width: 400px;
  margin: auto;
  margin-left: 30px;
  margin-bottom: 10px;
}
#ir-pres {
  margin-top: 0;
  margin-left: 30px;
}
#gbframe {
  margin-top: 0;
}
#what-new {
  margin-top: -70px;
  margin-left: 30px;
}
#ceo {
  margin-top: -30px;
  margin-left: 32px;
}
#banner,
#bannergb,
#bannerbp,
#bannerir,
#bannerloans,
#bannerloans2 {
  margin-top: -30px;
  height: 100px;
  margin-bottom: 0;
}
.hedother {
  margin-top: -40px;
}
.scrollup {
  bottom: 10px;
  right: 10px;
}

#BDTable td.sele select {
  width: 48%;
}
#BDTable td.selefr select {
  width: 100%;
  margin-bottom: 20px;
}

.table-container {
  width: 100%;
  overflow-y: auto;
  margin-bottom: 2em;
}
.table-container {
  margin: 0 auto !important;
  clear: both !important;
  text-align: center !important;
  margin-bottom: 1em !important;
  overflow-x: auto !important;
  display: inline-table !important;
  width: 100% !important;
  _overflow: auto !important;
}

.table-container-debt {
  width: 100%;
  max-width: 1024px;
  overflow-y: auto;
  margin-bottom: 2em;
  display: inline;
}
.last-pr-bnd {
  margin-bottom: 60px;
}
#bi,
#bi2 {
  display: none;
}
#bprog {
  margin-bottom: 20px;
}
.home-box-content .detailsceo {
  margin-top: -30px;
}
.home-box-content .detailsbond {
  margin-top: 40px;
}
.gmceo {
  font-size: 0.85em;
  padding-top: 0px;
  padding-bottom: 30px;
}
.gbprn_block {
  width: 760px;
  height: auto;
  display: block;
  overflow-x: hidden;
  overflow-6: hidden;
  margin-right: 10px;
}
.gbprn_mov,
.gbprn_lc,
.gbprn_right {
  width: 240px;
  text-align: center;
  display: inline-block;
  margin-bottom: 20px;
}
.gbnewsicon {
  width: 240px;
  border: thin solid #CCC;
}
.gb1pie {
  display: block;
  max-width: 360px;
  margin: auto;
  margin-top: 20px;
}
.GBTable {
  width: 100%;
  max-width: 1024px;
}
}

@media only screen and (max-width: 896px) and (orientation: landscape) {
.gbprn_block {
  width: 770px;
  height: auto;
  display: block;
  overflow-x: hidden;
  overflow-6: hidden;
  margin-right: 0px;
}
.gbprn_mov,
.gbprn_lc,
.gbprn_right {
  width: 240px;
  text-align: center;
  display: inline-block;
  margin-bottom: 20px;
}
.gbnewsicon {
  width: 240px;
  border: thin solid #CCC;
}
}

@media screen and (max-width: 768px) and (orientation: landscape) {
.bld-prds,
.debtnote,
.bpnote,
.notedebtgraphs,
.debtaccessgraphs{
  font-size: 60%;
}
p,
li,
#item1 li,
#item2 li,
#item3 li,
#item4 li {
  font-size: 70%;
}
.exp-botlink,
.exp-multilink,
.exp-singlink,
.allexp {
  font-size: 70%;
}
.greensub-header,
.greensub-header-bld,
.diph {
  font-size: 80%;
}
#hgreen,
.hgreen {
  font-size: 1.1em;
}
.issued-btns {
  font-size: 120%;
}
#moredet,
.home-box-content .detailsbond a {
  font-size: 102%;
}
#official.homeoff,
#official2.homeoff {
  font-size: 52%;
}
li li,
.gblist {
  font-size: 100%;
}
.morehome,
.morehomefr {
  font-size: 100%;
}
#eglct,
#bid,
.realrb {
  font-size: 130%;
}
#BPTable th,
#BPTable td,
.bottom-h {
  font-size: 120%;
}
#ceo p,
#ir-pres p,
#what-new p,
#what-new li {
  font-size: 100%;
}
.expense-tables-1col td,
.expyears {
  font-size: 65%;
}
.tableexp .line1,
.tableexp-last .line1 {
  font-size: 60%;
}
.contact-bottom,
.media-icons {
  font-size: 50%;
}
#EATable td.col1,
.EATable td.col1 {
  font-size: 65%;
}
.CollapsiblePanelTab span,
#proxy {
  font-size: 130%;
}
#debt-inter p,
#debt-inter li,
#ppres {
  font-size: 105%;
}
.CollapsiblePanelTab,
.CollapsiblePanelOpen .CollapsiblePanelTab {
  width: 220px;
}
.CollapsiblePanelTabGB,
.CollapsiblePanelOpen .CollapsiblePanelTabGB {
  width: auto;
}
.bp568 {
  margin: auto;
}
.home-box-content .details a {
  font-size: 130%;
}
.home-box-content li a {
  font-size: 110%;
}
.gmceo {
  font-size: 0.85em;
  padding-top: 0px;
  padding-bottom: 10px;
}
}

/* ==============================================================================================
 Fix text to align left on "Contact OFA" page for printing, any other page can be added - Begins
================================================================================================= */
@media print {
.contact-left,
.contact-right,
.contact-left-splash,
.contact-right-splash {
  display: block;
  width: 100%;
  float: none;
}
}
/* ========================================================================
 Fix text to align left on "Contact OFA" page for printing - Ends
======================================================================== */

@media screen and (max-width: 736px) {
#bottom-container {
  max-width: 100%;
}
.bottom-box1,
.bottom-box2,
.bottom-box3,
.bottom-box4 {
  width: 46%;
  margin-left: 10px;
  margin-right: 0;
}
.home-topbox-frame-1,
.home-topbox-frame-2-3,
.home-bottombox-frame-1 {
  margin: auto;
  margin-bottom: 10px;
  max-width: 100%;
}
.home-bottombox-frame-2 {
  display: block;
  max-width: 200px;
  margin: auto;
  margin-left: 35%;
  margin-bottom: 10px;
}
.home-bottombox-frame-2-3 {
  display: block;
  max-width: 400px;
  margin: auto;
  margin-left: 18%;
  margin-bottom: 10px;
}
.media-icons {
  margin-bottom: 5px;
  clear: both;
}
#ceo,
#ir-pres,
#what-new {
  margin-top: 0;
  margin-left: 25%;
}
#banner,
#bannergb,
#bannerbp,
#bannerir,
#bannerloans,
#bannerloans2 {
  height: 80px;
}
#maincontent #bluesub-header,
#contenuprincipal #bluesub-header {
  font-size: 1.45em;
  width: 98%;
}
#maincontent #bluesub-headerfr,
#contenuprincipal #bluesub-headerfr {
  font-size: 1.25em;
  width: 98%;
}
.boardtable {
  width: 95%;
}
.claim5-left,
.claim5-right {
  display: block;
  float: left;
  width: 50%;
}
.contact-left,
.contact-right,
.contact-left-splash,
.contact-right-splash {
  display: block;
  width: 100%;
  float: none;
}
#EATable,
.EATable {
  width: 100%;
}
.bpleft,
.bpright {
  width: 100%;
  float: none;
  display: inline-block;
}
#col2-left,
#col2-right {
  display: block;
  width: 100%;
  float: none;
  margin-right: 0;
}
.home-box-content .detailsbond {
  margin-top: -20px;
}
.home-box-content .detailsceo {
  margin-top: -30px;
}
.leftWN {
  margin-bottom: 0px;
}
}

@media screen and (max-width: 480px) {
#bottom-container {
  max-width: 100%;
}
#ceo,
#ir-pres {
  margin: auto;
}
.gbprn_lrg,
.gbprn_lrg730 {
  max-width: 400px;
  margin: auto;
  text-align: center;
  display: block;
  margin-bottom: 10px;
  float: none;
}
.gbprn_block {
  width: 260px;
  height: auto;
  text-align: center;
  display: block;
  overflow-x: auto;
  overflow-y: auto;
  margin: auto;
}
.gbprn_mov,
.gbprn_lc,
.gbprn_right {
  width: 250px;
  margin: auto;
  text-align: center;
  display: block;
  margin-bottom: 20px;
}
.gbnewsicon {
  width: 250px;
  border: thin solid #CCC;
}
@media screen and (max-width: 414px) {
  #ceocontent {
    max-width: 340px;
    margin: auto;
  }
  body {
    overflow-x: hidden;
  }
  #header {
    display: block;
  }
  #logo {
    clear: both;
    display: block;
    margin-bottom: 5px;
    float: none;
  }
  .media-icons {
    font-size: 0.9em;
  }
  .claim5-left,
  .claim5-right {
    width: 100%;
    float: left;
  }
  #debt-pie {
    margin-left: -60px;
  }
  .table-container-debt,
  .borrow-pie {
    width: 100%;
    max-width: 1024px;
    overflow-y: auto;
    margin-bottom: 2em;
    display: inline-block;
  }
  #more2,
  #more3,
  #more4,
  #more5,
  #more6,
  #more2fr,
  #more3fr,
  #more4fr,
  #more5fr,
  #more6fr {
    font-size: 105%;
  }
  #more,
  #morefr {
    font-size: 110%;
  }
  .bpstatus th {
    width: 65%;
    text-align: left;
  }
  .bpstatus td {
    width: 35%;
    text-align: right;
  }
  .searchframe {
    float: left;
  }
  #ir-pres,
  #ceo {
    margin-bottom: 10px;
  }
  .gmceo {
    font-size: 0.85em;
    padding-top: 0px;
    padding-bottom: 10px;
  }
  .corevalimage {
    width: 200px;
    padding: 10px;
    text-align: center;
  }
}
}

/* ========================================================================
 2) FONT FACE: Raleway ONLY (Variable + TTF fallback)
======================================================================== */
@font-face {
font-family: "Raleway";
font-style: normal;
font-weight: 400;
src: local("Raleway Regular"), local("Raleway-Regular"),
     url("/assets/fonts/raleway/Raleway-VariableFont_wght.ttf") format("truetype");
	/* url('../assets/fonts/raleway/Raleway-Italic-VariableFont_wght.ttf') format('truetype'); */
font-display: swap;
}
@font-face {
font-family: "Raleway";
src: local("Raleway Variable"), local("Raleway-Variable"),
     url("/assets/fonts/raleway/Raleway-VariableFont_wght.ttf") format("truetype-variations");
font-weight: 100 900;
font-style: normal;
font-display: swap;
}

/* ========================================================================
 3) GLOBAL OVERRIDES: Use Raleway, Modern Headings & Tables

======================================================================== */
body {
	background-color: #fafafa !important;
}

html, body,
h1, h2, h3, h4, h5, h6,
p, a, li, ul, ol, table, th, td,
div, span, input, button {
font-family: "Raleway", sans-serif !important;
font-weight: 400;
line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
font-weight: 600 !important;
letter-spacing: 0.02em;
margin-bottom: 0.5em;
}

/* ----------------------------------------------------------------------
 UPDATED TABLE STYLES WITH LARGER PADDING & ZEBRA/HOVER EFFECT
---------------------------------------------------------------------- */
table {
width: 100%;
margin: 1em 0;
/*border-collapse: collapse;*/
font-size: 0.95em;
background-color: #fff;
border: 1px solid #ddd !important;
border-collapse: collapse !important;
}

/* For consistent cell borders on all sides */
table th,
table td {
border: 1px solid #ddd !important;
}

/* Add more padding to avoid text touching the borders */
table th,
table td {
padding: 12px !important; /* Increased padding around text */
vertical-align: middle;
}

/* Add additional left padding to the very first column */
table td:first-child {
padding-left: 20px !important;
}

/* Thead background */
table thead {
background-color: #f0f7ff !important;
}

/* Table header styles */
table thead th {
color: #2c3e50 !important;
font-weight: 600 !important;
text-align: center !important;
border-bottom: 2px solid #3498db !important;
}

/* Zebra striping & hover style */
tbody tr:nth-child(even) {
background-color: #fafafa !important; /* Light stripe effect */
}
tbody tr:hover {
background-color: #f2f2f2 !important; /* Light grey on hover */
}

/* Further highlight on hover for individual cells */
tbody tr:hover td {
background-color: #f0f7ff !important;
}

/* Additional links/hovers override */
nav a:hover, nav a:focus,
footer a:hover, footer a:focus,
#header a:hover, #bottomnav a:hover,
.bottomnav a:hover {
text-decoration: none !important;
}

/* #maincontent button[type="submit"], #maincontent button[type="reset"] */
#maincontent button[type="submit"],
#maincontent button[type="reset"],
#contenuprincipal button[type="submit"],
#contenuprincipal button[type="reset"] {
background-color: #3498db;
color: #fff;
border: none;
padding: 10px 15px;
border-radius: 4px;
cursor: pointer;
transition: background-color 0.3s ease;
}
#maincontent button[type="submit"]:hover,
#maincontent button[type="reset"]:hover,
#maincontent button[type="submit"]:focus,
#maincontent button[type="reset"]:focus,
#maincontent button[type="submit"]:active,
#maincontent button[type="reset"]:active,
#contenuprincipal button[type="submit"]:hover,
#contenuprincipal button[type="reset"]:hover,
#contenuprincipal button[type="submit"]:focus,
#contenuprincipal button[type="reset"]:focus,
#contenuprincipal button[type="submit"]:active,
#contenuprincipal button[type="reset"]:active {
background-color: #2980b9;
}

/* Ensure table containers scroll horizontally on smaller devices */
@media screen and (max-width: 768px) {
.table-container,
.table-container-debt {
  width: 100% !important;
  overflow-x: auto !important;
  margin-bottom: 2em;
}
}

/* ========================================================================
 13) HEADINGS CUSTOMIZATION
======================================================================== */
h1 {
font-size: 2em;
font-weight: 600;
line-height: 1.2;
}
h2 {
font-size: 1.5em !important;
font-weight: 600;
line-height: 1.3;
}
h3 {
font-size: 1.25em;
font-weight: 600;
line-height: 1.4;
}
h4 {
font-size: 1.25em;
font-weight: 600;
line-height: 1.4;
margin-bottom: 10px;
}
h5 {
font-size: 1em;
font-weight: 600;
line-height: 1.4;
margin-bottom: 10px;
}
h6 {
font-size: 1em;
font-weight: 600;
line-height: 1.4;
}

/* ========================================================================
 14) TEXT UTILITIES
======================================================================== */
.lh-normal { line-height: 1.4; }
.lh-large  { line-height: 1.8; }
.lh-small  { line-height: 1.2; }

.bold       { font-weight: bold !important; }
.normal     { font-weight: normal !important; }
.capitalize { text-transform: capitalize !important; }
.uppercase  { text-transform: uppercase !important; }
.lowercase  { text-transform: lowercase !important; }

/* ========================================================================
 15) OPTIONAL GLOBAL TYPOGRAPHY OVERRIDES
======================================================================== */
:root {
--opt-global-font-size: 100%;
--opt-global-line-height: 150%;
--opt-global-text-color: inherit;
}
.global-typography * {
font-size: var(--opt-global-font-size) !important;
line-height: var(--opt-global-line-height) !important;
color: var(--opt-global-text-color) !important;
}

/* ========================================================================
 MODERN HEADER STYLING
======================================================================== */
.page-header {
width: 100%;
margin-top: -15px;
margin-bottom: 40px;
position: relative;
text-align: left;
}

.page-header-portfolio {
width: 100%;
margin-top: 5px;
margin-bottom: 30px;
position: relative;
text-align: left;
}

.breadcrumbs {
margin: 0 0 15px 0;
}
.breadcrumbs ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
}
.breadcrumbs li {
display: inline-flex;
align-items: center;
font-size: 0.9rem;
color: #666;
}
.breadcrumbs li a {
color: #004B7C;
text-decoration: none;
transition: color 0.2s ease;
}
.breadcrumbs li a:hover {
color: #003559;
text-decoration: underline;
}
.breadcrumbs li:not(:last-child)::after {
content: "›";
margin: 0 8px;
color: #999;
font-size: 1rem;
}

.page-header h1, .page-header-portfolio h1 {
font-family: "Raleway", sans-serif;
font-size: 2.75rem;
font-weight: 600;
color: #004B7C;
margin: 0 0 15px 0;
padding: 0;
letter-spacing: -0.01em;
line-height: 1.2;
text-align: left;
}
.header-separator {
height: 3px;
background: linear-gradient(to right, #004B7C 30%, rgba(0, 75, 124, 0.1) 80%);
margin: 0;
border: none;
border-radius: 1.5px;
width: 100%;
}

@media (max-width: 768px) {
.page-header {
  margin-top: -10px;
}
.page-header-portfolio {
	margin-top: 0px;
}
.page-header h1, .page-header-portfolio h1 {
  font-size: 2.25rem;
}
.breadcrumbs li {
  font-size: 0.85rem;
}
.header-separator {
  width: 350px;
}
}
@media (max-width: 480px) {
.page-header {
  margin-top: -5px;
}
.page-header-portfolio {
	margin-top: 5px;
}
.page-header h1, .page-header-portfolio h1 {
  font-size: 1.8rem;
}
.breadcrumbs li {
  font-size: 0.8rem;
}
.header-separator {
  width: 280px;
}
}

/* ========================================================================
 MODERN FORM STYLING (Bond Database)
======================================================================== */
.frametables-bsearch {
background-color: #ffffff;
border-radius: 8px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
padding: 24px;
margin-bottom: 32px;
width: 100%;
box-sizing: border-box;
border: 1px solid #e0e0e0;
}

/* Remove all table styling inside the form container */
.frametables-bsearch table,
.frametables-bsearch tr,
.frametables-bsearch td,
.frametables-bsearch th,
#BDTable,
#BDTable tr,
#BDTable td,
.bidtitles,
.bidtitles tr,
.bidtitles td {
border: none !important;
background: none !important;
padding: 0;
margin: 0;
}

/* Form controls */
.frametables-bsearch select,
.frametables-bsearch input[type="text"] {
width: 100%;
padding: 8px 12px;
margin-bottom: 16px;
font-size: 14px;
border: 1px solid #e0e0e0;
border-radius: 4px;
background-color: #fff;
height: 40px;
box-sizing: border-box;
}

/* Labels */
.frametables-bsearch label {
display: block;
margin-bottom: 8px;
font-size: 16px;
color: #505050;
font-weight: 500;
}

/* Checkboxes */
.frametables-bsearch input[type="checkbox"] {
margin-right: 8px;
vertical-align: middle;
}
.frametables-bsearch input[type="checkbox"] + label {
font-weight: normal;
display: inline-block;
margin-bottom: 12px;
}

/* Buttons */
.frametables-bsearch button {
background-color: #1976d2;
color: white;
border: none;
border-radius: 4px;
padding: 8px 16px;
margin-right: 8px;
font-size: 14px;
font-weight: 500;
cursor: pointer;
min-width: 80px;
}
.frametables-bsearch button:hover {
background-color: #1565c0;
}

/* Layout structure inside #BDTable */
#BDTable td.sele,
#BDTable td.selefr {
display: block;
width: 100%;
}
#BDTable td.g1,
#BDTable td.g2,
#BDTable td.g3 {
display: block;
width: 100%;
margin-bottom: 8px;
}

/* Instruction text in .bidtitles p */
.bidtitles p {
border-bottom: 1px solid #eeeeee;
font-size: 14px;
color: #505050;
}

/* Series/CUSIP search boxes */
.seriescusip {
margin-bottom: 16px;
width: 100%;
}
.seriescusip > div {
width: 100% !important;
float: none !important;
margin: 0 0 8px 0 !important;
text-align: left !important;
}

/* Button container */
.seriescusipbtn {
text-align: center;
margin-top: 24px;
}

/* Mobile optimizations for the form */
@media screen and (max-width: 767px) {
#BDTable td.sele label,
#BDTable td.selefr label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  display: block;
  font-size: 16px;
  margin-bottom: 10px;
}
#BDTable td.sele select,
#BDTable td.selefr select {
  width: 100%;
  font-size: 16px;
  height: 48px;
  padding: 10px 12px;
  margin-bottom: 20px;
  display: block;
}
#BDTable td.sele,
#BDTable td.selefr {
  margin-bottom: 24px;
}
}

/* Desktop layout for #BDTable form */
@media screen and (min-width: 768px) {
#BDTable td.sele,
#BDTable td.selefr {
  display: inline-block;
  width: 48%;
  vertical-align: top;
}
#BDTable td.g1,
#BDTable td.g2,
#BDTable td.g3 {
  display: inline-block;
  width: 32%;
  vertical-align: top;
}
.seriescusip {
  display: flex;
  align-items: center;
}
.seriescusip > div:first-child {
  width: 30% !important;
  text-align: right !important;
  padding-right: 16px;
  margin: 0 !important;
}
.seriescusip > div:last-child {
  width: 70% !important;
  margin: 0 !important;
}
}

@media screen and (max-width: 480px) {
.frametables-bsearch {
  padding: 20px 16px;
}
.frametables-bsearch button {
  width: 100%;
  margin: 8px 0;
  height: 44px;
  font-size: 15px;
}
}

/* Additional styling for #BondTable, etc. */

/* 1) Force-remove any inline row background colors on #BondTable */
#BondTable tr[style] {
  background-color: transparent !important;
}

/* 2) Apply your own zebra striping on the BondTable body */
#BondTable tbody tr:nth-child(odd) {
  background-color: #fff !important;
}
#BondTable tbody tr:nth-child(even) {
  background-color: #fafafa !important; /* light greyish for even rows */
}

/* 3) Hover highlight for all rows */
#BondTable tbody tr:hover {
  background-color: #f2f2f2 !important; /* slightly darker grey on hover */
}

/* 4) (Optional) If you want the table header to have a specific color: */
#BondTable thead th {
  background-color: #ebf5fc !important; /* light blue */
  color: #333 !important;
  font-weight: 600;
  border-bottom: 2px solid #3498db !important; /* thin blue border */
}


/* Keep scrolling behavior for mobile on .table-container as well */
@media screen and (max-width: 767px) {
.table-container {
  overflow-x: auto !important;
  display: block !important;
}
.frametables-bsearch {
  border: 2px solid #e0e0e0;
  padding: 20px 16px 40px;
}
.seriescusip:nth-child(2) {
  margin-top: 50px !important;
}
.seriescusip input[type="text"] {
  height: 44px !important;
}
.seriescusipbtn {
  margin-top: 70px !important;
  padding-top: 20px !important;
  padding-bottom: 15px !important;
}
.seriescusipbtn button {
  margin-bottom: 15px;
  min-height: 44px;
}
}

/* Ensure everything works on smaller screens */
@media screen and (max-width: 480px) {
.frametables-bsearch {
  padding: 20px 16px 50px;
}
.seriescusip:nth-child(2) {
  margin-top: 50px !important;
}
.seriescusipbtn {
  margin-top: 70px !important;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  border-top: 1px solid transparent !important;
}
.seriescusipbtn button {
  display: inline-block !important;
  width: auto !important;
  margin: 0 8px 15px !important;
  min-height: 44px !important;
  padding: 10px 16px !important;
}
}

@media screen and (max-width: 768px) {
.mobile-menu a {
  text-decoration: none !important;
}
}

footer a {
text-decoration: none !important;
}

/* End of final merged CSS */