<style type="text/css">

/* Properties of all html pages. */
html 
{ 
 background: url('%image_prefix;/gwback.jpg');
}

/* Properties of all html pages */
body, td, th, form, input, select, legend 
{
  font-family: Arial;
  font-size: 12px;
}

/* Properties of all html pages */
img
{
  border: 0;
}

/* Properties to highlight words generated by GeneWeb. All pages.*/
.highlight 
{
  color: #2f6400;
  font-weight: bold;
}

.error
{
  color: #9c1117;
}

.with_picto
{
  background-repeat: no-repeat;
  background-position: left center;
  padding: 4px 4px 4px 20px;
}

.reference
{
  font-size:80%%;
  font-style:italic;
}

/* Properties of the submit/OK/validate... button */
input[type=submit]
{
  background-color : #6F8301;
  border: medium none;
  color:white;
  font-weight:bold;
  padding:2px 4px;
}

/* Simulate a select button */
div.select
{
  display:inline-block;
  position:relative;
  border:1px solid #E7ED83;
  background-color:#6F8301;
  cursor:pointer;
  z-index:1;
  padding-right:5px;
  padding-left:4px;
}

div.select > span
{
  background-image:url(%image_prefix;/picto_fleche_blanche.png);
  background-position:center right;
  background-repeat:no-repeat;
  padding-right:18px;
  display:inline-block;
  background-color:#6F8301;
  color:white;
  font-weight:bold;
  text-align:left;
  width:200px;
  padding-top:6px;
  padding-bottom:4px;
}

div.select ul
{
  position:absolute;
  display:none;
  margin:0px;
  padding:0px;
  top:24px;
  white-space:nowrap;
  text-align:left;
  background-color:white;
  left:-1px;
  border:1px solid #6F8301;
}

div.select ul li
{
  margin:0;
  line-height:20px;
  list-style-type:none;
}

div.select ul li.title
{
  background-color:#E7ED83;
  padding-left:5px;
  font-weight:bold;
}

div.select ul a
{
  color:black;
  display:block;
  padding-left:5px;
  padding-right:5px;
  width:217px;
  text-decoration:none;
}

div.select ul a 
{
  color: #2F6400;
}

div.select ul a:hover 
{
  text-decoration:underline;
}

div.select:hover 
{
  border:1px solid #6F8301;
}

div.select:hover ul
{
  display:block;
  z-index:100;
}

/* Properties for the unvisited, visited and mouse over links. All pages. */
a:link.highlight 
{
  color: #2f6400;
}

a:visited.highlight 
{
  color: #2f6400;
}

a:hover.highlight 
{
  color: #2f6400;
}

a:link.date 
{
  text-decoration: none;
  color: black;
  background-color: transparent;
}

a:visited.date 
{
  text-decoration: none;
  color: black;
  background-color: transparent;
}

a:hover.date 
{
  text-decoration: none;
  color: black;
  background-color: transparent;
}

a:link
{
  color: black;
}

/* Properties of the main title. All pages. */
h1
{
 text-align: center; 
 color: #303900;
}

/* Properties of the footer block. All pages. */
#footer
{
 clear: both;
}

#footer hr
{ 
 color: #e7edb3;
}

/* Properties of the title block. All pages. */
#title 
{ 
 padding-top: 10px;
 width: 100%%;
 background-color: #e7edb3;
}

/* Properties of the lang block. Page welcome.txt */
#lang 
{ 
  /*text-align: center;*/
}

/* Properties of the logo block. Page welcome.txt */
#logo 
{
 float: left;
 width: 160px; 
}

/* Properties of the acces block. Page welcome.txt, perso.txt */
/* The border property is exported in the template            */
/* so that the acces menu is not visible if there             */
/* no password defined for wizard or friends                  */
#acces 
{
 float: right; 
 width: 160px; 
 height: 65px;
 margin-right: 10px;
 text-align: center; 
}

#acces>ul
{
 padding: 0px;
 padding-top: 5px;
 margin: 0px;
 list-style-type: none;
}

/* Properties of the title in the acces block. Page welcome.txt */
#acces h3 
{
 text-align: left; 
 background-color: #6f8301; 
 color: white; 
 margin: 0;
}

/* Properties of the search block. Page welcome.txt */
#search 
{
 width: 750px; 
 border: solid 2px #6f8301;
 text-align: left; 
 margin-left: auto;
 margin-right: auto;
}

/* Properties of the title in the search block. Page welcome.txt */
#search h3 
{
 margin: 0; 
 text-align: left; 
 background-color: #6f8301; 
 color: white;
}

/* Properties of the form in the search block. Page welcome.txt */
#search form
{
 margin-top: 10px;
 margin-left: 10px;
}

/* Display the "title and estate" search in  */
/* one line (search block). Page welcome.txt */
#form-titles div 
{
  float: left; 
  margin-right: 3px;
}

/* "title and estate" search in block search. Page welcome.txt */
#content fieldset 
{
  border: 0;
}

/* Properties of the misc block. Page welcome.txt          */
/* Trick : to center easily this block, one must add the   */
/* following properties : align, margin-left, margin-right */
/* and the trick : overflow: auto.                         */
#misc
{
 width: 750px; 
 border: solid 2px #6f8301;
 text-align: left; 
 overflow: auto;
 margin-left: auto;
 margin-right: auto;
}

/* Properties of the title in the misc block. Page welcome.txt */
#misc h3 
{
 margin: 0; 
 text-align: left; 
 background-color: #6f8301; 
 color: white;
}

/* Properties of the tools block. Page welcome.txt         */
/* Trick : to center easily this block, one must add the   */
/* following properties : align, margin-left, margin-right */
/* and the trick : overflow: auto.                         */
#tools
{
 width: 750px; 
 border: solid 2px #6f8301;
 text-align: left; 
 overflow: auto;
 margin-left: auto;
 margin-right: auto;
}

