body {
    font-size: 13px;
}

.vaalikone {
    letter-spacing: 0;
    font-size: 15px;
    line-height: 1.4em;
    color: #222;
    overflow: hidden;
}

.vaalikone .wrapper {
    margin: 0 auto;
    display: table;
}

.vaalikone #navikko, .vaalikone #kyssarit, .vaalikone #puolue, .vaalikone #tulokset, .vaalikone .laheisimmat_puolueet, .vaalikone p.ingressi, .vaalikone .ehdokas_speksit p, .vaalikone #tulospalvelu, .vaalikone #ehdokas {
    font-family: HelsinginTextRegular, Helvetica, Arial, sans-serif !important;
}

.vaalikone #navikko {
    display: table-cell;
    position: relative;
    float: left;
    z-index: 1;
}

.vaalikone #navikko ul li {
    float: left;
    text-transform: uppercase;
    border-bottom: 1px #999 solid;
}

.vaalikone #navikko ul li, .vaalikone .tulos_valiotsikko {
    background-color: #444;
    border-top: 1px #999 solid;
    border-right: 1px #999 solid;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.vaalikone #navikko ul li.eka {
    border-left: 1px #999 solid;
}

.vaalikone #navikko ul li, .vaalikone .sivutusnappi {
    font-size: 10px;
    text-transform: uppercase;
    background-color: #444;
}

.vaalikone .sivutusnappi {
    border: 1px #999 solid;
    border-radius: 4px;
    cursor: pointer;
    font-family: HelsinginTextBold, Helvetica, sans-serif;
}

.vaalikone .sivutusnappi:hover a {
    text-decoration: none;
}

.vaalikone h2 {
    padding: 12px 10px 10px 10px;
    position: relative;
    z-index: 10;
}

/* .vaalikone h3 */

.vaalikone h2, .vaalikone th.taulu_valiotsikko, .vaalikone .top5_valiotsikko {
    margin: 0;
    font-family: HelsinginTextRegular, Helvetica, Arial, sans-serif !important;
    text-transform: uppercase;
    font-weight: normal;
}

.vaalikone th.taulu_valiotsikko {
    font-size: 110% !important;
}

.vaalikone .top5_valiotsikko {
    font-size: 100% !important;
    margin-left: 10px;
}

.vaalikone tr:hover th.taulu_valiotsikko {
    background-color: transparent !important;
    color: #000;
    font-weight: normal;
}

.vaalikone .sivutusnappi {
    border: 1px #999 solid;
    border-radius: 4px;
    cursor: pointer;
    font-family: HelsinginTextBold, Helvetica, sans-serif;
}

.vaalikone .sivutusnappi.seuraava {
    float: right;
}

.vaalikone .sivutusnappi a {
    color: #fff !important;
}

.vaalikone #navikko ul li, .vaalikone .sivutusnappi, .vaalikone .jakonapit > div {
    -webkit-transition: 0.25s linear;
    -moz-transition: 0.25s linear;
    -o-transition: 0.25s linear;
    transition: 0.25s linear;
}

.vaalikone .clear {
    clear: both;
}

.vaalikone .sivutusnappi:hover {
    background-color: #000;
}

.vaalikone #navikko ul a li {
    color: #efefef;
}

.vaalikone #navikko ul a li:hover {
    text-decoration: none;
    color: #000;
}

.vaalikone .teema_1_gradient {
    background: #d9cde3;
    background: -moz-linear-gradient(top, #b29ac7 0, #d9cde3 15px); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b29ac7), color-stop(9%, #d9cde3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #b29ac7 0, #d9cde3 15px); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #b29ac7 0, #d9cde3 15px); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #b29ac7 0, #d9cde3 15px); /* IE10+ */
    background: linear-gradient(to bottom, #b29ac7 0, #d9cde3 15px); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b29ac7', endColorstr='#d9cde3', GradientType=0); /* IE6-9 */
}

.vaalikone .teema_2_gradient {
    background: rgb(196, 168, 123);
    background: -moz-linear-gradient(top, rgba(196, 168, 123, 1) 0, rgba(232, 221, 176, 1) 15px);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(196, 168, 123, 1)), color-stop(15px, rgba(232, 221, 176, 1)));
    background: -webkit-linear-gradient(top, rgba(196, 168, 123, 1) 0, rgba(232, 221, 176, 1) 15px);
    background: -o-linear-gradient(top, rgba(196, 168, 123, 1) 0, rgba(232, 221, 176, 1) 15px);
    background: -ms-linear-gradient(top, rgba(196, 168, 123, 1) 0, rgba(232, 221, 176, 1) 15px);
    background: linear-gradient(to bottom, rgba(196, 168, 123, 1) 0, rgba(232, 221, 176, 1) 15px);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4a87b', endColorstr='#e8ddb0', GradientType=0);
}

.vaalikone .teema_3_gradient {
    background: #edd4d0;
    background: -moz-linear-gradient(top, #cf9d95 0, #edd4d0 15px); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cf9d95), color-stop(9%, #edd4d0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #cf9d95 0, #edd4d0 15px); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #cf9d95 0, #edd4d0 15px); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #cf9d95 0, #edd4d0 15px); /* IE10+ */
    background: linear-gradient(to bottom, #cf9d95 0, #edd4d0 15px); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf9d95', endColorstr='#edd4d0', GradientType=0); /* IE6-9 */
}

.vaalikone .teema_4_gradient {
    background: rgb(109, 144, 173);
    background: -moz-linear-gradient(top, rgba(109, 144, 173, 1) 0, rgba(145, 180, 226, 1) 15px);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(109, 144, 173, 1)), color-stop(15px, rgba(145, 180, 226, 1)));
    background: -webkit-linear-gradient(top, rgba(109, 144, 173, 1) 0, rgba(145, 180, 226, 1) 15px);
    background: -o-linear-gradient(top, rgba(109, 144, 173, 1) 0, rgba(145, 180, 226, 1) 15px);
    background: -ms-linear-gradient(top, rgba(109, 144, 173, 1) 0, rgba(145, 180, 226, 1) 15px);
    background: linear-gradient(to bottom, rgba(109, 144, 173, 1) 0, rgba(145, 180, 226, 1) 15px);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6d90ad', endColorstr='#91b4e2', GradientType=0);
}

