@font-face {
    font-family: "Muli";
    src: local('Muli'), local('Muli-Regular'), url(fonts/Muli-Regular.ttf) format('truetype');
}
@font-face {
	font-family: "Muli";
	font-weight: bold;
    src: local('Muli'), local('Muli-Bold'), url(fonts/Muli-Bold.ttf) format('truetype');
}
@font-face {
	font-family: "Muli";
	font-weight: 600;
    src: local('Muli'), local('Muli-SemiBold'), url(fonts/Muli-SemiBold.ttf) format('truetype');
}
@font-face {
	font-family: "Muli";
  	font-weight: 300;
    src: local('Muli'), local('Muli-Light'), url(fonts/Muli-Light.ttf) format('truetype');
}

* { margin:0; padding:0; text-align: left;}
html {height: 100%; overflow-x: hidden;}
img {border:0;}
body {position: relative; font: 12px "Muli", "Arial", "Helvetica", sans-serif; background-color: #f8f9f8; color: #000; height: auto; min-height: 100%;overflow-x: hidden;}  /* 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 {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: #4a4a4a;}
fieldset {border: none;}

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7d723', endColorstr='#72be44',GradientType=0 ); /* IE6-9 */}

#pdf-zone {float: left; min-height: 300px; width: 100%; margin: 0; background-color: #fff; clear: both;}
#pdf-zone .chart-bg-shadow {}
#links-zone {float: left; width: 100%; margin: 20px 0px 20px 0px; clear: both; background-color: #fff;  border-radius: 5px; width: 100%;  box-shadow: 0 0 3px 2px #dcdcdc; -moz-box-shadow: 0 0 3px 2px #dcdcdc; -webkit-box-shadow: 0 0 3px 2px  #dcdcdc; -o-box-shadow: 0 0 3px 2px  #dcdcdc;}
#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;}*/

.align-left {text-align: left !important;}
.align-right {text-align: right !important;}

#header {width:100%; clear: both; background-image: linear-gradient(90deg, rgba(43,182,115,1) 0%, rgba(43,182,115,1) 70%, rgba(166,206,57,1) 100%);}
#header .wrapper {position: relative; height: 100px;}
/*#header .wrapper:after {position: absolute; top: 0; left: 1020px; display: block; width: 160px; height: 94px; background: transparent url(../images/europe-stars.svg) no-repeat 0 0; content: "";}*/

/* 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 {line-height:100px; float: left;}
#header #logo img{width: 220px}

#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 {position: relative; min-height: 420px; height: auto; padding-bottom: 100px; display: table; width: 100%;}
#body:after {content: ""; position: absolute; top: 50px; left: 0; right: 0; z-index: 1; border-bottom: 7px solid #d1d3d6;}
#body.menu {}
#body.menu .wrapper {position: relative;}
#body.menu #main .main-title {padding-top: 0;}
#body.menu.submenu .wrapper {}
#body.menu.submenu .wrapper #main {}
#body.justsubmenu {}
#body.grey {background: #f5f5f5;}
#footer {position: absolute; bottom: 0px; width: 100%; clear: both; background-image: linear-gradient(90deg, rgba(43,182,115,1) 0%, rgba(43,182,115,1) 70%, rgba(166,206,57,1) 100%);}
#footer .wrapper {position: relative;}
#footer .wrapper .rnsi-logo {}
#footer .wrapper .arturai-logo {}
#footer .wrapper .csw-logo {}
#institutions-bottom-sec {display: table; float: right; margin-top: 12px;}
#institutions-bottom-sec a {display: inline-table; position: static !important;}
#institutions-bottom-sec a + a {margin-left: 10px;}
#institutions-bottom {position: absolute; top: 14px; right: 70px;}
#institutions-bottom img {}

#institutions-top {position: relative; z-index: 4; float: right; line-height: 100px;}
#institutions-top a {float: right;}
#institutions-top a img {height:50px}

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

#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 15px 0px 15px; width: auto; box-sizing: border-box;}
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; text-align: 130px}
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; padding: 25px 0; border-radius: 0 0 4px 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
ul.menu.footer li {margin: 0 7px 0px 0px;}
ul.menu.footer li.last {}
ul.menu.footer li a {display: block; font-size: 15px; color:#fff; font-weight: 600; cursor: pointer; padding: 5px 1px; text-decoration: none; -moz-border-radius;}
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; color: #FFF;}
ul.menu.footer > li.active > a > .menu-option {width: auto; border-bottom: 2px solid #FFF}

#logo { float: left; /*width: 14em;*/}

