/*======== Contact Us =====================*/
#formContactUs fieldset {
	border: none;
}
#formContactUs label {
	display: block;
	font-size: 1.4em;
	margin-bottom: 0.2em;
}
#formContactUs input {
	margin-bottom: 1em;
	font-size: 1.4em;
	width: 20em;
}
#formContactUs textarea {
	width: 17.8em;
	height: 10em;
	font-size: 1.6em;
	font-family: calibri, arial, helvetica, sans-serif;
}
#formContactUs textarea.error {
	border: 2px solid #ff0000;
	background-color: #f6f6cb;
}
#formContactUs #captcha {
	width: 20em;
	margin: 0 0 1em;
}
#formContactUs #captcha h4 {
	margin-bottom: 0.2em;
	font-weight: normal;
	font-size: 1.4em;
}
#formContactUs #captcha p {
	margin: 0;
}
#formContactUs #captcha input {
	margin: 0.5em 0;
	width: 194px;
	text-align: center;
}
#formContactUs input.submitButton {
	width: auto;
}
#formContactUs label.required em {
	font-size: 0.9em;
}
/* on error */
#formContactUs input.error {
	background-color:#f6f6cb;
	border:2px solid #FF0000;
	padding:2px;
}

#formContactUs label.error {
	color:#ff0000;
	font-size:1.3em;
	width:11.5em;
	margin-top: 0.3em;
	float:right;
	clear:right;
	text-align:left;
}
#formContactUs p.error {
	color:#ff0000;
}
/*======== Application ====================*/
#applicationPage #validateForm {
	margin:0 2em 11em 2em;
}

#newApplication ul {
	overflow:hidden;
}
#newApplication li {
	margin-bottom: 1em;
}
#popupStandard label.required em {
	color: #333;
}
label.required em {
	color: #fff;
	font-style: italic;
}

label.required em:before {
	content: "(";
}

label.required em:after {
	content: ")";
}

fieldset#newApplication label.required em {
display: block;
}

#verifyButtons img {
	margin: 5em;
}

/* Captcha */
fieldset#newApplication #captcha {
	width: 20em;
	margin:0 auto;
}
fieldset#newApplication #captcha h4 {
	font-weight: normal;
	margin: 1em 0 0;
	font-size: 1.4em;
}
fieldset#newApplication #captcha input {
	float: none;
	width: 17.7em;
	display: block;
	margin: 1em 0;
}

fieldset#newApplication #captcha p {
	margin: 0;
	text-align: left;
}

/* SSN */
fieldset#newApplication a#ssnWhy {
	display: block;
	clear: both;
	margin-left: 27.2em;
	font-size: 1.4em;
	padding-bottom: 1em;
	color: #fff;
	text-decoration:underline;
}
/* SSN why do we ask popup */
#applicationPage div#fancy_div p{
	padding:10px;
	font-size:1.3em;
}
#applicationPage div#fancy_div p a{
	color:#fff;
	font-size:1.5em;
}

#applicationPage #fancy_title {display:none !important;}

fieldset#personalInformation {
	position: relative;
}

#ssnExplanation {
	position: absolute;
	width: 30em;
	left: 30em;
	top: 2.5em;
	z-index: 1000;
	background-color: #CCC;
	border: 1px solid #333;
	padding: 2em 2em 0 2em;
	display: none;
}

fieldset#newApplication .on {
	display: block;
}

fieldset#newApplication #ssnExplanation p {
	padding: 0 0 2em 0;
	margin: 0;
}

#ssnExplanation p.center {
	text-align: center;
	color: #013260;
}

#ssnExplanation p a {
	background-color: #EEE;
	border: 1px solid #333;
	padding: 0.5em;
}

/* Introduction */
fieldset#newApplication div#introduction {
	overflow: hidden;
	margin: 2.5em 2.5em 2.5em;
	padding: 2em;
	background-color: #324862;
}

fieldset#newApplication div#introduction div#introHead {
	width: 70.6em;
	float: left;
	background: transparent url("../image/lock.png") no-repeat right 5px;
}

fieldset#newApplication div#introduction img {
	float: left;
	margin-right: 2em;
}

