.input-title {
  font-size: 18px;
  line-height: 35px;
  text-align: center;
  color: #ffffff; background:#484b68; text-transform:uppercase
}

.input {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 100%;
  vertical-align: top;
  margin: 0 0 0px;
}

.input.disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.input.disabled input[disabled] {
  cursor: not-allowed;
}

.input__field {
  position: relative;
  display: block;
  float: right;
  border: none;
  border-radius: 0;
  width: 60%;
  text-indent: 2px; font-size:13px;
  -webkit-appearance: none;
  /* for box shadows to show on iOS */
}

.input__field:focus {
  outline: none;
}

.input__label {
  display: inline-block;
  float: right;
  padding: 0;
  text-indent: 12px;
  width: 40%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.input__label-content {
  position: relative;
  display: block;
  width: 100%;
  font-size:16px;
  color: #ffffff;
}
/* Individual styles */
/* Haruki */
.input--haruki { 
}

.input__field--haruki {
  width: 100%;
  background: transparent;
  color: #000000; line-height:35px; padding:0px 2%;
}

.input__label--haruki {
  position: absolute;
  width: 100%;
  text-align: left;
  pointer-events: none;
}

.input__label-content--haruki {
  -webkit-transition: -webkit-transform false false, 0.25s false false, cubic-bezier(0, 0.42, 0.4, 1.21) false false;
  -moz-transition: -moz-transform false false false, 0.25s false false false, cubic-bezier(0, 0.42, 0.4, 1.21) false false false;
  -o-transition: -o-transform false false false, 0.25s false false false, cubic-bezier(0, 0.42, 0.4, 1.21) false false false;
  transition: transform, 0.25s, cubic-bezier(0, 0.42, 0.4, 1.21); color:#000000; padding:5px 0px;
}

.input__label--haruki::before,
.input__label--haruki::after {
  content: '';
  position: absolute;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 1px;
  background: #000000;
  -webkit-transition: bg false false, 0.25s false false, cubic-bezier(0, 0.42, 0.4, 1.21) false false;
  -moz-transition: bg false false false, 0.25s false false false, cubic-bezier(0, 0.42, 0.4, 1.21) false false false;
  -o-transition: bg false false false, 0.25s false false false, cubic-bezier(0, 0.42, 0.4, 1.21) false false false;
  transition: bg, 0.25s, cubic-bezier(0, 0.42, 0.4, 1.21);
}

.input__label--haruki::before {
  top: 0;
}

.input__label--haruki::after {
  bottom: 0;
}

.input__field--haruki:focus + .input__label--haruki .input__label-content--haruki,
.input--filled .input__label-content--haruki {
  -webkit-transform: translate3d(0, -90%, 0);
  transform: translate3d(0, -90%, 0);
  color: #7266ba;
}

.input__field--haruki:focus + .input__label--haruki::before,
.input--filled .input__label--haruki::before {
  background: #7266ba;
}

.input__field--haruki:focus + .input__label--haruki::after,
.input--filled .input__label--haruki::after {
  background: #7266ba;
}

/* Hoshi */
.input--hoshi {
  overflow: hidden;
  padding-top: 24px;
}

.input__field--hoshi {
  width: 100%;
  background: transparent;
  color: #ffffff;
}

.input__label--hoshi {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  text-align: left;
  pointer-events: none;
}

.input__label-content--hoshi {
  position: absolute;
  bottom: 0;
}

.input__label--hoshi::before,
.input__label--hoshi::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid #ffffff;
}

.input__label--hoshi::after {
  border-bottom: 1px solid #ffffff;
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  -webkit-transition: -webkit-transform false false, 0.3s false false;
  -moz-transition: -moz-transform false false false, 0.3s false false false;
  -o-transition: -o-transform false false false, 0.3s false false false;
  transition: transform, 0.3s;
}

.input__label--hoshi-color-1::after {
  border-color: #f2a654;
}

.input__label--hoshi-color-2::after {
  border-color: #ffffff;
}

.input__label--hoshi-color-3::after {
  border-color: #ff69b4;
}

