input {
  border: 1px #9999FF solid;
  background: #DDDDDD;
  margin-left:20px;
  margin-top: 3px;
  width:250px;
  }

input.half-width {
  border: inherit;
  margin-left:20px;
  margin-top: 3px;
  width:150px;
  }

input.qtr-width {
  border: inherit;
  margin-left:20px;
  margin-top: 3px;
  width:60px;
  }

input.button {
  border: inherit;
  background: #9999FF;
  color: #FFFF00;
  margin-left:20px;
  margin-top: 100px;
  width:300px;
  font-size: 1.4em;
  }

input.small_button {
  border: inherit;
  background: #ccc;
  margin-left: 0px;
  margin-top: 0px;
  width: 50px;
  }

input.chkbox {
  border:0;
  width:15px;
  margin-left:20px;
  }

select {
  border: 1px #9999FF solid;
  background: #EEEEEE;
  color: #9999FF; 
  margin-left:20px;
  margin-top: 3px;
  width:250px;
  font-size: 80%;
  }

select:hover {
  background-color: #9999FF;
  color: #FFFFFF;
}

option:hover {
  background-color: #9900cc;
}

select.half-width {
  width:150px;
  font-size: 80%;
  }

label {
  color: #ccccff;
  display:block;
  width:200px;
  margin-top: 3px;
  text-align:right;
  float:left;
  }

label.remark {
  color: inherit;
  display:block;
  width:400px;
  margin-top: 3px;
  margin-right: 3px;
  text-align:right;
  float:right;
  font-size: 80%;
  }

textarea {
  border: 1px #9999FF solid;
  background: #ddd;
  margin-left:20px;
  margin-top: 3px;
  width:400px;
  }
.smallertxt {width:100px;}
div.radio {
  display: inline-block;
  border:0;
  width:70px;
  margin-left:2px;
  font-size: 80%;
  }
.radio {
  border:0;
  width:15px;
  margin-left:20px;
  margin-top: 3px;
  }
.radiolist {
  border:0;
  width:15px;
  margin-left:20px;
  font-size: 0.8em;
  }
.checklist {
  border:0;
  width:100px;
  margin-left:10px;
  font-size: 0.8em;
  }

.notes {
  float: right;
  width: 300px;
  height: auto;
  margin: 0px 0px 10px 10px;
  padding: 5px;
  border: 1px solid #ccccff;
  background-color: #9999FF;
  color: #EEEEEE;
  font-size: 88%;
}

.notes h4 {
  border-left:0px solid #ccccff;
  border-right:0px solid #ccccff;
  border-top:0px solid #ccccff;
  border-bottom:1px solid #ccccff;
  background-image: url('/images/icon_info.gif');
  background-repeat: no-repeat;
  margin: 0;
  background-position:  left top;
  color: #FFFFFF;
  font-weight: heavy; 
  font-size: 90%;
  text-align: center;
  padding-left:0px;
  padding-right:0px;
  padding-top:3px;
  padding-bottom:3px
}

.notes p {
  margin: 0em 0em 1.2em 0em;
  color: inherit;
  margin-top:10px;
  font-size: 80%;
}

form {
  margin: 0px;
  padding: 0px;
  font-size: 100%;
}

form fieldset {
  clear: both;
  font-size: 100%;
  border-color: #9999FF;
  border-width: 1px 0px 0px 0px;
  border-style: solid none none none;
  padding: 10px;
  margin: 0px 0px 0px 0px;
}

form fieldset legend {
  font-size: 120%;
  font-weight: normal;
  color: #9999FF;
  margin: 0px 0px 0px 0px;
  padding: 0px 5px;
}
form label {
  font-size: 80%;
  font-weight: normal;
  display: block;
  float: left;

}
form fieldset fieldset {
  float: left;
  display: block;
  font-size: 90%;
  border-color: inherit;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  padding: 5px;
  width: 200px;
  height:135px;
  margin: 0px 0px 0px 0px;
}
.leftfloat {
  float: left;
  display: inline;
  padding-left:10px;
  }
