/*
Copyright 2018, Peter Rowntree (PR~). All rights reserved.
http://www.hdyn.com/mail/contact.php?addr=pr
*/
/* 
    Created on : Jan 29, 2018, 10:11:39 PM
    Author     : Peter Rowntree (PR~)
*/
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville');
html,body,table,div,p,form,pre,a,input,img,h1,h2 { margin: 0; margin-right: auto; padding: 0; }
html,body { height:100%; overflow: auto; font-family: 'Libre Baskerville', georgia, serif;}
body {
	background: #D3F5FF linear-gradient( to right, #fdd, #444, #eef, #444, #fdd );
}
h1, a.home {
	font-size: 20px;
	padding: 4px;
	color: white;
}
h1 {
	text-align: center;
	margin: 7px 0 7px 0;
	background-color: rgba(0,0,0,0.5);
}
a.home {
	position: absolute;
	top: 7px;
	left: 0;
}
#warn {
	color: red;
	background-color: yellow;
	border: 1px solid red;
	max-width: 500px;
	padding: 4px;
	overflow: auto;
}
.relCenter, label, .section, input, .intro {
	display: block;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
input {
	font-family: 'Libre Baskerville', georgia, serif;
	width:100%;
	border-bottom: 1px solid #777;
}
a {
	text-decoration: none;
	color: #08b;
}
h1 a {
	color:inherit;
	text-decoration: underline;
}
.section a {
	font-size: 17px;
	text-align: center;
	background-color: #eed;
	background-image:linear-gradient( to left top,#fed,#eef );
	border: 1px solid #777;
	padding: 2px;
	margin: 2px;
}
.warn_clickable {
	font-weight:bold;
	text-decoration: underline;
	cursor: pointer;
}
.section a:hover, a.home:hover {
	color:#e08;
	background-color: #dde;
	background-image:linear-gradient( to left top,#efe,#eef );
}
#warn, #dl_public, #dl_private, #dl_signature {
	display: none;
}
.intro {
	hyphens: auto;
}
.section, .intro {
	padding: 4px;
	border: 1px solid #777;
	max-width: 500px;
	margin-bottom: -1px;
	background-color: #fff;
}
.grad1 {
	background-image:linear-gradient( to left,#ddf,#cfd );
}
.grad2 {
	background-image:linear-gradient( to left,#cfd,#ddf );
}
.grad3 {
	background-image:linear-gradient( to bottom,#eee,#ddf );
}
.grad4 {
	background-image:linear-gradient( to bottom,#ddf,#eee );
}