html {
	width: 100%;
	height: 100%;
	background: #aab6c6 url('bg.jpg') top center repeat;
	background-attachement: fixed;
}
html.edit {
	background: radial-gradient(ellipse farthest-side at 50% 0%, #FFFEFA 0%, rgba(255, 255, 0, 0) 91%) repeat scroll 0 0%,
				radial-gradient(circle at 38% 62%, #FFF0FF 0%, #F8E2F8 100%) repeat scroll 0 0 transparent
}
body {
	font: normal 12pt 'Palatino linotype',serif;
	padding: 8px 4cm 8px 3cm;
	margin: 0;
}
section {
	margin: 0 auto;
	padding: 16px 0;
	background: rgba(250,255,240,0.7);
	border-radius: 6px;
	width: 16.1cm;
	text-shadow: 0 0 2px #fff;
	display: none;
}
section:active, section:focus { display:block; }
section[contentEditable=true]>* { background:#fff0f7; }
html.edit section>* { background:rgba(255,255,255,0.5); }
nav {
	display: block;
	top: 8px;
	left: 8px;
	position: absolute;
}
nav.edit {
	left: auto;
	right: 8px;
}
nav a:link, .graph a:link {
	text-decoration: none;
}
nav a, nav button, .graph a {
	border: 2px purple outset;
	background: #f0f0f0;
	padding: 2px 8px;
	margin: 0;
	font: normal 9pt 'Segoe UI',sans-serif;
	color: purple;
}
.graph a:link {
	color: blue;
	border-color: blue;
}
.graph a:visited {
	color: purple;
	border-color: purple;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	nav a, nav button, .graph a { border-color: #D8B2D8; }
}
@-moz-document url-prefix() {
	nav a, .graph a { padding: 1px 8px; }
	nav button { padding: 0 6px; }
}
nav button { cursor: pointer; }
nav a:hover. nav button:hover, .graph a:hover { text-decoration:underline; }
nav a:active, nav button:active, .graph a:active, nav button.down { border-style:inset; }
a.visited, a:visited { color:purple; }
a:link[rel=external] { color:#008080; }
p,h1,h2,h3,h4,h5,h6,.graph,ul,ol,.p { margin:0 auto 1em; width:15.25cm; }
p,.p { text-indent:0.75cm; }
.graph { height:15.25cm; border:2px purple inset; background: #faf7f9; }
.highlight {
	background: rgba(192,255,128,.5);
}
.stretchtextLink {
	text-decoration-style: dotted;
}
.stretchtext {
	animation: 3s stretchtext ease-in;
}
@keyframes stretchtext {
	0% { color: #ff1d95; }
	50% { color: #ff1d95; }
	100% { color: auto; }
}
fieldset {
	margin: 1em 2em 1.5em;
	visibility: visible;
	border: 1px dashed rgba(0,0,0,.333);
	background: rgba(255,255,255,.333);
}
fieldset > legend { font-weight:bold; }
blockquote { margin:1em auto; padding-left:1.5cm; width:13cm; font-style:italic; }
blockquote pre { margin:0; padding:0; font:inherit; overflow:show; }
table.columns { width:15.25cm; margin:1em auto; }
table.columns blockquote, table.columns p { width:auto; }
menu {
	display: none;
	position: absolute;
	list-style-type: none;
	margin: 0;
	padding: 0;
	background: ThreeDFace;
	border: 1px solid ThreeDShadow;
	overflow: hidden;
}
menu.stretchtext {
	color: inherit;
	display: block;
}
menu li {
	display: block;
	list-style-type: none;
	margin: 2px;
	padding: 0;
}
menu li a {
	display: block;
	border: 1px outset transparent;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none;
	padding: 0 1ex 1px;
}
menu li a:hover, menu li a:focus, menu li a:active {
	border-color: rgba(128, 192, 255, 0.8);
	background: rgba(245, 250, 255, 0.6);
	text-decoration: underline;
}

#formSaveTargetFrame {
	display: none;
}