body {
	background: #F3F3F3;
	font-size: 16px; font-family: 'Open Sans', sans-serif;
}

form {
	background: #FFF;
	border-radius: 15px;
	box-shadow: 0 4px 10px #666; -moz-box-shadow: 0 4px 10px #666; -webkit-box-shadow: 0 4px 10px #666;
	color: #666;
	padding: 20px;
	position: absolute; left: 50%; top: 50%; z-index: 1;
	transform: translate(-50%, -50%);
	width: 400px;
}
form fieldset {
	border: none;
	margin: 0; padding: 0;
}
form h1 {
	font-size: 140%;
    margin-top: 0;
    text-align: right;
    background: url("https://cp.rackspace.com/clients/webmail/webmail_piloly_com/images/logo.png") no-repeat left center;
    line-height: 40px;
    vertical-align: middle;
    color: #000;
    text-transform: uppercase;
    padding-top: 20px;
    overflow: hidden;
}
form label {
	display: inline-block;
	width: 120px;
}
form input {
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; 
	font-size: 1em;
	margin: 0.2em 0;
	padding: 4px 0;
	width: 270px;
}
form input[readonly="readonly"] { border: none; }
form input[type="submit"], form button {
	background: #666;
	border: none; border-radius: 4px;
	color: #FFF;
	cursor: pointer;
	margin-top: 0.5em; margin-left: 125px;
    padding: 5px 10px;
	width: auto;
}
form input[type="submit"]:hover, form button:hover { background: #808080; }
form .formerror {
	background: #f2dede;
	border-color: #ebccd1; 
	color: #a94442;
	font-size: 0.9em;
	padding: 1em;
	margin-bottom: 2em;
}

#msg {
	background: #dff0d8;
	border: 1px solid #dff0d8; border-radius: 5px;
	color: #3c763d;
	padding: 2em;
	position: absolute; left: 50%; top: 50%; z-index: 1;
	transform: translate(-50%, -50%);
	text-align: center;
	width: 250px;
}
#msg.error {
	background: #f2dede;
	border-color: #ebccd1; 
	color: #a94442;
}