/* The Family Tree ----------------------------------------------------------*/
		.treetitle {
      color: rgb(0,50,150);
      font-size: 1.5em;
      margin-top: 1em;
      margin-bottom: 0.5em;
		}

		#svgdiv {
      border: 1px solid;
			border-radius: 0.3em;						
			background-color: #EBEBF5;
			font-size: 0.9em;
			float: left;
			margin: 1em 0 1em 0;
/*			overflow: auto; */
			resize: both;			
		}	
/* ---------------------------------------------------------------------------*/
    #treetablebar {
      font-size: 0.75em;
      margin-top: 1.5em;
      border: 1px solid;
      padding: 0.5em;
      background: rgb(235,235,245);
      text-align:center;
			clear: left;
			float: left;
    }

    .treetable {
      font-size: 1em;
      text-align: center;
      width: auto;
      border-collapse: collapse;
			margin: 1.5em auto;
    }

    #treecols {
      width: 6.25%;
    }

    .treetable td {
      vertical-align: top;
      padding: 0em;
      margin: 0em;
    }

    .treetable td.lineabove {
      border-top: 1px solid black;
    }

    .treetable td.lineaboveandleft{
      border-top: 1px solid black;
      border-left: 1px solid black;
    }

    .treetable td.lineleft{
      border-left: 1px solid black;
    }

    .treetable td.name{
      padding: 0 0.5em;
			height: 2em;
    }


/* The ImageBar --------------------------------------------------------------*/

    #imagebar {
      float: right;
      width: 18em;
      margin-left: 1.5em;
      margin-bottom: 0.5em;
			margin-right: 0.5em;
/*			overflow: hidden; */
			animation-name: open_imagebar;
			animation-duration: 1s;
			
    }
		
		@keyframes open_imagebar {
			from {
				width: 0em;
				opacity: 0;
			} to {
				width: 18em;
				opacity: 1;				
			}
		}	
		
		

    #imagebar A:link {
      color: rgb(245,245,225);
    }

    #imagebar A:visited {
      color: rgb(245,245,225);
    }

    #imagebar img {
      width: 18em;
/*
<<IE6 Bug ignores height: auto; so better not to set it (auto by default)>>
      height: auto;
*/
      border: none;
    }

    .caption {
      font-size: 0.75em;
      text-align: center;
      margin-bottom: 1em;
      margin-top: 0.5em;
			line-height: 1.1em;
    }


/* The Owner/Occupier Bar ----------------------------------------------------*/

    #ootablebar {
      font-size: 0.85em;
      float: left;
      width: 15em;
/* width: 0em; */
      margin-right: 2em;
      margin-bottom: 0.5em;
      border: 1px solid;
			border-radius: 0.3em;			
      padding: 0.5em;
      background: rgb(255,255,235);
			
			overflow: hidden;
			animation-name: open_ootablebar;
			animation-duration: 1s;
			
    }

		@keyframes open_ootablebar {
			from {
				width: 0em;
				opacity: 0;
				padding: 0em;
      border: 0px solid;
			border-radius: 0em;			
				
			} to {
				width: 15em;
				opacity: 1;				
				padding: 0.5em;				
      border: 1px solid;
			border-radius: 0.3em;			
			}
		}	
		
    .ootables {
      font-size: 1em;
      text-align: left;
      width: 100%;
			line-height: 1em;
    }

    .ootables td, .ootables th{
      vertical-align: top;
      padding: 0.25em 0.2em 0.25em 0em;
    }

    .ootitle {
      color: rgb(0,50,150);
    }

		.ootables tr[class^="subrow"] {
			display: none;
		}	
		
		.ootables tr[class^="subrow"] td {
			background-color: rgb(235,235,215);
		}

		.ootables tr[class^="headrow"] {
			cursor: pointer;
		}

		.ootables tr[class^="headrow"] .ootables td.headrowtxt {
			text-decoration: underline;
		}

		.headrowbtn {
			background-color: rgb(235,235,215);
			border: 1px solid rgb(0, 50, 150);
			color: rgb(0, 50, 150);
			display: inline-block;
			font-size:  0.75em;
			line-height: 1em;
			margin-left: 0.5em;
			text-align: center;
			text-decoration: none;
			width: 0.75em;
		}					
		
/* The Timeline --------------------------------------------------------------*/

	@media print {
		#timeline {
			display:none;
		}
	}
    #timeline {
      overflow: hidden;
      margin-bottom: 0em;
      width: 100%;
			left: 0px;
      position: fixed;
      background-color: rgb(245,245,225);
			padding-bottom: 1.25em;
			top: 0px;
    }
		
    #innerdiv {
      position: relative;
    }

    #timelinetable td {
      padding-right: 1em;
      white-space: nowrap;
      font-size: 0.85em;
    }

    #timelinetable td.local {
      color: red;
    }

	@media print {
		#container {
			max-width: 90%;
		}
	}
	@media screen {
		#container {
			max-width: 60em;
		}
	}
    #container {
      position: relative;
      height: 100%;
