/* ==========================================
	master.css
	========================================*/

/* ==========================================
	©2008 NEFE CashCourse
	========================================*/
	
/* ==========================================
	normalizing styles
	========================================*/
	
@import url(normalize.css);
	
/* ==========================================
	tag styles
	========================================*/
	
html { text-align: center; background: #fff; }
body { position: relative; margin: 0 auto; width: 959px; text-align: left; font-size: 14px; font-family: Tahoma, sans-serif; color: #000; line-height:150%;}
h1 { clear: both; width: 889px; margin-bottom: 1em; font-weight: normal; color: #528ecc; font-size: 160%; }
h2 { margin-bottom: 1em; font-weight: bold; font-size: 100%; }
p { margin-bottom: 1em; }
a { text-decoration: none; outline: none; }
a:hover { text-decoration: underline; }
strong { font-weight: bold; }

/* ==========================================
	ID styles
	========================================*/
	
#welcome-text { padding-right: 300px; }

/* ==========================================
	class styles
	========================================*/
	
a.log-out-btn { color: #999; }
td.indent { padding-left: 10px; }

/* ==========================================
	site-wrap
	========================================*/
	
#site-wrap { margin-top: 5px; font-size: 90%; }

/* ==========================================
	header
	========================================*/
	
#header { width: 959px; height: 130px; background: url(../img/header-bgd.jpg) no-repeat; }
#header img { margin-left: 314px; }

/* ==========================================
	content-wrap
	========================================*/
	
#content-wrap { background: url(../img/content-wrap-bgd.jpg) no-repeat; }

/* ==========================================
	content
	========================================*/
	
#content { width: 889px; padding: 0 35px; }

/* ==========================================
	nav-app
	========================================*/
	
#nav-app { width: 889px; height: 30px; text-align: right }
#nav-app a, #nav-app div { float: right; vertical-align: top }
#nav-app #previous-btn { width: 92px; }
#nav-app #next-btn { width: 72px; }
#nav-app #nav-app-form { width: auto; }
#nav-app select { vertical-align: top;}

/* ==========================================
	sign-in-form
	========================================*/
	
#sign-in-form label { display: block; float: left; clear: left; width: 150px; padding-right: 1em; text-align: left; line-height: 1.8em; }
#sign-in-form input { display: block; float: left; margin-bottom: 10px; width: 200px; }
#sign-in-form br { clear: both; }

/* ==========================================
	nav-four-btns
	========================================*/
	
#nav-four-btns { width: 889px; }
#nav-four-btns a { float: left; width: 160px; height: 28px; margin-right: 5px; }
#nav-four-btns #add-savings-btn { margin-right: 0; }

/* ==========================================
	nav-one-btn
	========================================*/
	
#nav-one-btn { width: 889px; }
#nav-one-btn a { float: left; width: 164px; height: 28px; }

/* ==========================================
	data-content
	========================================*/

#data-scroller { width: 875px; height: 365px; margin-top: 10px; overflow: auto;  }
#data-content { clear: both; width: 860px; height: 370px; padding-left: 15px; padding-right: 15px; color: #fff; font-size: 90%; background: #5fa1d7 url(../img/blue-gradient.jpg) repeat-y;  }
#data-content a { color: #fff; text-decoration: underline; }
#data-content a:hover { color: #339933; }
#data-content td { padding: .5em; }
#data-content strong { font-size: 115%; }

/* ==========================================
	labels-table
	========================================*/

/* ==========================================
	numbers-table
	========================================*/
	
table.numbers-table { text-align: right; }
table.numbers-table td span.callout { color: #011564; font-weight: bold; font-size: 115%; }

/* ==========================================
	footer
	========================================*/
	
#footer { clear: both; height: 35px; color: #fff; text-align: right; font-size: 85%; background: #039; }
#footer p { padding: 8px 10px; padding-bottom: 5px; }
#footer a { color: #fff; }


.editable, .savingsEditable, .selectEditable, .longTermEditable { text-decoration: underline; }

.bold { font-weight: bold;}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }