@charset "UTF-8";

/* 

Style Sheet For:
TD Net Worth Calculator

*/


/*

Global Styles
~~~~~~~~~~~~~
*/

html, body {
	margin:0px;
	padding:0px;
}
body {
	font-size:13px;
	font-family:Verdana, Geneva, sans-serif;
	color:#555;
	width:834px;
	text-align:left;
	padding-left:25px;
	padding-right:25px;
	line-height:1.4em;
}

#container {
	width: 784px;
	padding: 0 10px;
	border-right: 1px solid #E9E9E9;
	border-left: 1px solid #E9E9E9;
	border-bottom: 1px solid #E9E9E9;
	margin: 0 auto;
	position: relative;
}

input, select {
	color:#555;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
}

input[type=text] {
	font-size: 13px;
	height: 20px;
	line-height: 20px;
}

a, /*a:link, a:visited, a:hover, a:active,*/ a img {
	border:none;
	text-decoration:underline;
	outline:none;
	color:inherit;
}
.inputLine a {
	text-decoration:none!important;
}

/*

Generic Classes
~~~~~~~~~~~~~~~
*/

.darkHighLight, .windowTitle {
	color:#103F26;
}
.highLight {
	color:#006666;
}
.errorText,
.descriptionErrorText,
.decimalPlacesErrorText,
.descriptionInvalidErrorText {
	color:#AA0000;
	display: block;
	padding-left: 145px;
}

.inputFieldContainer {
	float: left;
	padding-right: 10px;
}

.errorBorder {
	border-style:solid;
	border-width:2px;
	border-color:#AA0000;
}
.hidden, .printOnly, .page-break, .specialHidden {
	display:none;
}

.errorIcon {
	display: block;
	float: right;
	padding-right: 10px;
	padding-top: 10px;
}

.errorIcon.hidden {
	display: none;
}

/*

Templates
~~~~~~~~~
*/
.expandingBox {
	width:100%;
	border: 1px solid #9CC2B2;
}

.expandingBox.midBox {
	border-top: 0;
	border-bottom: 0;
}

.boxBorder {
	padding: 5px 0;
}

#liabilitiesBox {
	padding-bottom: 0;
}

.arrowFloatLeft {
	float:left;
	padding: 12px;
	height:26px;
}

.closedBox .arrowFloatLeft {
	/* border-bottom: 1px solid #B0C6B5; */
}

.closedBox.lastBox .arrowFloatLeft {
	border-bottom: none;
}
.clearfix:after{ 
    clear: both; 
    content: "."; 
    display: block; 
    height: 0; 
    visibility: hidden; 
}
.windowTitle {
	height:50px;
	font-size:13px;
	font-weight:bold;
	line-height:50px;
	float:left;
}
.windowTotal, .rowTotal {
	display:none;
}
.innerBoxContents:after {
	content: "\0020"; 
	display: block; 
	height: 0; 
	visibility: hidden;	
	clear: both;
}

.innerBoxContents {
	padding:15px 0px;
	clear:both;
	width:100%;
}

.lastBox .innerBoxContents {
	border-bottom: none;
}

.inputLine, .inputLineExtra {
	padding-bottom:10px;
	float:left;
	clear:left;
	width:100%;
}

.inputLine .leftWindowColumn:after {
	content: "\0020"; 
	display: block; 
	height: 0; 
	visibility: hidden;	
	clear: both;
}

.inputLine .leftWindowColumn .inputLineFieldName, 
.inputLine .leftWindowColumn .betterTip {
	display:block;
	float: left;
}

.inputLine .leftWindowColumn .betterTip {
	padding-top: 5px;
	padding-left: 6px;
}

.windowTitle .betterTip {
	position: relative;
	top: 2px;
}

.fullWidthColumn, .leftWindowColumn, .smallFullWidthColumn {
	min-height:18px;
	padding-left:30px;
}
.fullWidthColumn {
	clear:both;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 20px;
	margin-bottom: 10px;
}

