html {
    margin:    0 auto;
    max-width: 1024px;
}

body, select {
  color: #404040;
  line-height: 1.5em;
  margin: 0;
  padding: 0;
  text-rendering: optimizelegibility;
  width: auto;
  margin:5px;
  line-height:normal;
  font-family: Georgia,'Times New Roman',Times,serif;
  /*font-size: 0.875em;*/
}
span.length-counter {
  float:left;
}
select {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width:240px;
}

input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;

}
.required_target {
  display:none;
}

.clear {
  clear:both;
}
.clear_both {
  clear:both;
  display:block;
}

p.error, ul.error li, .red {
  color:#FF0000;
}
p.success {
  /*font-size:14px;*/
  font-weight:bold;
}
.required {
  float:none;
  color:#FF0000;
  width:5px;
}
fieldset {
  padding-right:20px;
  margin-bottom:10px;
}

select {
  padding:3px;
}

input[type=text]{
  width:240px;
  margin-left:8px;
  margin-bottom:8px;
  height:24px;
  line-height: 24px;
  padding-left:2px;

}

label {
  /*float:left;*/
  width:95%;
  clear:both;
  display:inline-block;
  margin:2px 0 5px 0 ;
}

legend {
  font-weight: bold;
}
.radio_buttons {
  /*width:500px;*/
  clear:both;
}

.radio_buttons label , .radio_buttons input  {
  float:left;
  clear:none;
}
.other {
  margin-left:20px;
}

.other input {
  width:95%;

}
#webpage {
  display:block;
  width : 95%;

}

textarea {
  width: 95%;

  min-height:250px;

}


.personal_information label.gender {
  /*height:50px;*/
  float:left;
}
.gender_field , .language_field, .language_preference{

  float:left;

}
.gender_field  label , .language_field label{
  width:200px;
}
.gender_field input#gender , .gender_field  label{
  /*margin-top:5px;*/
  clear:none;
  float:left;
}




.language_field  input , .language_field label{
  clear:none;
  float:left;
}

.personal_information select {
  margin-left: 8px;
}

@media all and (max-width:600px) /* HORIZONTAL PHONE */{
  label {
    /*width:350px;*/
  }
  .other input {

  }
  .personal_information label.gender {
    height:20px;
  }
  textarea {
    min-height:150px;

  }
}

@media all and (max-width:320px) /* VERTICAL PHONE */{
  label {
    /*width:230px;*/
  }
  .personal_information label.gender {
    height:20px;
  }
  textarea {
    min-height:150px;

  }
}

@media all and (min-width:321px) and (max-width:640px) {
  label {
    /*width:250px;*/
  }
  .personal_information label.gender {
    height:20px;
  }
  textarea {
    min-height:150px;

  }
}

/*@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
  label {
    width:260px;
    color:red;
  }
}

/* Portrait IPHONE 6 */
/*@media only screen and (min-device-width: 375px)  and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  label {
    width:300px;
  }
}
*/