/* CSS Document */

form * {margin:0;padding:0;} /* Standard margin and padding reset, normally done on the body */

legend {
	color: #000000; /* IE styles legends with blue text by default */
	margin-left: 0.25em; /* A hack that only ie reads to position the legend in the same place cross browser */
}
fieldset {
	border:1px solid #dedede; /* Default fieldset borders vary cross browser, so make them the same */
}
.inline {
	display: inline;
}
fieldset div {
	overflow:hidden; /* Contain the floating elements */
	display:inline-block; /* Give layout in ie to contain float */
	padding: 0 1em;
}
fieldset div {display:block;} /* Reset element back to block leaving layout in ie */
label, div.label{
	float:left; /* Take out of flow so the input starts at the same height */
	width:10em; /* Set a width so the inputs line up */
	text-align: right;
	margin-right: 0.5em;
}

div.label {
	height: 1.2em;
	margin: 0;
	padding: 0 0.25em;
}

div.label label {
	float: none;
	margin: 0;
	text-align: inherit;
}

label.checkbox, .checkbox label {
	float: none;
	width: auto;
	text-align: inherit;
	vertical-align: middle;
}

.radio {
	position:relative; /* Position so children are relative to this container */
	border:0; /* Remove the border */
}
.radio span {
	position:absolute; /* Take the content of the legend out of flow */
	top:0;left:0; /* and position it to the top left of the fieldset */
	width:10em; /* Same width as labels */
}
.radio ul {
	margin-left:10em; /* Since the legend is out of flow margin, so its inline with inputs */
	list-style:none; /* Dont want bullets */
}
.radio li {
	display:inline; /* Display the inputs in a line */
}
label.radio, .radio label {
	width:auto;	/* Reset the width from the 10em, set earlier */
	float:none; /* Reset the float from left, set earlier */
}