body {
  font-family: Cambria, "Times New Roman", Times, serif;
  position: relative;
  margin: 0;
  font-size: 100%;
  background: #fff;
}
body.cover {
  background: #00194F;
}
#wrapper {
  margin: auto;
  max-width: 1027px;
}
p,
li {
  -epub-hyphens: none;
  -epub-ruby-position: over;
  color: #000000;
  font-family: Cambria, "Times New Roman", Times, serif;
  font-size: 1em;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1.2;
  margin-left: 0px;
  margin-right: 0px;
  text-align: justify;
  text-decoration: none;
  text-indent: 0px;
}
a:link,
a:visited {
  color: blue;
  text-decoration: underline;
}
img {
  max-width: 100%;
}
video {
  max-width: 100%;
  width: 720px;
  height: 405px;
}
ul li {
  padding: 5px;
}
abbr {
  font-weight: bold;
  color: #007dc3;
}
.abbreviations abbr {
  display: inline-block;
  width: 80px;
  text-align: right;
  padding-right: 5px;
}
h1,
h2,
h3,
h4,
.navbar,
.banner,
.subsection {
  page-break-inside: avoid;
}
h1,
h2,
h3,
h4,
h1 span,
h2 span,
h3 span,
h4 span {
  font-family: Calibri, Arial, Helvetica, sansserif;
}
h1 {
  -epub-hyphens: none;
  -epub-ruby-position: over;
  -webkit-hyphens: none;
  clear: both;
  font-size: 1.8em;
  color: #00245d;
  margin: 2px 5px 8px;
  text-align: left;
}
h1 a:hover {
  text-decoration: underline;
}
h1 a,
h1 a:visited,
h1 a:link,
h1 a span {
  color: #00245d;
  text-decoration: none;
}
h2 {
  -epub-hyphens: none;
  -epub-ruby-position: over;
  -webkit-hyphens: none;
  clear: both;
  font-size: 1.4em;
  margin: 0 5px 6px;
  color: #007dc3;
  text-align: left;
}
h3 {
  color: #29abdd;
  font-style: 1.2em;
  -epub-hyphens: none;
  -epub-ruby-position: over;
  -webkit-hyphens: none;
  clear: both;
}
h4 {
  font-size: 1.1em;
  font-style: italic;
}
a.toc-button {
  margin: 5px 15px 5px 5px;
}
.prevnext {
  display: inline;
}
.prevnext img {
  display: inline;
}
.prevnext a {
  margin: 5px 5px 5px 5px;
  width: 48px;
  height: 48px;
}
.prevnext span {
  display: none;
}
.cover {
  border: none;
}
.cover img {
  border: none;
  max-width: 1400px;
  width: 100%;
  height: 100%;
}
.banner {
  position: relative;
  background: #000;
  text-align: center;
}
.banner .navbar {
  position: absolute;
  right: 0;
  bottom: 5px;
  width: 350px;
}
.banner a img {
  border: none;
}
.banner .button img {
  width: 74px;
  height: 74px;
}
@media screen and (max-width: 575px) {
  .banner .button img {
    width: 48px;
    height: 48px;
  }
}
.banner  > img {
  width: 100%;
}
.home-link {
  float: right;
  margin-right: 5px;
}
.home-link img {
  width: 24px;
  height: 24px;
}
.toc {
  page-break-inside: auto;
  padding: 0;
  text-align: left;
  margin: 0;
}
.toc a:hover {
  text-decoration: underline;
}
.toc h1 {
  font-size: 20px;
  color: #224a9e;
  border-bottom: none;
}
.toc .level3 {
  margin-left: 30px;
}
.toc .level3 h3 {
  margin: 7px 0;
}
.toc a,
.toc a:link,
.toc a span {
  text-decoration: none;
  color: #000000;
}
.toc h2 a,
.toc h2 a:link,
.toc h2 a span,
.chap3.index .level2 a,
.chap3.index .level2 a:link,
.chap3.index .level2 a span,
.chap4.index .level2 a,
.chap4.index .level2 a:link,
.chap4.index .level2 a span {
  color: #007dc3;
  font-family: Calibri, Arial, Helvetica, sansserif;
}
.toc h3 a,
.toc h3 a:link,
.toc h3 a span,
.chap3.index .level3 a,
.chap3.index .level3 a:link,
.chap3.index .level3 a span,
.chap4.index .level3 a,
.chap4.index .level3 a:link,
.chap4.index .level3 a span {
  color: #666666;
  font-family: Calibri, Arial, Helvetica, sansserif;
}
.chap3.index .toc li,
.chap4.index .toc li {
  font-size: 1.4em;
  text-align: left;
  font-weight: normal;
  font-style: normal;
}
.chap3.index .toc li ol li,
.chap4.index .toc li ol li {
  font-size: 1em;
}
.toc,
.toc ol {
  list-style-type: none;
}
.navbar {
  margin: 0 5px;
  position: relative;
  text-align: right;
}
.navbar .logo {
  float: left;
  height: 40px;
}
.navbar ul {
  list-style: none;
  padding: 0;
  margin: 0 0 10px;
  width: 100%;
  clear: both;
}
.navbar li {
  display: inline-block;
}
.frame {
  padding: 1px 15px;
  border-left: solid 3px #007FC4;
  text-align: justify;
  background-color: #ffffff;
  margin-left: 15px;
  margin-bottom: 15px;
  -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.5);
  -moz-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.5);
  box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.5);
}
.infographic {
  width: 95%;
  max-width: 800px;
  margin: 15px auto 0;
  page-break-inside: avoid;
  text-align: center;
  border: solid 5px #FFF;
  background-color: #fff;
  -webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.5);
  -moz-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.5);
  box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.5);
}
.infographic img {
  width: 100%;
  max-width: 800px;
  margin-bottom: 2px;
}
.infographic p {
  margin: 0;
  padding: 0;
}
.infographic em {
  font-size: 11px;
}
.photo {
  width: 95%;
  margin: 15px auto;
  page-break-inside: avoid;
  text-align: center;
}
.photo img {
  width: 100%;
  max-width: 800px;
}
.photo.small {
  max-width: 40%;
}
.photo.vertical {
  max-width: 350px;
}
.centered {
  text-align: center;
}
.pagecontent {
  margin: 0 0 15px;
  padding: 10px 10px;
  border-radius: 0 0 8px 8px;
  background-color: #fafafa;
  border-left: solid 3px #666666;
  border-bottom: solid 3px #666666;
  /* Smartphones (portrait and landscape) ----------- */

  /* iPads (portrait and landscape) ----------- */

}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px), only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .pagecontent {
    background-color: #f2f2f2;
  }
}
.pagecontent ul {
  padding-left: 10px;
}
.pagecontent ul > li {
  background: url("../Images/bullet.gif") no-repeat left 9px;
  padding-left: 24px;
  display: block;
}
.pagecontent ul > li > ul > li {
  background: url("../Images/bullet2.gif") no-repeat left 9px;
}
.pagecontent ul.footnotes > li {
  background: none;
  padding-left: 0;
}
.pagecontent .navbar {
  text-align: left;
  max-width: 900px;
  clear: both;
}
.pagecontent .navbar a img {
  border: none;
}
.pagecontent .navbar .area-link {
  background: none;
  padding: 0;
  display: inline-block;
  width: 25%;
}
.pagecontent .navbar .area-link a img {
  display: block;
  width: 100%;
}
.index .pagecontent,
.copyright .pagecontent {
  border-right: solid 3px #666666;
  border-top: solid 3px #666666;
}
.infographic-table {
  max-width: 700px;
  margin: auto;
  page-break-inside: avoid;
}
.infographic-table table {
  width: 100%;
  border: solid 1px #A8B0B8;
  border-collapse: collapse;
  background-color: #fff;
}
.infographic-table th {
  background-color: #06265B;
  text-align: left;
  padding: 0 10px;
  font-weight: bold;
  border: none;
  border-bottom: solid 2px #999;
}
.infographic-table th p {
  margin: 15px 0 5px;
  color: #fff;
  font-weight: bold;
}
.infographic-table td {
  border-bottom: solid 1px #A8B0B8;
  padding: 5px 10px;
}
.infographic-table td p {
  padding: 2px 0;
  margin: 0;
}
.infographic-table td.motivation {
  color: #000;
  font-weight: bold;
  border-right: solid 1px #A8B0B8;
}
.infographic-table td.motivation p {
  font-weight: bold;
}
.infographic-table td.scamtype {
  color: #0077BD;
}
.infographic-table td.scamtype p {
  text-align: left;
}
.infographic-table td.zebra {
  background-color: #FAFAFA;
}
.footnoteref {
  font-size: 0.8em;
  vertical-align: super;
}
.footnotes {
  -epub-hyphens: none;
  font-size: 0.8em;
  list-style: none;
  padding: 0;
  margin: 0;
}
.footnotes li {
  -epub-hyphens: none;
  -epub-ruby-position: over;
  text-align: left;
}
.footnotes li p {
  margin: 2px;
}
.footnotes li a {
  word-break: break-all;
  text-align: left;
}
.footnotes li a:first-child {
  display: inline-block;
  text-align: right;
  margin-right: 5px;
}
.indent {
  padding-left: 45px;
}
ul.recommendations li {
  padding-bottom: 10px;
}
.executivesummary .pagecontent {
  background-color: #fefcf6;
  border-left-color: #f1dc8e;
  border-bottom-color: #f1dc8e;
  /* Smartphones (portrait and landscape) ----------- */

  /* iPads (portrait and landscape) ----------- */

}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px), only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .executivesummary .pagecontent {
    background-color: #f9f1d2;
  }
}
.executivesummary .frame {
  border-left-color: #aaaaaa;
}
.keyfindings .pagecontent {
  background-color: #f9fafb;
  border-left-color: #c0cdd3;
  border-bottom-color: #c0cdd3;
  /* Smartphones (portrait and landscape) ----------- */

  /* iPads (portrait and landscape) ----------- */

}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px), only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .keyfindings .pagecontent {
    background-color: #e1e7ea;
  }
}
.keyfindings .frame {
  border-left-color: #aaaaaa;
}
.keyreco .pagecontent {
  background-color: #fffdfa;
  border-left-color: #f5ac51;
  border-bottom-color: #f5ac51;
  /* Smartphones (portrait and landscape) ----------- */

  /* iPads (portrait and landscape) ----------- */

}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px), only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .keyreco .pagecontent {
    background-color: #fef3e7;
  }
}
.keyreco .frame {
  border-left-color: #aaaaaa;
}
.chap1 .pagecontent {
  background-color: #f6fafc;
  border-left-color: #9ac5d8;
  border-bottom-color: #9ac5d8;
  /* Smartphones (portrait and landscape) ----------- */

  /* iPads (portrait and landscape) ----------- */

}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px), only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .chap1 .pagecontent {
    background-color: #d1e5ed;
  }
}
.chap1 .frame {
  border-left-color: #aaaaaa;
}
.chap2 .pagecontent {
  background-color: #fefcfa;
  border-left-color: #e5cca3;
  border-bottom-color: #e5cca3;
  /* Smartphones (portrait and landscape) ----------- */

  /* iPads (portrait and landscape) ----------- */

}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px), only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .chap2 .pagecontent {
    background-color: #fbf8f3;
  }
}
.chap2 .frame {
  border-left-color: #aaaaaa;
}
.chap3 .pagecontent {
  background-color: #fff;
  background-image: url(../Images/bg-chap3.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
}
.chap3.view1 .pagecontent,
.chap3.view2 .pagecontent,
.chap3.view3 .pagecontent,
.chap3.view4 .pagecontent {
  background-image: none;
  background-color: #fbfeff;
  border-left-color: #007dc3;
  border-bottom-color: #007dc3;
  /* Smartphones (portrait and landscape) ----------- */

  /* iPads (portrait and landscape) ----------- */

}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px), only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .chap3.view1 .pagecontent,
  .chap3.view2 .pagecontent,
  .chap3.view3 .pagecontent,
  .chap3.view4 .pagecontent {
    background-color: #f6fcff;
  }
}
.chap3.view1 .frame,
.chap3.view2 .frame,
.chap3.view3 .frame,
.chap3.view4 .frame {
  border-left-color: #aaaaaa;
}
.chap4 .pagecontent {
  background-color: #fff;
  background-image: url(../Images/bg-chap4.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
}
.chap4.view1 .pagecontent,
.chap4.view2 .pagecontent,
.chap4.view3 .pagecontent,
.chap4.view4 .pagecontent {
  background-image: none;
  background-color: #fdfefa;
  border-left-color: #89a62f;
  border-bottom-color: #89a62f;
  /* Smartphones (portrait and landscape) ----------- */

  /* iPads (portrait and landscape) ----------- */

}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px), only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .chap4.view1 .pagecontent,
  .chap4.view2 .pagecontent,
  .chap4.view3 .pagecontent,
  .chap4.view4 .pagecontent {
    background-color: #f9fbf2;
  }
}
.chap4.view1 .frame,
.chap4.view2 .frame,
.chap4.view3 .frame,
.chap4.view4 .frame {
  border-left-color: #aaaaaa;
}
.chap5 .pagecontent {
  background-color: #fffafb;
  border-left-color: #fc2230;
  border-bottom-color: #fc2230;
  /* Smartphones (portrait and landscape) ----------- */

  /* iPads (portrait and landscape) ----------- */

}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px), only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .chap5 .pagecontent {
    background-color: #ffebed;
  }
}
.chap5 .frame {
  border-left-color: #aaaaaa;
}
.chap6 .pagecontent {
  background-color: #fcfdfe;
  border-left-color: #bdceec;
  border-bottom-color: #bdceec;
  /* Smartphones (portrait and landscape) ----------- */

  /* iPads (portrait and landscape) ----------- */

}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px), only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .chap6 .pagecontent {
    background-color: #e1e8f6;
  }
}
.chap6 .frame {
  border-left-color: #aaaaaa;
}
.chap7 .pagecontent {
  background-color: #f7f4f7;
  border-left-color: #c1afc2;
  border-bottom-color: #c1afc2;
  /* Smartphones (portrait and landscape) ----------- */

  /* iPads (portrait and landscape) ----------- */

}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px), only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .chap7 .pagecontent {
    background-color: #eee9ee;
  }
}
.chap7 .frame {
  border-left-color: #aaaaaa;
}
.appendix-index .pagecontent {
  background-color: #fff;
  background-image: url(../Images/bg-appendix.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position-y: top;
}
.appendix .pagecontent {
  background-color: #fbfbfb;
  border-left-color: #888888;
  border-bottom-color: #888888;
  /* Smartphones (portrait and landscape) ----------- */

  /* iPads (portrait and landscape) ----------- */

}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px), only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .appendix .pagecontent {
    background-color: #e9e9e9;
  }
}
.appendix .frame {
  border-left-color: #aaaaaa;
}
.tocmain .pagecontent {
  background-image: url(../Images/bg-toc.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 5px 10px;
  margin: 0;
}
.tocmain h2 {
  margin: 0;
}
.video-poster {
  text-align: center;
}
body:after {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0px;
  left: 0px;
}
