/* Hacks. Hides the left column, resizes the middle one */
div#lt_col{ display: none; }
div#mainbody{ width: 530px; }



/* elements */	

	
	legend{ color: #336699;
		font-size: 1.8em; }
	
	label{ float: left;
		margin-left: 3.0em; }
	
	input{ display: block;
		margin: 18px 0 18px 190px;
		border-width: 2px; }
	
	h3 img{ vertical-align: bottom; }
	
	h4{ margin-bottom: 0;
		font-size: 1.2em; }


/* classes */

	table#profileScore{ background-color: #8DABC4;
		border-collapse: collapse;
		font-size: 11px;
		color: #222;
		border-bottom: 2px #576A79 solid;
		margin-bottom: 3.0em; }

	table#profileScore tr{ display: none;  }
	table#profileScore.showAll tr{ display: block; }

	table#profileScore tr.header{ background-color: #fff;
		font-weight: bold;
		color: #333;
		display: block; }

	table#profileScore tr.header td{ border: 0; }

	table#profileScore td{ padding: 8px;
		vertical-align: top;
		border-top: 2px #576A79 solid; }

	table#profileScore tr#chosen{ background-color: #CBDEEE;
		background-image: url(../img/profilesurvey_arrow.gif);
		background-position: center left;
		background-repeat: no-repeat;
		font-size: 1.3em;
		line-height: 1.7em;
		color: #000;
		display: block; }

	table#profileScore tr#chosen td{ padding: 15px 10px; }


	ol.profileSurvey{  }

	ol.profileSurvey strong{ display: block;
		margin-bottom: 8px; }
	
	ol.profileSurvey input{ margin: 0;
		display: inline;
		float: left;
		clear: left; }

	ol.profileSurvey span{ display: block;
		text-align: left;
		padding-left: 10px;
		margin: 2px 0 6px 15px; }

	ol.profileSurvey li{ margin: 30px 20px 10px 5px;
		clear: both; }

	ol.profileSurvey li.missing{ border: 1px #c00 solid;
		background-color: #fdd; }

	ol.profileSurvey table{ width: 100%;
		margin-top: 8px;
		text-align: center; }
	ol.profileSurvey table tr.header{ font-weight: bold;
		color: #666; }

	a#showAllProfiles{ color: #224466;
		display: block;
		margin-bottom: 50px; }

	p.smtxt{ text-align: left; }

	div.calcLink{ border-bottom: 1px #aaa solid;
		padding-bottom: 2.0em;
		clear: both;
		margin-bottom: 2.0em; }

	div.calcLink h3{ margin-bottom: 0.2em; }

	div.calcLink p{ margin: 0 0 0 177px; }

	div.calcLink img{ border: 0;
		float: left;
		margin-right: 5px;
		width: 171px;
		height: 103px; }

	div.calcLink p.theLink{ font-size: 0.9em;
		text-align: right;
		margin: 0;
		font-weight: bold; }

	input.missing{ border: 1px #c00 solid;
		background-color: #fcc; }
	

/* IDs */

	div#linkFirst{ margin-top: 2.0em; }

	p#switch{ float: right;
		font-weight: bold;
		font-size: 0.8em;
		margin: 4px 0 0;
		color: #888; }

	p#switch a{ color: #036; }

	div#output{ height: 440px;
		width: 420px;
		overflow: auto;
		position: absolute;
		left: 670px;
		top: 150px; }
	
	div#chart{ text-align: center;
		margin: 2.0em 0; }
	
	p#inputs{ margin-top: 0;
		color: #777;
		font-size: 0.85em; }
	
	table#savings{ font-size: 0.85em;
		margin: 0 auto;
		text-align: left;
		border-collapse: collapse;
		float: left;
		display: none;  }
	
	table#savings strong{ font-size: 1.2em;
		background-color: #C7E6E6; }

	table#savings td{ padding: 8px 16px; }

	table#savings tr.header{ font-weight: bold;
		font-size: 0.8em;
		color: #555;
		text-align: center; }

	table#savings tr.header td{ border-bottom: 1px #ccc solid; }

	table#savings tr.row0 td{ border-bottom: 1px #333 solid; }
	
	table#savings tr.row1 td{ border-bottom: 2px #333 solid; }

	table#savings td.right{ text-align: right; }
	
	div#centered{ width: 450px;
		margin: 0 auto;
		background-color: #fff;
		background-image: url(flatisbeautiful.gif);
		background-position: bottom left;
		background-repeat: no-repeat;
		text-align: left;
		padding: 30px 50px 150px; }




/* Calculator Widget CSS */

	fieldset#calc{ width: 400px; }

	table#calc1035{ border-collapse: collapse;
			margin: 15px auto 0; }

	table#calc1035 td{ padding: 12px auto; }
	
	table#calc1035 input{ width: 4em;
			text-align: right;
			border: 1px #bbb inset;
			display: block;
			margin: 8px 0 8px 5px; }
	
	#calcSubmit{ display: block;
			margin-left: 250px;
			margin-top: 30px;
			margin-bottom: 1.0em;
			border: 1px #bbb outset;  }
	
	table#calc1035 input#accountValue{ width: 9.0em; }
	
	table#calc1035 td.label{ text-align: center;
			font-weight: bold;
			border-bottom: 2px #444 solid;
			vertical-align: bottom;
			padding-bottom: 4px;
			margin-bottom: 6px;
			padding-top: 2.0em; }
	table#calc1035 td.center{ text-align: center; }
	
	table#calc1035 strong{ color: #666;
			margin-left: 4px;
			display: block; }
	
	table#calc1035 span{ display: block;
			text-align: center;
			margin: 4px 0; }
	
	table#calc1035 tr.shaded td{ background-color: #C7E6E6;
			border: 1px #ccc solid;
			border-width: 1px 0; }
	
	table#calc1035 tr.em td{ vertical-align: bottom;
			border-bottom: 1px #ccc solid; }
	table#calc1035 tr.em strong{ 	margin-top: 1.0em;
			font-size: 1.1em;
			color: #222; }
	table#calc1035 tr.em span{ font-size: 1.2em;
			margin-right: 4.0em;
			font-weight: bold;
			color: #000; }

	table#calc1035 input.missing{ border: 1px #c00 solid;
			background-color: #fcc; }
	table#calc1035 p.missing{ color: #c00;
			margin-top: 1.0em; }

	table#calc1035 #chartContainer{ padding: 2.0em 0 0;
			text-align: center; }

	div#pagetools{ text-align: center; }

	form.reportButtons input{ display: inline;
			margin: 0; }
	
	.bullet1 {
		list-style-position:inside;
		margin-bottom:0px;}