/**
	@title Quicken for Mac
	@description styles for the Spending Over Time report
	@author Jason Harris
	
	Mickey Roberson	08/27/10	[DE1307] Removed unnecessary printed report clutter (settings button and shadow)
	Mickey Roberson 08/30/10	[DE1621] Header column contents are now truncated with ellipsis if they overflow
	Mickey Roberson 08/31/10	[DE1575] Spending over time report is now the same width as other reports.
	Mickey Roberson	09/20/10	[DE1675] Added formatting to show/hide the sections necessary when printing vs displaying
	Mickey Roberson	09/23/10	[DE1604] Format changes to match other reports. Negatives are now red.
	Mickey Roberson	10/04/10	[DE1788] Don't show magnifying glass for thead/tfoot as they are non-functional
	Mickey Roberson	10/29/10	[DE1852] Added a separator line between the fixed data table (category names) and the values table

*/
#spendingOvertime #outerWrapper {
	width:auto;
    max-width:inherit;
	padding:13px 30px;
}

#spendingOvertime #innerWrapper {
    width:auto;
    max-width:inherit;
	margin-top: 20px;
    padding: 0;
}

@media print {
	#innerWrapper, #zeroDataWrapper, #innerWrapperAllAccountsReport, #innerWrapperPortfolioBalance, #innerWrapperBudget  {
		-webkit-box-shadow:0 0px 0px rgba(0,0,0,0);
	}
	.printableTable {
		page-break-before: always;
	}
	#screenTable, .screenData, #currencyTypeSelect {
		display:none;
	}
}

@media screen {
	.printableData /*, #printableDataContainer*/ {
		display:none;
	}
}

#innerWrapper #tableDataContainer {
	overflow: scroll;
	width:auto;
    max-width:inherit;
	padding-left:0px;
    margin-left:0px;
}

#tableData {
    width:100%;
}

#tableData td, .tableFixedData td, #tableFixedPrintData td {
	white-space: nowrap;
	padding-right: 4em;
	padding-bottom: 0.5em;
	text-align: right;
}
#tableData tr.uncategorized td, .tableFixedData tr.uncategorized td, #tableFixedPrintData tr.uncategorized td {
	font-style: italic;
}

#tableData thead td, #tableData tfoot td, .tableFixedData thead td, .tableFixedData tfoot td {
	color: inherit;
}
#tableData td.zero, .tableFixedData td.zero {
	color: #666;
}
#tableData td, .tableFixedData td {
	color: black;
}

.tableFixedData tr.level0 td, .tableFixedData td.totalColumn, #tableData td.totalColumn, #tableData tr.level0 td {
 	font-weight: bold;
}

#tableData td.negative, .tableFixedData td.negative, .tableFixedData td.negative {
	color: red;
}
#tableData td.category, .tableFixedData td.category, #tableFixedPrintData td.category {
	text-align: left;
}
#tableData .category0, .tableFixedData .category0, #tableFixedPrintData .category0 {
}
#tableData .total, .tableFixedData .total {
	font-weight: bold;
}
#tableData thead td, #tableData tfoot td, .tableFixedData thead td, .tableFixedData tfoot td {
	font-weight: bold;
}
#tableData tfoot td.total, .tableFixedData tfoot td.total{
	border-top: 1px solid black;
	padding-top: 10px;
}
#tableData tbody tr, .tableFixedData tbody tr{
	cursor:pointer;
}

#tableData tr.collapsible, .tableFixedData tr.collapsible, #tableFixedPrintData tr.collapsible {
	background-color: #ECF4FF;
}

#tableData tr td:first-child, .tableFixedData tr td:first-child {
	padding-left: 14px;
}

.tableFixedData tr td:first-child {
	overflow: hidden;
	white-space: nowrap;
	display:block;
	text-overflow: ellipsis; 
	width:155px;
}

#tableFixedDataContainer {
	overflow:hidden;
	float:left;
	width:170px;
	padding-right:0px;
	margin-right:0px;
	border-right: 1px solid gray;
}

.tableFixedData .actuator, #tableFixedPrintData .actuator {
	display:block;
	position:absolute;
	left: 1px;
	width: 11px;
	height: 21px;
	text-indent: -4000px;
	background:url(../images/icons/open_close_arrows_lg.png) no-repeat 0 -24px;
	cursor:pointer;
}
.tableFixedData tr.closed .actuator {
	background-position: 0 -24px;
}
.tableFixedData tr.opened .actuator {
	background-position: 0 -1px;
}

.tableData tr {
    height: 23px;
}

.tableFixedData tr {
    height: 23px;
}

div.highcharts-tooltip hr{
    border: 1px solid #DDD;
    margin: 5px 0 5px -5px;
    width: 112%;
}
div.currencies_select_div{
    position: static;
    margin-top: 13px;
}