/*******************************
 * Colors / Colours / Config
 *******************************/

#ss-wc-embed #wc-mandates .oevp.mandates,
#ss-wc-embed .oevp .barchartResult .bar {
   background: #060000;
}

#ss-wc-embed #wc-mandates .spoe.mandates,
#ss-wc-embed .spoe .barchartResult .bar {
   background: #d41328;
}

#ss-wc-embed #wc-mandates .gruene.mandates,
#ss-wc-embed .gruene .barchartResult .bar {
   background: #84b414;
}

#ss-wc-embed #wc-mandates .fpoe.mandates,
#ss-wc-embed .fpoe .barchartResult .bar {
   background: #2453a1;
}

#ss-wc-embed #wc-mandates .frank.mandates,
#ss-wc-embed .frank .barchartResult .bar {
   background: #f8d323;
}

#ss-wc-embed #wc-mandates .bzoe.mandates,
#ss-wc-embed .bzoe .barchartResult .bar {
   background: #f77f0a;
}

#ss-wc-embed #wc-mandates .neos.mandates,
#ss-wc-embed .neos .barchartResult .bar {
   background: #ea4893;
}

#ss-wc-embed #wc-mandates .kpoe.mandates,
#ss-wc-embed .kpoe .barchartResult .bar {
   background: #900d11;
}

#ss-wc-embed #wc-mandates .pirat.mandates,
#ss-wc-embed .pirat .barchartResult .bar {
   background: #533879;
}

#ss-wc-embed #wc-mandates .cpoe.mandates,
#ss-wc-embed .cpoe .barchartResult .bar {
   background: #f9f115;
}

#ss-wc-embed #wc-mandates .wandl.mandates,
#ss-wc-embed .wandl .barchartResult .bar {
   background: #F47A66;
}

#ss-wc-embed #wc-mandates .euaus.mandates,
#ss-wc-embed .euaus .barchartResult .bar {
   background: #248aab;
}

#ss-wc-embed #wc-mandates .m.mandates,
#ss-wc-embed .m .barchartResult .bar {
   background: #d0ad21;
}

#ss-wc-embed #wc-mandates .slp.mandates,
#ss-wc-embed .slp .barchartResult .bar {
   background: #b92d22;
}

#ss-wc-embed #wc-mandates .sonstige.mandates,
#ss-wc-embed .sonstige .barchartResult .bar {
   background: #d1d6db;
}

#ss-wc-embed .nrwahl .mandates {
   width: 51.5px;
   border: 0;
}

/* Don't show changes for new parties */
#ss-wc-embed .frank .barchartResult .barWrapper .barPrevious,
#ss-wc-embed .frank .barchartResult .barWrapper .barChangePercent,
#ss-wc-embed .neos .barchartResult .barWrapper .barPrevious,
#ss-wc-embed .neos .barchartResult .barWrapper .barChangePercent,
#ss-wc-embed .pirat .barchartResult .barWrapper .barPrevious,
#ss-wc-embed .pirat .barchartResult .barWrapper .barChangePercent,
#ss-wc-embed .wandl .barchartResult .barWrapper .barPrevious,
#ss-wc-embed .wandl .barchartResult .barWrapper .barChangePercent,
#ss-wc-embed .euaus .barchartResult .barWrapper .barPrevious,
#ss-wc-embed .euaus .barchartResult .barWrapper .barChangePercent,
#ss-wc-embed .m .barchartResult .barWrapper .barPrevious,
#ss-wc-embed .m .barchartResult .barWrapper .barChangePercent,
#ss-wc-embed .slp .barchartResult .barWrapper .barPrevious,
#ss-wc-embed .slp .barchartResult .barWrapper .barChangePercent,
#ss-wc-embed .sonstige .barchartResult .barWrapper .barPrevious,
#ss-wc-embed .sonstige .barchartResult .barWrapper .barChangePercent {
   display: none !important;
}

/************ EMBED CODE STARTS HERE ************/
#ss-wc-embed {
   font-family: Arial, Helvetica, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
   -moz-box-shadow: 0px 0px 2px #999;
   -webkit-box-shadow: 0px 0px 2px #999;
   box-shadow: 0px 0px 2px #999;
   background: #fff;
   margin: -90px 0 10px 0;
}

/**
 * For hidden content, e.g. screen reader hints
 */
#ss-wc-embed .offscreen {
   position: absolute;
   top: -6000px;
   left: -6000px;
}

/*******************************
 * Barcharts
 *******************************/

#ss-wc-embed table.barchart {
   margin: 26px 0 24px 0;
   border-collapse: collapse;
}

#ss-wc-embed table.barchart.portrait {
   table-layout: fixed;
}

#ss-wc-embed #wc-projection table.barchart {
   margin-top: 0;
}

#ss-wc-embed table.barchart abbr {
   border: none;
}

#ss-wc-embed table.barchart td {
   padding: 0 0 12px 0;
}

#ss-wc-embed table.barchart.portrait td {
   padding: 0 !important;
}

#ss-wc-embed .barchart thead tr {
   position: absolute;
   left: -3000em;
   top: -3000em;
}

