/* `Spacing
----------------------------------------------------------------------------------------------------*/
p {
	padding: 6px;	
}

ol {
	list-style: decimal;
}

ul {
	list-style: disc;
}

li {
	margin-left: 30px;
}


body {
	font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
	background: #54432b url(../images/blue_sky.jpg) repeat-x;
	color: #333;
	font-size: 14px;
	padding: 0px 0 40px;
}

a:hover {
	text-decoration: underline;
}

h1 {
	font-family: Georgia, serif;
	font-weight: normal;
	text-align: center;
}

h2 {
	padding: 15px 0 0;
	text-align: center;
}

h3 {
	padding: 10px 0 12px 0;
	font-size:20px;
}

h4 {
	padding: 10px 0 12px 0;
	font-size:18px;
}


div#main_container {
	margin-bottom: 20px;
	margin-top: 0px;
}

div#cloud_container {
	background:transparent url(../images/clouds.jpg) no-repeat scroll center top;
	position:relative;
}

div#wood_container {
	background:transparent url(../images/bottom_wood_panel.jpg) repeat-x scroll center 550px;
	position:relative;
	height:902px;
}

div#content_container {
	overflow:visible;
	margin:20px 0 15px 0;
	background:transparent url(../images/content_box.png) no-repeat scroll center top;
	height:575px;
}

div#form_fields_container {
	height:500px;
}

div#top_nav {
	background:transparent url(../images/logo_bar.png) no-repeat scroll center top;
	height:50px;
}

ul#main_nav {
	list-style:none;
	float:right;
	font-size:18px;
	color:#999999;
	padding: 12px 20px 0px 10px;
}

ul#main_nav a {
	color: #fff;
	text-decoration: none;
}

ul#main_nav li {
	list-style:none;
	float:right;
}

ul#main_nav li a:hover {
	text-decoration:none;
	color:#0099FF;
}

ul#main_nav .currentNav {
	color:#fff;
	text-shadow: 1px 1px 2px gray, 0 0 1em gray, 0 0 0.2em gray;
}

div#more_info_container {
	min-height: 800px;
	background-image:url(../images/black-background.png);
	color:#fff;
	-moz-border-radius:15px; // Firefox 
	-webkit-border-radius:15px; // Safari and chrome
	-khtml-border-radius:15px; // Linux browsers 
	border-radius:15px; // CSS3
}

div#more_info_container p, div#more_info_container h3{
	padding:10px;
}

div#more_info_container a {
	color: #fff;
}

div#more_info_container a:hover {
	text-decoration: none;
}

div#footer_links_container {
	text-align:center;
	margin-top:15px;
	color:#fff;
	font-size:11px;
}

div#footer_links_container a {
	color: #fff;
	text-decoration: none;
}

div#footer_links_container a:hover {
	text-decoration: underline;
}



html body #content_container .grid_4 {
	margin:20px 15px 10px 20px;
	width: 285px;
	z-index: 5;
}

html body #content_container .grid_8 {
	margin:20px 15px 10px 20px;
	width: 605px;
}

html body #more_info_container.grid_12 {
	padding:5px 15px 10px 20px;
	width: 905px;
}

#site_name {
	display:none;
}

#home_link {
	height: 45px;
	width: 325px;
	display: block;
	float: left;
}

#monthly_payment_span, #total_monthly_payment_description, #total_payment_span, #total_payment_description {
	text-shadow: 1px 1px 2px gray, 0 0 3.5em gray, 0 0 0.2em gray;
}


#total_monthly_payment_div, #total_payment_div, #graph1_div, #graph2_div {
	font-size:32px;
	text-align:center;
	width:280px;
	float:left;
	margin:0 10px 0 10px;
}

#graph1_div {
	padding-top:15px;	
}

#total_monthly_payment_description, #total_payment_description {
	font-size:18px;
}

.info_table
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: auto;
	margin-top:15px;
	text-align: left;
	border-collapse: collapse;
	width:100%;
}
.info_table th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #b9c9fe url('../images/gradhead.png') repeat-x;
	border-top: 2px solid #d3ddff;
	border-bottom: 1px solid #fff;
	color: #039;
}
.info_table td
{
	padding: 8px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid #fff;
	background: #e8edff url('../images/gradback.png') repeat-x;
}
.info_table tfoot tr td
{
	background: #e8edff;
	font-size: 12px;
	color: #99c;
	text-align:center;
}
.info_table tbody tr:hover td
{
	background: #d0dafd url('../images/gradhover.png') repeat-x;
	color: #339;
}


.textRight {
	text-align:right;
}

.lightGray {
	color: #A3A3A3;
}

#sharediv {
	width: 225px;
	margin: auto;
	padding-left:15px;
	height: 25px;
}
#book_column{
	text-align:center;	
}

#calcCount {
	float: right;	
}


/* jFormer changes */

#calcForm.jFormer .jFormerControl li button.nextButton, .jFormer .jFormerControl li button.nextButton:hover {
	background-color:#fff;
	background-image:url(../images/calculate_button.png);
	width:150px;
	height:64px;
	cursor:pointer;	
	border: 0;
}

html #calcForm.jFormer .jFormComponent .jFormComponentLabel { 
	font-size: 1.1em; 
	font-weight: bold; 
	display:block;
	width:115px;
	float:left;
	text-align:right;
	margin-right:5px;
}

html .jFormer .jFormComponent input, html .jFormer .jFormComponent select, html .jFormer .jFormComponent textarea { 
	font-size: 1.1em;
}

html .jFormer .jFormerControl li {
	float:none;
	padding:0;
	margin:0;
}

html .jFormer .jFormerControl {
	text-align:center;
}

#calcForm.jFormer .jFormComponent .jFormComponentSublabel {
	display:inline;
}

html body #calcForm.jFormer .jFormerTip { 
	width:300px; 
	left:275px;
}

#calcForm.jFormer .jFormerTip .tipContent p {
	font-size:1em;	
}

#contactForm.jFormer .jFormerControl li button.nextButton, .jFormer .jFormerControl li button.nextButton:hover {
	background-color:#fff;
	background-image:url(../images/send_button.png);
	width:150px;
	height:64px;
	cursor:pointer;	
	border: 0;
}

.jFormPageTitle {
	font-size:25px;
	text-align:center;	
}

#principal-tip {
	margin-left:60px;	
}

#term-tip {
	margin-left:85px;	
}

#cashdown-tip, #interest-tip,  #insurance-tip, #ptaxes-tip, #pmi-tip {
	margin-left:103px;	
}

html body .jFormer .jFormComponent {
	width: 100%;
}

html body .jFormer .jFormSection {
	overflow:hidden;
}