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

	Lane Roathe		05/27/10	[1099] add budget detail links
	Lane Roathe		08/03/10	Increase size of budgetDetailModal by 40 pixels to accomodate 13 months (jul-jul)
	Chris Campbell	08/20/10	[DE1553] Increase width of portfolioSummary to prevent wrapping of "Prices updated ..." string
	Mickey Roberson	08/27/10	[DE1307] Removed unnecessary printed report clutter (settings button and shadow)
	Leigh Chapman	09/10/10	[DE1671] Updated to use system fonts
	Mickey Roberson	09/21/10	[DE1631] Budget goal names now truncate with ellipsis
	Mickey Roberson	10/25/10	[DE1841] Changed the 13-month budget window close from a hanging tab to an upper-left button
	Chris Campbell	11/16/10	[DE1828] Adding styles for the new creditLimitCol, and changing the four
									accountBlock table columns (acctNameCol, creditLimitCol, lastUpCol, balCol) such that
									creditLimitCol, lastUpCol, and balCol are all fixed width, and acctNameCol is sized
									dynamically to fill the rest of the table. Disabling text wrapping (with white-space: nowrap)
									on the 3 fixed-width table columns, so they'll grow larger than their fixed widths
									if required to show their table cell contents.
	Lane Roathe		01/10/11	[S868] Update budget report to display income and expense budget sections
*/
@media print {
    #innerWrapper, #zeroDataWrapper, #innerWrapperAllAccountsReport, #innerWrapperPortfolioBalance, #innerWrapperBudget {
        -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    }
}

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

#innerWrapperBudget {
    min-width: 546px;
    width: 91%;
}

#budgetOverviewGraphs {
    float: left;
    width:56%;
}

#budgetOverviewGraphs h3 {
    font: 13px "HelveticaNeue", "Helvetica Neue", Calibri, sans-serif;
    /*-webkit-font-smoothing: antialiased;*/
    color: #969696;
    margin: 15px 0 5px;
    padding: 0;
}

.hBarGraph {
    position: relative;
    margin-bottom: 30px;
}

.hBarGraph div {
    height: 60px;
    border-radius: 4px;
}

.hBarGraph .emptyBar {
    margin-left: 1px;
    border-left: 1px solid #ccc;
}

.hBarGraph .goodBar {
    background-color: #40BF75;
}

.hBarGraph .badBar {
    background-color: rgb(223, 62, 62);
}

#assetsGraph span, #debtGraph span {
    position: absolute;
    top: 40px;
    left: 15px;
    font: 19px "HelveticaNeue", "Helvetica Neue", Calibri, sans-serif;
    /*-webkit-font-smoothing: antialiased;*/
    color: #fff;
}

#budgetOverviewGraphs span.outsideGraph {
    color: #333;
}

#assetsDebts {
    float:right;
    width:40%;
    max-width: 328px;
}

#assetsDebts dl {
    margin-bottom: 7px;
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
    margin-top: 17px;
    font-size: 13px;
    line-height: 19px;
    color: #333;
}

#assetsDebts dl.assetsList {
    margin-top: 34px;
}

#assetsDebts dt {
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 2px;
}

#assetsDebts dd {
    padding-bottom: 3px;
}

#assetsDebts dd span {
    float: right;
}

.netWorthTotal {
    font-weight:bold;
    text-transform: uppercase;
    text-align: left;
    font-size: 13px;
    color: #333;
    padding-top: 13px;
}

.netWorthTotal span {
    font: 25px "HelveticaNeue-Medium", "Helvetica Neue", Calibri, sans-serif;
    /*-webkit-font-smoothing: antialiased;*/
    text-align: right;
    float: right;
    color: #333;
    margin-top: -24px;
    min-width: 250px;
}

.accountBlock {
    margin-top: 1px;
    padding-top: 12px;
    border-top: 1px solid #ddd;
}

#categoryReport .accountBlock {
    margin-top: 1px;
    margin-bottom: 8px;
    padding: 0 0 4px 0;
    border-bottom: 1px solid #ddd;
}

h2.actuator {
    background: url(../images/icons/open_close_arrows_lg.png) no-repeat 0 1px;
    margin-bottom: 14px;
    padding: 0 0 0 20px;
    cursor: pointer;
}

