/* Central Style file - Centraal stijl bestand */

/* Basic page styles */
html {
	height:100%; max-height:100%;
	padding:0; margin:0; border:0;
}

body {
	background-color:white;
	color:black;
	background-image: url('images/background.gif');
	background-repeat: no-repeat;
	height:100%; max-height:100%;
	padding:0; margin:0; border:0;
	/* font: 12px Verdana, tahoma, arial, sans-serif; */
	font: 15px Verdana, tahoma, arial, sans-serif;
	/* line-height:150%; */
}

.mobile_visible{
	visibility:hidden;
	width:0px; height:0px;
}

.print_version {
}

#top_menu {
	width:100%;
	margin:0;
	display:block;
	background:#fff;
	z-index:5;
}

#top {
	text-align:left;
	color:#7F7F7F;
	/* background-color:#E8E8E8; */
	background: linear-gradient(rgb(244, 244, 255) 0%, rgb(219, 219, 219) 100%);

	height:35px;
	padding:5px 10px 0;
}
#top_website_name{
	font-weight:bold;
	/* font-size:18px; */
	font-size:22px;
}

#top_familytree_name {
	color:#333;
	font-size:13px;
	font-weight:bold;
}
#top_tree_select{
	position: absolute;
	top:8px;
}

#top_quicksearch {
	position: absolute;
	top:8px;
	right:200px;
}
#top_favorites_select {
	position: absolute;
	top:8px;
	right:20px;
}

/* NO LONGER IN USE????? */
/* Style-skin sheet select form */
#switchform {
	position: absolute;
	top:5px;
	right:90px;
	z-index: 101;
	font-family: Rockwell, Verdana, Arial, Sans-Serif;
	color: #000000;
	padding: 3px 3px 1px 3px;
	font-size:12px;
}
/* NOT IN USE AT THE MOMENT ***
/* Font size selection */
#top_font_size {
	position: absolute;
	top:5px;
	right: 10px;
	z-index: 10;
	font-family: Rockwell, Verdana, Arial, Sans-Serif;
	color: #000000;
	padding: 3px 3px 1px 3px;
	font-size:12px;
}

/* #humo_menu = menu bar */
#humo_menu {
	position:absolute;
	top:40px;
	display:block;
	width:100%;
	/* background: linear-gradient(to top, rgba(236, 204, 179, 1) 0%, rgba(250, 241, 235, 1) 91%, rgba(250, 241, 235, 1) 100%); */
	background: linear-gradient(to top, rgb(209, 184, 143) 0%, rgb(250, 241, 235) 73%);
	font-size: 15px;
	border-top: solid 1px #EED4D4;
	border-bottom: solid 1px #EED4D4;
	z-index:100;
}

/* Border pop-up menu */
div.ltrsddm div {
	border:1px solid #EED4D4;
}
div.rtlsddm div {
	border:1px solid #EED4D4;
}
div.rtlsddm #m1x  ul  { padding-right: 0px; }
div.rtlsddm #m2x  ul  { padding-right: 0px; }
div.rtlsddm #m4x  ul  { padding-right: 0px; }
div.rtlsddm #mft  ul  { padding-right: 0px; }


/* More space around person pop-up menu */
#content div.ltrsddm div {
	padding: 5px;
	border-radius: 5px;

	box-shadow: 6px 6px 6px #999;
	-moz-box-shadow: 6px 6px 6px #999;
	-webkit-box-shadow: 6px 6px 6px #999;

	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;
}
#content div.rtlsddm div {
	padding: 5px;
	border-radius: 5px;

	box-shadow: 6px 6px 6px #999;
	-moz-box-shadow: 6px 6px 6px #999;
	-webkit-box-shadow: 6px 6px 6px #999;

	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;
}
/* Smaller lines in person pop-up menu */
#content div.ltrsddm div a {
	padding:1px 8px 1px 10px;
}
#content div.rtlsddm div a {
	padding:1px 8px 1px 10px;
}

/* Main menu */
ul.humo_menu_item {
	margin:0;
	list-style:none;
	padding-left: 0px; /* was 15 px */
}
/* Pop-up menu */
ul.humo_menu_item2 {
	margin:0;
	list-style:none;
	padding-left: 0px; /* was 15 px */
}

