﻿/*Content*/
.contentContainer 
{
	height: auto;
	margin: 0px auto;
	padding: 0px;
}

.content
{
	
}

a, input, td
{
	outline: none;
}

/* everything except the leftNav*/

.formContainer
{
	width: 940px;
	margin: 0 auto;	
}

.formContainer .pageTitle
{
	width: 940px;
	padding: 5px 0px;
}

.formContainer .pageTitle h1{font-family: Arial, Sans-Serif;font-size: 24px;color: #139013}

.formContainer .pageTitle .cb_girl
{
	float: right;
	height: 216px;
	width: 232px;
	margin: -60px 10px 10px 10px;
}

.formContainer .pageTitle .cb_girl a img.shadow
{
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
}
.formContainer .pageTitle .cb_girl a:hover img.shadow
{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	border-top: 3px solid #ccc;
	border-left: 3px solid #ccc;
}

.formContainer .pageTitle .apptext
{
	width: 660px;
	margin: 10px 0px 20px 0px;
	font-family: Lucida Sans, Lucinda Grande, Arial, Verdana, Sans-Serif;
	font-size: 12px;
	color: #000;
}
.formContainer .pageTitle .apptext a, .formContainer .pageTitle .apptext a:visited
{
	color: #393;
	text-decoration: underline;
}

.formContainer .pageTitle .apptext a:hover, .formContainer .pageTitle .apptext a:active, .formContainer .pageTitle .apptext a:visited:hover
{
	color : #393;
	text-decoration : none;
}

.formContainer .appheader
{
	
	width: 900px;
	height: 40px;
	margin: 0;
	text-align: left;
	padding: 0;
}

.formContainer .appheader a, .formContainer .appheader a:visited
{
	color: #fff;
	text-decoration: none;
}

.formContainer .appheader a:hover, .formContainer .appheader a:active, .formContainer .appheader a:visited:hover
{
	color: #fff;
	text-decoration: underline;
}

.formContainer .appheader table
{
	float: left;
	width: 900px;
	height: 40px;
	font-size: 18px;
	color: #ffffff;
	margin: 0;
	list-style-type: none;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
}

.formContainer .appheader td
{
	padding: 5px 10px;
	width: 160px;
	margin: 0px;
	text-align: center;
}

.appheader table td.appHeadLeft
{
	background-image: url(../../images/cmc_site/forms/bg_appNav_LR.gif);
	background-repeat: no-repeat;
	margin:0;
}

.appheader table td.appHeadMid
{
	background-image: url(../../images/cmc_site/forms/bg_appNav_Mid.gif);
	background-repeat: repeat-x;
	margin:0;
}

.appheader table td.appHeadRight
{
	background-image: url(../../images/cmc_site/forms/bg_appNav_LR.gif);
	background-repeat: no-repeat;
	background-position: top right;
	margin:0;
}

.formContainer .appForm
{
	width : 940px;
	margin : 0;
	padding: 0;
}

#section1, #section2, #section3, #divCoApplicant1, #divPlanning, #send, #btnPlanning
{
	width: 100%;	
	height: auto;
	margin: 0;
	border-bottom: 2px solid #333;
}
	
.formContainer .appForm #section1 .leftText, .formContainer .appForm #section2 .leftText, .formContainer .appForm #section3 .leftText, .formContainer .appForm #divCoApplicant1 .leftText,  .formContainer .appForm #divPlanning .leftText, .formContainer .appForm #send .leftText, .formContainer .appForm #btnPlanning .leftText
{
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	float: left;
	width: 185px;
        font: 12px Arial;
	padding: 5px 0px 5px 0px;
	color: #000;
	background-image: none;
	background-repeat: no-repeat;
	background-position: top left;
}

.leftText h2
{
	font-size: 18px;
	font-weight: bold;
	color: #339933;
	margin: 0px;
	padding: 0px;
}

.formContainer .appForm #section1 .formFields, .formContainer .appForm #section2 .formFields, .formContainer .appForm #section3 .formFields, .formContainer .appForm #divCoApplicant1 .formFields,  .formContainer .appForm #divPlanning .formFields,  .formContainer .appForm #send .formFields, .formContainer #btnPlanning .formFields
{
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	float: right;
	width: 750px;
	margin: 0;	 
	background: #FFF;
	border-left: 2px solid #333;
}
.formContainer .appForm #section1{
padding: 20px 0px 0px 0px;
}
.formContainer .appForm #section1 .formFields table#basic
{
	width:100%;
        margin: 0px 0px 0px 0px;
        padding:0px 0px 0px 0px;	
}

.formContainer .appForm #section2 .formFields table#employment
{
	width:100%;
	
}

.formContainer .appForm #section3 .formFields table#loanInfo
{
	width:100%;
	
}

.formContainer .appForm #section3 .formFields table#refiInfo
{
	width:100%;
	
}

.formContainer .appForm #divCoApplicant1 .formFields table#coAppInfo
{
	width:100%;
	
}

