/*
	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
*/
.piechart {float: left; width: 45px; height: 45px;}
.chart {margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; float: left; width: 100%; min-height: 450px;}

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

#separator {float: left; background:#FFFFFF url(../images/separator-chart.png) repeat-x scroll 0 0; height:3px; margin:0px 10px 10px 10px; width:97%;}
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.full-size.expanded 	{width: 945px;}
.chart.full-size.collapsed 	{width: 462px;}

.chart.half-size.expanded 	{width: 670px;}
.chart.half-size.collapsed  {width: 450px;}

#global-chart {float: left; border: 1px solid #CBDBC1; background-color: #fff; margin-top: 10px; position: relative;}
#global-chart #divisor {float: left; border-right: 1px solid #CBDBC1; margin: 10px 0px;}

#tab-submenu-chart {list-style: none; height: 20px; float: left; clear: both; margin-bottom: 5px; width: 100%; background: #fff; padding-bottom: 5px; }
#tab-submenu-chart li {float: left; margin: 5px 0px 5px 0px; padding: 5px 10px 5px 10px; color: #1D578C; }
#tab-submenu-chart li.first {margin-left: 10px; 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: #e0f0dc;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;}
#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-left.gif) no-repeat scroll 0 0; padding-left: 15px;}
#tab-submenu-chart li#comparationSwitch a.collapse {background: transparent url(../images/tab-right.gif) no-repeat scroll 0 0; padding-left: 15px;}
#desactiveComparition {color: #999; background: transparent url(../images/tab-left-disabled.gif) no-repeat scroll 0 0; padding-left: 15px; cursor: default;}

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

.chart .chart-bigTitle {font-size: 1.33em; color: #104028; font-weight: bold; margin: 0px 0px 10px 144px; clear: both;}
.chart table.chart-area {padding-bottom: 6px; background-color: #eef6e4; 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;}
.chart table.chart-area caption.chart-header .chart-title {font-weight: bold; float: left; padding-right: 10px; margin-right: 10px; border-right: 1px solid #CBDBC1; width: 123px; margin-bottom: 10px;}
.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 {font-weight: bold;}
.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 {font-weight: bold;}
.chart table.chart-area caption.chart-header .percentage-voters {font-weight: bold; color: #4D4D4D; float: right; font-size: 1.16em;}
.chart table.chart-area caption.chart-header .percentage-voters #pct {font-weight: bold; color: #000; font-size: 1.33em;}
.chart table.chart-area caption.chart-header .percentage-voters .percentage-symbol {font-weight: normal; color: #000; 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 tr.headers {display: none;}

.chart table.chart-area #acronym-text-img {float: right; margin: 0px 10px 0px 0px;}
.chart table.chart-area #acronym-text {margin-left: auto; float: left; margin: 5px 5px 0px 0px;}
.chart table.chart-area #acronym-image {}
.chart table.chart-area td.acronym {width: 125px; font-size: 0.9em; text-align: right; line-height: 1em; padding-top: 3px; border-right: 10px solid #fff; font-weight: bold;}
.chart table.chart-area td.results {}
.chart table.chart-area td.results .chart-line {height: 20px; margin: 3px 0px; clear: both;}
.chart table.chart-area td.results .chart-line img.chart-bar-pattern {float: left; margin: 6px 0px 6px 10px; height: 17px;}
.chart table.chart-area td.results .chart-line .chart-bar-percentage {float: left; color: #104028; font-size: 1.33em; font-weight: bold; margin: 3px 0px 0px 4px; width: auto;}
.chart table.chart-area td.results .chart-line .chart-bar-votes {float: left; color: #6D735F; font-size: 0.9em; margin: 5px 0px 0px 10px; width: auto;}

.chart table.chart-area td.chart-bar-mandates {padding: 4px 10px 0px 0px; width: 50px;}
.chart table.chart-area td.chart-bar-mandates .number-mandates {float: right; margin: 0px 2px 0px 0px; color: #071944; font-size: 1.16em; font-weight: bold; width: auto;}
.chart table.chart-area td.chart-bar-mandates .alien {float: right; width: 14px; height: 14px;}
.chart table.chart-area td.chart-bar-mandates a .number-mandates {text-decoration: underline; cursor: pointer;}
.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 {float: right; display: none; width: auto;}
.chart.previous table.chart-area {background-color: #F0F0F0;}
.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; padding: 10px;}
.chart.previous table.chart-area caption.chart-header .counted-voters .percentage-voters {color: #808080;}
.chart.previous table.chart-area td.acronym {width: 125px; background-color: #F2F2F2;}
.chart.previous table.chart-area td.results .chart-line .chart-bar-percentage {color: #333333;}
.chart.previous table.chart-area td.results .chart-line .chart-bar-votes {color: #4D4D4D;}
.chart.previous table.chart-area td.chart-bar-mandates .number-mandates {color: #333333;}
/*.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;}