* {
	margin: 0;
	padding: 0;
}

body {
	background: #f8f8f8;
	color: #333;
	font-family: Arial, helvetica, sans-serif;
}

#container {
	border-radius: 3px;
	box-shadow: 1px 1px 3px #ccc;
	width: 350px;
	margin: 100px auto;
	background: #fff;
}

#top {
	background: #333;
	color: #fff;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;	
	padding: 12px 24px;
}

h1 {
	display: inline;
	font-size: 24px;
}

#top img {
	height: 36px;
}

#content {
	padding: 24px;
}

label {
	display: block;
}

input {
	font-size: 20px;
	padding: 3px 12px;
	width: 276px;
	margin: 4px 0;
	height: 24px;
	background: #fff;
	border-radius: 3px;
	border: 1px solid #ccc;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

input:focus{
	outline: none;
	border: 1px solid #333;
}

button {
	padding: 6px 8px;
	background: #f8f8f8;
	border: 1px solid #ddd;
	border-bottom: 3px solid #ddd;
	border-radius: 3px;
	cursor: pointer;
	width: 100%;
	font-size: 18px;
	margin-top: 12px;
	color: #333;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

button:hover{
	border: 1px solid #e4e4e4;
	border-bottom: 3px solid #e4e4e4;
	color: #000;
}

button img {
	margin-right: 5px;
}