.formContainer .appForm #divPlanning .formFields table#planning
{
	width:100%;
}

.formContainer .appForm #send .formFields table#captcha
{
	width: 100%;
}

.formContainer .appForm #send .formFields table#signature
{
	width: 100%;
}


table#basic td.formStatus, table#employment td.formStatus, table#loanInfo td.formStatus, table#refiInfo td.formStatus, table#coAppInfo td.formStatus, table#planning td.formStatus, table#captcha td.formStatus, table#signature td.formStatus
{
	font-size: 16px;
	font-weight: bold;
}

table#basic td.label, table#employment td.label, table#loanInfo td.label, table#refiInfo td.label, table#coAppInfo td.label, table#planning td.label, table#captcha td.label, table#signature td.label  
{
	text-align: right;
	font-size: 12px;
	width: 300px;
	font-weight: bold;
        padding:0px 0px;
}
table#employment{
padding: 10px 0px;
}
/* td {width: 346px;} */
table#signature td.finePrint
{
	font-size: 11px;
	font-style: italic;
}

table#basic td.nextSection, table#employment td.nextSection, table#loanInfo td.nextSection, table#refiInfo td.nextSection, table#coAppInfo td.nextSection, table#planning td.nextSection, table#captcha td.nextSection, table#signature td.nextSection
{
	text-align: right;
}

.clear
{
	width: 100%;
	height: 0;
	clear: both;
}

.formContainer .appfooter
{
	
	width: 900px;
	height: 30px;
	margin: 0;
	text-align: left;
	padding: 0;
}

.formContainer .appfooter a, .formContainer .appfooter a:visited
{
	color: #fff;
	text-decoration: none;
}

.formContainer .appfooter a:hover, .formContainer .appfooter a:active, .formContainer .appfooter a:visited:hover
{
	color: #fff;
	text-decoration: underline;
}

.formContainer .appfooter table
{
	float: left;
	width: 897px;
	height: 45px;
	font-size: 18px;
	color: #ffffff;
	margin: 0;
	list-style-type: none;
}

.formContainer .appfooter td
{
	padding: 5px 10px;
	width: 160px;
	margin: 0px;
	text-align: center;
}

.appfooter table td.appFootLeft
{
	background-image: url(../../images/cmc_site/forms/bg_appNav_LR_btm.gif);
	background-repeat: no-repeat;
	margin:0;
	background-position: top left;
}

.appfooter table td.appFootMid
{
	background-image: url(../../images/cmc_site/forms/bg_appNav_Mid_btm.gif);
	background-repeat: repeat-x;
	margin:0;
	background-position: top;
}

.appfooter table td.appFootRight
{
	background-image: url(../../images/cmc_site/forms/bg_appNav_LR_btm.gif);
	background-repeat: no-repeat;
	background-position: top right;
	margin:0;
}
span.Red {
	color: #FF0000;
	margin: 0px; 
	padding:0px;
}

/*TABS*/

#tabs{
	width: 510px;
	height: 50px;
	
	float: right;
	/*background-color: gray;*/
}

#tabs li{
	width: 180px;
	height: 25px;
	font-size: 18px;
	line-height: 25px;
	text-align: center;
	float: left;
	list-style: none;
	border-radius: 3px;
}

#standard{
	background-color: #fff;
	color: #1a1a1a;
	border: 1px solid #1a1a1a;
	border-bottom: 0px;
	
}

#express{
	background-color: #bbb;
	color: #fff;
	border: 1px solid #1a1a1a;
	border-bottom: 0px;
	margin-left: 3px;
}
#express a{
	text-decoration: none;
	color: #ddd;
}

#express:hover{
	opacity: 0.7;
}


/*TABS*/

#tabs{
	width: 470px;
	height: 60px;
	
	float: right;
	/*background-color: gray;*/
}

#tabs li{
	width: 180px;
	height: 25px;
	font-size: 18px;
	line-height: 25px;
	text-align: center;
	float: left;
	list-style: none;
	border-radius: 3px;
}

#express{
	background-color: #fff;
	color: #1a1a1a;
	border: 1px solid #777;
	border-bottom: 0px;
	
}

#standard{
	background-color: #d7d7d7;
	color: #fff;
	border: 1px solid #ccc;
	border-bottom: 0px;
	margin-left: 3px;
}
#standard a{
	text-decoration: none;
	color: #aaa;
}

#express:hover{
	opacity: 0.7;
}

#back{
	line-height: 30px;
}

.contactButton{
	width: 230px;
	height: 30px;
	background-color: #afc87a;
	background-image: url(buttonTexture.png);

	/*margin: 25px 150px;*/

	border: 1px solid #98ad6d;
	border-bottom: 3px solid #646a57;
	border-radius: 5px;
	/*outline: 1px solid #64944e;*/

	font-size: 16px;
	color: #fff;
	font-weight: normal;
	font-family: PT Sans, Helvetica, Arial, Sans-Serif;

	text-shadow: -1px 1px #646a57;

	text-decoration: none;
	text-align: center;

}