.centered {
	display: grid;
	place-items: center;
	grid-template-columns: auto;
	grid-template-rows: 44px auto;
	font: 18px arial,sans-serif;
}

.view_mini-logo {
	grid-column: 1/2;
	grid-row: 1;
}

.view_problems {
	grid-column: 1/2;
	grid-row: 2;
}

.view_problem {
	grid-column: 1/2;
	grid-row: 2;
	width:750px;
	font:20px times;
	text-align:left;
}

.centered-grid {
	display: grid;
    place-items: center;
	height: 60vh;
	margin: 10vh auto;
	font: 18px arial,sans-serif;
}

.grid-container {
	display: grid;
    place-items: left;
	grid-template-columns: 665px 85px 6px auto;
	grid-template-rows: 44px auto;
	font: 18px arial,sans-serif;
}

.searchform {
	display: grid;
    place-items: left;
	grid-template-columns: auto 1fr;
	grid-template-rows: auto;
}

.search {
	grid-column: 1/2;
	grid-row: 1;
	text-align: left;
}

.classify {
	grid-column: 2/3;
	grid-row: 1;
	align-self: center;
}

.proposal {
	grid-column: 1/2;
	grid-row: 1;
	margin-top: 8px;
}

.mini-logo {
	grid-column: 2/3;
	grid-row: 1;
}

.load_problem {
	grid-column: 1/3;
	grid-row: 2;
}

.vload_problem {
	grid-column: 1/3;
	grid-row: 1/3;
}

.classes {
	display: grid;
	grid-template-columns: auto auto 1fr;
	grid-template-rows: auto auto auto auto 1fr;
	grid-column: 4/5;
	grid-row: 1/3;
}

.mclasses {
	display: grid;
	grid-template-columns: auto 1fr;
	grid-template-rows: auto auto auto auto 1fr;
	grid-column: 4/5;
	grid-row: 1/3;
}

.moveclasses {
	display: grid;
	grid-template-columns: auto 1fr;
	grid-template-rows: auto auto auto 1fr;
	grid-column: 4/5;
	grid-row: 1/3;
}

.trunk_classes {
	grid-column: 4/5;
	grid-row: 1/4;
}

.topclasses {
	font: 16px sans-serif;
	vertical-align: top;
	line-height: 22px;
	color: #330000;
}
.topclasses a {
	font: 16px sans-serif;
	vertical-align: top;
	text-decoration: none;
	line-height: 22px;
	color: #330000;
}

.assigned {
	grid-column: 2/3;
	grid-row: 1;
	font: 16px sans-serif;
	font-weight: 700;
	color: #11C158;
	align-self: center;
}

.classheads {
	grid-column: 1/4;
	grid-row: 5;
	margin-bottom: 50px;
}

#trunk {
	grid-column: 1/2;
	grid-row: 1;
	font: 16px sans-serif;
	font-weight: 700;
	text-align: left;
	color: #330000;
	align-self: end;
	margin-bottom: 2px;
	margin-left: 5px;
}
#trunk a {
	font: 16px sans-serif;
	text-decoration: none;
	font-weight: 700;
	text-align: left;
	color: #330000;
}

.trunkmove {
	grid-column: 1/2;
	grid-row: 1;
}

.trunka {
	font: 16px sans-serif;
	font-weight: 700;
	text-align: left;
	margin-left: 5px;
	margin-top: 4px;
}

.trunka a {
	text-decoration: none;
	color: #330000;
}

#boxit {
	grid-column: 1/2;
	grid-row: 2;
	border: #330000 2px solid;
	font: 16px sans-serif;
	font-weight: 700;
	text-align: left;
	color: #330000;
	padding: 3px;
	width: fit-content;
}
#boxit a {
	font: 16px sans-serif;
	text-decoration: none;
	font-weight: 700;
	text-align: left;
	color: #330000;
}

#moveit {
	border: #330000 2px solid;
	font: 16px sans-serif;
	font-weight: 700;
	text-align: left;
	color: #330000;
	padding: 3px;
	width: fit-content;
}
#moveit a {
	font: 16px sans-serif;
	text-decoration: none;
	font-weight: 700;
	text-align: left;
	color: #330000;
}

.subsearch {
	border: #330000 2px solid;
	font: 16px sans-serif;
	font-weight: 700;
	text-align: left;
	color: #330000;
	padding: 3px;
	margin-top: 12px;
	margin-bottom: 6px;
	width: fit-content;
}

.findclass {
	grid-column: 2/3;
	grid-row: 1;
	align-self: start;
	margin-left: 8px;
}

.editclass {
	grid-column: 1/3;
	grid-row: 1;
	align-self: start;
	margin-left: 5px;
}

.fcfollow {
	grid-column: 3/4;
	grid-row: 1;
}

.mfcfollow {
	grid-column: 2/3;
	grid-row: 1;
	margin-top: 4px;
	margin-left: 8px;
	font: 16px sans-serif;
	font-weight: 700;
}

.addclass {
	grid-column: 2/3;
	grid-row: 2;
	align-self: end;
	margin-left: 8px;
}

.acfollow {
	grid-column: 3/4;
	grid-row: 2;
	align-self: end;
	float: left;
	font: 16px sans-serif;
	font-weight: 700;
}

.macfollow {
	grid-column: 2/3;
	grid-row: 2;
	align-self: end;
	float: left;
	font: 16px sans-serif;
	font-weight: 700;
}

.moveclassto {
	grid-column: 2/3;
	grid-row: 2;
	align-self: end;
	float: left;
	margin-left: 8px;
	margin-bottom: 3px;
}

.moveaddclass {
	grid-column: 2/3;
	grid-row: 3;
	align-self: end;
	float: left;
	margin-left: 8px;
}

