/*
	Tangível 2015
	HTML released under Creative Commons License - http://creativecommons.org/licenses/by/2.5/pt/
	Last Edit: 2015-03-26
	Contact: info@tangivel.com
*/
.piechart {float: left; width: 46px; height: 46px; margin: 0 0 0 0px; position: relative;}
.piechart canvas {position: absolute; top: 50%; left: 50%; margin-left: -23px; margin-top: -23px;}
.piechart:after {content: ""; display: block; position: absolute; top: 50%; margin-top: -13px; left: 50%; margin-left: -13px; width: 24px; height: 24px; background: transparent url(../images/piechart-hole.png) scroll no-repeat 0 0;}
.special-pie-img {position: absolute; left: 3px; display: none; z-index: 0;}
.chart {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; width: 100%; min-height: 440px;}


div.previous {margin: 0px 0px 0 0px; padding: 0px 0px 0px 0px; position: relative;}
div.previous:before {border-left: 1px solid #eee; position: absolute; content: ""; top: 0; left: 0; bottom: 0;}

#separator {float: left; width:100%;}
.separator-map {float: left; background:#FFFFFF url(../images/separator-chart.png) repeat-x scroll 0 0; height:3px; margin:10px 10px 10px 10px; width:265px;}
table #separator {float: none; background:#FFFFFF url(../images/separator-chart.png) repeat-x scroll 0 0; height:3px; margin:0px 0px 10px 0px; width:100%;}


#chart-bg {}
.chart-bg-IE8-fix-expanded {width: 650px}
.chart-bg-IE8-fix-collapsed {width: 970px}
.chart-bg-IE8-fix-expanded-msg {width: 690px}
.chart-bg-IE8-fix-collapsed-msg {width: 930px}

.chart.full-size.expanded 	{width: 915px;}
.chart.full-size.collapsed 	{width: 447px;}

.chart.half-size.expanded 	{width: 100%; position: relative;}
.chart.half-size.collapsed  {width: 50%; position: relative;}

#global-chart {float: left; position: relative; background-color: #f7f7f7;}
#global-chart #divisor {float: left; border-right: 1px solid #CBDBC1; margin: 10px 0px;}
#global-chart.global {border-right: none;}
#global-chart.global .chart-bg-IE8-fix-expanded {width: 915px;}
#global-chart.global .chart-bg-IE8-fix-collapsed {width: 915px;}
#global-chart.global .chart.full-size.expanded {width: 915px;}

#global-chart.global .chart {position: relative;}

#tab-menu-chart {list-style: none; background-color: #fff; height: 32px; border-bottom: 3px solid #F2F2F2; padding-bottom: 10px; margin: 0px;}
#tab-menu-chart li {float: left; margin: 8px 0px 0px 0px; padding: 10px 10px 8px 10px; border-bottom: 3px solid transparent; color: #1D578C;}
#tab-menu-chart li.first {}
#tab-menu-chart li.last {}
#tab-menu-chart li.active {background-color: #fff; color: #000; background-image: none; border-bottom: 3px solid #6AAB3B;}
#tab-menu-chart li:hover {cursor: pointer;}

#chart-head {}

#tab-submenu-chart {margin-top: 5px; list-style: none; height: 10px; float: left; clear: both; width: 100%; list-style: none; min-height: 20px; height: 20px; float: left; clear: both; width: 100%;}
#tab-submenu-chart li {float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 20px;}
#tab-submenu-chart li.first {}
#tab-submenu-chart li.last {margin-left: 7px;}
#tab-submenu-chart li.active {color: #fff;}
#tab-submenu-chart li:hover {cursor: pointer;}

#tab-submenu-chart li#print {float: right;  background-color: transparent; text-decoration: underline; margin-left: 10px;}
#tab-submenu-chart li#comparationSwitch {width: auto; float:right; text-align: right; cursor: default;}
#tab-submenu-chart li#comparationSwitch a, #comparationSwitch a:visited, #comparationSwitch a.active {cursor: pointer;}
#tab-submenu-chart li#comparationSwitch a.expand {background: transparent url(../images/tab-right.gif) no-repeat scroll 0 4px; padding-left: 15px;}
#tab-submenu-chart li#comparationSwitch a.collapse {background: transparent url(../images/tab-left.gif) no-repeat scroll 0 4px; padding-left: 15px;}

#alternative-chart-views #tab-submenu-chart {margin-bottom: 20px; font-size: 1.16em;}

#desactiveComparition {color: #999; background: transparent url(../images/tab-right-disabled.gif) no-repeat scroll 0 4px; padding-left: 15px;}


.chart-placeholder {margin: 10px 0px; clear: left;}
.chart-placeholder.currentChart {}
.chart-placeholder.previousChart { padding: 0px 10px; border-left: 1px solid #CBDBC1;}

table.chart-area-details {width: 100%;}
table.chart-area-details {border-collapse: collapse; border-spacing: 0px; margin:0px;}
table.chart-area-details tr.headers {background: #fff url(../images/detalhes-head-bg.png) repeat-x scroll; height: 39px; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
table.chart-area-details tr {height: 36px; color: #666666;}
table.chart-area-details tr th {padding-left: 5px; padding-right: 5px; font-weight: normal;}
table.chart-area-details tr th.separator-header {border-right: 1px solid #ddd; text-align: right;}
table.chart-area-details tr th.separator-header.list {text-align: left;}
table.chart-area-details tr td {padding-left: 5px; padding-right: 5px;}
table.chart-area-details tr td.acronym {color: #000; width: 68%; text-align: left; white-space: nowrap;}
table.chart-area-details tr td.percentage {border-right: 1px solid #ddd; color: #000; font-weight: bold; text-align: right;}
table.chart-area-details tr td.acronym-none {color: #000; text-align: left;}
table.chart-area-details tr td.acronym-elected {font-weight: bold;}
table.chart-area-details tr td.percentage-none {color: #000; font-weight: bold; text-align: right;}
table.chart-area-details tr td.votes {color: #000; text-align: right;}
table.chart-area-details tr td.constituenctyCounter {color: #000; text-align: right;}
table.chart-area-details tr td.presidents {color: #000; text-align: right;}
table.chart-area-details tr td.absoluteMajority {color: #000; text-align: right;}
table.chart-area-details tr td.mandates a {color: #00568f; text-align: right;}
table.chart-area-details tr td.mandates {color: #000; text-align: right;}
table.chart-area-details tr.colorA {background-color: #f2f2f2}
table.chart-area-details tr.colorB {background-color: #fff}
table.chart-area-details tr.totais {font-weight: bold; font-size: 1.1em;}
table.chart-area-details tr.totais td {border-width: 0px; border-top: 1px solid #ddd; color: #000;}

table #separator-details {float: none; height:3px; margin:4px 0px 0px 0px; width:100%;}
table.chart-area-details tr.separator-line-details {height:25px;}
table.chart-area-details tr.separator-line-details td {padding: 0px;}

.chart table.chart-area-details {padding-bottom: 6px; background-color: #fff; border-collapse: collapse; border-spacing: 0px; width: 100%; margin:0px; }
.chart table.chart-area-details caption.chart-header {caption-side: bottom;}
.chart table.chart-area-details caption.chart-header .caption-spacer {background-color: #fff; color: #333;}
.chart table.chart-area-details caption.chart-header .chart-title {float: left; padding-right: 10px; margin-right: 10px; border-right: 1px solid #CBDBC1; width: 123px; margin-bottom: 10px;}
.chart table.chart-area-details caption.chart-header .registered-voters {font-size: 1.16em; line-height: 1.5em;}
.chart table.chart-area-details caption.chart-header .registered-voters .registered-voters-number {color: #000;}
.chart table.chart-area-details caption.chart-header .counted-voters {font-size: 1.16em; line-height: 1.5em;}
.chart table.chart-area-details caption.chart-header .counted-voters .counter-voters-number {color: #000;}
.chart table.chart-area-details caption.chart-header .percentage-voters {color: #889A6B; float: right; font-size: 1.16em;}
.chart.previous table.chart-area-details caption.chart-header .percentage-voters {color: #767676; float: right; font-size: 1.16em;}
.chart table.chart-area-details caption.chart-header .percentage-voters #pct {font-weight: bold; color: #000; font-size: 1.33em;}
.chart table.chart-area-details caption.chart-header .percentage-voters .percentage-symbol {font-weight: normal; color: #000; font-size: 1em;}
.chart table.chart-area-details caption.chart-header .total-mandates {font-style: italic; font-size: 0.9em; text-align: right; height: 0.9em; width: 100%; clear: both;font-size: 1.16em;}
.chart table.chart-area-details caption.chart-header .total-mandates .total-mandates-number {font-weight: bold;}
.chart table.chart-area-details caption.chart-header .tie-message  {float: right;clear: right; color: #0098BD;}
.chart table.chart-area-details caption.chart-header .availableMandates  {float: right; clear: right;}
.chart .availableMandates.hide {display: none;}

.chart.current {}

.chart .chart-bigTitle {font-size: 1.33em; color: #255892; clear: both; margin-top: 20px;}
.chart .chart-bigTitle .chart-title {display: table; float: right; margin-right: 10px; border: 3px solid #fff; border-width: 3px 4px; background-color: #fff; white-space: nowrap; font-weight: 300;}
.chart.current .chart-bigTitle {color: #255892;}
.chart table.chart-area {padding-bottom: 6px; border-collapse: collapse; border-spacing: 0px; margin:0px; width: 100%}
.chart table.chart-area caption.chart-header {caption-side: bottom;}
.chart table.chart-area caption.chart-header .caption-spacer {background-color: #fff; color: #333; border: 1px solid #f2f2f2; padding: 10px 25px;}
.chart table.chart-area caption.chart-header .caption-spacer .caption-spacer-wrapper {display: table; width: 100%;}
.chart table.chart-area caption.chart-header .chart-title {float: left; position: relative; margin-right: 20px; width: 128px; margin-bottom: 0;}
.chart table.chart-area caption.chart-header .registered-voters {font-size: 1.08em; line-height: 1.5em; color: #7f7f7f; text-transform: uppercase; font-weight: 300;}
.chart table.chart-area caption.chart-header .registered-voters .registered-voters-number {font-size: 1.25em; color: #4c4c4c; text-transform: normal;}
.chart table.chart-area caption.chart-header .counted-voters {font-size: 1.08em; line-height: 1.5em; color: #7f7f7f; text-transform: uppercase; font-weight: 300;}
.chart table.chart-area caption.chart-header .counted-voters .counter-voters-number {font-size: 1.25em; color: #4c4c4c; text-transform: normal;}
.chart table.chart-area caption.chart-header .percentage-voters {color: #656565; float: right; font-size: 1em; font-weight: 300; text-transform: uppercase;}
.chart table.chart-area caption.chart-header .percentage-voters #pct {color: #255892; font-size: 1.91em; font-weight: normal;}
.chart table.chart-area caption.chart-header .percentage-voters .percentage-symbol {color: #255892; font-size: 1.1em;}
.chart table.chart-area caption.chart-header .total-mandates {font-style: italic; font-size: 1em; text-align: right; height: 2em; line-height: 2em; vertical-align: middle; width: 100%; clear: both; float: right;}
.chart table.chart-area caption.chart-header .total-mandates .total-mandates-number {font-weight: bold;}
.chart table.chart-area caption.chart-header .tie-message  {float: right; clear: right; color: #0098BD;}

.chart.collapsed table.chart-area caption.chart-header .caption-spacer {padding: 10px;}
.chart.collapsed table.chart-area caption.chart-header .piechart {margin-top:-3px;}
.chart.collapsed table.chart-area caption.chart-header .chart-title {width:111px;margin-right:7px;padding-right:7px;}
.chart.collapsed table.chart-area caption.chart-header .counted-voters {font-size: 0.9em;line-height: 1.8em;}
.chart.collapsed table.chart-area caption.chart-header .percentage-voters {font-size: 1em;}
.chart.collapsed table.chart-area caption.chart-header .percentage-voters #pct {font-size: 1.4em;}
.chart.collapsed table.chart-area caption.chart-header .percentage-voters .percentage-symbol {font-size: 1.4em;}
.chart.collapsed table.chart-area caption.chart-header .registered-voters {font-size: 0.9em;line-height: 1.8em;}
.chart.collapsed table.chart-area caption.chart-header .assignedMandates {margin-top:2px;font-size: 0.9em;}
.chart.collapsed table.chart-area caption.chart-header .availableMandates {margin-top:3px;font-size: 0.9em;}


caption.chart-header .assignedMandates {float: right; clear: right; margin-top: 3px; color: #808080; max-width: 166px;}
caption.chart-header .assignedMandates .mandates-txt {float: right;}
caption.chart-header .assignedMandates img {float: right; margin-left: 5px; margin-top: -1px;}
caption.chart-header .availableMandates {float: right; clear: right; margin-top: 5px; color: #808080; max-width: 190px;}
caption.chart-header .availableMandates .mandates-txt {float: right;}
caption.chart-header .availableMandates img {float: right; margin-left: 5px; margin-top: -1px;}

.chart table.chart-area tr.headers {display: none;}

.chart table.chart-area #acronym-text-img {font-size: 0.9em; float: right; margin: 0px 0px 0px 0px; white-space: nowrap;}
.chart table.chart-area #acronym-text {margin-left: auto; float: left; color: #656565; margin: 7px 5px 0px 0px; font-size: 1.17em;}
.chart table.chart-area #acronym-text.elected {}
.chart table.chart-area #acronym-image {}
.chart table.chart-area tbody tr:first-child td {padding-top: 30px;}
.chart table.chart-area td.acronym,
.chart table.chart-area th.acronym {color: #4D4D4D; background-color: #f2f2f2; width: 213px; font-size: 1em; text-align: right; line-height: 1em; padding: 0 10px 0 0px;}
.chart table.chart-area th.acronym {text-align: center; padding: 0;}
.chart table.chart-area td.acronym img {width: auto;}
.chart table.chart-area td.results,
.chart table.chart-area th.results {background: transparent url(../images/barchart-acronym-bg.png) repeat-y scroll -3px 0; margin: 0px;}
.chart table.chart-area td.results .chart-line {margin-left: 1px;}
.chart table.chart-area td.results .chart-line img.chart-bar-pattern {float: left; margin: 14px 0px 8px 0px; height: 8px; border-top-right-radius:4px; border-bottom-right-radius:4px;}
.chart table.chart-area td.results .chart-line .chart-bar-percentage {float: left; color: #255892; font-size: 1.33em; margin: 7px 0px 0px 8px; width: auto;}
.chart table.chart-area td.results .chart-line .chart-bar-percentage .percentage-symbol {font-size: 0.7em; font-weight: normal; width: auto; margin-left: 2px;}
.chart table.chart-area td.results .chart-line .chart-bar-votes {float: left; color: #7f7f7f; font-size: 1em; margin: 10px 0px 0px 8px; width: auto;}

.chart table.chart-area td.chart-bar-mandates {padding: 0px 0px 0px 0px; width: 46px;}
.chart table.chart-area td.chart-bar-mandates .number-mandates {float: right; color: #647862; font-size: 1.16em; width: auto; font-size: 1.0em;}
.chart table.chart-area td.chart-bar-mandates .alien {float: right; width: 18px; height: 18px; margin-left: 5px; margin-right: 5px;}
.chart table.chart-area td.chart-bar-mandates a .number-mandates {text-decoration: underline; cursor: pointer;  font-size: 1.08em; color: #255892;}
.chart table.chart-area td.chart-bar-mandates a:hover {}
.number-mandates {}

.chart table.chart-area td.separator .separator-line {height: 20px;}

.chart.current table.chart-area {background: transparent url('../images/bg-chart.png') no-repeat 70px 180px;}

.chart.previous table.chart-area caption.chart-header .percentage-voters {color: #4D4D4D;}
.chart.previous table.chart-area caption.chart-header .percentage-voters #pct {color: #4D4D4D;}
.chart.previous table.chart-area caption.chart-header .percentage-voters .percentage-symbol {color: #4D4D4D;}

.chart.previous {float: right; display: none; width: auto;}
.chart table#previous-chart {background: #F0F0F0 url('../images/bg-chart-previous.png') no-repeat 150px 0px;}
.chart.previous table.chart-area caption.chart-header .caption-spacer {color: #333;}
.chart.previous table.chart-area caption.chart-header .counted-voters .percentage-voters {}
.chart.previous table.chart-area td.acronym {/*background: #f2f2f2 url(../images/previous-barchart-acronym-bg.png) repeat-y scroll top right;*/}
.chart.previous table.chart-area td.results {}
.chart.previous table.chart-area td.results .chart-line .chart-bar-percentage {color: #656565;}
.chart.previous table.chart-area td.results .chart-line .chart-bar-votes {color: #656565;}
.chart.previous table.chart-area td.chart-bar-mandates .number-mandates {color: #7f7f7f;}
/*.chart.previous table.chart-area td.separator .separator-line {background: url('../images/gray-pixel.png') repeat-x 0px 0.5em; margin: 0px 10px 0px 10px; height: 1em;}*/

.chart .no-chart-available {text-align: center; padding-top: 10px; color: #15A8AB;}