/* Based on stylesheet from Andrew Morton's engadvisor */
body {background-color:#e0e0e0;font-family:"Georgia",serif}

a.m_item:link,a.m_item:visited {text-decoration:none;color:white;
	background-color:transparent}
a.m_item:hover,a.m_item:active { color: #868686; }

a.course:link,a.course:visited {text-decoration:none;color:black}
a.course:hover,a.course:active {text-decoration:underline}

a.student:link,a.student:visited {text-decoration:none}
a.student:hover,a.student:active {text-decoration:underline}

td.navbar
{
	text-align:center;
	color:white;
	background-color:transparent;
	font-size:12px;
	font-weight:bold;
	border-top:1px solid #868686;
	border-left:1px solid white;
	border-right:1px solid #868686;
	padding-bottom:2px;
}

.dropbtn {
	text-align:center;
	color: white;
	background-color:transparent;
	font-size: 12px;
	font-weight: bold;
	border: none;
	cursor: pointer;
}
.dropbtn:hover, .dropbtn:focus { color: #868686; }
.dropdown {
	width: 100px;
	position: relative;
	display: inline-block;
}
.dropdown-content {
	display: none;
	position: absolute;
	text-align:center;
	color: white;
	background-color: #336699;
	font-size: 12px;
	font-weight: bold;
	height: 17.6px;
	width: 100%;
	margin-top: 1px;
	border left, right, top: none;
	border-top: 0px solid white;
	padding-top: 1px;
}
.dropdown-content a {
	color: white;
	background-color: #336699;
	text-decoration: none;
	display: block;
	height: 17.6px;
	width: 100%;
	margin-top: 0px;
	border left, right, top: none;
	border-top: 1px solid white;
	padding-top: 1px;
}
.dropdown-content a:hover { color: #868686; }
.dropdown-show { display: block; }

table.outer {width:900px;margin-top:0px;margin-bottom:0px;margin-left:auto;margin-right:auto;border:0px;background-color:#ffffff}
table.head {width:890px;margin-left:auto;margin-right:auto;background-color:#5D0096;color:#ffffff;border:0px;border-top:1px solid white;border-bottom:1px solid white}
table.main {width:890px;margin-left:auto;margin-right:auto;margin-top:1px;margin-bottom:1px;padding:1px}
table.main td {padding:0px;vertical-align:top}
table.content {margin:1px;border:1px solid #336699;border-collapse:collapse}
table.content td, table.content th {font-size:1em;border:1px solid #336699;padding:3px 7px 2px 7px}
table.content th {font-size:1.1em;text-align:left;padding-top:5px;padding-bottom:4px;background-color:#336699;color:#ffffff}
table.content tr.alt td {color:#000000;background-color:#DDEEFF}
table.subcontent {margin:none;border-collapse:collapse}
table.subcontent, table.subcontent th, table.subcontent td {border:none}
table.popup {margin:1px;border:1px solid #336699;border-collapse:collapse;background-color:#ffffff;}
table.popup th, table.popup td {font-size:1em;border:1px solid #336699;padding:3px 7px 2px 7px}
div.popup {overflow:auto;height:calc(100vh - 20px);padding:0;}
/*table.popup td.firstcol {position:absolute;width:200px;white-space:nowrap;overflow:hidden;left:0;top:auto;border:0;padding:3px 7px 2px 7px;margin-top:-1px;}*/

td.verttext {font-size:1em;writing-mode:vertical-rl;border:1px solid #336699;padding:3px 3px 2px 2px;}

div.header {font-size:1.1em;background-color:#336699;color:#FFFFFF}
div.contentAlt {font-size:1em;background-color:#DDEEFF;color:#000000}
div.contentAltLeft {font-size:1em;background-color:#DDEEFF;color:#000000;float:left;width:60%}
div.contentAltRight {font-size:1em;background-color:#DDEEFF;color:#000000;float:right;width:40%;text-align:right}
div.contentAltEnd {clear:both}
div.content {font-size:1em;background-color:#FFFFFF;color:#000000}
div.contentLeft {font-size:1em;background-color:#FFFFFF;color:#000000;float:left;width:50%}
div.contentRight {font-size:1em;background-color:#FFFFFF;color:#000000;float:right;width:50%}
div.contentEnd {clear:both}