@charset "utf-8";
/* CSS Document */

/*FORMS*/
.FormsText {
  margin-left: 15px;
  font-size: 16px;
}

.FormsTextTitle {
  margin-left: 18px;
  font-size: 16px;
}

@media (max-width: 1400px) {
  .FormsText {
    font-size: 15px;
  }
}

.EncloseForms {
  border: inset thin #a6a6a6;
  background-color: #dcdcdc;
}
.FormsHeader {
  color: black;
  margin-left: 45px;
  margin-top: 0px;
  font-size: 16px;
  text-align: center;
}
.FormsHeaderSelet {
  color: #654321;
  margin-top: 0px;
  font-size: 17px;
  text-align: left;
  line-height: 2;
}
.FormsHeaderTopText {
  color: black;
  margin-left: 0px;
  margin-top: 0px;
  font-size: 16px;
  text-align: center;
}
.ChooseForm {
  color: red;
}
.MoveHeaderUp {
  margin-top: 0px;
}
.FormsFontSize {
  font-size: 16px;
  color: #009;
  margin-left: 1%;
  line-height: 2;
}
.RequiredFeilds {
  margin-left: 0px;
  font-size: 16px;
  color: #000;
  text-align: center;
  font-weight: bold;
}
.FormsTitle {
  color: #654321;
  margin-left: 5px;
  font-size: 20px;
  text-align: center;
  font-weight: bold;
}
.FormTitleCenter {
  text-align: center;
  list-style-type: none;
}
.CustomerBullet {
  list-style-type: none;
  margin-left: -25px;
}
.PDFPrintOnly {
  margin-left: 2px;
  color: red;
}
.SirenVilation {
  margin-left: 2px;
}

section {
  padding: 0px 0;
}

.moveFormUp {
  display: inline-block;
  z-index: 996;
  background: #ffc107;
  width: 40px;
  height: 40px;
  border-radius: 50px;
}
.moveArrowUp {
  font-size: 40px;
  color: white;
}
.MoveButtons {
  margin-left: 100px;
}
.MoveButtonsMain {
  margin-left: 25px;
}
.MoveButtonsIncident {
  margin-left: 25px;
}
.MoveButtonsOwner {
  margin-left: 25px;
}
.MoveButtonsProposal {
  margin-left: 25px;
}
.MoveButtonsCoupon {
  margin-left: 25px;
}

/*Contact Form*/

.backToTopForms {
  float: left;
  margin-left: 25px;
  margin-top: -15px;
}

#ContactActive {
  color: #8b4513;
}

.FormsPicCUFontAW {
  font-size: 16px;
  color: #009;
  margin-left: 1%;
  line-height: 2;
}
.FormsTitleCUFontAW {
  color: #654321;
  margin-left: 10px;
  font-size: 20px;
  text-align: center;
  font-weight: bold;
}

.FormsPicMSFFontAW {
  font-size: 16px;
  color: #009;
  margin-left: 1%;
  line-height: 2;
}
.FormsTitleMFFFontAW {
  color: #654321;
  margin-left: 15px;
  font-size: 20px;
  text-align: center;
  font-weight: bold;
}

.FormsFontSizeIncidentAW {
  font-size: 16px;
  color: #009;
  margin-left: 3px;
  line-height: 2;
  font-weight: bold;
}
.FormsTitleIncidentFontAW {
  color: #654321;
  margin-left: 15px;
  font-size: 20px;
  text-align: center;
  font-weight: bold;
}

.FormsPicOwnerFontAW {
  font-size: 16px;
  color: #009;
  margin-left: 1%;
  line-height: 2;
}
.FormsTitleOwnerFontAW {
  color: #654321;
  margin-left: 15px;
  font-size: 20px;
  text-align: center;
  font-weight: bold;
}

.FormsPicRFMPFontAW {
  font-size: 16px;
  color: #009;
  margin-left: 1%;
  line-height: 2;
}
.FormsTitleRFRAFFontAW {
  color: #654321;
  margin-left: 15px;
  font-size: 20px;
  text-align: center;
  font-weight: bold;
}

.FormsTitleCOUPONFontAW {
  color: #654321;
  margin-left: 15px;
  font-size: 20px;
  text-align: center;
  font-weight: bold;
}
.FormsPicCOUPONFontAW {
  font-size: 16px;
  color: #009;
  margin-left: 1%;
  line-height: 2;
}

