/**
	@title Quicken for Mac
	@description styles for the Budget sections
	@author Michael Turnwall

	Chris Campbell	11/08/10	[DE1834] Preventing header rows from being split across pages 
								(adding "page-break-inside: avoid;" to the style for the tagHeaderRow class)
	Lane Roathe		11/16/10	[DE1905] added definitions for handling new net total section of report
	Lane Roathe		01/28/11	[DE2089] Adjusted sizing and margins to improve multi-currency report (w/o messing up single currency)
*/
/*!*/
/**  Begin: Category Report
*******************************/
#categorySummary #outerWrapper {
	width:auto;
    max-width:inherit;
	padding: 15px 30px;
}

#categorySummary #outerWrapper .settingsButton {
	margin-top:5px
}

#categorySummary #outerWrapper .exportButton {
	margin:5px 10px 0 0;
}
.reportMeta {
	border-bottom:1px solid #8aa7bd;
	font-size:10px;
	color:#333;
	font-weight:bold;
	padding:2px;
}
.reportMeta .label {
	float:left;
}
.reportMeta .data {
	display:block;
	margin-left:80px;
}

#categorySummary #innerWrapper, #categorySummary #innerWrapperZeroDataCategory {
    margin:auto;
    margin-top:10px;
	width:auto;
    max-width:inherit;
	clear:both;
}
#categorySummary #innerWrapperZeroDataCategory {
    background-color:transparent;
	-webkit-box-shadow:0;
	-webkit-border-radius: 5px;
}
#innerWrapper, #zeroDataWrapper {
	position:relative;
	z-index:2;
	background-color:#fff;
	margin:20px;
	padding:0;
	min-width:586px;
	width:80%;
}
#categorySummary #summarizeBy {
	float:left;
	width: 265px;
	float: left;
}
#categorySummary #summarizeBy span{
	display: block;
	float: left;
	padding-top: 5px;
	position:relative;
	top:24px;
	color:#969696;
}
#categorySummary #groupBy {
	padding-top:10px;
	float:right;
}
#categorySummary #viewAs
{
	border-radius: 4px;
	overflow: hidden;
	margin-bottom: 15px;
	width: 175px;
	float:right;
	clear:both;
	border: 1px solid #ddd;
}

#categorySummary #summarizeByWrapper{
	border-radius: 4px;
	overflow: hidden;
	margin-bottom: 0px;
	margin-top: 4px;
	width: 200px;
	float:left;
	border: 1px solid #ddd;
	position:relative;
	top:24px;
}


#categorySummary #showMeMode {
	visibility:hidden;
	height: 0;
}

#categorySummary .currencyID {
	color: #969696;
	font-size: 13px;
	text-align: left;
	-webkit-border-radius: 4px;
	background-color:none;
	padding: 10px 0px 0px 0px;
	position:relative;
	top:10px;
    width:auto;
    clear:both;
	z-index:1000;
}
#categorySummary .currencyID:first-child {
	margin-top: inherit;
}
#categorySummary .currencyID .netDiv {
    margin-top:10px;
    margin-bottom:10px;
    border-bottom: 1px solid #ddd;
}
#categorySummary .currencyLabel {
    color: #969696;
    font-size: 13px;
    text-align: left;
    -webkit-border-radius: 4px;
    background-color:none;
    padding: 10px 0px 0px 0px;
    position:relative;
    bottom:5px;
    width:auto;
    clear:both;
    z-index:1000;
}
#categorySummary .currencyLabel:first-child {
    margin-top: inherit;
}