/* Properties of the title in the tools block. Page welcome.txt */
#tools h3 
{
 margin: 0; 
 text-align: left; 
 background-color: #6f8301; 
 color: white;
}

/* Properties of the navigation block. Page perso.txt      */
/* Trick : to center easily this block, one must add the   */
/* following properties : align, margin-left, margin-right */
/* and the trick : overflow: auto.                         */
#navigation 
{
 width: 750px; 
 border: solid 2px #6f8301;
 text-align: left; 
 overflow: auto;
 margin-left: auto;
 margin-right: auto;
 margin-top : 40px;
}

/* Properties of the title in the navigation block. Page perso.txt */
#navigation h3 
{
 text-align: left; 
 background-color: #6f8301; 
 color: white; 
 margin: 0;
}

/* list_left and list_right allow to display lists in 2 columns.     */
/* It's applied in the welcome.txt page: "other option" block and    */
/* in the perso.txt page: "navigation" block.                        */
/* width specify that this block is half of its parent's block and   */
/* float specify the position of the list (relative to the parents). */
/* The text-align property is inherited by the parent's block.       */
#list_left
{
 width: 45%%; 
 float: left;
}

#list_right
{
 width: 45%%; 
 float: right;
}

/* perso.txt page: "navigation" block. */
.li_left
{
 width: 25%%; 
 float: left;
}

/* Affichage des arbres */
table hr 
{
  border-top: solid 1px black;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
  margin:0;
}

hr.left 
{
  margin-left:0;
  margin-right: 50%%;
  width: 50%%;
}

hr.right 
{
  margin-left: 50%%;
  margin-right: 0;
  width: 50%%;
}

hr.full
{
  margin-left: 0;
  margin-right: 0;
}

/* Pyramide des âges */
.pyramid_year
{
  font-style: italic;
}
.pyramid_nb
{
  font-style: italic;
}

/* Listes ascendance */
/* sans parent */
li.noway
{
  list-style-type: circle;
}
/* avec parents */
li.goway
{
  list-style-type: disc;
}

/* liste descendance */
/* sans conjoint */
li.nospou
{
  list-style-type: circle;
}
/* avec conjoint, sans descendance */
li.nodesc
{
  list-style-type: disc
}
/* avec descendance */
li.desc
{
  list-style-type: square;
}

/* Propositions de background dans certains menus */
.bg1
{
  background-color: #FFC0C0;
}
.bg2
{
  background-color: #FFFFC0;
}
.bg3
{
  background-color: #C0FFC0;
}
.bg4
{
  background-color: #C0FFFF;
}
.bg5
{
  background-color: #C0C0FF;
}
.bg6
{
  background-color: #FFC0FF;
}

/* Pour affichage ascendance par liste m=A;t=L */
li.male
{
  list-style-type: square;
}
li.female
{
  list-style-type: circle;
}
/* ... avec images */
li.male
{
  list-style-image: url('%image_prefix;/male.png');
}
li.female
{
  list-style-image: url('%image_prefix;/female.png');
}

/* 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('%image_prefix;/folder.png');
}
li.file
{
  list-style-image: url('%image_prefix;/file.png');
}
li.parent
{
  list-style-image: url('%image_prefix;/left.png');
}

/* wiki */
#summary
{
  border: ridge 3px #844404;
}
div.summary ul
{
  padding-left: 0;
  list-style-type: none
}
div.summary ul ul
{
  padding-left: 1.618em
}
.subtitle
{
  border-bottom: solid 1px #844404;
}
.found
{
  color: black;
  background-color: #afa;
  font-weight:bold
}

/* perso.txt */
.marriage_perso > li 
{
 margin-bottom: 15px;
}

/* lists and tree */
.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 black;
}

/* Properties of the relation page */
#rel_form_search, #rel_form_cousin, #rel_form_shortcut, #rel_mode, #rel_options
{
 margin: 10px;
}

#rel_search_content, #rel_cousin_content
{
 margin-left: 25px;
}

#rel_search 
{
 float: left;
 width:45%%;
 padding-right:10px;
 border-right:1px solid #F0ECED;
}

#rel_form_search span
{
 font-weight:bold;
}

#rel_search_title
{
 font-weight:bold;
}

#rel_form_search ul
{
 list-style-type: none;
 margin:0;
 padding:0;
}

#rel_cousin_title
{
 font-weight:bold;
}

#rel_form_cousin span
{
 font-weight:bold;
}

#rel_form_cousin select
{
}

#rel_form_shortcut span
{
 font-weight:bold;
}

#rel_form_shortcut ul
{
 list-style-type: none;
 margin:0;
 padding:0;
}

#rel_options
{
 padding-top: 10px;
}

#rel_options span
{
 font-weight:bold;
}

#rel_options ul
{
 list-style-type: none;
 margin:0;
 padding:0;
}

#rel_mode span
{
 font-weight:bold;
}

#rel_mode ul
{
 list-style-type: none;
 margin:0;
 padding:0;
}

#rel_others
{
 float:left;
 width:45%%;
 padding-left:10px;
}

#rel_see_also ul
{
 list-style-type: none;
 margin:0;
 padding:0;
}

/* tips */
div.tips {
 padding:0px 0px 0px 50px;
 min-height:50px;
 background-color:#E7EDB3;
 background-image:url('%image_prefix/picto_ampoule.png');
 background-position:5px center;
 background-repeat: no-repeat;
 margin-right:60px;
}

div.tips table {
 height:50px;
 margin:0;
 color: #514549;
}

div.tips table td{
 vertical-align:middle;
}

/* resultat de recherche */

table.display_search
{
 border:2px solid #F0ECED;
}


</style>