.FormsTitleRFMPFontAW {
  color: #654321;
  margin-left: 15px;
  font-size: 20px;
  text-align: center;
  font-weight: bold;
}
.FormsPicAlterationFontAW {
  font-size: 16px;
  color: #009;
  margin-left: 1%;
  line-height: 2;
}

.FormsPicOnLineDDAAW {
  font-size: 16px;
  color: #009;
  margin-left: 1%;
  line-height: 2;
}
.FormsTitleOnLineDDAAW {
  color: #654321;
  margin-left: 10px;
  font-size: 20px;
  text-align: center;
  font-weight: bold;
}

.FormsPicTitleFontAW {
  font-size: 16px;
  color: #009;
  margin-left: 1%;
  line-height: 2;
  padding-left: 2px;
}




.ContactUsPic {
  max-width: 160px;
}
.ContactBackground {
  background-color: #666;
}
.ContactHeaders {
  color: black;
  font-size: 16px;
  text-align: center;
}
.ContactHeadersInfo {
  color: blue;
  font-size: 16px;
  text-align: center;
  margin-top: 20px;
}

@media (max-width: 1400px) {
  .ContactHeaders {
    font-size: 14px;
  }
}

.ContactStar {
  color: #fc0;
  margin-left: 6px;
  font-size: 18px;
}
.ContactStarRed {
  color: red;
  margin-left: 6px;
  font-size: 16px;
}

/* Contact Sucess Message */
#ContactMessageWrapper {
  display: none;
}
.ContactCompleteMsg {
  text-align: center;
  max-width: 650px;
  float: left;
}
.DDAACompleteMsg {
  text-align: center;
  max-width: 750px;
  float: left;
}
.CouponCompleteMsg {
  text-align: center;
  max-width: 650px;
  float: left;
}
#ContactCompleteText {
  font-size: 14px;
  color: #006;
  background-color: #fff;
  padding: 6px;
  border: inset medium #0c0;
}

.ContactCheck {
  color: #0c0;
  font-size: 20px;
}

/* Contact Error Message (Not Sent) */
#ConErrorMessageWrapper {
  display: none;
}
.ConErrorCompleteMsg {
  text-align: center;
  max-width: 650px;
}
#ConErrorCompleteText {
  font-size: 14px;
  color: #000;
  background-color: #fff;
  padding: 6px;
  border: inset thin #f00;
}

.ContactX {
  color: #f00;
  font-size: 20px;
}

/* Footer */
.FooterBackground {
  background-color: #06193a;
  border-top: inset thin #f00;
  color: #fff;
  font-size: 12px;
}
.FooterTitle {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}
.MenuTitle {
  font-size: 16px;
  font-weight: bold;
  text-decoration: underline;
}

.SocialIcons {
  font-size: 28px;
  color: #fff;
  list-style-type: none;
}
.fa-Icon {
  color: #fff;
}
.fa-Icon:hover {
  color: #ccc;
}
.FooterMenuSpacer {
  line-height: 2;
}

#spinner {
  display: none;
}
#CONTACT {
  display: none;
}
label {
  color: black;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
}

@media (max-width: 1400px) {
  label {
    font-size: 13px;
  }
}

.FormLabelsRadio {
  margin-left: 10px;
}

@media (max-width: 974px) {
  .FormLabelsRadio {
    margin-left: 30px;
    font-size: 18px;
  }
}

#ContactFormFieldWrapper {
  height: 30px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#ContactCompanyNameWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#ContactFirstNameWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#ContactLastNameWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#ContactAddressWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#ContactEmailWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#ContactPhoneWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#ContactPhone2Wrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#ContactVisitorMessageWrapper {
  height: 120px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}

#ErrorReport {
  display: none;
}
#ErrorFieldAll {
  color: #f00;
  background-color: #fff;
  padding: 5px;
  border: inset 2px #000000;
  font-size: 14px;
  width: 100%;
}

.backToFormsText{
    color:#654321;
	font-weight: bold;
	min-width: 300px;
}

.InfoIconDisplay {
  font-size: 20px;
  margin-left: 5px;
  color: blue;
}
.InfoIconDisplaySign {
  font-size: 20px;
  margin-left: 15px;
  color: blue;
}