.vaalikone .teema_5_gradient {
    background: #d0eddc;
    background: -moz-linear-gradient(top, #92c9a9 0, #d0eddc 15px); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #92c9a9), color-stop(9%, #d0eddc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #92c9a9 0, #d0eddc 15px); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #92c9a9 0, #d0eddc 15px); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #92c9a9 0, #d0eddc 15px); /* IE10+ */
    background: linear-gradient(to bottom, #92c9a9 0, #d0eddc 15px); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#92c9a9', endColorstr='#d0eddc', GradientType=0); /* IE6-9 */
}

.vaalikone .teema_6_gradient {
    background: #f0f0f0;
    background: -moz-linear-gradient(top, #bbb 0, #f0f0f0 15px);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bbb), color-stop(9%, #f0f0f0));
    background: -webkit-linear-gradient(top, #bbb 0, #f0f0f015px);
    background: -o-linear-gradient(top, #bbb 0, #f0f0f0 15px);
    background: -ms-linear-gradient(top, #bbb 0, #f0f0f0 15px);
    background: linear-gradient(to bottom, #bbb 0, #f0f0f0 15px);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbb', endColorstr='#f0f0f0', GradientType=0);
    color: #000 !important;
}

.vaalikone #navikko ul li.teema_6:hover {
    background-color: #f0f0f0 !important;
}

.vaalikone #navikko ul li.valittu.teema_6 {
    border-bottom: 1px #bbb solid;
    background-color: #bbb;
}

.vaalikone #navikko ul li.teema_1:hover {
    background-color: #d9cde3 !important;
}

.vaalikone #navikko ul li.teema_2:hover {
    background-color: #e8ddb0 !important;
}

.vaalikone #navikko ul li.teema_3:hover {
    background-color: #edd4d0 !important;
}

.vaalikone #navikko ul li.teema_4:hover {
    background-color: #aecce5 !important;
}

.vaalikone #navikko ul li.teema_5:hover {
    background-color: #d0eddc !important;
}

.vaalikone #navikko ul li.valittu.teema_1 {
    border-bottom: 1px #b29ac7 solid;
    background-color: #b29ac7;
}

.vaalikone #navikko ul li.valittu.teema_2 {
    border-bottom: 1px #c4a87b solid;
    background-color: #c4a87b;
}

.vaalikone #navikko ul li.valittu.teema_3 {
    border-bottom: 1px #cf9d95 solid;
    background-color: #cf9d95;
}

.vaalikone #navikko ul li.valittu.teema_4 {
    border-bottom: 1px #6d90ad solid;
    background-color: #6d90ad;
}

.vaalikone #navikko ul li.valittu.teema_5 {
    border-bottom: 1px #92c9a9 solid;
    background-color: #92c9a9;
}

.vaalikone #navikko ul li.eka {
    border-left: 1px #999 solid;
}

.vaalikone #navikko ul a li.valittu {
    color: #000;
}

.vaalikone #navikko ul {
    margin: 0;
}

.vaalikone #kyssarit {
    border-top: 1px #999 solid;
    top: -1px;
}

.vaalikone #puolue, .vaalikone #tulokset, .vaalikone #kyssarit {
    clear: left;
    position: relative;
    z-index: 0;
}

.vaalikone div.ingressi_wrapper, .vaalikone div.paras_tulos_wrapper {
    padding: 0;
}

.vaalikone #tulospalvelu div.paras_tulos_wrapper, .vaalikone .tulos_haalea_gradient .paras_tulos_wrapper {
    padding-top: 24px;
}

.vaalikone div.ingressi_wrapper {
    min-height: 152px;
    margin: 0;
    position: relative;
}

.vaalikone p.ingressi, .vaalikone div.tulos_paras, .vaalikone .top5_hlo {
    margin: 0;
    font-size: .9em !important;
}

.vaalikone div.tulos_paras {
    display: table;
}

.vaalikone div.tulos_ingressi {
    padding: 0 16px;
    width: 50%;
}

.vaalikone p.ingressi {
    padding: 0 33% 8px 10px !important;
}

.vaalikone .tulos_paras > div {
    display: table-cell;
    vertical-align: top;
    min-width: 55px;
}

.vaalikone div.tulos_paras {
    padding: 0 0 8px 10px;
}

.vaalikone p.ingressi img {
    position: absolute;
    right: 0;
    top: 0;
    opacity: .6;
    filter: alpha(opacity=60);
}

.vaalikone div.tulos_paras img {
    display: inline-block;
}

.vaalikone .top5 {
    position: relative;
    display: table;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    clear: both;
    width: 100%;
}

.vaalikone .top5 table.lukutaulukko {
    margin-bottom: 12px !important;
}

.vaalikone .sivunumero {
    float: right;
}

.vaalikone div.kysymys {
    padding: 16px 10px 0 10px;
}

.vaalikone .kysymys {
    clear: left;
}

.vaalikone h3, .vaalikone #tulokset h4, .vaalikone #puolue h4 {
    font-family: HelsinginTextBold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    letter-spacing: 0;
}

.vaalikone #tulospalvelu h4, .vaalikone #tulospalvelu .lue_lisaa {
    font-family: HelsinginTextRegular, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: normal !important;
}

.vaalikone #puolue h4, .vaalikone #tulokset h4 {
    font-size: 90%;
    margin: 0;
    color: #000;
}

.vaalikone #puolue .top5 > h2 {
    padding-top: 0;
}

.vaalikone #tulospalvelu h4 {
    margin: 0 0 4px -4px;
    font-size: 80%;
}

.vaalikone #tulospalvelu h4 {
    display: table-caption;
    padding-left: 4px;
}

.vaalikone .aanestin {
    width: 20%;
    float: left;
}

.vaalikone .aanestin > div {
    min-width: 0;
    max-width: 46%;
    height: 8px;
    margin: 6px 0;
    border: 1px #bbb solid;
}

.vaalikone .aanestyslatkat > div, .vaalikone .painokerrottimet {
    text-transform: uppercase;
    color: #333;
}

.vaalikone .aanestyslatkat > div {
    float: left;
    width: 33%;
    height: 13px;
}

.vaalikone .aanestyslatkat > div.samaa_mielta {
    text-align: right;
}

