.formclass {
  position:relative;
  margin: 0;
  width:580px;
  left:50%;
  margin-left:-290px;
  clear:both;
}
.formclass td {
  text-align:left;
  vertical-align:top;
  padding:5px;
}
.formclass td.col1 {
  margin: 0;
  text-align:right;
  font-weight:bold;
  color:#4b4b4b;
  width:20%;
}
  .formclass td.required{
    font-weight:bold;
    color:#000;
  }
.formclass td.col2 {
  text-align: left;
}
.formclass .form_error {
  color:red;
}

/*-- radios and checkboxes --*/
.formclass table {
  width:100%;
}

.formclass input,
.formclass textarea,
.formclass table td p{
  border:2px inset #b5b5b5;
  background:#eee;
  padding:2px 4px;
  font-family:inherit;
  font-size:100%;
  width:95%;
  margin-left:1%;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}

.formclass textarea{
  font-size:15px;
  min-height:75px;
}


.formclass table td p{
  margin-left:0;
  margin-right:1%;
}
.formclass table input{
  border:0;
}

.formclass input:hover,
.formclass textarea:hover,
.formclass .submit_btns input:hover,
.formclass table td p:hover {
  color:#2a680f;
  border-color:#329115;
  background:#f7fff7;
}

.formclass input:focus,
.formclass textarea:focus,
.formclass table td p.focus{
  color:#0f3368;
  border-color:#154791;
  background:#f7faff;
}

.formclass table input,
.formclass .submit_btns input,
.formclass table td{
  width:auto;
}

.formclass .submit_btns input{
  margin-top:10px;
  font-size:110%;
  border-style:outset;
  cursor:pointer;
}

.formclass .example,
.formclass p.description{
  color:#818181;
}
.formclass p.description{
  margin-left:12px;
}