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

* { margin:0; padding:0; text-align: left;}
img {border:0;}
body {font: 12px "Tahoma", "Arial", "Helvetica", sans-serif; background:#fff; color: #000E34}  /* 12px = 1.00em */
h1 {margin: 20px 0px 0px 0px; font-size: 1.5em; font-weight: bold; color: #104028;  border-bottom: 2px solid #ccc; width: 100%; height: 1.33em;}
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: #071944}
fieldset {border: none;}
.tooltip {border: 1px solid #86a32b; background-color: #f4f7ea; color: #000; padding: 0px 3px;}
#pdf-zone {float: left; height: 500px; margin: 20px 0px 30px 0px; border: 1px solid #CBDBC1; width: 100%; clear: both;}

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

#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:100px; border-top: 1px solid #86a32b; clear: both;}
#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;}
#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 63px; font-size: 0.9em;}

#body {min-height: 500px; display: block; width: 100%;}
#body.menu {background-image: url('../images/body-bg-no-submenu_a.png'); background-repeat: repeat-x;}
#body.menu.submenu {background-image: url('../images/body-bg-with-submenu_a.png'); background-repeat: repeat-x;}
#body.justsubmenu {background-image: url('../images/body-bg-just-submenu.png'); background-repeat: repeat-x;}
#body.grey {background: #f5f5f5;}
#footer {width:100%; height: 90px; clear: both;} 
.wrapper {margin: 0 auto; width: 975px;}

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

#institutions {float: right; height: 20px; width: 123px; margin-right: 4px; background: #fff url('../images/institutions-bottom.png') no-repeat scroll bottom ; text-align: center;}
#institutions img {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 {}
ul.menu.footer li.last {}
ul.menu.footer li.active a {text-decoration: none; font-weight: bold;}
ul.menu.footer li a {color: #071944; cursor: pointer;}
ul.menu.footer li a:visited, ul.menu.footer li a:hover, ul.menu.footer li a:active {color: #071944;}

#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: 4px;}
#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:#000; 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: 29px;}
#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: 29px;}
#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;}

#menu ul#secondary-menu {list-style-type: none; float:left; margin:0px 0px 0px 4px; width: 100%; height: 30px;}
#menu ul#secondary-menu li {float: left; margin: 10px 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:#071944; 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:#071944; 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;}

#menu #print {padding-left: 20px; clear: right; 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: 100%;}
#main.full-size {width: 100%; clear: both;}

#main .boletim-place {margin: 20px 0px; float:left; width: 550px;}
#main #boletim {width: 550px; height: 582px;}
#main .boletim-place #division{text-align: center; color: #6D735F;}
.feedback-message {margin: 0px 0px auto auto; height: auto; padding: 20px 0px 0px 0px; color: #15A8AB; width: 100%; text-align: center; display: block; float: left;}
#affluences-message {color: #666666; font-size: 1.7em; padding: 15px 0px 0px 0px; clear: both;}

#main .main-title {color: #104028; padding: 28px 0px 0px 0px; float: left; width: 100%;}
#main .main-title #titles {float: left; padding-right: 20px; margin: 0px 20px 20px 0px;}
#main .main-title .pre-scope {float: left; color: #6D735F; font-size: 1.25em;}
#main .main-title .scope {clear: both; font-size: 3em; font-weight: bold;}
#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; margin: 10px 0px 0px 10px;}
#area-browser #browser {margin: 0px 0px 0px 0px;}
#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 {}
#area-browser #browser.top {background-color: #E6E6E6;}
#area-browser #browser .label {font-size: 1em; color: #6D735F; margin: 20px 0px 0px 10px; display: inline-block; float: left; width: auto;}
#area-browser #browser .label.top {margin: 7px 0px 0px 10px;}
#area-browser #browser select {width: 252px; height: 94px; margin: 0px 0px 0px 10px;}
#area-browser #browser select option {padding: 0px 4px 0px 4px; cursor: pointer}

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

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

#footer {border-top: 2px solid #104028;}
#footer img {float: right; margin: 0px 4px 0px 0px;}

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

#body .spacer {display: block; clear: both; height: 80px;}
.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 {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;}
#noscript a {color: #961c1c; font-weight: bold;}
/*#debug {border: 2px dotted #aaa; background-color: #f7f7f7; padding: 20px; margin: 40px 20px;}*/
/*#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%;}
.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 {width: 282px; height: 458px; margin: 21px 0px 0px 0px; background-color: #F3F5EB; border-bottom: 1px solid #D4D9CA; border-right: 1px solid #D4D9CA; border-left: none;}
#selector #area.big {height: 468px;}
#selector #area.small {height: 388px;}
#selector #area #title {color: #6D735F; margin: 0px 0px 0px 15px}
#selector #area #list {border: 1px solid #D4D9CA; width: 243px; background-color: #fff; margin: 5px 0px 0px 15px; padding: 3px;}
#selector #area #list ul#zone-list {list-style: none;}
#selector #area #list ul#zone-list li {width: 100%; 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: #CBDBC1; cursor: pointer;}
#selector #area #list ul#zone-list .list-separator {background: transparent url(../images/list-separator.png) repeat-x scroll 0 0; width: 100%; height: 3px;}
#selector #area #list ul#zone-list li.none-li-separator {height: 3px; padding-left: 0px; margin: 5px 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-color: #DBE0D1; width: 100%; height: 28px; border-bottom: 1px solid #CED4C6;}
.selector-menu li {float: left; list-style: none; margin-left: 10px; margin-top: 6px; padding: 3px 6px 6px 6px; cursor: pointer; text-decoration: underline;}
.selector-menu a {color: #104028;}
#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: #F3F5EB; font-weight: bold; color: #104028; text-decoration: none;}
.selector-menu a:hover li {background-color: #F3F5EB; 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: 945px; height: auto; background: transparent url(../images/transpixel.png) 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;}


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