.vaalikone .aanestyslatkat > div.eos {
    text-align: center;
}

.vaalikone .painokerrottimet {
    display: table;
}

.vaalikone .painokerrottimet > div {
    float: left;
    display: table-cell;
    vertical-align: middle;
}

.vaalikone .painokerrottimet > div.tarkeaa {
    padding-left: 8px;
}

.vaalikone .painokerrottimet > div.ei_tarkeaa {
    padding-right: 8px;
}

.vaalikone .painokerrottimet > div.tarkeaa, .vaalikone .painokerrottimet > div.ei_tarkeaa {
    margin-top: -4px;
}

.vaalikone .top5_hlo {
    padding: 0 0 0 10px;
    float: left;
    width: 48%;
    min-height: 94px;
    border-radius: 4px;
}

.vaalikone .top5_hlo table {
    width: 100%;
}

.vaalikone .top5_hlo td {
    vertical-align: top;
}

.vaalikone .top5_naama {
    width: 25%;
    min-width: 55px;
    padding-top: 12px;
}

.vaalikone .top5_hlo_speksit, .vaalikone .tulos_speksit, .vaalikone .ehdokas_speksit {
    padding-left: 6%;
}

.vaalikone .top5_hlo_speksit {
    padding-top: 8px;
}

.vaalikone .top5_hlo_speksit * {
    color: #000;
}

.vaalikone .top5_hlo_speksit a {
    font-weight: normal !important;
}

.vaalikone .top5_hlo_speksit ul, .vaalikone .tulos_speksit ul, .vaalikone .ehdokas_speksit ul {
    margin: 0 0 0 16px !important;
    list-style: square outside !important;
}

.vaalikone .tulos_speksit p, .vaalikone .top5_hlo_speksit p {
    font-family: HelsinginTextRegular, Helvetica, Arial, sans-serif !important;
    font-size: 10px !important;
    text-transform: uppercase;
    line-height: 10px !important;
}

.vaalikone #tulospalvelu .tulos_speksit p, .vaalikone #tulospalvelu .top5_hlo_speksit p {
    text-transform: none;
}

.vaalikone #tulospalvelu .tulos_speksit span, .vaalikone #tulospalvelu .top5_hlo_speksit span {
    display: block;
    margin-bottom: 0;
    margin-top: -2px;
}

.vaalikone #tulospalvelu .tulos_speksit span {
    font-size: 24px !important;
    line-height: 26px !important;
}

.vaalikone #tulospalvelu .top5_hlo_speksit span {
    font-size: 160% !important;
    line-height: 16px !important;
}

.vaalikone .tulos_speksit p a:hover, .vaalikone .ehdokas_speksit p a:hover, .vaalikone .top5_hlo_speksit p a:hover {
    text-decoration: underline;
}

.vaalikone .tulos_speksit span, .vaalikone .top5_hlo_speksit span {
    font-family: Georgia, serif;
    display: inline-block;
    vertical-align: bottom;
}

.vaalikone .top5_hlo ul {
    margin: 0;
}

.vaalikone .tulos_paras a {
    font-weight: normal !important;
    color: inherit;
}

.vaalikone .tulos_valiotsikko {
    margin-left: 5px;
    padding: 4px 10px;
    border-left: 1px #999 solid;
    clear: both;
}

.vaalikone .tulos_valiotsikko, .vaalikone .jakonapit {
    color: #fff !important;
    font-family: HelsinginTextBold, Helvetica, Arial, sans-serif !important;
    display: inline-block;
    width: auto;
}

.vaalikone .jakonapit {
    padding: 6px 10px;
    float: right;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    margin: 0 5px 16px 0;
    background-color: #444;
    border-left: 1px #999 solid;
    border-bottom: 1px #999 solid;
    border-right: 1px #999 solid;
}

.vaalikone .jakonapit > div {
    display: inline-block;
    margin-left: 8px;
    opacity: .6;
    filter: alpha(opacity=60);
    vertical-align: middle;
}

.vaalikone .jakonapit a img {
    border: none;
}

.vaalikone .jakonapit > div:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.vaalikone .jako-otsikko, .vaalikone .jako-otsikko a {
    font-family: HelsinginTextRegular, Helvetica, Arial, sans-serif !important;
    text-transform: uppercase;
    font-weight: normal;
    color: #fff !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.vaalikone .jako-otsikko a:hover {
    text-decoration: underline;
}

.vaalikone .laheisimmat_puolueet table {
    font-family: "HelsinginTextBold", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 13px;
    width: 100%;
}

.vaalikone .laheisimmat_puolueet tr td {
    height: 22px;
}

.vaalikone .laheisimmat_puolueet .puolueen_nimi {
    vertical-align: middle;
    padding-right: 16px;
}

.vaalikone .laheisimmat_puolueet .palkki {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    height: 16px;
    width: 8px;
    padding: 0 0 2px 4px;
}

.vaalikone .laheisimmat_puolueet .palkki#puolue1 {
    background-color: #a0a8b7;
}

.vaalikone .laheisimmat_puolueet .palkki#puolue2 {
    background-color: #c0c5cf;
}

.vaalikone .laheisimmat_puolueet .palkki#puolue3 {
    background-color: #c5cad3;
}

.vaalikone .laheisimmat_puolueet .palkki#puolue4 {
    background-color: #caced7;
}

.vaalikone .laheisimmat_puolueet .palkki#puolue5 {
    background-color: #cdd2d9;
}

.vaalikone .laheisimmat_puolueet .palkki#puolue6 {
    background-color: #d3d6dd;
}

.vaalikone .laheisimmat_puolueet .palkki#puolue7 {
    background-color: #d5d9df;
}

.vaalikone .laheisimmat_puolueet .palkki#puolue8 {
    background-color: #d8dce2;
}

.vaalikone .laheisimmat_puolueet.module-box {
    border: none !important;
    margin: 0 !important;
    padding: 2px 0 20px 0 !important;
}

.vaalikone .laheisimmat_puolueet h3.module-hdr {
    font-family: "HelsinginTextRegular", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;

}

.vaalikone .laheisimmat_puolueet h3.module-hdr img {

    margin-bottom: -14px;

}

.vaalikone .ilmaa {
    margin-top: 16px !important;
}