/*Work Order Form*/
#MAINTENANCE {
  display: none;
}
#WorkOrderASSWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#WorkOrderFirstNameWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#WorkOrderLastNameWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#WorkOrderAddressWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#WorkOrderEmailWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#WorkOrderPhoneWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#WorkOrderPhone2Wrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#WorkOrderServiceRequestWrapper {
  height: 140px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}

/* Work Irder Error Message*/
#WOErrorFieldAll {
  color: #f00;
  background-color: #fff;
  padding: 5px;
  border: inset 2px #000000;
  font-size: 14px;
  width: 100%;
}
#WOErrorReport {
  display: none;
}
/* Work Order Sucess Message ID's */
#WOSUSMessageWrapper {
  display: none;
}
#WOSUSCompleteText {
  font-size: 14px;
  color: #006;
  background-color: #fff;
  padding: 6px;
  border: inset medium #0c0;
}
/* Work Order Error Message (Not Sent) */
#WOErrorMessageWrapper {
  display: none;
}
#WOErrorCompleteText {
  font-size: 14px;
  color: #000;
  background-color: #fff;
  padding: 6px;
  border: inset thin #f00;
}

/*Incident Form*/
#INCIDENT {
  display: none;
}
#IncidentAssociationWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#IncidentFirstNameWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#IncidentLastNameWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#IncidentAddressWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#IncidentEmailFormFieldWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#IncidentphoneWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#Incidentphone2Wrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#IncidentDateWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#IncidentdescriptionWrapper {
  height: 140px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#MeetingfrequencyWrapper {
  height: 140px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
/*Work Order Error*/

/* Work Irder Error Message*/
#IncidentErrorFieldAll {
  color: #f00;
  background-color: #fff;
  padding: 5px;
  border: inset 2px #000000;
  font-size: 14px;
  width: 100%;
}
#IncidentErrorReport {
  display: none;
}
/* Work Order Sucess Message ID's */
#IncidentSUSMessageWrapper {
  display: none;
}
#IncidentSUSCompleteText {
  font-size: 14px;
  color: #006;
  background-color: #fff;
  padding: 6px;
  border: inset medium #0c0;
}
/* Work Order Error Message (Not Sent) */
#IncidentErrorMessageWrapper {
  display: none;
}
#IncidentErrorCompleteText {
  font-size: 14px;
  color: #000;
  background-color: #fff;
  padding: 6px;
  border: inset thin #f00;
}

/*Owner information update Form*/
#OWNERINFO {
  display: none;
}
#OwnerAssociationWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#OwnerFNFormFieldWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#OwnerLNFormFieldWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#OwnerADDFormFieldWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#OwnerUnitNumFieldWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#OwnerEmailFormFieldWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#OwnerHPhoneFormFieldWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#OwnerCellOneFormFieldWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#OwnerCellTwoFormFieldWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#OwnerMailDifferentWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}

#OwnerEMGFNFormFieldWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#OwnerEMGLNFormFieldWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#OwnerEMGCellOneFormFieldWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#OwnerEMGCellTwoFormFieldWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#OwnerEMGSignFormFieldWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#OwnerEMGDateFormFieldWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}

/* Work Irder Error Message*/
#OwnerErrorFieldAll {
  color: #f00;
  background-color: #fff;
  padding: 5px;
  border: inset 2px #000000;
  font-size: 14px;
  width: 100%;
}
#OwnerErrorReport {
  display: none;
}
/*Bottom Error Holder*/
#OwnerErrorFieldAllTwo {
  color: #f00;
  background-color: #fff;
  padding: 5px;
  border: inset 2px #000000;
  font-size: 14px;
  width: 100%;
}
#OwnerErrorReportTwo {
  display: none;
}

/* Work Order Sucess Message ID's */
#OwnerSUSMessageWrapper {
  display: none;
}
#OwnerSUSCompleteText {
  font-size: 14px;
  color: #006;
  background-color: #fff;
  padding: 6px;
  border: inset medium #0c0;
}
/* Work Order Error Message (Not Sent) */
#OwnerErrorMessageWrapper {
  display: none;
}
#OwnerErrorCompleteText {
  font-size: 14px;
  color: #000;
  background-color: #fff;
  padding: 6px;
  border: inset thin #f00;
}

/* Tenant off / on */
#OwnerTenantInfo {
  display: none;
}

/*Request for management proposal Form ******************************************************************************* */

#MANPRO {
  display: none;
}

#MPAssociationWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#MPFNFormFieldWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#MPLNFormFieldWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#MPADDFormFieldWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#MPUnitNumFieldWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#MPEmailFormFieldWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#MPHPhoneFormFieldWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#MPCellOneFormFieldWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#MPCellTwoFormFieldWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#MPdescriptionWrapper {
  height: 140px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#MPMailDifferentWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}

#MPEMGFNFormFieldWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#MPEMGLNFormFieldWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#MPEMGCellOneFormFieldWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#MPEMGCellTwoFormFieldWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#MPEMGSignFormFieldWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#MPEMGDateFormFieldWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}

/* Work Irder Error Message*/
#MPErrorFieldAll {
  color: #f00;
  background-color: #fff;
  padding: 5px;
  border: inset 2px #000000;
  font-size: 14px;
  width: 100%;
}
#MPErrorReport {
  display: none;
}
/* Work Order Sucess Message ID's */
#MPSUSMessageWrapper {
  display: none;
}
#MPSUSCompleteText {
  font-size: 14px;
  color: #006;
  background-color: #fff;
  padding: 6px;
  border: inset medium #0c0;
}
/* Work Order Error Message (Not Sent) */
#MPErrorMessageWrapper {
  display: none;
}
#MPErrorCompleteText {
  font-size: 14px;
  color: #000;
  background-color: #fff;
  padding: 6px;
  border: inset thin #f00;
}
/*#MANPRO{display:Block}*/

/* Coupon Book***********************************************************************/

#COUPON {
  display: none;
}

#COUPONFNFormFieldWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#COUPONLNFormFieldWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#COUPONADDFormFieldWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#COUPONAddifDifFormFieldWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#COUPONSIGNFoormFieldWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#COUPONHPDATEFormFieldWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#COUPONSignFormFieldWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#COUPONSignDateFormFieldWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}

/* Work Irder Error Message*/
#CouponErrorFieldAll {
  color: #f00;
  background-color: #fff;
  padding: 5px;
  border: inset 2px #000000;
  font-size: 14px;
  width: 100%;
}
#CouponErrorReport {
  display: none;
}
/* Work Order Sucess Message ID's */
#CouponSUSMessageWrapper {
  display: none;
}
#CouponSUSCompleteText {
  font-size: 14px;
  color: #006;
  background-color: #fff;
  padding: 6px;
  border: inset medium #0c0;
}
/* Work Order Error Message (Not Sent) */
#CouponErrorMessageWrapper {
  display: none;
}
#COUPONErrorCompleteText {
  font-size: 14px;
  color: #000;
  background-color: #fff;
  padding: 6px;
  border: inset thin #f00;
}

/* Request for Alteration Form***********************************************************************/

#RFORAF {
  display: none;
}

#RAFAssociationWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#RAFFNFormFieldWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#RAFLNFormFieldWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#RAFADDFormFieldWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#RAFUnitNumFieldWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#RAFEmailFormFieldWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#RAFHPhoneFormFieldWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#RAFCellOneFormFieldWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#RAFCellTwoFormFieldWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#RAFdescriptionWrapper {
  height: 140px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#RAFMailDifferentWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}

#RAFEMGFNFormFieldWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#RAFEMGLNFormFieldWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#RAFEMGCellOneFormFieldWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#RAFEMGCellTwoFormFieldWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#RAFEMGSignFormFieldWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#RAFEMGDateFormFieldWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}

/* Work Irder Error Message*/
#RAFErrorFieldAll {
  color: #f00;
  background-color: #fff;
  padding: 5px;
  border: inset 2px #000000;
  font-size: 14px;
  width: 100%;
}
#RAFErrorReport {
  display: none;
}
/* Work Order Sucess Message ID's */
#RAFSUSMessageWrapper {
  display: none;
}
#RAFSUSCompleteText {
  font-size: 14px;
  color: #006;
  background-color: #fff;
  padding: 6px;
  border: inset medium #0c0;
}
/* Work Order Error Message (Not Sent) */
#RAFErrorMessageWrapper {
  display: none;
}
#RAFErrorCompleteText {
  font-size: 14px;
  color: #000;
  background-color: #fff;
  padding: 6px;
  border: inset thin #f00;
}
/*#RFORAF{display:Block}*/
/* End Request for Alteration Form***********************************************************************/

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

