body {
	margin: 2vw;
	text-align: center;
}
div.content {
	padding: 0px;
	margin: 0px;
}
div.panelholder div.input,
div.panelholder div.output {
	text-align: left;
	display: inline-block;
	vertical-align: top;
	margin: 0px 2%;
	height: 65vh;
	margin-top: 1vw;
}
div.panelholder div.input {
	width: 52%;
}
div.panelholder div.output {
	width: 38%;
}

div.panelholder textarea,
div.panelholder span.outputfield {
	margin-top: 0px;
	display: block;
	height: 55vh;
	padding-top: 1vh;
	padding-bottom: 1vh;
	overflow-y: scroll;
}


div.panelholder textarea {
	width: 96%;
	padding-left: 2%;
	padding-right: 2%;
}
div.panelholder span.outputfield {
	width: 100%;
	border: 1px solid #222;
}


div.panelholder textarea {
	resize: none;
}

div.panelholder span.outputfield {
	width: 94%;
	padding-left: 3%;
	padding-right: 3%;
}

span.outputinfo {
	margin: 0.8vw 0px;
	display: inline-block;
}

#outputconsole {
	overflow-x: scroll;
}
#outputconsole div {
	display: block;
	width: 100%;
	height: auto;
	margin: 0px;
}
#outputconsole table {
	margin: 0px 0px 0.5vw 0px;
}
#outputconsole td {
	vertical-align: top;
	padding: 0px 0.5vw;
}

input.button {
	vertical-align: middle;
	margin-bottom: 5px;
}

input.btnpanel {
	box-shadow: none;
	margin-bottom: 0px;
	padding-bottom: 5px;
}
input.btnpanelactive {
	border: 1px solid #222;
	border-bottom: 1px solid #fff;
	background-color: #fff;
	color: #000;
	padding-bottom: 6px;
	margin-bottom: -1px;
}

input.btnpanel:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}

td.logtime {
	font-size: 1vw;
	width: 6.5vw;
	padding: 0px !important;
}

@media (max-width: 500px), screen and (orientation:portrait) {
	body {
		margin: 3vw;
	}

	div.panelholder textarea,
	div.panelholder span.outputfield {
		height: 28vh;
	}

	div.panelholder div.input ,
	div.panelholder div.output {
		display: block;
		margin: 0px;
		width: 100%;
		height: 38vh;
	}
	div.panelholder textarea {
		width: 94%;
		padding-left: 3%;
		padding-right: 3%;
	}

	span.outputinfo {
		margin: 8vw 0px 1vw 0px;
	}
	div.input {
		margin-top: 4vw !important;
	}

	#outputconsole td {
		padding: 0px 1.5vw;
	}

	td.logtime {
		font-size: 3vw;
		width: 20vw;
	}
	input.btnpanelactive {
		padding-bottom: 7px;
		margin-bottom: -1px;
	}
}