/* Required */
/* Set up flexible containers */
.interactive-container,
.cnn-outbrain,
#comments,
#disqus_thread {
  margin: 0 auto;
  width: 95%;
  max-width: 980px; }

/* social buttons to right */
.c_share_container {
  float: right; }

h1 {
  font-size: 36px;
  line-height: 40px;
  padding: 10px 0 0;
  font-weight: 400; }

h2 {
  font-size: 18px;
  line-height: 28px;
  font-weight: 500; }

p {
  font-size: 14px;
  line-height: 18px;
  padding: 0 10px 18px 0; }

/*
    HEADER
*/
.cnn-skinny-header {
  background-color: #ca0002;
  color: #fff;
  margin: 0;
  padding: 0;
  height: 35px; }

.header-container {
  width: 95%;
  max-width: 980px;
  position: relative;
  text-align: center;
  margin: 0 auto;
  padding: 0;
  line-height: 100%; }

a.header-link {
  position: absolute;
  left: 0;
  top: 10px;
  color: #fff;
  font-size: 11px;
  font-weight: bold; }
  a.header-link:hover, a.header-link:active, a.header-link:visited {
    color: #fff; }

.logo-link img {
  width: 51px;
  height: 35px; }

/*
    FOOTER
*/
.footer {
  clear: both;
  margin: 20px 0 0 0;
  width: 100%;
  padding: 0;
  text-align: center; }

.footer-container {
  width: 95%;
  max-width: 980px;
  border-top: 10px solid #ca0002;
  margin: 0 auto;
  padding-top: 10px;
  padding-bottom: 20px;
  margin-bottom: 0;
  text-align: left; }
  .footer-container p {
    display: inline-block;
    color: #666666;
    font-size: 10px;
    padding: 0;
    margin: 0; }
  .footer-container p.footer-links {
    float: right;
    display: block; }
  @media screen and (max-width: 640px) {
    .footer-container {
      width: 100%;
      border: 0;
      background-color: #e6e1df;
      padding-top: 20px;
      margin-bottom: 0; }
      .footer-container p, .footer-container p.footer-links {
        display: block;
        font-size: 12px;
        float: none;
        text-align: center;
        padding: 0;
        margin: 0; } }

/*
CNN Expansion 2.0 Colors
*/
/* Optional (uncomment if needed) */
/* @import "buttons"; */
body {
  background-color: #fefefe;
  margin: 0;
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  color: #0c0c0c; }

.cnnint-timestamp {
  color: #737373;
  padding: 4px 0;
  display: block; }

.source {
  font-size: 12px;
  color: #595959;
  text-align: right; }

.contrib {
  font-size: 12px;
  color: #595959; }

.cnnint-section {
  padding: 0 0 20px;
  margin: 0 0 20px;
  border-bottom: 1px solid #bfbfbf; }
  .cnnint-section img {
    padding: 0; }
    .cnnint-section img.full-width {
      max-width: 980px;
      width: 100%; }
    .cnnint-section img.left {
      max-width: 640px;
      width: 60%;
      float: left;
      padding-right: 20px; }
    .cnnint-section img.right {
      max-width: 640px;
      width: 60%;
      float: right;
      padding-left: 20px; }
  .cnnint-section .cvp-video {
    height: 0;
    position: relative;
    padding-bottom: 56.25%;
    margin-bottom: 20px; }
    .cnnint-section .cvp-video div {
      height: auto;
      max-width: 100%;
      width: 100%; }
    .cnnint-section .cvp-video video, .cnnint-section .cvp-video iframe, .cnnint-section .cvp-video object {
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%; }

#interactiveGraphic {
  width: 100%;
  margin: 25px auto 0px auto;
  font-family: 'Helvetica', 'Arial', sans-serif; }

#world-map {
  display: block; }

#ebola-list {
  display: none; }

.jvectormap-label {
  position: absolute;
  display: none;
  border: solid 0px #CDCDCD;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  background: none;
  color: white;
  font-family: sans-serif, Verdana;
  font-size: smaller;
  padding: 1px; }

.jvectormap-zoomin, .jvectormap-zoomout {
  position: absolute;
  left: 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #292929;
  padding: 3px;
  color: white;
  width: 10px;
  height: 10px;
  cursor: pointer;
  line-height: 10px;
  text-align: center; }

.jvectormap-zoomin {
  top: 10px; }

.jvectormap-zoomout {
  top: 30px; }

.tooltip {
  position: absolute;
  background: url("http://i.cdn.turner.com/money/interactive/news/aging-countries/assets/tooltip-white.png");
  z-index: 11;
  width: 243px;
  height: 140px;
  font-family: "Helvetica Neue", "Arial", sans-serif;
  margin-left: -108px;
  margin-top: -130px; }

.tooltip .ttText {
  width: 280px;
  margin-top: 24px;
  line-height: 22px;
  font-size: 16px;
  color: #555; }

.tooltip .ttText .ttName {
  width: 243px;
  font-size: 16px;
  color: #666;
  text-align: left;
  margin-left: 30px;
  color: #333333;
  font-weight: bold; }

.tooltip .ttText .ttState {
  width: 243px;
  font-size: 22px;
  color: #444;
  text-align: left;
  margin-left: 30px;
  color: #333333;
  margin-top: 10px;
  line-height: 20px; }

.tooltip .ttFade {
  color: #999; }

.tooltip .ttResize {
  font-size: 14px;
  margin-top: 10px;
  color: #999; }

#world-map-key {
  position: absolute;
  top: 500px;
  float: left;
  width: 100px; }

.key-wrap {
  float: left;
  width: 100px;
  margin-top: 3px; }

.keys-all {
  width: 15px;
  height: 15px;
  float: left; }

#key-one {
  background: #730727; }

#key-two {
  background: #de5729; }

#key-thr {
  background: #f9a467; }

#key-for {
  background: #e5c69f; }

.key-text {
  font-size: 14px;
  color: #555;
  margin-left: 7px;
  width: 75px;
  float: left;
  margin-top: -1px; }

@media screen and (max-width: 480px) {
  #world-map {
    display: none; }

  #ebola-list {
    display: block; }
    #ebola-list .country-block {
      padding-bottom: 12px; }
      #ebola-list .country-block ul {
        list-style-type: none; }
        #ebola-list .country-block ul li {
          font-size: 14px;
          line-height: 16px;
          padding-left: 10px; }

  h1 {
    font-size: 28px;
    line-height: 32px;
    padding: 10px 0 0;
    font-weight: 400;
    clear: both; }

  .cnnint-section img {
    padding: 10px 0; }
    .cnnint-section img.full-width {
      max-width: 480px;
      width: 100%; }
    .cnnint-section img.left, .cnnint-section img.right {
      max-width: 480px;
      width: 100%;
      float: none;
      padding-right: 0px;
      padding-left: 0px; } }