div.showView {
	position: absolute;
	top: 2em;
	bottom: 2em;
	left: 2em;
	right: 2em;
	
	background: rgba(0,0,0,0.5);
	border-radius: 2em;
	border: 5pt dashed rgba(0,255,0,0.7);
}

div.showHeader, div.compoHeader {
	padding: 10pt;
	z-index: 0;
	text-align: center;
	color: #0f0;
}

div.showHeader .title, div.compoHeader .title {
	font-size: 32pt;
}

div.showText, div.compoNext {
	z-index: 5;
	font-size: 64pt;
	text-align: center;
	color: #0f0;
}

div.compoNext .entryIndex {
	position: absolute;
	top: 1.5em;
	left: 20pt;
	font-size: 128pt;
	color: rgba(0,255,0,0.3);
}

div.compoNext .entryInfo {
	position: absolute;
	top: 50%;
	right: 20pt;
	width: 10em;
	font-size: 24pt;
	padding: 5pt;
	border-radius: 10pt;
	box-shadow: 2px 2px 4px rgba(0,255,0,0.5) inset, -2px -2px 4px rgba(0,255,0,0.5) inset;
}


div.compoPrev {
	position: absolute;
	left: 1em;
	bottom: 1em;
	min-width: 30%;
	color: #0f0;
	font-size: 16pt;
	font-weight: bold;

	padding: 10pt;
	border-radius: 10pt;
	box-shadow: 2px 2px 4px rgba(0,255,0,0.5) inset, -2px -2px 4px rgba(0,255,0,0.5) inset;
	
	text-align: right;
}

div.compoPrev .title {
	border-bottom: 2px solid #0f0;
	text-align: left;
}