@import url("/common_styles.css");

/* global stuff */
body {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background: #fff url("/images/bg_square.gif") top left repeat;
	height: 100%;
}

#horizon {
	color: white;
	background-color: transparent;
	text-align: center;
	position: absolute;
	left: 0px;
	width: 100%;
	height: 100%;
	overflow: visible;
	visibility: visible;
	display: block;
}

#contentWrapper {
	background-color: #fff;
	visibility: visible;
	position: absolute;
	left: 50%;
	visibility: visible;
	width: 760px;
	margin-left: -380px;
	min-height: 100%;
}

#content {
	width:740px;
	margin: 0 10px;
	padding-top: 10px;
}

	
.boxleft { padding-right:10px;margin-right:10px;width: 400px; float: left; }
.boxright  { width: 320px; float: right; vertical-align: top; margin-top:15px; }
.boxright a { text-align:left; font-weight: bold; text-decoration: underline; padding-left:60px; }
.boxheader { width: 100%; clear: both;margin-bottom:10px; }
div.boxfooter { 
	width: 100%; clear: both; margin-top:30px; padding-bottom:20px; font: 9px arial,sans-serif; color: #cccccc; padding-top: 5px; border-top: 1px solid #cccccc;
}
div.boxfooter a { color: #cccccc; }


.topHeaderLinks { float:left;padding-top:34px;width:670px; }
.pagecontent { clear: both; width: 100%; margin-top: 10px; }


.loanTable { width: 400px;background-color:#E4F2F5; border: 1px solid #E4F2F5; }
.loanTable td, .loanTable th { text-align:right; padding:5px; border: 1px solid #E4F2F5; font: 13px/15px verdana, Arial, sans-serif; }
.loanTable td { background-color:#fff;}
.loanTable th { font-weight: bold; }

/*#B4C673*/
.calcAmountTable { width: 350px; background-color:#E4F2F5; margin-top:15px; }
.calcAmountTable td { padding:5px;  }
.calcAmountTable input, .calcAmountTable select { width: 125px; }

.FormHeader, .FormHeaderSub {
	font: bold 16px/20px arial, sans-serif;
	background-color: #E4F2F5;
	padding:8px 0px 8px 8px;
	margin-top:2px;
}

.FormHeaderSub {
	font: bold 12px/16px arial, sans-serif;
}

.FormRow, .FormButtons {
	clear: both;
	padding: 0;
}

.FormRow {
	margin-top: 2px;
}

.labelColumnContainer{
	margin:0; padding:0;
	background: #f5f5f5 url("/images/box1.gif") top left repeat-y;
}
.FormRow label {
	float: left;
	width:218px; /* not full size */
	margin:0;
	font: 13px/15px Arial, sans-serif;
	padding: 8px 0 8px 8px;
}

.fieldColumn {
	margin:0 235px;
	font: 13px/15px Arial, sans-serif;
	padding-top:8px;
	padding-bottom:8px;
}

.helpColumnContainer{
	margin:0; padding:0;
	background:url("/images/box3.gif") top right repeat-y;
}
.HelpColumn {
	height: 100%;
	width:248px;
	margin:0; 
	float: right;
	font: 13px/15px Arial, sans-serif;
}

.HelpColumnHelper{
	padding:8px 0 8px 8px;
}

.ErrorColumn {
	color:#A41431;
	font-weight: bold;
	margin-top:-1px;
	margin: 0 0 0 0;
}

.FormRowError label {
	color:#A41431;
}

.HelpText, .SubFieldText {
	font: 9px/11px verdana, Arial, sans-serif;
}

.SubFieldText {
	padding-top:3px;
}

.cleaner {
	clear:both;
	height:1px;
	font: 1px/1px Arial;
	border:none;
	margin:0; padding:0;
}

.FormRow input, .FormRow textarea, .FormRow select { border: 1px solid #7F9DB9; width: 150px; }

.FormRowError input, .FormRowError textarea, .FormRowError select {
	border: 2px solid #A41431;
}

.FormButtons { margin: 0.5em 0 0.5em 235px; padding-top: 5px; }


.FormRow .nwidth { width:auto; border: none; }