body {
	background-color: burlywood;
	font-size: 12pt;
}

div {
	border: 2px solid black;
	padding: 3px;
}

div > div {
	border-left: none;
	border-right: none;
	border-top: none;
}

div > div:last-child {
	border-bottom: none;
}

:disabled {
	cursor: not-allowed;
}

#main {
	position: absolute;
	left: 1%;
	width: 61%;
	background-color: #CEAA7D;
	overflow-y: auto;
}


#right {
	position: absolute;
	padding: 0;
	right: 1%;
	width: 35%;
	overflow-y: auto;
}

h2 {
	margin-top: 0;
	text-align: center;
}

#main h2 {
	margin-top: 10px;
	text-align: left;
}

table {
	width: 100%;
}

input, select {
	background-color: #CEAA7D;
	border: 1px solid #63513C;
	border-radius: 5px;
}

input:disabled, select:disabled {
	color: #876F52;
	cursor: not-allowed;
}

input {
	padding-left: 5px;
}


select {
	padding-right: 15px;
	-webkit-appearance: none;
	   -moz-appearance: none;
			appearance: none;
	background: url("arrow.png") right no-repeat #CEAA7D;
}

select:disabled {
	background-image: url("arrow-light.png");
}

button {
	cursor: pointer;
	background-image: url("background.png");
	background-color: #CEAA7D;
	border: 1px solid #876F52;
	border-radius: 5px;
}

button:hover {
	background-image: url("background-light.png");
}

button:active {
	background-image: url("background-dark.png");
}

button:disabled {
	background-image: url("background-verylight.png");
	color: #876F52;
}