/* ------------ Housekeeping  */

.cf:before, .cf:after {content: " "; /* 1 */ display: table; /* 2 */ }
.cf:after { clear: both; }
#mia { position: relative; }
.whitney { font-family: 'Whitney SSm A', 'Whitney SSm B', Arial, sans-serif; }
.print-only { display: none !important; }
.like-this { display: none; }
* { -webkit-text-size-adjust: none; }
.wrapper.wFull { display: none; }

/* ------------ Nav  */

#nav li .series_bar_social span.ss-icon a {
  padding: 3px 8px 0px;
  color: #999;
  font-size: 11px;
}

#nav li .series_bar_social span.ss-icon {
  font-size: 11px;
  color: #999;
  min-width: 15px;
display: inline-block;
}

#nav li .series_bar_social span.ss-icon:hover, #nav li .series_bar_social span.ss-icon:hover a {
  color: black;
}


/* ------------ Stars  */

#mia .stars {
  width: 960px;
  word-wrap: break-word;
  color: #ccc;
  top: 20px;
  position: relative;
  margin-bottom: 28px;
}

#mia .source {
  color: #888;
  font-style: italic;
  margin: 0 0 20px;
  font-size: 12px;
}

#mia .legend {
  color: #363636;
  font-family: 'Whitney SSm A', 'Whitney SSm B', Arial, sans-serif;
  font-weight: bold;
}

#mia .legend span { color: #ccc; }

#mia .stars .label {
  color: #363636;
  font-family: 'Whitney SSm A', 'Whitney SSm B', Arial, sans-serif;
  font-weight: bold;
}

#mia .stars .counts {
  font-size: 10px;
}

.one, .two, .three {
  margin: 0 0 16px 0;
}

#mia .insert_container h2 {
  font-family: 'Whitney SSm A', 'Whitney SSm B', Arial, sans-serif;
  font-weight: bold;
}

#mia .insert_container .info-stars {
  color: #CCC;
  font-size: 22px;
  padding-top: 0px;
  margin-top: 0px !important;
  letter-spacing: 7px;
  line-height: 28px;
}

#mia .insert_container .info-stars span {
  color: #D6B70E;
}

#mia .insert_container .info-stars span.old {
  display: none;
}

#mia .lead-art {
  margin: 0 0 20px;
}

#mia #grave-717 {
  width: 300px;
}

#mia #grave-717 div {
  position: relative;
}

#mia #grave-717 .insert div {
  margin-bottom: 35px;
}

#mia #grave-717 .insert div p {
  font-weight: bold;
  margin: 10px 0 0 0;
}

#mia #grave-717 .marker {
  position: absolute;
}

#mia #grave-717 div p.anno {
  width: 180px;
  font-weight: 700;
  position: relative;
  left: 116px;
  top: -5px;
  font-size: 12px;
}


#mia .starter.article_body {
  width: 70%;
  margin: 0 auto;
  float: none;
}

#mia .splash {
    position: relative;
}

#mia .splash .splash-img {
  top: 0px;
  margin-bottom: 10px
}

#mia span.blue-cursor {
  cursor: pointer;
  color: #85ADCC;
  font-weight: bold;
}

#mia .lead_text {
z-index: 1;
position: absolute;
padding-top: 26px;
-webkit-text-stroke: 1px transparent;
-webkit-font-smoothing: antialiased;
top: 10%;
left: 108px;
width: 510px;
}

#mia.letters .lead_text {
width: 100%;
}

#mia .lead_text p {
  font-size: 85px;
  font-weight: normal;
  font-family: "ff-meta-serif-web-1","ff-meta-serif-web-2","Georgia",serif;
  margin: 330px 0 0px;
  text-align: left;
  color: #FFF;
  line-height: 80px;
}

#mia .lead_text p {
  font-size: 70px;
  line-height: 74px;
}

#mia .stars-col {
  float: left;
  margin: 5px 40px 0 0;
  width: 75px;
  color: #DDD;
  word-wrap: break-word;
  font-size: 9px;
  position: relative;
}

.stars-fixie {
  position: absolute;
  left: -100px;
  width: 80px;
}


#mia .article_text {
  margin: 0px 0px 100px;
  width: 600px;
  float: left;
}

.further-reading {
  margin: auto;
  display: inline-block;
}


#mia .soundcite-loaded {
  border-radius: 3px;
padding: 0 5px 0 5px;
display: inline-block;
cursor: pointer;
background: #f1eee6;
line-height: 1.3em;
}
#mia #hutto-promo .insert{
background: #f7f7f7;
border: 0px;
display: inline-block;
}

#mia #hutto-promo .hutto-box span {
font-weight: 200;
clear: both;
display: block;
font-size: 18px;
font-style: italic;
padding-top: 10px;
}

#mia #hutto-promo .hutto-box span:first-letter {
  margin-left:-7px;
}

#mia #hutto-promo .hutto-box {
  float: left;
  margin-left:20px;
  max-width: 200px
}
#mia #hutto-promo .hutto-box:last-child {
  margin:10px 20px 0px 20px;
}
#mia .hutto-box img {
  width:200px;
}

#mia .soundcite:hover.soundcite-loaded {
background: #e3e0da;
}


#mia .soundcite-play:before {
font-size: 0.8em;
position: relative;
top: -.15em;
border: 0.5em solid transparent;
left: .15em;
border-left: 0.75em solid #666 !important;
}

#mia .soundcite-play:hover:before {
border-left: 0.75em solid #444 !important;
}

#mia .soundcite-pause:before {
border-left: .75em double #666 !important;
top:-.2em;
height:.9em;
left: .15em;
}

#mia .soundcite-pause:hover:before {
border-left: .75em double #444 !important;
}



#comment_box {
clear: both;
margin: 10px auto;
width: 100%;
}

#content .wrapper {
  border-right: 0px !important;
}

#mia #mia-takeaways p span:first-child {
font-size: 18px;
font-weight: 700;
margin-right: 5px;
position: relative;
top: 2px;
}

#mia .insert_container.right_insert.no-top-line, #mia .narrower_text .insert_container.right_insert.no-top-line {
  margin-top:-40px;
}

#mia .insert_container.right_insert.no-top-line .insert{
  padding-top:0px;
  border-top:0px;
}

/*#mia-takeaways p span {
font-size: 18px;
font-weight: 700;
margin: 1px 0px 0px -15px;
left: -5px;
position: relative;
width: 15px;
display: block;
float: left;
}*/

#mia .embed_container_overlay {
  position: absolute;
  background: white;
  opacity: 0.35;
  width: inherit;
  height: inherit;
  text-align: center;
  top: 0;
  cursor: pointer;
  transition: all 0.10s ease-in-out;
  -webkit-transition: all 0.10s ease-in-out;
  -moz-transition: all 0.10s ease-in-out;
  -o-transition: all 0.10s ease-in-out;
}

#mia .article_text .full_insert .slideshow .embed_box:hover .embed_player_icon{
  opacity: 1;
}

/*.article_text .full_insert .slideshow .embed_box:hover .embed_container_overlay {
   opacity: 0;
}*/

