@charset "utf-8";
/* CSS Document */
@import 'interior.css';

p{
	color:#666;
	font-size:12px;
	margin-bottom:6px;
}

p em{
	font-size:11px;
}

em.required{
	color:#cc3333;
}		

.privacyCallout{
	width:180px;
	float:right;
	border:1px solid #d5dce4;
	background:#f1f3f6 url('../img/icons/lock.gif') 186px 3px no-repeat;
	line-height:14px;
	text-align:right;
	color:#666;
	font-size:12px;
	padding-top: 5px;
	padding-right: 33px;
	padding-bottom: 7px;
	padding-left: 0;
	z-index: 10;
	top: 30px;
	position: relative;
}

.privacyCallout a:link,
.privacyCallout a:hover,
.privacyCallout a:visited,
.privacyCallout a:active{
	color:#cc092f;
}

#makePayment {
	background-image: url(../img/backgrounds/make-payment3.gif);
	background-repeat: no-repeat;
	z-index: 1;
	height: 600px;
	border: 1px solid #9933FF;
	/*width: 700px;*/
}

form dl{
	clear:left;
	margin:4px 0;
	/*border: 1px solid #FF00FF; pink*/
}

form dt{
	width:170px;
	padding:9px 11px 9px 0;
	clear:left;
	float:left;
	/*border: 1px dashed #00FF00; green*/
}

form dt label{
	float:right;
	color:#000;
	font-size:12px;
	font-weight:bold;
	text-align:right;	
}

form dt a:link,
form dt a:hover,
form dt a:visited,
form dt a:active{
	float:right;
	clear:right;
	text-decoration:underline;
	color:#036;
	font-size:12px;
	font-weight:bold;
	text-align:right;
}		

form dt span{
	float:right;
	clear:right;
	color:#000;
	font-size:11px;
	font-weight:normal;
	text-align:right;
}	

form dd{
	width:265px;
	float:left;
	padding:5px 0 6px 0;
	/*border: 1px dotted #00FFFF; blue*/
}	

form dd input, form dd select{
	float:left;
	margin:2px 2px 5px;
	padding-left: 4px;
	color:#000;
	font-size:12px;
	font-weight:normal;
}	

form dd div.checkboxGroup, form dd div.radioGroup{
	float:left;
	margin:2px 2px 5px 4px;
	color:#000;
	font-size:12px;
	font-weight:normal;
}

.checkboxGroup input, .radioGroup input{
	margin-right:4px;
}

.checkboxGroup label, .radioGroup label{
	margin:2px 18px 0 2px;
}		

form dd  a:link,
form dd  a:hover,
form dd  a:visited,
form dd  a:active{
	float:left;
	display:block;
	margin-top:4px;
	color:#003192;
	text-decoration:underline;
}

form dd label,
form dd span{
	float:left;
	display:block;
	margin-top:4px;
}		

form dd label.preLabel{
	margin-left:10px;
	font-weight:bold;
}

form dd label.postLabel{
	margin-left:3px;
	margin-right:20px;
}

form dd span.example{
	color:#999;
}

form dd span.states{
	width:125px;
	margin:0 0 0 4px;
}

form dd a.notes,
form dd a.notes:hover,
form dd a.notes:visited,
form dd a.notes:active{
	margin-top:-3px;
}

form dd a.information, h3 a.information{
	/* image replacement */
	width:13px;
	height:0 !important;
	float:left;
	margin-left:3px;
	padding-top:13px;
	background:transparent url('../img/icons/information.gif') left top no-repeat;
	overflow:hidden;
	cursor:pointer;
	/* /image replacement */
}

h3 span{
	float:left;
}

h3 a.information{
	float:left;
}

#Content form p.button{
  width:auto;
	margin:14px auto 21px 265px;
	text-align:center;
	clear:both;
	float:left;
	/* sliding doors button */
	height:34px;
	padding:0;
	background:transparent url('../img/buttons/yellow-xlrg-left.gif') left top no-repeat;
	/* /sliding doors button */
}	

#Content form#contactRequestForm p.button{
  width:auto;
	margin:14px auto 21px 220px;
}
	