#categorySummary ul li {
	clear:both;
	margin-bottom:0px;
	padding:0;
	border-top:0;
}
#categorySummary .tag {
	padding:0px 0px 0px 0px;
}
#categorySummary li.tag.topLevel{
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top:10px;
}
#categorySummary .tagHeaderRow {
	cursor:pointer;
	padding: 3px 3px 7px 3px;
	page-break-inside: avoid;
	background-color:none;
}
#categorySummary div.collapsible .tagHeaderRow{
	padding: 0 5px;
}
#categorySummary div.collapsible .tagHeaderRow span.tagName{
	color: #333;
	font-size: 13px;

}
#categorySummary div.tagHeader div.tagHeaderRow{
	border-top: 1px solid rgb(221, 221, 221);
	margin-bottom: 0px;
}
#categorySummary div.tagHeader div.tagHeader div.tagHeaderRow,
#categorySummary .accountTitle{
	border-top: 0px solid #eee;
	border-radius: 0;
	margin-bottom: 0;
	margin-left: 10px;
	background-color:rgba(0, 122, 201, 0.08);
}
#categorySummary .accountTitle{
    padding-left: 8px;
    font-size:13px;
	font-weight: bold;
	line-height: 29px;
	text-align: left;
	background-color: rgba(0, 122, 201, 0.04);
}

#categorySummary .scheduleDTable .tableTitle td{
	background-color:rgba(0, 122, 201, 0.08);
	font-weight: bold;
}
#categorySummary .longTermTableTitle,
#categorySummary .shortTermTableTitle,
#categorySummary .unknownDataTableTitle {
	border: none;
	background-color:rgba(0, 122, 201, 0.08);
	padding-left: 8px;
	margin-left: 10px;
	font-size:13px;
	font-weight: bold;
	line-height: 29px;
	text-align: left;
}
#categorySummary div.tagHeader div.tagHeader div.tagHeader div.tagHeaderRow {
	border: none;
    background-color:rgba(0, 122, 201, .04);
}
#categorySummary div.tagHeader div.tagHeader div.tagHeader div.tagHeaderRow:hover{
    background-color:rgba(0, 122, 201, .1);
} 
#categorySummary div.tagHeader div.tagHeader div.tagHeaderRow:hover,
#categorySummary tr.transactionRow:hover,
#categorySummary .accountTitle:hover,
#categorySummary .scheduleDTable .tableTitle td:hover,
#categorySummary .longTermTableTitle:hover,
#categorySummary .shortTermTableTitle:hover {
    background-color:rgba(0, 122, 201, .1);
}

/* Adding extra padding for child categories */
#categorySummary div.topLevel div.collapsible div.collapsible{
	padding-left: 10px;
}
#categorySummary div.topLevel div.topLevel{
	background: url(../images/icons/open_close_arrows_lg.png) no-repeat 0 14px;
}
#categorySummary div.scheduleDHeader.opened {
	background: url(../images/icons/open_close_arrows_lg.png) no-repeat 0 10px;
}
#categorySummary div.scheduleDHeader.closed{
    background: url(../images/icons/open_close_arrows_lg.png) no-repeat 0 -16px;
}
#categorySummary div.topLevel.closed div.topLevel{
	background-position: 0 -13px;
}
div.topLevel {
	background:none;
}
span.tagTotal {
	float:right;
	font-size:19px;
	font-weight:regular;
	line-height: 29px;
}
.tagHeaderRow.topLevel .tagTotal {
	padding:6px 0 0 0;
}
span.tagName {
	color:#333;
	display:block;
	padding:0 0 0 5px;
	font-size:15px; 
	font-weight:bold;
	line-height: 29px;
	margin-top: 1px;
	border-bottom: 0px solid #eee;
}
#categorySummary #netTotals {
    border-top:10px;
    float:right;
    text-align:right;
    display: block;
    margin-top: 15px;
}
#categorySummary #netTotals .netSubTotal td {
    padding-top: 8px;
}
#categorySummary #netTotals .netSubTotal{
    font-size:16px;
}
#categorySummary #netTotals .netDiv {
    margin-top:10px;
    margin-bottom:10px;
    border-top: 2px solid #B0B0B0;
}
#categorySummary #netTotals .netTotal {
    margin-top:10px;
    font-size:19px;
    font-weight:normal;    
}
#categorySummary #netTotals .netItem {
	width: 90px;
}
#categorySummary #netTotals .netValue {
	width: 150px;
}
#categorySummary .netNegative {
	color: red;
}
#categorySummary span.topLevel,
#categorySummary div.scheduleDHeader {
	padding:6px 3px 4px 15px;
	font:19px "HelveticaNeue","Helvetica Neue",Calibri,sans-serif;
}