#mia .embed_player_icon {
  background: url("https://static.propublica.org/assets/ty/play-overlay.svg") center center no-repeat transparent;
  width: 100px;
  height: 70px;
  position: absolute;
  top: 30%;
  left: 35%;
  z-index: 10;
  opacity: .4;
  cursor: pointer;
  transition: all 0.10s ease-in-out;
  -webkit-transition: all 0.10s ease-in-out;
  -moz-transition: all 0.10s ease-in-out;
  -o-transition: all 0.10s ease-in-out;
}

/*  END STYLES FOR SLIDESHOW */


#mia .further-reading {
  margin: auto
}

#mia #output {
float: left;
position: relative;
height: 429px;
width: 220px;
padding-left: 0px;
}
#mia #output .total{
  display: none;
}

#mia #output .total span{
  font-weight: bold;
  font-size: 16px
}

#mia #output p {
  float: right;
width: 110px;
clear: both;
font-family: "Helvetica Neue", Helvetica, Arial;
font-size: 13px;
text-align: right;
}

#mia #overdose-meter .total span.daily_max {
  color: #d5b612
}
#mia #overdose-meter .total span.double_max {
  color: #d17828
}
#mia #overdose-meter .total span.dead {
  color: #c20803
}


#mia #output .indv {
  font-weight: normal;
  position: absolute;
  bottom: 0px;
  font-size: 11px;
}


/* MAIN ARTICLE CSS */


#mia .article_body p.subsection {
font-family: "ff-meta-serif-web-1","ff-meta-serif-web-2","Georgia",serif;
margin-top: 40px;
display: inline-block;
font-size: 28px;
width: 100%
}


 .content-right, .content-inset, .follow_author_twitter, #content h1.article-title.title-link, .byline-block, .sidebar-inject, #google-callout{
display:none
}

.content-full {
width: 100%;
}
.content-main  {
width: 100%;
}

#content .wrapper {
  overflow:visible;
  min-width: 960px;
}

#content h1.article-title {
font-size: 30px;
font-family: Georgia, serif;
font-weight: 200;
padding-left:5px;
}
.article {
min-height:600px;
display: inline-block;
width: 100%;
}


#mia .article_body p{
  font-family: Georgia;
  line-height: 1.6em;
  font-size: 17px;
  color:#333;
  margin-bottom: 15px;
transition: all 0.10s ease-in-out;
-webkit-transition: all 0.10s ease-in-out;
-moz-transition: all 0.10s ease-in-out;
-o-transition: all 0.10s ease-in-out;
}

#mia .article_body {
position: relative;
width: 100%;
}



/*.article_text.left_justified {
  margin-left:0px;
}
*/
#mia .article_text a {
  color:#637fa4;

}

#mia .article_text .insert a.action {
  color:white;
  padding:10px;
}

#mia .social_block {
  text-align: center;
}

#mia .social_block span{
min-height: 80px;
display: block;
}

#mia .social_block div{
  display: inline-block;
}
#mia .projectx_story {
  width: 100%;
}



#mia .lead_text.behind-the-numbers p{
  text-shadow: 10px 2px 20px #000;
}

#projectx.hutto .lead_text {
  bottom: 65%;
}



#mia .lead_text span {
font-size: 20px;
color: #fff;
padding: 5px 5px 20px;
display: inline-block;
opacity: .8;
font-family: 'Whitney SSm A', 'Whitney SSm B', Arial, sans-serif;
font-weight: 400;

}



#mia h3{
font-family: "ff-meta-serif-web-1","ff-meta-serif-web-2","Georgia",serif;
font-weight: normal;
font-size: 24px;
margin-bottom: 0px;
line-height: 1.5em;
-webkit-font-smoothing: antialiased;
}

#mia h4{
font-family: Arial;
font-size: 11px;
text-transform: uppercase;
color: white;
background: #b64926;
padding: 6px 8px;
display: inline-block;
border-radius: 3px;
font-weight: normal;
letter-spacing: 1px;
}

#mia h6, #mia .right_insert h6{
  font-family: 'Whitney SSm A', 'Whitney SSm B', Arial, sans-serif;
  font-weight: normal;
  line-height: 18px;
  font-size: 18px;
  margin-bottom: 0px;
  font-style: normal;
}

#mia .byline {
  font-family: 'Whitney SSm A', 'Whitney SSm B', Arial, sans-serif;
  display: block;
    font-weight: normal;
  margin-bottom: 0px;
  font-style: italic;
  padding-bottom: 6px;
  font-size: 14px;
  line-height: 1.4em
}

#series_bar.fixed .series_bar_social {
  display: block;
}

.series_bar_social {
  cursor: pointer;
}

.series_bar_social p {
  margin-bottom: 0px
}



#series_bar {
display: inline-block;
width: 100%;
z-index: 2;
left: 0px;
position: absolute;
top: 0px;
height: 50px;
background: #fff;
}

#series_bar.fixed {
  background: #fff;
  position: fixed;
  padding-left: 10px;
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.40);
  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.40);
  box-shadow: 0 0 10px rgba(0,0,0,0.40);
  display: inline-block;
  left: 0px;
  height: 43px;
  top: -2px;
}

#series_bar.fixed #nav > li:first-child {
font-size: 18px;
line-height: 1.6em;
background: url("https://static.propublica.org/projects/projectx/logo-mini.png") no-repeat;
padding: 10px 10px 5px 90px;
background-position-y: -4px;

}

#mia .authors {
padding: 10px 0px 20px 0px;
text-align: left;
margin-left: 115px;
}

#mia .authors a {
  color: #637FA4;
}

#mia .right_column {
  float: left;
}




/*
.left_rail {
width: 150px;
float: left;
min-height: 1px;
position: relative;
}*/

#mia .right_rail {
width: 300px;
float: right;
border:0px;
}

#mia .right_rail a {
color:#444;
}

#mia .insert_container .video p, .insert_container.double_photo p {
  float: left;
  width: 85%;
  display: block;
}


#mia .video {
  cursor: pointer;
}

#mia .video:hover .video_player_icon{
   opacity: 1;
}

#mia .video_player_icon {
    position: absolute;
    bottom: 60px;
    left: 40px;
    width:100px;
    height: 100px;
    opacity: .5;
    transition: all 0.10s ease-in-out;
-webkit-transition: all 0.10s ease-in-out;
-moz-transition: all 0.10s ease-in-out;
-o-transition: all 0.10s ease-in-out;
}

#projectx.hutto .lead_image .video_player_icon {
  bottom: 130px;
  left: 10%;
}
#mia .video_player_icon.white {
  background: transparent url("https://static.propublica.org/assets/ty/play-overlay-white.svg") center center no-repeat;
}

#mia .video_player_icon.black {
  background: transparent url("https://static.propublica.org/assets/ty/play-overlay.svg") center center no-repeat;
}

#mia .social_block {
float: left;
width: 23%;
padding: 10px 47px;
}

#mia #social_callout .insert h1 {
  text-align: center;
  margin-bottom: 20px
}

#mia .projectx_story .social_section {
text-align: right;
padding-top:10px;
cursor: pointer;
width: 100%;
border-top: 1px solid #dedede;
display: inline-block;
margin-top: 10px;
}

