body {  
	min-width: 800px;
	min-height: 600px;
	cursor: default;
	font-family: 'Verdana';
	color: white;
	background: linear-gradient(to right, #006600 1px, transparent 1px), linear-gradient(to bottom, #006600 1px, transparent 1px),
				linear-gradient(to bottom,  rgba(0,51,0,1) 0%,rgba(0,68,0,1) 10%,rgba(0,61,9,1) 20%,rgba(0,81,14,1) 30%,rgba(0,61,6,1) 60%,rgba(0,73,17,1) 70%,rgba(0,51,17,1) 80%,rgba(0,51,0,1) 100%);
    background-size: 40px 700px, 700px 40px;
	background-color: #003300;
}

.msg-box {
	border: 1px solid green;
	background-color: rgba(0, 55, 2, 0.7);
	box-shadow: 0px 0px 11px 1px rgba(0,0,0,0.75);
	overflow-y: auto;
	overflow-x: wrap;
}

.msg-selection {
	width: 50vw;
	height: 20vh;
	margin-top: 50px;
}

.msg-content {
	width: 50vw;
	height: 60vh;
	margin-top: 10px;
}

.msg-text {
	font-family: "Lucida Console", Monaco, monospace;
	white-space: pre-line;
	padding: 10px;
	display: inline-block;
	float: left;
	width: 45%;
	height: 100%;
	margin: 5px;
}

.msg-selection #msg-categories {
	float: left;
	padding: 10px;
	display: inline-block;
	height: 100%;
	width: 25%;
	margin-right: 15px;
	font-size: 1.2em;
	color: #33ff33;
}

.msg-selection #msg-entries {
	float: left;
	padding: 10px;
	display: inline-block;
	height: 100%;
	width: 65%;
}

a.msg-link {
	display: block;
	cursor: default;
	text-decoration: none;
	color: #66FF66;
	transition: 150ms linear 0s;
}

a.msg-link:hover, a.msg-link:focus {
	color: #fff;
	text-shadow: -1px 1px 8px #fff, 1px -1px 8px #fff;
}