.vaalikone .top5.tulos_haalea_gradient {
    padding-top: 0 !important;
}

.vaalikone .top5 .piirakka, .vaalikone #tulospalvelu table, .vaalikone #ehdokas table {
    margin: 0 auto;
}

.vaalikone .top5 .piirakka, .vaalikone #tulospalvelu table {
    display: inherit;
}

.vaalikone .top5 .piirakka {
    padding: 10px;
}

.vaalikone .lukutaulukko {
    width: 95%;
    font-size: 90%;
    line-height: 16px;
}

.vaalikone .lukutaulukko .indent {
    padding-left: 64px;
}

.vaalikone .lukutaulukko th {
    text-align: left;
    padding: 2px 2px 2px 8px;
    font-family: HelsinginTextBold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 96%;
}

.vaalikone .lukutaulukko tr:hover, .vaalikone .lukutaulukko tr:hover a {
    color: #fff !important;
    background-color: #aaa;
}

.vaalikone .lukutaulukko tr.ei_hoveria:hover, .vaalikone .lukutaulukko tr.ei_hoveria:hover a {
    color: #333 !important;
    background-color: transparent;
}

.vaalikone .lukutaulukko td {
    padding: 2px;
}

.vaalikone .lukutaulukko td, .vaalikone .lukutaulukko th.number, .vaalikone .lukutaulukko th.diff.opt, .vaalikone .lukutaulukko td {
    text-align: right;
}

.vaalikone .lukutaulukko td.more {
    font-size: 75%;
    text-transform: uppercase;
    padding-top: 8px;
    padding-bottom: 4px;
}

.vaalikone .lukutaulukko td.more a:hover, .vaalikone .lukutaulukko th a:hover {
    text-decoration: underline;
}

.vaalikone .lukutaulukko th span.video-play-icon {
    display: inline-block;
    background: url(../images/video.png) 0px -1px no-repeat;
    width: 20px;
    height: 15px;
}

.vaalikone .lukutaulukko .diff.up {
    color: #60ad10;
}

.vaalikone .lukutaulukko .diff.down {
    color: #b40707;
}

.vaalikone .lukutaulukko .diff {
    color: #999;
}

.vaalikone #tulospalvelu .lukutaulukko .diff {
    padding-right: 8px !important;
}

.vaalikone #tulospalvelu .top5 > div {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.vaalikone #tulospalvelu .top5 {
    width: 100% !important;
}

.vaalikone #tulospalvelu .valitut > div {
    padding-left: 10px;
}

/*.vaalikone #tulospalvelu .valitut > div > div {
	margin: 0 5px 5px 0;
	overflow: hidden;
}*/

.vaalikone #tulospalvelu .top5 > div, .vaalikone #tulospalvelu .valitut > div > div, .vaalikone #tulospalvelu h4, .top5.tulos_muut_gradient, .vaalikone #puolueet h2.tulos_valiotsikko {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.vaalikone .palkit {
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 16px;
    clear: both;
}

.vaalikone .oma_sijainti, .vaalikone .keskikohta {
    position: relative;
    display: inline-block;
    clear: both;
}

.vaalikone .keskikohta {
    left: 50%;
    background: url(../images/keskiviiva.png) no-repeat 0 0;
    top: -42px;
    width: 2px;
    height: 33px;
    margin-left: -16px;
    z-index: 100;
}

.vaalikone .oma_sijainti {
    text-align: center;
    color: #000;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, .8);
    top: -32px;
    line-height: 13px;
    background: url(../images/olet-tassa.png) no-repeat center 0;
    margin-left: -11px;
    z-index: 1;
}

.vaalikone .oma_sijainti span {
    padding-top: 18px;
    font-size: 10px;
    text-transform: uppercase;
    display: inline-block;
}

.vaalikone .samaa_mielta_1 {
    background-color: #34920a;
}

.vaalikone .samaa_mielta_0 {
    background-color: #9fca8b;
}

.vaalikone .ei_samaa_eika_eri_mielta {
    background-color: #e9da76;
}

.vaalikone .eri_mielta_0 {
    background-color: #af382f;
}

.vaalikone .eri_mielta_1 {
    background-color: #5b2420;
}