#mia .projectx_story .social_section span.permalink {
  padding-left:0px;
  color: #85adcc;
}
/*.projectx_story .social_section .permalink img {
  width: 20px;
  vertical-align: top;
  opacity: .55;
}*/
#mia .projectx_story .social_section span, #mia .projectx_story .social_section span a {
  font-size: 14px;
  color: #85adcc;
  padding-left: 3px;
}


#mia .projectx_story .social_section p {
font-family: arial;
font-size: 10px;
text-transform: uppercase;
margin-top: 5px;
}

/*.projectx_story .social_section span.permalink:hover img{
opacity: 1;
}*/

#mia .projectx_story .social_section span:hover, #mia .projectx_story .social_section span:hover a {
  color:#5D7B9B;
}

#mia .graphic .social_section span {
  font-size: 12px;
}

#mia .ss-icon a {
  color:#999;
}

#mia .ss-icon a:hover {
  text-decoration: none;
}

#mia .insert_container {
  padding-top:40px;
}

#mia .insert_container.right_insert {
  float: right;
/*  clear: right;
*/  margin: -30px -240px 15px 35px;
}

#mia .insert_container .quote, .insert_container .reaction, .insert_container .takeaway {
  width: 240px;
}

#mia .insert_container.double_photo .photo {
  float: left;
  width:470px;
  padding-bottom: 5px
}

#mia .insert_container .photo {
  width: 450px
}

#mia .insert_container.double_photo .photo:first-child {
  margin-right:20px;
}

#mia .insert_container.double_photo {
  display: inline-block;
}

#mia .insert_container .photo img {
  width: 100%
}

#mia .insert_container .insert {
  border-top: 1px solid #dedede;
  padding: 20px 0px;
}

#mia .insert_container .insert.reaction {
  padding-bottom: 25px;
  display: inline-block;
}

#mia .insert_container.right_insert .graphic {
  width: 450px;
  text-align: center;
}

#mia .right_insert .quote .headshot {
float: left;
padding: 5px 20px 0px 2px;
}

#mia .right_insert .quote h5 {
font-family: 'Whitney SSm A', 'Whitney SSm B', Arial, sans-serif;
font-size: 24px;
font-weight: 100;
padding-top: 0px;
line-height: 1.5em;
color: #666;
-webkit-font-smoothing: antialiased;
}

#mia .right_insert .quote p {
  font-weight: 600;
}

#mia .right_insert .reaction h6 {
font-weight: 700;
text-align: left;
font-size: 14px;
color: #333;
line-height: 1.5em;
}

#mia .right_insert .reaction .comments_link {
float: right;
padding-top:10px;
}

body.article-page .article-full, body.article-page .article-full .article {
  padding: 0px !important;
}


/*#mia .left_justified .right_insert {
  margin: -40px -320px 10px 25px;
}*/

/*.left_insert {
  clear: left;
  float: left;
  margin: 15px 25px 10px -160px;
  width: 450px
}*/

#mia .insert_container p {
font-size: 13px;
font-family: 'Whitney SSm A', 'Whitney SSm B', Arial, sans-serif;
padding: 5px 0px 0px 0px;
width: 100%;
margin: 0px;
border: 0px;
-webkit-font-smoothing: antialiased;
}

#mia .full_insert {
  position: relative;
  width: 830px;
  margin:0px 0px 25px 0px;
  background: #fff;
  padding-bottom: 10px;
  font-size: 13px;
  font-family: 'Whitney SSm A', 'Whitney SSm B', Arial, sans-serif;
  z-index: 0
}

#mia .full_insert img {
  width: 100%
}

#mia .full_insert .social_callout img {
  width:420px;
}

#mia .full_insert .social_callout span {
 float: left;
 width:50%;
}

#mia #slideshow_popup_img .popup_img_inner img {
  width:inherit;
}

#mia #slideshow_popup_img .popup_img_inner {
  overflow: scroll;
}

#mia .full_insert .insert {
  width: 100%;
  display: inline-block;
}

#content #mia .graphic h1, #content #mia #hutto-promo h1 {
  text-align: center;
  margin-bottom: 10px;
  font-weight: 600;
  font-size:24px;
  font-family: 'Whitney SSm A', 'Whitney SSm B', Arial, sans-serif;
  padding-left:0px;
}

#content #mia #hutto-promo h1 {
text-align: left;
}
#content #mia #hutto-promo h1 a{
color:black;
}

#content #mia .full_insert h1 {
  font-weight: 600;
font-size:24px;
font-family: 'Whitney SSm A', 'Whitney SSm B', Arial, sans-serif;
padding-left:0px;
}

#mia #content .comment_section h1 {
float: left;
}

#mia #safe-use-guide p a {
  font-size: 12px;
  font-weight: bold
}


#mia .article_body .graphic p {
font-size: 13px;
font-family: 'Whitney SSm A', 'Whitney SSm B', Arial, sans-serif;
width: 68.5%;
text-align: center;
margin: auto;
margin-bottom: 20px;

}

#mia .right_insert .graphic p {
  width: 90%;
  text-align: left;
}


#mia #accidental-deaths .accidental_deaths {
  background: url("https://static.propublica.org/projects/projectx/accidental_deaths_chart.png") no-repeat top left;
width: 550px;
height: 310px;
}

#mia #accidental-deaths div div{
  float: left;
}

#mia #accidental-deaths div div.big_num {
  width: 400px;
    text-align: center;
  line-height: 1.7em
}

#mia #accidental-deaths div div.big_num span {
width: 210px;
display: block;
margin: auto;
text-align: left;
}



#mia .article_body #accidental-deaths .graphic div.big_num p {
font-size: 80px;
width: 100%;
font-weight: 600;
margin-bottom: 0px;
line-height: 1.3em;
margin-top: 40px;
}



#mia #poisoning-graphic-static.right_insert  {
  display: none !important;
  text-align: center;
}

#content #mia .right_insert.graphic h1 {
  font-weight: 100;
font-size: 18px;
font-family: 'Whitney SSm A', 'Whitney SSm B', Arial, sans-serif;
-webkit-font-smoothing: antialiased;
text-align: left;
padding-left:0px;
}

#mia .lead_mobile_image {
  display: none
}

/*#mia video {
  display: block;
}




*/

#mia .stars-col .label.key {
font-size: 10px;
font-weight: normal;
margin-bottom: 15px;
text-transform: uppercase;
}

#mia .series_video img {
  float: left;
}


#mia .article_text .weighin {
padding: 4px 6px;
margin-top: 0px;
display: inline-block;
border-radius: 3px;
border: 1px solid #dedede;
font-size: 10px;
font-family: Arial;
text-transform: uppercase;
cursor: pointer;
transition: all 0.10s ease-in-out;
-webkit-transition: all 0.10s ease-in-out;
-moz-transition: all 0.10s ease-in-out;
-o-transition: all 0.10s ease-in-out;
float: left;
}

#mia .rightarrow {
background: url("https://static.propublica.org/projects/projectx/rightarrow.png") no-repeat top left;
background-size: 12px;
float: left;
display: inline-block;
width: 20px;
height: 20px;
background-position: 5px;
margin-left: 5px;
opacity: .2;
}