.fullWidthColumn p {
	margin-top:0;
	margin-bottom: 0;
}
.smallFullWidthColumn {
	clear:both;
	margin-top:-10px;
	padding-bottom:2px;
}

.addLineColumn {
	clear:both;
	padding-left:27px;
	padding-top:10px;
}

.addLineColumn img {
	vertical-align:top;	
}

.addLineColumn span {
	position: relative;
	top: -2px;
}
.leftWindowColumn, .leftWindowColumnExtra {
	position:relative;
	float:left;
	width:270px;
	line-height: 26px;
	padding-right: 10px;
	margin-left: 20px;
}

.french .leftWindowColumn, .french .leftWindowColumnExtra {
	width: 305px;
}

.leftWindowColumnExtra {
	padding-left:8px;
	margin-left: 0px;
}

.leftWindowColumn .formLineBox,
.leftWindowColumnExtra .formLineBox {
	width: 240px;
}

.middleWindowColumn:after {
	content: "\0020"; 
	display: block; 
	height: 0; 
	visibility: hidden;	
	clear: both;
}

.middleWindowColumn {
	float:left;
	width: 315px;
}

.french .middleWindowColumn {
	width: 280px;
}
.rightWindowColumn {
	padding-left:5px;
	float:left;
}

#liabilitiesBox .leftWindowColumn {
	margin-left: 0;
	padding-left: 0;
}

#liabilitiesBox .leftWindowColumn.bigger {
	width: 300px;
}

.french #liabilitiesBox .leftWindowColumn.bigger {
	width: 335px;
}

#liabilitiesBox .fullWidthColumn {
	margin-left: 0;
	padding-left: 0;
}

#liabilitiesBox .inputLine.full {
	margin-left: 30px;
}

#liabilitiesBox .inputLineExtra .removeLineBox {
	margin-left: 0;
}

.timesPerYearBox {
	width:30px;
	text-align:right;
}
.comboBoxElement {
	width:157px;
}
.indentedFormBox {
	width:118px;
}
.leftOffsetErrorBox {
	margin-top:-6px;
	padding-left:10px;
}
.removeLineBox {
	float:left;
	padding-left:7px;
	margin-left: 20px;
}
.rightWindowColumn p {
	margin-top:7px;
}
.resultTabs div,
.addLineColumn span,
.addLineColumn img,
.arrowFloatLeft,
.resultTabsSwitched div,
.resultTabs div,
#printPageIcon,
.removeLineBox,
.windowTitle {
	cursor:pointer;
}
#printPageIcon {
	float:right;
	margin-right: 4px;
	padding-bottom: 10px;
	color: #066;
	line-height: 16px;
	vertical-align: middle;
}

#printPageIcon span {
	line-height: 16px;
	vertical-align: middle;
}

.windowTitle:after {
	content: "\0020"; 
	display: block; 
	height: 0; 
	visibility: hidden;	
	clear: both;
}

.windowTitle {
/*	border-bottom: 1px dotted #B0C6B5;*/
}

.closedBox .windowTitle {
/*	border-bottom: 1px solid #B0C6B5;*/
}

.closedBox.lastBox .windowTitle {
	border-bottom: none;
}


/*

Specific Boxes
~~~~~~~~~~~~~~
*/

#pageHeader {
	height:74px;
	width: 784px;
	padding: 0 10px 10px;
	border-left: 1px solid #E9E9E9;
	border-right: 1px solid #E9E9E9;
	margin: 0 auto;
	background: url(../images/banner-border.png) bottom left repeat-x;
	position:relative;
}

#pageDivider {
	height: 12px;
	width: 834px;
	display: none;
	background: url(../images/TdPageHeaderBranding.jpg) repeat-x left top;
	margin: 0 auto;
}

#pageHeader:after {
	content: "\0020"; 
	display: block; 
	height: 0; 
	visibility: hidden;	
	clear: both;
}

#closeWindowBox {
	padding-top:8px;
	text-align:right;
}

