html { min-height: 100%; }
body { min-height: 100%; padding: 0px; margin: 0px; font-family: "Roboto Slab", serif; font-size: 16px; background-color: #ffffff; }
button { background-color: #ffff99; border: 1px solid #999999; box-shadow: 0px 0px 5px #0068cc; border-radius: 3px; font-family: inherit; font-size: 14px; cursor: pointer; color: inherit; text-shadow: inherit; padding: 5px 15px; }
button:hover { background-color: #ffffcc; }
@media (max-width: 600px) {
	button { padding: 10px 20px; }
}

div.overlope { z-index: 10; position: relative; }
div.overlope > div.inside { height: 38px; max-width: 860px; margin: 0px auto; padding: 0px 0px 0px 0px; background-color: #f7fafd; background-image: url(/envelope-back.gif); background-position: 0px 0px; background-repeat: repeat-x; color: #334866; box-shadow: 0px 0px 5px #999999; position: relative; }
div.overlope a.logo { position: absolute; top: 0px; left: 0px; border-radius: 0px 0px 4px 0px; display: block; }
div.overlope a.logo img { border-radius: 0px 0px 4px 0px; display: block; }
div.overlope div.uilang { position: absolute; top: 12px; right: 25px; font-family: Verdana,sans-serif; font-size: 11px; }
div.overlope div.uilang a { text-decoration: none; color: #99B3CC; margin-left: 0.5em; padding: 5px 5px 2px 5px; }
div.overlope div.uilang a:hover { color: #cc0000; }
div.overlope div.uilang a.current { color: #cc0000; border-bottom: 2px solid #cc0000; }
@media (max-width: 860px) {
	div.overlope a.logo { left: -1px; }
}


div.underlope { color: #999999; font-family: Verdana,sans-serif; font-size: 11px; line-height: 1.75em; text-shadow: #ffffff 1px 1px 0px; }
div.underlope > div.inside { max-width: 840px; margin: 0px auto 75px auto; padding: 10px 10px 7px 10px; position: relative; }
div.underlope a { color: #0083c6; text-decoration: none; }
div.underlope a:hover { color: #006699;  }
div.underlope p.socialLinks { }
div.underlope a.facebook { background-image: url(/facebook.gif); background-position: 0px 0px; background-repeat: no-repeat; padding: 3px 0px 3px 25px; margin-left: 1em; }
div.underlope a.twitter { background-image: url(/twitter.gif); background-position: 0px 0px; background-repeat: no-repeat; padding: 3px 0px 3px 25px; margin-left: 1em;  }
div.underlope span.stronger { color: #666666; }
@media (max-width: 860px) {
	div.underlope > div.inside { margin-bottom: 0px; }
	div.underlope p.socialLinks a { display: block; margin: 0px 0px 5px 0px; padding-top: 0px; }
}

div.interlope { max-width: 847px; margin: 0px auto; font-family: Verdana,sans-serif; font-size: 9px; padding: 0px; position: relative; }
div.interlope > div.clear { clear: left; }
div.interlope a { width: 82px;  position: relative; border-right: 1px solid #9bc7ea; display: block; height: 75px; overflow-y: hidden; text-align: center; float: left; text-decoration: none; padding: 15px 5px; color: #575fdb; }
div.interlope a:first-child { border-left: 1px solid #9bc7ea; }
div.interlope a img { display: block; margin: 0px auto 10px auto; }
div.interlope a:hover { color: #666666; background-color: #eeeeee; }
div.interlope a.current { background-color: #dddddd; }
div.interlope a span.plenta { display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: #f6f6f6; opacity: 0.85; }
div.interlope div#hamburger { display: none; }
@media (max-width: 860px) {
	div.interlope { margin: 5px 0px; }
	div.interlope a { float: none; width: auto; height: auto; text-align: left; padding: 15px 10px 15px 40px; display: none; border: 0px !important; margin-right: 60px; }
	div.interlope a span.plenta { background-color: #ffffff; }
	div.interlope a img { position: absolute; top: 5px; left: 10px; }
	div.interlope a.current { background-color: transparent; display: block; }
	div.interlope a.shown { background-color: transparent; display: block; }
	div.interlope a:hover { color: #575fdb; background-color: #eeeeee; }
	div.interlope div#hamburger { display: block; background-image: url(/hamburger.png); width: 22px; height: 18px; position: absolute; top: 10px; right: 20px; cursor: pointer; }
}


div.invelope { max-width: 800px; margin: 0px auto 25px auto; background-color: #f7fafd; background-image: url(/envelope-back.gif); background-position: 0px 0px; background-repeat: repeat-x;
padding: 30px; color: #334866; box-shadow: 0px 0px 5px #999999; position: relative; }
div.invelope > div.inframe { position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border: 1px solid #0068cc; }
@media (max-width: 860px) {
	div.invelope { border-radius: 0px; border: 0px; }
}

div.votoContainer { min-height: 350px; position: relative; }
div.votoContainer > div.half { position: absolute; left: 0px; right: 0px; height: 50%; }
div.votoContainer > div.half.top { top: 0px; }
div.votoContainer > div.half.bot { bottom: 0px; }

div.votoContainer > div.half > div.bubble { position: absolute; width: 70%; }
div.votoContainer > div.half.top > div.bubble { padding-bottom: 8px; bottom: 30px; left: 0px; }
div.votoContainer > div.half.bot > div.bubble { padding-top: 8px; top: 30px; right: 0px; }
div.votoContainer > div.half > div.bubble > div.body { border: 1px solid #666666; box-shadow: 0px 0px 5px #cccccc; padding: 20px; background-color: #ffffff; border-radius: 10px; color: #334866; text-shadow: #eeeeee 1px 1px 0px; line-height: 1.5em; }
div.votoContainer > div.half > div.bubble > div.tail { width: 15px; height: 9px; position: absolute; }
div.votoContainer > div.half.top > div.bubble > div.tail { bottom: 0px; left: 15px; background-image: url(/callout-down.gif); }
div.votoContainer > div.half.bot > div.bubble > div.tail { top: 0px; right: 15px; background-image: url(/callout-up.gif); }
div.votoContainer div#statement { text-align: center; padding: 50px 100px 0px 100px; font-weight: bold; font-size: 20px; }
div.votoContainer > div.half.left { bottom: 0px; }
div.votoContainer > div.half.right { bottom: 0px; }
div.votoContainer > div.half.left > div.bubble { padding-top: 8px; top: 30px; left: 0px; width: auto; }
div.votoContainer > div.half.right > div.bubble { padding-top: 8px; top: 30px; right: 0px; width: auto; }
div.votoContainer > div.half.left > div.bubble div.body { padding: 10px 20px; }
div.votoContainer > div.half.right > div.bubble div.body { padding: 10px 20px; text-align: right;  }
div.votoContainer > div.half.left > div.bubble > div.tail { top: 0px; left: 15px; background-image: url(/callout-up.gif); }
div.votoContainer > div.half.right > div.bubble > div.tail { top: 0px; right: 15px; background-image: url(/callout-up.gif); }

@media (max-width: 600px) {
	div.votoContainer { min-height: 450px; }
}
@media (max-width: 500px) {
	div.votoContainer div#statement { padding: 40px 0px 0px 0px; }
}
@media (max-width: 400px) {
	div.votoContainer > div.half > div.bubble { width: 90%; }
}

div.votoContainer > div.sliderContainer { position: absolute; top: 50%; left: 0px; right: 0px; }
div#slider.ui-slider { background-color: #fbefbf; position: absolute; left: 20px; right: 20px; top: -2px; height: 4px; padding-right: 30px; border: 1px inset #666666; border-radius: 3px; cursor: pointer;  xbackground: linear-gradient(to right, #cc0000 0%,#ffffff 50%,#ffffff 50%,#0068cc 100%); background: linear-gradient(to right, #aaaaaa 0%,#ffffff 50%,#ffffff 50%,#aaaaaa 100%); }
div#slider.ui-slider > .ui-slider-handle { display: block; background-color: #cccccc; height: 30px; width: 30px; position: absolute; top: -13px; margin-left: -15px; border: 1px solid #999999; box-shadow: 0px 0px 5px #999999; border-radius: 15px; background: linear-gradient(135deg, #ffffff 0%,#8c8c8c 100%); }
div#slider.ui-slider > .ui-slider-handle:hover { background-color: #dddddd; background: linear-gradient(135deg, #ffffff 0%,#acacac 100%); }
@media (max-width: 600px) {
	div#slider.ui-slider { height: 10px; top: -5px; left: 0px; right: 0px; }	
	div#slider.ui-slider > .ui-slider-handle { height: 50px; width: 50px; border-radius: 25px; top: -20px; margin-left: -25px; }	
}

div#slider span.party.has1 { z-index: 1; width: 2em; position: absolute; top: -5px; font-family: Verdana,sans-serif; font-size: 11px; display: block; text-align: center; }
div#slider span.party.has2 { top: -12px; }
div#slider span.party.has3 { top: -19px; }
div#slider span.party.has4 { top: -26px; }
div#slider span.party.has5 { top: -33px; }
div#slider span.party > span.inside { display: block; margin-left: -1em; margin-right: 1em; white-space: normal; overflow: visible; text-shadow: #000000 1px 0px, #000000 0px -1px, #000000 -1px 0px, #000000 0px 1px; color: #ffffff; font-weight: bold; }
div#slider span.party > span.inside:hover { color: #ffff99; }
@media (max-width: 600px) {
	div#slider span.party.has1 { top: -2px; }
	div#slider span.party.has2 { top: -9px; }
	div#slider span.party.has3 { top: -15px; }
	div#slider span.party.has4 { top: -23px; }
	div#slider span.party.has5 { top: -28px; }
}

div.votoTop { position: relative; margin-top: -10px; padding-right: 5em; margin-bottom: 20px; }
div.votoTop > span.title { color: #cc0000; }
div.votoTop > span.title > span.instro { color: #999999; margin-left: 0.25em; }
div.votoTop > span.arrows { position: absolute; top: -10px; right: -20px; }
div.votoTop > span.arrows > button { border: 0px; background: transparent; box-shadow: 0px 0px 0px transparent; }
div.votoTop > span.arrows > button:hover { color: #333333; }
@media (max-width: 700px) {
	div.votoTop > span.title > span.instro { display: none; }
}

div.votoBot { position: relative; margin-bottom: -10px; text-align: right; margin-top: 20px; }
div.votoBot > button { color: #333333; font-weight: bold; }
div.votoBot > #labCheat { float: left; padding: 8px 0px; color: #666666; cursor: pointer; }
div.votoBot > #labCheat:hover { color: #777777; }

div.votoContainer > div.verdict { background-color: #ffffff; border-radius: 4px; padding: 20px 10px 30px 10px; color: #008201; xcolor: #334866; font-size: 20px; margin: 0px -10px 30px -10px; text-align: center; box-shadow: 0px 0px 2px #cccccc; }
div.votoContainer > div.verdict > div.partylogo { margin-bottom: 10px; }
div.votoContainer > div.verdict > div.partylogo > img { vertical-align: middle; margin: 5px 20px; }
@media (max-width: 400px) {
	div.votoContainer > div.verdict > div.partylogo > img { max-width: 200px; }
}

div.votoContainer > div.breakdown {  }
div.votoContainer > div.breakdown table { width: 100%; }
div.votoContainer > div.breakdown table tr.negative { color: #aaaaaa; }
div.votoContainer > div.breakdown table td.partyname { width: 25%; overflow: hidden; white-space: nowrap; padding-right: 20px; }
div.votoContainer > div.breakdown table td.partyname a { text-decoration: none; color: #0083c6; }
div.votoContainer > div.breakdown table td.partyname a:hover { color: #006699; }
div.votoContainer > div.breakdown table td.score { width: 10%; text-align: right; padding-right: 20px; }
div.votoContainer > div.breakdown table td.graph {  }
div.votoContainer > div.breakdown table td.graph div { background-color: #dddddd; height: 1em; border: 1px outset #eeeeee; display: none; }

div.votoContainer > div.breakdown.onlyone { border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 10px 0px; }


div.votoContainer > div.start { margin-top: -30px; overflow: auto; text-align: center; margin-top: 20px; padding: 230px 0px 0px 0px; background-image: url(/country-outline.gif); background-position: center top; background-repeat: no-repeat; }
div.votoContainer > div.start.renua { background-image: url(/partylogos/renua.gif); background-position: center 20px; padding-top: 180px;  }
div.votoContainer > div.start.ff { background-image: url(/partylogos/ff.png); background-position: center 30px; padding-top: 180px;  }
div.votoContainer > div.start.socdem { background-image: url(/partylogos/socdem.gif); background-position: center 10px; padding-top: 180px;  }
div.votoContainer > div.start.lab { background-image: url(/partylogos/lab.gif); background-position: center 30px; padding-top: 180px;  }
div.votoContainer > div.start.gp { background-image: url(/partylogos/gp.gif); background-position: center 30px; padding-top: 180px;  }
div.votoContainer > div.start.fg { background-image: url(/partylogos/fg.gif); background-position: center 30px; padding-top: 180px;  }
div.votoContainer > div.start.sf { background-image: url(/partylogos/sf.png); background-position: center 30px; padding-top: 180px;  }
div.votoContainer > div.start.aaa { background-image: url(/partylogos/pbf.gif); background-position: center 0px; padding-top: 180px;  }
div.votoContainer > div.start > div.block { width: 50%; float: left; }
div.votoContainer > div.start div.message { color: #cc0000; font-size: 22px; padding: 0px 15px; }
div.votoContainer > div.start div.submessage { margin: 20px 0px 30px 0px; color: #666666; padding: 0px 10px;  }
div.votoContainer > div.start button { color: #333333; font-weight: bold; }
@media (max-width: 500px) {
	div.votoContainer > div.start > div.block { width: auto; float: none; margin-bottom: 50px; }
	div.votoContainer > div.start div.message { font-size: 20px; padding: 0px 5px; }
	div#introblock2 { display: none; }
}

div.sharing { margin-top: 50px; color: #999999; font-family: Verdana,sans-serif; font-size: 11px; line-height: 1.75em; text-shadow: #ffffff 1px 1px 0px; }
div.sharing a { color: #0083c6; text-decoration: none; }
div.sharing a:hover { color: #006699; }
div.sharing a.facebook { background-image: url(/facebook.gif); background-position: 0px 0px; background-repeat: no-repeat; padding: 3px 0px 3px 25px; margin-right: 1em; }
div.sharing a.twitter { background-image: url(/twitter.gif); background-position: 0px 0px; background-repeat: no-repeat; padding: 3px 0px 3px 25px; }

div.start > div.sharing { position: relative; top: 30px; }
div.verdict > div.sharing { margin: 25px 0px 0px 0px; }