#mia .weighin.rightarrow:hover {
  background: url("https://static.propublica.org/projects/projectx/rightarrow.png") no-repeat top left #dedede;
  padding-left: 20px;
  background-size: 12px;
  background-position: 5px 3px;
}

#mia .weighin:hover {
  background: #dedede;
  color: white
}

/* END MOBILE CSS */


/*  countup CLOCK GRAPHIC */

#mia #ty_countup_tbl tr td {
  text-align:center;
  vertical-align:center;
  padding:0 5px 0 5px;
  margin:0px;
  width: 25px
}


#mia #ty_countup_tbl tr.ty_countup_digits td {
  font-size:30px;
  font-weight:bold;
  width: 40px
}

#mia #ty_countup_tbl tr.ty_countup_labels td {
  font-size:11px;
  font-weight:normal;
  text-transform:uppercase;
  width: 40px
}

#mia .article_text div#ty_countup {
  display: inline-block;
  padding-top: 10px
}


#mia #ty_countup table {
    border:1px solid #fff;
    border-collapse:collapse;
}
#mia #ty_countup td {
    border:none;
    font-family: 'Whitney SSm A', 'Whitney SSm B', Arial, sans-serif;
}



/* ANNOTATIONS STYLE */

#mia .annotated.dc_annotated, .annotation.document {
  background: url("https://static.propublica.org/projects/projectx/doc_icon.png") no-repeat top left #f1eee6;
  padding-left: 22px;
  background-size: 13px;
  background-position: 5px 5px;
}
#mia .annotated.dc_annotated:hover, .annotation.document:hover {
  background: url("https://static.propublica.org/projects/projectx/doc_icon_hover.png") no-repeat top left #e3e0da;
  padding-left: 22px;
  background-size: 13px;
  background-position: 5px 5px;
}

#mia .annotation.sound {
  background: url("https://static.propublica.org/projects/projectx/sound_icon.png") no-repeat top left #f1eee6;
  padding-left: 24px;
  background-size: 13px;
  background-position: 5px 5px;
}
#mia .annotation.sound:hover {
  background: url("https://static.propublica.org/projects/projectx/sound_icon_hover.png") no-repeat top left #e3e0da;
  padding-left: 24px;
  background-size: 13px;
  background-position: 5px 5px;
}

#mia .annotation.tweet {
  background: url("https://static.propublica.org/projects/projectx/tweet_icon.png") no-repeat top left #e8eef1;
  padding-left: 24px;
  background-size: 13px;
  background-position: 5px 4px;
}
#mia .annotation.tweet:hover {
  background: url("https://static.propublica.org/projects/projectx/tweet_icon_hover.png") no-repeat top left #d7dee1;
  padding-left: 24px;
  background-size: 13px;
  background-position: 5px 4px;
}

#mia #mia-takeaways .annotation.tweet {
background-position: 6px 1px;
}

#mia #mia-takeaways .annotation.tweet:hover {
background-position: 6px 1px;
}

#mia .annotation.tweet a:hover {
  text-decoration: none;
}
#mia .annotation.tweet a {
  color: #395274;
}

#mia .soundcite {
    transition: all 0.10s ease-in-out;
  -webkit-transition: all 0.10s ease-in-out;
  -moz-transition: all 0.10s ease-in-out;
  -o-transition: all 0.10s ease-in-out;
}
#mia .annotation, .annotated {
  background: #cecbc3 ;
  border-radius: 3px;
  padding: 0px 3px;
  transition: all 0.10s ease-in-out;
  -webkit-transition: all 0.10s ease-in-out;
  -moz-transition: all 0.10s ease-in-out;
  -o-transition: all 0.10s ease-in-out;
  cursor:pointer;
}
#mia .series_video h6 {
  float: left;
  display:inline-block;
}


#mia #overdose-meter-static {
  display: none;
}


#mia #overdose-meter #overdose_chart div p {
  display: none
}


.npr-promo {
  padding: 10px;
  border: 1px solid #EEE;
}

.npr-promo .promo-cols {
  float: left;
}

.npr-promo .promo-cols.text {
  padding-left: 20px;
  max-width: 350px;
}

.npr-promo .promo-cols.text h6 {
  margin-top: 5px;
}

#mia .article_text .npr-promo h1 a {
  color: black;
}

#content #mia .promo-cols.text h1 {
  padding-left: 0px;
  margin-top: 10px;
}

/* MOBILE CSS */


/* Nexus 7 */
@media screen and (-webkit-min-device-pixel-ratio: 1.1) and (width: 601px) {
  html { zoom: 77.96954%; }
  .stars-col { display: none; }
}
/* Samsung Galaxy */
/* @media screen and (device-width: 800px) { html { zoom: 81.21827%; } } */
/* Kindle Fire */
@media screen and (device-width: 600px) { html { zoom: 77.96954%; } }


@media screen and (max-width: 800px) and (min-width: 481px){
  #mia .lead_text p {
    margin: 30px 0 0;
  }

  #mia .article_text {
    float: none;
  }
  #mia .insert_container.right_insert {
    width: 100% !important;
    text-align: center;
  }
  #mia #grave-717 { display: none; }
}

@media screen and (max-width: 1220px) {
  #series_bar.fixed .media_gone {
    display: none;
  }

  .stars-col { display: none; }
}

@media screen and (max-width: 1000px) {

  .npr_embed { display: none; }

  #series_bar #nav > li:first-child {
    font-size: 20px;
  }

  #series_bar #nav li {
    padding:10px;
    line-height: 22px
  }

  #series_bar #nav ul li {
    line-height: 15px
  }

  #series_bar #nav li ul li {
    padding:10px 6px 10px 6px;
  }

  #series_bar #nav li.tal {
    padding:6px 10px;
  }

  #series_bar.fixed {
    display: none
  }

.video iframe {
  min-height: 350px;
}

#slideshow_popup iframe {
  min-height: 480px;
  max-width: 100% !important;
}

 #slideshow_popup.img_popup{
  width: 75%;
  margin-left: 0px
 }

 #slideshow_popup.img_popup img {
  width: 100%
 }

}

  #mia .insert_container .photo.fda_psa {
    width: 294px
  }

#mia p.new-section-p {
padding-top: 20px;
}


#mia p span.new-section {
font-weight: bold;
font-size: 1.2em;
}




@media screen and (max-width: 800px) and (min-width: 481px) {

html body #content .article #comment_box {
  width: 90%;
  margin: auto;
}

#mia .insert_container.right_insert {
  padding-top:10px;
}

  #series_bar #nav > li:last-child {
    display: none !important
  }

   #mia .lead_mobile_image {
    display: block;

  }
  html body #content .article #mia .lead_image img {
     width: 1000px;
     max-width: 1000px !important;
  }


 #mia .slideshow_nav span.slideshow_prev {
top: 22%;
left: -40px;
z-index: 1
}

#mia .slideshow_nav span.slideshow_next {
top: 22%;
right: -40px;
z-index: 1
}


