a.menulink { font-weight: bold; text-decoration: none; color: #424242;}
a.topbar {text-decoration: underline; color: black;}
a.topbar:hover {color: blue;}
a.data {text-decoration: underline; color: black;}

div#detailsdiv {
	position: absolute;
	right: 1cm;
	top: 2cm;
	border: 1px solid black;
	background-color: white;
}

div#helpcontent {
	border: 1px solid green;
	background-color: lightyellow;
	display: none;
	margin-bottom: 10px;
	padding: 10px;
}

img.menuicon {
	border: none;
}

font.cmhead {
	font: 10px arial;
	color: gray;
}

font.data_smaller {
	font: 10px arial;
	color: #424242;
}

select.data,
input.data {
	border: none;
	background: none;
	border-bottom: 1px dotted black;
}

p.help {
	border: 1px solid green;
	background-color: lightyellow;
	display: none;
}

p.info {
	background-color: #F0F0FF;
	border: 1px solid blue;
	padding: 10px;
}

p.error {
	background-color: lightyellow;
	border: 1px solid red;
	padding: 10px;
	font-weight: bold;
}
p.topbar {
	margin: 0px;
	margin-bottom: 20px;
	font: 15px arial;
	background-color: #E0E0FF;
}

table.data {
	border: 1px solid gray;
	margin: 5px;
	border-collapse: collapse;
}

table.details {
	width: 300px;
	border-collapse: collapse;
}

table.progressbar {
	width: 80%;
	border: 1px solid black;
	border-collapse: collapse;
}

td.centeradjust {
	text-align: center;
}

td.courseinfo {
	font: 13px arial;
	color: #424242;
	padding: 3px;
}

td.courseinfo_head {
	font: 13px arial;
	color: #424242;
	font-weight: bold;
	padding: 3px;
	padding-left: 15px;
}

td.progressbar {
	border-right: 1px solid gray;
	text-align: center;
}
td.progressbar_active {
	border-right: 1px solid gray;
	background-color: #E0E0FF;
	text-align: center;
}

td.data {
	font: 13px arial;
	color: #424242;
	padding: 5px;
}

td.data_head {
	font: 13px arial;
	color: #424242;
	padding: 5px;
	font-weight: bold;
}

td.data_hspacer {
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	width: 5px;
	background-color: white;
}

td.menucategory {
	text-align: center;
	font: 10px arial;
}

td.menucategorytitle {
	font-size: 18px;
	margin-top: 15px;
}

td.rightadjust {
	text-align: right;
}

tr.data {

}

tr.data_active {
	background-color: #E0E0FF;
	cursor: pointer;
}

tr.data_hl {
	background-color: #F0F0FF;
}

tr.data_head {
	border-bottom: 1px solid black;
}



tr.menucategorytitle {
	height: 25px;
}