fieldset#newApplication div#introduction h1 {
	width: 580px;
	color: #fff;
	text-transform: uppercase;
	font-size: 2.8em;
	padding: 0 0 0.1em 0;
	margin: 0;
	
}

fieldset#newApplication div#introduction h2 {
	color: #fff;
	font-size: 1.6em;
	padding-bottom: 0;
	margin: 0;
}

fieldset#newApplication div#introText {
	border-top: 1px solid #fff;
	width: 70em;
	float: left;
}

fieldset#newApplication div#introduction p {
	margin: 0.7em 0.7em 0.7em 0;
	clear: none;
	color: #fff;
}

fieldset#newApplication div#introduction h4 {
	clear: both;
	width: 15em;
}

fieldset#newApplication div#introduction a {
	text-decoration: underline;
	color: #fff;
}

/* Headings and paragraphs */
fieldset#newApplication fieldset h1, fieldset#newApplication fieldset h2, fieldset#newApplication fieldset h3, fieldset#newApplication fieldset p {
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}

fieldset#newApplication h1 {
	padding: 0 1em 0 0;
}

fieldset#newApplication h2 {
	padding-bottom: 1em;
}

fieldset#newApplication h3 {
	text-align: center;
	clear: both;
	padding:1em 0 0;
}

fieldset#newApplication p {
	margin: 2.5em;
	clear: both;
	font-size: 1.4em;
}

fieldset#newApplication fieldset p {
	margin: 0;
	padding: 0.8em 0 0.4em;
}

fieldset#newApplication fieldset#otherIncome p, fieldset#newApplication fieldset#CAotherIncome p, fieldset#newApplication fieldset#optIn p {
	margin-top: 0;
}

p.required {
	text-align: center;
	margin-bottom: 0;
}

fieldset#newApplication fieldset#optIn {
	background-color: #FFC;
}

/* Labels and spans */
fieldset#newApplication span.required {
	float: left;
}

fieldset#newApplication fieldset#accountInfo div#account_info label {
	width: 13.5em;
	margin: 0 0 0.5em 0;
}

fieldset#newApplication fieldset#billPay label {
	width: 50em;
	margin-left: 2em;
}

fieldset#newApplication .radio label, fieldset#newApplication .radioWlabel label {
	width: auto;
	display: inline;
	float: none;
	padding: 0;
}

fieldset#newApplication fieldset fieldset label, fieldset#newApplication fieldset fieldset .radiolabel {
	width: 19.5em;
}

fieldset#newApplication label, fieldset#newApplication .radiolabel, fieldset#newApplication .checklabel {
	display: block;
	text-align: right;
	float: left;
	padding-right: 1em;
	clear: both;
	font-size: 14px;
	margin-bottom: 1em;
}

fieldset#newApplication fieldset#newCustomer .radiolabel {
	margin-bottom: 0;
}

fieldset#newApplication .checklabel, fieldset#newApplication fieldset label, fieldset#newApplication fieldset .radiolabel {
	width: 26em;
}
fieldset#newApplication fieldset#comments label {
	padding-top: 0;
}

fieldset#newApplication fieldset#jointSwitch label.dontMove {
	clear: none;
	text-align: left;
	width: auto;
	padding-top: 0.1em;
}

fieldset#newApplication fieldset#accountType label, fieldset#newApplication fieldset#atmcard label, fieldset#newApplication fieldset#optIn label {
	text-align: left;
	clear: none;
	padding-left: 1.5em;
	width: auto;
}

fieldset#newApplication fieldset#accountInfo label, fieldset#newApplication fieldset#billPay label {
	width: auto;
	clear: none;
	text-align: left;
	margin-bottom: 2em;
	margin-right: 0;
	margin-left: 3em;
}

fieldset#newApplication fieldset#billPay label {
	margin-top: -1.5em;
}

fieldset#newApplication fieldset#accountInfo label {
	margin-top: -1.5em;
}

fieldset#newApplication fieldset#jointSwitch label {
	margin-bottom: 0;
	padding-top: 0.2em;
}

