body {
	font-family: 'Source Sans Pro', sans-serif;
	padding:20px;
}

h2 {
	border-bottom: 4px solid #000;
	width: 100%;
	display: block;
}

h3 {
	border-bottom: 1px solid #666;
	width: 100%;
	display: block;
}

input {
	font-family: 'Source Code Pro', monospace;
	font-size:18px;
	font-weight:bold;
	color:#333;
	background-color:#FFF;
	padding:8px;
	border:2px solid black;
}

input:hover {
	font-family: 'Source Code Pro', monospace;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	background-color:#333;
	padding:8px;
	border:2px solid black;
}

a {
	font-family: 'Source Code Pro', monospace;
	font-size:18px;
	font-weight:bold;
	color:#333;
	background-color:#FFF;
	padding:8px;
	border:2px solid black;
	text-decoration:none;
}

a:hover {
	font-family: 'Source Code Pro', monospace;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	background-color:#333;
	padding:8px;
	border:2px solid black;
	text-decoration:none;
}

textarea {
	font-family: 'Source Code Pro', monospace;
	width:80%;
	margin:20px;
	border:2px solid black;
}

.errorBox {
	padding:20px;
	margin:20px;
	width:80%;
	background-color:#fee;
	color:#300;
	border:solid red 2px;
}

.errorDetail {
	font-family: 'Source Code Pro', monospace;
	padding:20px;
	margin:20px;
	width:80%;
	background-color:#ffe;
	color:#330;
	border:solid yellow 2px;
}

.successBox {
	padding:20px;
	margin:20px;
	width:80%;
	background-color:#efe;
	color:#030;
	border:solid green 2px;
}

.infoBox {
	padding:20px;
	margin:20px;
	width:80%;
	background-color:#eef;
	color:#003;
	border:solid blue 2px;
}

.lightbox {
	/** Default lightbox to hidden */
	display: none;

	/** Position and style */
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(255,255,255,0.9);
}

.aboutBox {
	width: 400px;
	height: 520px;
	background-color: white;
	border:2px #999 solid;
	position: absolute;
	padding:10px;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
  	
	margin: auto;
}