/* CSS Document 
blue - #006699
green - #a2ad00
Dark grey text #5F5852
Grey site border (left and right) #CCCCCC
 */



form#regform {
  background-color: #ccc;
  padding: 0;
  margin: 0;

}


#regform label {
  display: block;
  width: 40%;
  clear: both;
  padding-left: 0px;
  padding-right: 50%;
  position: relative;
  height: auto;
  margin: 7px 0;
  text-align: right;
}

#regform input, #regform select {
  position: absolute;
  right: 0;
  top: 0;
  width: 50%;
  margin-right: 10px;
  padding: 0;
  border: 1px solid #5F5852;
}

#regform #Gender input {
  display: inline;
  position: relative;
  width: auto;
  margin-left: 10px;
}

#regform #Gender .Gender {
  width: 55%;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  text-align: left;
}

#regform div.submit {
  width: 12em;
  margin: 0 auto;
}

#regform input.submit {
  background-color: #006699;
  color: #fff;
  font-weight: bold;
  position: relative;
  cursor: pointer;
  margin-top: 10px;
}

#regform input.submit:hover{
  background-color: #a2ad00;
  color: #fff;
}

#regform label.textarea {
  height: auto;
  width: 100%;
  padding-right: 0;
  margin-bottom: 8px;
  text-align: left;
  padding-left: 8px;
}

#regform textarea {
  width: 95%;
  margin-left: 3px;
  margin-top: 5px;
  height: 70px;
  border: 1 solid #5f5852;
}

#regform .errMsg {
  color: #f00;
}

#regform label.lrequired {
  color: #000000;
  border: 1 solid #5F5852;
  font-weight: bold;
}

#regform label.lrequired:before {
  content: "* ";
} 


#regform fieldset {
  width: 100%;
  margin-top: 10px;
  padding: 0;
  border: 1 solid #5F5852;
}

#regform fieldset p {
	padding-left: 6px;
}

#regform legend {
  display: block;
  font-weight: bold;
  font-size: 120%;
  color: #006699;
  width: 90%;
  background-color: #cccccc;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-top: 5px;
  padding-left: 5px;
}

#regform p.note {
  font-weight: bold;
  font-style:italic;
  font-size: 1 em;
  width: 100%;
  padding-top: 15px;

}