/* ========== Bz0_Basic ========== */

/* max-width changed 24 July 2016, was 1024px */
body {max-width:  1280px;
      width: 96%; margin-left: 2%; margin-right: 2% }

/* PBz formating */
/* fractions: separate sup/sub with: ⁄ */
sup {vertical-align:text-top; font-size:70%;}
sub {vertical-align:-15%; font-size:70%;}


/* text formating */
.bz-scap   {font-variant:small-caps}
.bz-strike {text-decoration: line-through; color: gray;}
.bz-supu   {vertical-align: text-top; font-size:70%; text-decoration: underline;}
.bz-sup    {vertical-align: text-top; font-size: 70%;}
.bz-sub    {vertical-align: -15%; font-size: 70%}
.bz-uline  {text-decoration: underline;}
.bz-logo   {font-weight:bold; font-variant:small-caps; font-size:103%}

/* ===== Bull Menu Bars ===== */
table.bzbull {width: 100%;
              font-size: 90%;
              margin-left: auto; 
              margin-right: auto;
              border: 0;
              color: #000000;
              background-color: transparent; 
              border-collapse: collapse;} 

.bzbull img {border:0}

tr.bzbullbar1 {height:40px;
               background-color:#C0C0C0;
               color: #000000;}
tr.bzbullbar2 {height:35px;
               background-color:#D0D0D0;
               color: #000000;}
tr.bzbullbar3 {height:35px;
               background-color:#E0E0E0;
               color: #000000;}
tr.bzbullbar4 {height:35px;
               background-color:#F0F0F0;
               color: maroon;}               
              
td.bzbullogo {width:30%;
              text-align:left; vertical-align:middle;
              border-bottom: 3px #000000 double;}
td.bzbullpage {width:50%;
               text-align:center; vertical-align:middle;
               font-size: x-large;
	           font-weight: bold;
	           font-family:"Times New Roman", Times, serif;
	           border-bottom: 3px #000000 double;}
td.bzbullupd {width:20%;
              text-align:center; vertical-align:middle;
              font-size: 0.6em; 
              font-weight: normal;
              font-family:"Times New Roman", Times, serif;
              border-bottom: 3px #000000 double;}

ul.bzbullbar {font-size: 0.8em;
              font-weight:bold;
              font-family: Arial, Helvetica, sans-serif;
              list-style-type:none;
              margin:0; padding:0;}
              
li.bzbullbar {display:inline;}
li.bzbullhook {display:inline; font-style:italic;}

li.bzbullpoint {display: inline; 
                font-weight:bold; font-size: 1.25em; 
                text-align:center; vertical-align: text-top;}
                
button.bzbullhot {font-weight:bold; color:maroon;}
button.bzbullcold {color:  #666666; font-style: italic}

img.bzbullogo {border: 0px #C0C0C0 solid; 
               height:40px; width:235px;}               
    
/* ===== Page Divisions ===== */
div.dw100 {padding-left:0; width:100%; padding-right:0    }
div.dw96 {padding-left:2%;  width:96%; padding-right:2%;  }
div.dw90 {padding-left:5%;  width:90%; padding-right:5%;  }
div.dw80 {padding-left:10%; width:80%; padding-right:10%; }
div.dw70 {padding-left:15%; width:70%; padding-right:15%; }
div.dw60 {padding-left:20%; width:60%; padding-right:20%; }  

/* ===== Print Adjustments ===== */
@media print
 {
 div.dw100 {padding-left:0; width:100%; padding-right:0    }
 div.dw96 {padding-left:0%;  width:100%; padding-right:0%;  }
 div.dw90 {padding-left:2%;  width:96%;  padding-right:2%;   }
 div.dw80 {padding-left:5%;  width:90%;  padding-right:5%;  }
 div.dw70 {padding-left:8%;  width:84%;  padding-right:8%;  }
 div.dw60 {padding-left:10%; width:80%;  padding-right:10%; } 
 }
 
/* ===== Float to top ===== */
/* Chrome does not support External CSS in/with Java script */
/* #BzTop {  */
/*    display: none;          Hidden by default */
/*    position: fixed;        Fixed/sticky position */
/*    bottom: 20px;           Place the button at the bottom of the page */
/*    right: 30px;            Place the button 30px from the right */
/*    z-index: 99;            Make sure it does not overlap */
/*    border: none;           Remove borders */
/*    outline: none;          Remove outline */
/*    background-color: red;  Set a background color */
/*    color: white;           Text color */
/*    cursor: pointer;        Add a mouse pointer on hover */ 
/*    padding: 5px;           Some padding */
/*    border-radius: 10px; }  Rounded corners */

/* #BzTop:hover { */
/*    background-color: #555;  Add a dark-grey background on hover } */

/* ===== Links ===== */ 
.bz-hoverbox    {border-bottom: .07em dotted red;}
.bz-hoverlink   {border-style: none}

a:link    {color:#000080; text-decoration:none; }     /* unvisited */
a:visited {color:#000080; text-decoration:none; }     /* visited   */    
a:hover   {color:#000080; text-decoration:underline; background-color: transparent;} /* mouse over */
a:active  {color:#000080; text-decoration:none; }     /* selected  */   
 
/* ===== Titles ===== */
    
h1.bzh1 {
	text-align: center;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
    }

h1.bzh1-maroon {
	text-align: center;
	color: #800000;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
    }
    
h1.bzh1-green {
	text-align: center;
	color: #006600;
	margin-top: 1em;
	margin-bottom: 0.5em;
    }

h2.bzh2 {
	text-align: center;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
    }

h2.bzh2-maroon {
	text-align: center;
	color: #800000;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
    }
    
h2.bzh2-green {
	text-align: center;
	color: #006600;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
    }

h3.bzh3c {text-align: center;
	margin-top: 0.5em; margin-bottom: 0.5em;
    }
h3.bzh3l {text-align: left;
	margin-top: 0.5em; margin-bottom: 0.5em;
    }
        
/* e.g. Alfred day-books H3 and H4 */
.bzh-qtr-brown {text-align: left; text-indent: 0.5em;
                font-weight: bold; font-size: 1.25em;
                color: #FFFF00; background-color: #201000; 
                margin: 1.5em 0 1em 0;
               } 
.bzh-mon-brown {text-align: center; text-indent: 0;
                font-weight: bold; font-size: 1.1em;
                color:  #FFFF99; background-color: #201000; 
                margin: 1em 0 1em 0;
               }
.bzh-qtr-brown {text-align: left; text-indent: 0.5em;
                font-weight: bold; font-size: 1.25em;
                color: #FFFF00; background-color: #201000; 
                margin: 1.5em 0 1em 0;
               } 
.bzh-qtr-green {text-align: left; text-indent: 0.5em;
                font-weight: bold; font-size: 1.25em;
                color: #FFFF00; background-color: #336633; 
                margin: 1.5em 0 1em 0;
               } 
.bzh-mon-green {text-align: center; text-indent: 0;
                font-weight: bold; font-size: 1.1em;
                color:  #FFFF99; background-color: #336633; 
                margin: 1em 0 1em 0;
               }

/* ===== BLOCKQUOTE ===== */

blockquote.greypaper {
    padding: 1em 8%;
    font-family: Courier New, monospace; font-size:100%;
    border-top:3px #CCCCCC double; border-left:3px #CCCCCC double;
    border-bottom:2px #CCCCCC solid; border-right:2px #CCCCCC solid;
    background-image:url(../All_Bz/background/bkgndpapergrey.jpg)
    }

blockquote.greyscript {
    padding: 1em 5%;
    font-size:125%; font-family: "Brush Script MT", "French Script MT", Script, serif ;
    border-top:3px #CCCCCC double; border-left:3px #CCCCCC double;
    border-bottom:2px #CCCCCC solid; border-right:2px #CCCCCC solid;
    background-image:url(../All_Bz/background/bkgndpapergrey.jpg)
    }

blockquote.greycursive {
    padding: 1em 5%;
    font-size:125%; font-family: "Monotype Corsiva", cursive, serif;
    border-top:3px #CCCCCC double; border-left:3px #CCCCCC double;
    border-bottom:2px #CCCCCC solid; border-right:2px #CCCCCC solid;
    background-image:url(../All_Bz/background/bkgndpapergrey.jpg)
    }

blockquote.newscut {
    width: 50%; padding: 1em 5%;
    font-size:100%; font-family:Georgia, "Times New Roman", Times, serif;
    border-top:3px #CCCCCC double; border-left:3px #CCCCCC double;
    border-bottom:2px #CCCCCC solid; border-right:2px #CCCCCC solid;
    background-image:url(../All_Bz/background/bkgndpapergrey.jpg)
    }

/* transcription quote left of figure */
blockquote.transcripl {text-align:left; padding:0.5em; margin:0 260px 0 0;
      text-indent:0; font-size: 0.9em; font-family: Arial, Helvetica, sans-serif;
      border:1px #FFC891 solid; background:#FFFFEA; }

/* ===== PARAGRPH ===== */
p.bzp-newscut {
	text-align: justify;
	text-indent: 1em; margin: 0 0 0.5em 0;
    }

p.bzp-stdcenter {
	text-align: center;
	text-indent: 0; margin: 0 0 0.5em 0;
    }
	
p.bzp-stdindent {
	text-align: left;
	text-indent: 2em; margin: 0 0 0.5em 0;
    }

p.bzp-stdhanging {
	text-align: left;
	text-indent: -2em; margin: 0 0 0.5em 2em;
    }

p.bzp-noindent {
	text-align: left;
	text-indent: 0; margin: 0 0 0.5em 0;
    }
    
p.bzp-stdjustify {
	text-align: justify;
	text-indent: 0; margin: 0 0 0.5em 0;
    }

p.bzp-caption {text-align: center; padding: 0;
	font-size: 0.9em;
    text-indent: 0; margin: 0.25em 0 0.5em 0;
	font-family: Arial, Helvetica, sans-serif; 
	}

p.bzp-copyrite {
    text-align: left; 
    text-indent:0; 
    margin: 0.5em 0 2em 0;
    padding: 0;
    font-size: 110%;  
    font-family: Arial, Helvetica, sans-serif; 
    }

/* transcription paragraph below fig, e.g. vital docs */
p.bzp-transcrip {text-align:left; padding:0.5em; margin:auto;
      text-indent:0; font-size: 0.9em; font-family: Arial, Helvetica, sans-serif;
      border:1px #FFC891 solid; background:#FFFFEA; }
               
/* ==== SEPARATORS ==== */

/* 1 line centered parag - string separator e.g. tildes */
p.bzline {font-size:1.75em; font-weight: bold;
         text-align:center; 
         margin: 1em 0em 1em 0em; }

/* horizontal rulers, text color */
hr {border: 3px double;}
hr.short {border: 3px double; 
          margin: 2em 10%;}
hr.lastline {margin:2em 0 0 0;
             border: 3px double;}

.Bz-dividergreen {
     text-align:left; font-weight: bold; 
     color: #FFFF00; background-color: #336633; 
     margin: 12px 30px 6px 0;
     } 

.Bz-dividermaroon {
     text-align:left; font-weight: bold; 
     color: #FFFF00; background-color: #800000; 
     margin: 12px 30px 6px 0;
     } 

/* ===== TABLES ===== */

/* Time Lines */
div #tmline { }  /* color needed */
#tmline h3  {text-align:left; margin: 1em 0em; padding-left:1em;
             font-weight: bold; font-size: 120%;}  /* color and background color needed */
#tmline table  {width:100%; font-size:100%; color:inherit}
#tmline tr     {vertical-align:top; }
#tmline th     {font-size:100%; color:inherit}
#tmline th.tltop {font-size:110%; border-bottom :2px solid }
#tmline td     {font-size:100%; color:black;
                border-bottom:1px dotted black; }
#tmline th.tlbot {border-bottom :2px solid }
#tmline td.tlbot {border-bottom :2px solid }

/* table - centered transparent */
table.bzt-center  
      {padding:1em;
       margin-left: auto; margin-right: auto; margin-top:1em; margin-bottom:1em;
       border:0; border-collapse: collapse; 
       background:transparent}

th.bzth-maroon {
	text-align: center;
	font-weight: bold;
	font-size: 1em;
	color: #FFFF00;
	background-color: #800000;
    }
td.bztd-0010maroon {
	border-left: 0;
	border-right: 0;
	border-top: 0;
	border-bottom: 1px solid #800000;
    }

th.bzth-green {
	text-align: center;
	font-weight: bold;
	font-size: 1em;
	color: #FFFF00;
	background-color: #006600;
    }
td.bztd-0010green {
	border-left: 0;
	border-right: 0;
	border-top: 0;
	border-bottom: 1px solid #006600;
    }

/* Picture tables on Reference pages */
/* e.g. see Alfred's list and pix of diaries */
div #picsref { }

#picsref table {background-color: #281400; color:#FFFFCC; 
                border:6px; padding: 0.5em;}

#picsref td {border:0; margin: 0px; padding:6px; 
             vertical-align:top; text-align:center; }
#picsref img {border: 1px solid #F7EEE6; }

#picsref  p {text-align: center; padding: 0;
	         font-size: 0.9em;
	         text-indent: 0; margin: 0.25em 0 0.5em 0;
	         font-family: Arial, Helvetica, sans-serif; }
#picsref b {color:yellow;}
#picsref i {font-size:0.8em;}
        
  
/* 3 x 200-300 px picture tables - ID, 1 per page */
div #pics200 {width:100%}
             
#pics200 table {background-image: url(../All_Bz/background/bkgndslate.gif);
                padding:1em; border: 0.5em; 
                margin-top:1em; margin-bottom:1em; 
               }

#pics200 td {text-align:center; vertical-align:top;
             margin:0; padding: 0.5em;}

#pics200 img {border:1px gray solid; }

#pics200 p {text-align: center; text-indent: 0; white-space: nowrap;
            padding:0; margin: 0.25em 0 0.5em 0; 
	          font-size: 0.8em; font-family: Arial, Helvetica, sans-serif;
            color:#FFFFCC; }
#pics200 p.pixid {margin-bottom:0; font-size:66%; font-style:italic }  /* Picture ID above image */
#pics200 span.textback  {color: #CCFFFF; font-weight:bold}   /* link to second image, text back of photo */
	
#pics200 b {color:yellow;}
#pics200 i {font-size:0.9em;}

/* H3: Centered title, white border on blue bar */
#pics200 h3 {color: #FFFFCC; background-color: #000066; 
             border:1px rgb(214, 226, 245) solid;
             font-size:125%; text-align:center;
             padding:0; margin: 0 0 1em 0;
             }
                            
/* links */
#pics200 a:link    {color:#FFFFFF; text-decoration:none; }  /* unvisited */
#pics200 a:visited {color:#FFFFFF; text-decoration:none; }  /* visited   */         
#pics200 a:hover   {color:#FFFFCC; text-decoration:underline; background-color:transparent; }  /* mouse over */
#pics200 a:active  {color:#FFFFFF; text-decoration:none; }  /* selected  */   


/* 3 x 200-250 px table of CLIPS (black print on white) from books and newspapers */
table.clips {background-image: url(../All_Bz/background/SpanishTile04c_vdgrey.jpg);
             padding:1em; border: 0.5em; 
             margin-top:1em; margin-bottom:1em; }

table.clips td {text-align:center; vertical-align:top;
                margin:0; padding: 0.5em;}
                
table.clips img {border:1px gray solid; }                

table.clips p  {text-align: center; text-indent: 0; 
                padding:0; margin: 0.25em 0 0.5em 0; 
	            font-size: 0.9em; font-family: Arial, Helvetica, sans-serif;
                color: white}
                
table.clips p.pixid {margin-bottom:0;
                     font-size:0.8em; font-style:italic } 
               
table.clips i {font-variant:small-caps; font-style:normal; 
               font-size: 0.8em; font-weight:bold;}                

table.clips h3 {color: white; background-color:black; 
                border:1px white solid;
                font-size:125%; text-align:center;
                padding:0; margin: 0 0 1em 0; }

table.clips h4 {color: white; background-color:black; 
                border:1px white solid;
                font-size:115%; text-align: left;
                padding: 0 1em 0 1em; margin: 0 0 1em 0; }
                
/* links */
table.clips a:link    {color:#FFFFFF; text-decoration:none; }  /* unvisited */
table.clips a:visited {color:#FFFFFF; text-decoration:none; }  /* visited   */         
table.clips a:hover   {color:#FFFFCC; text-decoration:underline; background-color:transparent; }  /* mouse over */
table.clips a:active  {color:#FFFFFF; text-decoration:none; }  /* selected  */                  

/* ===== FAMILY TREES ===== */ 
div.gentree   {font-size:0.9em; font-family: "Bookman Old Style", "Times New Roman", serif;}

div.gen1 p {margin-left:9em; margin-top:0.25em; text-indent:-9em;}
div.gen1 b {color: black; font-size:1.2em; font-variant:small-caps}
div.gen1s p {margin-left:9em; margin-top:0; text-indent:-8em;}
div.gen1s b {color: black; font-size:1.1em; font-style:italic;}

div.gen2 p {margin-left:9em; margin-top:0.25em; text-indent:-8em;}
div.gen2 b {color: red; font-size:1.2em; font-variant:small-caps}
div.gen2s p {margin-left:9em; margin-top:0; text-indent:-7em;}
div.gen2s b {color: red; font-size:1.1em; font-style:italic;}

div.gen3 p {margin-left:9em; margin-top:0.25em; text-indent:-7em;}
div.gen3 b {color: blue; font-size:1.2em; font-variant:small-caps}
div.gen3s p {margin-left:9em; margin-top:0; text-indent:-6em;}
div.gen3s b {color: blue; font-size:1.1em; font-style:italic;}

div.gen4 p {margin-left:9em; margin-top:0.25em; text-indent:-6em;}
div.gen4 b {color: maroon; font-size:1.2em; font-variant:small-caps}
div.gen4s p {margin-left:9em; margin-top:0; text-indent:-5em;}
div.gen4s b {color: maroon; font-size:1.1em; font-style:italic;}

div.gen5 p {margin-left:9em; margin-top:0.25em; text-indent:-5em;}
div.gen5 b {color: #9900FF; font-size:1.2em; font-variant:small-caps}
div.gen5s p {margin-left:9em; margin-top:0; text-indent:-4em;}
div.gen5s b {color: #9900FF; font-size:1.1em; font-style:italic;}

div.gen6 p {margin-left:9em; margin-top:0.25em; text-indent:-4em;}
div.gen6 b {color: navy; font-size:1.2em; font-variant:small-caps}
div.gen6s p {margin-left:9em; margin-top:0; text-indent:-3em;}
div.gen6s b {color: navy; font-size:1.1em; font-style:italic;}

div.gen7 p {margin-left:9em; margin-top:0.25em; text-indent:-3em;}
div.gen7 b {color: purple; font-size:1.2em; font-variant:small-caps}
div.gen7s p {margin-left:9em; margin-top:0; text-indent:-2em;}
div.gen7s b {color: purple; font-size:1.1em; font-style:italic;}

div.gen8 p {margin-left:9em; margin-top:0.25em; text-indent:-2em;}
div.gen8 b {color: green; font-size:1.2em; font-variant:small-caps}
div.gen8s p {margin-left:9em; margin-top:0; text-indent:-1em;}
div.gen8s b {color: green; font-size:1.1em; font-style:italic;}

div.gen9 p {margin-left:9em; margin-top:0.25em; text-indent:-1em;}
div.gen9 b {color: #CC3300; font-size:1.2em; font-variant:small-caps}
div.gen9s p {margin-left:9em; margin-top:0;}
div.gen9s b {color: #CC3300; font-size:1.1em; font-style:italic;}

div.gen10 p {margin-left:10em; margin-top:0.25em; text-indent:-1em;}
div.gen10 b {color: blue; font-size:1.2em; font-variant:small-caps}
div.gen10s p {margin-left:10em; margin-top:0;}
div.gen10s b {color: blue; font-size:1.1em; font-style:italic;}

/* Family Trees - bold */
span.gen_b {font-weight: bold; font-size:1.0em; font-style:italic}

@media print
 {div.gentree p {page-break-inside: avoid;}
 }

/* ===== ANCESTOR CHARTS - 1 per page ===== */ 
div #fchart { }  /* color needed */
#flychart table  {font-size:100%; color:inherit; border:0;
                  font-family:Arial, Helvetica, sans-serif}
#fchart tr       {vertical-align:middle}
#fchart th       {font-size:100%; color:inherit; border:1px #002800 solid; text-align:center}
#fchart th.lvl1  {background-color: #CCFFFF}  /* blue  */ 
#fchart th.lvl2  {background-color: #CCFFCC}  /* green  */
#fchart th.lvl3  {background-color: #FFFFCC}  /* yellow */ 
#fchart th.lvl4  {background-color: #FFE3C6}  /* orange */
#fchart th.lvl5  {background-color: #FBEAFF}  /* purple */
 
#fchart td       {font-size:90%; font-weight:bold;
                  color:inherit; border:0; text-align:center; }
#fchart td.join  {border-left:2px #002800 dotted;} 

/* ===== IMAGES ===== */ 

img {border: 1px #333333 solid;}

img a:hover {background-color:transparent; }
          
img.bzimg-button {border: 1px #333333 solid;}

/* ===== FIGURES floating ===== */ 

/* div class=bzfig... */
div.bzfig-center {margin: auto;
               padding: 0;
               text-align: center;
               width: auto;
               }
  
div.bzfig-left  {float: left; clear: left;
              margin: .5em 1em 0 0em; padding: 0;
              text-align: center;
              width: auto;
              }

div.bzfig-right {float: right; clear: right;
              margin: .5em 0 0 1em; padding: 0;
              text-align: center;
              width: auto;
              }
              
/* bzfig: default paragraph formats */
div.bzfig-center p {text-align: center;  padding: 0;
                 text-indent: 0; margin: 0.25em 0 0.5em 0;
                 font-family: Arial, Helvetica, sans-serif;
                 font-size: 0.9em;
                 }
              
div.bzfig-left p {text-align: center;  padding: 0;
               text-indent: 0; margin: 0.25em 0 0.5em 0;
               font-family: Arial, Helvetica, sans-serif;
               font-size: 0.9em;
               }
div.bzfig-right p {text-align: center;  padding: 0;
                text-indent: 0; margin: 0.25em 0 0.5em 0;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 0.9em;
                }

/* notes: div or span */
.bzsidenote {width: 20%; padding: .1em .3em; 
             margin: .5em 0 1em 1em;
             text-indent: 0; text-align:left;          
             float: right; clear: right; 
             font-size: 75%;
             color:#333333; background: transparent; 
             border: solid 1px;}

.bzsidenote p {text-align: left; padding: 0;
               text-indent:0; margin:0;
               }
 
/* ===== LISTS ===== */

/* list of subjects on a page: div */             
.bzsubjects {width: 20%; padding: .1em .3em; 
             margin: .5em 0 1em 1em;
             text-indent: 0; text-align:left;          
             float: left; clear: left; 
             font-size: 75%;
             background: transparent; 
             border: solid 1px;}
             
.bzsubjects p {text-align: left; padding: 0;
          	   margin-left: 0.5em;text-indent: -0.5em; 
	          }

/* ===== Definition lists - and for Quotes ===== */ 

dt   {font-weight: bold; }

dd.bzdd-quote {
    padding: 1em 5%;
    font-family: "Monotype Corsiva", cursive; font-size:125%;
    border-top:3px #CCCCCC double; border-left:3px #CCCCCC double;
    border-bottom:2px #CCCCCC solid; border-right:2px #CCCCCC solid;
    background-image:url(../All_Bz/background/bkgndpapergrey.jpg) }

/* ========== End Bz0_Basic CSS =========== */