#list {
	margin: 2em 0;
	padding: 0;
	text-align: center;
}
#list li {
	display: inline;
	padding: 3px 5px;
	border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;
	background: url(/css/17/body.gif) left -209px repeat-x;
}
#list li:hover {
	background-position: left -129px;
}
#list li.selected {
	background: url(/css/17/body.gif) left -49px repeat-x;
}
#list li ~ li {
	margin-left: 0.5em;
}
.js_enabled > div {
	display: none;
	height: 470px;
}
@media print {
	#container > div {
		display: block;
		height: inherit;
		margin-bottom: 1.5cm;
		page-break-inside: avoid;
	}
	h3 {
		page-break-after: avoid;
	}
}
.js_enabled > div.selected {
	display: block;
}
div.image {
	margin-top: 30px;
}
.image span {
	position: relative;
	display: inline-block;
}
.note {
	position: absolute;
	text-align: left;
	padding: 2px 4px;
	line-height: 150%;
	background-color: rgb(255,255,255);
	background: rgba(255,255,255,0.85);
	white-space: nowrap;
	-moz-box-shadow: 0 0 2px #284061;
}
.arrowdownstart {
	background-image: url(images/arrowdown.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-left: 22px;
}
.arrowupstart {
	background-image: url(images/arrowup.png);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 22px;
}
.arrowupend {
	background-image: url(images/arrowup.png);
	background-position: right top;
	background-repeat: no-repeat;
	padding-right: 22px;
}
.arrowleft {
	background-image: url(images/arrowleft.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 22px;
}
.arrowright {
	background-image: url(images/arrowright.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 22px;
}