dl.dl-accordion {
  margin: 0;
}
dl.dl-accordion dt,
dl.dl-accordion dd {
  margin: 0;
}
dl.dl-accordion .accordion-indicator {
  border-right-width: 2px;
  border-right-style: solid;
  border-right-color: white;
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: white;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 150%;
  font-weight: bold;
  background-color: darkblue;
  color: white;
  min-width: 15px;
  text-align: center;
}
dl.dl-accordion .accordion-indicator:before {
  content: '+';
}
dl.dl-accordion.active .accordion-indicator:before {
  content: '-';
}

ul.square-mark-list {
  list-style-type: none;
}
ul.square-mark-list li:before {
  content: "■ ";
  font-weight: bold;
  font-size: 120%;
}
ul.flowerMarkList {
  list-style-type: none;
}
ul.flowerMarkList li:before {
  content: "※ ";
  font-weight: bold;
  font-size: 120%;
}
ul.unstyledList {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

table.solid-lines-table {
  width: auto;
}
table.solid-lines-table th,
table.solid-lines-table td {
  border: 1px solid black;
  vertical-align: middle;
  text-align: center;
  padding: .5em;
}

.exchange-rates-content table {
  width: auto;
}
.exchange-rates-content .buy-sell-section-title,
.exchange-rates-content .warningSectionTitle {
  font-weight: bold;
  margin-bottom: 2%;
  padding-top: 2%;
  padding-bottom: 2%;
  font-size: 120%;
}
.exchange-rates-content .buy-sell-section-title {
  background-color: powderblue;
  padding-left: 2%;
}
.exchange-rates-content .warningSectionTitle {
  border-bottom-style: solid;
  border-bottom-width: 3px;
  border-bottom-color: darkblue;
  border-left-style: solid;
  border-left-width: 3px;
  border-left-color: darkblue;
  margin-left: 1%;
  padding: 1%;
}
.exchange-rates-content div.rates-container {
  display: inline-block;
  width: 100%;
}
.exchange-rates-content div.rates-container .rate-section {
  background-color: lightblue;
  padding: 1%;
  border-color: darkblue;
  border-style: solid;
  border-width: 2px;
  display: inline-block;
  width: 60%;
}
.exchange-rates-content div.rates-container .rate-section .rate-data-place-holder {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}
.exchange-rates-content div.rates-container .rate-section .rate-data-place-holder .rate-date {
  padding-left: 3%;
  padding-right: 3%;
}
.exchange-rates-content div.rates-container .rate-section .rate-data-place-holder div.exchange-rate-value {
  font-weight: bold;
  font-size: 130%;
  color: red;
  display: inline-block;
}
.exchange-rates-content section {
  margin-bottom: 4%;
}
.exchange-rates-content section>*:not(h3) {
  margin-left: 5%;
}
.exchange-rates-content .loading * {
  display: none !important;
}
.exchange-rates-content .past-rates-table {
  margin-top: 1%;
}
.exchange-rates-content .past-rates-table td,
.exchange-rates-content .past-rates-table th {
  padding: 5px 10px;
}
.exchange-rates-content .past-rates-section-title {
  min-width: 50%;
  background-color: lightblue;
  font-weight: bold;
  margin-top: 1%;
  margin-bottom: 20px;
  display: table-row;
  cursor: pointer;
}
.exchange-rates-content .past-rates-section-title:hover .past-rates-section-title-text {
  text-decoration: underline;
}
.exchange-rates-content .past-rates-section-title div {
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 5px;
}
.exchange-rates-content noscript {
  font-weight: bold;
  font-size: 150%;
  color: red;
}

.customer-mva-rates-content table {
  width: auto;
}
.customer-mva-rates-content .section-title {
  font-weight: bold;
  margin-top: 2%;
  margin-bottom: 2%;
  padding-top: 2%;
  padding-bottom: 2%;
  font-size: 120%;
  background-color: powderblue;
  padding-left: 2%;
}
.customer-mva-rates-content h3 {
  font-weight: bold;
  font-size: 120%;
  background-color: powderblue;
  padding-left: 2%;
  width: 60%;
  padding-top: 1%;
  padding-bottom: 1%;
}
.customer-mva-rates-content .rate-value {
  display: inline-block;
  font-weight: bold;
  padding-left: 10%;
}
.customer-mva-rates-content table th {
  padding: 5px;
  background-color: lightgray;
  white-space: nowrap;
}
.customer-mva-rates-content .guaranteed-rate {
  font-weight: bold;
}
.customer-mva-rates-content .guaranteed-rates-list.loading {
  width: 60%;
  height: 30px;
}
.customer-mva-rates-content .loading>* {
  display: none !important;
}
.customer-mva-rates-content #rates-applicable-date,
.customer-mva-rates-content .rates-applicable-date {
  font-weight: bold;
  font-size: 120%;
  text-decoration: underline;
  display: inline-block;
}
.customer-mva-rates-content #rates-applicable-date.loading {
  min-width: 33%;
  min-height: 20px;
}
.customer-mva-rates-content ul {
  padding: 0;
}

