/*
	Tangível 2009
	HTML released under Creative Commons License - http://creativecommons.org/licenses/by/2.5/pt/
	Last Edit: 2009-10-20
	Contact: info@tangivel.com
*/

* { margin:0; padding:0; text-align: left;}
html {height: 100%;}
img {border:0;}
body {font: 12px "Tahoma", "Arial", "Helvetica", sans-serif; background-color: #fff; color: #000E34; position: relative; height: auto; min-height: 100%;}  /* 12px = 1.00em */
h1 {margin: 20px 0px 0px 0px; font-size: 1.5em; font-weight: bold; color: #AD2D2C;  border-bottom: 2px solid #ccc; width: 100%; height: 1.33em;}
h1.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: #00568f;}
fieldset {border: none;}
.tooltip {border: 1px solid #86a32b; background-color: #f4f7ea; color: #000; padding: 0px 3px;}
#pdf-zone {float: left; height: 1380px; margin: 20px 0px 30px 0px; border: 1px solid #CBDBC1; width: 100%; clear: both;}
#print {background: transparent url('../images/print.gif') no-repeat scroll 0px 5px; float:right; padding-left: 22px; height: 20px; padding-top: 4px;}
#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: 9px; color: #808080;}

#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:128px; border-top: 1px solid #E6E6E6; clear: both; background-color: #fff;}
#header .wrapper {background-color: #fff; height:128px;}
#header.big {height: 421px; }
#header.short {height: 168px;} 
#header #logo {margin: 10px 0px 0px 0px; width: 430px; height: 83px; 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: 90px; display: block; width: 100%; background-color: #fff;}
#body.menu {background-image: url('../images/body-bg-no-submenu_a.png'); background-repeat: repeat-x;}
#body.menu .wrapper {background-image: url('../images/body-bg-no-submenu_a.png'); background-repeat: repeat-x; background-color: #fff;}
#body.menu.submenu {background-image: url('../images/body-bg-with-submenu_a.png'); background-repeat: repeat-x;}
#body.menu.submenu .wrapper {background-image: url('../images/body-bg-with-submenu_a.png'); background-repeat: repeat-x; background-color: #fff;}
#body.justsubmenu {background-image: url('../images/body-bg-just-submenu.png'); background-repeat: repeat-x;}
#body.grey {background: #f5f5f5;}
#footer {position: absolute; bottom: 0; width: 100%; height: 90px; clear: both; background-color: #4D4D4D;} 
.wrapper {margin: 0 auto; width: 975px;}
#footer .wrapper {padding-top: 5px; background-color: #4D4D4D; height: 85px;}

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

#institutions-bottom {float: left; height: 20px; margin-right: 20px; text-align: center;}
#institutions-bottom img {margin: 3px 5px;}
#institutions-top {float: right; margin-top: 40px;}
#institutions-top a {float: right; margin: 3px 5px;}

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; color: #000; cursor: pointer;}
ul.menu li a:visited, ul.menu li a:hover, ul.menu li a:active {color: #fff;}
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;}
ul.menu.footer li {padding: 0px;}
ul.menu.footer li.last {}
ul.menu.footer li a {color: #fff; font-size: 1em; cursor: pointer; padding: 5px 10px; text-decoration: none; text-decoration: underline;}
ul.menu.footer li a:visited, ul.menu.footer li a:hover, ul.menu.footer {color: #fff;}
ul.menu.footer li.active a {color: #fff; text-decoration: none; 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;}

#parties-status {float: left; width: 100%; margin: 0px auto; height: 166px; background: url('../images/parties-status-middle.png') repeat-x scroll 0 0; position: relative;}
#parties-status-left {float: left; background: url('../images/parties-status-left.png') no-repeat scroll top right; width: 18px; height: 146px;}
#parties-status-right {float: right; background: url('../images/parties-status-right.png') no-repeat scroll top left; width: 18px; height: 146px;}
.party {float: left; margin: 15px 4px 0px 4px; text-align: center; width: 56px;}
.party:first-child {float: left; margin: 15px 7px 0px 0px; width: auto;}

.party .badge {height: 62px; width: 56px; margin-bottom: 7px; text-align: center; background: #fff url('../images/badge-top-center.png') repeat-x scroll 0 0;}
.party .badge .top {height: 6px;font-size: 0;}
.party .badge .top .left {float: left; background: url('../images/badge-top-left.png') no-repeat scroll bottom right; height: 6px; width: 6px; }
.party .badge .top .center {float: left; background: #fff url('../images/badge-top-center.png') repeat-x scroll 0 0; height: 6px; width: 1px;}
.party .badge .top .right {float: right; background: url('../images/badge-top-right.png') no-repeat scroll bottom left; height: 6px; width: 6px;}
.party .badge .middle {height: 50px; background-color: #fff; text-align: center;}
.party .badge .bottom {height: 6px; font-size: 0;}
.party .badge .bottom .left {float: left; background: #fff url('../images/badge-bottom-left.png') no-repeat scroll top right; height: 6px; width: 6px;}
.party .badge .bottom .center {float: left; background-color: #fff; height: 6px; width: 44px;}
.party .badge .bottom .right {float: right; background: #fff url('../images/badge-bottom-right.png') no-repeat scroll top left; height: 6px; width: 6px;}

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

.party .deputies-counter {height: 20px; text-align: center; margin-top: 11px;}
.party .deputies-counter .counter {color: #fff; font-size: 1.2em; font-weight: bold;}
.party .deputies-counter img {margin: 0px 0px 0px 3px; }
.party .votos-counter {text-align: center; color: #fff; font-size: 0.8em; margin: 1px 0px 0px 0px;}
.party .percentage {text-align: center; color: #fff; font-size: 0.8em; margin: 1px 0px 0px 0px;}

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

#menu {white-space: nowrap; margin-left: 4px;}
#menu ul#main-menu {list-style-type: none; height: 30px; float: left;}
#menu ul#main-menu li {float: left; width: auto; color: #fff; font-size: 1.2em; line-height: 1.1em; height: 29px; vertical-align: bottom; overflow: hidden; margin-top: 5px;}
#menu ul#main-menu li a {color:#fff; text-decoration: none; cursor: pointer;}
#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: 6px 20px 4px 20px;}

#menu ul#main-menu li.active a {color:#235168; text-decoration: none; font-weight: bold;}
#menu ul#main-menu li.active {float: left; cursor: default; width: auto;}
#menu ul#main-menu li.active .menu-tab-left {float: left; display: block; background: url('../images/menu-tab-left.png') no-repeat scroll 0; width: 11px; height: 28px;}
#menu ul#main-menu li.active .menu-tab-right {float: left; display: block; background: url('../images/menu-tab-right.png') no-repeat scroll 0; width: 11px; height: 28px;}
#menu ul#main-menu li.active .menu-option {float: left; background: #fff url('../images/menu-tab-middle.png') repeat-x scroll 0; width: auto; height: 29px; font-weight: bold;}

#menu ul#secondary-menu {list-style-type: none; float:left; clear: left; margin:0px 0px 0px 4px; width: 100%; height: 30px;}
#menu ul#secondary-menu li {float: left; margin: 12px 30px 0px 0px; font-size: 0.98em; height: 25px; vertical-align: bottom; overflow: hidden; width: auto; white-space: nowrap;}
#menu ul#secondary-menu li a {color:#235168; cursor: pointer;}
#menu ul#secondary-menu li .menu-tab-left {float: left; width: auto; }
#menu ul#secondary-menu li .menu-tab-right {float: left; width: auto; }
#menu ul#secondary-menu li .menu-option {}

#menu ul#secondary-menu li.active { float: left; width: auto;}
#menu ul#secondary-menu li.active a {color:#235168; text-decoration: none; font-weight: bold; }
#menu ul#secondary-menu li.active .menu-tab-left {float: left; width: auto; }
#menu ul#secondary-menu li.active .menu-tab-right {float: left; width: auto; }
#menu ul#secondary-menu li.active .menu-option {float: left; width: auto; }

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

#main div#print {padding-left: 20px; float: right; margin: 20px 4px 0px 0px; background-image: url('../images/print.gif'); background-repeat: no-repeat;}


#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 4px; height: auto; width: 971px;}
#main.full-size {width: 100%; clear: both;}

#main .boletim-place {margin: 20px 0px; float:left; width: 100%;}
#main .boletim {width: 450px;}
#main .boletim-place .division {text-align: center; color: #6D735F; width: 450px; height: 455px; float: left; margin: 0px 24px 0px 0px;}
#main .boletim-place .division.last {margin-right: 0px;}
#affluences-message {color: #AD2D2C; font-size: 1.3em; padding: 15px 0px 0px 0px; clear: both;}
.image-legend {text-align: center; margin: 20px 0px 0px 0px;}

#main .main-title {color: #224A6E; padding: 28px 0px 0px 0px; float: left; width: auto;}
#main .main-title #titles {float: left; padding-right: 20px; margin: 0px 20px 20px 0px;}
#main .main-title .pre-scope {float: left; color: #808080; font-size: 1.1em;}
#main .main-title .scope {clear: both; font-size: 3em; font-weight: bold;}
#main .main-title .scope .candidates-local {color: #666666; font-size: 0.55em; font-weight: normal;}
#main .main-title div.searchInfo {}

#contents {float: left; margin: 0px 0px 0px 0px;}

#area-browser {float: left; margin: 0px 3px 0px 4px; width: 215px;}
#area-browser #localityBrowserTopLevel {cursor: pointer; text-decoration: underline; color: #1d578c; margin: 10px 0px 10px 10px;}
#area-browser #browser #browser-none {display: none;}
#area-browser #browser {margin: 0px 0px 0px 7px;}
#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 {width: 260px;}
#area-browser #browser.top {background-color: #E6E6E6;}
#area-browser #browser .label {font-size: 1em; color: #4D5D19; margin: 20px 0px 0px 0px; display: inline-block; float: left; width: auto; font-weight: bold;}
#area-browser #browser .label.top {margin-top: 7px;}
#area-browser #browser select {width: 260px; height: 90px; margin: 0; color: #515D2A; background: #eff4e2; border: 1px solid #999;}
#area-browser #browser select option {padding: 1px 5px 1px 5px; margin: 2px; cursor: pointer}
#area-browser #browser select option:hover {background-color: #E8EFA5;}
#area-browser #browser select option:active {background-color: #8ab13a;}

#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 {float: right; margin: 0px 0px 0px 0px; position: relative; top: 60px; right: 65px;}
#area-browser #browser form#locality-search .loading-feedback {margin: 7px 7px 0px 0px;}
#area-browser #browser #results-district {clear: both;}
.candidates-loading-feedback {float: right; margin: 0px 0px 0px 0px; position: relative; top: 5px; right: 25px;}

#footer {}
#footer img {float: right; margin: -5px 0px 0px 0px;}

#accessibility {float: none; clear:both; font-size: 0.8em; width: auto; color: #fff;}
#accessibility img {float: none; margin-top: 20px;}
#accessibility a {color: #fff;}

#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-document {clear: both; float: right; background: transparent url(../images/pdf.gif) no-repeat scroll 0 0; padding-left: 24px;}
.pdf-embed-plugin {width: 100%; height: 100%;}

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-right: 15px;}

/* CSS SOMBRAS */

.chart-bg-shadow {position: relative; height: 100%; background-color: #fff;}
.chart-bg-shadow-top {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 {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 {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 {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 {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 {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 {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 {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; }
#selector #area {border-bottom: 1px solid #D4D9CA; border-left: medium none; border-right: 1px solid #D4D9CA; height: 458px; margin: 21px 0 0; width: 282px;}
#selector #area.big {height: 478px;}
#selector #area.small {height: 398px;}
#selector #area .title-first {color: #224A6E; margin: 0px 0px 0px 15px}
#selector #area .title {color: #6D735F; margin: 10px 0px 0px 15px}
#selector #area .list {border: 1px solid #D4D9CA; width: 233px; background-color: #fff; margin: 5px 0px 0px 10px; padding: 3px;}
#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 {background: #fff url(../images/selector-menu-bg.png) repeat-x scroll 0 0; width: 100%; height: 28px; margin-bottom: 5px;}
.selector-menu li {float: left; list-style: none; margin-left: 10px; margin-top: 6px; padding: 3px 6px 4px 6px; cursor: pointer; text-decoration: underline; color: #1D578C;}
.selector-menu a {color: #1D578C;}
.selector-menu li.active a {color: #333}
#selector .selector-menu li.first {margin-left: 15px;}
#selector .selector-menu li.last {float: right; margin-right: 4px;}
#selector .selector-menu li.active {background-color: #fff; font-weight: bold; color: #333; text-decoration: none; border-left: 1px solid #E6E6E6; border-top: 1px solid #E6E6E6; border-right: 1px solid #E6E6E6;}
.selector-menu a:hover li {background-color: #e6e6e6; text-decoration: none;}

#selector-colapsed {float: right; clear: right;}
#selector-colapsed #area-colapsed {width: 31px; height: 458px; margin: 21px 0px 0px 0px; background-color: #F3F5EB; border-bottom: 1px solid #D4D9CA; border-right: 1px solid #D4D9CA; border-left: 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: 949px; height: auto; background: transparent url(../images/transpixel.gif) repeat scroll 0 0; color: #666; padding: 6px 10px; margin: 0px 0px 0px 0px; border: 1px solid #bbb;}
#status-warnings-placehorder .status-warning {background: transparent url(../images/info.png) no-repeat scroll 0px 0px; margin: 3px 3px; padding: 0px 0px 0px 24px; height: 15px;}

/* links */
table.parties-links-list .party-logo {margin: 5px 20px 5px 0px;}
table.parties-links-list .party-name {font-size: 1em;}
table.parties-links-list .party-name a {}

table.countries-links-list td {padding: 3px;}
table.countries-links-list .country-flag {width: 20px; height: 30px;}
table.countries-links-list .country-name {font-size: 1em;}
table.countries-links-list .country-name a {}

table.other-links-list {height: 100%;}
table.other-links-list td {padding: 3px 6px 15px 3px}
table.other-links-list .other-link-icon {width: 20px; height: 30px;}
table.other-links-list .other-link-text {font-size: 1em;}
table.other-links-list .other-link-text a {}

.parties-links {width: 450px; height: 100%; float: left; margin-right: 60px; }
.countries-links {width: 280px; float: left; height: 100%; }
.other-links {width: 450px; height: 100%; float: right; }

/* warnings */ 
.feedback-message {margin: 0 auto; height: auto; color: #0098BD; width: 100%; text-align: left; display: block; float: left; border: 1px solid #97BCDE; background-color: #F1F9FA; font-size: 1.16em;}
.feedback-message .text {padding:10px;}
.feedback-message .text.waiting {background: transparent url(../images/time.png) no-repeat scroll 10px 10px; padding-left: 34px;}
.feedback-message .text.information {background: transparent url(../images/info.png) no-repeat scroll 10px 10px; padding-left: 34px;}

/* messages */
.percentages-disclaimer {clear: both; margin: 15px 0 10px 10px; color: #6D735F; width: 662px;}
.mandates-disclaimer {clear: both; margin: 15px 0 10px 10px; color: #6D735F; width: 662px; display: none;}