body{
  font-size: 16px;
  font-family:arial, verdana, tahoma;
}
h1 {font-size:1.2em;margin-top:0;margin-bottom:3px;}
h2 {font-size:1.1em;margin:0;}
h3 {font-size:1em;margin-top:.8em;margin-bottom:0;}
.date {font-size: 0.83em;color:blue;}
.show {font-size: 0.83em; margin-top:4px;}
.show a {color:gray;}
.show a:hover { color: #B40404 /*#6666CC*/; }
.box a {  text-decoration: none;}
.plink a { text-decoration:underline; font-size:.83em;color:gray;}
.smalltext { font-size:.83em;}
.heading {color:red;margin:0;font-size:10px;}
p.hanging_indent {padding-left:22px;text-indent:-22px;margin-top:0px;margin-bottom:0px;font-family:arial, verdana, tahoma;}#page_wrapper{
position:absolute;
top:3em;
}
#header {
  width:100%;
  clear:both;
} 
div.content{
  position:fixed;
  height:90%;
  overflow:scroll;
  left:21.5em;
  border:1px solid #ccc;
}
p {font-size:12px;font-family:arial, verdana, tahoma;}
div {font-size:12px;font-family:arial, verdana, tahoma;}
div.column1 {border:0px solid blue;width:400px;float:left;}
div.column2 {border:0px solid blue;width:350px; float:left;}
a:visited { color: black; /*#0000FF;*/ /*#9999CC;*/ }
a:hover { color: #B40404 /*#6666CC*/; }

div.tree_column1 {
/*  float:left;*/
  position: absolute; left: 0px; top: 2.5em; /*31px;*/
}
/* Infobox (column 1 */
.infobox {
  display: none;
  padding:3px;
}
/* source formatting/positioning */
#source .name {	font-weight: bold;}
#source {
  top: 20.25em;
  left: .25em;
}
#source_info {
  display: block;
}
div.details_wrapper {
  padding:3px;
  width:25em; /* was 20 */
  height: 44em;
  border: 1px solid blue;
  margin-right:.5em;
  overflow:scroll;
  -moz-border-radius: 3px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
}
div.details_nowrap {
  white-space:nowrap;
}	
div.details_wrap {
  white-space:normal;
}	

div.tree_column2 {
  position: absolute; left: 25.5em; top: 2.5em;
}
div.tree_wrapper{
/*  background-color: #E6E6E6;*/
  position:absolute;
  height: 44em;
  width: 50.5em;
  border: 1px solid blue;
  -moz-border-radius: 3px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  background-color:#E6E6E6;
}

div.box_wrapper {
  position:absolute;
  float:left;
  border: 1px solid;
  width: 16em;
  height:100%;
}
div.cell_wrapper{
  position:absolute;
  border:0px solid blue;
  width:16em;
} 
div.connect_wrapper{
  position:absolute;
  border:0px solid blue;
}  
/*Connecting Lines*/
.connect {
  position: absolute;
  left: 5em;
  z-index: 0;
  padding: 0;
  margin: 0;
  background: transparent;
  border: 1px solid gray;
  border-right: none;

  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
}
#connect_source {
  top: 11.5em; 
  height: 21em;
  width: 3.5em;
}
#connect_p1, #connect_p2 { height: 10em; width: 3em; left:9em;}
#connect_p1 { top: 6.5em; }
#connect_p2 { top: 27.7em; }
#connect_p { top:.2em;left:0em; } 

#connect_gp1, #connect_gp2, #connect_gp3, #connect_gp4 { height: 6.5em; width: 3em; left: 0em; }
#connect_gp1 { top: 0em; }
#connect_gp2 { top: 11.3em; }
#connect_gp3 { top: 22em;}
#connect_gp4 { top: 33em; }
#connect_gp{
  top:2.3em;left:15em;
}  