/* Inputs */
fieldset#newApplication input.submitButton, fieldset#newApplication input.submitButton {
	float: none;
	width: 20em;
	margin-left: auto;
	margin-right: auto;
}

fieldset#newApplication div.states select {
	width: 10em;
}

fieldset#newApplication input {
	width: 22em;
}

fieldset#newApplication span.float {
	float: left;
}

fieldset#newApplication select {
	width: 22.8em;
}

fieldset#newApplication input, fieldset#newApplication select {
	display: block;
	float: left;
	margin-bottom: 1em;
	margin-top: 0.3em;
}

fieldset#newApplication fieldset#accountType input, fieldset#newApplication fieldset#jointSwitch input, fieldset#newApplication fieldset#atmcard input, input#account_switch, fieldset#newApplication fieldset#billPay input, fieldset#newApplication fieldset#accountInfo input, fieldset#newApplication fieldset#optIn input {
	width: 1em;
}

fieldset#newApplication fieldset#accountInfo div#account_info input {
	width: 12em;
	margin-bottom: 0.5em;
	margin-right: 2em;
}

fieldset#newApplication fieldset#accountInfo input, fieldset#newApplication fieldset#billPay input {
	margin-bottom: 0;
}

fieldset#newApplication fieldset#accountType input, fieldset#newApplication fieldset#atmcard input, fieldset#newApplication fieldset#optIn input {
	clear: both;
}

fieldset#newApplication fieldset#jointSwitch input, fieldset#newApplication fieldset#beneficiarySwitch input {
	margin-right: 0.5em;
	margin-bottom: -0.4em;
}

fieldset#newApplication div.radioWlabel {
	width: 25em;
	display: block;
	float: left;
	margin-bottom: 1em;
}

fieldset#newApplication fieldset#newCustomer div.radioWlabel {
	margin-bottom: 0;
}

fieldset#newApplication div.radioWlabel {
	margin-left: -1.5em;
	font-size: 1.4em;
}

fieldset#newApplication .radio {
	margin: 0 2.5em 1em 34em;
	clear: both;
}

fieldset#newApplication fieldset fieldset .radio {
	margin-left: 18.5em;
}

fieldset#newApplication .radio input, fieldset#newApplication .radioWlabel input {
	width: 2em;
	float: none;
	display: inline;
	margin-bottom: -0.3em;
	margin-left: 2.5em;
}

fieldset#newApplication textarea {
	margin-left: 0;
	width: 24em;
}

fieldset#newApplication input#signed {
	float: none;
	clear: none;
	display: inline;
	width: 1em;
	margin: 0;
}

fieldset#newApplication input.required {
	color: #000;
	font-weight: normal;
}

fieldset#newApplication div.states select {
	width: 10em;
}

fieldset#newApplication input.submitButton {
	float: none;
	width: 30em;
	margin: 2em auto;
}

fieldset#newApplication #addSwitcher input {
	width: 1em;
}

fieldset#newApplication #addSwitcher {
	clear: both;
}

fieldset#newApplication #addSwitcher label#addressLabel {
	clear: none;
	text-align: left;
	padding-left: 0.5em;
	width: 27em;
	padding-top: 0.1em;
}

fieldset#newApplication select#contact_information-branch {
	margin-top: 0.6em;
}

/* Divs and fieldsets and legends */
fieldset#newApplication {
	margin: 0 auto;
	line-height: normal;
	border: 0 none;
}

#accountTypeLeft, #accountTypeRight {
	width: 32em;
	float: left;
}

fieldset#newApplication legend {
	font-size: 1.6em;
	padding:0 0.5em;
}

fieldset#newApplication fieldset {
	margin:1em 2.5em 0;
	padding: 2em;
	border: 1px solid #CCC;
	border-width:2px 0 0;
	clear: both;
}

fieldset#newApplication fieldset fieldset {
	margin: 2.5em 0;
}
/* on error */
fieldset#newApplication input.error {
	background-color:#f6f6cb;
	border:2px solid #FF0000;
	padding:2px;
}

