/*
	Tangível 2014
	HTML released under Creative Commons License - http://creativecommons.org/licenses/by/2.5/pt/
	Last Edit: 2014-05-25
	Contact: info@tangivel.com
*/
@font-face {
	font-family:'Lato';
	src: url('fonts/Lato-Regular.eot');
	src: local('Lato'),
		local('Lato-Regular'), 
		url('fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/Lato-Regular.woff') format('woff'),
		url('fonts/Lato-Regular.ttf') format('truetype'),
		url('fonts/Lato-Regular.svg#Lato-Regular') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-20AC;
}
@font-face {
	font-family:'Lato';
	src: url('fonts/Lato-Light.eot');
	src: local('Lato'),
		local('Lato-Light'), 
		url('fonts/Lato-Light.eot?#iefix') format('embedded-opentype'),
		url('fonts/Lato-Light.woff') format('woff'),
		url('fonts/Lato-Light.ttf') format('truetype'),
		url('fonts/Lato-Light.svg#Lato-Light') format('svg');
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-20AC;
}

* { margin:0; padding:0; text-align: left;}
html {height: 100%;}
img {border:0;}
body {position: relative; font: 12px "Lato", "Arial", "Helvetica", sans-serif; color: #000; height: auto; min-height: 100%;}  /* 12px = 1.00em */
h1 {margin: 20px 0px 0px 0px; font-size: 1.5em; font-weight: bold; color: #60A43A;  border-bottom: 2px solid #ccc; width: 100%; height: 1.33em;}
h1.top-space, h2.top-space {margin-top: 30px;}
p {color: #000E34; margin: 20px 0px 0px 0px; font-size: 1.3em; text-align: justify; line-height: 1.3em;}
ul.text {font-size: 1.3em; text-align: justify; line-height: 1.3em; margin-left: 30px;}
a, a:visited, a:active, a:hover {color: #375e80;}
fieldset {border: none;}
.tooltip {border: 1px solid #ffdd00; background-color: #ffdd00; color: #5a5717; padding: 2px 4px; font-size: 1.1em;}
#pdf-zone {float: left; min-height: 300px; width: 100%; margin: 30px 0px 20px 0px; background-color: #fff; clear: both;}
#pdf-zone .chart-bg-shadow {}
#links-zone {float: left; width: 100%; margin: 30px 0px 20px 0px; clear: both;}
#links-zone .chart-bg-shadow {}
#print {float: right;}
#design-notes {position: fixed; bottom: 0px; left: 0px; margin: 10px; padding: 4px; background-color: #F5DBDF; color: #7E1300; border: 1px solid #7E1300; font-size: 0.8em; width: 200px;}
.note {font-size: 0.7em; color: #808080; margin-left: 5px;}
.territory-list .blankOption {display: none;}

#bg-arc {position: relative; margin: 0 auto;  width: 1200px}
/*#bg-arc #content {position: absolute; top: 0px; left: 0px; z-index: -100; width: 1200px; height: 1000px; background: #fff url(../images/bg-arc.png) no-repeat scroll 0px 0px; overflow: visible;}*/

#header {width:100%; height:160px; clear: both; background-color: #f2f2f2;}
#header .wrapper {height:144px; padding-top: 16px; background: transparent url(../images/head-bg.png) scroll repeat-x 0 10px;}
/* EUR MODE
#header .wrapper .inner-wrapper {position: relative; width: 1016px; height:118px; margin-left: -20px; background-color: #fff; border: 1px solid #162945;}
#header .wrapper .inner-wrapper:before {background: transparent url("../images/inner-wrapper-corner-left.png") no-repeat scroll; display: block; content: ""; position: absolute; top: -9px; left: 0; width: 20px; height: 8px;}
#header .wrapper .inner-wrapper:after {background: transparent url("../images/inner-wrapper-corner-right.png") no-repeat scroll; display: block; content: ""; position: absolute; top: -9px; right: 0; width: 20px; height: 8px;}*/
#header.big {height: 421px; }
#header.short {height: 168px;} 
#header #logo {margin: 5px 0px 0px 0px; width: 110px; height: 78px; float: left;}

#search-form {float: right; margin: 40px 0px 0px 0px;}
#search-form label {float: left; margin: 5px 3px 0px 0px; cursor: pointer; font-size: 1.16em;}
#search-form div#search{float: left; background: transparent url("../images/search-bg.png") no-repeat scroll; width: 279px; height: 27px;}
#search-form #search-text {width: 274px; height: 19px; border-width: 0px; background: none; margin: 0px 0px 0px 0px; padding: 5px 0px 0px 3px; color: #888; font-size: 1.17em;}
#search-form input#search-text:focus {color: #000;}
#search-form #search-go{float: right; background: transparent url("../images/search-normal.png") no-repeat scroll; border: none; width: 30px; height: 26px; margin-left: 4px; cursor: pointer;}
#search-form #search-menu {clear: both; margin: 0px 0px 0px 67px; font-size: 0.9em;}
#search-form #search-menu a {color: #1D578C;}

#body {min-height: 420px; height: auto; padding-bottom: 100px; display: block; width: 100%;}
#body.menu {}
#body.menu .wrapper {position: relative;}
#body.menu.submenu #main .main-title {padding-top: 50px;}
#body.menu.submenu #main #votes-counting-status {margin-top: 55px;}
#body.menu.submenu .wrapper {}
#body.justsubmenu {}
#body.grey {background: #f5f5f5;}
#footer {position: absolute; bottom: 0px; width: 100%; clear: both; border-bottom: 18px solid #375e80;}
#footer .wrapper {position: relative; padding-top: 5px; min-height: 45px;}
#footer .wrapper .csw-logo {position: absolute; top: -7px; right: 15px;}
#institutions-bottom {position: absolute; top: 14px; right: 70px;}
#institutions-bottom img {}

#institutions-top {}
#institutions-top a {float: right; margin: 3px 9px;}

.wrapper {margin: 0 auto; width: 1000px; padding: 0 25px;}

#top {height: 35px; float: right; width: auto;}

ul.menu {list-style: none; margin: 6px 7px 0px 0px;}
ul.menu li {float: left; display: block; padding: 0px 6px 0px 6px; width: auto;}
ul.menu li.last {border-right: 0px}
ul.menu li a {font-size: 0.85em; cursor: pointer;}
ul.menu li a:visited, ul.menu li a:hover, ul.menu li a:active {}
ul.menu li.active a {text-decoration: none;}

ul.menu.header {float: right; width: auto;}
ul.menu.header li {border-right: 1px solid #c1d0d9; color: #cddbe6;}
ul.menu.header li.last {border-right: 0px}
ul.menu.header li a {color: #cddbe6; cursor: pointer;}
ul.menu.header li a:visited, ul.menu.header li a:hover, ul.menu.header li a:active {color: #cddbe6; }

ul.menu.footer {float: left; width: auto; margin: 0px 0px 0px 0px;}
ul.menu.footer li {margin: 10px 14px 0px 0px;}
ul.menu.footer li.last {}
ul.menu.footer li a {display: block; color: #255892; font-size: 1em; cursor: pointer; padding: 5px 1px; text-decoration: none; -moz-border-radius; text-transform: uppercase;}
ul.menu.footer li a:visited, ul.menu.footer li a:hover, ul.menu.footer {}
ul.menu.footer li.active {}
ul.menu.footer li.active a {font-weight: bold;}

#logo {margin: 4px 0px 0px 0px; float: left; width: 14em; height: 9.50em; }

.big-title {color: white; font-size: 4em; font-weight: bold; padding-top: 80px; line-height: 0.9em;}
.tag-line {color: #29ABE2;}

#global-results-title {clear: both; color: #fff; padding: 5px 0px 0px 4px;}
#global-results-title #title {font-size: 1.5em;}
#global-results-title #note {font-size: 0.8em;}

.party {padding: 16px 0 0; text-align: center; display: table-cell;}

.party .badge {height: 28px; margin-bottom: 7px; text-align: center;}

.party .badge .party-logo {height: 24px; text-align: center; padding: 2px 0px 0px 0px; margin: 2px 0px 0px 0px;}
.party .badge #party-acronym {display: none; font-size: 0.7em; text-align: center; padding: 16px 5px 0px 5px; margin: 0;}

.party .deputies-counter {height: 20px; text-align: center; margin-top: 9px;}
.party .deputies-counter .value {font-size: 1.333333em; color: #162945;}
.party .deputies-counter img {margin: 0px 6px 0px 0px; }
.party .deputies-counter.no-deputies {}
.party .deputies-counter.no-deputies .value {color: #999;}
.party .deputies-counter.no-deputies img {display: none;}
.party .votos-counter {display: none; text-align: center; font-size: 0.8em; margin: 1px 0px 0px 0px;}
.party .percentage {text-align: center; font-size: 8px; color: #656565; margin-top: 10px;}
.party .percentage .value {text-align: center; font-size: 11px; color: #7f7f7f;}

/* EUR Mode
#parties-status {float: left; margin: 0 0 0 20px; height: 118px; position: relative; display: table; width: 856px;}
#parties-status #legend {float: left; margin: 91px 5px 0px 5px; width: auto; color: #fff; font-size: 0.9em;}
#parties-status #legend div {text-align: right;}
#parties-status #legend #mandates {padding-bottom: 3px;}
#parties-status #legend #votes {}
#parties-status #legend #percentage {}

#parties-status #global-status-loading {margin: 64px auto 0px auto; text-align: center;}
#parties-status #global-status-loading-text {margin: 0px auto; text-align: center; color: #fff; }*/

.main-menu-toggle {display: none; float: right; background: none; border: none; cursor: pointer; margin: 10px 20px 0 0px;}
.icon-bar {display: block; width: 22px; height: 4px; border-radius: 1px; background-color: #255892;}
.icon-bar + .icon-bar {margin-top: 4px;}

#menu {position: absolute; top: -45px; right: 0px; left: 0px; height: 53px; white-space: nowrap; z-index: 50;}
#menu ul#main-menu {position: relative; margin: 0 25px 0 0; list-style-type: none; height: 52px; float: right;}
#menu ul#main-menu li {float: left; width: auto; color: #fff; font-size: 1.08em; line-height: 32px; height: 32px; vertical-align: bottom; margin-top: 4px; margin-right: 20px;}
#menu ul#main-menu li a {text-decoration: none; cursor: pointer; color: #666666; text-transform: uppercase; height: 32px;}
#menu ul#main-menu li .menu-tab-left {float: left; width: auto;}
#menu ul#main-menu li .menu-tab-right {float: left; width: auto;}
#menu ul#main-menu li .menu-option {float: left; width: auto; padding: 0 10px;}

.menu li.despacho {display: none !important;}

#menu ul#main-menu li.active {float: left; cursor: default; width: auto;}
#menu ul#main-menu li.active a {display: table; color:#4c4c4c; text-decoration: none; background-color: #ffdd00; border-radius: 3px;}
#menu ul#main-menu li.active .menu-tab-left {float: left; display: block; width: 0px; height: 29px;}
#menu ul#main-menu li.active .menu-tab-right {float: left; display: block; width: 0px; height: 29px;}
#menu ul#main-menu li.active .menu-option {float: left; width: auto;}
#menu ul#main-menu li:last-child {margin-right: 0;}

#menu ul#main-menu ul#secondary-menu {position: absolute; top: 50px; list-style-type: none; float:left; clear: left; margin: 0; width: 100%; height: 34px;}
#menu ul#main-menu ul#secondary-menu li {float: left; margin: 14px 22px 0px 0px; font-size: 1em; height: 25px; vertical-align: bottom; overflow: hidden; width: auto; white-space: nowrap;}
#menu ul#main-menu ul#secondary-menu li:first-child {}
#menu ul#main-menu ul#secondary-menu li a {color:#162945; cursor: pointer; text-decoration: none; background-color: transparent;}
#menu ul#main-menu ul#secondary-menu li .menu-tab-left {float: left; width: auto; }
#menu ul#main-menu ul#secondary-menu li .menu-tab-right {float: left; width: auto; }
#menu ul#main-menu ul#secondary-menu li .menu-option {}

#menu ul#main-menu ul#secondary-menu li.active {float: left; width: auto; background-color: #162945;}
#menu ul#main-menu ul#secondary-menu li.active a {color:#fff;}
#menu ul#main-menu ul#secondary-menu li.active .menu-tab-left {float: left; width: auto; }
#menu ul#main-menu ul#secondary-menu li.active .menu-tab-right {float: left; width: auto; }
#menu ul#main-menu ul#secondary-menu li.active .menu-option {float: left; width: auto;}

#menu.left-column {margin-left: 164px;}


#left-side {}
#right-side {}
.left-side {float: left; width: 466px; height: auto;}
.right-side {float: right; width: 400px; height: auto;}
.center-column {float: left; width: 560px;}
.left-side-box {float: left; width: 144px; margin: 20px 20px 0px 0px;}


#main {float: left; margin: 0px 0px 0px 0px; padding: 0; height: auto; width: 1000px;}
#main.full-size {width: 100%; clear: both;}

#main .boletim {}
#main .boletim-place {float: left; border: 2px solid #162945; background-color: #fff; margin: 30px 0 0 0; clear: both; width: 100%; text-align: center;}
#main .boletim-place .division {text-align: center; color: #6D735F; width: 307px; height: 220px; float: left; margin: 0px 24px 0px 0px;}
#main .boletim-place .division img {border: 1px solid #DFDFDF;}
#main .boletim-place .division.last {margin-right: 0px;}
#main .boletim-place img {margin: 0 auto;}

.image-legend {text-align: center; margin: 15px 0px 0px 0px;}
#main .boletim-place img.unique {}

#main .main-title {margin-left: 0; color: #000; padding: 26px 0px 0px 0px; float: left; width: auto; min-height: 54px;}
#main .main-title #titles {float: left; padding-right: 7px; margin: 0px 20px 20px 0px;}
#main .main-title .pre-scope {float: left; color: #656565; font-size: 1.25em; margin: 0 0 4px 0; font-weight: 300;}
#main .main-title .scope {clear: both; font-size: 48px; color: #255892; font-weight: 300;}
#main .main-title .scope div {display: inline; margin-right: 4px;}
#main .main-title .scope .candidates-local {color: #666666; font-size: 0.55em; font-weight: normal;}
#main .main-title .scope.special {font-size: 2em;}
#main .main-title div.searchInfo {}

#contents {float: left; margin: 0px 0px 0px 0px; background-color: #fff; width: 100%}
#acessibilidade-contents {float: left; width: 915px; margin: 0px 0px 0px 0px; background-color: #fff; border: 2px solid #162945; padding: 30px;}
#acessibilidade-contents h2 {border-bottom: 2px solid #ccc;}
#acessibilidade-contents p, #acessibilidade-contents ul.text {font-size: 1.1em;}

#area-browser {float: left; margin: 0; width: 100%;}
#area-browser #localityBrowserTopLevel {cursor: pointer; text-decoration: underline; color: #1d578c; padding: 10px;}
#area-browser #browser #browser-none {display: none;}
#area-browser #browser {margin: 0; padding: 10px;}
#area-browser #browser-top {width: 215px; height: 11px; clear: both;}
#area-browser #browser-bottom {width: 215px; height: 11px; clear: both; margin-top: 8px;}
#area-browser #title {color: #2C4C87;  margin: 16px 0px 0px 0px; border-bottom: 2px solid #C7D9E5; font-size: 1.4em; font-weight: bold; clear: both;}
#area-browser #browser.top {background-color: #E6E6E6;}
#area-browser #browser-freguesias {position: relative; margin-top: 20px;}
#area-browser #browser .label {font-size: 1em; color: #999; margin: 0 0 2px 0; display: inline-block; float: left; width: 100%;}
#area-browser #browser .label.top {margin-top: 7px;}
#area-browser #browser select {width: 100%; height: 90px; margin: 0; color: #333; border: 1px solid #e5e5e5; border-radius: 3px; appearance: normal; -moz-appearance: normal -webkit-appearance: normal;}
#area-browser #browser select option {padding: 1px 5px 1px 5px; margin: 2px; cursor: pointer}
#area-browser #browser select option:hover {background-color: #c8d9e8;}
#area-browser #browser select option:active {color: #fff; background-color: #255892;}

#area-browser #browser form#locality-search {clear: both; height: auto}
#area-browser #browser form#locality-search input#search-field {margin: 5px 14px 0px 14px; padding: 2px; width: 178px; border: 1px solid #666666; clear:both; font-size: 0.9em;}
#area-browser #browser form#locality-serach input#search-button {margin: 6px 14px 0px 0px; float: right; clear: both; text-align: center; font-size: 0.9em;}
#area-browser #browser select#search-results-list {height: 800px; clear: both;}

#area-browser #browser #search-feedback {font-size: 0.9em; color: #660000; background-color: #F6E5E5; border: 1px solid #DDCECE; padding: 4px; margin: 12px 14px 12px 14px; display: block; clear: both;}

.loading-feedback {float: right; margin: 0px 0px 0px 0px; position: relative; top: 60px; right: 65px;}
#area-browser #browser .loading-feedback {margin: 0px 0px 0px 0px; position: absolute; top: 40px; right: 104px;}
#area-browser #browser form#locality-search .loading-feedback {margin: 7px 7px 0px 0px;}
#area-browser #browser #results-district {clear: both;}

#accessibility {float: left; margin-left: 20px; font-size: 0.8em; width: auto; color: #808080;}
#accessibility img {float: none; margin-top: 10px; vertical-align: bottom;}
#accessibility a {color: #255892;}

#body .spacer {display: block; clear: both; height: 50px;}
.invisible {display:none;}
.clear {clear:both; height: 0;}
.image-replacement {display: none;}
.underline {text-decoration: underline;}

#main-loading {margin: 70px auto; float: left; text-align: center; clear: both; margin-top: 40px; width: 100%;}
#main-loading img {}
#main-loading p {clear:both; text-align: center; color: #a0a0a0; margin: 5px 0px;}

.pdf-embed {}
#pdf-document {clear: both; float: right; background: transparent url(../images/pdf.gif) no-repeat scroll 0 0; padding-left: 24px; font-size: 1.083333em;}
#pdf-document-alt {clear: both; float: left; margin-bottom: 8px; background: transparent url(../images/pdf.gif) no-repeat scroll 0 0; padding-left: 24px; font-size: 1.083333em;}
.pdf-embed-plugin {width: 100%; height: 100%; min-height: 735px;}

noscript {}
.noscript-top {height: 20px; width: 100%; clear: both;}
#noscript {width: 80%; border: 1px solid #961c1c; display: block; margin: 20px auto; padding: 8px; background-color: #ffeeee; color: #961c1c; font-size: 1.2em; line-height: 1.5em; clear: both;}
#noscript a {color: #961c1c; font-weight: bold;}
/*#debug {border: 2px dotted #aaa; background-color: #f7f7f7; padding: 20px; margin: 40px 20px;}*/
#debug {display: none;}
#debug:after {content: "Work in progress."; font-size: 1.5em; color: #620812; font-weight: bold;}

.linkage-items {background: transparent url(../images/blank-window.png) no-repeat scroll right center; padding: 2px 17px 0 0;}

/* CSS SOMBRAS */

.chart-bg-shadow {position: relative; height: 100%; background-color: #fff;}
.chart-bg-shadow-top {display: none; background: transparent url('../images/chart-shadow-top.png') repeat-x scroll 0 0; position: absolute; height: 14px; width: 100%; top: -14px;}
.chart-bg-shadow-bottom {display: none; background: transparent url('../images/chart-shadow-bottom.png') repeat-x scroll 0 0; position: absolute; height: 14px; width: 100%; bottom: -14px;}
.chart-bg-shadow-left {display: none; background: transparent url('../images/chart-shadow-left.png') repeat-y scroll 0 0; position: absolute; height: 100%; width: 14px; left: -14px;}
.chart-bg-shadow-right {display: none; background: transparent url('../images/chart-shadow-right.png') repeat-y scroll 0 0; position: absolute; height: 100%; width: 14px; right: -14px;}

.chart-bg-shadow-top-left {display: none; background: transparent url('../images/chart-shadow-top-left.png') repeat-x scroll 0 0; position: absolute; height: 14px; width: 14px; top: -14px; left: -14px;}
.chart-bg-shadow-top-right {display: none; background: transparent url('../images/chart-shadow-top-right.png') repeat-x scroll 0 0; position: absolute; height: 14px; width: 14px; top: -14px; right: -14px;}
.chart-bg-shadow-bottom-left {display: none; background: transparent url('../images/chart-shadow-bottom-left.png') repeat-y scroll 0 0; position: absolute; height: 14px; width: 14px; bottom: -14px; left: -14px;}
.chart-bg-shadow-bottom-right {display: none; background: transparent url('../images/chart-shadow-bottom-right.png') repeat-y scroll 0 0; position: absolute; height: 14px; width: 14px; bottom: -14px; right: -14px;}

#selector {float: right; clear: right; background-color: #f2f2f2;}
#selector #area {position: relative; height: 458px; margin: 0 0; width: 350px;}
#selector #area:before {position: absolute; content: ""; width: 3px; top: 0; left: 0; bottom: 0; background: transparent url(../images/barchart-acronym-bg.png) repeat-y scroll -3px 0; z-index: 10;}
#selector #area.big {height: 478px;}
#selector #area.small {height: 398px;}
#selector #area .title-first {color: #60A43A; font-size: 1.5em; margin: 0px 0px 0px 12px}
#selector #area .title {color: #60A43A; font-size: 1.5em; margin: 10px 0px 0px 12px}
#selector #area .list {border: 1px solid #D4D9CA; width: 233px; background-color: #fff; margin: 5px 0px 0px 10px; padding: 3px; overflow-y: auto; height: 223px;}
#selector #area .list ul.zone-list {list-style: none;}
#selector #area .list ul.zone-list li {width: 100%; height: 18px; line-height: 18px; padding-left: 2px;}
#selector #area .list ul.zone-list a {text-decoration: none;}
#selector #area .list ul.zone-list li:hover {background-color: #E8EFA5; cursor: pointer;}
#selector #area .list ul.zone-list .list-separator {border-top: 1px solid #ccc; width: 100%; height: 3px;}
#selector #area .list ul.zone-list li.none-li-separator {height: 3px; padding-left: 0px; margin: 2px 0px;}
#selector #area .list ul.zone-list li.none-li-separator:hover {background-color: transparent; cursor: default;}

#selector.empty {float: right; clear: right; width: 0;}
.selector-menu {width: 100%; height: 36px; margin-bottom: 5px; background-color: #eaeaea;}
.selector-menu li {position: relative; float: left; list-style: none; width: 50%; height: 36px; line-height: 36px;}
.selector-menu a {position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 0 10px 0 10px; color: #898989; cursor: pointer; text-transform: uppercase; text-align: center;}
.selector-menu li.active {position: relative;}
.selector-menu li.active:before {position: absolute; content: ""; width: 3px; top: 0; right: -3px; bottom: 0; background: transparent url(../images/barchart-acronym-bg.png) repeat-y scroll -3px 0; z-index: 10;}
.selector-menu li.active a {background-color: #f2f2f2 ;}
.selector-menu li.active#listaBtn:before {right: none; left: -3px; background-position: 0px 0;}
#selector .selector-menu li.first {margin-left: 0px;}
#selector .selector-menu li.last {float: right; margin-right: 4px;}
#selector .selector-menu li.active {}
.selector-menu a:hover li {background-color: #e6e6e6;}

#selector-colapsed {float: right; clear: right; height: 20px;} 
#selector-colapsed #area-colapsed {position: relative; width: 30px; height: 458px; margin: 0px 0px 0px 0px; background-color: #f7f7f7;}
#selector-colapsed #area-colapsed:before {position: absolute; content: ""; width: 3px; top: 0; left: 0; bottom: 0; background: transparent url(../images/barchart-acronym-bg.png) repeat-y scroll -3px 0; z-index: 10;}
#selector-colapsed .selector-menu {border-bottom: none;}
#selector-colapsed .selector-menu li {margin-left: 0px; text-decoration: none;}
#selector-colapsed .selector-menu a {font-weight: bold;}

/* Warnings */
#votes-counting-status #message {float: left; clear: left; color: #15A8AB;}

#status-warnings-placehorder {float: left; width: 100%; height: auto; background: #f7f7f7; /*url(../images/transpixel.gif) repeat scroll 0 0;*/ color: #656565; margin: 0 0 20px; padding: 6px 0px; font-size: 1.33em;}
#status-warnings-placehorder .status-warning {background: transparent url(../images/info.png) no-repeat scroll 0px 0px; margin: 0 0 0 10px; padding: 0px 0px 0px 40px; height: 31px; line-height: 30px;}

/* links */
.parties-links-list {list-style-type: none;}
.parties-links-list .party-placeholder {display: table; width: 100%; margin: 10px 0 0 0; height: 52px;}
.parties-links-list .party-placeholder .party-logo {position: relative; float: left; height: 42px; padding: 3px; background-color: #fff; border: 1px solid #E5E5E5;}
.parties-links-list .party-placeholder .party-logo a {}
.parties-links-list .party-placeholder .party-logo a.party-1-link {display: block; width: 52px; height: 52px; position: absolute; top: 0; left: 0;}
.parties-links-list .party-placeholder .party-logo a.party-2-link {display: block; width: 52px; height: 52px; position: absolute; top: 0; left: 52px;}
.parties-links-list .party-placeholder .party-logo a.party-3-link {display: block; width: 45px; height: 52px; position: absolute; top: 0; left: 104px;}
.parties-links-list .party-placeholder .party-logo a.party-4-link {display: block; width: 52px; height: 52px; position: absolute; top: 0; left: 149px;}
.parties-links-list .party-placeholder .party-logo a img {width: auto; height: 42px;}
.parties-links-list .party-placeholder .party-name {font-size: 1.2em; float: left; height: 36px; padding: 16px 0 0 10px; width: auto;}
.parties-links-list .party-placeholder .party-name a {font-weight: 300;}
.parties-links-list .party-placeholder .party-name a:hover {text-decoration: underline}
.parties-links-list .party-placeholder .party-name-sub-link {float: left; clear: left; padding: 0;}
.party-logo-wrapper {float: left;}
.party-name-wrapper {float: left;}
.party-name-no-link {margin: 16px 0 0 10px; color: #4c4c4c; font-size: 1.2em;}
.party-name-sub-link {margin: 5px 0 0 14px; font-size: 1.2em;}
.party-name-sub-link a {font-weight: 300;}

.countries-links-list {width: 284px; list-style-type: none;}
.countries-links-list .country-placeholder {margin: 10px 0 0 0; height: 24px;}
.countries-links-list .country-placeholder .country-flag {float: left; width: 24px; height: 23px; padding: 11px 0 0 8px; border: 1px solid #ccc;}
.countries-links-list .country-placeholder .country-flag a {}
.countries-links-list .country-placeholder .country-flag a img {width: 16px; height: 11px;}	
.countries-links-list .country-placeholder .country-name {font-size: 1.3em; float: left; height: 34px; padding: 9px 0 0 10px; width: auto;}
.countries-links-list .country-placeholder .country-name a {font-weight: 300;}
.countries-links-list .country-placeholder .country-name a:hover {text-decoration: underline}

.other-links-list {list-style-type: none;}
.other-links-list .other-placeholder {display: table; width: 100%; margin: 10px 0 0 0; height: 52px;}
.other-links-list .other-placeholder .other-logo {float: left; height: 42px; width: 42px; padding: 3px; background-color: #fff; border: 1px solid #E5E5E5;}
.other-links-list .other-placeholder .other-logo .helper {display: inline-block; height: 100%; vertical-align: middle;}
.other-links-list .other-placeholder .other-logo a {}
.other-links-list .other-placeholder .other-logo a img {width: 100%; height: auto; vertical-align: middle;}
.other-links-list .other-placeholder .other-name {font-size: 1.2em; float: left; height: 36px; padding: 16px 0 0 10px; width: auto;}
.other-links-list .other-placeholder .other-name a {font-weight: 300;}
.other-links-list .other-placeholder .other-name a:hover {text-decoration: underline}


.parties-links {width: 48%; height: 100%; float: left; background-color: #f7f7f7;}
.parties-links h2, .countries-links h2, .other-links h2 {color: #255892; font-weight: 300;}
.countries-links {width: 280px; float: left; height: 100%;}
.other-links {width: 48%; height: 100%; float: right; background-color: #f7f7f7;}
.links-wrapper {padding: 20px;}

/* warnings */ 
.feedback-message {margin: 0 0 15px 0; height: auto; color: #FFFFFF; width: 100%; text-align: left; display: block; float: left; background-color: #4F7099; font-size: 1em;}
.feedback-message .text {padding:10px;}
.feedback-message .text.waiting {background: transparent url(../images/time.png) no-repeat scroll 6px 10px; padding-left: 26px;}
.feedback-message .text.information {background: transparent url(../images/info.png) no-repeat scroll 10px 10px; padding-left: 24px;}
.chart-bg-IE8-fix-collapsed .feedback-message {width: 100%;}

/* messages */
.percentages-disclaimer {clear: both; margin: 15px 0 0px 0px; padding: 5px 0; background-color: #fff; color: #6D735F; width: 100%;}
.mandates-disclaimer {clear: both; margin: 15px 0 0px 0px; padding: 5px 0; background-color: #fff; color: #6D735F; width: 100%;}