#mia .lead_mobile_image {
display: none;
}

  #mia .social_block {
    width:80%;
    margin: auto;
  }

  #mia .social_block span p {
    text-align: right;
  }

  #nav li ul li {
    width:210px;
  }

  #series_bar li.media_gone {
    display: none;
  }

  html body #content .content-main .article-full .article-deck {
    display: none !important
}

 #mia #accidental-deaths div div.big_num {
    width: 40%;
float: left;
  }


#mia .article_body #accidental-deaths .graphic div.big_num p {
  font-size: 60px;
font-weight: 600;
margin-bottom: 0px;
line-height: 1.3em;
margin-top: 10px;
}

#mia #accidental-deaths div div.big_num span {
  margin:0px;
}

  #mia #accidental-deaths .graphic .accidental_deaths {
width: 60%;
height: 270px;
background-size: 100%;
float: left;
}

#mia .insert_caption {
  text-align: left;
  padding-top:0px;
}

 #mia  .insert_container .photo.fda_psa, .insert_container.right_insert .photo.fda_psa {
    margin-left:25px;
    width: 294px
  }


#mia .article_body #mia-takeaways.right_insert .graphic p {
  text-align: left;
}


#mia .full_insert .insert .overdose_container {
  max-width: 615px;
  margin: 0px auto;
  text-align: center;
}


html body #content .article #mia .iframe_graphic iframe, html body #content .article iframe {
  max-width: 100% !important
}

#mia #accidental-deaths div div {
  float: none;
margin: 0px auto;
}

#mia .article_text div#ty_countup {
  width: 100%;
text-align: center;
}

html body #content .article #mia table  {
  margin:20px 0px 20px !important;
}
html body #content .article #mia table td {
  word-wrap: normal !important;
  width:120px !important;
  padding:0px 30px 0px 30px !important;
}

html body #content .article #mia table#ty_countup_tbl tr.ty_countup_labels td {
width:150px !important;
}

  html body #content .article #mia #ty_countup table#ty_countup_tbl {
  width: 100% !important
  }

  html body #content .article #mia #ty_countup table#ty_countup_tbl tr td {
    width: 40px !important;
  }

  #mia .social_block div {
    float: left;
    padding-top: 10px;
  }

  #mia .social_block span {
  float: left;
  width: 68%;
  min-height: 0px;
  text-align: right;
margin-right: 20px;
}
  html body #page .wrapper, html body #content-header .wrapper, html body #content .wrapper, html body .wrapper {
    width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
  }
html body #content .article img {
  max-width: 100% !important
}
  html body #content .wrapper .content-main {
    width: 100% !important;
    max-width: 100% !important;
  }

  html body #page, html body #content-header, html body #content {
    min-width: 100% !important;
  }


 #mia .barchart_big {
    display: none
  }

  #mia .barchart_mobile {
    display: block;
  }

  #mia  .barchart_photo .main_guff {
    position: static;
    padding-bottom: 40px;
    display: inline-block;
    width:100% !important;
    text-align: center;
  }

  #mia .full_insert .insert {
    text-align: center;
  }

 #mia .full_insert {
    width: 100%;
    left: 0px;
    display: inline-block;
  }

  #mia  #timelapse_graphic {
    display: none !important;
  }


  #mia #poisoning-graphic-static.right_insert {
    display: block !important;
  }


 #mia .article_text .narrower_text, #poisoning-graphic-static {
    width: 100%
  }


 #mia #countup-clock.insert_container.right_insert .graphic {
    text-align: left;
  }

 #mia .iframe_graphic {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    height: 665px;
  }
 #mia #content .wrapper, #content, #content-full {
    width: 100%;
    min-width: 100%;
  }

 #mia .article_text,  #mia .article_text.left_justified {
    margin: 10px auto;
    width: 80%;
  }
 #mia .article_body .graphic p {
    width: 100%;
    text-align: center;
  }


 #series_bar.fixed {
    display: none;
    width: 768px
  }

  .series_bar_social {
    margin-right: 10px
  }

  #mia .insert_container.right_insert, #mia .article_text .narrower_text .insert_container.right_insert{
    margin:0px auto 30px auto;
  }

  #mia #countup-clock.insert_container.right_insert {
    width: 100%
  }

 #mia .insert_container .quote, #mia .insert_container .reaction, #mia aside.ad, #mia .insert_container.right_insert .module-donate, #mia .insert_container .takeaway {
    margin-left:25px;
  }
 #mia .insert_container.right_insert .graphic, #mia .insert_container.right_insert .photo, #mia .insert_container.double_photo .photo{
    width: 100%;
    text-align: center;
  }


 #mia .lead_text p {
    font-size: 55px;
  }


  #series_bar .series_bar_section {
    padding:10px;
    margin: 0px;
  }

}


@media print {
  .stars-col { display: none; }
  #mia .no_print {
       display:none;
    }
  }



@media screen and (max-width: 480px) {
  .article-page .article {
    width: 100% !important;
  }
  #mia .splash .splash-img {
    margin-bottom: 0px
  }
  #mia .insert_container.right_insert{
    min-width: 300px !important;
    text-align: center;
  }

#mia .insert_container.right_insert p {
  text-align: left;
}
  .stars-col { display: none; }

  #mia .full_insert .insert .overdose_container {
  max-width: 615px;
  margin: 0px auto;
  text-align: center;
}

  #mia #overdose-meter {
    margin: 10px 0px 20px;
  }

 #mia #overdose-meter #overdose_chart {
  width:100%;
  float:none;
  text-align:center;
}

#mia #overdose-meter #overdose_chart div {
  overflow: visible;
  box-shadow: 0px 0px 0px;
  height: 145px;
  border-radius: 0px;
  cursor: default;
  pointer-events:none;
}

#mia #overdose_chart .h4, #overdose_chart div.selected .h4 {
  display: none
}
 #mia #overdose-meter .overlay {
    background: transparent !important;
    -moz-box-shadow: inset 0 0 0px #fff;
    -webkit-box-shadow: inset 0px 0px 0px #000000;
    box-shadow: inset 0px 0px 0px #000000;
  }

 #mia #overdose-meter .interactive_only, #overdose_chart div.hover .h4{
    display: none !important;
  }

 #mia #overdose-meter #overdose_chart div p {
    display: block;
  }






  #mia .annotated.dc_annotated:hover, .annotation.document:hover {
    background: #fff;
    padding:0px;
  }

  #mia .annotated.dc_annotated, .annotation.document {
    background: #fff;
    padding:0px;
  }

  #mia .right_insert .reaction h6 {
    text-align: center;
  }

  #mia .projectx_story .social_section {
    text-align: center;
  }