.vaalikone .samaa_mielta_1_gradient {
    background: #34920a; /* Old browsers */
    background: -moz-linear-gradient(top, #1c460a 0, #34920a 15px); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1c460a), color-stop(15px, #34920a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #1c460a, #34920a 15px); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #1c460a, #34920a 15px); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #1c460a, #34920a 15px); /* IE10+ */
    background: linear-gradient(to bottom, #1c460a, #34920a 15px); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c460a', endColorstr='#34920a', GradientType=0); /* IE6-9 */
    color: #000;
    height: 20px;
    float: left;
}

.vaalikone .samaa_mielta_0_gradient {
    background: #9fca8b; /* Old browsers */
    background: -moz-linear-gradient(top, #394b30 0, #9fca8b 15px); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #394b30), color-stop(15px, #9fca8b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #394b30, #9fca8b 15px); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #394b30, #9fca8b 15px); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #394b30, #9fca8b 15px); /* IE10+ */
    background: linear-gradient(to bottom, #394b30, #9fca8b 15px); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#394b30', endColorstr='#9fca8b', GradientType=0); /* IE6-9 */
    color: #000;
    height: 20px;
    float: left;
}

.vaalikone .ei_samaa_eika_eri_mielta_gradient {
    background: #e9da76; /* Old browsers */
    background: -moz-linear-gradient(top, #686131 0, #e9da76 15px); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #686131), color-stop(15px, #e9da76)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #686131, #e9da76 15px); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #686131, #e9da76 15px); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #686131, #e9da76 15px); /* IE10+ */
    background: linear-gradient(to bottom, #686131, #e9da76 15px); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#686131', endColorstr='#e9da76', GradientType=0); /* IE6-9 */
    color: #000;
    height: 20px;
    float: left;
}

.vaalikone .eri_mielta_0_gradient {
    background: #af382f; /* Old browsers */
    background: -moz-linear-gradient(top, #3d1310 0, #af382f 15px); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3d1310), color-stop(15px, #af382f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #3d1310, #af382f 15px); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #3d1310, #af382f 15px); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #3d1310, #af382f 15px); /* IE10+ */
    background: linear-gradient(to bottom, #3d1310, #af382f 15px); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d1310', endColorstr='#af382f', GradientType=0); /* IE6-9 */
    color: #000;
    height: 20px;
    float: left;
}

.vaalikone .eri_mielta_1_gradient {
    background: #5b2420; /* Old browsers */
    background: -moz-linear-gradient(top, #0b0404 0, #5b2420 15px); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0b0404), color-stop(15px, #5b2420)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #0b0404, #5b2420 15px); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #0b0404, #5b2420 15px); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #0b0404, #5b2420 15px); /* IE10+ */
    background: linear-gradient(to bottom, #0b0404, #5b2420 15px); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0b0404', endColorstr='#5b2420', GradientType=0); /* IE6-9 */
    color: #000;
    height: 20px;
    float: left;
}

.vaalikone #tulospalvelu .kysymys, .vaalikone #puolue .kysymys {
    margin-bottom: -32px;
}

.vaalikone #ehdokas .icheckbox_line-aero, .vaalikone #ehdokas .iradio_line-aero {
    cursor: default;
}

.vaalikone #ehdokas .perustelu, .vaalikone #ehdokas .ehdokas_speksit ul {
    font-family: HelsinginTextRegular, Helvetica, Arial;
}

.vaalikone #ehdokas .ehdokas_speksit ul strong {
    font-family: HelsinginTextBold, Helvetica, Arial;
    font-weight: normal;
    font-size: .9em;
}

.vaalikone #ehdokas .ehdokas_speksit ul {
    font-size: .95em;
    list-style: none !important;
    width: 100%;
}

.vaalikone #ehdokas .ehdokas_speksit a {
    color: #06528e;
}

.vaalikone #ehdokas .ehdokas_speksit a:hover {
    text-decoration: underline;
}

.vaalikone #ehdokas .perustelu {
    background-color: #FCF6E3;
    border: 1px #dfdfdf solid;
    border-radius: 4px;
    padding: 4px 8px;
    font-size: .8em;
    margin-top: -15px;
}

.vaalikone #ehdokas p.ingressi {
    padding: 0 10px 6px 10px !important;
}

.vaalikone #ehdokas .oma_sijainti {
    top: -18px;
}

.vaalikone #puolueet h2.tulos_valiotsikko {
    margin-bottom: 0;
}

.vaalikone #puolueet .lukutaulukko {
    width: 100%;
    margin-bottom: 0 !important;
}

.vaalikone #puolueet .lukutaulukko thead th, .vaalikone #puolue .lukutaulukko thead th {
    padding: 8px 4px 4px 4px;
    text-align: center;
}

.vaalikone #tulospalvelu .lukutaulukko thead th {
    padding: 8px 4px 4px 4px;
    text-align: right;
}

.vaalikone #tulospalvelu .lukutaulukko th.number {
    text-align: right;
    width: 13px;
}

.vaalikone .valittu, .vaalikone .varalla, .vaalikone span.new {
    font-family: HelsinginTextRegular, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 10px;
    text-transform: uppercase;
}

.vaalikone #ehdokas .valittu {
    width: 50% !important;
}

.vaalikone #tulospalvelu span.new {
    background-color: #fdf403;
    border-radius: 50%;
    padding: 4px;
    color: #000 !important;
    position: relative;
    top: -1px;
}

.vaalikone .opt, .vaalikone .diff, .vaalikone .up, .vaalikone .down {
    max-width: 15%;
}

.vaalikone #puolueet .lukutaulukko td, .vaalikone #puolue .lukutaulukko td {
    text-align: center;
    font-family: HelsinginTextRegular, Helvetica, Arial, sans-serif;
    font-size: 13px;
}

.vaalikone #puolueet .lukutaulukko tbody tr:last-child td:nth-child(1), .vaalikone #puolue .lukutaulukko tbody tr:last-child td:nth-child(1) {
    border-bottom-left-radius: 4px;
}

.vaalikone #puolueet .lukutaulukko tbody tr:last-child td:nth-child(2), .vaalikone #puolue .lukutaulukko tbody tr:last-child td:nth-child(2) {
    padding-bottom: 10px;
}

.vaalikone #puolueet .lukutaulukko tbody tr:last-child :nth-child(3), .vaalikone #puolueet .lukutaulukko tbody tr:last-child :nth-child(4), .vaalikone #puolueet .lukutaulukko tbody tr:last-child :nth-child(5), .vaalikone #puolue .lukutaulukko tbody tr:last-child :nth-child(3), .vaalikone #puolue .lukutaulukko tbody tr:last-child :nth-child(4), .vaalikone #puolue .lukutaulukko tbody tr:last-child :nth-child(5) {
    vertical-align: top;
    padding-top: 9px;
}

.vaalikone #puolueet .tulos_vas_tumma {
    width: 2px;
}

.vaalikone .pieni_ehdokaskuva {
    width: 30px;
    height: 30px;
    background: url(../images/siluetti_30.png) no-repeat 10px 2px;
    padding-left: 10px !important;
}

.vaalikone #puolue .lukutaulukko {
    width: 100%;
}

.vaalikone #ehdokas .tulos_speksit {
    position: absolute;
    right: 5px;
    margin-top: -42px;
    text-align: center;
    border-radius: 50%;
    width: 65px;
    opacity: .8;
    filter: alpha(opacity=80);
}

.vaalikone #ehdokas .tulos_speksit p {
    padding: 8px;
    margin-left: -26px;
    color: inherit;
}

.vaalikone #ehdokas .tulos_speksit span {
    line-height: 30px;
    font-size: 24px;
    margin: 0;
    padding: 0;
}

/* Puoluegradientit */

.vaalikone .tulos_kokoomus {
    background: #b1c7d0;
}

.vaalikone .tulos_kokoomus_tumma {
    background: #00577d;
    color: #fff !important;
}

.vaalikone .tulos_kokoomus_gradient h2, .vaalikone .tulos_kokoomus_gradient a, .vaalikone .tulos_kokoomus_gradient span {
    color: #fff !important;
}