fieldset#newApplication label.error {
	color:#ff0000;
	display: inline;
	font-size:1.3em;
	width:11em;
	margin-left: 1em;
	margin-top: 0.3em;
	float:left;
	clear:right;
	text-align:left;
}
fieldset#newApplication p.error {
	color:#ff0000;
}
/*Small changes were made for the logo on the left, but nothing drastically different from what's already in our template, my suggestion is just copy all of below and throw it into your css*/
fieldset#newApplication ol {
	margin: 20px auto;
	width: 600px;	
}
fieldset#newApplication ol li {
	font-size: 1.4em;
	margin: 4px 0;
}
fieldset#newApplication #employmentResume h3 {
	font-size: 1.4em;
}
fieldset#newApplication #employmentResume div {
	margin: 0 auto;
	width: 655px;
}
fieldset#newApplication #employmentResume textarea {
	padding: 10px;
	width: 630px;
	height: 300px;
}
/*======== Special ================================*/

/*Styling for New Pop Up Forms: TEll me More and Send to a Friend, oh and Thank YOu Pop uP*/

body.popup {
	border: 0 none;
}
body.popup #questionsWrapper {
	height: 420px;
	padding-top: 10px;
	background: #92A9B8 url(../image/popup-bg.png) repeat-x left top;
}
body.popup #shareWrapper {
	height: 490px;
	padding-top: 10px;
	background: #92A9B8 url(../image/popup-bg.png) repeat-x left top;
}
body.popup #questionsThanks {
	text-align: center;
	height: 420px;
	padding-top: 10px;
	background: #92A9B8 url(../image/popup-bg.png) repeat-x left top;
}
body.popup #shareThanks {
	text-align: center;
	height: 490px;
	padding-top: 10px;
	background: #92A9B8 url(../image/popup-bg.png) repeat-x left top;
}
body.popup #shareThanks img, body.popup #questionsThanks img {
	margin-top: 25px;
}
body.popup #shareThanks p, body.popup #questionsThanks p {
	font-size: 1.4em;
	width: 440px;
	margin: 20px auto;
}
body.popup #thankYou img {
	display: block;
	margin: 0 auto;
}

body.popup #thankYou img#smallThankyou {
	display: block;
	margin: 8px auto 0;
}

.popup p {
	margin: 1em;
}
body.popup h3.popupTitle {
	margin: 0 0 10px 0;
	padding: 7px 0 7px 23px;
	font-size: 25px;
	font-weight: normal;
	text-align: left;
	color: #fff;
	background-color: #324862;
}
body.popup form {
	overflow: hidden;
}

body.popup form h4.title {
	padding: 10px;
	margin: 0;
	display: block;
	background-color: #000;
	color: #fff;
	font-size: 2em;
}

body.popup fieldset {
	border: 0 none;
	padding: 0 15px 0 25px;
	float: left;
	width: 252px;
}

body.popup fieldset#popupStandard input {
	display: block;	
	width: 244px;
	height: 22px;
	padding: 7px 0 0 7px;
	margin-bottom: 5px;
	border: none;
	background: transparent url(../image/popup-input-bg.png) no-repeat left top;
	font-size: 1.4em;
}

body.popup fieldset#popupStandard textarea {
	display: block;	
	padding: 3px;
	height: 84px;
	width: 245px;
	margin-bottom: 5px;
	border: none;
	background: transparent url(../image/popup-textarea-bg.png) no-repeat left top;
	font-family: calibri, Arial, Helvetica, sans-serif;
	font-size: 1.6em;
}

body.popup .rightSide {
	float: right;

	width: 200px;
	padding-right: 20px;
	overflow: hidden;
}

body.popup img#popupLogo {
	margin: 14px auto 0;
	display: block;
	float: none;
}

body.popup input.submitButton {
	border: 0 none;
	display: block;
	width: 100px;
	height: 29px;
	padding-top: 29px;
	margin: 10px auto;
	float: none;
	background: transparent url(../image/popup-submit-button.png) no-repeat 0 0;
	overflow: hidden;
	cursor: pointer;
}

body.popup input.submitButton:hover {
background-position: 0 -29px;
}

