body {
	font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
    padding: 0;
    margin: 0 auto;
    background: #222; 
	/*white url(/images/dark-green-gradient.png) repeat-x center top;*/
    text-align: center; 
    font-size: 12px;
	line-height: 1.5em;
	color: #222;
}
a {text-decoration: underline; padding: 1px; }
a:link { color: #03c; }
a:visited { color: #03c; }
a:hover { text-decoration: none; }
img {
	border: none;
}
h1 {
	font-family: "Lucida Grande", arial, sans-serif;
	padding: 0;
	border-bottom: 0;
	margin: 0;
	color: #333;
	font-size: 16px;
	font-weight: bold;
}
input, select {
    font-size: 14px;
    padding: 3px;
}
textarea {
    font-size: 12px;
    font-family: "Lucida Grande", arial, sans-serif;
}
div#mainnav {
	color: white;
	height: 2em;
	background: #1B532E;
}
div#mainnav a:link,
div#mainnav a:visited {
	font-weight: bold;
	color: white;
	text-decoration: none;
	margin-left: 5px;
	margin-right: 5px;
}
div#mainnav a:hover {
	font-weight: bold;
	color: #ffdc78;
	text-decoration: none;
	border-bottom: 1px dotted #ffdc78;
}
div#header {
    margin-left: auto;
    margin-right: auto;
	height: 12em;
	background: green url(/images/dark-green-gradient.png) repeat-x center top;
}
div#header div#logo {
	width: 800px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
} 
div#main_container {
	background: white;
}
div#main {
    width: 900px;
    min-height: 535px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
	padding-bottom: 50px;
}
div#main p,
div#calc_main p,
div#screenshot_main p {
    text-align: left;
}
div#calc_main {
    text-align: left;
	padding: 20px;
    min-height: 535px;
	background: white;
}
div#calc_main div#inner {
    width: 300px; 
    margin-left: auto; 
    margin-right: auto;
    padding: 5px;
    background-color: #7DBB6E;
    color: white;
}
div#screenshot_main {
    padding-top: 25px;
    padding-bottom: 60px;
	background: white;
}
div#screenshot_main p {
	text-align: center;
}
div#screenshot_main div#explanation p {
	text-align: left;
}
div#screenshot_main div#explanation {
	text-align: left;
    background-color: #4F893E;
    color: white;
    font-size: 14px;
    line-height: 1.4;
    width: 275px;
    padding: 0px 15px;
    position: absolute;
    top: 250px;
    left: 25px;
    z-index: 400;
    filter: alpha (opacity=90);
    opacity: 0.90;
    -moz-opacity:0.90;
}
div#explanation a:link,
div#explanation a:hover,
div#explanation a:visited {
    color: white;
    font-size: 10px;
}
div#main_top {
    padding-top: 10px;
	padding-bottom: 10px;
	clear: both;
}

div#index_text {
	float: left;
    text-align: left; 
	width: 430px;
    margin-left: auto; 
    margin-right: auto;
	line-height: 2;
}
div#index_login_form {
	float: right;
	padding: 0;
	background: #F1F7FE;
	width: 300px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}  
