/* stylesheet for forms */
form {
  position: relative ;
  top: 0 ;
  left: 0 ;
}

form dl {
  margin: 0;
  padding-top: 5px;
  border-top: 0px solid #CCC;
  font: 11px verdana, tahoma, arial, sans-serif ;
  color: #333 ;
}

form dl dt {
  float: left;
  clear: left;
  width: 116px;
  padding: 3px 10px 3px 0;
  text-transform: uppercase;
	
  /* box model hack */
  voice-family: "\"}\""; 
  voice-family:inherit;
  width: 106px;
}

html>body form dl dt {
  width: 106px;
}

form dl dd, p.button {
  margin-left: 0 px;
  padding: 3px 0;
  vertical-align: top; 
}

form .texta {
  color: #aaa;
  font-size: 10px;
  border: 1px solid #aaa ;
  padding: 2px;
  width: 230px ;
}

form select.texta {
  width: 236px ;
}

form .small {
  width: 130px ;
}

form .texta:focus {
  border: 1px solid #303; 
  color: #303 ;
}

form textarea.texta {
  height: 50px ;
}

form textarea.large { 
  height: 85px ;
}

form textarea.huge {
  height: 269px ;
}

form input.checkbox {
  margin-right: 4px ;
}

.button {
  border: 1px solid #aaa ;
  margin: 10px 0 ;
  padding: 3px ;
  color: #aaa ;
}

.button:hover {
  background: #f2f1f1 ;
  color: #303 ;
  border: 1px solid #303 ;
}

form dd ul {
  width: 235px ;
  float: left ;
  list-style: none ;
}

form dd ul li {
  width: 230px ;
}

form dd ul#col_one {
  margin-left: -20px ;
}

dt.activities, ul#col_one, ul#col_two, ul#col_three {
  margin: 10px 0 ;
}

dd.heightAdjust {
  min-height: 85px ;
}

span.error {
  margin-left: 10px ;
  font-weight: bold ;
  font-size: 90% ;
  color: #99081C ;
}

dt.required {
  background: url(../img/required.png) 100px 3px no-repeat ;
}

#ads dt, #ads dd {
   padding-top: 6px ;
   padding-bottom: 6px ;
}

form dl dd p {
  margin-bottom: 4px ;
  font-weight: 400; 
}

p.desc_helper {
  color: #777 ;
  margin-top: 5px ;
}

input.clear {
    clear: both ;
    float: right ;
    margin-right: 50px ;
    margin-top: 50px ; /* for ie 6.0 ... suckiest browser ever */   
    width: 60px ;
}

html>body input.clear {
    margin-top: 0 ; /* compliant browsers ... yay! */
}