#mia .projectx_story #history-of-advertising .social_section {
position: relative;
top: -10px;
}


    #nav li {
    border-right: 0px !important;
  }

  @-webkit-keyframes move {
    from {
      transform: translateY(-30px);
      -ms-transform: translateY(-30px); /* IE 9 */
      -webkit-transform: translateY(-30px); /* Safari and Chrome */
      -o-transform: translateY(-30px); /* Opera */
      -moz-transform: translateY(-30px); /* Firefox */
    }

    to {
      transform: translateY(0px);
      -ms-transform: translateY(0px); /* IE 9 */
      -webkit-transform: translateY(0px); /* Safari and Chrome */
      -o-transform: translateY(0px); /* Opera */
      -moz-transform: translateY(0px); /* Firefox */
    }
  }

    @-moz-keyframes move {
    from {
      transform: translateY(-30px);
      -ms-transform: translateY(-30px); /* IE 9 */
      -webkit-transform: translateY(-30px); /* Safari and Chrome */
      -o-transform: translateY(-30px); /* Opera */
      -moz-transform: translateY(-30px); /* Firefox */
    }

    to {
      transform: translateY(0px);
      -ms-transform: translateY(0px); /* IE 9 */
      -webkit-transform: translateY(0px); /* Safari and Chrome */
      -o-transform: translateY(0px); /* Opera */
      -moz-transform: translateY(0px); /* Firefox */
    }
  }

    @-o-keyframes move {
    from {
      transform: translateY(-30px);
      -ms-transform: translateY(-30px); /* IE 9 */
      -webkit-transform: translateY(-30px); /* Safari and Chrome */
      -o-transform: translateY(-30px); /* Opera */
      -moz-transform: translateY(-30px); /* Firefox */
    }

    to {
      transform: translateY(0px);
      -ms-transform: translateY(0px); /* IE 9 */
      -webkit-transform: translateY(0px); /* Safari and Chrome */
      -o-transform: translateY(0px); /* Opera */
      -moz-transform: translateY(0px); /* Firefox */
    }
  }

    @keyframes move {
    from {
      transform: translateY(-30px);
      -ms-transform: translateY(-30px); /* IE 9 */
      -webkit-transform: translateY(-30px); /* Safari and Chrome */
      -o-transform: translateY(-30px); /* Opera */
      -moz-transform: translateY(-30px); /* Firefox */
    }

    to {
      transform: translateY(0px);
      -ms-transform: translateY(0px); /* IE 9 */
      -webkit-transform: translateY(0px); /* Safari and Chrome */
      -o-transform: translateY(0px); /* Opera */
      -moz-transform: translateY(0px); /* Firefox */
    }
  }

 #projectx.only_as_directed .lead_text p:last-child {
  padding-left: 0px;
}


 #mia .insert_caption {
    padding: 20px 0px 0px 40px;
  }

 #mia .slideshow_nav span.slideshow_prev {
top: 88%;
left: 70px;
z-index: 1
}

#mia .slideshow_nav span.slideshow_next {
top: 88%;
right: 70px;
z-index: 1
}


 #mia #ty_countup_tbl tr.ty_countup_digits td {
    font-size: 24px;
  }

  html body #content .content-main .article-full .article-deck {
    display: none !important
  }

  #mia .ss-social {
    display: none
  }


#mia  #accidental-deaths .graphic .accidental_deaths {
width: 100%;
height: 180px;
background-size: 100%;
}

#mia #accidental-deaths div div.big_num {
  width: 100%
}

#mia .article_body #accidental-deaths .graphic div.big_num p {
  margin-top:10px;
}

/*#mia #mia-takeaways p span {
  width: 100%;
  display: block;
}*/

#mia .insert_container .social_block {
  width: 100%;
  padding:0px;
}

#mia .video iframe {
  min-height: 250px;
}

#mia #slideshow_popup iframe {
  min-height: 280px !important;
  max-width: 100% !important;
}

#mia #slideshow_popup.img_popup {
  width: 300px;
  margin-left: 0px
 }



#mia .social_block span{
  min-height: 0px;
  margin-top: 20px;
  margin-bottom: 10px;
  text-align: center;
}
   #mia .article_text .narrower_text, #poisoning-graphic-static {
    width: 100%
  }

  #mia  #timelapse_graphic {
    display: none !important;
  }

 #mia #poisoning-graphic-static.right_insert {
    display: block !important;
  }

 #mia #overdose-meter {
    display: block;
    margin: 10px 0px 20px;
  }

 #mia #overdose-meter #overdose_chart {
    padding-left: 20px;
    width: 90%;
    pointer-events: none;
  }
#mia #overdose_chart div {
  margin:0px 30px 10px 0px;
}

  #mia  .barchart_big {
    display: none
  }

 #mia .barchart_mobile {
    display: block;
  }

   #mia .barchart_photo .main_guff {
    position: static;
    padding-bottom: 40px;
    display: inline-block;
    width:100% !important;
    text-align: center;
  }


  #series_bar li.media_gone {
    display: none;
  }
/* #mia .lead_mobile_image {
    display: block;
  }*/


html body #content .article table td {
  word-wrap: inherit;
}
.article-page .article #mia #yearlycost table th.total, .article-page .article, #mia #yearlycost table th.total, #mia #yearlycost table td.total {
  width: 40px;
  padding: 10px 20px 10px 5px !important;
}
.article-page .article #mia table td, #mia table td, .article-page .article #mia table th, #mia table th {
  font-size: 11px;
}

.article-page .article #mia #yearlycost table td, .article-page .article #mia #yearlycost table th, #mia #yearlycost table td, #mia #yearlycost table th {
  padding: 10px 5px 10px 0px !important;
}

.article-page .article #mia #yearlycost table, #mia #yearlycost table {
  background: #fff !important
}
.article-page .article #mia #yearlycost table th.th-titles, #mia #yearlycost table th.th-titles {
width: 40px;
}

.article-page .article #mia #yearlycost table td.header span, #mia #yearlycost table td.header span{
  font-size: 9px;
  font-weight: normal
}

 #nav li.more_tab, .series_bar_social, li.media-gone, video, #series_bar .full_version, #series_bar.fixed {
  display: none
  }

 #mia .narrower_text {
    width: 100px !important;
  }

 #mia .insert_container {
    padding:10px 0px;
  }

 #mia .article_body .graphic p {
    width: 100%
  }

  #mia .insert_container .video {
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    padding: 20px 0px;
    display: inline-block;
  }

 #mia .insert_container.right_insert, .narrower_text .insert_container.right_insert {
    clear: both;
    float: none;
    width: 100%;
    margin: 0px !important;
    max-width: 300px !important

  }

 #mia .insert_container .photo {
  width: 100%
}
 #mia .insert_container.right_insert .graphic {
width: 100%;
text-align: center;
}

  #mia .right_insert .quote, .right_insert .takeaway {
    width:100%;
    text-align: center;
    margin-left:0px;
  }

 #mia .right_insert .quote .headshot {
    padding:5px;
    float: none;
  }

 #mia .article_body p {
    padding:5px 0px;
    margin:0px;
  }

#mia .insert_container .video p {
  width: 100%;
  text-align: center;
}

#mia .article_text div.right_insert .reaction, #mia .article_text div.right_insert .reaction p {
  text-align: center;
}

