@charset "utf-8";
/* CSS Document */
#FNEmpFormFieldWrapper{height:30px; width:100%; overflow:hidden; border:inset 2px #ccc; background-color:#FFF;}
#MIEmpFormFieldWrapper{height:30px; width:100%; overflow:hidden; border:inset 2px #ccc; background-color:#FFF;}
#LNEmpFormFieldWrapper{height:30px; width:100%; overflow:hidden; border:inset 2px #ccc; background-color:#FFF;}
#ADDEmpFormFieldWrapper{height:30px; width:100%; overflow:hidden; border:inset 2px #ccc; background-color:#FFF;}
#CityEmpFormFieldWrapper{height:30px; width:100%; overflow:hidden; border:inset 2px #ccc; background-color:#FFF;}
#StateEmpFormFieldWrapper{height:30px; width:100%; overflow:hidden; min-width:140px; border:inset 2px #ccc; background-color:#FFF;}
#ZipEmpFormFieldWrapper{height:30px; width:100%; overflow:hidden; border:inset 2px #ccc; background-color:#FFF;}
#PhoneEmpFormFieldWrapper{height:30px; width:100%; overflow:hidden; border:inset 2px #ccc; background-color:#FFF;}
#WPhoneEmpFieldWrapper{height:30px; width:100%; overflow:hidden; border:inset 2px #ccc; background-color:#FFF;}
#EmailPEmpFieldWrapper{height:30px; width:100%; overflow:hidden; border:inset 2px #ccc; background-color:#FFF;}
#SSNEmpFormFieldWrapper{height:30px; width:100%; overflow:hidden; border:inset 2px #ccc; background-color:#FFF;}
#DLNFormFieldWrapper{height:30px; width:100%; overflow:hidden; border:inset 2px #ccc; background-color:#FFF;}


