/*
	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
*/
.piechart {float: left; width: 45px; height: 45px; border: 1px solid white; margin-top: -3px;}
.special-pie-img {position: absolute; left: 4px; display: none; z-index: -2;}
.chart {margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; float: left; width: 100%; min-height: 440px;}


div.previous {margin: 0px 0px 10px 10px; padding: 0px 0px 0px 10px; border-left: 1px solid #CBDBC1;}

#separator {float: left; border-top: 1px solid #DCE2E8; height:3px; margin: 5px 0px; 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%;}


/* patch width: 670px */
#chart-bg {padding: 10px;}
.chart-bg-IE8-fix-expanded {width: 666px}
.chart-bg-IE8-fix-collapsed {width: 917px}
.chart-bg-IE8-fix-expanded-msg {width: 670px}
.chart-bg-IE8-fix-collapsed-msg {width: 920px}

.chart.full-size.expanded 	{width: 948px;}
.chart.full-size.collapsed 	{width: 462px;}

.chart.half-size.expanded 	{width: 665px;}
.chart.half-size.collapsed  {width: 448px;}

#global-chart {float: left; border: 1px solid #E6E6E6; background-color: #fff; margin-top: 10px; position: relative;}
#global-chart #divisor {float: left; border-right: 1px solid #CBDBC1; margin: 10px 0px;}
#global-chart.global .chart-bg-IE8-fix-expanded {width: 949px;}
#global-chart.global .chart-bg-IE8-fix-collapsed {width: 949px;}

#global-chart.global .chart {min-height: 0;}

#tab-menu-chart {list-style: none; background-color: #fff; height: 32px; padding-bottom: 10px; border-bottom: 1px solid #999; margin: 0px;}
#tab-menu-chart li {color: #fff; float: left; margin: 8px 0px 0px 10px; padding: 10px; background: #fff url('../images/tab-menu-bg.png') repeat-x scroll 0px 0px;}
#tab-menu-chart li.first {}
#tab-menu-chart li.last {}
#tab-menu-chart li.active {background-color: #fff; color: #49a048; background-image: none; border: 1px solid #999; border-bottom: 0px;}
#tab-menu-chart li:hover {cursor: pointer;}

#chart-head {}

#tab-submenu-chart {list-style: none; height: 10px; float: left; clear: both; width: 100%;}
#tab-submenu-chart li {color: #1D578C; text-decoration: underline;}
#tab-submenu-chart li.active {color: #000; text-decoration: none;}

#tab-submenu-chart {list-style: none; height: 20px; float: left; clear: both; margin-bottom: 5px; width: 100%; background: #fff;}
#tab-submenu-chart li {float: left; margin: 0px 0px 5px 0px; padding: 5px 10px 5px 10px; color: #1D578C; }
#tab-submenu-chart li.first {background: #fff url('../images/grafico.png') no-repeat scroll 3px 3px; padding-left: 22px;}
#tab-submenu-chart li.last {margin-left: 7px; background: #fff url('../images/detalhes.png') no-repeat scroll 3px 3px; padding-left: 22px;}
#tab-submenu-chart li.active {background-color: #e6e6e6 ;color: #000; text-decoration: none;}
#tab-submenu-chart li:hover {cursor: pointer;}

#tab-submenu-chart li#print {background: #fff url('../images/print.gif') no-repeat scroll 0px 5px; float:right; margin-left: 10px; padding-left: 22px;}
#tab-submenu-chart li#comparationSwitch {width: auto; float:right; text-align: right; border-right: 1px solid #999; text-decoration: none;}
#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 0; padding-left: 15px;}
#tab-submenu-chart li#comparationSwitch a.collapse {background: transparent url(../images/tab-left.gif) no-repeat scroll 0 0; padding-left: 15px;}
#desactiveComparition {color: #999; background: transparent url(../images/tab-right-disabled.gif) no-repeat scroll 0 0; padding-left: 15px; cursor: default;}


.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 {border-right: 1px solid #ddd; 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; background:#FFFFFF url(../images/separator-chart.png) repeat-x scroll 0 0; 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: #4D4D4D;}
.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.5em; color: #808080; margin: 0px 0px 10px 144px; clear: both;}
.chart.current .chart-bigTitle {color: #AD2D2C;}
.chart table.chart-area {padding-bottom: 6px; background-color: #fff; border-collapse: collapse; border-spacing: 0px; width: 100%; margin:0px; }
.chart table.chart-area caption.chart-header {caption-side: bottom;}
.chart table.chart-area caption.chart-header .caption-spacer {background-color: #fff; color: #4D4D4D; border: 1px solid #ccc; padding: 10px;}
.chart table.chart-area caption.chart-header .chart-title {float: left; position: relative; padding-right: 10px; margin-right: 10px; border-right: 1px solid #CBDBC1; width: 123px; margin-bottom: 0;}
.chart table.chart-area caption.chart-header .registered-voters {font-size: 1.16em; line-height: 1.5em;}
.chart table.chart-area caption.chart-header .registered-voters .registered-voters-number {color: #000;}
.chart table.chart-area caption.chart-header .counted-voters {font-size: 1.16em; line-height: 1.5em;}
.chart table.chart-area caption.chart-header .counted-voters .counter-voters-number {color: #000;}
.chart table.chart-area caption.chart-header .percentage-voters {color: #224A6E; float: right; font-size: 1.16em;}
.chart table.chart-area caption.chart-header .percentage-voters #pct {font-weight: bold; color: #ad2d2c; font-size: 1.33em;}
.chart table.chart-area caption.chart-header .percentage-voters .percentage-symbol {font-weight: normal; color: #ad2d2c; font-size: 1em;}
.chart table.chart-area 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 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 table.chart-area caption.chart-header .assignedMandates {float: right; clear: right; margin-top: 3px; color: #224A6E; max-width: 162px;}
.chart table.chart-area caption.chart-header .assignedMandates .mandates-txt {float: right;}
.chart table.chart-area caption.chart-header .assignedMandates img {float: right; margin-left: 2px; margin-top: -1px;}
.chart table.chart-area caption.chart-header .availableMandates {float: right; clear: right; margin-top: 5px; color: #224A6E; max-width: 162px;}
.chart table.chart-area caption.chart-header .availableMandates .mandates-txt {float: right;}
.chart table.chart-area caption.chart-header .availableMandates img {float: right; margin-left: 2px; 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 10px 0px 0px; white-space: nowrap;}
.chart table.chart-area #acronym-text {margin-left: auto; float: left; margin: 5px 5px 0px 0px; font-size: 14px;}
.chart table.chart-area #acronym-text.elected {font-weight: bold;}
.chart table.chart-area #acronym-image {}
.chart table.chart-area td.acronym {color: #224A6E; background: #f2f2f2 url(../images/barchart-acronym-bg.png) repeat-y scroll top right; width: 170px; font-size: 1em; text-align: right; line-height: 1em; padding-top: 3px; padding-right: 10px; font-weight: bold;}
.chart table.chart-area td.results {margin: 0px;}
.chart table.chart-area td.results .chart-line {margin-left: 3px;}
.chart table.chart-area td.results .chart-line img.chart-bar-pattern {float: left; margin: 6px 0px 6px 0px; height: 17px;}
.chart table.chart-area td.results .chart-line .chart-bar-percentage {float: left; color: #AD2D2C; font-size: 1.33em; font-weight: bold; margin: 4px 0px 0px 4px; 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: #808080; font-size: 0.9em; margin: 9px 0px 0px 6px; width: auto;}

.chart table.chart-area td.chart-bar-mandates {padding: 0px 0px 0px 0px; width: 60px;}
.chart table.chart-area td.chart-bar-mandates .number-mandates {float: right; color: #224A6E; font-size: 1.16em; width: auto; font-family: Tahoma, Verdana, sans-serif; font-size: 1.0em;}
.chart table.chart-area td.chart-bar-mandates .alien {float: right; width: 12px; height: 16px; margin-left: 2px;}
.chart table.chart-area td.chart-bar-mandates a .number-mandates {text-decoration: underline; font-weight: bold; cursor: pointer; font-family: Lucida, Verdana, sans-serif; font-size: 1.0em; color: #1d578c;}
.chart table.chart-area td.chart-bar-mandates a:hover {}
.number-mandates {}

.chart table.chart-area td.separator .separator-line {background-color: #fff; height: 10px;}


.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.previous table.chart-area {background-color: #fff;}
.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 {background-color: #fff; color: #4D4D4D;}
.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-line .chart-bar-percentage {color: #4D4D4D;}
.chart.previous table.chart-area td.results .chart-line .chart-bar-votes {color: #808080;}
.chart.previous table.chart-area td.chart-bar-mandates .number-mandates {font-weight: bold; color: #4D4D4D;}
/*.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;}