#source_wrapper{
  /*border-color:green;*/
  border:0px;
  left: 0em;
}
/* Generic formatting for each cell */
.boxp, .box {
  position: absolute;
  border: 1px solid #66ccff;
  width: 15em;
  height: 3.5em;
  padding: 2px;
  background-color: white;
  z-index: 1;

  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
}
.boxp_link:hover {
 background-color:#ECF1EF; 
 color:#B40404;
 cursor:pointer;
}
#p_wrapper{
  /*border-color:red;*/
  left: 7em;
  border:0px;
}
#gp_wrapper{
  border: 0px solid black;
  left:18em;
}
#ggp_wrapper{
  border: 0px solid gray;
  left:34em; top: .8em;
}
#gggp_wrapper{
  border: 0px solid purple;
  left:50em; top: .8em;
}
#p1_wrapper {top: 9.75em;}
#p2_wrapper {top: 31em;}

#gp1_wrapper { top: 4em; }
#gp2_wrapper { top: 15.2em;}
#gp3_wrapper { top: 25.3em;}
#gp4_wrapper { top: 36.6em;}

#ggp1_wrapper { top: 0em; }
#ggp2_wrapper { top: 1.25em;}
#ggp3_wrapper { top: 3em;}
#ggp4_wrapper { top: 5.5em;}
#ggp5_wrapper { top: 8em; }
#ggp6_wrapper { top: 10.5em;}
#ggp7_wrapper { top: 13em;}
#ggp8_wrapper { top: 15.5em;}

/* may have duplicates after this point */
/* Parent */
#p1, #p2 { left: .25em; } /*7 + 20.95 */
#p1 { top: 0em; } 
#p2 { top: 0em; }

#p1SC, #p1ShowSC, #p2SC, #p2ShowSC {  }
#p1SC, #p1ShowSC { top: 4.7em; }
#p2SC, #p2ShowSC { top: 4.7em; }

/* Grandparent */
#gp1, #gp2, #gp3, #gp4 { left: .25em; } /* 8 */

#gp1 { top: 0em; }
#gp2 { top: 0em;}
#gp3 { top: 0em;}
#gp4 { top: 0em;}

#gp1SC, #gp1ShowSC, #gp2SC, #gp2ShowSC, #gp3SC, #gp3ShowSC, #gp4SC, #gp4ShowSC
{ left: 0em; top:4.7em;}
/*
#gp1SC, #gp1ShowSC { top: 9.4em; }
#gp2SC, #gp2ShowSC { top: 22.4em; }
#gp3SC, #gp3ShowSC { top: 33.9em; }
#gp4SC, #gp4ShowSC { top: 46.9em; }
*/
/* Great-grandparent */
#ggp1, #ggp2, #ggp3, #ggp4, #ggp5, #ggp6, #ggp7, #ggp8
{ left: .25em; }

#ggp1 {	top: 0em;  }
#ggp2 { top: 4.2em;  }
#ggp3 {	top: 8em; }
#ggp4 {	top: 11em; }
#ggp5 {	top: 14em; }
#ggp6 { top: 17em; }
#ggp7 { top: 20em; }
#ggp8 { top: 23em; }

#ggp1SC, #ggp1ShowSC, #ggp2SC, #ggp2ShowSC, #ggp3SC, #ggp3ShowSC, #ggp4SC, #ggp4ShowSC
{ left: 0em; top:4.7em;}

/* Great-grandparent */
#gggp1, #gggp2, #gggp3, #gggp4, #gggp5, #gggp6, #gggp7, #gggp8, #gggp9, #gggp10, #gggp11, #gggp12, #gggp13, #gggp14, #gggp15, #gggp16 {
  height: 1.3em;
  left: .25em;
}
#gggp1 {top: 0em;  }
#gggp2 { top: 2.2em; }
#gggp3 { top: 5.4em;  }
#gggp4 { top: 7.6em; }
#gggp5 { top: 10.9em; }
#gggp6 { top: 13.1em; }
#gggp7 { top: 16.4em; }
#gggp8 { top: 18.6em; }
#gggp9 { top: 22em; }
#gggp10 { top: 24.2em; }
#gggp11 { top: 27.4em; }
#gggp12 { top: 29.6em; }
#gggp13 { top: 33em; }
#gggp14 { top: 35.2em; }
#gggp15 { top: 38.4em; }
#gggp16 { top: 40.6em; }

/*
 * browse page
 */
