fieldset {
	margin-left: 5px;
	display: block;
	padding-left: 15px;
	padding-bottom:5px;
}

input {
	width: 200px;
	}
	
input.checkbox{
margin-top:10px;
float:left;
width:20px;}

/* contain interior floats */
#docform {
	float:left;
	}
#docform p{
	width: 100%;
	padding-bottom:10px;
	}
#docform form {
	width: 560px;
}
legend {
	padding: 2px 5px;
	color: #360;
	margin-bottom: 20px;
	margin-left: -16px;
	display: inline;
}
/* display labels next to form elements, add a class for when you want them to stack */
label {
	float:left;
	margin-right: 2em;
	}
label.checkbox{
margin-top:10px;
margin-left:5px;}

/* --these styles use attribute selectors and the focus pseudo-selector to style form elements
in DOM compliant browsers. Other browseres (such as IE6 will ignore these
and render the default form */
fieldset[id=personalinfo] {
	background: #eee;
	border: 1px solid #360;
}

legend[class=perlegend] {
	background: #eee;
	border-top: 1px solid #360;
	border-right: 1px solid #360;
	border-left: 1px solid #360;
}