.prospectsMvaRatesContent .section-title {
  font-weight: bold;
  margin-top: 2%;
  margin-bottom: 2%;
  padding-top: 2%;
  padding-bottom: 2%;
  font-size: 120%;
  background-color: powderblue;
  padding-left: 2%;
}
.prospectsMvaRatesContent div.rate-section {
  background-color: lightblue;
  padding: 1%;
  margin-left: 5%;
  border-color: darkblue;
  border-style: solid;
  border-width: 2px;
  display: inline-block;
  width: 60%;
}
.prospectsMvaRatesContent div.rate-section .rate-data-place-holder {
  padding-left: 10%;
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}
.prospectsMvaRatesContent div.rate-section .rate-data-place-holder .rate-value {
  display: inline-block;
  font-weight: bold;
  font-size: 110%;
  padding-left: 10%;
}
.prospectsMvaRatesContent .loading>* {
  display: none !important;
}
.prospectsMvaRatesContent #rates-applicable-date,
.prospectsMvaRatesContent .rates-applicable-date {
  font-weight: bold;
  font-size: 120%;
  text-decoration: underline;
  display: inline-block;
  min-width: 33%;
  min-height: 20px;
}
.prospectsMvaRatesContent ul {
  padding: 0;
}

.savingsRatesContent table {
  width: auto;
}
.savingsRatesContent div#rates-applicable-date,
.savingsRatesContent .rates-applicable-date {
  font-weight: bold;
  font-size: 120%;
  text-decoration: underline;
  display: inline-block;
}
.savingsRatesContent h1 {
  font-weight: bold;
  margin-bottom: 2%;
  padding-top: 2%;
  padding-bottom: 2%;
  font-size: 120%;
  background-color: lightblue;
  padding-left: 2%;
}
.savingsRatesContent #rates-applicable-date.loading {
  width: 33%;
  min-height: 20px;
}
.savingsRatesContent .historicalRates.loading {
  display: none;
}
.savingsRatesContent .interestRatesTable {
  margin-left: 5%;
}
.savingsRatesContent th,
.savingsRatesContent td {
  border: 1px solid black;
  vertical-align: middle;
  text-align: center;
  padding: .5em;
}
.savingsRatesContent th {
  background-color: lightblue;
  padding: .5em;
}
.savingsRatesContent noscript {
  font-weight: bold;
  font-size: 150%;
  color: red;
}
.savingsRatesContent ul {
  padding: 0;
}

.unitPricePagesContent .section-title {
  font-weight: bold;
  margin-bottom: 2%;
  padding: 2%;
  font-size: 120%;
  background-color: lightblue;
}
.unitPricePagesContent .unitpriceProductTitle {
  font-weight: bold;
  font-size: 110%;
}
.unitPricePagesContent .tableTitle {
  font-weight: bold;
  font-size: 120%;
}
.unitPricePagesContent .tablesContainer.loading {
  width: 50%;
  height: 50px;
  border-style: dashed;
  border-width: 1px;
}
.unitPricePagesContent .tablesContainer.loading>* {
  display: none;
}
.unitPricePagesContent th {
  padding: 10px;
}
.unitPricePagesContent td {
  padding-left: 10px;
  padding-right: 10px;
}
.unitPricePagesContent h3 {
  text-decoration: underline;
}
.unitPricePagesContent .priceDateCell {
  background-color: #dbe0ef;
}
.unitPricePagesContent .priceTypeCell {
  background-color: #7489af;
  color: white;
  font-weight: lighter;
  font-size: 110%;
}
.unitPricePagesContent .pageTopLink {
  background-color: #dbe0ef;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  display: block;
  text-align: center;
}
.unitPricePagesContent #historicalGraph {
  width: 60%;
  border-style: dashed;
  border-width: 1px;
  padding: 2%;
}
.unitPricePagesContent #historicalGraph.loading {
  height: 50px;
}
.unitPricePagesContent #historicalGraph canvas {
  width: 100%;
}
.unitPricePagesContent #historicalGraph .chartLegend {
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 110%;
}