#visitTD {
	display: block;
	margin-top: 25px;
} 

#pageLogo,
#pageLogoPrint {
	float:left;
	padding-top: 10px;
}

#pageLogoPrint {
	display: none;
}

#pageTitle {
	clear:both;
	padding-top:3px;
	font-family: Arial, Helvetica, sans-serif;
}

#pageTitle h2 {
	font-size: 27px;
	line-height: 27px;
}

.pageSubTitle {
	color: #525252;
	font-size: 15px;
	line-height: 20px;
	width: 655px;
}
.pageSubTitle span {
	font-weight: bold;
}

.windowWrapperHeader {
	height: 30px;
	width: 649px;
	line-height: 30px;
	
}

.windowWrapperHeader h3 {
	color: #535353;
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0;
}

.windowWrapperHeader h3 span {
	font-weight: bold;
}

.windowWrapper {
	width: 649px;
	padding-right: 5px;
}

.windowWrapperBottom {
	width: 649px;
	padding-left:7px;
	padding-right: 5px;
	height: 5px;
	margin-bottom: 10px;
}

.windowWrapperTop {	
	width: 649px;
	padding-left:7px;
	padding-right: 5px;
	height: 7px;
}

#bottomWindowShadowBox {
	background-image:url(../images/WindowShadow.jpg);
	background-position:top;
	background-repeat:no-repeat;
}
#copyrightInfo {
	clear:both;
	line-height:1.5em;
	width: 784px;
	margin: 0 auto;
	padding-bottom: 50px;
}

#copyrightInfo p {
	color: #000;
	margin: 10px 0 0;
	line-height: 1em;
	font-size: 11px;
}

#resultButtons {
	margin-left: 500px;
	margin-top: 10px;
	margin-bottom: 15px;
}

#resultButtons.french {
	margin-left: 465px;
}

#copyrightInfo a, #copyrightInfo a:link, #copyrightInfo a:visited, #copyrightInfo a:active {
	color:#006666;
}
#copyrightInfo a:hover {
	color:blue;
}

#copyrightInfo:after {
	content: "\0020"; 
	display: block; 
	height: 0; 
	visibility: hidden;	
	clear: both;
}

#privacyLinks {
	padding-top:10px;
	float: left;
}

#copyRight {
	padding-top:10px;
	float: right;
}

#copyrightInfo ul.links {
	padding: 0;
	margin: 0;
	list-style-type: none;
	float: left;
	margin-top: 10px;
	font-size: 11px;
}

#copyrightInfo ul.links li {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	line-height: 12px;
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid #E4E4E4;
}

#copyrightInfo ul.links li.last {
	margin-right: 0;
	padding-right: 0;
	border-right: 0;
}

#copyrightInfo ul.links li a {
	color: #596666;
	text-decoration: none;
}

#copyrightInfo ul.links li a:hover,
#copyrightInfo ul.links li a:focus {
	text-decoration: underline;
}

#inputPageWrapper:after {
	content: "\0020"; 
	display: block; 
	height: 0; 
	visibility: hidden;	
	clear: both;
}

.button {
	display: block;
	float: left;
	font-size: 12px;
}

.button.grn {
	height: 28px;
	color: #195335;
	margin-top: 1px;
	margin-right: 20px;
}

.button.orange {
	height: 31px;
	color: #fff;	
}

.button.orange .btn-bgnd {
	float: left;
	height: 31px;
	line-height: 31px;
	padding: 0;
	border: 0;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	padding: 0 20px;
	background: url('../images/orange-button-bgnd.png') top left repeat-x;	
}

.button.orange .btn-left {
	float: left;
	margin: 0;
	height: 31px;
	width: 6px;
	cursor: pointer;
	background: url('../images/orange-button-left.png') top left no-repeat;	
}

.button.orange .btn-right {
	float: left;
	margin: 0;
	height: 31px;
	width: 9px;
	cursor: pointer;
	background: url('../images/orange-button-right.png') top left no-repeat;	
}