#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: 6%;
  height: 28px;
  background-color: #ccc;
  float: left;
}
.ContactIcon {
  color: #009;
  padding-left: 16%;
  padding-top: 5px;
  float: left;
}

.ContactIconSM {
  color: #009;
  padding-left: 20%;
  padding-top: 6px;
  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;
}

/*Incident Form*/

#TITLECOMPANY {
  display: none;
}
#TitleCompanyAssociationWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#TitleCompanyAddressWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#TitleCompanyFirstNameWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#TitleCompanyBuyersPhoneWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#TitleCompanyEmailWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#TitleCompanyLastNameWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#TitleCompanyDateWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#TitleFileNumberWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#TitleCompanyCloseCompanyWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}

#TitleCompanyClosingAgentWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#TitleCompanyphoneWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}

#TitleCompanyEmailWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}
#TitleCompanyBuyersPhoneWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}

#TitleCompanyBuyersEmailWrapper {
  height: 32px;
  width: 100%;
  border: inset 2px #ccc;
  background-color: #fff;
}

/*Work Order Error*/

/* Work Irder Error Message*/
#TitleCompanyErrorFieldAll {
  color: #f00;
  background-color: #fff;
  padding: 5px;
  border: inset 2px #000000;
  font-size: 14px;
  width: 100%;
}
#TitleCompanyErrorReport {
  display: none;
}
/* Work Order Sucess Message ID's */
#TitleCompanySUSMessageWrapper {
  display: none;
}
#TitleCompanySUSCompleteText {
  font-size: 14px;
  color: #006;
  background-color: #fff;
  padding: 6px;
  border: inset medium #0c0;
}
/* Work Order Error Message (Not Sent) */
#TitleCompanyErrorMessageWrapper {
  display: none;
}
#TitleCompanyErrorCompleteText {
  font-size: 14px;
  color: #000;
  background-color: #fff;
  padding: 6px;
  border: inset thin #f00;
}
/*Buttons*/

.btn.btn-default {
  color: white !important;
}
.btn.btn-default:hover {
  border: inset 1px #000000;
  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:hover {
  background-color: blue !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 {
  font-size: 14px;
  color: #fff !important;
  padding-left: 18px;
  padding-right: 18px;
}

.ButtonCpaddingColor {
  color: #fff !important;
}

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

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

@media (max-width: 1400px) {

#MAINTENANCE .ButtonCpadding {
	padding-left: 3px;
    padding-right: 3px;
}

#MAINTENANCE .ButtonCpaddingClear{
	padding-left: 4px;
    padding-right: 4px;
}

#MAINTENANCE .ButtonCpaddingCancel{
	padding-left: 4px;
    padding-right: 4px;
}

}


@media (max-width: 1200px) {

#MAINTENANCE .ButtonCpadding {
	padding-left: 0px;
    padding-right: 0px;
}

#MAINTENANCE .ButtonCpaddingClear{
	padding-left: 3px;
    padding-right: 3px;
}

#MAINTENANCE .ButtonCpaddingCancel{
	padding-left: 3px;
    padding-right: 3px;
}

}




@media (max-width: 991px) {
	
#MAINTENANCE .ButtonCpadding {
	padding-left: 12px;
    padding-right: 12px;
	margin-bottom: 10px;
}

#MAINTENANCE .ButtonCpaddingClear{
	padding-left: 16.5px;
    padding-right: 16.5px;
	margin-bottom: 10px;
}

#MAINTENANCE .ButtonCpaddingCancel{
	padding-left: 16px;
    padding-right: 16px;
}	
	
	.ImageUplodHere{
		margin-top: 20px;
	}	
	
	
}


/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/

.GoToTop {
  background: #ffc107;
  width: 36px;
  height: 36px;
  color: white;
  border-radius: 50%;
  text-align: center;
  line-height: 15px;
  vertical-align: middle;
  padding: 10px;
  opacity: 1;
}

.GoToTop:hover {
  opacity: 0.6;
  transition: 0.3s;
  color: white;
}

/*--------------------------------------------------------------
# recaptcha
--------------------------------------------------------------*/

#recaptcha-statement {
  display: none;
}

@media (max-width: 991px) {
  .grecaptcha-badge {
    visibility: hidden;
  }

  #recaptcha-statement {
    margin-top: 3em;
    text-align: center;
    display: block;
  }
}