/*      overflow: hidden; */
			margin: auto;
    }

		#timelinetable {
			position: relative;
			animation-name: tickertape;		
//			animation-duration: 90s;  
animation-duration: 10s;  
			animation-timing-function: linear; 
			animation-iteration-count: infinite;
			/* animation-direction: normal; */
			animation-direction: alternate;
			left: 50%;
		}
		
		@keyframes tickertape {
				from {transform: translateX(0%)}
				to {transform: translateX(-100%)}
		}					




/* The Topics div ------------------------------------------------------------*/

	@media print {
		#topicsdiv {
			display:none;
		}
	}

	#topicsdiv {
		float: left;
		margin-top: 2em;
		width: 100%;
		color: rgba(0, 50, 150, 0.75);
	}	

/* The Other Pages buttons ---------------------------------------------------*/

	@media print {
		#otherbtns {
			display:none;
		}
	}


    #otherbtns {
      margin-top: 1em;
			float: left;
			width: 100%;
    }

		
/* Search --------------------------------------------------------------------*/
    #results a {
      text-decoration: none;
      font-size: 0.85em;
    }

    #results a:visited {
      color: rgb(0,50,150);
    }

    #results li {
      line-height: 1.25em;;
    }

    #results .heading {
			background-color: rgb(245, 245, 225);
			border: 2px solid white;
			color: rgb(0, 50, 150);
			font-size: 1.5em;
			padding: 0.15em 0.25em;			
    }

    #results ul {
      margin-top: 0.75em;
      margin-left: 1em;
      padding-left: 0em;
    }

    #results table {
      border-spacing: 1em 0;
      margin-left: -1em;
    }

    #results td {
      vertical-align: top;
      padding: 0 0.5em;
      border: 2px solid white;
    }

    #results col {
      width: 33.3%;
    }

    #searchhelp {
      color: red;
      font-size: 0.75em;
      margin: 0 0 0.75em -0.5em;
      border: 2px solid white;
      padding: 0.5em;
			background-color: rgb(245,245,225);
    }

    #searchhelp p {
      margin: 0.5em 0.25em 0.5em 0.25em;
			font-weight: bold;
    }

    #searchhelp ul {
      margin: 0;
      padding-left: 1.5em;
    }
    
    .smalltxt {
      font-size: 0.85em;
    }

		
/* Search Highlighting -------------------------------------------------------------*/

    .srchterm {
      background-color: rgb(100,250,100);
      text-decoration: inherit;
      border: 1px solid rgb(50,200,50);
    }

		.srchterm1, #srchhlmenu1 {
			background-color: rgb(100,250,100);
			text-decoration: inherit;
			border: 1px solid rgb(50,200,50);
		}

		.srchterm2, #srchhlmenu2 {
			background-color: rgb(250, 135, 135);
			text-decoration: inherit;
			border: 1px solid rgb(50,200,50);
		}

		.srchterm3, #srchhlmenu3 {
			background-color: rgb(130, 225, 250);
			text-decoration: inherit;
			border: 1px solid rgb(50,200,50);
		}
		
		.srchterm4, #srchhlmenu4 {
			background-color: rgb(240, 255, 110);
			text-decoration: inherit;
			border: 1px solid rgb(50,200,50);
		}
		
		#srchhlmenu, #srchhlmenu li {
			display: inline;
			margin: 0px;
			white-space: nowrap;
		}
		
		#srchhlmenu li {
			padding: 0px;			
		}
		
		#srchhlmenu, #srchcase {
			padding:0 3em 0 0;		
		}
		
		#srchhlmenu0 {
			border:1px solid transparent;
			background-color: transparent;
		}
		
		#srchhlmenu li input {
			margin: 0px;
			padding: 0px;			
		}

		
/* ifa_menu() Stuff ----------------------------------------------------------*/

	@media print {
		.ifa_menu #menu_btns {
			display:none;
		}
	}

		.ifa_menu  ul {
			display: inline;
			border-style: solid;
			border-width: 0px 1px;
			border-color:  white;
			margin: 0px;
			padding: 0px;
		}

		.ifa_menu li {
			display: inline;
			padding: 0.25em 0.5em;
			border-style: solid;
			border-width: 3px 2px;
			border-color:  white;
			margin: 0px;
		}

		.ifa_menu a {
			text-decoration: none;
			padding: 0.25em 0.5em;
			font-weight: bold;
			margin: 0px;
			transition: all 0.5s ease;			
		}

		.ifa_menu a:active, .ifa_menu a:visited, .ifa_menu a:link {
			color: rgb(0,50,150);
		}

		.ifa_menu a:hover {
			color: white;
			background-color: rgb(0,50,150);
/*			transition: all 0.5s ease; */
		}

		.ifa_menu .title a {
			font-weight: normal;
			padding: 0;
		}

    .ifa_menu .title {
      color: rgb(0,50,150);
			display: inline;
      font-size: 2.5em;
			line-height: 1em;
    }
		
		.ifa_menu .subtitle {
      color: rgb(0,50,150);
      font-size: 1em;
      /* margin-top: -1.5em; 
      margin-bottom: 1.5em; */
			margin: 0.5em 0;
		}
		

		.ifa_menu table {
			 width: 100%;
		}

		.ifa_menu .rt_align {
			 text-align: right;
			 line-height: 2.5em;
		}

		.ifa_menu {
			 width: 100%;
			 margin: 2em 0em 1em;
		}

		.ifa_menu #menu_btns {
			 width: 23em;
			 vertical-align: top;
		}
		
		.ifa_menu #searchstr {
			font-family: tahoma, arial, sans-serif;
			font-size: 0.8em;
			line-height: 1.3em;
		}

		#ifa_search_popup {
			display: none;
		}

		#ifa_search_popup form {
			display: inline-flex;
			vertical-align: top;
		}

		#ifa_search_submit {
			height: 1.5em;
			vertical-align: text-top;
		}


