form {
  padding: 0;
  margin: 0;
}
/* If you're finding the input elements get pushed down, increase the width */
label {
  float: left;
  width: 30%;
  vertical-align: top;
  font: 200 11px verdana, sans-serif;
  
}

.label1 {
  float: left;
  width: 70%;
  vertical-align: top;
  font: 200 11px verdana, sans-serif;
  
}

.label2 {
  float: left;
  width: 85%;
  vertical-align: top;
  font: 200 11px verdana, sans-serif;
  
}

input,
textarea,
select {
  padding: 1px;
  font: 200 11px; verdana, sans-serif;
  color: #999;
  background: #EEE;
  border: 1px solid #CCC;
 }
textarea { width:85%; 	border: 1px solid #344c58;}

input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover {
  color: #000;
  background: #EEE;
  border: 1px solid #888;
}

input.noBorder,
input:focus.noBorder,
input:hover.noBorder {
  padding: 0;
  border: 0;
}

input.button {
  padding: 2px 5px;

  
  cursor: pointer;

  color: #fff;
  background: #5D6F73;
  border-width: 1px;
  border-style: solid;
  border-color: #5D6F73 #1c2600 #1c2600 #5D6F73;
}

input.radio {
  background: none;
  border: 0px;
}

input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
	border: 1px solid #344c58;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #344c58;
	color : #000;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #344c58;
	color : #FFF;
	font-weight: bold;
	font-size:11px;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #344c58;
	color : #FFF;
	font-weight: bold;
	font-size:11px;
}