/* $Id: templm/css.css,v 7.00 07/11/2018 20:39:53 a2 mr Exp $ */
/*! Small webfont with 50 monospaced glyphs for descending tree view */
@font-face {
    font-family: 'dejavu_sans_mono';
    src: url('../webfonts/dejavusansmono-genewebfont.woff2') format('woff2'),
         url('../webfonts/dejavusansmono-genewebfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;}
tt {font-family: 'dejavu_sans_mono';}
/* Properties of all html pages.*/
input[type=number]::-webkit-inner-spin-button {opacity:1}
html{color:#000;background-color:#EEE;}
/* placeholder color, don't concatenate */
::-webkit-input-placeholder {color:#aaa;}
::-moz-placeholder {color:#aaa;}
:-ms-input-placeholder {color:#aaa;}
/* added for arbre_hi */
.big_anchor {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 0;}
.big_anchor_1 {display: block;width: 100%;height: 60%;position: absolute;top: 0;left: 0;z-index: 0;}
.big_anchor_1m {display: block;width: 100%;height: 40%;position: absolute;top: 60%;left: 0;z-index: 0;}
.big_anchor_him {display: block;width: 50%;height: 60%;position: absolute;top: 0;left: 0;z-index: 0;}
.big_anchor_her {display: block;width: 50%;height: 60%;position: absolute;text-align: right;top: 0;left: 50%;z-index: 0;}
.big_anchor_him_m {display: block;width: 50%;height: 40%;position: absolute;top: 60%;left: 0;z-index: 0;}
.big_anchor_her_m {display: block;width: 50%;height: 40%;position: absolute;top: 60%;left: 50%;z-index: }
/* Properties of all html pages */
textarea{width:99%;padding:10px;vertical-align:top;min-height:1em;}
tr,div,p,li,img{page-break-inside:avoid;}
body{word-wrap:break-word;}
table{word-wrap:normal;}
body,td,th,form,input,select,legend{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";}
legend{margin-left:10px;line-height:25px;height:25px;}
dt{font-weight:500;}
dt:first-letter{font-size:120%;font-family:serif;}
abbr{border-bottom:dashed 1px #000;}
abbr:hover{cursor:help;}
.abbr1{border:none;}
pre{font-size:1em;font-family:monospace,monospace;}
.ul_0{margin:0;padding-left:10px;list-style-type:none;}
.color_sosa{color:#FC0;}
.is_desc_10 div{border:solid 5px #36C;}
.is_desc_11 div{border:solid 5px #F6C;}
.h1_0{border-bottom-color:#36C;}
.h1_1{border-bottom-color:#F6C;}
.h1_2{border-bottom-color:#FAFAFA;}
.h1_00{border-bottom-width:5px;border-bottom-style:double;}
.h1_10{border-bottom-width:5px;border-bottom-style:solid;}
.h1_01,.h1_11{border-bottom-width:5px;border-bottom-style:solid;border-top:solid 5px #FC0;border-left:solid 5px #FC0;border-right:solid 5px #FC0;}
.li_0{border-left-color:#36C;}
.li_1{border-left-color:#F6C;}
.li_2{border-left-color:#FAFAFA;}
.li_00{border-left-width:5px;border-left-style:double;}
.li_10{border-left-width:5px;border-left-style:solid;}
.li_01,.li_11{border-left-color:#FC0;border-left-width:5px;border-left-style:solid;}
#tools{clear:both;margin:20px;display:inline-block;}
#tools label{display:block;}
/* Properties to highlight words generated by GeneWeb. All pages.*/
.error{color:#C03;}
.even{background-color:transparent;}
.highlight,h1,h2,h3,h4,h5,h6,legend,th{color:#060;}
.highlight{font-weight:bold;}
.highlight1{color:#C60;}
.odd{background-color:#CCC;}
.reference{font-size:80%;font-style:italic;}
.with_picto{background-repeat:no-repeat;background-position:left center;padding:4px 4px 4px 20px;}
/* Properties for the unvisited,visited and mouse over links. All pages. */
a:link.date,a:visited.date{text-decoration:none;color:inherit;background-color:transparent;}
a:link,a:visited{color:#00C;text-decoration:none;}
.menu a:hover,.menu1 a:hover,.menu2 a:hover,.menu3 a:hover{background-color:#EEE;}
a:hover,a:focus.date,a:hover.date,a:hover,.button a:hover,a:active,a:focus,input:focus,select:focus,.button a:focus,input[type='submit']:hover,input[type='submit']:focus,textarea:focus{background-color:#FAFA9A;color:#000;text-decoration:none;}
input[type="checkbox"]:focus,input[type="radio"]:focus{outline:2px solid #FF9}
a:hover{z-index:100;}
/* Properties of the main title. All pages. */
h1{text-align:center;margin-top:28px}
/* Properties of the menu2. All pages. */
.menu2{position:absolute;top:0px;right:1px;z-index:10000}
.menu2,.menu2 form,.menu2 form input{font-size:17px;}
.menu2 a,.menu2 .s_menu{float:left;background-color:#CCC;border:solid 1px #DDD;margin:0 -1px -1px 0;padding:3px;color:#000;}
.menu2 div{position:relative;display:block;float:left;}
.menu2 .s_menu{display:none;float:left;width:350px;padding:5px;}
.menu2 div:hover > .s_menu{display:block;position:absolute;right:0px;top:23px;z-index:10000;}
/* Properties of the menu_search + login input on welcome */
.menu3{position:absolute;top:0px;right:3px;font-size:14px;}
.login input[type="password"],.menu3 input[type="text"]{line-height:15px;padding:4px;transition:box-shadow 0.3s,border 0.3s;}
.login input[type="password"]:focus,.login input[type="password"].focus,.menu3 input[type="text"]:focus,.menu3 input[type="search"].focus{border:solid 1px #707070;box-shadow:0 0 5px 1px #969696;}
.menu3 a{float:none;margin:0 -1px -1px 0;color:#000;}
.menu3 a,.menu3 .s_menu{float:left;border:solid 0px #DDD;margin:0 -1px -1px 0;padding:3px;color:#000;}
.menu span a,.menu3 span a{height:17px;margin-right:0}
.menu3 input{margin:0;border:0}
.menu3 .s_menu{display:none;float:left;margin:0 -1px 0 -1px;padding:0px;border:0;color:#000;}
.menu3 span{position:relative;display:inline;float:left;margin:0;line-height:17px}
.menu3 span:hover > .s_menu{display:block;position:absolute;right:0px;top:23px;background-color:#FFF;}
.menu3 form,#ak {display:inline;float:left}
input#mSn{width:70px}
input#mSp{width:50px}
#mSn input, #mSp input{line-height:17px;padding:2px 2px 0 2px;font-family:monospace;margin:0px;border:0px;}
#ak input{width:0px;background-color:#EEE;height:17px;}
#ak .s_menu{width:240px;padding:3px;}
#tpl a{width:65px}
#lang a{width:180px}
#rela_comp a{width:160px}
/* Hidden input submit button, IE workaround */
#hide_ie,#hide_ie2 {position:absolute;opacity:0;width:0;height:0;border:0;padding:0;}
/* Properties of the footer block. All pages. */
#footer{float:right;padding:3px;bottom:0;}
/* Properties of the title block. All pages. */
#title{padding-top:10px;width:100%;}
/* Propositions de background dans certains menus */
.bg1{background-color:#F99;}
.bg2{background-color:#999;}
.bg3{background-color:#9F9;}
.bg4{background-color:#9FF;}
.bg5{background-color:#99F;}
.bg6{background-color:#F9F;}
.bg7{background-color:#CCC;}
.bgt{background-color:transparent;color:#000;}
/* Pyramide des âges */
.pyramid{text-align:center;}
.pyramid_male,.pyramid_female{font-style:italic;margin:1px 5px;padding:0px 5px;}
.pyramid_male{border-right-style:solid;border-right-color:#36C;text-align:right;}
.pyramid_female{border-left-style:solid;border-left-color:#F6C;text-align:left;}
/* Notes diverses */
li.folder{list-style-type:disc;}
li.file{list-style-type:circle;}
li.parent{list-style-type:disc;}
/* … avec images */
li.folder{list-style-image:url('images/folder.png');}
li.file{list-style-image:url('images/file.png');}
li.parent{list-style-image:url('images/left.png');}
/* updata.txt */
#nx_input{margin:0px 5px;}
/* wiki */
#summary{border:ridge 3px #966;}
div.summary ul{padding-left:0;list-style-type:none}
div.summary ul ul{padding-left:1.618em}
.subtitle{border-bottom:solid 1px #966;}
.found{color:#000;background-color:#9F9;font-weight:bold}
/* trees */
hr.left,hr.right,hr.full{border-top:solid 1px #000;border-left:0;border-right:0;border-bottom:0;margin:0;}
hr.left{margin-left:0;margin-right:50%;}
hr.right{margin-left:50%;margin-right:0;}
hr.full{margin-left:0;margin-right:0;}
/* perso.txt */
#perso,#dag,#anctree{margin:0;padding:2em 2px 2em 2px}
#perso{padding-top:0}
#perso h1{margin:20px 10px 10px 0px;padding:5px;}
#perso .ch1{font-size:1.5em;}
#perso .ch2, .ch2 a, span.ch2{font-size:22px;color:#060;font-weight:bold;margin-bottom:0;}
#perso .relations ul,#perso .sources ul{margin-left:-15px;margin-top:0;margin-bottom:0;}
#perso .relations li,#perso .sources li{padding:0px;}
#perso li{margin:2px 0 0 0;padding:0 0 0 10px;}
#perso .consang{width:90%;}
#perso div.tree{margin-left:30px;text-indent:-18px;}
.menu{margin:0;padding:0;border:0;position:absolute;top:0;left:0;font-size:14px;}
.menu span{position:relative;display:block;float:left;}
.menu span a{float:left;border:none}
.menu .s_menu{display:none;float:left;margin-left:0;margin-top:0;padding:0;border:0;}
.menu span:hover > .s_menu{display:block;position:absolute;left:0px;top:0px;z-index:10;background-color:#FFF;}
.menu .s_menu a{width:260px;}
.menu1,.button{font-size:14px;line-height:24px;}
.menu1{clear:both;padding:5px;margin:5px;border-top:solid 1px #999;}
.menu a,.menu1 a,.button a,input[type='submit']{border:solid 1px #DDD;margin:0 -1px -1px 0;padding:5px;color:#000;}
input[type='submit']{line-height:14px;height:24px;}
.menu1 > span{display:block;margin:10px;}
.button{white-space:nowrap;}
.nobr{white-space:nowrap;}
.hide{display:none;}
.small{font-size:.7em;}
#perso .col1,#perso .col2{float:left;padding:0 5px 5px 5px;margin:0 5px 5px 5px;}
#perso .col1{margin-right:0px;}
#perso .col2{margin-left:-1px;}
#perso .col2 > div{float:left;padding:5px;margin:5px;}
#perso .col2 .fam{margin-bottom:10px;clear:both;}
#perso .col2 ol{list-style-type:none;padding:0;margin:0;}
#perso .col2 p{display:inline;}
#perso .data1,#perso .person div{text-align:center;}
#perso .person,#perso .event,#perso .notes,#perso .sources,#perso .relations{clear:both;}
#perso .notes p{margin:0 3px 10px 3px;}
#perso .person_img{max-width:240px;max-height:240px;}
#perso .image img{max-width:17em;max-height:17em;}
#perso .image,#perso .image_sheet{float:left;width:17em;}
#perso .image{display:block;margin:0;padding:0;}
#perso .image img{border:0;margin:0;padding:0;}
#perso .image_sheet{border:0;margin:4px;padding:5px;background-color:#FAFAFA;text-align:center;}
#perso .del{cursor:crosshair;color:#900;border-bottom:dotted 2px #F00;}
/* updind.txt,updfam.txt */
#upd legend{font-size:16px;font-weight:bold;text-align:left}
#upd form,#upd input,#upd select,#upd textarea{font-size:14px;}
.number,#upd .d,#upd .m, #upd .y, #upd .ys{font-weight:bold;text-align:center;margin:0;}
#upd .d{width:2em}
#upd .m{width:2em}
#upd .y{width:8em}
#upd .ys{width:4em}
#upd .dmy{display:block;white-space:nowrap;margin-right:3px;}
#upd .dmyt{display:block;white-space:nowrap;margin:0;}
#upd .dmyt input{border-bottom:solid 1px #DDD;border-left:solid 1px #DDD;}
#upd #pa1_jq2,#upd #ch1_jq2{width:566px;}
#upd #pa1_jq4,#upd #ch1_jq4{width:282px;}
#upd .occu{width:275px;}
#upd .pl{width:440px;}
#upd .e{width:166px;}
#upd .jq2,#upd .jq4{text-align:left;}
code{font-size:12px;color:#999;font-family:monospace;}
#upd #notes{min-height:270px;max-height:540px;width:415px;height:270px;}
#notes:focus{background-color:#FAFAFA}
#upd #notes1{min-height:1em;}
#upd #comment #src #psrc #notes1{width:849px;margin:0;}
#upd .event{text-align:left;}
#upd .event dt{font-weight:500;margin-top:10px;}
#upd .event input{margin:0;}
#upd .enote{margin:5px 0px;width:809px;}
#upd .esrc{margin:5px 0px;width:809px;}
#upd label{white-space:nowrap;font-size:12px;}
#upd .f1, .f1 legend{width:420px;}
#upd .f2,#upd .event{width:862px;}
#upd .w1 input{width:280px;}
#upd .w1 textarea{width:280px}
#upd .w2 input{width:264px;}
#upd .w3 input,textarea{width:862px;}
#upd .fn,#upd .sn{width:230px;}
#upd fieldset{border:0px;float:left;margin:5px;padding:5px;text-align:right;}
#upd table{width:auto;float:left;text-align:center;padding:0px}
#upd table td{border:solid 1px #DDD;}
#upd table td input{border:0;}
#upd fieldset div{margin:1px;padding:3px;}
#upd table td div{margin:0;padding:0;border-spacing:0;border-collapse:collapse}
#upd div#accent2{text-align:left;font-size:20px;font-type:bold}
#upd .fl{float:left;width:auto;}
#upd .bd0{border:0}
#upd .ar{text-align:right;}
#upd .al{text-align:left;}
.occ,.occ0,.occ1,.occ2{text-align:center;width:50px;}
.occ{background-color:#EEE;color:#000;}
.occ0{background-color:#36C;color:#FFF;}
.occ1{background-color:#F6C;color:#FFF;}
.occ2{background-color:#FAFAFA;color:#000;}
.e_occ,.t_occ{width:10px;text-align:center;background-color:#EEE;color:#000;}
#upd .vis{display:inline;}
#upd .hid{display:none;}
input,select,textarea{padding:3px;border:solid 1px #DDD;background-color:#FAFAFA;color:#000;}
input,textarea{margin:0 3px 0;}
input::-webkit-calendar-picker-indicator{display:none;}
input[type='checkbox'],input[type='radio']{width:auto;height:auto;vertical-align:-1px;padding:1px;margin:0 5px;}
#upd table input{margin:0}
/* upddag.txt */
.b1{background-color:#CCC;text-align:left;}
.b1 a,.b1 abbr{display:block;padding:2px;font-size:16px;font-family:monospace;text-align:center;}
.occ3{background-color:#FAFAFA;text-align:center;width:50px;}
#upddag{background-color:#FAFAFA;}
/* ancmenu.txt,desmenu.txt,relmenu.txt */
#menutxt fieldset{width:300px;float:left;margin:2px;}
#menutxt fieldset fieldset{width:270px;}
/* calendar.txt */
#calendar{margin-right:auto;margin-left:auto;}
#calendar th{border:solid 1px #CCC;background-color:#DDD;padding:5px;}
#calendar input{text-align:right;}
#calendar select{text-align:center;width:100%;}
/* anclist.txt */
.fam7_bs{border-left-style:solid;}
.fam7_bc_0{border-left-color:#36C;}
.fam7_bc_1{border-left-color:#F6C;}
.fam7_bc_2{border-left-color:#FAFAFA;}
.fam7_birth0{background-color:#36C;color:#000;}
.fam7_birth1{background-color:#F6C;color:#000;}
.fam7_birth2{background-color:#FAFAFA;color:#000;}
.fam7_death0,.fam7_death0 td a{background-color:#333;color:#36C;}
.fam7_death1,.fam7_death1 td a{background-color:#333;color:#F6C;}
.fam7_death2,.fam7_death2 td a{background-color:#333;color:#FAFAFA;}
.fam7_marriage{background-color:#FC6;color:#000;}
.fam7_before,.fam7_after{background-color:#CCC;color:#000;}
.fam7_no_date{background-color:#FAFAFA;color:#000;}
.fam7_him_her{font-weight:bold;}
.fam71{font-size:16pt;float:left;color:#FAFAFA;text-align:center;padding:5px;margin:5px;border:solid 1px #999;background-color:#FAFAFA;}
.fam71 img{max-width:305px;max-height:305px;}
.fam71 a,.ldimg0 span,.ldimg0 strong{display:block;}
.fam71 strong{color:#000;}
.fam72{overflow:hidden;font-size:0px;color:#000;text-align:center;border:solid 1px #999;width:100px;height:150px;background-color:#FAFAFA;cursor:crosshair;position:absolute;bottom:25px;left:25px;}
.fam72 img{margin:5px;max-width:90%;max-height:70%;}
.fam72 span{font-size:12px;color:#000;line-height:12px;font-family:'Comic sans MS',sans-serif;}
/* anclist.txt, deslist.txt */
#anclist,#ancsosa,#deslist{padding-top:25px;}
.bmdm{margin:auto;}
.bcbg1{border:solid 1px #666;color:#EEE;background-color:#000;}
.bcbg2{border:solid 1px #666;color:#EEE;background-color:#666;height:2em;}
.title{background-color:#666;}
.stat_ars{position:relative;margin-left:-10px;}
.stat_ars a{position:absolute;}
#form_ars input{margin-left:5px;}
#form_ars .number{font-family:monospace;font-size:14px;font-weight:bold;text-align:center;width:40px;}
#form_ars label{margin:5px;}
#form_ars table{margin:1em;}
.s1{position:relative;clear:both;margin:auto;width:480px;}
.s1 strong,.s1 span,.s1 a{position:absolute;}
.s1 span,.s1 a{font-size:14px;line-height:11px;color:#FAFAFA;}
.s1 a:hover{color:#000;}
.s2{left:0;padding:1em;margin:0}
.s3{right:0;padding:1em;margin:0}
.sn4{left:220px;width:40px;text-align:center;}
.sn50{text-align:right;right:260px;padding-right:5px;border-right-style:solid;border-color:#36C;}
.sn51{text-align:left;left:260px;padding-left:5px;border-left-style:solid;border-color:#F6C;}
.st4{left:200px;width:80px;text-align:center;}
.st50{text-align:right;right:280px;padding-right:5px;border-right-style:solid;border-color:#36C;}
.st51{text-align:left;left:280px;padding-left:5px;border-left-style:solid;border-color:#F6C;}
.stat2{font-size:13px;position:relative;clear:both;width:900px;margin-left:auto;margin-right:auto;margin-top:10px;}
.stat2 .body{position:relative;}
.stat2 .body a{position:absolute;font-size:x-small;}
.stat2 .date{position:absolute;left:860px;top:10px;}
.stat2 .lev{position:absolute;left:10px;top:10px;}
.stat_cal{position:relative;margin:auto;clear:both;top:2px;width:990px;height:392px;line-height:30px;font-size:16px;text-align:center;vertical-align:middle;}
.stat_cal div{position:absolute;}
.stat_cal .col{position:absolute;line-height:30px;font-size:16px;width:120px;}
.stat_cal .title{display:block;width:120px;}
.stat_cal .row{left:120px;top:0px;font-family:monospace;}
.stat_cal .row div{position:relative;float:left;width:28px;}
.stat_cal .body{left:120px;top:31px;}
.stat_cal .body a,.stat_cal .body span{position:absolute;width:25px;font-size:12px;font-family:monospace;line-height:27px;}
/* deslist.txt */
#deslist li{margin:2px 0 0 0;padding:0 0 0 10px;}
/* ancsosa.txt */
#ancsosa li{margin:2px 0 0 0;padding:0 0 0 10px;}
.generation{margin:0px;padding-top:5px;padding-bottom:5px;border:solid 1px #999;background-color:#EEE;text-align:center;}
.ancestor_male{margin:0px;padding-top:5px;border-top:dotted 1px #CCC;}
.other_family{font-size:80%;}
.sure_dates0,.sure_dates00,.sure_dates01,.sure_dates10{color:#CCC;}
.sure_dates1,.sure_dates11{background-color:#3C3;width:100px;}
.not_sure_dates{background-color:#888;color:inherit;}
.xs{font-style:normal;font-size:x-small;}
.s{font-style:normal;font-size:small;}
.top{vertical-align:top;}
.p_left{padding-left:5px;}
.p_right{padding-right:5px;}
/* ancsosa.txt,deslist.txt */
#ancsosa .image,#deslist .image{max-width:100px;max-height:150px;float:right;margin:3px;}
#ancsosa .imgtdz{display:block;max-width:100px;max-height:150px;margin:auto;}
.add{color:#999;}
.f1{padding-left:5px;margin-left:5px;border-left:dotted 1px #363;}
.icom{padding:5px;margin:5px;border-left:dotted 1px #888;font-size:0.9em;}
.comment p:first-letter,.icom p:first-letter{text-transform:capitalize;}
.icom > p,.inot > p{margin:0;}
.inot{padding:5px;margin:5px;border-left:solid 1px #666;font-size:0.9em;}
.isrc{padding:5px;margin:5px;border-left:dashed 1px #333;font-size:0.8em;}
.isrc i{color:#888;}
/* ancsosa.txt,anclist.txt */
.fam7_table,.short_display_table{margin-left:auto;margin-right:auto;text-align:center;border-collapse:collapse;}
.fam7_table tr th,.short_display_table tr th{border:solid 1px #999;background-color:#EEE;}
.fam7_table tr td,.short_display_table tr td{border:dotted 1px #999;}
.fam7_table a,.short_display_table a{display:block;}
.fam7_table td{padding:1px;margin:0px;}
/* welcome.txt */
.div1{clear:both;margin:2px;padding:2px;border:solid 1px #999;}
.div2{clear:both;margin:5px;padding:10px;border-top:solid 1px #999;border-bottom:solid 1px #999;}
.div3{clear:both;margin:5px;padding:5px;border-top:solid 1px #999;}
#trl{clear:both;}
#templ{display:block;font-size:12px;padding:5px;margin:5px;text-align:center;}
#templ a{text-decoration:none;padding:.2em 1em;color:#FFF;background-color:#060;}
#templ a:hover{color:#FFF;background-color:#0A0;}
/* upddata.txt */
.updhist_table{white-space:nowrap;}
.hist_summary tr:nth-child(2n+1),.updhist_table tr:nth-child(2n+1){background-color:#DDD;}
.hist_summary tr:nth-child(2n),.updhist_table tr:nth-child(2n){background-color:#CCC;}
.hist_summary{margin-top:15px;margin-bottom:15px;}
.diff_highlight{background-color:#FF9;}
.hist_label{white-space:nowrap;background-color:#693;color:#FAFAFA;}
/* --- Ascendants/Descendants table --- */
.ascends_table,.descends_table{border-width:1px;border-style:solid;border-collapse:collapse;}
.ascends_table th,.ascends_table td,.descends_table th,.descends_table td{border:1px solid #999;vertical-align:top;padding:2px;}
/* doc_templm.txt */
.gwf tr:nth-child(2n+1){background-color:#DDD;}
.gwf tr:nth-child(2n){background-color:#CCC;}
.gwf td{vertical-align:top;padding:5px;}
.gwf td:nth-child(1){text-align:right;white-space:nowrap;}