#mia .article_text .insert.reaction a.action {
  float: none;
}

 #mia .article_text div.right_insert .quote.countup, .article_text div.right_insert .reaction,  .right_insert .graphic.timelapse_static {
    width: 100%;
    margin:10px 0px;
    display: inline-block;
    padding:10px 0px;
  }


  #mia #timelapse_graphic {
    display: none !important
  }

 #mia #ty_countup_tbl tr.ty_countup_labels td {
    font-size: 9px !important;
    padding:0px;
  }

 #mia .article_text, .article_text.left_justified {
    margin:0px;
    width:290px;
  }

 #mia .article_body {
    margin:10px 0px 10px 0px;
  }


  #mia .right_insert .social_section, .full_insert .social_section{
    top: 0px;
    width: 100%;
    text-align: center;
    clear: both;
  }

 #mia .full_insert .slideshow .embed_box {
    width: 26%
  }
 #mia .full_insert {
    left: 0px;
    width:100%;
    margin-bottom:0px;
    padding-top: 10px
  }

 #mia .article_text h1, .article_text div {
    padding-left: 0px
  }

#nav {
  background: #fff;
  width: 100%;
}
#series_bar #nav li {
  padding:10px 5px 10px 5px;
 line-height: 1.2em;
 width:200px;
}

  #series_bar #nav > li {
    display: none
  }
#series_bar #nav > li:first-child {
  display: block
}

#nav img.logo {
padding: 5px 0px 0px 0px;
width: 60px;
}

#series_bar #nav li.tal {
  width: 105px;
  padding: 10px 5px !important;
  border-right: none;
}
#mia .authors {
  margin:0px;
  padding-top:0px;
}
  .top_nav_fixie {
    position: relative;
    top:0px;
  }

#series_bar {
  height: 0px;
  position: relative;
  display: block;
}
  #series_bar .title {
    display: none
  }
#mia .right_insert .graphic p {
  text-align: center;
}


  #content h1, #content p, #content h2, #content h3, #content h4, #content h5, #content span {
    -webkit-font-smoothing: antialiased;
  }


  #mia .lead_image {
    width: 100%;
    margin: 0px;
    height: 170px;
  }

  #mia .lead_text {
text-align: center;
width: 100%;
left: 0px;
  }

  #mia .lead_text p {
    font-size: 30px;
margin: 60px 0px 0px 20px;
line-height: 1.4em;
text-align: center;
  }

  #mia .lead_text span {
    font-size: 13px;
    font-weight: 600;
    text-shadow: 0px 0px 10px #41352a;
  }


  #mia .projectx_story {
    position: relative;
    top:0px;
  }

  #mia .video_player_icon {
    left: 35%;
    top: 20%;
  }

 #mia .embed_box.static_box .embed_container_overlay {
    background:transparent;
  }
/*  .embed_box.static_box .embed_player_icon {
    display:none;
  }*/

 .module-donate { display:none !important; }

  #projectx.hutto .lead_image {
    height:200px;
  }

  #projectx.hutto .lead_text {
    bottom:35%;
  }

  #projectx.hutto .lead_image .video_player_icon {
    display:none;
  }

}




/*------------------------------------*\
  NAV
\*------------------------------------*/
#nav{
  list-style:none;
  font-weight:bold;
  margin-bottom:10px;
  /* Clear floats */
  float:left;
  position:relative;
  z-index:1;
  width: 100%;
  background-color: #FFF;
}




#nav > li:first-child {
font-family: "ff-meta-serif-web-1","ff-meta-serif-web-2","Georgia",serif;
font-weight: normal;
font-size: 20px;
margin-bottom: 0px;
line-height: 1.3em;
-webkit-font-smoothing: antialiased;
padding: 6px 10px 7px 0px;
color: #000;
}

#nav li.more_tab a .ss-icon{
padding-right: 7px;
position: relative;
top: 2px;
color:#999;
}


#nav li.more_tab:hover a .ss-icon {
  color:#000;
}

 #nav li.more_tab {
  border: 0px
 }
 #nav > li:last-child  {
border: 0px;
float: right;
padding-bottom: 0px;
padding-right: 0px;
 }

#series_bar.fixed #nav > li:last-child {
  padding:13px 25px 0px;
 }



#nav li.selected{
  cursor: default;
}
#nav li.selected a, #nav > li:first-child a {
  opacity: 1;
  color:#000;
}

#nav li img {
  opacity: .5;
}

#nav li:hover > img, #nav li:hover .logo, #nav li.tal:hover img, #nav li:hover ul li:hover a img   {
  opacity: 1;
}


#nav li{
  float:left;
  margin-right:10px;
  position:relative;
  margin: 0px;
  cursor: pointer;
  border-right: 1px solid #dedede;
  padding: 11px 15px 10px 15px;
  font-family: 'Whitney SSm A', 'Whitney SSm B', Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  margin-bottom: 0px;
  font-style: normal;
  background: #fff;

}

#nav li ul li {
  font-size: 11px
}

#series_bar.fixed #nav li {
  padding: 15px 11px 10px 11px;
}


#nav a {
display: inline-block;
text-decoration: none;
color: #5D7B9B;
}


#nav li:hover > a {
  color:#000;
  opacity: 1;
}

#nav img {
  float: left;
  padding:3px 8px 0px 5px;
}

/*--- DROPDOWN ---*/

#nav ul{
  background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
  background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
  list-style:none;
  position:absolute;
  left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}

#nav ul li{
  z-index: 10000000;
  border-right: 0px;
  padding: 5px 15px 10px 10px;
  width: 170px;
}


#nav ul li:first-child {
  margin-top:10px;
  padding-top:10px;
}
#nav ul a{
  white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul{ /* Display the dropdown on hover */
  left:0; /* Bring back on-screen when needed */
}

#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
  text-decoration:none;
}
#nav li:hover ul li:hover a{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
  color:#000;
}


#mia .barchart_photo {
  position: relative;
}
#mia .barchart_photomobile {
  display: none
}
#mia .barchart_photo span {
  position: absolute;
  text-align: left
}

#mia .barchart_photo .us_jar {
  left:100px;
  top:100px;
  text-align:right
}

#mia .barchart_photo .england_jar {
  left: 396px;top: 310px;
}

#mia .barchart_photo .germany_jar {
left:510px; top:310px;
}

#mia .barchart_photo .mexico_jar {
left:626px; top:310px
}


#mia .barchart_photo .main_guff {
  left:396px;
  top:100px;
  width:450px
}

#mia .barchart_photo .main_guff p{
font-size: 13px;
}

#mia .barchart_photo p {
  font-size: 11px;
}

#mia .barchart_photo .photo_credit {
  font-size: 9px;
  bottom:10px;
  right:10px;
  color:#666;
}

#nav ul a span:first-child {
  width: 27px;
display: inline-block;
float: left;
height: 18px;
}

#nav li.tal {
  padding: 5px 15px 6px 15px;
  border-right: none;
}

#nav li.tal img.icon {
  padding: 8px 5px 0px 5px;
  width: 13px;
}


#nav li.tal img.logo {
  padding-top:5px;
  width: 60px
}

#nav li img.icon {
  width: 10px;
}

#nav li img.video_icon {
  width: 15px;
  padding: 3px 5px 5px 5px;
}

#nav li img.article_icon {
  width: 10px;
  padding: 0px 5px 5px 5px;
}

#nav li img.socialchat_icon {
  width: 13px;
  padding: 2px 5px 2px 5px;
}