#Content form p.button a:link, 
#Content form p.button a:hover,
#Content form p.button a:visited, 
#Content form p.button a:active{ 
	/* sliding doors button */
	height:34px;
	display:block;
	margin:0 -1px 0 0;
	padding:10px 35px 0;
	background:transparent url('../img/buttons/yellow-xlrg-right.gif') right top no-repeat;
	color:#333;
	font-size:12px;
	font-weight:bold;
	/* /sliding doors button */
}	

#Content p.footnotes{
	width:696px;
	display:block;
	clear:left;
	margin-top:21px;
	color:#999;
	font-size:10px;
}

#coApplicantHeader,
#coApplicantFields{
	/* display:none; */
} 

 /*input/select widths*/
 
.standard_field{
	width:240px;/*240px*//*10px*/
}

.standard_pulldown{
	width:238px;/*250px*/
}

.standard_zip{
	width:70px;/*70*/
}

.highlightedActionCallout {
	width:173px;
}
	
form dl{
	width:507px;
}

form dt{
	width:200px;
}

form dd{
	width:286px;
}

/*layout 'cancel' for loan application*/
#LoanApplicationCancel {
	margin-top: 0;
	clear: both;
	display: block;
	text-align: center;
	padding-left: 60px;
	padding-top: 0px;
	top: -20px;
	text-decoration: underline;
}


 /* -------------------- input/select widths ------------------------- */

.loanAmount{
	width:110px;
}

.purpose{
	width:220px;
}

.fName{
	width:150px;
}

.mName{
	width:30px;
}

.lName{
	width:150px;
}

.suffix{
	width:50px;
}

.surname{
	width:220px;
}

.bMonth{
	width:145px;
}

.bDay{
	width:45px;
}

.bYear{
	width:65px;
}

.ph{
	width:36px;
}

.ph2{
	width:50px;
}

.phType{
	width:100px;
}

.email{
	width:252px;
}

.address{
	width:362px;
}

.city{
	width:187px;
}

.state{ 
	width:125px;
}

.zip{
	width:118px;
	margin-top:0px; /*-6*/
	clear: left;
	float: left;
}

.length{
	width:75px;
}

.emp{
	width:207px;
}

.salary{
	width:207px;
}

.ssn{
	width:55px;
}

.ssn2{
	width:36px;
}

.ssn3{
	width:55px;
}
	
.nothing{}



/* ------------------------------------- IE HACKS ------------------------------ */

form dl{
	| margin:0;
	/*border: 1px dotted #00FFFF; TEMP*/
}

a.information{	
	| height:13px;
}

form dt a:link,
form dt a:hover,
form dt a:visited,
form dt a:active{
	| width:235px;	
}		

form dt span{
	| width:235px;	
}	

form dd{
	| padding:2px 0;
}	

#Content form dd{
	| padding:2px 0 6px;
}

form dd  a:link,
form dd  a:hover,
form dd  a:visited,
form dd  a:active{
	| padding-top:4px;
}

form dd a.information:link,
form dd a.information:hover,
form dd a.information:visited,
form dd a.information:active{
	padding-top:13px;
}

form dd label,
form dd span{
	| padding-top:4px;
}	

form dd span.states{
	_width:110px;
	_ padding-top: 0px;
}

form dd a.notes,
form dd a.notes:hover,
form dd a.notes:visited,
form dd a.notes:active{
	| margin-top:-6px;
}

.zip{
	| margin-top:2px;
}

/*tweak positioning*/
.privacyCallout{
	| top: 34px;
}

#Content form p.button{
	_margin-left:125px;
}

	#Content form#contactRequestForm p.button{
	_margin-left:112px;
}

form p.button a:link, 
form p.button a:hover,
form p.button a:visited, 
form p.button a:active{
	/* sliding doors button */
	| padding-right: 45px;
	| padding-left: 25px;
	/* /sliding doors button */
}	

#ApplyNow h3{
	| padding:2px 0 0 2px
}	

form dd.required{
	| width:286px;
	| float: left;
	| padding-left: 215px;
	| padding-top: 0px;
	/*| border: 1px dotted #FFCCFF; light pink*/
}

/*layout 'cancel' for loan application*/
#LoanApplicationCancel {
	| padding-left: 40px;
}


#Content .errorPanel {list-style-type: none; padding-left: 0px; margin-left: 0px; }
#Content .errorPanel li { color: #C02B2E; background-image: none; padding-left: 0px; margin-left: 0px; }