#imgcontainer {position:relative;height:1200px;width:100%;overflow:scroll;
  background-color:#6495ED;
  border: 1px solid #f2f2f2;
  cursor:url(img/magnify.cur),-moz-zoom-in;
}
#myimg {
  width:100%;
  position: absolute;
  z-index: 9;
  background-color: #f1f1f1;
  text-align: center;
  border: 1px solid #d3d3d3;
}
.pagination {
  display: inline-block;
}

.pagination a {
  color: black;
  float: left;
  padding: 8px 12px;
  text-decoration: none;
}
.pagination a.active {
  background-color: #4CAF50;
  color: white;
}
.pagination a:hover:not(.active) {background-color: #ddd;}


/*
 * not sure if used?
 */
.button {
  background-color: #a52a2a;
  border: none;
  color: white;
  font-weight:bold;
  padding: 1em 2em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 4px 2px;
  cursor: pointer;
}
.found, .notfound {font-size:1.2em;font-weight:bold;color:white;background-color:#04AA6D;display:block;width:150px;margin:20px;padding:5px;text-align:center;}
.label {margin-left:1em;}
#filter {border:1px solid #f2f2f2;}

/*
 * navbar
 */
div.navbar {margin-bottom:1em;
	border:0px solid blue;
}


.button {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}
.button-smallx {
  background-color: #a52a2a;
  border: none;
  color: white;
  font-weight:bold;
  padding: 1em 2em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 8px;
  margin: 1px 1px;
  cursor: pointer;
}
.button-navbar{
  background-color:#f2f2f2;
  border:1px solid black;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 10px;
  padding: 3px 3px;
  margin: 1px 1px;
  cursor: pointer;
}	
.button_selected {
  background-color:#ffe4c4;
  border:1px solid #8B0000;
}
.button-small{
  background-color:#f2f2f2;
  border:1px solid black;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 10px;
  padding: 4px 1em;
  margin: 1px 1px;
  cursor: pointer;
}	

.relative_type {font-size:.8em; font-style:italic;}

/*these are not working for the summary table: */
.summary_table_row {background-color:white;}
.summary_table_row tr:nth-child(2n) {background-color: red;}

/* 
 * Download page
 * */
.metadata {
	float:left;
	padding:5px;
}
#metadata_wrapper {
	width:100%;
	border:0px solid blue;	
	clear:both;
	display:table;
}
#summary_wrapper {
border:0px solid blue;display: flex;
}
#summary_english {
float:left;display:block;width:50%;
}
#summary_polish {
float:left;display:block;padding-left:10px;width:50%;
}

#info {
	float:left;
	width:35%;
	margin-right:2em;
}
#intro {
float:left;width:45%;display:block;
}
#summary {
float:right;width:50%;display:block;
padding-left:10px;
}
.summary_table {
  border:1px solid #6495ED;
}
th.summary_table {
	background-color:#6495ED;
  border: 1px solid #f2f2f2;
}
.altcell {border-bottom:3px solid;}


/*
 * license footer
 */
#license_wrapper {
border:0px solid blue;display: flex;
}
#license_img {
float:left;display:block;padding-top:2.5em;
}
#license_text {
float:left;display:block;padding-left:10px;
}


table {
  border: 1px solid blue;
}
th {
  border: 1px solid #f2f2f2;
}
td {
  border: 1px solid #04AA6D;
}
table {
  border-collapse: collapse;
}
th {
  text-align: left;
  background-color: #04AA6D;
  color: white;
}
th, td {
  padding: .5em;
  text-align: left;
}
tr:nth-child(even) {background-color: #f2f2f2;}
/* over-riding the nth-child style: */
tr.highlight {background-color:#FFFF00;}
tr.highlight:nth-child(even) {background-color:#FFFF00;}

h1 {
	font-size:1.5em;
	color:#8B0000;
}
h2 {
	font-size:1.25em;
color:blue;	
}

.smaller {font-size:.8em;}
.num {text-align:right;padding-right:3em;}


.note{
/*
	margin-top:6px;
border-bottom:2px solid blue;	
*/
	
}

.footnote{
	vertical-align:super;color:red;font-weight:bold;
}