#ss-wc-embed .barchartLabel {
   font-weight: bold;
}

#ss-wc-embed .barchartPercent {
   text-align: right;
   padding-right: 10px !important;
   font-weight: bold;
}

#ss-wc-embed .barchart td.barchartResult {
   padding: 0;
   position: relative;
}

#ss-wc-embed .barchartResult .barWrapper {
   position: relative;
   top: -18px;
}

#ss-wc-embed .barchart.portrait .barchartResult .barWrapper {
   height: 200px;
   top: 0;
}

#ss-wc-embed .barchart.portrait .barchartPercent,
.barchart.portrait .barchartLabel {
   text-align: center;
}

#ss-wc-embed .uncounted .barchartResult .barWrapper {
   display: none;
}

#ss-wc-embed .barchartResult .bar {
   position: absolute;
   display: block;
   height: 22px;
   background: #bbb;
   -webkit-border-radius: 0px 2px 2px 0px;
   -moz-border-radius: 0px 2px 2px 0px;
   border-radius: 0px 2px 2px 0px;
   z-index: 20;
}

#ss-wc-embed .barchart.portrait .barchartResult .bar {
   bottom: 0;

   -webkit-border-radius: 2px 2px 0px 0px;
   -moz-border-radius: 2px 2px 0px 0px;
   border-radius: 2px 2px 0px 0px;

   width: 80%;
   left: 10%;
}

#ss-wc-embed .barchartResult .barPrevious {
   display: block;
   height: 20px;
   background: #c6c7cc;
   position: absolute;
   top: 6px;
   z-index: 10;
}

#ss-wc-embed .portrait .barchartResult .barPrevious {
   height: 0px; /* gets overwritten by style attribute */
   width: 50px;
   top: auto;
   bottom: 0;
   width: 82%;

   -webkit-border-radius: 2px 2px 0px 0px;
   -moz-border-radius: 2px 2px 0px 0px;
   border-radius: 2px 2px 0px 0px;
}

#ss-wc-embed .barchartResult .barLabel {
   *display: none; /* IE7 fix */
   position: absolute;
   top: 4px;
   left: 5px;
   font-size: 11px;
   color: #fcfcfc;
   color: rgba(255, 255, 255, 0.75);
   z-index: 30;
}

#ss-wc-embed .mini.barchartResult .barLabel {
   display: none;
}

#ss-wc-embed .barchartResult .barChange {
   position: absolute;
   top: 7px;
   font-size: 11px;
   color: #4f4f4f;
   z-index: 50;
}

#ss-wc-embed .projection .barchartResult .barChange {
    top: 5px;
}

#ss-wc-embed .barchart.portrait .barchartResult .barChange {
   top: auto;
   text-align: center;
   display: block;
   width: 100%;
}

#ss-wc-embed .barChangeStimmen + .barChangePercent:before {
   content: ", ";
}

#ss-wc-embed .barLabel.novotes {
   display: none;
}

#ss-wc-embed .minor .stimmen {
   position: absolute;
   top: -5000em;
   left: -5000em;
}

#ss-wc-embed .voteMetadata {
   margin: 24px 0;
   border-collapse: collapse;
}

#ss-wc-embed .voteMetadata td,
#ss-wc-embed .voteMetadata th {
   padding: 0 0 1px 0;
}

#ss-wc-embed .voteMetadata tbody th {
   width: 11em;
}

#ss-wc-embed .voteMetadata thead {
   *display: none;
}

#ss-wc-embed .voteMetadata thead th,
#ss-wc-embed .voteMetadata .turnout th,
#ss-wc-embed .voteMetadata .turnout td {
   font-weight: bold;
}

#ss-wc-embed .voteMetadata .current,
#ss-wc-embed .voteMetadata .previous {
   width: 6.5em;
   text-align: right;
}

#ss-wc-embed .voteMetadata .previous {
   color: #949494;
}

#ss-wc-embed .infobox,
#ss-wc-embed .wc-lastupdated {
   font-size: 12px;
}

#ss-wc-embed .wc-lastupdated a {
   color: #333;
}

#ss-wc-embed .infobox {
   max-width: 472px;
   margin-right: 16px;
   margin-top: 24px;
}

#ss-wc-embed #wc-projection .infobox {
   margin-right: 12px;
}

#ss-wc-embed #wc-heatmap .infobox {
   margin-left: 167px;
   padding-bottom: 30px;
   margin-top: 0;
}

#ss-wc-embed .infobox p {
   margin: 10px 0;
}

/*******************************
 * Projection
 *******************************/

#ss-wc-embed .projection.voteMetadata {
   font-size: 12px;
   margin: 8px 0;
}  

#ss-wc-embed #wc-projection-wrapper {
   margin: 0 auto;
   padding: 5px 12px 12px 12px;
   max-width: 533px;
   background: #fff;
}

#ss-wc-embed #wc-projection h2 {
   font-weight: bold;
   margin: 12px 0 0 0;
}

