@import "foundation.css";

@import "/standard/css/mpr006/news/global.css";

@import "/standard/css/mpr006/news/header.css";

@import "/standard/css/mpr006/news/nav.css";

@import "/standard/css/mpr006/news/content.css";

@import "/standard/css/mpr006/news/footer.css";

@import "/standard/css/mpr006/news/threecol-section.css";

@import url(https://fonts.googleapis.com/css?family=PT+Serif:700);
/* 
minnesota public radio campaign 2012 (adapted from 2010) 
started: 8-sept-2010
author: justin heideman
*/
/* =========================
imports
========================= */
/* =========================
definitions
========================= */
/* =========================
mixins
========================= */
/* =========================
zurb overrides
========================= */
.row {
  max-width: 960px;
}
body {
  color: #000;
}
p {
  font-family: georgia, times, serif;
  font-size: 13px;
  line-height: 1.4;
}
a {
  color: #00334e;
}
table {
  border: 0;
}
dl.tabs dd a.active {
  font-weight: bold;
  color: #00334e;
  margin-top: -3px;
  height: 33px;
}
/* =========================
general use styles & non-zurb fixes/overrides
========================= */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'PT Serif', serif;
}
div.contentbody.homepage h1,
div.contentbody.homepage h2,
div.contentbody.homepage h3,
div.contentbody.homepage h4,
div.contentbody.homepage h5,
div.contentbody.homepage h6 {
  font-family: georgia, times, sans-serif;
}
h3 {
  font-weight: bold;
  margin-top: 8px;
}
h4 {
  font-size: 15px;
  font-weight: bold;
}
h6.date {
  font-family: Helvetica, Arial, sans-serif;
  color: #000;
  font-size: 11px;
  line-height: 13px;
  margin: 2px 0;
  color: #444444;
}
h5 span {
  font-size: 1.4rem;
}
sup {
  vertical-align: top;
}
ul.margins li {
  margin-top: 0;
}
ul.margins li a {
  font-family: georgia, times, serif;
}
/* =========================
footer fixes
========================= */
.footer {
  width: auto;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
}
/* =========================
foundation sidebar overrides & fixes
========================= */
.wideonairdiv {
  padding: 10px;
  min-height: 82px;
  margin-bottom: 10px;
}
.wideonairdiv h4 {
  font-size: 14px;
  font-weight: bold;
  font-family: arial, sans-serif !important;
  margin: 3px 0 7px;
}
.wideonairdiv .audio_headlines {
  font-size: 11px;
}
.wideonairdiv .onairlightbox {
  background-image: url(/standard/images/mpr006/news/icons/onairlevels.gif);
  background-repeat: no-repeat;
  background-position: 10px;
  padding: 9px 9px 9px 40px;
  font-family: Arial;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  background-color: #6BBBD7;
}
.wideonairdiv #findAProgram,
.wideonairdiv #radioSchedulesInfo {
  float: left;
  min-height: 20px;
}
.wideonairdiv #radioSchedulesInfo:after {
  clear: both;
}
.sponsor {
  text-align: left;
}
.become-sponsor-link {
  float: right;
  font-family: Arial;
  font-size: 11px;
  text-transform: none;
}
.tabhead {
  font-family: sans-serif;
  font-size: 12px;
  padding-bottom: 3px;
}
/* =========================
adapative movement of elements 
========================= */
.adaptSmall {
  display: none;
}
.adaptWide {
  display: block;
}
@media only screen and (max-width: 767px) {
  .adaptWide {
    display: none;
  }
  .adaptSmall {
    display: block;
    min-height: 10px;
  }
  .become-sponsor-link {
    display: none;
  }
}
/* =========================
general styles for re-usable things
========================= */
a.more,
span.more {
  color: #00334e;
}
a.more span,
span.more span {
  text-decoration: underline;
}
a.more:hover,
span.more:hover {
  text-decoration: underline;
}
/* =========================
main section styles for homepage
========================= */
section h3 {
  font-family: sans-serif;
  font-size: 16px;
  color: #444444;
  border-bottom: 1px solid #cc3333;
}
section h3 a {
  color: #444444;
}
section h1,
section h2 {
  font-family: 'PT Serif', serif;
  font-weight: bold;
  font-size: 18px;
}
section h1 a,
section h2 a {
  color: #00334e;
}
section h1 {
  font-size: 24px;
  line-height: 28px;
}
section article {
  margin: 7px 0 0;
  padding-bottom: 7px;
}
section article.first {
  margin-top: 0;
}
section article.additional {
  border-bottom: 1px solid #cccccc;
}
section p {
  margin-bottom: 0;
}
section p.callout {
  margin: 5px 0;
  font-size: 20px;
  line-height: 26px;
}
section div.collection_footer div.navigation {
  padding: 5px;
  background-color: #cde5f5;
}
section div.collection_footer div.navigation li {
  display: inline;
  padding: 5px 3px;
  font-family: sans-serif;
  font-weight: bold;
}
section.withIcon {
  padding-left: 39px;
}
section.withIcon .icon {
  width: 33px;
  float: left;
  margin-left: -39px;
}
section.withIcon .icon span {
  margin-top: 4px;
}
section.withIcon h3 {
  width: 100%;
  float: left;
}
section.withIcon.resultsIcon {
  margin-left: -39px;
}
@media only screen and (max-width: 767px) {
  section.withIcon.resultsIcon .icon {
    display: none;
  }
}
.sac_title_med {
  background: transparent url(../images/sac_title_med.png) no-repeat;
  background-size: 100%;
  height: 24px;
  max-height: 24px;
  width: 100%;
  max-width: 290px;
  display: block;
}
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {
  .sac_title_med {
    background-image: url(../images/sac_title_med_hidpi.png);
    background-size: 252px;
  }
}
html.lt-ie9 .sac_title_med {
  background-image: none;
  filter: progid:dximagetransform.microsoft.alphaimageloader(src='/collections/special/2012/campaign/lib/images/sac_title_med.png', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/collections/special/2012/campaign/lib/images/sac_title_med.png',sizingMethod='scale')";
}
.voterid_med {
  margin-top: 8px !important;
}
h1.bigHeadline {
  font-size: 22px;
  padding: 0 3px;
  text-align: center;
  color: #cc3333;
  font-weight: bold;
  margin-top: -10px;
}
h1.bigHeadline b {
  text-decoration: underline;
  display: inline-table;
}
h1.bigHeadline span {
  marign-left: 4px;
}
.highlighted-multimedia img {
  margin: 0 10px 10px 0;
  max-width: 100px;
  float: left;
}
/* =========================
general tables, events listing
========================= */
table.election {
  font-family: Helvetica, Arial, sans-serif;
  width: 100%;
  margin-top: 4px;
}
table.election thead {
  background-color: #cde5f5;
  color: #fff;
  color: #444444;
}
table.election thead th {
  padding: 2px 3px;
  font-weight: bold;
  color: #444444;
}
table.election tbody {
  border-top: 1px solid #fff;
}
table.election tbody td {
  padding: 2px 3px;
}
table.election tbody td a {
  text-decoration: underline;
}
table.election tr.eventDetails {
  display: none;
  font-family: Georgia, Times, serif;
}
table.candidatesList {
  width: 100%;
  table-layout: fixed;
  margin-bottom: 5px;
}
table.candidatesList tbody tr td {
  padding: 0px 2px;
  position: relative;
  vertical-align: bottom;
  font-family: Georgia, times, sans-serif;
  font-size: 13px;
}
table.candidatesList tr.candidateNames td {
  padding-top: 0;
  font-family: Georgia, Times, serif;
  text-align: center;
  font-size: 13px;
  line-height: 15px;
  vertical-align: top;
}
table.candidatesList img.solo {
  max-width: 140px;
}
a:hover h2 {
  color: #00334e;
  text-decoration: underline;
}
a:hover table.candidatesList {
  cursor: pointer;
}
a:hover table.candidatesList span.candidate {
  cursor: pointer;
  text-decoration: underline;
  color: #336699;
}
table#candidateDetails {
  table-layout: fixed;
  font-size: 13px;
  width: 100%;
}
table#candidateDetails thead {
  background-color: transparent;
}
table#candidateDetails thead tr th {
  padding: 0px 2px;
  position: relative;
  vertical-align: bottom;
}
table#candidateDetails thead tr th img {
  max-width: 150px;
}
table#candidateDetails th.candidateNames {
  font-family: 'PT Serif', 'Georgia', times, sans-serif;
  font-weight: normal;
  text-align: center;
  font-size: 20px;
  padding-bottom: 4px;
}
table#candidateDetails th span.party {
  font-size: 12px;
  bottom: 4px;
}
table#candidateDetails tbody tr.odd {
  background-color: #cde5f5;
}
table#candidateDetails tbody tr td {
  padding: 4px;
  font-family: Georgia, times, sans-serif;
  font-size: 13px;
  word-wrap: break-word;
}
table#candidateDetails img.solo {
  max-width: 140px;
}
table#candidateDetails td.attr {
  text-align: right;
  font-weight: bold;
  font-family: sans-serif;
}
span.party {
  position: absolute;
  bottom: 5px;
  padding: 2px 4px;
  margin-top: -16px;
  display: block;
  color: #fff;
  font-weight: bold;
  background-color: green;
  font-family: sans-serif;
}
span.party.red {
  background-color: #cc3333;
}
span.party.blue {
  background-color: #336699;
}
.raceList h3 {
  font-family: sans-serif;
  font-size: 16px;
  color: #444444;
  border-bottom: 1px solid #cc3333;
}
.raceList h3 a {
  color: #444444;
}
.raceList .row .even {
  background: #f9f9f9;
}
/* =========================
district map
========================= */
#districtMap {
  width: 100%;
  height: 200px;
  border: 1px solid #cccccc;
  margin: -10px 0 5px;
}
#districtMap img {
  max-width: none;
}
#districtProfile dl {
  width: 48%;
  float: left;
  margin: 0 1% 0 0;
}
/* =========================
select a candidate
========================= */
.sacPage .sac_title_med {
  margin-left: 40px;
}
.sacPage .sac_title_med .sac_med {
  margin: -3px 0 0 -38px;
}
.sacPage .sac_med {
  /* Hack to overcome IE Stupidity */

  z-index: 100;
  position: relative;
}
/* =========================
general old styles
========================= */
.sectiongrid {
  background: none;
}
span.hidden {
  position: absolute;
  left: -9999px;
}
span.arrow {
  font-size: 75%;
}
section {
  margin-bottom: 15px;
  font-size: 13px;
}
div.subSection {
  margin: 5px 0;
}
div.section h3 {
  border-bottom: 1px solid ;
}
div.section h1 {
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 5px;
}
div.section h2 {
  font-size: 19px;
  line-height: 19px;
  font-weight: normal;
}
div.section h2.inline {
  display: inline;
}
div.subSection h2 {
  padding-bottom: 5px;
}
div.section h1 a,
div.section h2 a {
  color: #000;
  font-family: 'PT Serif', serif;
  font-weight: bold;
}
div.section h1 a:hover,
div.section h2 a:hover {
  text-decoration: none;
  color: #264f81;
}
div.section div.selectACandidate {
  margin: 5px 0;
  padding-bottom: 5px;
  background: transparent url('../gradient_80.gif') repeat-x;
}
div.section div.selectACandidate p {
  margin-left: 46px;
  margin-top: -5px;
}
.contentbody .section p,
.contentbody .section div {
  font-size: 13px;
}
div.candidateProfiles h2 {
  margin-bottom: 8px;
}
div.race {
  background: #e5f2ff url('../gradient_82.png') repeat-x;
  margin-bottom: 8px;
  margin-top: 4px;
}
div.race h4 {
  padding: 2px;
  width: 200px;
  margin: 3px 0 0 3px;
}
div.race h4 a {
  text-transform: uppercase;
  font-weight: bold;
  color: #264f81;
  font-size: 10px;
  font-family: Helvetica, Arial, sans-serif;
}
div.profileLink a {
  /*height: 122px;*/

  width: 90px;
  display: block;
  float: left;
  color: #264f81;
  height: auto;
  background-repeat: no-repeat;
  background-color: #aed8ff ;
  background-position: 1px 1px;
  margin-top: 4px;
  border: 1px solid #aed8ff;
}
div.profileLink a.top {
  margin-top: 0px !important;
}
a.moreCandidates {
  font-size: 16px;
  font-weight: normal;
  padding: 0 5px;
  width: 90px;
  height: 112px;
  float: right;
}
a.budgetPlan {
  display: block;
  padding: 4px;
  background: transparent url('../gradient_80.gif') repeat-x;
}
a.budgetPlan span.budgetIcon {
  width: 12px;
  height: 13px;
  background-position: -32px -102px;
  float: left;
}
a.raceExtra {
  margin-left: 21px;
}
/* =====================
	Results Tables
===================== */
.bop {
  margin: 10px 0;
}
.bop h4 {
  font-size: 30px;
  font-weight: bold;
  font-family: sans-serif;
  line-height: 18px;
  margin-top: 8px;
}
.bop h4 b {
  font-weight: normal;
  font-size: 16px;
  text-transform: uppercase;
}
.bop h4.dflCount {
  color: #336699;
}
.bop h4.undecidedCount {
  color: #444444;
  text-align: center;
}
.bop h4.rCount {
  color: #cc3333;
  text-align: right;
}
.bop .bopBar {
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  position: relative;
}
.bop .bopParty {
  height: 20px;
  float: left;
}
.bop .dflWinner {
  background-color: #336699;
  border-radius: 2px 0 0 2px;
}
.bop .dflLeader {
  background-color: #8cb2d9;
}
.bop .undecided {
  background-color: #cccccc;
}
.bop .rWinner {
  background-color: #cc3333;
  border-radius: 0 2px 2px 0;
}
.bop .rLeader {
  background-color: #ebadad;
}
.bop .arrow_box {
  position: relative;
  background: transparent;
}
.bop .arrow_box:after {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.bop .arrow_box:after {
  border-color: rgba(0, 0, 0, 0);
  border-bottom-color: #000000;
  border-width: 5px;
  left: 50%;
  margin-left: -5px;
}
.bop .bopLegend {
  font-size: 10px;
  position: relative;
  padding-top: 10px;
}
.bop .bopLegend .control {
  width: 35%;
  margin: 0px auto;
  text-align: right;
  max-width: 105px;
}
.bop .bopLegend .senateBefore {
  width: 45%;
  margin-right: 55%;
  text-align: right;
  margin-left: 0%;
  margin-top: -18px;
}
.bop .bopLegend .senateBefore:after {
  left: 97% !important;
}
.bop .bopLegend .houseBefore {
  width: 46.3%;
  margin-right: 53.7%;
  text-align: right;
  margin-left: 0%;
  margin-top: -18px;
}
.bop .bopLegend .houseBefore:after {
  left: 97% !important;
}
.bop .bopLegend .legend {
  width: 200px;
  float: right;
  font-weight: bold;
  text-align: right;
  font-size: 12px;
  margin-top: -18px;
}
.bop .bopLegend .legend span {
  display: inline-block;
  width: 12px;
  height: 12px;
}
.bop .bopLegend .legend span.dflWinner {
  background-color: #336699;
}
.bop .bopLegend .legend span.dflLeader {
  background-color: #8cb2d9;
}
.bop .bopLegend .legend span.rWinner {
  background-color: #cc3333;
}
.bop .bopLegend .legend span.rLeader {
  background-color: #ebadad;
}
@media only screen and (max-width: 767px) {
  .bop .bopLegend .senateBefore,
  .bop .bopLegend .houseBefore,
  .bop .bopLegend .legend {
    margin-top: -14px;
  }
}
@media only screen and (max-width: 479px) {
  .bop .bopLegend .legend {
    margin-top: 0px;
  }
}
.bop.compact {
  margin: 5px 0 18px;
}
.bop.compact h4 {
  font-size: 16px;
  margin-top: 0;
}
.bop.compact h4.bopHeader {
  text-align: center;
  color: #444444;
  margin: 8px 0 2px;
}
.bop.compact .details {
  text-align: center;
}
.bop.compact .row.counts {
  margin-top: 15px;
}
.bop.compact .bopParty {
  height: 10px;
}
.bop.compact .bopBar .divider {
  position: absolute;
  height: 14px;
  left: 49%;
  top: -2px;
  width: 2px;
  border: 1px solid #fff;
  background-color: #000;
}
table.glanceResults {
  width: 100%;
}
table.glanceResults td {
  font-size: 14px;
  padding: 5px 4px;
  text-align: center;
}
table.glanceResults td a {
  color: #444444;
}
table.glanceResults tbody tr:hover {
  background-color: #f2f2f2;
  cursor: pointer;
}
table.glanceResults td.winner,
table.glanceResults td.leader {
  font-weight: bold;
  border: 1px solid #fff;
}
table.glanceResults td.dfl.winner {
  background-color: #336699;
  color: #fff;
}
table.glanceResults td.dfl.leader {
  background-color: #8cb2d9;
  color: #fff;
}
table.glanceResults td.gop.winner {
  background-color: #cc3333;
  color: #fff;
}
table.glanceResults td.gop.leader {
  background-color: #ebadad;
  color: #fff;
}
table.glanceResults td.rpt {
  color: #777777;
}
table.glanceResults td.dist {
  font-weight: bold;
}
table.glanceResults thead tr th {
  font-size: 12px;
  padding: 5px;
  font-weight: normal;
  border-bottom: 1px solid #444444;
  text-align: center;
}
#resultsMap {
  width: 100%;
  height: 370px;
  border: 1px solid #cccccc;
}
#resultsMap img {
  max-width: none;
}
@media only screen and (max-width: 479px) {
  #resultsMap {
    height: 250px;
  }
}
p.lastUpdate {
  text-align: right;
}
p.lastUpdate.left {
  text-align: left;
  float: none;
}
table.results {
  border-collapse: separate;
  width: 100%;
  margin-bottom: 20px;
}
table.results tr.title td {
  font-weight: bold;
  padding: 2px 0 1px;
  border-bottom: 1px solid #cc3333;
  font-size: 16px;
  color: black;
}
table.results tr.title .reporting {
  display: inline-block;
  float: right;
  font-family: georgia, times, serif;
  font-weight: normal;
  color: #444444;
  font-size: 13px;
}
table.results td {
  padding: 5px;
  border: 2px solid #fff;
  font-family: Arial, Helvetica, sans-serif;
}
table.results td span {
  font-family: Arial, Helvetica, sans-serif;
}
table.results tr.countyHeader td {
  text-transform: uppercase;
  color: #444444;
  font-weight: bold;
  font-family: sans-serif;
  padding: 0 1px;
  text-align: center;
  background-color: #f2f2f2;
  border-left: 1px solid #fff;
}
table.results tr.countyHeader td.empty {
  background-color: transparent;
}
table.results tr.resultsheader td {
  text-transform: uppercase;
  color: #444444;
  font-weight: bold;
  font-family: sans-serif;
  padding: 0 1px;
  text-align: center;
}
table.results tr.resultsheader td.precincts,
table.results tr.resultsheader tr.header td.area {
  font-weight: bold;
  text-align: center;
}
table.results tr.candidate.odd {
  background-color: #f2f2f2;
}
table.results tr.candidate td {
  border: 0;
  vertical-align: middle;
}
table.results td.candidate_photo {
  padding: 0;
}
table.results .candidate_party_icon {
  color: #FFFFFF;
  max-width: 40px;
  background-color: #fff;
}
table.results .candidate_party_icon span {
  display: inline-block;
  text-align: center;
  line-height: 16px;
  font-size: 13px;
  background-color: #333;
  padding: 2px 4px;
  min-width: 30px;
}
table.results .candidate_party_icon .candidate_party_dfl {
  background-color: #336699;
}
table.results .candidate_party_icon .candidate_party_r {
  background-color: #cc3333;
}
table.results .candidate_party_icon .candidate_party_wi {
  background-color: #999;
}
table.results .candidate_party_icon .candidate_party_ip {
  background-color: #f60;
}
table.results .candidate_party_icon .candidate_party_ind {
  background-color: #993;
}
table.results .candidate_party_icon .candidate_party_yes {
  background-color: green;
}
table.results .candidate_party_icon .candidate_party_no {
  background-color: orange;
}
table.results .candidate_party_icon .candidate_party_estimated {
  display: none;
}
table.results .candidate_party_icon span.amendment {
  max-width: 13px;
  min-width: 13px;
}
table.results .candidate_name {
  font-family: 'PT Serif', serif;
  font-weight: bold;
  font-size: 16px;
}
table.results .candidate_votes,
table.results .candidate_vote_percentage {
  text-align: center;
}
table.results .candidate_vote_percentage {
  font-size: 20px;
  font-weight: bold;
}
table.results .candidate_vote_percentage.winner {
  color: #336600;
}
table.results.withCounty .candidate_vote_percentage {
  font-size: 16px;
}
table.results.withCounty .candidate_name {
  font-size: 13px;
}
table.results span.countedNo {
  font-size: 13px;
  font-family: Georgia,Times,serif;
  font-weight: normal;
}
div.reporting {
  display: inline-block;
  float: right;
  font-family: georgia, times, serif;
  font-weight: normal;
  color: #444444;
  font-size: 13px;
}
span.check {
  color: #336600;
}
section.shortResults {
  margin-bottom: 25px;
}
section.shortResults h3 {
  margin-bottom: 4px;
}
section.shortResults table.results {
  margin-bottom: 0px;
}
section.shortResults table.results td {
  padding: 5px;
  line-height: 16px;
}
section.shortResults table.results td.candidate_photo {
  width: 50px;
}
section.shortResults table.results td.candidate_vote_percentage {
  line-height: 14px;
}
section.shortResults table.results td.candidate_vote_percentage .winner span.check {
  font-size: 16px;
}
section.shortResults table.results span.votes {
  font-size: 13px;
  font-family: Georgia,Times,serif;
  font-weight: normal;
}
section.shortResults table.results tr.odd {
  background-color: transparent;
}
section.shortResults table.results tr.odd td {
  background-color: #f2f2f2;
}
section.shortResults table.results tr.odd td.candidate_photo {
  background-color: transparent;
  padding: 0 inherit 0 0;
}
.three section.shortResults {
  margin-bottom: 15px;
}
.three section.shortResults table.results td.candidate_photo {
  width: 30px;
}
.three section.shortResults table.results td.candidate_photo img {
  max-width: 30px;
  height: auto;
}
.three section.shortResults table.results td.candidate_name {
  font-size: 14px;
  line-height: 16px;
}
.three section.shortResults table.results td.candidate_vote_percentage.winner span.check {
  font-size: 12px;
}
.three section.shortResults table.results td.candidate_party_icon {
  display: none;
}
.three section.shortResults .bop.compact {
  margin: -5px 0 0 0;
}
.three section.shortResults .bop.compact .bopHeader {
  font-size: 14px;
  margin-top: 2px 0 0 ;
}
.three section.shortResults .bop.compact .row.counts {
  margin-top: 13px;
}
.three section.shortResults div.reporting {
  display: none;
}
.three section.shortResults tr.blanks {
  display: none;
}
/************** MPRNews homepage ********************/
.bigHeads {
  text-align: center;
}
.bigHeads h1 {
  font-size: 60px;
  font-weight: bold;
}
.bigHeads h2 {
  font-weight: bold;
  display: inline-block;
  font-size: 18px;
}
#regional_features,
#national_features {
  width: 300px;
  float: left;
  margin-bottom: 20px;
}
#regional_features .item,
#national_features .item {
  margin-bottom: 12px;
}
#regional_features {
  margin-right: 22px;
}