/* Main menu */
ul.humo_menu_item li {
	float:left;
	margin:0;
	border-left: 1px solid rgba(255,255,255,0.4);
	border-right: 1px solid rgba(255,255,255,1);
}
/* Pop-up menu */
ul.humo_menu_item2 li {
	float:none;
	display:block;
	border-right:none;
	margin:0;
}

/* Double column for country flags in full version */
#m4x{
	width:250px;
}
#m4x ul li {
	float:left; width:124px;
}

/* Main menu */
ul.humo_menu_item li a{
	display:block;
	/* up, right, bottom */
	padding:8px 5px 7px 5px;
	text-decoration:none;
	color:#333;
	border-right:1px solid #b0b0b0;
}
/* Pop-up menu */
ul.humo_menu_item2 li a{
	display:block;
	/* font-size: 13px; */
	font-size: 15px;
	padding:8px 5px 6px 5px;
	text-decoration:none;
	color:#333;
	border-right: none;
	/* background: linear-gradient(to top, rgba(236, 204, 179, 1) 0%, rgba(250, 241, 235, 1) 91%, rgba(250, 241, 235, 1) 100%); */
	background: linear-gradient(to top, rgb(209, 184, 143) 0%, rgb(250, 241, 235) 73%);
}

#humo_menu a:hover {
	background: linear-gradient(rgb(204, 204, 204) 0%, rgb(238, 238, 238) 60%, rgb(238, 238, 238) 100%);
	color:#333;
}

#humo_menu #current {

}
#humo_menu #current a, #humo_menu #current_top {
	background: linear-gradient(rgb(204, 204, 204) 0%, rgb(238, 238, 238) 60%, rgb(238, 238, 238) 100%);
	color:#333;
}

/* iPhone/iPad hack */
ul.humo_menu_item li ul.humo_menu_item2 {
	display:none;
}
ul.humo_menu_item li:hover ul.humo_menu_item2 {
	display:block;
}

#country_flags{
	float:right;
	display:block;
	padding:8px 85px 6px 5px;
	text-decoration:none;
	color:#333;
	border-right:none;
}

* html #top_menu, * html #foot,* html #left {position:absolute;}

#content {
	display:block;
	position:relative;
	z-index:3;
	height:100%;
	max-height:90%;
	top:35px;
	/* up, right, down */
	padding:10px 0px 10px 10px;
}
#rtlcontent {
	display:block;
	position:relative;
	z-index:3;
	height:100%;
	max-height:95%;
	top:35px;
	/* up, right, down */
	padding:10px 10px 10px 0px;
}

/* Center box */
#mainmenu_centerbox{
	background: #ffffff;
	border: solid 1px #999999;
	/* up, right, down */
	margin:10px 15px 0px 0px;
	padding:5px;
	line-height:150%;
	overflow:hidden;
	height:auto;
	min-height:380px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;  
	box-shadow: 6px 6px 6px #999;
	-moz-box-shadow: 6px 6px 6px #999;
	-webkit-box-shadow: 6px 6px 6px #999;
}

/* For main menu: left - center - right */
#mainmenu_left{
	float: left;
	width:20%;
	/* width: 19%;
	margin-right: 1%; */
	padding: 0px;
}
#mainmenu_center{
	float: left;
	width: 58%;
	text-align:center;
	margin-left: 2%;
}
#mainmenu_center_alt{
	float:left;
	width:80%;
	text-align:center;
	margin-left:0px;
	/* padding:0px 0px 0px 10px; */
}
#mainmenu_right{
	float:right;
	width: 18%;
	margin-left: 2%;
	/* width:210px; */
}
#mainmenu_right form {
	margin-left:12px;
}

#most_frequent_names{
	width:500px; margin-left:auto; margin-right:auto;
}

/* Mainmenu link and text family tree - Link en tekst bij stamboom in hoofdmenu */
.tree_link {
	/* font-size: 14px; */
	font-weight:bold;
	margin-left: 10px;
}
.style_tree_text {
	/* font-size: 12px; */
}

/* top bar in left - content - right boxes: only in main menu */
.mainmenu_bar{
	/* background: linear-gradient(to top, rgba(236, 204, 179, 1) 0%, rgba(250, 241, 235, 1) 91%, rgba(250, 241, 235, 1) 100%); */
	background: linear-gradient(to top, rgb(209, 184, 143) 0%, rgb(250, 241, 235) 73%);
	text-align:center;
	font-weight:bold;
	/* font-size:13px; */
	margin-bottom:10px;
}