.button.grn .btn-bgnd {
	float: left;
	height: 28px;
	line-height: 30px;
	padding: 0;
	border: 0;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	padding: 0 15px;
}

.button.grn .btn-left,
.button.grn .btn-right {
	float: left;
	margin: 0;
	height: 28px;
	width: 5px;
	cursor: pointer;
}

.button.grn .btn-bgnd {
	background: url('../images/btn-grn-bgnd.png') top left repeat-x;	
}

.button.grn .btn-left {
	background: url('../images/btn-grn-left.png') top left no-repeat;	
}

.button.grn .btn-right {
	background: url('../images/btn-grn-right.png') top left no-repeat;	
}

/*

Result Page Left Side
~~~~~~~~~~~~~~~~~~~~~
*/

#resultsPageLeft {
	width: 630px;
	float:left;
}

#resultsPageRight {
	float:left;
	padding-left: 10px;
}

#resultPageContent:after {
	content: "\0020"; 
	display: block; 
	height: 0; 
	visibility: hidden;	
	clear: both;
}

#resultsBanner {
	padding-left: 4px;
	clear:both;
}

#resultsBannerContainer {
	min-height: 30px;
	background: url(../images/bannerMiddle.jpg) repeat-y left top;
	width:250px;
	color: #FFF;
	font-size: 11px;
	margin-top: 0px;
}

#findBranchBannerBt,
#resultsBannerContainer p {
	padding-left: 10px;
	padding-right: 10px;
	margin: 0px;
	padding-top: 10px;
	display: block;
}

#resultsBannerTop {
	background: url(../images/bannerTop.jpg) no-repeat left top;
	height: 35px;
	width: 250px;
}

#resultsBannerTop h2 {
	font-size: 18px;
	font-weight: bold;
	color: #85BF33;
	padding: 0px;
	padding-left: 10px;
	padding-top: 10px;
	margin: 0px;
}

#bannerPhone {
	font-size: 13px;
	font-weight: bold;
}

#resultsBannerTop h2 span {
	color: #FFF;
}

#resultsBannerBottom {
	background: url(../images/bannerBottom.jpg) no-repeat left top;
	height: 7px;
	width: 250px;
}

#helpInfo {
	background: url(../images/resultsHelpInfoMiddle.jpg) repeat-y left top;
	width:249px;
}

#helpInfo .resultPageTitle {
	background: url(../images/resultsHelpInfoTop.jpg) no-repeat left top;
	width:249px;
	padding: 10px;
	margin-bottom: 0;
}

#helpInfo ul {
	margin: 0;
	padding: 0 0 10px 25px;
}

#helpInfo ul li {
	color: #066;
}

#helpInfo ul a,
#resultPageContent a {
	color: #066;
}

#helpInfoBottom {
	background: url(../images/resultsHelpInfoBottom.jpg) no-repeat left bottom;
	width:249px;
	height: 3px;
}

#resultPageContent {
	padding-top:5px;
	width:100%;
	color: #000;
}

#resultsPageIntro {
	font-size: 15px;
	color: #000;
}

.resultPageTitle {
	font-weight:bold;
	font-size:13px;
	color:#0C4838;
}

h2.resultPageTitle {
	margin-top: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #535353;
	font-size: 20px;
}

h2.resultPageTitle.alt {
	font-weight: normal;
	margin-top: 30px;
	margin-bottom: 0px;
}

h2.resultPageTitle.personalized {
	color: #1A1A1A;
	margin: 0;
	font-size: 13px;
	font-family:Verdana, Geneva, sans-serif;
}

#netWorthCalcInfoContainer h2.resultPageTitle.alt {
	margin-top: 0;
	margin-bottom: 20px;
}

h2.resultPageTitle #netWorthResult {
	color: #000;
}

#resultPageContent p.personalized.first {
	margin-top: 0;
}

#resultsPageTTC {
	color: #000;
}

#resultsPageTTC p {
	margin-top: 5px;
}