#series_bar.fixed #nav li.tal {
  padding: 9px 15px 6px 15px;
}

#series_bar.fixed #nav li ul li {
  padding: 5px 15px 10px 10px;
}
#mia .narrower_text {
width: 450px;
}

#mia  .narrower_text .insert_container.right_insert {
  margin:-30px -350px 10px 35px;
}

#mia  p.break {
width: 960px;
display: block;
border-top: 1px solid #dedede;
margin: 50px 0px 50px -160px;
}

/* annotizer */

.article.annotationMode .annotated {
/*background:#FFFCAD !important;
cursor:pointer;
padding:1px 3px 1px 3px;
box-shadow:0 0 3px #cecece;
-webkit-box-shadow:0 0 3px #cecece;
-moz-box-shadow:0 0 3px #cecece;
border-radius:3px;
display:inline;
transition: all 0.10s ease-in-out;
-webkit-transition: all 0.10s ease-in-out;
-moz-transition: all 0.10s ease-in-out;
*/}
.article.annotationMode .annotated:hover {
/*box-shadow:0 0 5px #999;
-wekbkit-box-shadow:0 0 5px #999;
-moz-box-shadow:0 0 5px #999;
*/}
.annotationPlaceholder {
display:inline-block;
}
#annotation_popup {
display:none;
position:absolute;
z-index:999999;

}
.DC-note-container {
background:#fff;
width:630px;
}
.DC-note .DC-note-excerpt-wrap {
overflow: hidden;
max-height: 300px;
overflow-y: auto;
}

#annotation-onoff p {
padding:0;
margin:0;
}
.annotation-toggle {
cursor: pointer;
padding: 0px 6px;
border-radius: 2px;
background: #f7f4ed;
border: 1px solid #aaa;
width: 20px;
text-align: center;
opacity: .7;
-moz-box-shadow:    inset 0 0 0px #999;
-webkit-box-shadow: inset 0 0   0px #999;
box-shadow:         inset 0 0   0px #999;
}

.annotation-toggle[data-state=off] {
background: #d9d6c8;
opacity: 1;
 -moz-box-shadow:    inset 0 0 6px #999;
-webkit-box-shadow: inset 0 0   6px #999;
box-shadow:         inset 0 0   6px #999;
}

.annotation-close-box {
height: 16px;
width: 16px;
background: #FFE325 url("https://static.propublica.org/assets/carswell/cross-dark.gif") no-repeat center center;
top: 0;
left: 96%;
cursor: pointer;
position:absolute;
}
.annotation-arrow {
background: transparent url('https://static.propublica.org/assets/carswell/downarrow.png') no-repeat center center;
height: 20px;
width: 35px;
top: 99%;
position:absolute;
}

.module-donate {
  background: transparent;
  border: 1px solid #cecece;
  border-radius: 3px;
  box-shadow: 0 0 0 0;
  display: inline-block;
  text-align: center;
  width: 150px;
  padding: 40px 20px 20px;
  position:relative;
  margin-left:10px;
}
#mia .module-donate h3 {
  font-weight: 600;
font-size: 24px;
font-family: 'Whitney SSm A', 'Whitney SSm B', Arial, sans-serif;
padding-left: 0px;
}
.module-donate:before {
  content: url(//s3.amazonaws.com/cdn.propublica.net/deploy/images/common/module-mag-glass.png);
  position: absolute;
  top: -13px;
  left: 69px;
}
.article-page .article #mia table td, #mia table td {
  border: 0px;
  background: transparent;
  border: 0px;
  font-family: 'Whitney SSm A', 'Whitney SSm B', Arial, sans-serif;

}

.article-page .article #mia table th, #mia table th {
  border: 0px;
  background: transparent;
  font-family: 'Whitney SSm A', 'Whitney SSm B', Arial, sans-serif;

}


.article-page .article #mia #yearlycost, #mia #yearlycost {
  margin-top:10px;
}

.article-page .article #mia #yearlycost table th, #mia #yearlycost table th{
  font-size: 11px;
  text-transform: uppercase;
  color: #999;
  font-weight: normal;
}

.article-page .article #mia #yearlycost table td.header, #mia #yearlycost table td.header {
text-align: right;
color: black;
font-weight: bold;
font-size: 11px;
text-transform: uppercase;
padding-left: 15px;
}

.article-page .article #mia #yearlycost table td, .article-page .article #mia #yearlycost table th, #mia #yearlycost table td,  #mia #yearlycost table th{
padding: 10px;
text-align: right;
font-weight: 200;

}

.article-page .article #mia #yearlycost, #mia #yearlycost {
  width: 500px;
font-family: 'Whitney SSm A', 'Whitney SSm B', Arial, sans-serif;
}

.article-page .article #mia #yearlycost p, #mia #yearlycost p {
  margin-bottom: 10px
}

.article-page .article #mia #yearlycost table, #mia #yearlycost table {
  background: #f7f7f7;
border-radius: 5px;
}

.article-page .article #mia #yearlycost table td.total, #mia #yearlycost table td.total {
  font-size: 18px;
  font-weight: bold;
  color:#9c0c0c;
}

.article-page .article #mia #yearlycost table th.total, .article-page .article, #mia #yearlycost table th.total, #mia #yearlycost table td.total {
  padding: 10px 15px;
}

.article-page .article #mia #yearlycost table th.total span, .article-page .article #mia #yearlycost table td.total span, #mia #yearlycost table th.total span, #mia #yearlycost table td.total span {
font-weight: 600;
font-size: 9px;
display: block;
clear: both;
text-transform: uppercase;
}

#label-fixie {
  position: absolute;
  top: 240px;
}

#label-fixie.fixed {
  position: fixed;
  top: 100px;
  width: 80px;
  background-color: white;
  opacity: 0.9;
  z-index: 10;
}


.article-page .article #mia #yearlycost .border, #mia #yearlycost .border {
  border-right: 1px solid #e7e7e7;
  padding-right: 20px;
}

#mia .stars-col {
  line-height: 12px;
}

#mia .stars-col .jpac {
  color: #D0BC08;
  display: block;
  margin-bottom: 10px;
}

#mia .stars-col .label {
  color: #000;
  font-size: 12px;
  font-family: 'Whitney SSm A', 'Whitney SSm B', Arial, sans-serif;
  font-weight: bold;
  margin: 0 0 10px 0;
  line-height: 15px;
}

#mia .tick {
  position: absolute;
  color: white;
  font-size: 12px;
  font-family: 'Whitney SSm A', 'Whitney SSm B', Arial, sans-serif;
  font-weight: bold;
  width: 95px;
  text-align: right;
  -webkit-transition: color 300ms linear;
  -moz-transition: color 300ms linear;
  -o-transition: color 300ms linear;
  -ms-transition: color 300ms linear;
  transition: color 300ms linear;
}

#mia .tick.visible {
  -webkit-transition: color 300ms linear;
  -moz-transition: color 300ms linear;
  -o-transition: color 300ms linear;
  -ms-transition: color 300ms linear;
  transition: color 300ms linear;
  color: black;
}

@-moz-document url-prefix() {
  #mia .stars-col {
    font-size: 14px !important;
  }
}