.input__field--hoshi:focus + .input__label--hoshi::after,
.input--filled .input__label--hoshi::after {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.input__field--hoshi:focus + .input__label--hoshi .input__label-content--hoshi,
.input--filled .input__label-content--hoshi {
  -webkit-animation: anim-1 0.3s forwards;
  animation: anim-1 0.3s forwards;
}

.input--filled .input__label--hoshi-color-1 .input__label-content {
  color: #f2a654;
}

.input--filled .input__label--hoshi-color-2 .input__label-content {
  color: #ffffff;
}

.input--filled .input__label--hoshi-color-3 .input__label-content {
  color: #ff69b4;
}

@-webkit-keyframes anim-1 {
  50% {
    opacity: 0;
    -webkit-transform: translate3d(24px, 0, 0);
    -moz-transform: translate3d(24px, 0, 0);
    -ms-transform: translate3d(24px, 0, 0);
    -o-transform: translate3d(24px, 0, 0);
    transform: translate3d(24px, 0, 0);
  }
  51% {
    opacity: 0;
    -webkit-transform: translate3d(-24px, -42px, 0);
    -moz-transform: translate3d(-24px, -42px, 0);
    -ms-transform: translate3d(-24px, -42px, 0);
    -o-transform: translate3d(-24px, -42px, 0);
    transform: translate3d(-24px, -42px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, -42px, 0);
    -moz-transform: translate3d(0, -42px, 0);
    -ms-transform: translate3d(0, -42px, 0);
    -o-transform: translate3d(0, -42px, 0);
    transform: translate3d(0, -42px, 0);
  }
}

@keyframes anim-1 {
  50% {
    opacity: 0;
    -webkit-transform: translate3d(24px, 0, 0);
    -moz-transform: translate3d(24px, 0, 0);
    -ms-transform: translate3d(24px, 0, 0);
    -o-transform: translate3d(24px, 0, 0);
    transform: translate3d(24px, 0, 0);
  }
  51% {
    opacity: 0;
    -webkit-transform: translate3d(-24px, -42px, 0);
    -moz-transform: translate3d(-24px, -42px, 0);
    -ms-transform: translate3d(-24px, -42px, 0);
    -o-transform: translate3d(-24px, -42px, 0);
    transform: translate3d(-24px, -42px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, -42px, 0);
    -moz-transform: translate3d(0, -42px, 0);
    -ms-transform: translate3d(0, -42px, 0);
    -o-transform: translate3d(0, -42px, 0);
    transform: translate3d(0, -42px, 0);
  }
}

/* Kuro */
.input--kuro {
  margin-bottom: 24px;
}

.input__field--kuro {
  width: 100%;
  background: transparent;
  color: #ffffff;
  opacity: 0;
  text-align: center;
  -webkit-transition: opacity false false, 0.25s false false, cubic-bezier(0, 0.42, 0.4, 1.21) false false;
  -moz-transition: opacity false false false, 0.25s false false false, cubic-bezier(0, 0.42, 0.4, 1.21) false false false;
  -o-transition: opacity false false false, 0.25s false false false, cubic-bezier(0, 0.42, 0.4, 1.21) false false false;
  transition: opacity, 0.25s, cubic-bezier(0, 0.42, 0.4, 1.21);
}

.input__label--kuro {
  position: absolute;
  left: 0;
  width: 100%;
  pointer-events: none;
}

.input__label-content--kuro {
  background: #ffffff;
  color: #333333;
  text-align: center;
  z-index: 1;
}

.input__label--kuro::before,
.input__label--kuro::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  border: 1px solid #ffffff;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
}

.input__label--kuro::before {
  border-right: none;
}

.input__label--kuro::after {
  left: 50%;
  border-left: none;
}

.input__field--kuro:focus,
.input--filled .input__field--kuro {
  opacity: 1;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.input__field--kuro:focus + .input__label--kuro::before,
.input--filled .input__label--kuro::before {
  -webkit-transform: translate3d(-10%, 0, 0);
  transform: translate3d(-10%, 0, 0);
}

.input__field--kuro:focus + .input__label--kuro::after,
.input--filled .input__label--kuro::after {
  -webkit-transform: translate3d(10%, 0, 0);
  transform: translate3d(10%, 0, 0);
}

.input__field--kuro:focus + .input__label--kuro .input__label-content--kuro,
.input--filled .input__label-content--kuro {
  background: transparent;
  color: #ffffff;
  -webkit-transition: background color false, 0.15s false false, ease false false, 0.15s false false;
  -moz-transition: background color false false, 0.15s false false false, ease false false false, 0.15s false false false;
  -o-transition: background color false false, 0.15s false false false, ease false false false, 0.15s false false false;
  transition: background color, 0.15s, ease, 0.15s;
}

/* Jiro */
.input--jiro {
  margin-top: 20px;
}

.input__field--jiro {
  width: 100%;
  background: transparent;
  color: #ffffff;
  opacity: 0;
  -webkit-transition: opacity false false, 0.3s false false;
  -moz-transition: opacity false false false, 0.3s false false false;
  -o-transition: opacity false false false, 0.3s false false false;
  transition: opacity, 0.3s;
}

.input__label--jiro {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: left;
  pointer-events: none;
}

.input__label-content--jiro {
  -webkit-transition: -webkit-transform false false, 0.3s false false, 0.3s false false;
  -moz-transition: -moz-transform false false false, 0.3s false false false, 0.3s false false false;
  -o-transition: -o-transform false false false, 0.3s false false false, 0.3s false false false;
  transition: transform, 0.3s, 0.3s;
}

.input__label--jiro::before,
.input__label--jiro::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform false false, 0.3s false false;
  -moz-transition: -moz-transform false false false, 0.3s false false false;
  -o-transition: -o-transform false false false, 0.3s false false false;
  transition: transform, 0.3s;
}