#categoryReport h2.actuator {
    margin-bottom: 7px;
}

.opened h2 {
    background: url(../images/icons/open_close_arrows_lg.png) no-repeat 0 5px;
}

.closed h2 {
    background: url(../images/icons/open_close_arrows_lg.png) no-repeat 0 5px;
}



.closed h2 {
    background-position: 0 -22px;
}

.closed > .collapsible {
    display: none;
}

div.collapsible {
    width: 100%;
}

div.collapsible img {
    width: 36px;
    height: 36px;
}

.accountBlock img {
    float: left;
    margin: 10px 22px 0 22px;
}

.accountBlock .genreTotal {
    display: none;
    float: right;
    font-size: 19px;
    color: #333;
    margin-top: 6px;
}

.accountBlock .noIcon table {
    width: 92%;
}

.warning {
    background-color: #fff8de;
}

.accountBlock table th {
    font-size: 9px;
    text-transform: uppercase;
}

.accountBlock th {
    text-align: left;
}

.accountBlock table .minBalCol, .accountBlock table .balCol, .accountBlock table .creditLimitCol {
    text-align: right;
}

.accountBlock table th.acctNameCol {
    font-size: 13px;
    color: #333;
    text-transform: capitalize;
    padding-bottom: 8px;
}

.accountBlock table th, .accountBlock table td {
    color: #909090;
}

.accountBlock table th, .accountBlock table td {
    white-space: nowrap;
}

.accountBlock table td.acctNameCol {
    white-space: normal;
    word-wrap: break-word;
}

.accountBlock table td {
    border-top:1px solid #eee;
    padding: 5px 2px;
}

.accountBlock table td.acctNameCol {
    font: 13px "HelveticaNeue", "Helvetica Neue", Calibri, sans-serif;
    /*-webkit-font-smoothing: antialiased;*/
    color: #333;
    width: 100%;
    line-height: 20px;
}

.accountBlock table .creditLimitCol {
    padding-right: 2em;
}

.accountBlock table td.creditLimitCol {
    font-size: 9px;
    width: 1em;
}

.accountBlock table td.lastUpCol {
    font-size: 9px;
}

.accountBlock table td.balCol {
    color: #333;
    width: 100%;
    font-size: 13px;
}

.accountBlock table td.totalCol {
    text-align: right;
    font-size: 19px !important;;
    color: #333;
    background: none;
    border-top: 1px solid #eee;
}

table.accountSummary td.totalCol, table.accountSummary th.balCol {
    width: 180px;
    line-height: 30px;
    padding-bottom: 10px;
}

table.accountSummary th.balCol {
    display: none;
}

.accountBlock table td.plus {
    background: none;
    border-top: 2px solid #76ac1a;
}

.accountBlock table td.minus {
    font-family: "HelveticaNeue", "Helvetica Neue", Calibri, sans-serif;
    /*-webkit-font-smoothing: antialiased;*/
    font-size: 13px;
}

.netWorth {
    clear: both;
    float: right;
    font: 20px "HelveticaNeue", "Helvetica Neue", Calibri, sans-serif;
    /*-webkit-font-smoothing: antialiased;*/
    margin-right: 35px;
    padding-bottom: 20px;
    display: none;
}

#categoryReport .netWorth {
    margin-right: 0;
}

.portfolioSummary {
    float: left;
     border-top:1px solid #eee;
    margin-top: 20px;
    padding: 0 20px 20px 20px;
    width: 184px;
    height: 195px;
    font-family: "HelveticaNeue", "Helvetica Neue", Calibri, sans-serif;
    /*-webkit-font-smoothing: antialiased;*/
}

.portfolioSummary h2 {
    font: normal 18px "HelveticaNeue", "Helvetica Neue", Calibri, sans-serif;
    /*-webkit-font-smoothing: antialiased;*/
    padding-bottom: 12px;
}

.portfolioTotal {
    font-size: 28px;
    line-height: 32px;
    font-weight: bold;
    border-top:1px solid #eee;
    display: block;
    margin-bottom: 2px;
    padding: 0 40px 2px 2px;
    width: 136px;
}

.portfolioSummary p {
    color: #969696;
    font-size: 10px;
}

