﻿
body {
	margin:0;
	padding:0 20px;
	color: #444;
	font: 90% Arial, Sans-Serif;
	background:#fff url(../images/green-stripe.gif) repeat-x 0 7px;
}

h1, h2, h3, .button {
	font-family: Times New Roman;
	font-variant: small-caps;
}

h1 {
	font-size: 1.6em;
	margin:15px 0;
	color: #060;
}

h2 {
	font-size: 1.2em;
	color:#5E8F25;
}

h3 { font-size: 1em }

h2 img {
	padding-top:1.5px;
	width:11px;
	height:11px;
}

img { border:none }

input {
	text-align:right;
	padding:0 1px;
}

.checkbox input {
	width:auto;
	margin-right:5px;
}

* input.button {
	cursor:pointer;
	text-align:center;
	margin:10px auto;
	display:block;
	background:url(../images/button-bg.png) center no-repeat;
	color:#a6dc6a;
	border:0;
	padding:10px;
	width:172px;
}

table {
	margin:auto;
	text-align:right;
	border-spacing:0
}

td {
	padding:1.5px 5px;
	margin:0;
}

td+td, .slidingPanel th { text-align:center }

thead { font-weight:bold }

table input { width:100px }

/* general styles */
.fLeft { float:left }

.fRight { float:right }

.cLeft { clear:left }

.cBoth { clear:both }

.halfColumn {
	width:50%;
	float:left
}

.center { text-align:center }

.centered {
	margin-left:auto;
	margin-right:auto;
}

.marginLeft { margin-left:15px }

/* shell */
#logo {
	position:fixed;
	z-index:1000;
	top:0;
	right:15px;
	background: transparent url(../images/logo-shadow.png) no-repeat;
	padding:0 3px 4px;
}

#logo img {
	border:1px solid #CCC;
	border-top:none;
	display:block;
}

#disclaimer {
	background: url(../images/disclaimer-bg.png) no-repeat;
	position:relative;
	left:-5px;
	clear:both; /*overflow:hidden; */
	font-size:.6em;
	width:525px;
	height:74px;
	margin:15px auto;
	padding: 6px 25px 0 60px
}

/* sliding panels */
.slidingPanel {
	background: url(../images/line.gif) 0 top repeat-x;
	padding:10px 0 0;
	overflow:hidden;
	clear:both;
	width:100%
}

.slidingPanel > div { overflow:hidden; }

.slidingPanel h2 { margin:5px 0; }

.slidingPanel h2 img {
	margin:3px 5px 0 0;
	float:left;
}

.slidingPanel div.fLeft { width:33% }

.slidingPanel h3 { text-align:center }

.slidingPanel dl { overflow:hidden; }

.slidingPanel dd, dt {
	float:left;
	margin:3px 5px;
	width:70px;
}

.slidingPanel dt {
	text-align:right;
	width:100px;
	clear:both;
}

.slidingPanel dd input {
	width:100%;
	position:relative;
	top:-1px;
}

/* credit analysis results */
#creditResults {
	padding:15px;
	border:1px dotted #ddd;
	overflow:hidden
}

#creditResults h2 { margin-top:0 }

#creditResults p { margin-bottom:0 }

#creditResults img {
	float:left;
	margin-right: 15px;
}

#latePayments { margin:auto }

#latePayments td, #latePayments th {
	padding:2px 5px;
	text-align:right
}

#latePayments td + td, #latePayments th + th { text-align:center }

#latePayments input { width:50px }

/* credit card payoff */
#cardInfo { margin:auto }

#cardInfo input {
	width:60px;
	padding:0;
}

#cardInfo .checkbox input { width:20px }

#cardInfo .checkbox { font-size:12px }

#cardInfo td {
	padding:2px 5px;
	text-align:right;
}

#cardInfo td + td { text-align:center; }

#schedule { margin-bottom:17px }

#schedule .odd { background-color: #e4f4d2; }

/* savings calcs */
.years { width:18px }

.savingsInfo {
	margin:0 0 15px;
	width:50%
}

.savingsInfo td + td {
	text-align:left;
	width:160px;
}

#results { float:right; }