#categorySummary div.collapsible div.tagHeaderRow span.tagTotal {
	font-weight:bold;
	font-size:13px;
}

#categorySummary .closed span.topLevel{
	background-position:0 -22px;
}
#categorySummary .collapsible {
	clear:both;
}
#categorySummary div.tagHeader div.tagHeader div.tagHeader table.transactionEntry {
    width:100%;
}
#categorySummary table.transactionEntry {
	float:left;
	font-size:13px;
	padding:2px 0 20px 0;
    width:100%;
}
#categorySummary table.transactionEntry th {
	text-transform:uppercase;
	text-align:left;
	border:0;
}
#categorySummary th.dateHeader, #categorySummary td.date {
	width:150px;
}
/* Width of (TransPayee + TransAcccounts) must equal (account + payee) */
#categorySummary th.accountHeader, #categorySummary td.account {
	width:180px;
	padding-right:5px;
	padding-left:5px;
}
#categorySummary td.transPayee {
	width:160px;
	padding-right:5px;
	padding-left:5px;
}
#categorySummary th.payeeHeader, #categorySummary td.payee {
	width:210px;
	padding-right:5px;
	padding-left:5px;
}
#categorySummary td.transAccounts {
	width:200px;
	padding-right:5px;
	padding-left:5px;
}
#categorySummary th.noteHeader, #categorySummary td.note {
	width:150px;
	padding-right:5px;
	padding-left:5px;
}
#categorySummary th.amountHeader, #categorySummary td.amount {
	width:135px;
	text-align:right;
}
#categorySummary .netWorth {
	margin-right:0;
}
#categorySummary .negative {
	color:rgb(223, 62, 62);
}
#categorySummary #innerWrapper div.showNotes {
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 7px;
	float: right;
	color: #969696;
	font-size:1em;
}
#categorySummary tr.transactionRow:hover,
.scheduleDTable .longTermItem:hover,
.scheduleDTable .shortTermItem:hover {
background-color:rgba(0, 122, 201, .1);
cursor:pointer;
}
#categorySummary tr.transactionRow {
	color: #333;
}
#categorySummary tr.transactionRow td{
	line-height: 20px;
	padding:0 5px 0 10px;
}

#categorySummary div.select_arrow_wrapper {
	margin-top: -14px;
}
#categorySummary select#showMeSelector{
	padding-top: 2px;
}

#categorySummary table.filterSettings{
	margin-bottom: 10px;
}
#categorySummary .shortTermItem, #categorySummary .longTermItem{
	color: #333;
}
#categorySummary .tableHeaderRow td{
    color: #787878;
    padding-right: 15px;
    line-height: 25px;
    text-align: right;
}

#categorySummary .scheduleDTable td.security{
    width: 100px;
	max-width: 100px;
    text-align: left;
	padding-left: 10px;
	word-wrap: break-word;
}
#categorySummary .scheduleDTable td.last{
    padding-right: 0;
}
#categorySummary table.scheduleDTable{
    margin-left: 20px;
    font-size: 13px;
    width:100%;
}
.scheduleDTable tr td{
    text-align: right;
    padding-right: 15px;
    line-height: 20px;
    cursor: pointer;
    width: 70px;
}
.scheduleDTable tr.shortTermItem td, .scheduleDTable tr.longTermItem td{
    cursor: default;
}
.scheduleDTable{
    cursor: default;
}
.scheduleDTable tr .tableWhiteSpace{
	color: #fff;
}
.realizedGainLossWrapper{
    cursor: pointer;
}
#categorySummary .scheduleDTable .costBasis,
#categorySummary .scheduleDTable .processds,
#categorySummary .scheduleDTable .gainLoss{
    width: 108px;
    max-width: 108px;
	overflow: hidden;
	text-overflow: ellipsis;
}
#categorySummary .scheduleDTable .shares,
#categorySummary .scheduleDTable .dateAcquired{
	overflow: hidden;
	text-overflow: ellipsis;
	width: 90px;
	max-width: 90px;
}

#categorySummary .scheduleDTable .costBasis span,
#categorySummary .scheduleDTable .dateAcquired span{
	color: #999;
}