.graphLegend {
    font-size: 11px;
    position: absolute;
    top: 50px;
    right: 30px;
    /*	margin:30px 0 0 10px;*/
    /*	float:left;*/
}

#portfolio table.graphLegend .percentCol {
    display: none;
}

.stepAContent .graphLegend {
    position: static;
}

.savingsGoalsTable {
    font-size: 12px;
}

.savingsGoalsTable thead {
    color: #333;
}

.savingsGoalsTable th,
.netTotalsBox th{
    padding: 10px;
    text-align: left;
    background-color: #f5f5f5;
    line-height: 18px;
    border-radius: 0;
    font-size: 13px;
    color:#969696;
}

.savingsGoalsTable th.budgetSpacer {
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    background-color: #FFFFFF;
}

.savingsGoalsTable th span {
    float: left;
}

.savingsGoalsTable th.goalPercentHdr {
    text-align: right;
    color: #ccc;
    
}

.savingsGoalsTable th.goalPercentHdr, .savingsGoalsTable td.goalPercentCol {
    width: 450px;
    padding: 0;
}

.savingsGoalsTable td {
    vertical-align: top;
    padding: 8px;
    padding-top: 8px;
    font-size: 15px;
    color: #333;
}

.savingsGoalsTable td.goalNameCol {
    width: 200px;
    text-align: right;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}

.savingsGoalsTable th.resultsCol {
    width: 120px;
    color: #969696;
}

.savingsGoalsTable td.resultsCol {
    width: 120px;
    color: #969696;
}

.savingsGoalsTable td.goalPercentCol > div, .budgetDetailModal div.totalProgress {
    background: #D8D8D8;
    color: #fff;
    font-size: 13px;
    margin-bottom: 0px;
    padding: 0;
    height: 34px;
    border-radius: 4px;
}
.savingsGoalsTable td.goalPercentCol > div:hover {
	background-color: #ccc;
}

.savingsGoalsTable td.goalPercentCol div > a div.totalPercent, .savingsGoalsTable td.goalPercentCol div > div.totalPercent {
    text-align: left;
    padding: 10px 0 0 0;
    margin: 0 4px 0 0px;
    height: 24px;
}

.savingsGoalsTable td.goalPercentCol div > a span.totalPercent, .savingsGoalsTable td.goalPercentCol div > span.totalPercent, .budgetDetailModal div.totalProgress span {
    display: block;
    -webkit-border-radius: 2px;
    text-align: right;
    padding: 10px 0 0 0;
    margin: 0 4px 0 0px;
    height: 24px;
}

.overGoal td.goalPercentCol div > a span.totalPercent, .overGoal td.goalPercentCol div > span.totalPercent, .budgetDetailModal ul li.overGoal span, .budgetDetailModal.overGoal div.totalProgress > span {
    background-color: #FF556C;
    border-radius: 4px;
}

.onTrack td.goalPercentCol div > a span.totalPercent, .onTrack td.goalPercentCol div > span.totalPercent, .budgetDetailModal ul li.onTrack span, .budgetDetailModal.onTrack div.totalProgress > span,
.closeToGoal td.goalPercentCol div > a span.totalPercent, .closeToGoal td.goalPercentCol div > span.totalPercent, .budgetDetailModal ul li.closeToGoal span, .budgetDetailModal.closeToGoal div.totalProgress > span,
.atGoal td.goalPercentCol div > a span.totalPercent, .atGoal td.goalPercentCol div > span.totalPercent, .budgetDetailModal ul li.atGoal span, .budgetDetailModal.atGoal div.totalProgress > span,
.negSpending td.goalPercentCol div > a span.totalPercent, .negSpending td.goalPercentCol div > span.totalPercent, .budgetDetailModal ul li.negSpending span, .budgetDetailModal.negSpending div.totalProgress > span {
    background-color: #40BF75;
    border-radius: 4px;
}

.onTrack .goalPercentCol span.totalPercent:hover {
	background-color: #3DA86A;
}

.overGoal .goalPercentCol span.totalPercent:hover {
	background-color: #EB5065;
}

.savingsGoalsTable th.goalCol {
    text-align: right;
    width: 80px;
    padding-right: 10px;
    color: #969696;
}