div#index_login_form H2 {
	margin: 0;
	background-color: #DFEDF9;
	line-height: 2;
	font-size: 12px;
}
div#index_login_form form {
	margin: 10px;
	font-size: 10px;
	line-height: 1;
}
div#index_login_form input {
	font-weight: normal;
	font-size: 10px;
}
div#main_text {
    text-align: left; 
    margin-left: 80px; 
    margin-right: 20px;
    line-height: 2;
    font-size: 13px;
    width: 450px;
    overflow: auto;
}
div#main_text H1 {
}
div#main th {
    font-weight: 100;
    font-size: 11px;
    text-align: right;
    width: 100px;
}
/*
Footer
*/
div#footer {
	width: 900px;
    margin-left: auto; 
    margin-right: auto; 
    padding-top: 5px;
	min-height: 100px;
	color: #ccc;
	font-size: 9px; 
}
div#footer div#copyright {
	text-align: left;
	float: left;
}
div#footer div#menu {
	text-align: right;
}
div#footer div#menu div#mainnav {
	background: #222;
}
div#makeascene {
    color: #999; 
    font-size: 10px; 
    text-align: right;
    padding-top: 1px;
	width: 150px;
	float: right;
}
/*
Screenshots
*/
div#screenshots {
	margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
	text-align: center;
}
div#screenshots H2 {
	font-size: 16px;
}
div#screenshots table {
	margin-left:auto;
	margin-right:auto;
}
div#screenshots table td {
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
}
div#screenshots a img {
    /*border: 1px solid #CCC;*/
	margin-top: 3px;
}
div#screenshots div#buttons {
     clear: both;
     padding-top: 15px;
}
div#screenshots div#buttons a img {
    border: none;
}
/*
Login/signup forms
*/
div#login-form {
    margin-top: 10px;
    margin-left:auto;
    margin-right:auto; 
    width: 400px;
    text-align: left;
}
div#reminder_form {
    margin-top: 18px;
    margin-bottom: 10px;
}
div#reminder_form form {

}
div#signup-form {
	width: 400px;
	float:left;
}
div#signup-error {
	float: right;
	width: 375px;
}
/*
Comparison chart
*/
div#plan_comparison {
	margin-top: 0;
	text-align: left;

}
div#plan_comparison table {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 700px;
	font-size: 14px;
}
div#plan_comparison table td {
	padding: 2px;
	line-height: 2em;
}
div#plan_comparison table td.feature {
	text-align: left;
	padding-left: 8px;
}
div#plan_comparison table td.header {
	font-weight: bold;
}
div#plan_comparison td.signup {
	background-color: orange;
}
/*
Standard form errors
*/
.error {
	background-color: red;
	padding: 2px;
}

.field_with_errors,
.fieldWithErrors {
  padding: 3px 0 3px 1px;
  display: inline;
  border: 8px solid red;
  background-color: red;
}

.general_error_box {
  border: 1px solid #c99;
	background: #EEE url(/images/alertbad_icon.gif) 5px 10px no-repeat;
	color: #fff;
  padding: 10px 10px 10px 37px;
  margin-bottom: 20px;
}

.general_error_box h2 {
  color: #fff;
  margin-top: 0;
  line-height: 140%;
}

.general_error_box p {
  color: #fff;
  margin-bottom: 0;
  margin-top: 5px;
}

.general_error_box a:link,
.general_error_box a:visited {
  color: #fff;
}

#ErrorExplanation,
#errorExplanation {
	border: 2px solid red;
	padding: 7px;
	padding-bottom: 12px;
	margin-bottom: 20px;
	background-color: #EEE;
}

#ErrorExplanation h2,
#errorExplanation h2 {
	text-align: left;
	font-weight: bold;
	padding: 5px 5px 5px 27px;
	font-size: 12px;
	margin: -7px;
	background: url(/images/alertbad_icon.gif) #c00 left no-repeat;
	color: #fff;
}

#ErrorExplanation p,
#errorExplanation p {
	color: #333;
	margin-bottom: 0;
	padding: 5px;
}

#ErrorExplanation ul,
#errorExplanation ul {
    text-align: left;
	color: #222;
	margin-top: 1px;
}

#ErrorExplanation ul li,
#errorExplanation ul li {
	font-size: 12px;
	list-style: square;
	color: #222;
}
#Flash {
	text-align: left;
	border: 1px solid #ccc;
	padding: 5px 5px 5px 30px;
	font-size: 14px;
	margin-bottom: 12px;
	width: 800px;
	margin-top: 12px;
}

.login #Flash {
  margin-top: 12px;
  font-size: 12px;
}

#Flash.flash_notice {
	border-color: #9c9;
	color: #060;
	background: url(/images/alertgood_icon.gif) #E2F9E3 left no-repeat;
}

#Flash.flash_alert {
	border-color: #c99;
	color: #fff;
	background: url(/images/alertbad_icon.gif) #c00 left no-repeat;
}

#Flash.flash_alert a {
  color: #fff;
}

#Flash.flash_alert a:hover {
  background: #000;
}

table#amortization {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 20px;
}
table#amortization th {
    background-color: #EEE;
    font-weight: bold;
    text-align: center;
}
table#amortization td {
    text-align: right;
    font-size: 10px;
    color: #222;
}
table#amortization td.num {
    text-align: left;
}
.odd {
    background-color: snow;
}
.even {
    background-color: #D5FFD1;
}