.formclass {
  margin:10px auto;
  width:100%;
}
.formclass td {text-align:left;}
.formclass td.col1{
  margin: 0;
  padding: 5px 10px 3px 20px;
  width:20%;
  text-align:right;
  vertical-align:top;
}
.formclass td.col2 {
  margin:0;
  padding-bottom:5px;
  text-align: left;
}
.formclass .form_error {
  white-space:nowrap;
  color:red;
}
.formclass td.required label{
  font-weight:bold;
}

.formclass tr.pad_left td.col1,
.formclass tr.pad_left td.col2{
  padding-left:5%;
  text-align:left;
}
.formclass tr.pad_left td.col2{
  padding-left:5%;
}
  .formclass tr.pad_left textarea.full_width{
    width:84%;
  }


.formclass input,
.formclass select,
.formclass textarea,
.formclass table label{
  padding:2px 4px;
  font-size:1em;
  font-family:Trebuchet, "Trebuchet MS";
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  background:#f4f4f4;
  border-width:2px;
  border-color:#808080;
}
.formclass input:focus,
.formclass select:focus,
.formclass textarea:focus,
.formclass table label:hover{
  color:#254f75;
  border-color:#254f75;
}

.formclass .submit{
  border-style:outset;
}
.formclass .submit:focus,
.formclass .submit:hover{
  color:#060;
  border-color:#060;
  cursor:pointer;
}

.formclass input.full_width,
.formclass textarea.full_width{
  width:80%;
}

.formclass textarea{
  min-height:120px;
}


/*for nested radio and checkbox tables */
.formclass table {
  margin:5px;
  border-collapse: collapse;
}
  .formclass .pad_left table{
    margin-left:10px;
  }
.formclass table p{
  position:relative;
}
  .formclass .pad_left table p{
    margin-right:30px !important;
  }
  
.formclass table label{
  display:inline-block;
  padding-left:30px;
  width:80%;
  border-style:outset;
  font-size:1em;
}
.formclass table input{
  position:absolute;
  left:5px;
  top:5px;
}