.resultPageSubTitle {
	color:#333333;
	font-weight:bold;
}
#leftResultsWindow {
	float:left;
	width:240px;
	padding-right:18px;
	font-size:12px;
}
#netWorthResult {
	color:#208B2F;
	font-size:18px;
	font-weight:bold;
	margin-top:20px;
}

#netWorthResult.low {
	color:#000;
}

#resultLeftCopy {
	padding-top:2px;
}
#resultHelpBox {
	border-width:1px;
	border-style:solid;
	border-color:#0C4838;
	padding:13px;
	font-size:11px;
}
#resultHelpBoxInnerContents {
	margin-top:-5px;
}
#resultConsiderBox {
	padding-top:5px;
}
#resultConsiderBox p {
	margin-top:5px;
}

#netWorthTableBorderTop {
	width: 509px;
	height: 10px;
	background: url(../images/netWorthTableBorderTop.jpg) no-repeat left bottom;
}

#netWorthTableBorderBottom {
	width: 509px;
	height: 10px;
	background: url(../images/netWorthTableBorderBottom.jpg) no-repeat left top;
}

#netWorthTableContainer {
	width: 610px;
}

#netWorthCalcInfoContainer {
	width: 610px;
	padding: 10px;
	border: 1px solid #9CC2B2;
	background: url(../images/td-table-bg.png) bottom left repeat-x;
}

#netWorthTable {
	width: 100%;
	/*
	width: 491px;
	width: 509px;
	height: 30px;
	background: url(../images/netWorthTableBorderMiddle.jpg) repeat-y left top;
	padding: 10px;
	*/
}

.nwTableHeading td {
	padding-top:20px;
}

.nwTableHeading.nwFirst td {
	padding-top: 0;
}

#nwTableTotalAssets td,
#nwTableTotalLiabilities td {
	font-size: 13px;
}

#nwTableShowHide td {
	padding-top: 5px;
}

#nwTableTotalAssets .totalValue,
#newFinalTotal .totalValue {
	color: #000;
	font-weight: bold;
	/*color: #219633;*/
}

#nwTableTotalLiabilities .totalValue.low,
#newFinalTotal .totalValue.low {
	color: #000;
	font-weight: bold;
}

#netWorthTable a {
	color: #0C4638;	
}

#netWorthTable a.betterTip {
	position: relative;
	top: 2px;
}

#netWorthTable a.showing,
#netWorthTable a.hiding {
	color: #185239;
	text-decoration: underline;
}

#netWorthTable a.showing:focus, #netWorthTable a.showing:hover
#netWorthTable a.hiding:focus, #netWorthTable a.hiding:hover {
	color: #185239;
	text-decoration: underline;
}

#nwTableShowHide td {
	text-align: right;
}

#nwTableTotalLiabilities .totalValue  {
	color: red;
	font-weight: bold;
}

#newFinalTotal td {
	font-size: 16px;
	padding-top: 20px;
}

.totalValue,
.nwTableAmount {
	text-align: right;
}

#netWorthTable td {
	color: #525252;
	line-height: 1.2em;
}

.tableRule td,
.tableRuleTotal td {
	padding-right: 0;
	padding-left: 0;	
}

.tableRule, .tableRuleTotal {
	padding-left: 10px;
}

table {border-collapse: collapse;}

.tableRule td {
	padding: 10px 0 5px;
}

.tableRuleTotal td {
	border-top: 2px solid #333;
	padding-top: 5px;
}

#nwTableTotalLiabilities td {
	padding-bottom: 5px;
}

.totalLabel,
#newFinalTotal .totalValue,
.nwTableHeading td {
	font-weight: bold;
}

#netWorthTable td.totalLabel {
	color: #000;
}

/*

Result Page Right Side
~~~~~~~~~~~~~~~~~~~~~~
*/