/* heads - koppen */
h1 { text-align: center; }

hr { text-align: center; width:70%; }

/* tables - tabellen */

table.humo td, table.humo th, table.reltable td {
	border: solid 1px #999999;
}

table.humo, table.ext {
	border-collapse:separate; /* needed for rounded corners */
	background-color:#FAF1EB;
	border-spacing: 0;
	border-width: 1px; 

	box-shadow: 6px 6px 6px #999;
	-moz-box-shadow: 6px 6px 6px #999;
	-webkit-box-shadow: 6px 6px 6px #999;

	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;
}

table.ext {
	padding:10px;
	text-align:center;
}

table.small {
	width:50%;
	border-spacing: 0;
	border-collapse:separate;
	border-width: 1px;

	margin-left:auto; 
	margin-right:auto;
}

table.standard {
	width:98%;
	border-spacing: 0;
	border-collapse:separate;
	border-width: 1px;
}

/*~~~~~~~~~ prevent double lines (horizontal) ~~~~~~~~~~~~~~~~~~ */

table.humo td, table.relmenu td {
	border-top:none;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
}
table.humo th, table.relmenu th {
	padding-left:5px;
}
table.humo tr:first-of-type td, table.relmenu tr:first-of-type td, table.humo tr:first-of-type th, table.relmenu tr:first-of-type th {
	border-top:1px solid #999999;
}
/*~~~~~~~~~ prevent double lines (vertical) and set padding ~~~~ */

table.humo td:nth-of-type(1n+2), table.relmenu td:nth-of-type(1n+2), table.humo th:nth-of-type(1n+2), table.relmenu th:nth-of-type(1n+2) {
	border-left:0px; 
	padding-left: 5px;
	padding-right: 5px;
}

/*~~~~~~~~~ set rounded corners at bottom ~~~~~~~~~~~~~~~~~~~~~~ */

table.humo tr:last-of-type td:first-of-type {
	-moz-border-radius: 0 0 0 6px;
	-webkit-border-radius: 0 0 0 6px;
	border-radius: 0 0 0 6px;
}

table.humo tr:last-of-type td:last-of-type {
	-moz-border-radius: 0 0 6px 0;
	-webkit-border-radius: 0 0 6px 0;
	border-radius: 0 0 6px 0;
}

table.humo tr:last-of-type td:only-of-type, table.humo tr:only-of-type td:only-of-type {
	-moz-border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
}

/*~~~~~~~~~ set rounded corners at top (whether td or th) ~~~~~~~ */

table.humo tr:first-of-type td:first-of-type, table.humo tr:first-of-type th:first-of-type{
	-moz-border-radius: 6px 0 0 0;
	-webkit-border-radius: 6px 0 0 0;
	border-radius: 6px 0 0 0;
}

table.humo tr:first-of-type td:last-of-type, table.humo tr:first-of-type th:last-of-type{
	-moz-border-radius: 0 6px 0 0;
	-webkit-border-radius: 0 6px 0 0;
	border-radius: 0 6px 0 0;
}

table.humo tr:first-of-type td:only-of-type, table.humo tr:first-of-type th:only-of-type{
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
}