body.popup fieldset#popupStandard label {
	font-size: 1.4em;
	display: block;
	margin-bottom: 0.2em;
}

body.popup fieldset#popupStandard label.error {
	color: #F72222;
	text-align: right;
	margin-bottom: 0;
}

body.popup fieldset#popupStandard p {
	margin: 0 0 2em 0;
}

/* Captcha */

body.popup #captcha {
	width: 20em;
	float: none;
}

body.popup #captcha input {
	float: none;
	width: 201px;
	height: 24px;
	padding: 6px 0 0;
	display: block;
	border: none;
	text-align: center;
	margin: 10px 0;
	font-size: 1.2em;
	background: transparent url(../image/popup-captcha-input-bg.png) no-repeat left top;
}

body.popup #captcha p {
	margin: 0;
	font-size: 1.4em;
}
body.popup #captcha p.error {
	color:#F72222;
}

body.popup #captcha h4 {
	font-size: 1.4em;
	font-weight: normal;
	margin: 0 0 0.2em 0;
}

body.popup h2 {
	margin: 2em 0 1em 0;
	font-weight: bold;
	text-align: center;
	font-size: 1.2em;
}

/* ================================ OBL Popup =========================================== */

body.popup .individualPage {
	padding: 0;
}

body.popup .individualPage h1.pageHead {
	text-align: center;
	margin: 1em 0 0.5em;
	color: #fff;
}

body.popup #onlineBankingWrapper {
background: #c3c3c3 url(../image/popup-lock.png) left bottom no-repeat;
border: 1px solid #999999;
width: 300px;
margin: auto;
}

body.popup .individualPage #radioButtons {
width: 200px;
margin: 20px 50px 10px;
font-size: 14px;
}

body.popup .individualPage #radioButtons label#loginToPersonalLabel {
margin-right: 20px;
}

body.popup .individualPage form#personalLoginForm {
width: 300px;
margin: 2em auto;
}

body.popup .individualPage form#personalLoginForm input.accessID {
	width: 200px;
	margin: 10px auto 20px;
	display: block;
	color: #999999;
}

body.popup .individualPage form#personalLoginForm input.submit {
	border: 0 none;
	display: block;
	margin: 0 100px;
	width: 100px;
	height: 30px;
	float: none;
	text-indent: -9999px;
	background: transparent url(../image/login-button.png) no-repeat 0 0;
	overflow: hidden;
	cursor: pointer;
}

body.popup .individualPage form#personalLoginForm input.submit:hover {
	background-position: 0 -30px;
}

/* Clear fix */

.clear:after {
	content: "."; 
	display: block;
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clear {
	display: block;
}

/* Hides from Internet Explorer for the Mac \*/

.clear {
	min-height: 1%;
}

* html .clear {
	height: 1%;
}

/* End hide */

/*======== For New Pop Up ================================================*/

#popup_container {
	font-family: Arial, sans-serif;
	font-size: 12px;
	min-width: 300px;
	max-width: 600px;
	background: #FFF;
	border: solid 5px #999;
	color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#popup_title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.75em;
	color: #666;
	background: #ccc url(../image/title.gif) top repeat-x;
	border: solid 1px #FFF;
	border-bottom: solid 1px #999;
	cursor: default;
	padding: 0em;
	margin: 0em;
}
#popup_content {
	background: transparent url(../image/info.gif) 16px 16px no-repeat;
	padding: 1em 1.75em;
	margin: 0em;
}
#popup_content.alert {
	background-image: url(../image/info.gif);
}
#popup_content.confirm {
	background-image: url(../image/important.gif);
}
#popup_content.prompt {
	background-image: url(../image/help.gif);
}
#popup_message {
	padding-left: 48px;
}
#popup_panel {
	text-align: center;
	margin: 1em 0em 0em 1em;
}
#popup_panel input{
	display: inline !important;
}
#popup_prompt {
	margin: .5em 0em;
}

/*======== End of New Pop Up =====================================================*/
#newApplication #loanInfo .radio span, #newApplication #sectionA .radio, #newApplication #sectionD .radioWlabel label, #newApplication #sectionD h3 {
	font-size: 14px;
}