/***********
 * SIDEBAR *
 ***********/

#right {
  background: #fff url(/plugins/membership/images/join_us.png) 18px 4px no-repeat;
  padding-top: 167px;
}

/********************
 * MEMBERSHIP RATES *
 ********************/

.membership-rate,
.membership-group {
  background-color: #fff;
  border: 1px solid #88a634;
  margin-bottom: 10px;
  padding: 10px 12px;
  padding: 1px;
}

.membership-rate .content,
.membership-group {
  border-left: 4px solid #8dbb31;
  height: 100%;
  overflow: hidden;
  padding: 10px 12px;
}

.membership-rate h5,
.membership-group h5 {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  margin: 2px 0 14px;
}

.membership-rate .details,
.membership-group .details {
  float: left;
  width: 400px;
}

.membership-rate .join-now,
.membership-group .join-now {
  background: transparent url(/page_templates/common/images/btn_join_now.gif) left top no-repeat;
  float: right;
}

.membership-rate .join-now a,
.membership-group .join-now a {
  display: block;
  height: 66px;
  width: 65px;
}

.membership-rate .join-now a span,
.membership-group .join-now a span {
  display: none;
}


/*******************
 * MEMBERSHIP FORM *
 *******************/

#membership_package_description {
  width: 70%;
}

#membership_package_description h5 {
  font-size: 16px;
  font-weight: normal;
  line-height: 16px;
  margin-bottom: 10px;
}

#membership_step_progress {
  border-top: 1px dotted #ccc;
  font-size: 13px;
  margin-bottom: 10px;
  margin-top: 10px;
  padding-top: 10px;
  text-align: right;
}

#form_membership_subscription {}

#form_membership_subscription .form-buttons {
  margin-top: 6px;
}

#form_membership_subscription .form-month,
#form_membership_subscription .form-year {
  width: 127px;
}

#form_membership_subscription .form-month {
  margin-right: 5px;
}

#form_membership_subscription #ipg_error {
  margin-bottom: 12px;
}

#additional_members {
  border-top: 1px dotted #ccc;
  font-size: 13px;
  margin-bottom: 10px;
  margin-top: 10px;
  padding-top: 10px;
}


/***************************
 * MEMBERSHIP CONFIRMATION *
 ***************************/

#membership_confirmation {}

#membership_confirmation p {
  margin-bottom: 6px !important;
}

#membership_confirmation .details dl {
  margin: 10px 0 0;
}

#membership_confirmation .form-buttons {
  margin-top: 6px;
}