.movetails {
	grid-column: 1/2;
	grid-row: 3;
}

.bmovetails {
	grid-column: 1/3;
	grid-row: 3;
	margin-top: 3px;
}

.moveheads {
	grid-column: 1/2;
	grid-row: 4;
}

.load_problem_class {
	margin-bottom: 6px;
	font: 16px arial,sans-serif;
	font-weight: 700;
	color: #330000;
}

#hiddenlinks {
	display: none;
}

.header {
	margin-top: 10px;
	margin-bottom: 2px;
	text-align: center;
	font-weight: 700;
}

.searchdiv {
	margin-top: 2px;
	margin-bottom: 2px;
}

.use {
	margin-top: 10px;
	margin-bottom: 2px;
	text-align: center;
	font: 14px arial,sans-serif;
}

.numbox {
	width: 36px;
}

.searchbox {
	width: 200px;
}

.button {
	background-color: #EEEEEE;
	font-size: 18px;
	padding: 5px;
}

.center_button {
	margin-top: 50px;
	text-align: center;
}

.year_buttons {
	text-align: left;
}

.vclass {
	background-color: #EEEEEE;
	font-size: 18px;
	padding: 5px;
	margin-top:10px;
	margin-bottom:10px;
}

.select_from {
	margin-top: 3px;
	margin-bottom: 3px;
	text-align: left;
}

.view_button {
	text-align: center;
}

.maxview_popup {
	margin-top: 10px;
	text-align: center;
}

.popups {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #EEEEEE;
    padding: 3px 3px 3px 5px;
    font-size: 18px;
}

.problemname {
	font: 22px arial,sans-serif;
	color: red
}

.problemname a {
	font: 22px arial,sans-serif;
	color: red;
	font-weight:700;
}

.title {
	margin-top: 10px;
	margin-bottom: 10px;
	font: 16px times;
	font-weight: 700;
	text-align: center;
}

.totalfound {
	font: 22px arial,sans-serif;
}

.found {
	font: 20px arial,sans-serif;
}

.und {
	font: 18px arial,sans-serif;
}

.source {
	width:750px;
	font:20px times;
	text-align:left;
}

.publisher {
	width:750px;
	font:20px times;
	text-align:left;
}

.reference {
	width:750px;
	font:20px times;
	text-align:left;
}

.instrs {
	width:750px;
	font:18px times;
	text-align:left;
}

.comment {
	width:750px;
	background-color:yellow;
	font:18px times;
	text-align:left;
}

.comments {
	width:750px;
	font:18px times;
	text-align:left;
}

.classification_tail {
	font: 16px arial,sans-serif;
	font-weight: 700;
	color: #330000;
}

.classified_problem {
	margin-top: 10px;
	margin-bottom: 10px;
}

.column {
	float: left; /* Makes columns float next to each other */
	margin: 5px 0px 5px 5px;
}

.column div {
	margin-bottom: 2px; /* Adds spacing between items */
}

.class2 {
	margin-left: 20px;
	margin-top: 6px;
}

.class3 {
	margin-left: 40px;
	margin-top: 6px;
}

.class4 {
	margin-left: 60px;
	margin-top: 6px;
}

.class5 {
	margin-left: 80px;
	margin-top: 6px;
}

#assign {
	grid-column: 1/4;
	grid-row: 3;
	margin-top: 6px;
	margin-left: 5px;
	font: 16px sans-serif;
	font-weight: 700;
	color: #11C158;
}

#assign a {
	font: 16px sans-serif;
	font-weight: 700;
	color: #11C158;
}

#delete {
	grid-column: 1/4;
	grid-row: 3;
	display: none;
	margin-top: 6px;
	margin-left: 252px;
	font: 16px sans-serif;
	font-weight: 700;
	color: #518ACB;
}

#delete a {
	font: 16px sans-serif;
	font-weight: 700;
	color: #518ACB;
}

.confirm {
	font: 16px sans-serif;
	font-weight: 700;
	color: #11C158;
	text-align: center;
}

.mbranch {
	grid-column: 2/4;
	grid-row: 3;
	margin-top: 6px;
	margin-left: 8px;
	font: 16px sans-serif;
	font-weight: 700;
	color:#518ACB"
}

#moveclass {
	margin-top: 4px;
	margin-left: 5px;
}

#moveclass a {
	font: 16px sans-serif;
	font-weight: 700;
	color: #11C158;
}

.bbuttons {
	grid-column: 2/3;
	grid-row: 4;
	float: left;
	margin-top: 4px;
	margin-left: 8px;
	font: 16px sans-serif;
	font-weight: 700;
}

.classsubs {
	grid-column: 1/4;
	grid-row: 4;
}

.subs {
	grid-column: 1/3;
	grid-row: 5;
}

.reclassify {
	font: 16px sans-serif;
	font-weight: 700;
	color: #518ACB;
}

#skip_problem {
	text-align: center;
}

#skip_problem a {
	font: 16px sans-serif;
	font-weight: 700;
	color: #518ACB;
}

.subclasses {
	font: 12px sans-serif;
	line-height: 14px;
	color: #330000;
}
.subclasses a {
	font: 12px sans-serif;
	text-decoration: none;
	line-height: 14px;
	color: #330000;
}

.attribution {
	width:460px;
	text-align:left;
	font:14px arial,sans-serif;
}

p{margin: 10px 0 10px 0}
i{font-style: italic}
a{text-decoration: none;color: #00F}
hr {
	height: 1px;
	border: 0;
	background-color: #001F55;
	text-align: center;
	vertical-align: top;
}
body {background: #FFF fixed}
em{font-style: italic}
strong{font-weight: 700}