html *,body * {
	font-family: Arial, Helvetica, sans-serif;
}

body {
	background: #eee;
}
	
#main-box {
	width: 800px;
	background: white;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	padding-top: 10px;
	border-radius: 4px;
	box-shadow: 4px 4px 7px #888888;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	border: solid 1px #888888;
}
	
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.clearfix:before,
.clearfix:after {
  	content: '\0020';
  	display: block;
  	overflow: hidden;
  	visibility: hidden;
  	width: 0;
  	height: 0;
}
.clearfix:after {
  	clear: both;
}

#flow-logo {
	width: 38%;
	float: left;
}
#main-box > div.message > div {
	float: right;
	width: 420px;
}

#main-box > div.message > div > p {
	vertical-align: middle;
	height: 153px;
	display: table-cell;
	font-size: 18px;
}

#main-box .top{
	border-bottom: solid 1px #cccccc;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
}

#main-box .top > a {
	float: right;
	margin-top: 9px;
}

#main-box .bottom {
	border-top: solid 1px #cccccc;
	margin-top: 20px;
	height: 35px;
}

/* Full-width inputs */
input[type=text], input[type=password] {
  width: 200px;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

button {
  background-color: #4CAF50;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  width: 200px;
}

div.input-field label {
  display: inline-block;
  width: 140px;
  text-align: right;
}​

a:visited, 
a:hover,
a {
	color: #0066cc;
	text-decoration: underline;
}