/**
	@title Quicken for Mac
	@description styles for the Net Worth Report
	@author Jeff Parker
 
 */

/* only applied to printed report ========================== */
@media print {
    #innerWrapper, #zeroDataWrapper, #innerWrapperAllAccountsReport, #innerWrapperPortfolioBalance, #innerWrapperBudget  {
        -webkit-box-shadow:0 0px 0px rgba(0,0,0,0);
    }
    .printableTable {
        page-break-before: always;
    }
    /*Why is #screentable here?*/
    #screenTable, .screenData, #currencyTypeSelect {
        display:none;
    }
}

/* only applied to screen report ========================== */
@media screen {             /*Does not appear to be used currently*/
    .printableData {
        display:none;
    }
}


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

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


#outerWrapper .settingsButton {
	margin-left:12px
}



/* All Tables ===================== */
tr {
    height: 23px;
    cursor:pointer;
}

#tableData {
    width:100%;
}


#tableData td, .tableFixedData td, #tableFixedPrintData td  {
    white-space: nowrap;
    padding-top: 5px;
    padding-bottom: 5px;
    position: relative;
    padding-left: 20px;
}


.total{
    border-top: 1px solid black;
    padding-top: 10px;
    font-weight: bold;
}

tr.level0{
    font:17px "HelveticaNeue","Helvetica Neue",Calibri,sans-serif;
    color: #333;
    line-height: 30px;
    background-color: #fff;
}
tr.level0 td{                       /*Top level:Asset vs Liability */
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
tr.level1 td{                       /*Section Type*: Cash vs Investing vs Property */
    font-weight: bold;
}

tr.level2.collapsible {                       /*Account Type*: e.g. checking vs savings / Brokerage vs retirement */
    /*border-bottom: 1px solid #eee;*/
    background-color: #fff;
}
.tableFixedData tr.level2.collapsible {
    color: #909090;
}
.collapsible {
    background-color: #ECF4FF;
    
}

/*import used because the JS writes this to style attribute and we must override.*/
td.category.level2, td.category.level3  {
    padding-left: 28px !important;
}
td.category.level0  {
    padding-left: 28px !important;
}


/* Fixed Table (accounts) ===================== */

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

.tableFixedData tr td:first-child {
    overflow: hidden;
    display:block;              /*needed for ellipis*/
    text-overflow: ellipsis;
    width:155px;
}

.category {             /*Account name*/
    text-align: left;
}

/* Data Table (balances) ===================== */

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

#tableDataContainer td{
    text-align: right;
    
}




/* Color / style exceptions ================== */
.zero {
    color: #666;
}

.totalColumn, thead td, tfoot td {
    font-weight: bold;
}

.negative {
    color: red;
}
















/*background-position: 3px 4px;*/


/* Disclosure triangle  ===================== */
/* NOTE: the associated spendingOverTime.js expects specific class name "actuator" */

tr .actuator {
    display:block;
    position:absolute;
    left: 0px;
    width: 16px;
    height: 26px;
    text-indent: -4000px;
    background:url(../images/icons/open_close_arrows_lg.png) no-repeat;
    cursor:pointer;
    margin-top:-5px;
    cursor:pointer;
}

tr.level0 .actuator {
    height: 29px;
    margin-top: 0px;
}

tr.level2 .actuator {
    background-color: #fff;
}

.tableFixedData tr.closed .actuator {
    background-position: 0 -21px;
}
.tableFixedData tr.opened .actuator {
    background-position: 1px 5px;
}

.tableFixedData tr.level0.closed .actuator {
    background-position: 0 -18px;
}
.tableFixedData tr.level0.opened .actuator {
    background-position: 3px 8px;
}



/* chart ==========================*/
div.highcharts-tooltip hr{
    border: 1px solid #DDD;
    margin: 5px 0 5px -5px;
    width: 112%;
}

/* multi-currency ==========================*/
div.currencies_select_div{
    right: auto;
    left: 30px;
    top: -5px;
}


/* Probably not needed ==========================*/
.uncategorized {
    font-style: italic;
}