.savingsGoalsTable td.goalCol {
    text-align: right;
    width: 80px;
    padding-right: 10px;
    color: #333;
}
.savingsGoalsTable tr.budgetTotalRow  {
   font-weight:bold;
}
.savingsGoalsTable .overGoal td.resultsCol {
    color: rgb(223, 62, 62);
}

.savingsGoalsTable .budgetTotalRowHr td{
    border-bottom: 1px solid #ddd;
}
.savingsGoalsTable .budgetTotalRowEmptyRow td{
    margin-bottom: 20px;
}
a.openBudgetDetail {
    float: right;
    background: url(../images/icons/budgethistory.png) no-repeat;
    background-size: 14px 7px;
    margin-right: 2px;
    margin-bottom: 15px;
    padding-right: 14px;
    margin-top:2px;
    height: 13px;
    font-size: 9px;
}
a.openBudgetDetail:hover {
    background: url(../images/icons/budgethistory-hover.png) no-repeat;
    background-size: 14px 7px;
}
a.openBudgetDetailLink {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
}

a.openBudgetDetailLink:hover {
    cursor: pointer;
}

.netTotals {
    float: left;
    margin-top: 30px;
}
.netTotals .netSubTotal td{
    border-bottom: 1px solid #DDD;
    line-height: 28px;
    padding-left: 20px;
    font-size: 14px;
}
.netTotals .netSubTotal td.netItem{
    font-size: 14px;
}
.netTotals td.netItem{
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    padding-left: 20px;
    text-align: left;
}
.netTotals td div.netValue{
    text-algin: right;
    padding-right: 4px;
}

.netTotals .netSubTotal td div.netValue.netGray,
.netTotals .netSubTotal td div.netValue.netNegative{
    color: #333;
}
.netTotals .netTotalsBox .goalNameCol,
.netTotals .netTotalsBox .netTotalItem{
    width: 347px;
}

.netTotals .netTotalsBox .goalCol,
.netTotals .netTotalsBox .actualCol{
    text-align: right;
    color: #666;
}
.netTotals .netTotalsBox .resultsCol{
    padding-left: 50px;
    text-align: left;
    color: #666;
}
.netTotalSummary.netValue{
    font-size: 18px;
    font-weight: 500;
    width:120px;
}
/** Budget Detail Modal */
.budgetDateRange {
    font-size: 15px;
    color: #969696;
    position: absolute;
    left: 100px;
    top: 65px;
}

.budgetYear {
    float: left;
    padding-left: 10px;
}

.budgetYear.first {
    padding-left: 1px;
}

.borderLeft {
    margin-left: 20px;
}

.budgetDetailModal {
    width: 1px;
    height: auto !important;
    background: none !important;
    border-bottom: 0 !important;
    position: relative;
    top: 0;
    left: 0;
    z-index: 23;
    display: none;
    
}

.budgetDetailModal #inner {
    border-radius: 4px;
    background-color: #f5f5f5;
    margin-left: 0;
    width: 345px;
    overflow: visible;
}

.budgetDetailModal h3 {
    text-align: center;
    padding: 15px 0;
    color:#969696;
   
}

.budgetDetailModal .year {
    color: #a6a6a6;
    font-size: 10px;
}

.budgetDetailModal ul {
    font-size: 10px;
    height: 120px;
}

.budgetDetailModal ul li {
    float: left;
    margin-right: 7.5px;
    color: #333;
    position: relative;
    width: 18px;
    height: 105px;
}

.budgetDetailModal ul li.spacer {
    width: 2px;
    height: 25px;
    border-left: 1px solid #c2c2c2;
    float: left;
    margin: 12em 0 -12em 0;
}

.budgetDetailModal ul li a {
    color: #888;
    display: block;
    /*	height:100%;*/
    cursor: default;
}

a.budgetItemLink {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
}

a.budgetItemLink:hover {
    cursor: pointer;
    color:#333;
}

.budgetDetailModal ul li span.month {
    display: block;
    position: absolute;
    bottom: -2em;
    line-height: 2em;
    left: 0;
    width: 100%;
    text-align: center;
    background: transparent;
}

.budgetDetailModal ul li span.bar {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    text-indent: -9999px;
    overflow: hidden;
    width: 100%;
    height: 0;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
}

