body {
    /* this css file should be included before uoapath.css file so that uoapath can override body rules here.
        the body rules here only apply when used with CKEDITOR
    */
	font-family:sans-serif;
    padding: 0 6px;
    color:#00477c;
}

#blurb_panel, body.cke_editable {
	position:absolute;
	font-size:90%;
	width:500px;
	background: rgba(192,192,192,0.95);
	-webkit-backdrop-filter: blur(5px);
	top:75px;
	right:0;
	opacity:0;
	transition: opacity 0.33s ease-in;
}
#blurb_panel ul, #blurb_panel ol {
    margin-left: 2em;
} 
/*
#blurb_panel p:last-child, body.cke_editable p:last-child {
	background: bisque;
	padding:0.75em;
	margin:0.5em 0 0 0;
}
*/
body.cke_editable {
    margin-top:0;
    padding-top:0;
    top:0;
    opacity: 1;
}
#blurb_panel.show {
	opacity:1;
	transition: opacity 0.33s ease-out;
    pointer-events:all;
}
#blurb_panel *, body.cke_editable * {
	padding:0.125em;
	margin:0.25em 0.5em;
}
#blurb_panel h3, body.cke_editable h3 {
	text-align:center;
	padding:0 0 0.25em 0;
	margin-bottom:0.25em;
	position:relative;
	letter-spacing:1.75px;
}
#blurb_panel::before {
	content:attr(title);
	text-align:center;
	display:block;
	font-size:140%;
	letter-spacing:1.75px;
}
#blurb_panel h3::after, body.cke_editable h3::after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0px;
	width: 100%;
	height: 1px;
	background: linear-gradient(90deg,silver, #444, silver);
	border-bottom: 1px solid #ccc;
}
p.prerequisite {
	font-size:80%;
	display:inline-block;
}
p.description {
	-webkit-column-count:2;
	-moz-column-count:2;
	column-count:2;
}
span.skills {
	font-weight:700;
	margin:0 2em;
}
span.skills::after {
	content:":";
}
/*#blurb_panel span.keyword, body.cke_editable span.keyword {*/
#blurb_panel a[name], body.cke_editable a[name] {
    border-bottom:1px dotted gray;
    margin:0;
    font-weight:bold;
    padding:0;
}
[data-type=TOPIC], [data-type=LAB], [data-type=ASSESSMENT], [data-type=META] {
    display: none;
}