/* Dictionary  Stuff ---------------------------------------------------------*/

    .dict_term {
      text-decoration: none;
      border-bottom: 1px dashed rgb(0,50,150);
      cursor: help;
      position: relative;
      color: black;
    }

    .dict_def {
      display: none;
    }

    /* This is here to work around a bloody IE bug! Unless this or some other
    default/initial value is set in the :hover psuedo class then the
    ".dict_term:hover .dict_def" decendant selector below doesn't work and the
    "pop-up" never appears. I chose direction: ltr; because it's unlikely to
    need to be anything else. */

    .dict_term:hover {
      direction: ltr;
    }

    .dict_term:hover .dict_def {
      position: absolute;
      display: block;
      top: -0.5em;
      left: 0em;
      background-color: rgb(200,225,250);
      padding: 0.5em;
      white-space: nowrap;
      border: 1px solid black;
			font-family: tahoma, arial, sans-serif;			
      font-size: 0.75em;
      font-weight: normal;
      font-style: normal;
      text-indent: 0em;
      z-index: 100;
    }


		
/* Background image stuff -------------------------------------------------- */		

		#bkg_div {
			position: absolute; 
			z-index: -1; 
			left: -10%; 
			width: 110%; 
			top: -10%; 
			overflow: hidden;
		}	

		#bkg_img {
		 width: 110%; 
		 opacity: 0.3;	
		}

		#bkg_fade {
			position: absolute; 
			width: 100%; 
			bottom: 0px; 
			background-image: linear-gradient(to bottom, rgba(245, 245, 225, 0), rgb(245, 245, 225)); 
			height: 75%;	
		}	
		

/* General Stuff -------------------------------------------------------------*/

    .subject {
      color: rgb(245,20,10);
      font-weight: bold;
    }

		a, a:visited {
			color: rgb(0, 50, 150);
		}			
		
		b {
			font-weight: bold;
		}
		
		i {
			font-style: italic;
		}

    p, li {
      margin-top: 0.75em;
    }

    body {
      margin: 0em 2em 1em 2em;
      font-family: tahoma, arial, sans-serif;
			line-height: 1.3em;
    }
		
		th {
			font-weight: bold;
		}	
		
		th, td {
		  padding: 1px;
/*			vertical-align: middle; */
		}
		
		tbody {
/*			vertical-align: middle; */
		}
		
		.rtalign {
			text-align: right;
		}	

    .term {
      font-style: italic;
    }

		.bodytext {
			max-width: 50em;
			text-align: justify;
		}
	  
    .bodytext cite {
      font-style: italic;
      font-size: 0.95em;
      padding: 0.5em 0em;
      display: block;
      text-indent: 1em;
    }

		.bodytext table {
			margin: auto;
		}
		
		.bodytext td {
		  vertical-align: top;
			border-spacing: 0.5em;
		}
		
		.bodytext strong {
			font-weight: bold;
		}
		
		.money {
		  white-space: nowrap;
			text-align: right;
		}
		
		ul {
			list-style: disc outside;
			margin-block-end: 1em;
			margin-block-start: 1em;
			padding-inline-start: 40px;			
		}	

/*
    .missinglink {
      color: yellow;
      background-color: red;
    }
*/

#ccnotice {
  border-top: 1px solid;
  bottom: 0;
  float: left;
  font-size: 0.5em;
	line-height: 1.2em;
  margin: 3em 0 0;
  padding: 2em 0;
  text-align: center;
  width: 100%;
}

#now h4 {
	margin: 1.33em 0;
}	
#svggrid {
	overflow: visible;
	margin: 0 30px;
}	

sup {
  font-size: xx-small; 
  line-height: normal;
  vertical-align: super;
}

		.shadowed {
			box-shadow: 3px 3px 3px #ccc;
		}	
		
		.roundedwhitebdr {
			border: 0.25em solid white;
			border-radius: 0.25em;
		}