.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;}


/* EUR Mode*/
#parties-status-bar {height: 100px; background-image: radial-gradient(circle at 50% 50%, #ffffff, #F1F3F8);}
#parties-status {display: table; margin: 0 auto; position: relative;}

.party {padding: 7px 12px 20px; text-align: center; display: table-cell;}
.party .badge {text-align: center;}
.party .badge .party-logo {height: 35px; text-align: center; padding: 2px 0px 0px 0px; margin: 2px 0px 0px 0px;}
.party .badge .party-logo img {width: 30px; height: 30px;}
.party .badge #party-acronym {display: none; text-align: center;}
.party .deputies-counter {text-align: center; margin-top: 5px;}
.party .deputies-counter img {margin-right: 3px; margin-top: -2px  }
.party .deputies-counter .value {color: #264895; margin-top: 10px }

.party .deputies-counter.no-deputies {}
.party .deputies-counter.no-deputies .value {font-size: 13px; color: #686868;}
.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: 9px; color: #686868; margin-top: 5px;}
.party .percentage .value {text-align: center; font-size: 11px; color: #686868;}


.main-menu-toggle {position: absolute; display: none; background: none; border: none; cursor: pointer; margin: 0;}
.icon-bar {display: block; width: 24px; height: 4px; border-radius: 1px; background-color: #fff;}
.icon-bar + .icon-bar {margin-top: 6px;}

#menu {white-space: nowrap; z-index: 50;}
#menu ul#main-menu {position: relative; margin: 0; list-style-type: none;}
#menu ul#main-menu li {float: left; width: auto; color: #fff; line-height: 50px; height: 50px;  vertical-align: bottom;}
#menu ul#main-menu > li > a {display: table; position: relative; z-index: 2; text-decoration: none; cursor: pointer; font-size: 18px; font-weight: regular;}
#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 28px 0 28px;}

.menu li.despacho {}

#menu ul#main-menu li.active {float: left; cursor: default; width: auto;}
#menu ul#main-menu > li.active > a {display: table; color: #000; text-decoration: none;}
#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 > a > .menu-option {float: left; width: auto; font-weight: bold}
#menu ul#main-menu > li.active > a > .menu-option:before {content: ""; position: absolute; left: 10px; right: 10px; bottom: -7px; z-index: 3; height: 7px; border-radius: 3px; background-color: #2bb673;}
#menu ul#main-menu li:last-child {margin-right: 0;}

#menu ul#main-menu ul#secondary-menu {position: absolute; top: 55px; list-style-type: none; float:left; clear: left; margin: 0; width: 100%;}
#menu ul#main-menu ul#secondary-menu li {float: left; margin: 0 0 0px 0px; font-size: 1em; vertical-align: bottom; overflow: hidden; width: auto; white-space: nowrap;}
#menu ul#main-menu ul#secondary-menu li:first-child {border-radius: 0;}
#menu ul#main-menu ul#secondary-menu li:last-child {border-radius: 0;}
#menu ul#main-menu ul#secondary-menu li a {cursor: pointer; text-decoration: none; background-color: transparent; font-weight: normal; font-size: 16px;}
#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;}
#menu ul#main-menu ul#secondary-menu li.active a {color: #000; font-weight: normal;}
#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; font-weight: bold}


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

#print {display: none;}
#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: 80px 0px 0px 0px; padding: 0; height: auto; width: 100%;}
#main.full-size {width: 100%; clear: both;}

body.links-page #main {margin-top: 30px}
body.affluence-page #main {margin-top: 30px}
#body.candidates-page #main {margin-top: 30px !important}
body.votes-page #main {margin-top: 30px}
body.despacho-page #main {margin-top: 30px}

#main .boletim {}
#main .boletim-place {float: left; margin: 0; clear: both; width: 100%; text-align: center;}
#main .boletim-place .division {text-align: center; color: #6D735F; width: 33.3%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#main .boletim-place .division:nth-child(1) .div-wrapper {margin-right: 4%;}
#main .boletim-place .division:nth-child(2) .div-wrapper {margin: 0 2%;}
#main .boletim-place .division:nth-child(3) .div-wrapper {margin-left: 4%;}
#main .boletim-place .division img {border: 1px solid #DFDFDF; width: 100%;}

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

#main .main-title {margin-left: 0; color: #000; padding: 0px 0px 0px 0px; float: left; width: auto; min-height: 54px;}
#main .main-title #titles {float: left; margin: 0px 10px 10px 0px;}
#main .main-title .pre-scope {float: left; color: #6a6a6a; font-size: 13px; margin: 2px 0 0 0;}
#main .main-title .scope {clear: both; font-size: 45px;  color: #218755; font-weight: bold}
#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-break {float: left; margin-top: 15px; margin-bottom: 20px; clear: both; width: 100%; text-align: center; border: none; height: 3px; background-color: #f2f2f2}
#main .main-title div.searchInfo {}

#contents {float: left; margin: 15px 0px 5px 0px; background-color: #fff;  border-radius: 5px; width: 100%;  box-shadow: 0 0 3px 2px #dcdcdc; -moz-box-shadow: 0 0 3px 2px #dcdcdc; -webkit-box-shadow: 0 0 3px 2px  #dcdcdc; -o-box-shadow: 0 0 3px 2px  #dcdcdc;}
#acessibilidade-contents {float: left; width: 100%; margin: 30px 0px 0px 0px; color: #656565; background-color: #fff; border-radius: 5px; width: 100%;  box-shadow: 0 0 3px 2px #dcdcdc; -moz-box-shadow: 0 0 3px 2px #dcdcdc; -webkit-box-shadow: 0 0 3px 2px  #dcdcdc; -o-box-shadow: 0 0 3px 2px  #dcdcdc;}
#acessibilidade-contents .acessibilidade-wrapper {padding: 20px;}
#acessibilidade-contents h2 {color: #656565; font-weight: 300; font-size: 24px;}
#acessibilidade-contents h2.top-space {margin-top: 40px;}
#acessibilidade-contents p, #acessibilidade-contents ul.text {font-size: 1.1em;}

#area-browser {float: left; margin: 0; width: 100%;  }
#area-browser #localityBrowserTopLevel {position: relative; cursor: pointer; margin-top: 30px; margin-bottom: 10px; padding-left: 24px;}
#area-browser #localityBrowserTopLevel:before {position: absolute; top: 0; left: 0; background: transparent url(../images/refresh.png) no-repeat scroll 0 0; display: block; width: 15px; height: 16px; content: "";}
#area-browser #browser #browser-none {display: none;}
#area-browser #browser {margin: 0;}
#area-browser #browser-top {width: 215px;  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-concelhos {position: relative; margin-top: 20px;}
#area-browser #browser-freguesias {position: relative; margin-top: 20px;}
#area-browser #browser .label {font-size: 1em; color: #808080; margin: 0 0 2px 0; float: left; width: 100%; text-transform: uppercase;}
#area-browser #browser .label.top {margin-top: 7px;}
#area-browser #browser select {width: 100%; height: 146px; margin: 0; color: #333; border: 1px solid #e5e5e5; appearance: normal; -moz-appearance: normal -webkit-appearance: normal; background-color: #f7f7f7;}
#area-browser #browser select option {padding: 4px 8px 4px 8px; cursor: pointer}
#area-browser #browser select option:hover {background-color: #bac4d3;}
#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: 10px; margin-top: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: 90px; 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.png) no-repeat scroll 0 0; padding-left: 24px; font-size: 1.083333em;}
#pdf-document-alt {clear: both; float: right; margin-bottom: 8px; background: transparent url(../images/pdf.png) no-repeat scroll 0 0; margin-top: 20px; padding: 1px 0 20px 30px; font-size: 16px; font-weight: 600;}
#pdf-document-alt a {color: #264895;}
/*#pdf.document-alt:before {content: ""; display: block; background: transparent url(../images/pdf.png) no-repeat scroll 0 0; width: 16px; height: 20px; position: absolute; top: -1px; left: 0;}*/
.pdf-embed-plugin {width: 100%; height: 100%; min-height: 950px;}

noscript {}
.noscript-top {height: 20px; width: 100%; clear: both;}
#noscript {width: 80%; border: 0px; display: block; margin: 70px auto; padding: 30px; background-color: #ffeeee; color: #961c1c; font-size: 16px; line-height: 2em; 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: 0px 20px 0 0;}

/* CSS SOMBRAS */

.chart-bg-shadow {height: 100%; }
.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; border-radius: 4px;}
#selector #area {position: relative; height: 458px; margin: 0 0;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#selector #area #area-map {}
#selector #area #area-browser {}
#selector #area.big {height: 478px; margin: 10px 30px}
#selector #area.small {height: 398px; margin: 10px 30px}
#selector #area .title-first {color: #808080; font-size: 1.25em; margin: 0 0 5px 0; text-transform: uppercase;}
#selector #area .title {color: #808080; font-size: 1.25em; margin: 0 0 5px 0; text-transform: uppercase;}
#selector #area #municipaly-block {margin-top: 30px;}
#selector #area .list {border: 1px solid #e5e5e5; width: 100%; background-color: #f7f7f7; margin: 0; overflow-y: auto; height: 223px;}
#selector #area .list ul.zone-list {list-style: none;}
#selector #area .list ul.zone-list li {width: 100%; height: 28px; padding-left: 8px; line-height: 28px; font-size: 1.17em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#selector #area .list ul.zone-list a {text-decoration: none;}
#selector #area .list ul.zone-list li:hover {background-color: #d9e8c5; 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: 0px; padding-left: 0px; margin: 0px;}
#selector #area .list ul.zone-list li.none-li-separator:hover {background-color: transparent; cursor: default;}
#comparitionSwitchClose {width: 100%;}

.switcher-btn {cursor: pointer; border-bottom: 1px solid #dadada; padding:15px; }
.switcher-btn .left-lbl {display: inline-block; font-size: 13px; color: #3d3d3d; margin-right: 10px;}
.switcher-btn .right-lbl {display: inline-block; font-size: 13px; color: #3d3d3d; margin-left: 10px;}
.switcher-btn .switcher {display: inline-block; background-color: #e5e5e5; height: 15px; width: 39px; border-radius: 18px; position: relative; margin-bottom: -2px;}
.switcher-btn.left .switcher:before {display: block; content: ""; width: 18px; height: 18px; border-radius: 9px; border: solid 1px #78c54e; box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5); background-image: linear-gradient(to top, #a6ce39, #2bb673); position: absolute; top: -2px; left: -2px;}
.switcher-btn.right .switcher:before {display: block; content: ""; width: 18px; height: 18px; border-radius: 9px; border: solid 1px #78c54e; box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5); background-image: linear-gradient(to top, #a6ce39, #2bb673); position: absolute; top: -2px; right: -2px;}

#selector.empty {float: right; clear: right; width: 0;}
.selector-menu {width: 100%; height: 36px; border-radius: 4px 4px 0 0; background-color: #fff;}
.selector-menu li {position: relative; float: left; list-style: none; width: 169px; 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; border-radius: 4px 4px 0 0; background-color: #e5e5e5;}
.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; color: #31a33a;}
.selector-menu li.active#listaBtn:before {right: none; left: -3px; background-position: 0px 0;}
#selector .selector-menu li.first {margin-left: 0px; margin-right: 2px;}
#selector .selector-menu li.first a {}
#selector .selector-menu li.last {float: right; margin-right: 4px;}
#selector .selector-menu li.last a {}
#selector .selector-menu li.active {}
.selector-menu a:hover li {background-color: #e6e6e6;}

#selector-colapsed {float: right; clear: right;} 
#selector-colapsed #area-colapsed {position: relative; width: 28px; 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 {position: relative; float: left; width: 100%; height: auto; background: #e1e7f0; color: #3d3d3d; margin: 5px 0 10px; padding: 6px 0px 6px 0px; font-size: 1.20em; border-radius: 5px; width: 100%;  box-shadow: 0 0 3px 2px #dcdcdc; -moz-box-shadow: 0 0 3px 2px #dcdcdc; -webkit-box-shadow: 0 0 3px 2px  #dcdcdc; -o-box-shadow: 0 0 3px 2px  #dcdcdc;}
#status-warnings-placehorder .status-warning {background: transparent url(../images/info.png) no-repeat scroll 0px 1px; margin: 5px 20px 5px 20px; padding: 0px 0px 0px 30px; min-height: 20px; text-align: justify}

/* links */
.parties-links-list {list-style-type: none; border-top: 1px solid #fff; text-shadow: 0px 1px #fff; padding-top: 3px;}
.parties-links-list .party-placeholder {display: table; width: 100%; margin: 15px 0 0 0; height: 52px;}
.parties-links-list .party-placeholder .party-logo {position: relative; float: left; height: 52px; line-height: 52px;}
.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: 40px; vertical-align: middle}
.parties-links-list .party-placeholder .party-name {font-size: 17px;  height: 52px; max-height: 52px;  padding: 0 0 0 10px;  display: table-cell;vertical-align: middle; }
.parties-links-list .party-placeholder .party-name a {font-weight: normal; text-decoration: none; color: #3d3d3d;  } 
.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;}
.parties-links-list .party-placeholder.disabled a {cursor:default; color:#656565; text-decoration:none;}
.parties-links-list .party-placeholder.disabled a:hover {text-decoration:none;}
.party-logo-wrapper {float: left;}
.party-name-wrapper {float: left; display: table-cell;vertical-align: middle; width: 85%;} 
.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 {list-style-type: none; border-top: 1px solid #fff; text-shadow: 0px 1px #fff; padding-top: 3px;}
.countries-links-list .country-placeholder {display: table; width: 100%; margin: 15px 0 0 0; height: 52px;}
.countries-links-list .country-placeholder .country-flag {height: 52px; display: table-cell; vertical-align: middle}
.countries-links-list .country-placeholder .country-flag .helper {display: inline-block; height: 100%; vertical-align: middle;}
.countries-links-list .country-placeholder .country-flag a {}
.countries-links-list .country-placeholder .country-flag a img {width: auto; height: auto; vertical-align: middle; padding: 10px 7px 10px 7px; border: 1px solid #c1bebe}
.countries-links-list .country-placeholder .country-name {font-size: 17px;  height: 52px; max-height: 52px;  padding: 0 0 0 10px; display: table-cell;vertical-align: middle; }
.countries-links-list .country-placeholder .country-name a {font-weight: normal; text-decoration: none; color: #3d3d3d;}
.countries-links-list .country-placeholder .country-name a:hover {text-decoration: underline}

.other-links-list {list-style-type: none; border-top: 1px solid #fff; text-shadow: 0px 1px #fff; padding-top: 3px;}
.other-links-list .other-placeholder {display: table; width: 100%; margin: 15px 0 0 0; height: 52px;}
.other-links-list .other-placeholder .other-logo {height: 52px; width: 32px; display: table-cell; vertical-align: middle}
.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: auto; height: auto; vertical-align: middle; }
.other-links-list .other-placeholder .other-name {font-size: 17px;  height: 52px; max-height: 52px;  padding: 0 0 0 10px; display: table-cell;vertical-align: middle; }
.other-links-list .other-placeholder .other-name a {font-weight: normal; text-decoration: none; color: #3d3d3d;}
.other-links-list .other-placeholder .other-name a:hover {text-decoration: underline}


.parties-links {width: 50%; height: 100%; float: left; }
.parties-links h2, .countries-links h2, .other-links h2 {color: #218755; font-weight: normal; border-bottom: 3px solid #d1d3d6; padding-bottom: 10px; font-size: 28px;}
.parties-links h2 span {font-size: 10px; color: #6a6a6a; white-space: pre}
.countries-links {width: 30%; float: left; height: 100%; padding-left: 20px}
.other-links {width: 50%; height: 100%; float: right;}
.other-links h2 {}
.links-wrapper {margin: 25px}

.candidates-links {width: 48%; height: 100%; float: left; background-color: #F2F2F2; border-radius: 3px;}

/* warnings */ 
.feedback-message {margin: 0px 30px 30px 30px; height: auto; color: #FFFFFF; text-align: left; display: block;  background-color: #218755; font-size: 1em; border-radius: 5px;  box-shadow: 0 0 3px 2px #dcdcdc; -moz-box-shadow: 0 0 3px 2px #dcdcdc; -webkit-box-shadow: 0 0 3px 2px  #dcdcdc; -o-box-shadow: 0 0 3px 2px  #dcdcdc;}
.feedback-message .text {padding: 10px 20px 10px 50px}
.feedback-message .text.waiting {background: transparent url(../images/time.png) no-repeat scroll 20px 12px;  font-size: 1.2em;}
.feedback-message .text.information {background: transparent url(../images/info.png) no-repeat scroll 8px 10px;  color: #3d3d3d; background-color: #e1e7f0; font-size: 1.2em;}
.chart-bg-IE8-fix-collapsed .feedback-message {width: 100%;}

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

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
   /* IE10+ specific styles go here */
   
}