.register-form .section-nav-wrapper {
  width: 100%;
  clear: both;
  display: inline-block;
  border-bottom: 1px solid #f1f1f1;
}
.register-form .section-nav {
  float: left;
  padding: 6px 10px;
  border: 1px solid #cdcdcd;
  border-right: 0px;
  background-color: #aaa;
  background: #fff;

border: 1px solid #f1f1f1;

    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(241, 241, 241);

border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgb(241, 241, 241);
border-bottom: 0;
border-radius: 3px 3px 0 0;
color: #bbbaba;
display: block;
font-size: 12px;
font-weight: normal;
margin: 0;
overflow: hidden;
padding: 5px 15px;
text-shadow: none;
-moz-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
-webkit-transition: all 0.1s linear;
transition: all 0.1s linear;
}

.register-form .allow-navigation .section-nav {
  cursor: pointer;
  user-select: none;
}

.register-form .allow-navigation .section-nav:hover,
.register-form .section-nav.active {
  background: #9dc02e;
  border-color: #93b42b;
  color: #fff;
  text-decoration: none;
}
.register-form .section-nav.active {
  /* font-weight: bold; */
}

.register-form .section-personal .container-inline-date {
    padding-right: 10px;
    padding-top: 12px;
    min-width: 220px;
    width: 100%;
    min-width: 320px;
    float: left;
}

.register-form .submit-wrapper .form-submit {
  margin-right: 15px;
}

.register-form .form-type-textfield {
  padding-right: 10px;
  padding-top: 12px;
  min-width: 220px;
  width: 100%;
  min-width: 320px;
  float: left;
}

.register-form .form-item-gender,
.register-form .form-item-id-currentstatus,
.register-form .form-item-ethnicity,
.register-form .form-item-te-reo-level,
.register-form .form-item-iwi {
  padding-right: 10px;
  padding-top: 12px;
  min-width: 220px;
  width: 100%;
  min-width: 320px;
  float: left;
}

.register-form .form-item-mobile,
.register-form .form-item-gender,
.register-form .form-item-health-role-connections,
.register-form .section-education .form-type-select {
  clear: left;
  float: left;
}

.register-form .form-item-terms-conditions,
.register-form .form-item-profile-featured {
  padding-top: 10px;
  float: left;
  width: 100%;
}

.register-form .submit-wrapper {
  clear: both;
  margin-top: 20px;
  float: left;
}

.register-form .form-item-home-country {
  clear: both;
  float: left;
  width: 100%;
}

.register-form .ep-submit {
  background-color: transparent;
  color: #8B2331;
  text-decoration: underline;
  padding: 0;
  text-transform: none;
}

.register-form .ep-submit:hover {
  text-decoration: underline;
  background-color: transparent;
  color: inherit;
}


/*.register-form .form-item-career-choice-1 label,
.register-form .form-item-career-choice-2 label,*/
.register-form .form-item label {
  clear: both;
  display: block;
}
.register-form .form-item.form-type-checkbox label {
  clear: none;
  display: inline;
}

.register-form .form-item-career-choice-1,
.register-form .form-item-career-choice-2,
.register-form .form-item-career-choice-3 {
  padding-right: 10px;
  padding-top: 10px;
  float: left;
  clear: left;
  width: 100%;
}
.register-form .section-pathway .form-item.form-item-career-choice-1-other,
.register-form .section-pathway .form-item.form-item-career-choice-2-other,
.register-form .section-pathway .form-item.form-item-career-choice-3-other {
  /*width: 50%;*/
  float: left;
}

.register-form .section-education .form-type-select label {
  clear: both;
  display: block;
  
}

.register-form .section-education .form-type-select {
  padding-right: 10px;
  padding-top: 10px;
  width: 100%;
}
.register-form .section-education .form-type-select.form-item-health-related-course label {
  clear: none;
  display: inline;
}
.register-form .section-education .form-item-name-institute {
  clear: left;
}

/* date wrapper */
.register-form .date-wrapper {
  /*width: 100%;*/
  display: inline-block;
}
.register-form .date-wrapper .form-type-date-select label {
  clear: both;
  display: block;
}
.register-form .date-wrapper .container-inline-date {
  clear: none;
}