#ss-wc-embed #wc-projection h3 {
   margin: 18px 0 8px 0;
   font-weight: bold;
   font-size: 16px;
}

#ss-wc-embed #wc-projection .barchart.projection {
   margin-top: 14px;
}

#ss-wc-embed #wc-projection .barchart.portrait {
   margin-top: 2px;
   width: 100%;
}

#ss-wc-embed #wc-projection .voteMetadata dt {
   width: 11.3em;
}

#ss-wc-embed #wc-projection .voteMetadata dd {
   text-align: left;
}

/*******************************
 * Mandates
 *******************************/

#ss-wc-embed #wc-mandates {
   background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAABaCAMAAAAvmu7NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkE3QTdDMDdGMUJBMzExRTNBOThCREZFMDg0QkVDNUY1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkE3QTdDMDgwMUJBMzExRTNBOThCREZFMDg0QkVDNUY1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTdBN0MwN0QxQkEzMTFFM0E5OEJERkUwODRCRUM1RjUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTdBN0MwN0UxQkEzMTFFM0E5OEJERkUwODRCRUM1RjUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4ZfQJPAAAANlBMVEXT09N3eHq7vL3u7u6IiYvd3d6AgIKRkZPl5uaZmpv29/fMzM2ioqSqq6zU1dWzs7TDxMX///+WcLyyAAAAEnRSTlP//////////////////////wDiv78SAAABFUlEQVR42uySC67EIAhFB1Hw1w/73+yDWjNNZnwLmECaqD1cvaAvWcbLkSNHjhw5cuTIkSNHjhw5+mkkrnpESjgn95/9XKgYLDRtJx17FcEIELOxDG2hgjNpVEHoKI02kY0QY1dUuS8cJshjspEeIwFQ6BA5QBdHrAtVg+m0D0+7QDC1Wp4bfqpCaaWcuqflyjVcZ5EghWUPC5SwEeFD1SOi1leKYAj5q6of5kuT3irrIddAuENkdby8r40equu+kqYzqxdeq7T4uNkE7xuqtpxt+VClkdWjfVdLRyGd6z8qiREtN6j+tCOKvMWsC/7qMBMUBnN3QCzzJdH1/nbgCOlrXbXN9uYQ2ngMPE60zt/v+U+AAQDirC1IlHYaqgAAAABJRU5ErkJggg==') 50% 0 no-repeat;
   margin: 21px 0 18px 0px;
   width: 100%;
   height: 90px;
   position: relative;
}

.mandateInfoBlurb {
   font-weight: bold;
}

#ss-wc-embed #wc-mandates .mandates {
   float: left;
   cursor: move;
   position: relative;
   margin-top: 15px;
   height: 40px;
   background: #fff;
}

#ss-wc-embed #wc-mandates .mandates:hover,
#ss-wc-embed #wc-mandates .mandates:focus {
   z-index: 100;
   -moz-transform: scale(1.035) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
   -webkit-transform: scale(1.035) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
   -o-transform: scale(1.035) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
   -ms-transform: scale(1.035) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
   transform: scale(1.035) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
}

#ss-wc-embed #wc-mandates .mandates.dragging {
   -moz-transform: scale(1.035) translateY(-4px);
   -webkit-transform: scale(1.035) translateY(-4px);
   -o-transform: scale(1.035) translateY(-4px);
   -ms-transform: scale(1.035) translateY(-4px);
   transform: scale(1.035) translateY(-4px);

   -webkit-box-shadow:  0px 0px 3px 1px rgba(255, 255, 255, 0.7);
   box-shadow:  0px 0px 3px 1px rgba(255, 255, 255, 0.7);
}

#ss-wc-embed .mandates .mandate {
   display: inline-block;
   width: 7px;
   height: 40px;
   background: #ccc;
   border-right: 1px solid #fff;
}

#ss-wc-embed .mandates .mandateCount {
   z-index: 20;
   position: absolute;
   top: -20px;
   left: 0;
   font-size: 15px;
   text-align: center;
   width: 100%;
}

#ss-wc-embed .mandates .mandateCountPrevious {
   z-index: 20;
   position: absolute;
   bottom: -12px;
   left: 0;
   font-size: 10px;
   color: #888;
   text-align: center;
   width: 100%;
}

/**
 * Responsive Layout
 */

@media (min-width: 720px) {
   #ss-wc-embed .nrwahl .mandates .mandate {
      width: 2.25px;
      border: 0;
   }
}

@media (max-width: 565px) {
   #ss-wc-embed .portrait .barchartPercent,
   #ss-wc-embed .portrait .barchartLabel {
      font-size: 12px;
   }

   #ss-wc-embed .barchart.portrait .barchartResult .barWrapper {
      height: 155px;
   }
}

@media (max-width: 390px) {
   #ss-wc-embed .portrait .barchartPercent,
   #ss-wc-embed .portrait .barchartLabel {
      font-size: 9px;
   }

   #ss-wc-embed .barchart.portrait .barchartResult .barWrapper {
      height: 105px;
   }

   #ss-wc-embed .barchart.portrait .barchartResult .barChange {
      font-size: 8px;
   }
}