.input__label--jiro::before {
  border-top: 1px solid #ffffff;
  -webkit-transform: translate3d(0, 100%, 0) translate3d(0, -2px, 0);
  -moz-transform: translate3d(0, 100%, 0) translate3d(0, -2px, 0);
  -ms-transform: translate3d(0, 100%, 0) translate3d(0, -2px, 0);
  -o-transform: translate3d(0, 100%, 0) translate3d(0, -2px, 0);
  transform: translate3d(0, 100%, 0) translate3d(0, -2px, 0);
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
  opacity: 1;
}

.input__label--jiro::after {
  z-index: -1;
  background: #7266ba;
  -webkit-transform: scale3d(1, 0, 1);
  -moz-transform: scale3d(1, 0, 1);
  -ms-transform: scale3d(1, 0, 1);
  -o-transform: scale3d(1, 0, 1);
  transform: scale3d(1, 0, 1);
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}

.input__field--jiro:focus,
.input--filled .input__field--jiro {
  opacity: 1;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.input__field--jiro:focus + .input__label--jiro .input__label-content--jiro,
.input--filled .input__label-content--jiro {
  -webkit-transform: translate3d(0, -48px, 0);
  -moz-transform: translate3d(0, -48px, 0);
  -ms-transform: translate3d(0, -48px, 0);
  -o-transform: translate3d(0, -48px, 0);
  transform: translate3d(0, -48px, 0);
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  -moz-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  -o-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.input__field--jiro:focus + .input__label--jiro::before,
.input--filled .input__label--jiro::before {
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  opacity: 0;
}

.input__field--jiro:focus + .input__label--jiro::before,
.input--filled .input__label--jiro::before {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.input__field--jiro:focus + .input__label--jiro::after,
.input--filled .input__label--jiro::after {
  -webkit-transform: scale3d(1, 1, 1);
  -moz-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  -moz-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  -o-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

/* Minoru */
.input__field--minoru {
  width: 100%;
  background: #fff;
  box-shadow: 0 0 0 2px transparent;
  color: #ffffff;
  -webkit-transition: box-shadow background false, 0.3s false false;
  -moz-transition: box-shadow background false false, 0.3s false false false;
  -o-transition: box-shadow background false false, 0.3s false false false;
  transition: box-shadow background, 0.3s;
}

.input__label--minoru {
  padding: 0;
  width: 100%;
  text-align: left;
}

.input__label-content--minoru {
  -webkit-transition: color false false, 0.3s false false;
  -moz-transition: color false false false, 0.3s false false false;
  -o-transition: color false false false, 0.3s false false false;
  transition: color, 0.3s;
}

.input__label--minoru::after {
  content: '';
  position: absolute;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 4em;
  box-shadow: 0 0 0 0;
  color: #ff69b4;
}

.input__field--minoru:focus {
  box-shadow: 0 0 0 2px #ff69b4;
}

.input__field--minoru:focus + .input__label--minoru {
  pointer-events: none;
}

.input__field--minoru:focus + .input__label--minoru::after {
  -webkit-animation: anim-shadow 0.3s forwards;
  animation: anim-shadow 0.3s forwards;
}

.input__field--minoru:focus,
.input--filled .input__field--minoru {
  background: #ff69b4;
}

.input__field--minoru:focus + .input__label--minoru .input__label-content--minoru,
.input--filled .input__label-content--minoru {
  color: #ff69b4;
}

/* Ichiro */
.input--ichiro {
  margin-top: 54px;
}

.input__field--ichiro {
  position: absolute;
  bottom: 1px;
  left: 1px;
  z-index: 100;
  display: block;
  width: calc(100% - 2px);
  background: #ffffff;
  color: #ff69b4;
  opacity: 0;
  -webkit-transform: scale3d(1, 0, 1);
  -moz-transform: scale3d(1, 0, 1);
  -ms-transform: scale3d(1, 0, 1);
  -o-transform: scale3d(1, 0, 1);
  transform: scale3d(1, 0, 1);
  -webkit-transform-origin: 50% 100% 50%;
  -moz-transform-origin: 50% 100% 50%;
  -ms-transform-origin: 50% 100% 50%;
  -o-transform-origin: 50% 100% 50%;
  transform-origin: 50% 100% 50%;
  -webkit-transition: opacity 0.3s false, -webkit-transform 0.3s false;
  -moz-transition: opacity 0.3s false false, -moz-transform 0.3s false false;
  -o-transition: opacity 0.3s false false, -o-transform 0.3s false false;
  transition: opacity 0.3s, transform 0.3s;
}

.input__label--ichiro {
  width: 100%;
  text-align: left;
  cursor: text;
}

.input__label--ichiro::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition: -webkit-transform 0.3s false, background 0.3s false;
  -moz-transition: -moz-transform 0.3s false false, background 0.3s false false;
  -o-transition: -o-transform 0.3s false false, background 0.3s false false;
  transition: transform 0.3s, background 0.3s;
}

.input__label-content--ichiro {
  color: #333333;
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-transition: -webkit-transform 0.3s false, color 0.3s false;
  -moz-transition: -moz-transform 0.3s false false, color 0.3s false false;
  -o-transition: -o-transform 0.3s false false, color 0.3s false false;
  transition: transform 0.3s, color 0.3s;
}

.input__field--ichiro:focus,
.input--filled .input__field--ichiro {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

.input__field--ichiro:focus + .input__label--ichiro,
.input--filled .input__label--ichiro {
  cursor: default;
  pointer-events: none;
}

.input__field--ichiro:focus + .input__label--ichiro::before,
.input--filled .input__label--ichiro::before {
  -webkit-transform: scale3d(1, 2, 1);
  -moz-transform: scale3d(1, 2, 1);
  -ms-transform: scale3d(1, 2, 1);

  -o-transform: scale3d(1, 2, 1);
  transform: scale3d(1, 2, 1);
  background: #ff69b4;
}

.input__field--ichiro:focus + .input__label--ichiro .input__label-content--ichiro,
.input--filled .input__label-content--ichiro {
  -webkit-transform: translate3d(0, -100%, 0);
  -moz-transform: translate3d(0, -100%, 0);
  -ms-transform: translate3d(0, -100%, 0);
  -o-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  color: #ffffff;
}

/* Kaede */
.input--kaede {
  display: block;
  overflow: hidden;
  background: #ffffff;
}

.input__field--kaede {
  position: absolute;
  top: 0;
  right: 100%;
  width: 60%;
  height: 100%;
  background: #fff;
  color: #000000;
  -webkit-transition: -webkit-transform false false, 0.25s false false, ease false false;
  -moz-transition: -moz-transform false false false, 0.25s false false false, ease false false false;
  -o-transition: -o-transform false false false, 0.25s false false false, ease false false false;
  transition: transform, 0.25s, ease;
}

.input__label--kaede {
  z-index: 10;
  display: block;
  width: 100%;
  height: 100%;
  text-align: left;
  cursor: text; height:35px; line-height:35px;
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.input__label-content--kaede {
  color: #333333;
}

.input__field--kaede:focus,
.input--filled .input__field--kaede {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.input__field--kaede:focus + .input__label--kaede,
.input--filled .input__label--kaede {
  -webkit-transform: translate3d(60%, 0, 0);
  transform: translate3d(60%, 0, 0);
  pointer-events: none;
  background: #006600 ;
}

.input__field--kaede:focus + .input__label--kaede .input__label-content--kaede,
.input--filled .input__label-content--kaede {
  color: #ffffff;
}

/* Isao */
.input__field--isao {
  z-index: 10;
  width: 100%;
  background: transparent;
  color: #ffffff;
}

.input--isao::before {
  content: '';
  position: absolute;
  bottom: 50%;
  width: 100%;
  height: 1px;
  background: #ffffff;
  -webkit-transition: height false false, 0.3s false false, cubic-bezier(0.2, 1, 0.3, 1) false false;
  -moz-transition: height false false false, 0.3s false false false, cubic-bezier(0.2, 1, 0.3, 1) false false false;
  -o-transition: height false false false, 0.3s false false false, cubic-bezier(0.2, 1, 0.3, 1) false false false;
  transition: height, 0.3s, cubic-bezier(0.2, 1, 0.3, 1);
}

.input--filled.input--isao::before {
  height: 3px;
}

.input__label--isao {
  position: relative;
  overflow: hidden;
  padding: 0;
  width: 100%;
  color: #ffffff;
  text-align: left;
}

.input__field--isao:focus + .input__label--isao {
  pointer-events: none;
}


/*simple*/
form.inputbox .inputfield{
 border: 1px solid #ccc;
    box-shadow: 0 1px 3px #ddd inset;
    box-sizing: border-box;
    display: inline-block;
    padding: 5px 10px; font-size:15px;
    width: 100%;
	color:#000000; line-height:auto}

.custom_inputfield{
 border: 1px solid #ccc;
    box-shadow: 0 1px 3px #ddd inset;
    box-sizing: border-box;
    display: inline-block;
    padding: 5px 10px; font-size:15px;
    width: 100%;
	color:#000000;}
	
.mandatory{
 border: 1px solid red !important;}

.optionalfield{
 border: 1px solid yellow !important;}
  
 .validated{
 border: 1px solid green !important;}
	
	form.inputbox label{font-size:13px; color:#000000;}form.inputbox font{font-size:18px;}
	
	form.inputbox .b-profile .inputfield{
 border-bottom: 1px solid #ffffff; background:none;
    border-radius: 0px;
    box-shadow: none;
    box-sizing: border-box;
    display: inline-block;
    margin: 5px 0;
    padding: 5px 10px; font-size:13px;
    width: 100%;}
	
	form.inputbox .b-profile label{font-size:13px;}
	form.inputbox .b-profile font{font-size:18px;}
	
input.imgradio[type="radio"], input.imgradio2[type="radio"] {
   width: 100%;
    height: 85px;
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0;

}


input.imgradio[type="radio"] + label img {
    /*border: 1px solid #000000;*/width:62px;
}
/*input.imgradio[type="radio"]:checked + label img {
    border: 1px solid #ffffff;
}*/




input.imgradio[type="radio"] + label{float:left; padding:5px; margin:0px 0px 0px 0px; width:85px; height:85px;}
  
  
  input.imgradio[type="radio"] + label img {
   /* border: 5px solid #eb004d;*/ border-radius:50px; opacity:1; width:100%
}



.radiotextbox_4col input.imgradio[type="radio"] + label{float:left; margin:0px 10px 10px 0px; width:45px; height:45px;}
.radiotextbox_4col input.imgradio[type="radio"] + label img {
    /*border: 7px solid #ffffff;*/ border-radius:0px !important; opacity:.8; width:100%
}



input.imgradio[type="radio"]:checked + label img {
     /*border: 5px solid #ffffff;*/ border-radius:50px; opacity:1
}

.radiotextbox_4col input.imgradio[type="radio"]:checked + label img {
     /*border: 3px solid #ff0000;*/ border-radius:50px; opacity:1
}

.radiobutton :hover,  .radiobutton2:hover{cursor:pointer}

  .radiobutton2{ position:relative; min-height:91px; border:3px solid #ff3f7e; }
  .radiobutton2 label{width:85px; height:85px; float:left; padding:5px;}
 .radiobutton2 p{  text-align:left;  float:left; width:65%; line-height: 22px; font-size:18px; margin-bottom:0px; padding-left:10px;  padding-top:7px; font-weight:bold}
.radiobutton2 p i{ text-align:left; font-style:normal; font-size:12px; float:left; font-weight:normal; width:150px}
.radiobutton2 p span{float:right; font-weight:bold;}
   input.imgradio2[type="radio"] + label img {
   /* border: 5px solid #ff3f7e ;*/ border-radius:50px;
}
input.imgradio2[type="radio"]:checked + label img {
    /*border: 5px solid #ffffff;*/  border-radius:50px; 
}
.inputfield{
 border: 1px solid #ccc;
    box-shadow: 0 1px 3px #ddd inset;
    box-sizing: border-box;
    display: inline-block;
    padding: 5px 10px; font-size:15px;
    width: 100%;
	color:#000000;}