/* address field styles */
.register-form  .form-item-study-street,
.register-form  .form-item-study-suburb,
.register-form  .form-item-study-city,
.register-form  .form-item-study-postcode,
.register-form  .form-item-home-street,
.register-form  .form-item-home-suburb,
.register-form  .form-item-home-city,
.register-form  .form-item-home-postcode {
  float: left;
  padding-top: 0;
}
.register-form  .form-section-description {
  margin-top: 12px;
  margin-bottom: -5px;
  clear: both;
  float: left;
  width: 100%;
  /*border-bottom: 1px solid #aaa;*/
}

/* work item wrapper */
.register-form .work-item-wrapper .form-type-textfield {
  float: left;
  padding-right: 10px;
  max-width: 320px;
  padding-top: 12px;
  width: 50%;
  min-width: 220px;
}

.register-form .work-item-wrapper .form-type-textfield label,
.register-form .work-item-wrapper .form-type-password label {
  clear: both;
  display: block;
}

.register-form .work-item-wrapper .date-wrapper .container-inline-date,
.register-form .section-extras .container-inline-date {
  float: left;
}
.register-form .section-extras .ep-submit,
.register-form .section-employment .ep-submit {
  margin-top: 15px;
  float: right;
}
.register-form .section-extras .form-type-textarea {
  margin-top: 30px;
  float: left;
  clear: both;
  width: 100%;
}
.register-form .work-item-wrapper .form-type-textarea {
  float: none;
  clear: both;
}

.register-form .work-item-wrapper {
  padding-bottom: 49px;
}

.register-form .work-item-wrapper .ep-btn-remove {
  float: right;
}

.register-form .section {
  display: none;
}

.register-form .section.active-section {
  display: block;
}

/* section-location */
.register-form .section-location .form-item-region-id,
.register-form .section-location .form-item-dhb-id {
  z-index: 2;
  position: relative;
  clear: both;
  float: left;
  width: 100%;
}

/* region map */
.register-form #region-map {
  position: relative;
}

.register-form #region-map .bg-image {
  width: 534px;
  height: 545px;
  background: url("img/RegionalMap.jpg") no-repeat transparent;
  display: block;
  margin: 0 10px;
  padding: 5px;
}
.register-form #region-map .fg-image {
  width: 534px;
  height: 545px;
  display: block;
  position: absolute;
  z-index: 2;
  margin: 0 10px;
  padding: 5px;
}

.register-form #region-map .hover-image {
  width: 534px;
  height: 545px;
  background: url("img/rm_blank.png") no-repeat transparent;
  display: block;
  position: absolute;
  z-index: 1;
  margin: 0 10px;
  padding: 5px;
}

.register-form #region-map .hover-image[rel="northern"] {
  background: url("img/rm_northern.png") no-repeat transparent;
}
.register-form #region-map .hover-image[rel="midlands"] {
  background: url("img/rm_midlands.png") no-repeat transparent;
}
.register-form #region-map .hover-image[rel="central"] {
  background: url("img/rm_central.png") no-repeat transparent;
}
.register-form #region-map .hover-image[rel="te_waipounamu"] {
  background: url("img/rm_te_waipounamu.png") no-repeat transparent;
}

.register-form input[type="text"], 
.register-form input[type="color"], 
.register-form input[type="date"], 
.register-form input[type="datetime"], 
.register-form input[type="datetime-local"], 
.register-form input[type="email"], 
.register-form input[type="password"], 
.register-form input[type="number"], 
.register-form input[type="month"], 
.register-form input[type="password"], 
.register-form input[type="search"], 
.register-form input[type="tel"], 
.register-form input[type="time"], 
.register-form input[type="url"], 
.register-form input[type="week"], 
.register-form textarea, 
.register-form select {

  background: #fff;
  border: 1px solid #f1f1f1;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #777777 !important;
  font: 14px Arial, Helvetica, sans-serif;
  max-width: 100%;
  padding: 15px 20px;
      padding-top: 15px;
      padding-right: 20px;
  padding-right: 10px;
  padding-top: 12px;
  min-width: 220px;
  width: 50%;
  min-width: 320px;
  float: left;

}

#edit-dob-day
{
  width: 33%;
  min-width: 100px;
}

#edit-dob-month
{
  width: 33%;
  min-width: 100px;
}

#edit-dob-year {
  width: 33%;
  min-width: 100px;
}

.form-item.form-type-date-select.form-item-dob {

  width: 100%;

}