a.closeModal {
    display: block;
    position: absolute;
    top: -53px;
    left: 5px;
    background: url(../images/buttons/close_circle.png) no-repeat 0 0;
    width: 32px;
    height: 32px;
}

.goalMarker {
    background: url(../images/today_marker_h2.png) no-repeat 0 0;
    background-size: auto 39px;
    padding: 6px 14px 0;
    height: 32px;
    text-align: center;
    min-width: 40px;
    cursor: pointer;
}

.goalMarker span {
    font: 11px "HelveticaNeue", "Helvetica Neue", Calibri, sans-serif;
    color: #969696;
    display: block;
}

.goalMarkerPoint {
    height: 40px;
    font-size: 9px;
    color: #969696;
    padding-right: 14px;
    line-height: 1.4em;
    text-transform: uppercase;
    position: absolute;
    margin-top: -41px;
    left: 340px;
    z-index: 10;
}

.goalLine {
    position: absolute;
    margin-top: -42px;
    width: 360px;
    height: 1px;
    background-color: #ddd;
}

.budgetItemAmount {
    border-radius: 4px;
    position: absolute;
    background-color: #fff;
    border: 1px solid #ddd;
    z-index: 12;
    color: #333;
    font-size: 12px;
    padding: 5px 12px;
    top: 0;
    white-space: nowrap;
    display: none;
}

.budgetItemAmountPoint {
    /*	background:url(../images/budget_item_pointer.png) no-repeat 0 0;*/
    width: 15px;
    height: 12px;
    position: absolute;
    bottom: -11px;
    left: 40%;
}

/**
	Begin: Portfolio Balances Table
************************************/
/*All Account report specific*/
#innerWrapperPortfolioBalance {
    min-width: 546px;
    width: 91%;
}

.portfolioBalances, .userPortfolioBalances {
    padding: 18px 9px 18px 0;
}

.defaultTable, .userBalances {
    margin-left: 12px;
    width: 98%;
}

.defaultTable th, .userBalances th, .holdingSourceHeader {
    padding: 2px 3px;
    font-size: 9px;
    text-transform: uppercase;
    text-align: left;
    color: #909090;
}

.defaultTable td, .userBalances td {
    padding: 5px 3px;
    font-size: 12px;
    color: #000;
    vertical-align: middle;
}

.disclosable {
    cursor: pointer;
}

.portfolioBalanceTable .actuator {
    display: block;
    position: absolute;
    left: 21px;
    width: 11px;
    height: 21px;
    text-indent: -4000px;
    background: url(../images/icons/open_close_arrows_lg.png) no-repeat 0 -24px;
    cursor: pointer;
}

.portfolioBalanceTable .actuator.closed {
    background-position: 0 -24px;
}

.portfolioBalanceTable .actuator.opened {
    background-position: 0 -1px;
}

/*Style for Holdings table ======================== */
.portfolioBalanceTable .symCol {
    /*	width:85px;*/
    text-align: left;
}

.portfolioBalanceTable .unitsCol {
    /*	width:10px;*/
    text-align: right;
}

.portfolioBalanceTable .priceCol {
    /*	width:100px;*/
    /*	width:50px;	*/
    text-align: right;
}

.portfolioBalanceTable .valueCol {
    /*	width:100px;*/
    text-align: right;
}

.portfolioBalanceTable .typeCol {
    /*	width:160px;*/
    /*	width:50;	*/
    text-align: center;
}

.portfolioBalanceTable .accountCol {
    /*	width:50px;*/
    text-align: center;
}

.holdingSourceHeader {
    font-size: 9px !important;
    padding-left: 16px !important;
}

.holdingSource .acctCol {
    padding-left: 16px;
}

.holdingSource td {
    color: #666;
    border: none;
    line-height: 80%;
}

/*Style for Balance table ======================== */

.portfolioBalanceTable .balanceValueCol {
    text-align: right;
    width: 130px;
}

.portfolioBalanceTable .balanceAccountCol {
    text-align: left;
    width: 270px;
}

tr.totalRow td {
    text-transform: uppercase;
    padding: 10px 3px;
    font-size: 13px;
}

.totalValueCol {
    text-align: right;
    font-weight: bold;
}

#portfolio .graphLegend {
    /*	border:1px solid red;*/
    width: 250px;
}
.activeModal{
background-color: #f5f5f5;
}
