body { font-size: 16px; }
a { 
  color: black;
  text-decoration:none;
}
a:visited { color: black; /*#0000FF;*/ /*#9999CC;*/ }
a:hover { color: #B40404 /*#6666CC*/; }

h2 {font-size:14px;font-family:arial, verdana, tahoma;font-weight:bold;margin-bottom:0px;}
h3 {font-size:12px;font-family:arial, verdana, tahoma;font-weight:bold;margin-bottom:6px;}
p {font-size:12px;font-family:arial, verdana, tahoma;}
p.spacer {font-size:0px;margin-top:0px;margin-bottom:6px;}
.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;}

div {font-size:12px;font-family:arial, verdana, tahoma;}
div.tree_column1 {
/*  float:left;*/
  position: absolute; left: 0px; top: 2em; /*31px;*/
}
div.details_wrapper {
  width:20em;
  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.tree_column2 {
  position: absolute; left: 20.5em; top: 2em;
}
div.tree_wrapper{
/*  background-color: #E6E6E6;*/
  position:absolute;
  height: 44em;
  width: 66.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;
}  
#cnct4567{
  top:2.3em;left:15em;
}  
#cnct23{
  top:.2em;left:0em;
}  

#source_wrapper{
  /*border-color:green;*/
  border:0px;
  left: 0em;
}
#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;}


/* Generic formatting for each cell */
.boxp, .box {
  position: absolute;
  border: 1px solid #66ccff;
  width: 15em;
  height: 3.5em;
/*  margin: 10px 0px;*/
  padding: 2px;

  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;

  background-color: white;
  z-index: 1;
}
.boxp:hover {
 background-color:pink; 
 cursor:pointer;
}

/*boxes that contain the spouse and child list entries 
- showSC displays how many spouses/children
- scView wraps scList and has the close button
- scList has the list entries
 */
.scList { 
  overflow: auto;
  padding: 3px;
  text-align: left;
}
.scList a { text-align: left; }
.spouse {
  font-weight:bold;
  font-size:11px;
  margin-top:0px; margin-bottom:2px;
}
.child {
  margin-top:0px; margin-bottom:2px;
  padding-left:10px;
  font-size:10px;
  text-align:left;
}

.showSC	{
  font-size: 0.857em;
  width: 16.4em;
  height: 1.2em;
  background-color: white;
  color: black;
  position: absolute;
  margin-left: 1.15em;
  padding-top: .3em;
  border: 1px solid #ccc;
  border-top: none;
  text-align: right;
  z-index: 1;
  /*	z-index: -2;*/
}
.showSC a {
  text-decoration: none;
  margin-right: 3px;
}
	
.scView	{
  padding-bottom: 5px;	
  font-size: 0.857em;
  width: 16.4em;
  display: none;
  z-index: 2;
/*  z-index: 0;*/
  background-color: white;
  color: black;

  border: 1px solid #ccc;
  border-top: none;

  -moz-border-radius: 0px 0px 3px 3px;
  -webkit-border-radius: 0px 0px 3px 3px;
  -khtml-border-radius: 0px 0px 3px 3px;
  border-radius: 0px 0px 3px 3px;
  position: absolute;
  margin-left: 1.15em;

  -moz-box-shadow: 1px 1px 3px 0px #c4c4c4;
  -webkit-box-shadow: 1px 1px 3px 0px #c4c4c4;
  box-shadow: 1px 1px 3px 0px #c4c4c4;
}
.scView a {
  text-decoration: none;
  display: block;
  margin-right: 3px;
}
.close a { text-align:right;}
/* can't seem to get this piece of text over to the right. Hm. */

/*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;
}
#cnct1 {
  top: 11.5em; 
  height: 21em;
  width: 3.5em;
}
#cnct2, #cnct3 { height: 10em; width: 3em; left:9em;}
#cnct2 { top: 6.5em; }
#cnct3 { top: 27.7em; }
#cnct4, #cnct5, #cnct6, #cnct7 { height: 6.5em; width: 3em; left: 0em; }
#cnct4 { top: 0em; }
#cnct5 { top: 11.3em; }
#cnct6 { top: 22em;}
#cnct7 { top: 33em; }

/* source formatting/positioning */
#source .name {	font-weight: bold;}
#source {
  top: 20.25em;
  left: .25em;
}
#sourceShowSC, #sourceSC { /* has the dropdown arrow */
  top:28.3em;
}

/* 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; }

/* Infobox (column 1 */
.infobox {
  display: none;
  padding:3px;
}
#source_info {
  display: block;
}