/*
Help Layout a two column from that looks like this:

    Form Label:	[input box]
       Label 2:	[input box]
     Something:	[selection]

*/
/* row for a two column form  */
.formrow 
	{
	width:auto;
	min-height: 25px;
	height: auto;
	clear: both;
	padding: 3px 0px 3px 0px;
	}
/* left pane of a two column form  */
.formleft
	{
	float: left;
	min-height: 1px;
	height: auto;
	width: 25%;
	text-align: right;
	padding: 3px 5px 0px 5px;
	}
	
/* right pane of a two column form  */
.formright
	{
	float: right;
	min-height: 1px;
	height: auto;
	width: 73%;
	text-align: left;
	}
.checkboxes {
	margin:2px 2px 0 0;
	}

.instructions
{
  background-color: #FFFFCC;
  border: solid 1px #d1d1d1;
  color: #000;  
  font-size: .75em;
  padding: 4px 4px 4px 4px;
  margin: 5px 0 10px 0;
  width: 79%;
}
p.instructions { padding: 3px 4px 4px 4px; }
ol.instructions { padding: 4px 4px 4px 24px; }
ol.instructions li { padding: 4px 0 4px 0; }
ul.instructions { padding: 4px 4px 4px 24px; background-color:#FFFFCC;}
ul.instructions li { padding: 4px 0 4px 0; }
.important
{
  color: #333;  
  font-size: .75em;
  font-weight: bold;
  padding: 4px 0px 4px 4px;
  margin: 5px 0 10px 0;
  width: 80%;
}
	
.padleft10 {
	padding-left: 10px;
	}
.width20 {
	width: 20%
	}
.width30 {
	width: 30%
	}
.width40 {
	width: 40%
	}
.width50 {
	width: 50%
	}
.width60 {
	width: 60%
	}
.width70 {
	width: 70%
	}
.width80 {
	width: 80%
	}
.width90 {
	width: 90%
	}