body {
	margin:0;
}
input[type="text"] {
	width:200px;
}
textarea {
	height:100px;
	max-width:calc(100% - 6px); /* its 2px padding + 1px border each side: the box never outgrows the section */
	width:494px;
}
/* Phone (goal 3486): no fixed widths. The page column is at most 600px and centred by auto margins
   (it was an html table holding a 600px block, which a 390px phone scrolled sideways). */
.body,body > div {
	margin:-20px auto;
	max-width:600px;
	min-height:710px;
	position:relative;
	top:0px;
}
/* kushim empties the page it leaves but keeps its div: at min-height 710px each one pushed the next page a screen down (goal 3993, as org) */
body > div:empty {
	display:none;
}
.breadcrumbs {
	margin:20px 50px 0 50px;
}
.clear {
	clear:both;
	height:0;
}
.copyright {
	bottom: 0;
	color:#999;
	font-size:10px;
	left: 180px;
	position: absolute;
	text-align:center;
}
.formPasswordHelper1 {
	float:left;
}
.formPasswordHelper2 {
	float:left;
	margin-left:10px;
}
.section {
	margin:0 50px;
	max-width:500px;
	position:relative;
}
.spacer {
	clear:both;
	height:20px;
}
/* Phone (goal 3486): the 50px side margins shrink to 20px and the footer spans the column. */
@media (max-width: 600px) {
	.breadcrumbs {
		margin-left:20px;
		margin-right:20px;
	}
	.copyright {
		left:0;
		right:0;
	}
	.section {
		margin:0 20px;
	}
}