/**
	@title Quicken for Mac
	@description styles for the H&B sections
	@author Jason Harris
	
	Mickey Roberson		08/31/10	[DE1469] Made the minimum widths smaller to support smaller window size.

*/
.sortasc, .sortdesc {
    background-image: none;
}

h2.marketValue {
	font-size: 13px;
}
h3.position {
	margin-top: 1em;
}
#outerWrapper {
	min-width:850px;
}
.portfolioTotal {
	font-size: 24px;
}
.portfolioBalanceTable, #userBalanceTable, .userBalances {
	border-spacing: 0px 4px;
	vertical-align:top;
}
.portfolioBalanceTable th, #userBalanceTable th, .userBalances th {
	border-bottom: 1px solid #adadad;
}
.portfolioBalanceTable td, #userBalanceTable td, .userBalances td {
	border-top: none;
	font-size: 11px;
	line-height: 125%;
	padding: 3px;
}
.portfolioBalanceTable .holding td.acctCol {
	color: blue;
	cursor: pointer;
}
.portfolioBalanceTable .holding td.acctCol:hover {
	text-decoration: underline;
}
span.needsReview {
	color: blue;
	cursor: pointer;
}
span.needsReview:hover {
	text-decoration: underline;
}
.portfolioBalanceTable .short {
	color: red;
}
.portfolioBalanceTable .costBasisCol {
	padding-right: 16px; /* In case there's a warning icon */
	text-align: right;
}
.portfolioBalanceTable .gainLossCol {
	text-align: right;
}
.portfolioBalanceTable .gainLossCol.zero {
}
.portfolioBalanceTable .gainLossCol.positive {
	color: #007618;
}
.portfolioBalanceTable .gainLossCol.positive:after {
	content: " ↑";
}
.portfolioBalanceTable .gainLossCol.negative {
	color: #ff1f45;
}
.portfolioBalanceTable .gainLossCol.negative:after {
	content: " ↓";
}
.debtPosition .rateCol {
	text-align: right;
}
.debtPosition .maturityCol {
	text-align: right;
}
.optionPosition .contractsCol {
	text-align: right;
}
.optionPosition .premiumCol {
	text-align: right;
}
.optionPosition .valueCol {
	text-align: right;
}
.optionPosition .typeCol {
	text-align: left;
}
.optionPosition .strikeCol {
	text-align: right;
}
.optionPosition .expiresCol {
	text-align: right;
}
.optionPosition .sharesPerContractCol {
	text-align: right;
}
.userPortfolioBalances {
	background-color: #e0eef8;
	padding-top: 12px;
	padding-bottom: 4px;
}
.userPortfolioBalances .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;
}
.userPortfolioBalances .actuator.closed {
	background-position: 0 -24px;
}
.userPortfolioBalances .actuator.opened {
	background-position: 0 -1px;
}
.userBalances td.userBalanceDescriptionCol {
	color: blue;
	cursor: pointer;
}
.userBalances td.userBalanceDescriptionCol:hover {
	text-decoration: underline;
}
.balanceTable td.balanceAcctCol {
	color: blue;
	cursor: pointer;
}
.balanceTable td.balanceAcctCol:hover {
	text-decoration: underline;
}
.tableHeader h2 {
	margin-left: 20px;
	font-size: 14px;
}
#userBalanceTable {
	margin-left: 20px;
}
.holdingTotal {
	text-align: right;
	font-weight: bold;
	border-top: 1px solid #5e5e5e !important;
}

.stepAContent {
	margin-left:260px;
	padding-right:15px;
}

/* maximum description widths ======================== */
.portfolioBalanceTable td {
	white-space: nowrap;
}
.portfolioBalanceTable .acctCol {
	white-space: normal;
	word-wrap: break-word;
}
.stockPosition .acctCol {
	max-width: 300px;
}
.mutualFundPosition .acctCol {
	max-width: 300px;
}
.debtPosition .acctCol {
	max-width: 300px;
}
.optionPosition .acctCol {
	max-width: 330px;
}
.otherPosition .acctCol {
	max-width: 300px;
}
/* Warning Icon ======================== */
a.warningIcon {
	text-indent:-4000px;
	float:right;
	background:url(../images/icons/warning_16x16.png) no-repeat 0 0;
	margin:-2px -16px 0 0;
	width:16px;
	height:16px;
}
.warningBox {
	background-color:#fffb78;
	border:1px solid #cdcdb3;
	padding:5px;
	width:180px;
	font-size:10px;
	line-height:13px;
	text-align:left;
	position:absolute;
	display:none;
	white-space: normal;
	word-wrap: normal;
}
.warningBox p {
	padding:0;
}
/* Pencil Icon ======================== */
a.pencilIcon {
    display: inline-block;
	background:url(../images/icons/pencil.png) no-repeat 0 0;
	width:16px;
	height:16px;
	margin-left:2px;
	margin-top:-13px;
	margin-bottom:-3px;
}
/*User Balance table ======================== */
#userBalanceTable .typeCol {
	text-align: left;
	width: 160px;
}
#userBalanceTable .userBalanceDescriptionCol {
	text-align:left;
}
#userBalanceTable .userBalanceValueCol {
	text-align:right;
}
