body {
  font-family: Arial, Helvetica, Sans Serif;
  font-size: 10pt;
}
h1 {
  font-size: 14pt;
  margin-top: 0;
}
h2 {
  font-size: 12pt;
}
.address-book {
  width: 100%;
}
.address-book span.strike {
  text-decoration: line-through;
}
.address-book th {
  text-align: center;
}
.address-book th.phone .abbr, .address-book th.email .abbr {
  display: none;
}
.address-book td.mbr {
  text-align: center;
}
.address-book td.mbr.yes {
  background-image: url('/images/green-check.gif');
  background-position: center;
  background-repeat: no-repeat;
}
.address-book .mail-ico, .address-book .tel-ico {
  display: none;
}
.address-book .mail-ico.glyphicon, .address-book .tel-ico.glyphicon {
  cursor: pointer;
}
.annual-dues-view .payment-form {
  border: 1px solid black;
  padding: 5px;
  margin: 20px auto;
  text-align: center;
  width: 400px;
}
.annual-dues-view .payment-button {
  font-size: 16px;
  font-weight: bold;
  margin: 20px;
  text-align: center;
}
.annual-dues-view .payment-button input {
  font-size: 16px;
  font-weight: bold;
  text-align: right;
  width: 40px;
}
.address-edit-view td.current {
  background-color: #ccdddd;
  white-space: nowrap;
  padding-left: 1px;
  padding-right: 1px;
}
.address-edit-view td.inactive {
  background-color: #dddddd;
  color: #777777;
  white-space: nowrap;
}
.contact-edit-form .field-label {
  width: 120px;
}
.contact-edit-form .group--form-fields {
  width: 455px;
}
.contact-edit-form .group--form-fields input, .contact-edit-form .group--form-fields select {
  width: 100%;
}
.contact-edit-form .group--pri-email-group .form-field, .contact-edit-form .group--alt-email-group .form-field {
  display: inline;
}
.contact-edit-form .group--pri-email-group .field--pri-email, .contact-edit-form .group--pri-email-group .field--alt-email, .contact-edit-form .group--alt-email-group .field--pri-email, .contact-edit-form .group--alt-email-group .field--alt-email {
  display: inline-flex;
}
.contact-edit-form .group--pri-email-group .field--pri-email-invalid .field-label, .contact-edit-form .group--pri-email-group .field--alt-email-invalid .field-label, .contact-edit-form .group--alt-email-group .field--pri-email-invalid .field-label, .contact-edit-form .group--alt-email-group .field--alt-email-invalid .field-label {
  width: 0;
}
.contact-edit-form .group--pri-email-group .field--pri-email-invalid label, .contact-edit-form .group--pri-email-group .field--alt-email-invalid label, .contact-edit-form .group--alt-email-group .field--pri-email-invalid label, .contact-edit-form .group--alt-email-group .field--alt-email-invalid label {
  font-weight: normal;
  position: relative;
  top: 5px;
}
.contact-edit-form .group--pri-email-group .field-input, .contact-edit-form .group--alt-email-group .field-input {
  display: inline;
  vertical-align: top;
}
.contact-edit-form .group--pri-email-group input[type=text], .contact-edit-form .group--alt-email-group input[type=text] {
  width: 200px;
}
.contact-edit-form .group--pri-email-group .checkbox input[type=checkbox], .contact-edit-form .group--alt-email-group .checkbox input[type=checkbox] {
  margin: 8px 0 0 0;
}
.contact-edit-form .group--alt-email-group {
  margin-top: 5px;
}
.contact-edit-form .field--comment {
  display: inline;
}
.contact-edit-form .field--comment textarea {
  display: inline-block;
  margin-top: 5px;
  width: 335px;
}
.content-edit-form .group--main, .content-edit-form .group--group-1 {
  width: 100%;
}
.content-edit-form input[type=text] {
  width: 500px;
}
.content-edit-form textarea {
  height: 300px;
  margin-bottom: 80px;
  width: 800px;
}
.help-request-form .group--main {
  width: 100%;
}
.login-form .group--main {
  margin: 30px auto;
  width: 300px;
}
.login-form .group--form-actions {
  width: 100%;
}
.login-form #register-b {
  float: right;
}
.login-form .form-footnote {
  text-align: center;
}
.membership-links {
  margin: 0 auto;
}
.membership-links .years {
  padding-right: 50px;
}
.membership-table {
  margin: 0 auto;
}
.membership-table tr.member td {
  background-color: #FFFFDD;
}
.membership-table tr:hover td {
  background-color: orange;
}
.membership-table td {
  white-space: nowrap;
}
.password-recover-form {
  margin-top: 50px;
  text-align: center;
}
.password-recover-form .group--main {
  width: 100%;
}
.password-recover-form .group--recover {
  margin: 30px auto;
  width: 300px !important;
}
.password-recover-form .field--email {
  text-align: left;
}
.password-recover-form .form-buttons {
  text-align: center;
}
.register-form-container {
  display: inline-block;
  margin-top: 20px;
}
.register-form-container .register-form-help {
  float: left;
  margin-left: 20px;
  width: 220px;
}
.register-form {
  float: left;
}
.register-form input[type=text], .register-form input[type=password] {
  width: 100%;
}
.register-form form {
  float: left;
}
.register-form .field--bot-name, .register-form .field--password0 {
  display: none;
}
.register-form .group--form-actions {
  margin-left: 120px;
}
.resident-edit-form select {
  margin-bottom: 5px;
  width: 100%;
}
#member-form {
  border-spacing: 2px;
  border-collapse: separate;
}
#member-form th {
  margin: 2px;
  padding: 4px;
  font-weight: bold;
  text-align: right;
  background-color: #CCCCCC;
}
#member-form td {
  margin: 2px;
  padding: 4px;
  background-color: #EEEEEE;
}
#member-form .radio-container label {
  font-weight: normal;
  position: relative;
  top: -4px;
}
#member-form #chknum-span {
  margin-left: 20px;
  position: relative;
  top: -4px;
}
#member-form #chk-num {
  height: 18px;
  padding: 0;
}
#member-form input[type=text].attn {
  background-color: #ff0;
}
#member-form #dues {
  text-align: right;
}
#recommend_form legend, #referral_form legend {
  color: blue;
  font-weight: bold;
}
#recommend_form th, #referral_form th {
  text-align: left;
}
#recommend_form #contact_info input[type=text], #recommend_form #contact_info textarea, #referral_form #contact_info input[type=text], #referral_form #contact_info textarea {
  width: 400px;
}
#recommend_form #recommendation input[type=text], #recommend_form #recommendation textarea, #referral_form #recommendation input[type=text], #referral_form #recommendation textarea {
  width: 540px;
}
#recommend_form #recommendation .rating, #referral_form #recommendation .rating {
  height: 10px;
  width: 10px;
}
#recommend_form #buttons, #referral_form #buttons {
  margin-top: 30px;
}
#recommend_form .star-rating label, #referral_form .star-rating label {
  color: #f00;
}
#referrals .referral_head {
  width: 100%;
}
#referrals .referral_head th {
  color: blue;
  font-weight: bold;
  font-size: 12pt;
  text-align: left;
}
#referrals .referral_head td {
  font-size: 8pt;
  text-align: right;
  background-color: transparent;
}
#referrals .referral_detail th {
  vertical-align: top;
  font-weight: bold;
  text-align: right;
  white-space: nowrap;
  padding-right: 10px;
  background-color: #dddddd;
}
#referrals .referral_detail td {
  width: 90%;
  background-color: #dddddd;
}
#referrals .add_rec th, #referrals .add_rec td {
  background-color: transparent;
}