#rightResultsWindowContent {
	width:500px;
	float:left;
	padding:8px 18px 20px 18px;
	height:100%;
	border-color:#CCC;
	border-style:solid;
	border-top-style:none;
	border-width:thin;
	margin-top:-1px;
	background-color:#EEE;
	min-height:600px;
}
#monthlyViewButton, #yearlyViewButton {
	color:#333333;
	font-weight:bold;
	padding:6px 14px;
	float:left;
}
.resultTabs {
	background-image:url(../images/ResultTabs.jpg);
	background-repeat:no-repeat;
	background-position:left;
	float:left;
	width:538px;
}
.resultTabsSwitched {
	background-image:url(../images/ResultTabsSwitched.jpg);
	background-repeat:no-repeat;
	background-position:left;
	float:left;
	width:538px;
}
.chartHeader {
	padding-bottom:4px;
}
.chartHeader h3 {
	margin-bottom:5px;
}
.pieChartContainer {
	clear:both;
	padding-top:15px;
}
.monthlyBarChart {
	width:100%;
	height:100%;
}
#monthlyBarGraph, #monthlyPieChart, #yearlyBarGraph, #yearlyPieChart {
	height:190px;
	background-color:#FFF;
	margin-top:4px;
}
#monthlyBarGraph, #yearlyBarGraph {
	width:455px;
	padding:37px 10px 0px 35px;
}
#monthlyPieChart, #yearlyPieChart {
	width:470px;
	padding:5px 10px 12px 20px;
}
#resultWindowShadow {
	clear:left;
	margin-left:255px;
	background-image:url(../images/WindowShadow.jpg);
	background-position:top;
	background-repeat:no-repeat;
}
#goBackBtn {
	padding-top:12px;
	clear:both;
}

#resultFunctions {
	position: absolute;
	top: 30px;
	right: 0;
}

#resultFunctions a {
	display: block;
	float: left;
	margin-right: 15px;
}

#resultFunctions a,
#resultFunctions a:hover,
#resultFunctions a:focus {
	font-size: 13px;
	color: #175239;
	text-decoration: underline;
}

#resultFunctions a span {
	position: relative;
	top: 3px;
	margin-right: 4px;
}

/*

Print related Styles
~~~~~~~~~~~~~~~~
*/


#netWorthPrintSummaryTable {
	display: none;
}

#netWorthPrintFullTable,
.printPersonalizedSolutions,
#printFooter {
	display: none;
}

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}


.cf {
    *zoom: 1;
}
/* share link */
.shareLink{
	position:absolute;
	top:50px;
	right:0;
	margin:10px 10px 0 0;
}
.shareBox label{
	position:relative;
	text-indent:-999999px;
	height:1px;
	width:1px;
	float:left;
}
.shareBox input{
	width:200px;
	margin:0 0 5px 0;
}
.shareLink a{
	float:left;
	color:#000000;
	text-decoration:none;
}
.shareLink span.share-icon{
	display:block;
	background:url(../images/share_icon.gif) no-repeat;
	width:16px;
	height:16px;
	float:left;
	margin:0 5px 0 0;
}
div.shareBox{
	position:absolute;
	top:18px;
	left:-160px;
	z-index:10;
	display:none;
	width:220px;
	border: 1px solid #8DC73F;
	background:#ffffff;
	padding:10px;
}
div.shareBox span.email-icon{
	display:block;
	background:url(../images/icon_email.gif) no-repeat;
	width:18px;
	height:14px;
	float:left;
	margin:-1px 5px 0 0
}
 .continue-button	{  display: block; float: right; color: #195335; font-size: 12px; font-weight: bold; }
span.btn-left 	{ float: left; margin: 0; height: 28px; width: 5px; cursor: pointer; background: url(../images/btn-grn-left.png) top left no-repeat; }
span.btn-bgnd 	{ float: left; margin: 0; padding: 0 20px; height: 28px; line-height: 28px; cursor: pointer; background: url(../images/btn-grn-bgnd.png) top left repeat-x; }
span.btn-right 	{ float: left; margin: 0; height: 28px; width: 5px; cursor: pointer; background: url(../images/btn-grn-right.png) top left no-repeat; }