.EmpStar{color:red; margin-left:6px; font-size:18px}
.EmpFormFieldWrapper{height:30px; width:100%; border:inset 2px #ccc; background-color:#FFF;}
.EmpFormFieldIcon{width:40px; padding-left:6px;  height:100%; background-color:#ccc; float:left}
.EmpImageIcon{color:#090; padding-left:32%; padding-top:5px; float:left;} 
.EmpField{float:left; height:100%; width:80%; border:0; color:#000; font-size:80%; padding-left:10px; outline:none; display: inline-block; }
.EmpFieldCol2{float:left; height:100%; width:60%; border:none; color:#000; font-size:80%; padding-left:10px; outline:none;  }

.DDAFROMSHeaders {
    color: black;
    font-size: 15px;
    text-align: left;
}

.DDAFROMSHeaders2 {
    color: black;
    font-size: 15px;
    text-align: left;
}


.CheckSavingsInfo{
	color: blue;
	text-align: center;
}

.SendToAddressBottomWrapper{
	border: inset 3px black;
	padding: 2px;
	
}
.SendToAddressBottom {
    padding: 2px;
	border: inset 1px black;
	color: black;
    font-size: 16px;
    text-align: center;
	height: 100%
}

/*Drop Boxes*/
.DropCol3FormFieldWrapper{height:30px; width:100%; min-width:230px; border:inset 2px #ccc; background-color:#FFF;}
.DropCol3FieldDrop{float:left; height:100%; width:82%; border:none; color:grey; font-size:100%; padding-left:10px; outline:none;  }

/*Message Boxes*/
.EmpFormMessageWrapper{height:120px; width:100%; border:inset 2px #ccc; background-color:#FFF;}
.EmpMessageField{float:left; height:100%; width:99%; border:none; color:#000; font-size:100%; padding-left:10px; outline:none;  }

/* DateFeilds */

#DateFeildDropCol2{float:left; height:100%; width:74%; border:none; color:grey; font-size:80%; padding-left:10px; outline:none;  }
#Date2FeildDropCol2{float:left; height:100%; width:74%; border:none; color:grey; font-size:100%; padding-left:10px; outline:none;  }
#Date3FeildDropCol2{float:left; height:100%; width:74%; border:none; color:grey; font-size:100%; padding-left:10px; outline:none;  }
#Date4FeildDropCol2{float:left; height:100%; width:74%; border:none; color:grey; font-size:100%; padding-left:10px; outline:none;  }
#Date5FeildDropCol2{float:left; height:100%; width:74%; border:none; color:grey; font-size:100%; padding-left:10px; outline:none;  }
#Date6FeildDropCol2{float:left; height:100%; width:74%; border:none; color:grey; font-size:100%; padding-left:10px; outline:none;  }
#Date7FeildDropCol2{float:left; height:100%; width:74%; border:none; color:grey; font-size:100%; padding-left:10px; outline:none;  }
#Date8FeildDropCol2{float:left; height:100%; width:74%; border:none; color:grey; font-size:100%; padding-left:10px; outline:none;  }


/* Education */
.DropCol2FormFieldWrapper{height:30px; width:100%; min-width:160px; border:inset 2px #ccc; background-color:#FFF;}

/* Change the white to any color ;) */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active  {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}

select:-webkit-autofill,
select:-webkit-autofill:hover, 
select:-webkit-autofill:focus, 
select:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active  {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}

#DDAAUTFORM a {
	color: #8b4513;
    text-decoration: none;
}

#DDAAUTFORM a:hover {
	color: #ffc107;
    text-decoration: none;
}

#DDAASUSMessageWrapper a {
	color: green;
	font-weight: bold;
    text-decoration: underline;
	
}

#DDAASUSMessageWrapper a:hover {
	color: #ffc107;
	font-weight: bold;
    text-decoration: underline;
	
}

#DDAASUSMessageWrapper #NoComplete a {
	color: #654321;
	font-weight: bold;
    text-decoration: underline;
}

#DDAASUSMessageWrapper #NoComplete a:hover {
	color: #ffc107;
	font-weight: bold;
    text-decoration: underline;
}

.AttachDeposit{font-size: 12px; color: #DCDCDC;}	
.AttachDeposit2{font-size: 12px; color: #DCDCDC;}

.WhenCompleteInfo{color: green; font-weight: 600}

#OEHeader{margin-top: 30px}
#OCHeader{margin-top: 20px}

#ASSOCLable{display: inline-block; float: left; }
#FNLable{display: inline-block; float: left;  }

#DDAAUTFORM{display:none}

#DDAAAssociationWrapper{height:30px; width:100%; overflow:hidden; border:inset 2px #ccc; background-color:#FFF;}
#DDAAFNFormFieldWrapper{height:30px; width:100%; overflow:hidden; border:inset 2px #ccc; background-color:#FFF; display: inline-block; float: left}
#DDAALNFormFieldWrapper{height:30px; width:100%; overflow:hidden; border:inset 2px #ccc; background-color:#FFF; display: inline-block; float: left}
#DDAAUNITFormFieldWrapper{height:30px; width:100%; overflow:hidden; border:inset 2px #ccc; background-color:#FFF;}
#DDAAADDFormFieldWrapper{height:30px; width:100%; overflow:hidden; border:inset 2px #ccc; background-color:#FFF;}
#DDAACITYFormFieldWrapper{height:30px; width:100%; overflow:hidden; border:inset 2px #ccc; background-color:#FFF;}
#DDAAEmailFormFieldWrapper{height:30px; width:100%; overflow:hidden; border:inset 2px #ccc; background-color:#FFF;}

#DDAAPhone1FormFieldWrapper{height:32px; width:100%; border:inset 2px #ccc; background-color:#FFF;}
#DDAAPhone2FormFieldWrapper{height:32px; width:100%; border:inset 2px #ccc; background-color:#FFF;}
#DDAASignFormFieldWrapper{height:32px; width:100%; border:inset 2px #ccc; background-color:#FFF;}
#DDAADateFormFieldWrapper{height:32px; width:100%; border:inset 2px #ccc; background-color:#FFF;}

#DDAABankInfoNameWrapper{height:30px; width:100%; overflow:hidden; border:inset 2px #ccc; background-color:#FFF}
#DDAARNumberInfoWrapper{height:30px; width:100%; overflow:hidden; border:inset 2px #ccc; background-color:#FFF}
#DDAACheckingAccInfoWrapper{height:30px; width:100%; overflow:hidden; border:inset 2px #ccc; background-color:#FFF}
#DDAASavingsAccInfoWrapper{height:30px; width:100%; overflow:hidden; border:inset 2px #ccc; background-color:#FFF}

.CareersHeader{font-size:16px; color:blue; margin-top: -15px}
.CareersHeader2{font-size:16px; color:blue;}
.ChooseFileButton{font-size: 14px; border: solid 2px #DCDCDC;}
.BankCheckBox{width: 18px; height:18px; margin-top: 3px; float:left;}
.BCBText {margin-left: 25px}
.DDAABCBText {margin-left: 25px; font-size: 15px}
.ORText{margin-left: 20px; margin-top: 35px; font-weight: bold}
.PCSBsendform{color: green; margin-top: 10px; margin-left: 25px; font-weight: bold; display: block}
.ChooseBelow{margin-top: 15px; text-align:center}

#uploadButton{display:none}
#CancelButon{display:none}
#UpMessage{display:none}
#ClearUpMessage{display:none}
#SpinningArrow{height:40px; width:40px; margin-top:-10px; display:none}
#PCSBAlertSendForm{display: none}
#PCSBAlertSendFormUP{display: none}

.DDACancelButton{float: left; margin-top:10px}
.DDAUploadButton{float: left;}
.UploadMessageText{display: block}
/*Direct Deposit Enrollment Form,***********************************************************************/

/* Direct Deposit Error Message*/
#DDAAErrorFieldAll{color: #F00; background-color:#FFF; padding:5px; border:inset 2px #000000; font-size:14px; width:100%;}
#DDAAErrorReport{display:none}
/* Direct Deposit Error Message*/
#DDAAErrorFieldAllTwo{color: #F00; background-color:#FFF; padding:5px; border:inset 2px #000000; font-size:14px; width:100%;}
#DDAAErrorReportTwo{display:none}
/*Direct Deposit Sucess Message ID's */
#DDAASUSMessageWrapper{display: none;}
#DDAASUSMessageWrapperUP{display: none;}
#DDAACompleteText{font-size:14px; color:#006; background-color:#FFF; padding: 6px 80px 6px 80px; border:inset medium #0C0}
#DDAACompleteTextUP{font-size:14px; color:#006; background-color:#FFF; padding:6px; border:inset medium #0C0}
/* Direct Deposit Error Message (Not Sent) */
#DDAAErrorMessageWrapper{display: none}
#DDAAErrorCompleteText{font-size:14px; color:#000; background-color:#FFF; padding:6px; border:inset thin #F00}

/*End Direct Deposit Enrollment Form,***********************************************************************/

ContactFormFieldIconSP2{width:10%; height:28px; background-color:#ccc; float:left}

.DDAAFormFieldIcon{width:8%; padding-left:6px; height:28px; background-color:#ccc; float:left}
.ContactFormFieldIcon{width:8%; height:28px; background-color:#ccc; float:left}
.ContactIcon{color:#009; padding-left:16%; padding-top:5px; float:left;} 
.ContactField{float:left; height:100%; width:90%; border:none; color:#000; font-size:85%; padding-left:10px; outline:none;  }
.ContactFieldDate{float:left; height:100%; width:90%; border:none; color: #888888; font-size:85%; padding-left:10px; outline:none; padding-top: 4px; }
.ContactFieldCol2{float:left; height:100%; width:60%; border:none; color:#000; font-size:100%; padding-left:10px; outline:none;  }
.ContactFieldDrop{float:left; height:100%; width:90%; border:none; color:#000; font-size:100%; padding-left:10px; outline:none;  }
.ContactFormMessageWrapper{height:240px; width:100%; border:inset 2px #ccc; background-color:#FFF;}
.ContactMessageField{float:left; height:100%; width:99%; border:none; color:#000; font-size:90%; padding-left:10px; outline:none;  }

.OCCInfo{color: grey; border-bottom:2px solid #eee; text-align: center}
					
	input[type=radio] {
   	width: 20px;
    height: 20px;
	vertical-align: text-bottom;
	}
					
.RadioSize{margin-left:10px; font-size: 16px }
.EmergencyIns{color: #900; font-size: 16px }

@media (max-width: 974px) {
 input[type=radio] {
    width: 30px;
    height: 30px;
	vertical-align: text-bottom;
  }
  }

#YesAnswerDone{color: green}

/*Buttons*/

.btn.btn-default {
  color: white!important;
}

#PriceSpotWrapper{
	float: left;
	margin-left: 25px;
}


.btn.btn-default:hover{
	border: inset 1px #777;
	color: white!important;
}
.btn-success:hover{
    background-color: blue!important;
}

.btn btn-labeled{
	color: white!important;
}

.btn btn-labeled:hover{
	border: inset 1px #000000;
	color: white!important;
}

.btn-warning:hover{
    background-color: blue!important;
}

.btn-primary:hover{
    background-color: blue!important;
}

.btn-info{
	background-color: black;
	border-color: #28a745!important;
}

.btn-info:hover{
    background-color: green!important;
	border-color: black!important;
	
}

.btn-infoCancel{
	background-color: black;
	border-color: #ffc107!important;
}

.btn-infoCancelOpen{
	background-color: black;
	border-color: #ffc107!important;
	margin-top: 30px;
	margin-left: -10px;
}

.btn-infoCancelOpen:hover{
	background-color: green!important;
	border-color: black!important;	
}



.btn-infoCancel:hover{
	background-color: green!important;
	border-color: black!important;
}

.btn-infoDone{
	background-color: black;
	border-color: limegreen!important;
}

.ButtonCpadding {
	font-size: 14px;
    padding-left: 12px;
    padding-right: 12px;
	color: #FFF!important;
	
}

.ButtonCpaddingUP {
	font-size: 14px;
    padding-left: 12px;
    padding-right: 12px;
	color: #FFF!important;
	
}



.ButtonCpaddingCancel{
	font-size: 14px;
	color: #FFF!important;
 	padding-left: 16px;
    padding-right: 16px;
}

.ButtonCpaddingClear{
	float: left;
	margin-top: -20px;
	margin-left: 3px;
	font-size: 14px;
	color: #FFF!important;
 	padding-left: 20px;
    padding-right: 18px;
	}

.ButtonXpaddingClear{
	float: left;
	margin-top: -20px;
	margin-left: 3px;
	font-size: 14px;
	color: #ffc107!important;
 	padding-left: 18px;
    padding-right: 18px;
}
.ButtonCpaddingColor{
	float: left;
	padding-top: 2px;
	font-size: 18px;
	color: #FFF!important;
	
}


.ButtonXpaddingColor{
	float: left;
	padding-top: 2px;
	font-size: 18px;
	color: #ffc107!important;
}


#removeDone{
	display: none;
}

.ButtonDpaddingColor{
	float: left;
	padding-top: 2px;
	font-size: 18px;
	color: limegreen!important;
}

.ButtonDpaddingClear{
	float: left;
	margin-top: -20px;
	margin-left: 3px;
	font-size: 14px;
	color: limegreen!important;
 	padding-left: 18px;
    padding-right: 18px;
}

.ButtonOpaddingColor{
	float: left;
	padding-top: 2px;
	font-size: 18px;
	color: #ffc107!important;
}

.ButtonOpaddingClear{
	float: left;
	margin-top: -20px;
	margin-left: 3px;
	font-size: 14px;
	color: #ffc107!important;
 	padding-left: 18px;
    padding-right: 18px;
}















.ChangeColorBlack{font-size: 14px; color: black}

.limit {
  min-width:150px;
  overflow:hidden;
}