.registration-form {
  background-color: #e7ecf5;
  padding: 1em !important;
	margin: 1em 0;
}

.form-group {
  margin-bottom: 1em;
}

.form-group label {
  display: block;
  margin-bottom: 0.3em;
  font-weight: bold;
}

.form-group input,
.form-group select,
.form-group textarea {
  width: 100%;
  padding: 0.4em;
  box-sizing: border-box;
}

input[type="checkbox"]{
	width: auto;
}

.checkbox-group label {
  font-weight: normal;
}

.captcha-group img {
  display: block;
  margin-bottom: 0.5em;
}

.refresh-btn {
  background-color: #eee;
  border: none;
  padding: 7px;
  margin: 10px 0;
  cursor: pointer;
}

.btn-submit {
  background-color: #508388;
  color: white;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
}

	input[type="file"] {
		max-width: 180px;
	}

  .item{
	height: <%=headerHt%> !important;
    }
    .accrdn form {
      position: relative;
      top: 100px;
      left: 100px;
      background: -webkit-linear-gradient(bottom,#eee, #eee);
      padding: 10px;
      display: inline-block;
      box-shadow: 0 1px 1px rgba(0,0,0,.65);
      border-radius: 0px;
      border: solid 1px #ddd;
      width: 450px;
      height: 555px;
  }
  .accrdn input { display: none; }
  .accrdn input:checked + label {
    background-color: #26747d;
    color: #fff;
  //background: -webkit-linear-gradient(top,rgba(0, 0, 0, 0.024),rgba(0, 0, 0, 0.024));
  //    border-top, border-left, border-right: solid 1px rgba(0,0,0,.15);
  //    border-bottom:  dashed 1px rgba(0,0,0,.15);
  //  color: white;
  //    box-shadow: 0 1px 1px rgba(0,0,0,.65), 0 1px 0 rgba(255,255,255,.1) inset;
  //  text-shadow: 0 -1px 0 rgba(0,0,0,.6);
  }
  .accrdn input:checked + label > a {
      color: #fff
  }
  .accrdn label {
    //  font-family: helvetica;
      cursor: pointer;
      display: block;
      //width: 448px;
      height: auto;
      text-align: left;
    //  line-height: 40px;
      border-radius: 0px;
      margin-bottom: 2px;
      padding: 1em;
      background-color: #ddd;
      border: 0;
     // border-top-left-radius: 5px;
     // border-top-right-radius: 5px;
	border-radius: 5px;
      font-size: 20px
  }
  .accrdn label > a {
      color: #000;
  }
  .accrdn label:last-child { margin-right: 0; }
  .accrdn label:hover {
      //background: rgba(77, 144, 100, .5);
      //border: solid 0px rgba(0,0,0,.15);
      background-color: #26747d;
      color: #fff;
  }
  .accrdn label:hover > a {
      color: #fff
  }
  .accrdn article {
      max-height: 0;
      overflow: hidden;
      -webkit-transition: max-height 0.5s cubic-bezier(1, 0, 0, 1);
      position: relative;
      top: 5px;
      margin-top: -9px;
      padding: 0 10px;
      line-height: 22px;
      background-color:  #338d98;
      margin-bottom: 20px;
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px;
      border-top: 0px;
      text-align: justify;
  }
  .accrdn article > p {
      color: #fff;
      font-size: 14px
  }

  div > input:checked ~ article { max-height: 1000px; opacity: 1; }
	.auto-style1 {
		font-size: medium;
	}
	.auto-style3 {
		font-size: medium;
		color: #000000;
	}
	.auto-style4 {
		color: #000;
	}
	.auto-style5 {
		vertical-align: middle;
		border-style: solid;
		border-width: 0px;
		margin-left: 3px;
		margin-right: 3px;
	}
	.auto-style6 {
		border-style: solid;
		border-width: 0px;
	}
	.auto-style7 {
		text-align: left;
	}