body
{
font-family: 'Fira Sans', sans-serif;	
font-size: 10pt;
color: #333333;
}


a
{
text-decoration: none;
}

a:hover
{
text-decoration: underline;
}

h1
{
font-weight: bold;
font-size: 18pt;
}

h2
{
font-weight: bold;
font-size: 16pt;
}

h3
{
font-weight: bold;
font-size: 14pt;
}

h4
{
font-weight: bold;
font-size: 11pt;
}

h5
{
font-weight: bold;
font-size: 10pt;
}

p
{
font-size: 10pt;
}

li
{
font-size: 10pt;
}

p.attribution
{
font-size: 8pt;
}

select
{
color: #B22222;
}

input
{
font-size: 10pt;
color: #B22222;
}

td.fieldname
{
font-weight: bold;
font-size: 10pt;
background: #FFFFCC;
}

/* Styles used in search results */
tr.result td
{
padding: 2px;
}

tr.altresult
{
background-color: #e0e0e0;
}

td.subject
{
height: 60px;
background-color: #FFFFCC;
}

span.report
{
font-size: 12pt;
position: relative;
}

span.resultdetails
{
color: #008000;
font-size: 8pt;
}

span.resultsiredam
{
font-size: 8pt;
}

span.title
{
color: #ff0000;
}

span.notice
{
font-size: 80%;
}

div.headleft
{
display: inline-block;
width: 15%;
}

div.headright
{
display:inline-block;
width: 85%;
text-align:center;
}

/* Styles used in pedigree */
div.subject
{
font-weight: bold;
font-size: 14pt;
text-align: center;
}

span.subjectdetails
{
color: #008000;
font-size: 8pt;
}

div.subjectlinks
{
font-size: 8pt;
margin-top: 2px;
}

div.subjectlinks a
{
color: #a52a2a;
}

div.genlinks
{
margin: 6px 0px 4px 0px;
font-size: 8pt;
}

div.genlinks a
{
color: #a52a2a;
}

span.ancestor
{
font-size: 9pt;
}

span.ancestordetails
{
color: #008000;
font-size: 8pt;
}

span.ancestorsiblings
{
color: #00B000;
font-size: 7pt;
}

/* Styles used in site terms and conditions */
font.termsofuse
{
font-size: 10pt;
}

font.termsofusebold
{
font-weight: bold;
font-size: 10pt;
}

span.warning
{
color: Red;
font-size: 7pt;
}

table.input
{
width: 700px;
border: thin solid #333333;
border-collapse: collapse;
}

td.fieldname
{
width: 200px;
}

table.input td, th
{
border: thin solid #333333;
padding: 2px;
}

table.admin
{
width:400px;
border: thin solid #333333;
border-collapse:collapse;
}

table.admin td
{
border: thin solid #333333;
padding: 2px;
}

table.admin td:first-child
{
width: 120px;
}

table.search
{
width:800px;
border: thin solid #333333;
border-collapse:collapse;
}

table.search td
{
border: thin solid #333333;
padding: 4px;
}

table.report
{
border: thin solid #333333;
border-collapse:collapse;
}

table.report tbody > tr td
{
border: thin solid #333333;
padding: 2px;
}

div.termsofuse
{
width:800px;
}

div.pagelinks
{
font-size: 9pt;
margin: 10px 4px 10px 0px;
}

table.advanced th
{
background-color: #ffffcc;
padding: 4px 0px 4px 0px;
}

div.searchtitle
{
color: #dc143c;
font-size: 12pt;
margin-bottom: 4px;
}

img.pedphoto
{
border-width:thin;
border-color: #aaaaaa;
}


nav ul {
	display: block;
	width: 100%;
	margin:0;
	padding:0;
}

nav ul li {
	display: inline-block;
	padding: 10px;
	margin:0;
	list-style-type: none;

}
nav.pagelinks li:first-of-type {
	padding-left:0;
}

nav#buttons ul li {
	background: -webkit-linear-gradient(rgba(0,0,0,0.09) 0%, rgba(0,0,0,0) 100%);
	border-top-right-radius: 10px;
	border: 1px solid black;
	border-bottom: none;
}

nav ul li a, nav ul li a:hover {
	color: #000;
	text-decoration: none;
}

.elementer {
	border: 1px solid black;
	padding: 10px;
	width: 98%;
}

header {
	margin-top: 0;
	padding:0;
	margin-bottom: 10px;
}

header h1 {
	padding: 10px;
	margin: 0;
}
body {
	margin-top: 0px;
	padding-top: 0px;
}
header nav {
	float: left;
}
header form {
	float: right;
}
#wrapper {
	clear: both;
	padding-left: 10px;
	padding-right: 10px;
}

#logo {
	background-color: rgb(232,99,16);
	color: rgb(255,255,255);
	height: 60px;
	background-image: url('gfx/newhead.png');
	background-repeat: no-repeat;
	background-position: right top;
	-webkit-background-size: contain;
	background-size: contain;
	-webkit-background-position-x:  right top;
}

header .nav {
	margin-top:10px;
	padding-right: 10px;
}

#front main h1 {
	line-height: 1em;
}

footer {
	margin-top: 10px;
	padding-top: 10px;
	border-top: solid 1px black;
}


p.M, p.F {
	background-position: 0 0;
	padding-left: 18px;
	background-repeat: no-repeat;
}

p.M {
		background-image: url("gfx/male.svg");
		background-size: 14px 14px;

}
p.F {
		background-image: url("gfx/female.svg");
		background-size: 12px 16px;

}

.pedphoto {
	width: 100%;
	height: auto;
}

.subject .pedphoto {
	width: 25%;
}