/*~~~~ set rounded corners at top and bottom if one line table~~ */
table.humo tr:only-of-type td:first-of-type {
	-moz-border-radius: 6px 0px 0px 6px;
	-webkit-border-radius: 6px 0px 0px 6px;
	border-radius: 6px 0px 0px 6px;
}
table.humo tr:only-of-type td:last-of-type {
	-moz-border-radius: 0 6px 6px 0;
	-webkit-border-radius: 0 6px 6px 0;
	border-radius: 0 6px 6px 0;
}
table.humo tr:only-of-type td:only-of-type {
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 
.border {
	border: solid 1px #999999;
	border-collapse: collapse;
}
.no_border {
	border: 0px;
}

/* Headline in table */
.table_headline{
	background-color: transparent;
	/* background: linear-gradient(to top, rgba(236, 204, 179, 1) 0%, rgba(250, 241, 235, 1) 91%, rgba(250, 241, 235, 1) 100%); */
	background: linear-gradient(to top, rgb(209, 184, 143) 0%, rgb(250, 241, 235) 73%);
}
/* Smaller headline in family screen etc. */
table.humo td.table_header {
	padding-left:1px;
	padding-top:0px; padding-bottom:0px;
} 

table.humo th {
	font-size: 15px;
}

/* img { width:100px; } */

/* links - linken */
a { text-decoration:none; }
a:link { color:blue; }
a:hover { text-decoration:underline; color:red; }
a:visited { color:brown; }

/* family page top text - tekst bij gezinsblad */
.family_page_toptext {
	/* font-size: 14px; */
	font-size: 15px;
	text-align: center;
	font-weight:bold;
}

/* person margin */
.margin_person { margin-left: 37px; }
.margin_child { margin-left: 65px; }
/* more than 9 kids: extra margin - bij meer dan 9 kinderen extra inspringen */
/* .margin_child2 { margin-left: 65px; } */

/* parent 1 (normally the father) */
.parent1 { }

/* parent 2 (normally the mother) */
.parent2 { }

/* link to parents */
.parents { font-weight:bold; }

/* marriage - overzicht huwelijk */
.marriage { margin-left: 37px; }

/* divorse - scheiding */
.divorse { }

/* child number - overzicht child_nr */
.child_nr {
	font-weight:bold; font-style:italic;
	display: inline-block;
	width:25px;
}

/* children - overzicht kinderen */
.children {
	margin:2px;
}

/* name - naam */
.pers_name {
	font-weight:bold;
}

/* text - tekst */
.text { font-style:italic; }

/* city - woonplaats */
.pers_living_place { }

/* profession - beroep */
.profession { }

/* religion */
.religion { }

/* own code - eigen code */
.pers_own_code { }

/* event - gebeurtenis */
/* .event { font-style:italic; } */
.event { }

/* Citations */
.citation{
	/* font-size:10px; */
	font-size:12px;
}

/* head genealogy - koptekst parenteel (Generatie I, II, etc.) */
.standard_header {
	font-size:200%;
	color:blue; font-weight:bold;
	text-align: center;
	line-height: 200%;
}

/* Center buttons etc. */
.center {
	text-align:center;
}

/* All kinds of input */
/* input { font-size: 10px; } */
input { font-size: 12px; }
/* input.geselecteerd { color:blue; font-weight:bold; } */

/* Family tree buttons */
.button {
	height:20px;
	width:23px;
	padding:0px;
}

table.index_table{
	width:1050px;
}

/* Center index list */
.index_list1{
	text-align:center;
	/* up, right, bottom */
	padding:10px 0px 0px 0px;
}
/* Align index_list */
.index_list2{
	margin-left: 15%;
	text-align:left;
	/* up, right, bottom */
	padding:10px 0px 0px 0px;
}

/* for RTL display */
.rtlindex_list2{
	margin-right: 20%;
	text-align:right;
}

.index_list3{
	margin-left: 5%;
	text-align:left;
	/* up, right, bottom */
	padding:10px 0px 0px 0px;
}
.rtlindex_list3{
	margin-right: 5%;
	text-align:right;
}

/* Colour of spouse in indexlijst */
.index_partner{
	color:green;
	font-size:11px;
}

/* For lastnames index */
.index_lastname{
	margin-left: 100px;
	margin-right: 100px;
}

/* For places index */
.place_index{
	display:block;
	float:left;
	width:15px;
	border: solid 1px #999999;
	text-align:center;
}
.place_index_selected{
	background-color:#ADD8E6;
}

/* In use by several pages: index, places, timeline */
.select_box{
	display:block;
	float:left;
	width:150px;
}

/* Lay-out for several search bar's */
.search_bar{
	position: relative;
	margin: 0px auto;
	width: 990px;
	text-align: center;
	border: 1px solid #999999;
	/* background: linear-gradient(to top, rgba(236, 204, 179, 1) 0%, rgba(250, 241, 235, 1) 91%, rgba(250, 241, 235, 1) 100%); */
	background: linear-gradient(to top, rgb(209, 184, 143) 0%, rgb(250, 241, 235) 73%);
	padding:1px;
}

/* Ancestor graphical (also used in graphical descendant report) */
/* Used for box */
/* No _ character allowed in name of CSS class because of javascript */
div.ancestorName{
	font-family: "Arial";
	position: absolute;
	border: 1px solid #AAA;
	padding-left: 2px;
	line-height: 10px;
	border-radius: 4px;
	/*
	Disabled, doesn't work properly for html2canvas script.
	-moz-border-radius: 4px;
	-moz-box-shadow: 3px 3px 6px #bbb;
	-webkit-box-shadow: 3px 3px 6px #bbb;
	*/
	box-shadow: 3px 3px 6px #bbb;
}

div.ancestor_man{
	/* background-color:#eaf0ff; */
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #81BEF7 100%);
}
div.ancestor_woman{
	/* background-color:#f8e8f1; */
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #F5BCA9 100%);
}
div.ancestor_none{
	background-color:#ffffff;
}
div.ancestor_line{
	position: absolute;
	width: 8px;
	border-bottom: 1px solid #AAA; border-top: 1px solid #AAA;
}
div.ancestor_split{
	position: absolute;
	width: 8px;
	border-left: 1px solid #AAA; border-bottom: 1px solid #AAA; border-top: 1px solid #AAA;
}
div.hour_ancestor_split{
	position: absolute;
	width: 8px;
	border-right: 1px solid #AAA; border-bottom: 1px solid #AAA; border-top: 1px solid #AAA;
}
/* Used for name */
.anc_box_name {
	font-size:110%; 
	font-weight:bold;
	color:#353535;
	line-height: 14px;
}

/* report_ancestor.php */
a.nam:link {color: #000000; text-decoration: none; }
a.nam:active {color: #000000; text-decoration: none; }
a.nam:visited {color: #000000; text-decoration: none; }
a.nam:hover {color: #000000; text-decoration: none; }
.chart_line { background-color:#AAA; border:0px; }

/* center and auto-adjust width of outline table */
table.outlinetable {
	margin-left: auto; margin-right:auto;
	width: auto;
}

.humo_version {
	/* font-size:9px; */
	font-size:10px;
	text-align: center;
	line-height: 15px;
}

/* Photo's */
div.photo{
	margin: 2px;
	height: 170px;
	width : 200px;
	float: left;
	text-align: center;
	overflow:auto;
}
div.photo img{
	display: inline;
	margin: 3px;
	border: 2px solid #ffffff;
}
div.photo a:hover img {
	border: 2px solid #0000ff;
}
div.phototext{
	font-style:italic;
	margin: 2px;
}

/* Photobook */
div.photobook{
	background-color:#FAF1EB;
	margin: 2px;
	border: 1px solid #0000ff;
	height : 190px;
	width : 200px;
	float: left;
	text-align: center;
	overflow:auto;
}
div.photobook img{
	display: inline;
	margin: 3px;
	border: 1px solid #ffffff;
}
div.photobook a:hover img {
	border: 1px solid #0000ff;
}
div.photobooktext{
	font-style:italic;
	margin: 2px;
}

/* indentations for outline report */
/* a bit longer than necessary - better to many than too few.... */
	div.sub1 {margin-left: 20px; text-indent: -1.5em; }
	div.sub2 {margin-left: 60px; text-indent: -1.5em; }
	div.sub3 {margin-left: 100px; text-indent: -1.5em;}
	div.sub4 {margin-left: 140px; text-indent: -1.5em;}
	div.sub5 {margin-left: 180px; text-indent: -1.5em;}
	div.sub6 {margin-left: 220px; text-indent: -1.5em;}
	div.sub7 {margin-left: 260px; text-indent: -1.5em;}
	div.sub8 {margin-left: 300px; text-indent: -1.5em; }
	div.sub9 {margin-left: 340px; text-indent: -1.5em;}
	div.sub10 {margin-left: 380px; text-indent: -1.5em;}
	div.sub11 {margin-left: 420px; text-indent: -1.5em; }
	div.sub12 {margin-left: 460px; text-indent: -1.5em;}
	div.sub13 {margin-left: 500px; text-indent: -1.5em;}
	div.sub14 {margin-left: 540px; text-indent: -1.5em;}
	div.sub15 {margin-left: 580px; text-indent: -1.5em;}
	div.sub16 {margin-left: 620px; text-indent: -1.5em;}
	div.sub17 {margin-left: 660px; text-indent: -1.5em;}
	div.sub18 {margin-left: 700px; text-indent: -1.5em; }
	div.sub19 {margin-left: 740px; text-indent: -1.5em;}
	div.sub20 {margin-left: 780px; text-indent: -1.5em;}
	div.sub21 {margin-left: 820px; text-indent: -1.5em;}
	div.sub22 {margin-left: 860px; text-indent: -1.5em; }
	div.sub23 {margin-left: 900px; text-indent: -1.5em;}
	div.sub24 {margin-left: 940px; text-indent: -1.5em;}
	div.sub25 {margin-left: 980px; text-indent: -1.5em;}
	div.sub26 {margin-left: 1020px; text-indent: -1.5em;}
	div.sub27 {margin-left: 1060px; text-indent: -1.5em;}
	div.sub28 {margin-left: 1100px; text-indent: -1.5em; }
	div.sub29 {margin-left: 1140px; text-indent: -1.5em;}
	div.sub30 {margin-left: 1180px; text-indent: -1.5em;}
	div.sub31 {margin-left: 1220px; text-indent: -1.5em; }
	div.sub32 {margin-left: 1260px; text-indent: -1.5em;}
	div.sub33 {margin-left: 1300px; text-indent: -1.5em;}
	div.sub34 {margin-left: 1340px; text-indent: -1.5em;}
	div.sub35 {margin-left: 1380px; text-indent: -1.5em;}
	div.sub36 {margin-left: 1420px; text-indent: -1.5em;}
	div.sub37 {margin-left: 1460px; text-indent: -1.5em;}
	div.sub38 {margin-left: 1500px; text-indent: -1.5em; }
	div.sub39 {margin-left: 1540px; text-indent: -1.5em;}
	div.sub40 {margin-left: 1580px; text-indent: -1.5em;}
/* end indentations */

/* indentations for RTL outline report */
/* a bit longer than necessary - better to many than too few.... */
	div.rtlsub1 {margin-right: 20px; text-indent: -1.5em; }
	div.rtlsub2 {margin-right: 60px; text-indent: -1.5em; }
	div.rtlsub3 {margin-right: 100px; text-indent: -1.5em;}
	div.rtlsub4 {margin-right: 140px; text-indent: -1.5em;}
	div.rtlsub5 {margin-right: 180px; text-indent: -1.5em;}
	div.rtlsub6 {margin-right: 220px; text-indent: -1.5em;}
	div.rtlsub7 {margin-right: 260px; text-indent: -1.5em;}
	div.rtlsub8 {margin-right: 300px; text-indent: -1.5em; }
	div.rtlsub9 {margin-right: 340px; text-indent: -1.5em;}
	div.rtlsub10 {margin-right: 380px; text-indent: -1.5em;}
	div.rtlsub11 {margin-right: 420px; text-indent: -1.5em; }
	div.rtlsub12 {margin-right: 460px; text-indent: -1.5em;}
	div.rtlsub13 {margin-right: 500px; text-indent: -1.5em;}
	div.rtlsub14 {margin-right: 540px; text-indent: -1.5em;}
	div.rtlsub15 {margin-right: 580px; text-indent: -1.5em;}
	div.rtlsub16 {margin-right: 620px; text-indent: -1.5em;}
	div.rtlsub17 {margin-right: 660px; text-indent: -1.5em;}
	div.rtlsub18 {margin-right: 700px; text-indent: -1.5em; }
	div.rtlsub19 {margin-right: 740px; text-indent: -1.5em;}
	div.rtlsub20 {margin-right: 780px; text-indent: -1.5em;}
	div.rtlsub21 {margin-right: 820px; text-indent: -1.5em;}
	div.rtlsub22 {margin-right: 860px; text-indent: -1.5em; }
	div.rtlsub23 {margin-right: 900px; text-indent: -1.5em;}
	div.rtlsub24 {margin-right: 940px; text-indent: -1.5em;}
	div.rtlsub25 {margin-right: 980px; text-indent: -1.5em;}
	div.rtlsub26 {margin-right: 1020px; text-indent: -1.5em;}
	div.rtlsub27 {margin-right: 1060px; text-indent: -1.5em;}
	div.rtlsub28 {margin-right: 1100px; text-indent: -1.5em; }
	div.rtlsub29 {margin-right: 1140px; text-indent: -1.5em;}
	div.rtlsub30 {margin-right: 1180px; text-indent: -1.5em;}
	div.rtlsub31 {margin-right: 1220px; text-indent: -1.5em; }
	div.rtlsub32 {margin-right: 1260px; text-indent: -1.5em;}
	div.rtlsub33 {margin-right: 1300px; text-indent: -1.5em;}
	div.rtlsub34 {margin-right: 1340px; text-indent: -1.5em;}
	div.rtlsub35 {margin-right: 1380px; text-indent: -1.5em;}
	div.rtlsub36 {margin-right: 1420px; text-indent: -1.5em;}
	div.rtlsub37 {margin-right: 1460px; text-indent: -1.5em;}
	div.rtlsub38 {margin-right: 1500px; text-indent: -1.5em; }
	div.rtlsub39 {margin-right: 1540px; text-indent: -1.5em;}
	div.rtlsub40 {margin-right: 1580px; text-indent: -1.5em;}
/* end indentations */


/* Hulppagina */
.help_div {
	width: 80%;
	position: relative;
	left: 10%;
}
.rtlhelp_div {
	width: 80%;
	position: relative;
	right: 10%;
}

.help_box {
	padding-left: 20px;
	padding-right: 20px;
	border: solid 1px #999999;
	background-color:#FAF1EB;
}

.help_header {
	margin: 0 0 -10px 0;
	text-align: center;
	font-size: 105%;
	font-weight: bold;
}

.help_text {
	/* font-size: 95%; */
	font-weight: bold;
	font-style: italic;
}
.help_explanation {
	/* font-size: 95%; */
	font-weight: normal;
	font-style: normal;
}

table.ancestor_sheet {
	width:96%;
	text-align:center;
	border-collapse:separate;
	border-spacing:1px;
	border-style:double;
	border-color:#777777;
}
table.ancestor_sheet td{
	width:12%;
	vertical-align:top;
	border-width:1px;
	border-style:double;
	border-color:#777777;
	padding-top:5px;
	padding-bottom:5px;
}
table.ancestor_sheet td.kw-small {
	font-size:12px;
}
table.ancestor_sheet td.kw-medium {
	font-size:14px;
}
table.ancestor_sheet td.kw-bigger {
	font-size:16px;
}
table.ancestor_sheet td.kw-big {
	font-size:18px;
}
th.ancestor_head {
	border-width:1px;
	border-style:double;
	border-color:#777777;
	padding-top:5px;
	padding-bottom:5px;
	font-size:160%;
	color:blue;
	font-weight:bold;
	text-align: center;
}
.ancestor_legend {
	font-size:100%;
	text-align:center;
}
table.ancestor_sheet td.ancestor_devider{
	font-size:20%;
	padding-top:1px;
	padding-bottom:1px;
}
.onlyprint {display:none; }

/* Fanchart menu */
.fanmenu1 {
	position:absolute;
	top:40px;
	left:10px;
	width:125px;
	text-align:center;
	border-style:solid;
	border-color:#FFE4C4;
}
.fanmenu2 {
	position:relative;
}
.fanmenu3 {
	background-color:#FFE4C4;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
	min-height:570px;
}

/* Relations page/ verwantschap berekenen */
table.container td{
/* contains all graphic displays of relationships found by calculator */
	vertical-align:top;
	text-align:center;
 	border: 1px outset #999999;
	white-space:nowrap; 
	padding:15px;
}

table.newrel {
	margin-left:auto;
	margin-right: auto;
}

table.newrel td{
	padding:0px;
	position: relative;
	border:1px solid #666666;
}

table.container{
	text-align:center;
	border-collapse:separate; 
	background-color:#FFEEFF;
	background-image:none;
}

table.reltable td {
/* contains the actual graphic display of one relationship result */
	border:none;
	text-align:center;
	padding-right:15px;
	padding-left:15px;
	padding-top:0px;
	padding-bottom:0px;
	font-size:100%;
}

table.reltable tr:nth-of-type(1n+1) td  {
	border-top:0px;
}

table.reltable {
	text-align:center;
 	border: 0px;
	margin-left:auto;
	margin-right:auto;
	white-space:nowrap;
	box-shadow: 0px 0px 0px #999;
	-moz-box-shadow: 0px 0px 0px #999;
	-webkit-box-shadow: 0px 0px 0px #999;

	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	border-radius: 0px 0px 0px 0px;  
}
table.reltable a {
/* for names of persons of in-between generations in graphic display */
	color:blue;
	font-weight:normal;
	white-space:nowrap;
	font-size:100%;
}
table.reltable a:visited {
	color:blue;
	font-weight:normal;
	white-space:nowrap;
}
table.reltable a:hover {
	color:darkblue;
	font-weight:normal;
	background-color:#e6e6e6;
	white-space:nowrap;
}
table.reltable a.search {
/* for names of persons X and Y in the graphical display */
	font-size:120%;
	font-weight:bold;
	white-space:nowrap;
}
table.reltable a.search:hover {
	color:darkblue;
	background-color:#e6e6e6;
	font-weight:bold;
	white-space:nowrap;
}
table.reltable a.search:visited {
	color:blue;
	font-weight:bold;
	white-space:nowrap;
}
a.relsearch {
/* for names of persons X and Y in textual result */
	font-size:120%;
	font-weight:bold;
	white-space:nowrap;
}
a.relsearch:hover {
	color:darkblue;
	background-color:#e6e6e6;
	font-weight:bold;
	white-space:nowrap;
}
a.relsearch:visited  {
	color:blue;
	font-weight:bold;
	white-space:nowrap;
}
a.blue {
	color:blue;
}
span.relresult {
/* textual result of relationship found */
	white-space:nowrap;
	text-align:center;
}
table.relmenu td{
/* menu of relationship calculator */
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
}
table.relmenu {
	border-collapse:separate;
	text-align:center;
	background-image:none;
	/* background-color:#FFEEFF; */
}
/*
table.relmenu tr:last-of-type td:last-of-type {
	border-radius: 0px;
}
table.relmenu tr:nth-of-type(2) td:last-of-type {
	border-radius: 0px 0px 6px 0px;
}
*/
.relboxes {
/* makes name search boxes same height as pulldown menus */
	height:17px;
}

.pale{
	color:#A0A0A0;
}
.wordwrap { 
/* breaks string to fit in fixed size div even if contains no spaces */
	white-space: pre-wrap;		/* CSS3 */
	white-space: -moz-pre-wrap;	/* Firefox */
	white-space: -pre-wrap;		/* Opera <7 */
	white-space: -o-pre-wrap;	/* Opera 7 */
	word-wrap: break-word;		/* IE */
}

td.extended_man a, td.extended_woman a {
	color:#000077;
}
td.extended_man {
	border-radius: 8px;
	-moz-border-radius: 8 px;
	-webkit-border-radius: 8px;
	
	box-shadow: inset -1px -1px 1px 1px #bbbbbb;
	-webkit-box-shadow: inset -1px -1px 1px 1px #bbbbbb;
	-moz-box-shadow: inset -1px -1px 1px 1px #bbbbbb;

	background-color: #dddddd;
	background-image: linear-gradient(to bottom, #ffffff, #C2C1FF);
}
td.extended_woman {
	border-radius: 8px;
	-moz-border-radius: 8 px;
	-webkit-border-radius: 8px;

	box-shadow: inset -1px -1px 1px 1px #bbbbbb;
	-webkit-box-shadow: inset -1px -1px 1px 1px #bbbbbb;
	-moz-box-shadow: inset -1px -1px 1px 1px #bbbbbb;

	background-color: #dddddd;
	background-image: linear-gradient(to bottom, #ffffff, #FFB1B1);
}


/* Tab Menu */
.pageHeadingContainer-lineVisible {
	margin-bottom: 15px;
	border-bottom: 1px solid #d9d9d9;
}
.pageHeadingContainer {
	clear: both;
	display: table;
	width: 100%;
	margin-bottom: 0px;
}
.pageHeading {
	display: table-cell;
}
.pageTabsContainer {
	display: table-cell;
	vertical-align: bottom;
	/* white-space: nowrap; */
}
.pageTabs {
	margin: 0;
	padding: 0;
	float: right;
	margin-left:10px;
}
.pageTabItem {
	display: inline-block;
	zoom: 1;
	list-style: none;
	margin: 0 4px -1px 0;
}
.pageTab {
	display: inline-block;
	white-space: nowrap;
	color: #333;
	cursor: pointer;
	border: 1px solid #d9d9d9;
	background-color: #eaf4fa;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-topleft: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-top-left-radius: 3px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-box-shadow: 1px 1px 1px #fff inset;
	-moz-box-shadow: 1px 1px 1px #fff inset;
	box-shadow: 1px 1px 1px #fff inset;
}
.pageTab a {
	text-decoration:none;
	color: #765;
	display: inline-block;
	padding: 6px 8px 4px;
}
.pageTab-active {
	background-color: #fff;
	border-bottom: 1px solid #fff;
	color: #2f63a3;
}
.pageTab-active a {
	font-weight: bold;
}