.vaalikone .tulos_kokoomus_gradient {
    background: #00577d; /* Old browsers */
    background: -moz-linear-gradient(top, #003051 0, #00577d 15px); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #003051), color-stop(9%, #00577d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #003051 0, #00577d 15px); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #003051 0, #00577d 15px); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #003051 0, #00577d 15px); /* IE10+ */
    background: linear-gradient(to bottom, #003051 0, #00577d 15px); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003051', endColorstr='#00577d', GradientType=0); /* IE6-9 */
    color: #fff !important;
    margin-bottom: 12px
}

.vaalikone .tulos_sdp {

    background: #f6cbcd;

}

.vaalikone .tulos_sdp_tumma {
    background: #f51520;
    color: #fff !important;
}

.vaalikone .tulos_sdp_gradient h2, .vaalikone .tulos_sdp_gradient a, .vaalikone .tulos_sdp_gradient span {
    color: #fff !important;
}

.vaalikone .tulos_sdp_gradient {
    background: #f51520; /* Old browsers */
    background: -moz-linear-gradient(top, #91050c 0, #f51520 15px); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #91050c), color-stop(9%, #f51520)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #91050c 0, #f51520 15px); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #91050c 0, #f51520 15px); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #91050c 0, #f51520 15px); /* IE10+ */
    background: linear-gradient(to bottom, #91050c 0, #f51520 15px); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#91050c', endColorstr='#f51520', GradientType=0); /* IE6-9 */
    color: #fff !important;
    margin-bottom: 12px;
}

.vaalikone .tulos_rkp {
    background: #fdebca;
}

.vaalikone .tulos_rkp_tumma {
    background: #ffae1a;
    color: #000;
}

.vaalikone .tulos_rkp_gradient h2, .vaalikone .tulos_rkp_gradient a, .vaalikone .tulos_rkp_gradient span {
    color: #000 !important;
}

.vaalikone .tulos_rkp_gradient {
    background: #ffae1a; /* Old browsers */
    background: -moz-linear-gradient(top, #a16904 0, #ffae1a 15px); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a16904), color-stop(9%, #ffae1a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #a16904 0, #ffae1a 15px); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #a16904 0, #ffae1a 15px); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #a16904 0, #ffae1a 15px); /* IE10+ */
    background: linear-gradient(to bottom, #a16904 0, #ffae1a 15px); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a16904', endColorstr='#ffae1a', GradientType=0); /* IE6-9 */
    color: #000 !important;
    margin-bottom: 12px;
}

.vaalikone .tulos_rkp_gradient .tulos_speksit p a {
    color: #000 !important;
}

.vaalikone .tulos_kd {
    background: #add2fd;
}

.vaalikone .tulos_kd_tumma {
    background: #1967c0;
    color: #fff !important;
}

.vaalikone .tulos_kd_gradient h2, .vaalikone .tulos_kd_gradient a, .vaalikone .tulos_kd_gradient span {
    color: #fff !important;
}

.vaalikone .tulos_kd_gradient {
    background: #1967c0; /* Old browsers */
    background: -moz-linear-gradient(top, #03346b 0, #1967c0 15px); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #03346b), color-stop(9%, #1967c0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #03346b 0, #1967c0 15px); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #03346b 0, #1967c0 15px); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #03346b 0, #1967c0 15px); /* IE10+ */
    background: linear-gradient(to bottom, #03346b 0, #1967c0 15px); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#03346b', endColorstr='#1967c0', GradientType=0); /* IE6-9 */
    color: #fff !important;
    margin-bottom: 12px;
}

.vaalikone .tulos_vihr {
    background: #f5fedb;
}

.vaalikone .tulos_vihr_tumma {
    background: #c3da7f;
    color: #000;
}

.vaalikone .tulos_vihr_gradient h2, .vaalikone .tulos_vihr_gradient a, .vaalikone .tulos_vihr_gradient span {
    color: #000 !important;
}

.vaalikone .tulos_vihr_gradient {
    background: #c3da7f; /* Old browsers */
    background: -moz-linear-gradient(top, #708435 0, #c3da7f 15px); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #708435), color-stop(9%, #c3da7f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #708435 0, #c3da7f 15px); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #708435 0, #c3da7f 15px); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #708435 0, #c3da7f 15px); /* IE10+ */
    background: linear-gradient(to bottom, #708435 0, #c3da7f 15px); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#708435', endColorstr='#c3da7f', GradientType=0); /* IE6-9 */
    color: #000 !important;
    margin-bottom: 12px;
}

.vaalikone .tulos_vihr_gradient .tulos_speksit p a {
    color: #000 !important;
}

.vaalikone .tulos_kesk {
    background: #d6ecc9;
}

.vaalikone .tulos_kesk_tumma {
    background: #286007;
    color: #fff !important;
}

.vaalikone .tulos_kesk_gradient h2, .vaalikone .tulos_kesk_gradient a, .vaalikone .tulos_kesk_gradient span {
    color: #fff !important;
}

.vaalikone .tulos_kesk_gradient {
    background: #286007; /* Old browsers */
    background: -moz-linear-gradient(top, #0e2401 0, #286007 15px); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0e2401), color-stop(9%, #286007)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #0e2401 0, #286007 15px); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #0e2401 0, #286007 15px); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #0e2401 0, #286007 15px); /* IE10+ */
    background: linear-gradient(to bottom, #0e2401 0, #286007 15px); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e2401', endColorstr='#286007', GradientType=0); /* IE6-9 */
    color: #fff !important;
    margin-bottom: 12px;
}

.vaalikone .tulos_vas {
    background: #d0787c;
}

.vaalikone .tulos_vas_tumma {
    background: #8c1212;
    color: #fff !important;
}

.vaalikone .tulos_vas_gradient h2, .vaalikone .tulos_vas_gradient a, .vaalikone .tulos_vas_gradient span {
    color: #fff !important;
}

.vaalikone .tulos_vas_gradient {
    background: #8c1212; /* Old browsers */
    background: -moz-linear-gradient(top, #320000 0, #8c1212 15px); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #320000), color-stop(9%, #8c1212)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #320000 0, #8c1212 15px); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #320000 0, #8c1212 15px); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #320000 0, #8c1212 15px); /* IE10+ */
    background: linear-gradient(to bottom, #320000 0, #8c1212 15px); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#320000', endColorstr='#8c1212', GradientType=0); /* IE6-9 */
    color: #fff !important;
    margin-bottom: 12px;
}

.vaalikone .tulos_ps {
    background: #ebf3fc;
}

.vaalikone .tulos_ps_tumma {
    background: #88b7f0;
    color: #000;
}

.vaalikone .tulos_ps_gradient h2, .vaalikone .tulos_ps_gradient a, .vaalikone .tulos_ps_gradient span {
    color: #000 !important;
}

.vaalikone .tulos_ps_gradient {
    background: #88b7f0; /* Old browsers */
    background: -moz-linear-gradient(top, #3d70ad 0, #88b7f0 15px); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3d70ad), color-stop(9%, #88b7f0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #3d70ad 0, #88b7f0 15px); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #3d70ad 0, #88b7f0 15px); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #3d70ad 0, #88b7f0 15px); /* IE10+ */
    background: linear-gradient(to bottom, #3d70ad 0, #88b7f0 15px); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d70ad', endColorstr='#88b7f0', GradientType=0); /* IE6-9 */
    color: #000 !important;
    margin-bottom: 12px;

}

.vaalikone .tulos_ps_gradient .tulos_speksit p a {
    color: #000 !important;
}

.vaalikone .tulos_muut {
    background: #f0f0f0;
}

.vaalikone .tulos_muut_tumma {
    background: #6c6b6b;
    color: #fff !important;
}

.vaalikone .tulos_muut_gradient h2, .vaalikone .tulos_muut_gradient a, .vaalikone .tulos_muut_gradient span {
    color: #fff !important;
}

.vaalikone .tulos_muut_gradient {
    background: #6c6b6b; /* Old browsers */
    background: -moz-linear-gradient(top, #2d2c2c 0, #6c6b6b 15px); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2d2c2c), color-stop(9%, #6c6b6b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2d2c2c 0, #6c6b6b 15px); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #2d2c2c 0, #6c6b6b 15px); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #2d2c2c 0, #6c6b6b 15px); /* IE10+ */
    background: linear-gradient(to bottom, #2d2c2c 0, #6c6b6b 15px); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d2c2c', endColorstr='#6c6b6b', GradientType=0); /* IE6-9 */
    color: #fff !important;
    margin-bottom: 12px;
}

.vaalikone .tulos_haalea {
    background: #f0f0f0;
}

.vaalikone .tulos_haalea_gradient h2 {
    /*	color: #fff !important; */
}

.vaalikone .tulos_haalea_gradient {
    padding-top: 24px !important;
    background: #f0f0f0; /* Old browsers */
    background: -moz-linear-gradient(top, #bbb 0, #f0f0f0 15px); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bbb), color-stop(9%, #f0f0f0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #bbb 0, #f0f0f0 15px); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #bbb 0, #f0f0f0 15px); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #bbb 0, #f0f0f0 15px); /* IE10+ */
    background: linear-gradient(to bottom, #bbb 0, #f0f0f0 15px); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbb', endColorstr='#f0f0f0', GradientType=0);  IE6-9 */
    color: #000 !important;
}

.vaalikone .tulos_muut_gradient h4, .vaalikone .tulos_kokoomus_gradient h4, .vaalikone .tulos_kesk_gradient h4, .vaalikone .tulos_sdp_gradient h4, .vaalikone .tulos_vas_gradient h4 {
    color: #fff !important;
}

.vaalikone .teema_1_gradient, .vaalikone .teema_2_gradient, .vaalikone .teema_3_gradient, .vaalikone .teema_4_gradient, .vaalikone .teema_5_gradient, .vaalikone .teema_6_gradient, .vaalikone .tulos_kokoomus_gradient, .vaalikone .tulos_sdp_gradient, .vaalikone .tulos_muut_gradient, .vaalikone .tulos_ps_gradient, .vaalikone .tulos_vas_gradient, .vaalikone .tulos_kesk_gradient, .tulos_kd_gradient, .tulos_rkp_gradient, .tulos_vihr_gradient, .vaalikone .julkkispylpyra, .vaalikone #tulospalvelu span.new {
    -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, .4);
    -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, .4);
    box-shadow: 0px 2px 3px rgba(0, 0, 0, .4);

}

.bg-question label {
    font-family: HelsinginTextBold, Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 0;
}

.bg-question label {
    font-weight: bold;
}

.bg-question select, .bg-question input {
    vertical-align: top;
    width: 300px;
}

span.pakollinen {
    color: #a40a0a;
}

.teema_6_gradient .bg-question {
    position: absolute;
    bottom: 2px;
    left: 0;
    z-index: 10;
}

/* UUDET TYYLIT TULOSPALVELUUN 12.5. */

.vaalikone #tulospalvelu h3 {
    width: 65%;
    font-family: HelsinginTextRegular, Helvetica, Arial, sans-serif;
    float: left;
}

.vaalikone #tulospalvelu .palkit {
    width: 35%;
    clear: none;
}

.vaalikone #tulospalvelu .palkit.otsikot {
    margin-left: 65%;
    padding-bottom: 8px;
}

.vaalikone #tulospalvelu .palkit > div {
    float: left;
    width: 50%;
    height: 20px;
    position: relative;
}

.vaalikone #tulospalvelu .palkit > div > * {
    font-size: 11px;
    font-family: HelsinginTextBold, Helvetica, Arial, sans-serif;
}

.vaalikone #tulospalvelu .palkit > div > div {
    position: absolute;
    color: #000;
}

.vaalikone #tulospalvelu .eri_mielta_palkki, .vaalikone #tulospalvelu .eri_mielta_palkki > div {
    text-align: right;
}

.vaalikone #tulospalvelu .palkit > div span {
    display: inline-block;
    text-shadow: 1px 1px 0 rgba(220, 220, 220, .8);
}

.vaalikone #tulospalvelu .palkit > div > span {
    padding: 0 4px;
}

.vaalikone #tulospalvelu .eri_mielta_palkki > div > span {
    position: absolute;
    right: 4px;
}

.vaalikone #tulospalvelu .samaa_mielta_palkki > div > span {
    position: absolute;
    left: 4px;
}

.vaalikone #tulospalvelu .eri_mielta_palkki > div {
    right: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.vaalikone #tulospalvelu .samaa_mielta_palkki > div {
    left: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.vaalikone .eri_mielta_uusi {
    background-color: #ed0677;
}

.vaalikone .eri_mielta_uusi_gradient {
    background: #ed0677; /* Old browsers */
    background: -moz-linear-gradient(top, #922c5e 0, #ed0677 15px); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #922c5e), color-stop(15px, #ed0677)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #922c5e, #ed0677 15px); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #922c5e, #ed0677 15px); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #922c5e, #ed0677 15px); /* IE10+ */
    background: linear-gradient(to bottom, #922c5e, #ed0677 15px); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#922c5e', endColorstr='#ed0677', GradientType=0); /* IE6-9 */
    color: #000;
    height: 20px;
    float: left;
}

.vaalikone .samaa_mielta_uusi {
    background-color: #bed62f;
}

.vaalikone .samaa_mielta_uusi_gradient {
    background: #bed62f; /* Old browsers */
    background: -moz-linear-gradient(top, #7d8743 0, #bed62f 15px); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7d8743), color-stop(15px, #bed62f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #7d8743, #bed62f 15px); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #7d8743, #bed62f 15px); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #7d8743, #bed62f 15px); /* IE10+ */
    background: linear-gradient(to bottom, #7d8743, #bed62f 15px); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d8743', endColorstr='#bed62f', GradientType=0); /* IE6-9 */
    color: #000;
    height: 20px;
    float: left;
}

.vaalikone div.kysymys:last-child {
    padding-bottom: 24px;
}

.vaalikone #tulospalvelu .kysymys:last-child h3 {
    padding-bottom: 16px;
}

.vaalikone #tulospalvelu #tilannelatka {
    position: absolute;
    right: 5px;
    text-align: center;
    border-radius: 50%;
    width: 90px;
    opacity: .95;
    filter: alpha(opacity=95);
    padding-top: 0 !important;
}

.vaalikone #tulospalvelu #tilannelatka {
    margin-top: -28px;
}

.vaalikone #tulospalvelu .tv #tilannelatka {
    margin-top: -62px;
}

.vaalikone #tulospalvelu #tilannelatka p {
    padding: 8px;
    color: inherit;
    font-family: HelsinginTextRegular, Helvetica, Arial, sans-serif !important;
    font-size: 10px !important;
    text-transform: uppercase;
    line-height: 10px !important;
}

.vaalikone #tulospalvelu #tilannelatka span {
    line-height: 30px;
    font-size: 24px;
    margin: 0;
    padding: 0;
    font-family: Georgia, serif;
    display: inline-block;
    vertical-align: bottom;
    color: #f9f603 !important;
}

.vaalikone .tulos_tilanne_gradient {
    background: #2d2c2c; /* Old browsers */
    background: -moz-linear-gradient(top, #000 0, #2d2c2c 15px); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000), color-stop(9%, #2d2c2c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #000 0, #2d2c2c 15px); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #000 0, #2d2c2c 15px); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #000 0, #2d2c2c 15px); /* IE10+ */
    background: linear-gradient(to bottom, #000 0, #2d2c2c 15px); /* W3C */
    color: #fff !important;
    margin-bottom: 12px;
}

.vaalikone #tulospalvelu .keskikohta {
    left: 84.1%;
    background: url(../images/keskiviiva.png) no-repeat 0 0;
    top: 10px !important;
    width: 2px !important;
    height: 33px !important;
    z-index: 100;
    position: absolute;
    margin-bottom: -33px;
}

.vaalikone #tulospalvelu .kysymys {
    position: relative;
}

/* Alun vaalipiirihimmennyshässäkät */

#vaalipiiri-area {
    position: absolute;
    height: 100%;
    z-index: 1000;
    background: -moz-linear-gradient(top, rgba(26, 30, 68, 0) 0%, rgba(26, 30, 68, 0) 8%, rgba(26, 30, 68, 0.8) 10%, rgba(26, 30, 68, 0.8) 48%, rgba(26, 30, 68, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(26, 30, 68, 0)), color-stop(8%, rgba(26, 30, 68, 0)), color-stop(10%, rgba(26, 30, 68, 0.8)), color-stop(48%, rgba(26, 30, 68, 0.8)), color-stop(100%, rgba(26, 30, 68, 0)));
    background: -webkit-linear-gradient(top, rgba(26, 30, 68, 0) 0%, rgba(26, 30, 68, 0) 8%, rgba(26, 30, 68, 0.8) 10%, rgba(26, 30, 68, 0.8) 48%, rgba(26, 30, 68, 0) 100%);
    background: -o-linear-gradient(top, rgba(26, 30, 68, 0) 0%, rgba(26, 30, 68, 0) 8%, rgba(26, 30, 68, 0.8) 10%, rgba(26, 30, 68, 0.8) 48%, rgba(26, 30, 68, 0) 100%);
    background: -ms-linear-gradient(top, rgba(26, 30, 68, 0) 0%, rgba(26, 30, 68, 0) 8%, rgba(26, 30, 68, 0.8) 10%, rgba(26, 30, 68, 0.8) 48%, rgba(26, 30, 68, 0) 100%);
    background: linear-gradient(to bottom, rgba(26, 30, 68, 0) 0%, rgba(26, 30, 68, 0) 8%, rgba(26, 30, 68, 0.8) 10%, rgba(26, 30, 68, 0.8) 48%, rgba(26, 30, 68, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1a1e44', endColorstr='#001a1e44', GradientType=0);
    color: #FFF;
    text-align: center;
    margin: -20px 0 0 0 !important;
}

#vaalipiiri-area label {
    margin-bottom: 12px;
}

#vaalipiiri-area select {
    width: 100px;
}

#vaalipiiri-area #district-selector {
    width: 20em;
}

#vaalipiiri-area h2 {
    font-family: HelsinginTextRegular, Helvetica, Arial, sans-serif !important;
    text-transform: uppercase;
    font-weight: normal;
}

.dropdown {
    margin: 0 auto;
    width: 300px !important;
    font-family: HelsinginTextRegular, Arial, Helvetica, sans-serif;
}

.dropdown .selected {
    font-family: HelsinginTextBold, Arial, Helvetica, sans-serif;
}

.dropdown ul {
    margin: 0;
}


#news-navi-area > h1 >a {
    text-decoration: none;
}