Next release will be 2.0.0

85 files changed, 3653 insertions, 0 deletions

diff --git a/themes/fab/css-2.0.0/favicon.png b/themes/fab/css-2.0.0/favicon.png
new file mode 100644
index 0000000000..4c54cc0e4e
--- /dev/null
+++ b/themes/fab/css-2.0.0/favicon.png
diff --git a/themes/fab/css-2.0.0/favicon180.png b/themes/fab/css-2.0.0/favicon180.png
new file mode 100644
index 0000000000..6a99778509
--- /dev/null
+++ b/themes/fab/css-2.0.0/favicon180.png
diff --git a/themes/fab/css-2.0.0/favicon192.png b/themes/fab/css-2.0.0/favicon192.png
new file mode 100644
index 0000000000..2dad9762fa
--- /dev/null
+++ b/themes/fab/css-2.0.0/favicon192.png
diff --git a/themes/fab/css-2.0.0/icons/bing-maps.png b/themes/fab/css-2.0.0/icons/bing-maps.png
new file mode 100644
index 0000000000..400627cf16
--- /dev/null
+++ b/themes/fab/css-2.0.0/icons/bing-maps.png
diff --git a/themes/fab/css-2.0.0/icons/google-maps.png b/themes/fab/css-2.0.0/icons/google-maps.png
new file mode 100644
index 0000000000..12ab0c14d5
--- /dev/null
+++ b/themes/fab/css-2.0.0/icons/google-maps.png
diff --git a/themes/fab/css-2.0.0/icons/openstreetmap.png b/themes/fab/css-2.0.0/icons/openstreetmap.png
new file mode 100644
index 0000000000..899e2a58b6
--- /dev/null
+++ b/themes/fab/css-2.0.0/icons/openstreetmap.png
diff --git a/themes/fab/css-2.0.0/images/add.png b/themes/fab/css-2.0.0/images/add.png
new file mode 100644
index 0000000000..c4554632f2
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/add.png
diff --git a/themes/fab/css-2.0.0/images/buttons/addmedia.png b/themes/fab/css-2.0.0/images/buttons/addmedia.png
new file mode 100644
index 0000000000..a269a90e35
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/buttons/addmedia.png
diff --git a/themes/fab/css-2.0.0/images/buttons/addnote.png b/themes/fab/css-2.0.0/images/buttons/addnote.png
new file mode 100644
index 0000000000..5811eabeaa
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/buttons/addnote.png
diff --git a/themes/fab/css-2.0.0/images/buttons/addrepository.png b/themes/fab/css-2.0.0/images/buttons/addrepository.png
new file mode 100644
index 0000000000..9bf88ee0fe
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/buttons/addrepository.png
diff --git a/themes/fab/css-2.0.0/images/buttons/addsource.png b/themes/fab/css-2.0.0/images/buttons/addsource.png
new file mode 100644
index 0000000000..f5b6d8b787
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/buttons/addsource.png
diff --git a/themes/fab/css-2.0.0/images/buttons/find.png b/themes/fab/css-2.0.0/images/buttons/find.png
new file mode 100644
index 0000000000..be6c6002e4
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/buttons/find.png
diff --git a/themes/fab/css-2.0.0/images/buttons/find_facts.png b/themes/fab/css-2.0.0/images/buttons/find_facts.png
new file mode 100644
index 0000000000..2ba25a7858
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/buttons/find_facts.png
diff --git a/themes/fab/css-2.0.0/images/buttons/head.png b/themes/fab/css-2.0.0/images/buttons/head.png
new file mode 100644
index 0000000000..8c381b7d6a
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/buttons/head.png
diff --git a/themes/fab/css-2.0.0/images/buttons/place.png b/themes/fab/css-2.0.0/images/buttons/place.png
new file mode 100644
index 0000000000..8d4684fac3
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/buttons/place.png
diff --git a/themes/fab/css-2.0.0/images/cfamily.png b/themes/fab/css-2.0.0/images/cfamily.png
new file mode 100644
index 0000000000..605ef01d03
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/cfamily.png
diff --git a/themes/fab/css-2.0.0/images/childless.png b/themes/fab/css-2.0.0/images/childless.png
new file mode 100644
index 0000000000..10f82fe6fe
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/childless.png
diff --git a/themes/fab/css-2.0.0/images/children.png b/themes/fab/css-2.0.0/images/children.png
new file mode 100644
index 0000000000..64d2503625
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/children.png
diff --git a/themes/fab/css-2.0.0/images/clippings.png b/themes/fab/css-2.0.0/images/clippings.png
new file mode 100644
index 0000000000..c2bb99cf36
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/clippings.png
diff --git a/themes/fab/css-2.0.0/images/close.png b/themes/fab/css-2.0.0/images/close.png
new file mode 100644
index 0000000000..8b31a0c4be
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/close.png
diff --git a/themes/fab/css-2.0.0/images/controls.png b/themes/fab/css-2.0.0/images/controls.png
new file mode 100644
index 0000000000..140c6fc4ae
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/controls.png
diff --git a/themes/fab/css-2.0.0/images/dline.png b/themes/fab/css-2.0.0/images/dline.png
new file mode 100644
index 0000000000..36a4e2990c
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/dline.png
diff --git a/themes/fab/css-2.0.0/images/dline2.png b/themes/fab/css-2.0.0/images/dline2.png
new file mode 100644
index 0000000000..2ddfbed136
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/dline2.png
diff --git a/themes/fab/css-2.0.0/images/edit_indi.png b/themes/fab/css-2.0.0/images/edit_indi.png
new file mode 100644
index 0000000000..4303823993
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/edit_indi.png
diff --git a/themes/fab/css-2.0.0/images/fambook.png b/themes/fab/css-2.0.0/images/fambook.png
new file mode 100644
index 0000000000..b07526f71e
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/fambook.png
diff --git a/themes/fab/css-2.0.0/images/gedcom.png b/themes/fab/css-2.0.0/images/gedcom.png
new file mode 100644
index 0000000000..0abbc64b8c
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/gedcom.png
diff --git a/themes/fab/css-2.0.0/images/hline.png b/themes/fab/css-2.0.0/images/hline.png
new file mode 100644
index 0000000000..922070a492
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/hline.png
diff --git a/themes/fab/css-2.0.0/images/icon-mime-sprite.png b/themes/fab/css-2.0.0/images/icon-mime-sprite.png
new file mode 100644
index 0000000000..8322ae4580
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/icon-mime-sprite.png
diff --git a/themes/fab/css-2.0.0/images/image_add.png b/themes/fab/css-2.0.0/images/image_add.png
new file mode 100644
index 0000000000..ecac61c284
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/image_add.png
diff --git a/themes/fab/css-2.0.0/images/image_link.png b/themes/fab/css-2.0.0/images/image_link.png
new file mode 100644
index 0000000000..190b08e7d2
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/image_link.png
diff --git a/themes/fab/css-2.0.0/images/images.png b/themes/fab/css-2.0.0/images/images.png
new file mode 100644
index 0000000000..b3854d450a
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/images.png
diff --git a/themes/fab/css-2.0.0/images/indi_sprite.png b/themes/fab/css-2.0.0/images/indi_sprite.png
new file mode 100644
index 0000000000..570c6b9013
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/indi_sprite.png
diff --git a/themes/fab/css-2.0.0/images/indicator.gif b/themes/fab/css-2.0.0/images/indicator.gif
new file mode 100644
index 0000000000..085ccaecaf
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/indicator.gif
diff --git a/themes/fab/css-2.0.0/images/indis.png b/themes/fab/css-2.0.0/images/indis.png
new file mode 100644
index 0000000000..79c3d7b625
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/indis.png
diff --git a/themes/fab/css-2.0.0/images/lifespan-chunk.png b/themes/fab/css-2.0.0/images/lifespan-chunk.png
new file mode 100644
index 0000000000..549e584c52
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/lifespan-chunk.png
diff --git a/themes/fab/css-2.0.0/images/loading-32x32.gif b/themes/fab/css-2.0.0/images/loading-32x32.gif
new file mode 100644
index 0000000000..5bb90fd6a4
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/loading-32x32.gif
diff --git a/themes/fab/css-2.0.0/images/media.png b/themes/fab/css-2.0.0/images/media.png
new file mode 100644
index 0000000000..5bb919380b
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/media.png
diff --git a/themes/fab/css-2.0.0/images/minus.png b/themes/fab/css-2.0.0/images/minus.png
new file mode 100644
index 0000000000..8ed68808da
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/minus.png
diff --git a/themes/fab/css-2.0.0/images/move.png b/themes/fab/css-2.0.0/images/move.png
new file mode 100644
index 0000000000..c8f799aa1a
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/move.png
diff --git a/themes/fab/css-2.0.0/images/mypage.png b/themes/fab/css-2.0.0/images/mypage.png
new file mode 100644
index 0000000000..3a46dbb34e
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/mypage.png
diff --git a/themes/fab/css-2.0.0/images/open.png b/themes/fab/css-2.0.0/images/open.png
new file mode 100644
index 0000000000..05474627b2
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/open.png
diff --git a/themes/fab/css-2.0.0/images/patriarch.png b/themes/fab/css-2.0.0/images/patriarch.png
new file mode 100644
index 0000000000..6e4646c1f1
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/patriarch.png
diff --git a/themes/fab/css-2.0.0/images/pedigree.png b/themes/fab/css-2.0.0/images/pedigree.png
new file mode 100644
index 0000000000..5a1dfe9b15
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/pedigree.png
diff --git a/themes/fab/css-2.0.0/images/pin-in.png b/themes/fab/css-2.0.0/images/pin-in.png
new file mode 100644
index 0000000000..bba02bc592
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/pin-in.png
diff --git a/themes/fab/css-2.0.0/images/pin-out.png b/themes/fab/css-2.0.0/images/pin-out.png
new file mode 100644
index 0000000000..2578e04689
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/pin-out.png
diff --git a/themes/fab/css-2.0.0/images/place.png b/themes/fab/css-2.0.0/images/place.png
new file mode 100644
index 0000000000..b381240577
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/place.png
diff --git a/themes/fab/css-2.0.0/images/plus.png b/themes/fab/css-2.0.0/images/plus.png
new file mode 100644
index 0000000000..64e15fc9f3
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/plus.png
diff --git a/themes/fab/css-2.0.0/images/powered-by-webtrees.png b/themes/fab/css-2.0.0/images/powered-by-webtrees.png
new file mode 100644
index 0000000000..6a5cf0fb3e
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/powered-by-webtrees.png
diff --git a/themes/fab/css-2.0.0/images/rarrow.png b/themes/fab/css-2.0.0/images/rarrow.png
new file mode 100644
index 0000000000..705bc43c4f
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/rarrow.png
diff --git a/themes/fab/css-2.0.0/images/rdarrow.png b/themes/fab/css-2.0.0/images/rdarrow.png
new file mode 100644
index 0000000000..198e7d1768
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/rdarrow.png
diff --git a/themes/fab/css-2.0.0/images/reminder.png b/themes/fab/css-2.0.0/images/reminder.png
new file mode 100644
index 0000000000..fa5bbcf507
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/reminder.png
diff --git a/themes/fab/css-2.0.0/images/remove-dis.png b/themes/fab/css-2.0.0/images/remove-dis.png
new file mode 100644
index 0000000000..f27f67d1a2
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/remove-dis.png
diff --git a/themes/fab/css-2.0.0/images/remove.png b/themes/fab/css-2.0.0/images/remove.png
new file mode 100644
index 0000000000..d781275707
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/remove.png
diff --git a/themes/fab/css-2.0.0/images/reorder.png b/themes/fab/css-2.0.0/images/reorder.png
new file mode 100644
index 0000000000..2cfe889ad1
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/reorder.png
diff --git a/themes/fab/css-2.0.0/images/repository.png b/themes/fab/css-2.0.0/images/repository.png
new file mode 100644
index 0000000000..10eec3f7ca
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/repository.png
diff --git a/themes/fab/css-2.0.0/images/resn_confidential.png b/themes/fab/css-2.0.0/images/resn_confidential.png
new file mode 100644
index 0000000000..7ecea33a1a
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/resn_confidential.png
diff --git a/themes/fab/css-2.0.0/images/resn_locked.png b/themes/fab/css-2.0.0/images/resn_locked.png
new file mode 100644
index 0000000000..43fa09b350
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/resn_locked.png
diff --git a/themes/fab/css-2.0.0/images/resn_none.png b/themes/fab/css-2.0.0/images/resn_none.png
new file mode 100644
index 0000000000..1b5f57a70f
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/resn_none.png
diff --git a/themes/fab/css-2.0.0/images/resn_privacy.png b/themes/fab/css-2.0.0/images/resn_privacy.png
new file mode 100644
index 0000000000..ca462fd84d
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/resn_privacy.png
diff --git a/themes/fab/css-2.0.0/images/rings.png b/themes/fab/css-2.0.0/images/rings.png
new file mode 100644
index 0000000000..698927d4b8
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/rings.png
diff --git a/themes/fab/css-2.0.0/images/search.png b/themes/fab/css-2.0.0/images/search.png
new file mode 100644
index 0000000000..360c293582
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/search.png
diff --git a/themes/fab/css-2.0.0/images/selected.png b/themes/fab/css-2.0.0/images/selected.png
new file mode 100644
index 0000000000..c3c1c25802
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/selected.png
diff --git a/themes/fab/css-2.0.0/images/sex_f_15x15.png b/themes/fab/css-2.0.0/images/sex_f_15x15.png
new file mode 100644
index 0000000000..2d3abae32a
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/sex_f_15x15.png
diff --git a/themes/fab/css-2.0.0/images/sex_f_9x9.png b/themes/fab/css-2.0.0/images/sex_f_9x9.png
new file mode 100644
index 0000000000..e35e46ccd4
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/sex_f_9x9.png
diff --git a/themes/fab/css-2.0.0/images/sex_m_15x15.png b/themes/fab/css-2.0.0/images/sex_m_15x15.png
new file mode 100644
index 0000000000..4ac7956421
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/sex_m_15x15.png
diff --git a/themes/fab/css-2.0.0/images/sex_m_9x9.png b/themes/fab/css-2.0.0/images/sex_m_9x9.png
new file mode 100644
index 0000000000..32a8484b1f
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/sex_m_9x9.png
diff --git a/themes/fab/css-2.0.0/images/sex_u_15x15.png b/themes/fab/css-2.0.0/images/sex_u_15x15.png
new file mode 100644
index 0000000000..158c3f9a10
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/sex_u_15x15.png
diff --git a/themes/fab/css-2.0.0/images/sex_u_9x9.png b/themes/fab/css-2.0.0/images/sex_u_9x9.png
new file mode 100644
index 0000000000..d113a1898c
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/sex_u_9x9.png
diff --git a/themes/fab/css-2.0.0/images/sfamily.png b/themes/fab/css-2.0.0/images/sfamily.png
new file mode 100644
index 0000000000..8b2270cae2
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/sfamily.png
diff --git a/themes/fab/css-2.0.0/images/silhouette_female.png b/themes/fab/css-2.0.0/images/silhouette_female.png
new file mode 100644
index 0000000000..871eaa753a
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/silhouette_female.png
diff --git a/themes/fab/css-2.0.0/images/silhouette_female_small.png b/themes/fab/css-2.0.0/images/silhouette_female_small.png
new file mode 100644
index 0000000000..63b0597d4a
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/silhouette_female_small.png
diff --git a/themes/fab/css-2.0.0/images/silhouette_male.png b/themes/fab/css-2.0.0/images/silhouette_male.png
new file mode 100644
index 0000000000..d2f1009a19
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/silhouette_male.png
diff --git a/themes/fab/css-2.0.0/images/silhouette_male_small.png b/themes/fab/css-2.0.0/images/silhouette_male_small.png
new file mode 100644
index 0000000000..5bf17eb4c3
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/silhouette_male_small.png
diff --git a/themes/fab/css-2.0.0/images/silhouette_unknown.png b/themes/fab/css-2.0.0/images/silhouette_unknown.png
new file mode 100644
index 0000000000..d0417439ee
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/silhouette_unknown.png
diff --git a/themes/fab/css-2.0.0/images/silhouette_unknown_small.png b/themes/fab/css-2.0.0/images/silhouette_unknown_small.png
new file mode 100644
index 0000000000..872432a50f
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/silhouette_unknown_small.png
diff --git a/themes/fab/css-2.0.0/images/source.png b/themes/fab/css-2.0.0/images/source.png
new file mode 100644
index 0000000000..d51b3e41e9
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/source.png
diff --git a/themes/fab/css-2.0.0/images/spacer.png b/themes/fab/css-2.0.0/images/spacer.png
new file mode 100644
index 0000000000..a31b396979
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/spacer.png
diff --git a/themes/fab/css-2.0.0/images/stop.png b/themes/fab/css-2.0.0/images/stop.png
new file mode 100644
index 0000000000..a15d4bae84
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/stop.png
diff --git a/themes/fab/css-2.0.0/images/user_add.png b/themes/fab/css-2.0.0/images/user_add.png
new file mode 100644
index 0000000000..7a511a376c
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/user_add.png
diff --git a/themes/fab/css-2.0.0/images/video.png b/themes/fab/css-2.0.0/images/video.png
new file mode 100644
index 0000000000..b0862f2278
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/video.png
diff --git a/themes/fab/css-2.0.0/images/vline.png b/themes/fab/css-2.0.0/images/vline.png
new file mode 100644
index 0000000000..b00ff9ea3e
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/vline.png
diff --git a/themes/fab/css-2.0.0/images/warning.png b/themes/fab/css-2.0.0/images/warning.png
new file mode 100644
index 0000000000..d484c33341
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/warning.png
diff --git a/themes/fab/css-2.0.0/images/zoomin.png b/themes/fab/css-2.0.0/images/zoomin.png
new file mode 100644
index 0000000000..cea0ec773b
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/zoomin.png
diff --git a/themes/fab/css-2.0.0/images/zoomout.png b/themes/fab/css-2.0.0/images/zoomout.png
new file mode 100644
index 0000000000..5bfa433154
--- /dev/null
+++ b/themes/fab/css-2.0.0/images/zoomout.png
diff --git a/themes/fab/css-2.0.0/style.css b/themes/fab/css-2.0.0/style.css
new file mode 100644
index 0000000000..ab215e0523
--- /dev/null
+++ b/themes/fab/css-2.0.0/style.css
@@ -0,0 +1,3653 @@
+/**
+ * webtrees: online genealogy
+ * Copyright (C) 2017 webtrees development team
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+/* The FAB theme */
+
+/* Override Bootstrap formatting */
+.btn-link {
+	padding-left: 0.25rem;
+	padding-right: 0.25rem;
+}
+
+.table-given-name {
+    overflow-x: hidden;
+}
+
+.container-fluid {
+    padding-left: 5px;
+    padding-right: 5px;
+}
+/*
+ * Any element that is loaded dynamically has the class wt-ajax-load.
+ * We can provide a "loading" placeholder for empty elements with this class.
+ */
+.wt-ajax-load:empty {
+	height: 32px;
+	background: url(images/loading-32x32.gif) no-repeat 50% 50%;
+}
+
+/*
+ * Icons use FontAwesome by default, but have additional classes to
+ * allow them to be overridden
+ *
+ * .wt-icon-arrow-down
+ * .wt-icon-arrow-end (right on LTR, left on RTL)
+ * .wt-icon-arrow-start (left on LTR, right on RTL)
+ * .wt-icon-arrow-up
+ * .wt-icon-bing-maps
+ * .wt-icon-calendar
+ * .wt-icon-copy
+ * .wt-icon-delete
+ * .wt-icon-edit
+ * .wt-icon-email
+ * .wt-icon-family
+ * .wt-icon-help
+ * .wt-icon-individual
+ * .wt-icon-google-maps
+ * .wt-icon-keyboard
+ * .wt-icon-media
+ * .wt-icon-note
+ * .wt-icon-openstreetmap
+ * .wt-icon-preferences
+ * .wt-icon-repository
+ * .wt-icon-source
+ * .wt-icon-submitter
+ */
+.wt-icon-bing-maps::before {
+	width: 16px;
+	height: 16px;
+	content: url(icons/bing-maps.png);
+}
+
+.wt-icon-google-maps::before {
+	width: 16px;
+	height: 16px;
+	content: url(icons/google-maps.png);
+}
+
+.wt-icon-openstreetmap::before {
+	width: 16px;
+	height: 16px;
+	content: url(icons/openstreetmap.png);
+}
+
+/*
+ * Pages have the following high-level structure:
+ *
+ * wt-global
+ * +---wt-header-wrapper
+ *     +---wt-header-container
+ *     |   +---wt-header-content
+ *     |       +---wt-accessibility-links
+ *     |       +---wt-site-logo
+ *     |       +---wt-site-title
+ *     |       +---wt-header-search
+ *     |       |   +---wt-header-search-form
+ *     |       |       +---wt-header-search-field
+ *     |       |       +---wt-header-search-button
+ *     |       +---wt-secondary-navigation
+ *     |       |   +---wt-secondary-menu
+ *     |       +---wt-primary-navigation
+ *     |           +---wt-primary-menu
+ *     +---wt-main-container
+ *     |   +---wt-main-content
+ *     |       +---wt-messages
+ *     |       +---wt-page-title
+ *     |       +---wt-page-options wt-page-options-xxxxx
+ *     |       +---wt-page-content
+ *     +---wt-footer-container
+ *         +---wt-footer-content
+ *             +---wt-contact-links
+ *             +---wt-powered-by-webtrees
+ *             +---wt-page-views
+ *             +---wt-cookie-warning
+ */
+
+.wt-global {
+	color: #555;
+}
+
+.wt-header-wrapper {
+}
+
+.wt-header-container {
+	background-color: #eee;
+}
+
+.wt-header-content {
+}
+
+.wt-block-content {
+	overflow: auto;
+}
+
+
+.wt-accessibility-links {
+}
+
+.wt-site-logo {
+	display: none;
+}
+
+.wt-site-title {
+	order: 1;
+	flex: 1 1 fit-content;
+	font-size: 1.5rem;
+	color: #888;
+}
+
+.wt-header-search {
+	order: 3;
+	flex: 0 0 15rem;
+}
+
+.wt-header-search-form {
+}
+
+.wt-secondary-navigation {
+	order: 2;
+	flex: 0 0 fit-content;
+	white-space: nowrap;
+}
+
+.wt-secondary-menu {
+}
+
+.wt-secondary-menu .nav-link {
+	display: inline-block;
+	padding: 0.5rem;
+}
+
+.wt-secondary-menu .nav-item::after {
+	content: "|";
+}
+
+.wt-secondary-menu .dropdown-toggle::after {
+	display: none;
+}
+
+.wt-primary-navigation {
+	order: 4;
+	flex: 0 0 100%;
+}
+
+.wt-primary-menu {
+	justify-content: center;
+}
+
+.wt-primary-menu .dropdown-toggle::after {
+	display: none;
+}
+
+.wt-primary-menu .nav-link {
+	white-space: nowrap;
+	display: inline-block;
+	padding: 0.5rem;
+}
+
+.wt-primary-menu .nav-item + .nav-item::before {
+	content: "|";
+}
+
+.wt-main-container {
+}
+
+.wt-main {
+}
+
+.wt-messages {
+}
+
+.wt-page-title {
+	text-align: center;
+}
+
+.wt-page-options {
+	max-width: 50rem;
+	margin: 0 auto;
+}
+
+.wt-page-content {
+	margin-top: 1rem;
+}
+
+.wt-footer-container {
+}
+
+.wt-footer-content {
+}
+
+.wt-contact-links {
+}
+
+.wt-powered-by-webtrees {
+}
+
+.wt-page-views {
+}
+
+.wt-cookie-warning {
+}
+
+/*
+ * The home/my pages
+ *
+ * wt-home-page / wt-my-page
+ * +---wt-main-blocks
+ * |   +---wt-block, wt-block-AAA
+ * |   +---wt-block, wt-block-BBB
+ * |   +---wt-block, wt-block-CCC
+ * +---wt-side-blocks
+ *     +---wt-block, wt-block-XXX
+ *     +---wt-block, wt-block-YYY
+ *     +---wt-block, wt-block-ZZZ
+ *
+ * Each block as the structure
+ * wt-block, wt-block-XXX
+ * +---wt-block-header, wt-block-header-XXX
+ * +---wt-block-content, wt-block-content-XXX
+ */
+
+.wt-block {
+	background-color: #eee;
+	padding: 3px;
+	vertical-align: top;
+}
+
+.wt-block-header {
+	background-color: #eee;
+	border-bottom: 0;
+	font-weight: bold;
+}
+
+.blockcontent .list_table {
+	border-right: 0;
+}
+
+.blockcontent .list_value,
+.blockcontent .list_value_wrap {
+	border: 0;
+}
+
+/*
+ * Pending changes page
+ *
+ * wt-pending-changes-page
+ */
+
+/*
+ * Edit genealogy data page
+ *
+ * wt-edit-page, wt-edit-XXXX-page
+ */
+
+/*
+ * Configure home/my page blocks page
+ *
+ * wt-edit-blocks-page
+ */
+
+/*
+ * Login page
+ *
+ * wt-login-page
+ */
+
+/*
+ * Ancestors chart
+ *
+ * wt-chart, wt-ancestors-chart
+ * +---wt-ancestors-chart-list
+ *     +---wt-ancestors-chart-list-item
+ */
+.wt-ancestors-chart-list {
+}
+
+/*
+ * Compact chart
+ *
+ * wt-chart, wt-compact-chart
+ */
+
+.wt-ancestors-chart-list-item {
+}
+
+/*
+ * Descendants chart
+ *
+ * wt-chart, wt-descendants-chart
+ * +---wt-descendants-chart-list
+ *     +---wt-descendants-chart-list-item
+ */
+.wt-descendants-chart-list {
+}
+
+.wt-descendants-chart-list-item {
+}
+
+/*
+ * Family book chart
+ *
+ * wt-chart, wt-family-book-chart
+ */
+
+/*
+ * Fan chart
+ *
+ * wt-chart, wt-fan-chart
+ */
+
+/*
+ * Hourglass chart
+ *
+ * wt-chart, wt-hourglass-chart
+ */
+
+/*
+ * Hourglass chart
+ *
+ * wt-chart, wt-interactive-tree
+ */
+
+/*
+ * Lifespans chart
+ *
+ * wt-chart, wt-lifespans-chart
+ */
+
+/*
+ * Pedigree chart
+ *
+ * wt-chart, wt-pedigree-chart
+ */
+
+/*
+ * Pedigree map
+ *
+ * wt-chart, wt-pedigree-map
+ */
+
+/*
+ * Relationships chart
+ *
+ * wt-chart, wt-relationships-chart
+ */
+
+/*
+ * Statistics chart
+ *
+ * wt-chart, wt-statistics-chart
+ */
+
+/*
+ * Timeline chart
+ *
+ * wt-chart, wt-timeline-chart
+ */
+
+/*
+ * Family list and individual list
+ *
+ * wt-page-options
+ * +---wt-initials-list
+ *     +---wt-initial-list-item
+ *         +---wt-initial
+ *         +---wt-initial, active
+ * wt-page-content
+ * +---wt-list, wt-{family,individual}-list
+ */
+
+.wt-initials-list {
+	list-style: none;
+}
+
+.wt-initials-list-item {
+	display: inline;
+}
+
+.wt-initials-list-item + .wt-initials-list-item::before {
+	content: '|';
+}
+
+.wt-initial {
+	padding: 0 0.25rem;
+}
+
+.wt-initial.active {
+	color: #f00;
+	font-weight: bold;
+}
+
+/*
+ * Media object list
+ *
+ * wt-list, wt-media-list
+ */
+
+/*
+ * Note object list
+ *
+ * wt-list, wt-note-list
+ */
+
+/*
+ * Source list
+ *
+ * wt-list, wt-source-list
+ */
+
+/*
+ * Repository list
+ *
+ * wt-list, wt-repository-list
+ */
+
+/*
+ * Branches list
+ *
+ * wt-branches-page
+ */
+
+/*
+ * Place hierarchy
+ *
+ * wt-place-hierarchy-page
+ */
+
+/*
+ * Calendar
+ *
+ * wt-calendar-page
+ */
+
+/*
+ * Reports
+ *
+ * wt-reports-page
+ */
+
+/*
+ * Search
+ *
+ * wt-search-page, wt-general-serach-page/wt-phonetic-search-page/wt-advanced-search-page/wt-search-replace-page
+ */
+
+/* ====== Round Corners ======== */
+.border1,
+.block,
+.descriptionbox,
+.facts_label,
+.facts_label03,
+.facts_value,
+.list_label,
+.list_label_wrap,
+.list_value,
+.list_value_wrap,
+.messagebox,
+.optionbox,
+.person_box,
+.person_boxF,
+.person_boxNN,
+.person0,
+.person1,
+.person2,
+.person3,
+.person4,
+.person5,
+#indi_main_blocks,
+#tabs,
+.topbottombar {
+	margin: 4px;
+	padding: 4px;
+	border-radius: 4px;
+}
+
+/* ios on click workaround */
+.iconz {
+	cursor: pointer;
+}
+
+input:required:valid {
+	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAONJREFUeNpi/P//PwMlgImBQjDwBrCgCzDOF2Zg+Adk/AOGDRvQfHZGoDWMxgyMDMb/Q1/NIt0F/xk8gIbNZPj7P41YL4AUGsM1//rfkuyeYMzw8z9xXgBqgNm0nuHnv0D/IH/juavmngV6oYY4F3z7y2DqY2oMpANB9MYl684yfP9Xw3Dzzw7sXgQmJGTM0MbjwdDKc0b2vt5/EM2QwunBoMyCVS1YPYYAMOwZ7FmiGLLYzjBYsSQD+QpALAjErNgMYERPyoyMjMxAih+IOYD4LxD/hOJfQLV/MaJ9NC8wAAQYAPbPfH2KJKx/AAAAAElFTkSuQmCC) no-repeat right top;
+}
+
+input:required:invalid {
+	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMpJREFUeNpi/P//PwMlgImBQjAMDGBBF1jFyOgBpFqAuOYPA8MOoAI4P+z//x0YJoBiARkvYWA486+k5D+IBuJqZD66WnAMogvMA9o4F6j4R3Lyf2R6IQODMVEGTAW6CoirgfjMB2/v/yB6CgNDYQ8W14IwRiB+A7rgOwNDYLChofGcrVvPgugfDAzR/yFhwUAwDJqBNj6Ulf0PooEhV4jMx+YCRvSknAeMBWDotwgwMKRzMTCcfQW0GcQHxkbNJCyxwDiaFxgAAgwAYy67YIOQ//cAAAAASUVORK5CYII=) no-repeat right top;
+}
+
+[dir=rtl] input:required:valid,
+[dir=rtl] input:required:invalid {
+	background-position: left top;
+}
+
+a {
+	text-decoration: none;
+}
+
+a:hover,
+a:active {
+	text-decoration: underline;
+}
+
+a:link,
+a:visited {
+	color: #369;
+}
+
+:focus {
+	outline-style: none;
+}
+
+.flash-messages {
+	clear: both;
+	text-align: center;
+}
+
+dl {
+	margin: 0;
+}
+
+dt {
+	float: left;
+	font-weight: bold;
+	margin-right: 10px;
+}
+
+[dir=rtl] dt {
+	float: right;
+	margin-right: auto;
+	margin-left: 10px;
+}
+
+#mycart a img {
+	height: 15px;
+}
+
+.button {
+	width: 60px;
+}
+
+.alpha_index {
+	color: #999;
+}
+
+.person_box,
+.person_boxF,
+.person_boxNN {
+	margin: 0;
+	border: 1px solid #ccc;
+}
+
+.person_box_template .details0,
+.person_box_template .details1 {
+    font-size: 11px;
+}
+
+.person_box, .action_header {
+	padding: 3px;
+	background-color: #ddf;
+}
+
+.person_boxF, .action_headerF {
+	padding: 3px;
+	background-color: #fdd;
+}
+
+.person_boxNN {
+	padding: 3px;
+	background-color: #dfd;
+}
+
+.person_box:target,
+.news_box:target,
+#gedcom_stats:target {
+	background-color: #ffc;
+}
+
+/* families tab person box */
+#relatives_content .person_box > .person_box,
+#relatives_content .person_boxF > .person_boxF,
+#relatives_content .person_boxNN > .person_boxNN {
+	border: 0;
+	min-height: 50px;
+}
+
+.center {
+	text-align: center;
+}
+
+table.center {
+	margin-left: auto;
+	margin-right: auto;
+}
+
+.list_table {
+	margin: 0 auto;
+}
+
+.list_label,
+.list_label_wrap {
+	background-color: #ccc;
+	font-weight: bold;
+	text-align: center;
+}
+
+.list_value,
+.list_value_wrap {
+	background-color: #ddd;
+	vertical-align: top;
+}
+
+.list_label,
+.list_value {
+	white-space: nowrap;
+}
+
+.list_label_wrap,
+.list_value_wrap {
+	white-space: normal;
+}
+
+.facts_table {
+	width: 100%;
+}
+
+.facts_table .optionbox {
+	white-space: normal;
+}
+
+div.fact_SHARED_NOTE {
+	clear: both;
+}
+
+.facts_label {
+	background-color: #ccc;
+	padding: 4px;
+	width: 20%;
+	text-align: center;
+}
+
+.facts_label03 {
+	background-color: #ccc;
+	padding: 4px;
+	text-align: center;
+	font-weight: bold;
+}
+
+.facts_value {
+	background-color: #ddd;
+	padding: 4px;
+}
+
+.quickfacts a {
+	padding: 0 3px;
+	font-size: 9px;
+}
+
+.tabs_table {
+	width: 99%;
+}
+
+.name1, .name2 {
+	color: #555;
+}
+
+a:hover .name1, a:hover .name2 {
+	color: #f00;
+}
+
+a:hover .nameZoom {
+	font-size: 14px;
+	font-weight: bold;
+}
+
+.nameZoom {
+	color: #555;
+	font-size: 14px;
+	font-weight: bold;
+}
+
+.details_label {
+	font-weight: bold;
+}
+
+.name_head {
+	color: #555;
+	font-size: 16px;
+	font-weight: bold;
+	line-height: 2;
+	padding: 0 5px;
+}
+
+.date {
+	color: #337;
+}
+
+.label {
+	font-weight: bold;
+}
+
+.error {
+	color: #f00;
+	font-weight: bold;
+}
+
+.largeError {
+	color: #f00;
+	font-weight: bold;
+}
+
+.warning {
+	color: #f00;
+	font-weight: bold;
+}
+
+.indent {
+	padding-left: 7px;
+}
+
+.image {
+	height: 150px;
+	padding: 5px;
+	margin: 2px;
+}
+
+.gender_image {
+	margin: 0 3px;
+	border: 0;
+	vertical-align: middle;
+}
+
+.thumbnail {
+	height: auto;
+	padding: 3px;
+}
+
+.icon {
+	border: 0;
+	padding: 0 5px;
+}
+
+.sublinks_cell {
+	background-color: #ccc;
+}
+
+.submenu .icon {
+	vertical-align: middle;
+	width: 20px;
+	height: 20px;
+}
+
+.subheaders {
+	font-weight: bold;
+	font-size: 15px;
+	margin-top: 15px;
+	vertical-align: bottom;
+}
+
+#family-table .subheaders:first-child {
+	width: 295px;
+}
+
+.age {
+	font-size: 9px;
+}
+
+.parentdeath {
+	padding: 1px;
+}
+
+.source_citations {
+	display: none;
+}
+
+.selected-option {
+	background-color: #d6e0ea;
+}
+
+.border1 {
+	border: 0;
+}
+
+.menuitem {
+	text-decoration: none;
+	font-size: 11px;
+	padding: 1px;
+}
+
+.menuitem_hover {
+	text-decoration: none;
+	font-size: 11px;
+	padding: 1px;
+}
+
+.menuitem .icon, .menuitem_hover .icon {
+	width: 50px;
+	height: 50px;
+}
+
+.submenu {
+	text-decoration: none;
+	font-size: 11px;
+	background-color: #eee;
+	border: thin #aaa;
+	visibility: hidden;
+	position: absolute;
+	padding: 5px;
+}
+
+.submenuitem  {
+	vertical-align: middle;
+	font-size: 11px;
+	height: 20px;
+	text-decoration: none;
+	background-color: #eee;
+	padding: 1px;
+	white-space: nowrap;
+}
+
+.submenuitem_hover {
+	vertical-align: middle;
+	height: 20px;
+	font-size: 11px;
+	background-color: #eee;
+	white-space: nowrap;
+	padding: 1px;
+}
+
+.submenuitem a,
+.submenuitem_hover a {
+	display: inline-block;
+	vertical-align: middle;
+}
+
+.journal_box {
+	padding: 3pt;
+	border: thin solid #aaa;
+	overflow: visible;
+}
+
+.news_box {
+	background-color: #ccc;
+	border-top: none;
+}
+
+.news_title {
+	font-weight: bold;
+	font-size: 14px;
+}
+
+.news_date {
+	margin-bottom: 12px;
+}
+
+.current_day {
+	font-weight: bold;
+	font-size: 16px;
+}
+
+.cal_day {
+	float: left;
+	font-weight: bold;
+}
+
+.rtl_cal_day {
+	direction: rtl;
+	float: right;
+	color: #00f;
+	font-weight: bold;
+}
+
+.helpcontent {
+	margin-left: 10px;
+	margin-right: 10px;
+}
+
+.helpcontent dt {
+	clear: both;
+}
+
+#my-page h1 {
+	margin: 0.25em auto 0.6em;
+}
+
+.tdtop {
+	vertical-align: top;
+}
+
+.tdmid {
+	vertical-align: middle;
+}
+
+.tdbot,
+.tvertline {
+	vertical-align: bottom;
+}
+
+#childbox {
+	padding: 5px;
+	position: absolute;
+	display: none;
+	text-align: start;
+	white-space: nowrap;
+	top: 20px;
+	left: 0;
+}
+
+[dir=rtl] #childbox {
+	left: auto;
+	right: 0;
+}
+
+.layout3 #childbox {
+	top: auto;
+	bottom: 20px;
+}
+
+#childbox a.name1 {
+	display: block;
+	margin-left: 5px;
+}
+
+.person0 {
+	background-color: #aaf;
+	vertical-align: top;
+}
+
+.person1 {
+	background-color: #afa;
+	vertical-align: top;
+}
+
+.person2 {
+	background-color: #faa;
+	vertical-align: top;
+}
+
+.person3 {
+	background-color: #55f;
+	vertical-align: top;
+}
+
+.person4 {
+	background-color: #f55;
+	vertical-align: top;
+}
+
+.person5 {
+	background-color: #5f5;
+	vertical-align: top;
+}
+
+.listlog {
+	line-height: 20pt;
+}
+
+.starredname {
+	text-decoration: underline;
+}
+
+.search_hit {
+	background-color: #ff0;
+}
+
+.search_item {
+	font-weight: 600;
+}
+
+.topbottombar,
+.descriptionbox {
+	font-weight: bold;
+	background-color: #ccc;
+	vertical-align: top;
+}
+
+.descriptionbox {
+	font-size: 14px;
+	background-color: #ccc;
+	vertical-align: top;
+	padding: 3px;
+}
+
+.optionbox {
+	background-color: #ddd;
+	color: #000;
+	vertical-align: top;
+	white-space: nowrap;
+	padding: 3px;
+}
+
+.vmiddle {
+	vertical-align: middle;
+}
+
+.red {
+	color: #f00;
+}
+
+.rela,
+.histo {
+	opacity: 0.8;
+}
+
+.width10 {
+	width: 10%;
+}
+
+.width20 {
+	width: 20%;
+}
+
+.width25 {
+	width: 25%;
+}
+
+.width30 {
+	width: 30%;
+}
+
+.width33 {
+	width: 33%;
+}
+
+.width40 {
+	width: 40%;
+}
+
+.width50 {
+	width: 50%;
+}
+
+.width60 {
+	width: 60%;
+}
+
+.width66 {
+	width: 66%;
+}
+
+.width70 {
+	width: 70%;
+}
+
+.width75 {
+	width: 75%;
+}
+
+.width80 {
+	width: 80%;
+}
+
+.width90 {
+	width: 90%;
+}
+
+.width100 {
+	width: 100%;
+}
+
+.font9 {
+	font-size: 9px;
+}
+
+.font11 {
+	font-size: 11px;
+}
+
+.messagebox {
+	background-color: #bce;
+}
+
+/* ---Pending edits--- */
+.new {
+	outline: solid #00f 1px;
+}
+
+.old {
+	outline: solid #f00 1px;
+}
+
+.tag_cloud {
+	text-align: center;
+}
+
+.tag_cloud a {
+	white-space: nowrap;
+}
+
+.nowrap {
+	white-space: nowrap;
+}
+
+.wrap {
+	white-space: normal;
+}
+
+.statistics-page {
+	text-align: center;
+}
+
+.center2 {
+	text-align: center;
+}
+
+.gchart {
+	border: 0;
+}
+
+/* ---Find special characters--- */
+.largechars {
+	font-family: monospace;
+	font-size: 200%;
+}
+
+#facts_content dd {
+	float: left;
+	width: 70%;
+}
+
+.clearfloat {
+	clear: both;
+}
+
+/* this keeps the tag color the same when it is a link as when not */
+
+.place {
+	padding-top: 5px;
+}
+
+#pending h2 {
+	text-align: center;
+	margin-bottom: 20px;
+}
+
+#pending h3 {
+	text-align: center;
+	margin-top: 20px;
+}
+
+#pending .list_value {
+	padding: 3px;
+	text-align: center;
+	vertical-align: middle;
+	white-space: nowrap;
+}
+
+#pending .indent {
+	padding: 0;
+}
+
+/* ======== Person box ======= */
+.gedcom_favorites_block,
+.user_favorites_block,
+.person_box_template {
+	overflow: visible !important;
+}
+
+/* Box styles are
+	0 compact view
+	1 normal view - small box
+	2 normal view - large box
+*/
+.box-style0 {
+	cursor: url(images/zoomin.png), n-resize;
+}
+
+.box-style0-expanded {
+	cursor: url(images/zoomout.png), n-resize;
+}
+
+.box-style0-expanded,
+.box-style1-expanded {
+	width: 300px !important;
+	height: auto !important;
+	line-height: 1.5em!important;
+}
+
+.person_box_template {
+	height: auto;
+	white-space: normal;
+	overflow: hidden !important;
+}
+
+.person_box_template .namedef i[class^="icon-sex"] {
+	margin-left: 3px;
+}
+
+[dir=rtl] .person_box_template .namedef i[class^="icon-sex"] {
+	margin-right: 3px;
+}
+
+.person_box_template .icons {
+	float: right;
+}
+
+[dir=rtl] .person_box_template .icons {
+	float: left;
+}
+
+.person_box_template .inout {
+	clear: both;
+	display: none;
+}
+
+.person_box_template .chart_textbox {
+	overflow: hidden;
+	font: 13px tahoma, arial, helvetica, sans-serif;
+}
+
+.person_box_template .chart_textbox .name1{
+	line-height: 1;
+}
+
+.person_box_template img,
+.person_box_template a.gallery {
+	float: left;
+	height: 50px;
+	margin: 0 2px 0 0;
+	max-width: 80px;
+	width: auto;
+}
+
+[dir=rtl] .person_box_template img,
+[dir=rtl] .person_box_template a.gallery {
+	float: right;
+	margin: 0 0 0 2px;
+}
+
+.person_box_template i[class^="icon-silhouette"] {
+	float: left;
+}
+
+[dir=rtl] .person_box_template i[class^="icon-silhouette"] {
+	float: right;
+}
+
+/* login.php */
+#login-register-page h2,
+#login-page .confirm {
+	text-align: center;
+}
+
+#login-register-page .warning {
+	margin: 20px auto;
+	text-align: center;
+}
+
+#login-register-page .back {
+	font-weight: bold;
+	font-size: 14px;
+	text-align: center;
+}
+
+#login-register-page .confirm {
+	margin: 20px auto;
+	width: 500px;
+}
+
+#login-register-page .confirm p {
+	font-weight: bold;
+	font-size: 14px;
+}
+
+#login-register-page .confirm p + p {
+	font-size: 12px;
+	font-weight: normal;
+}
+
+#login-text,
+#register-text,
+#user-verify {
+	margin: 0 auto;
+	width: 40%;
+	min-width: 450px;
+}
+
+#login-box,
+#register-box {
+	text-align: center;
+}
+
+#login-form,
+#new_passwd_form,
+#register-form,
+#verify-form {
+	background-color: #ccc;
+	border: 1px solid #aaa;
+	border-radius: 4px;
+	display: inline-block;
+	margin: 10px auto 0;
+	padding: 5px;
+}
+
+#login-form div label {
+	text-align: right;
+}
+
+#register-form,
+#verify-form {
+	width: 440px;
+}
+
+#login-form div,
+#login-form div a,
+#new_passwd_form div,
+#register-form div,
+#verify-form div {
+	margin: auto;
+	padding: 5px;
+	text-align: center;
+}
+
+#login-form label,
+#new_passwd_form label,
+#verify-form label {
+	display: block;
+}
+
+#login-form label input,
+#new_passwd_form label input,
+#verify-form input {
+	width: 140px;
+	margin: 0 10px;
+}
+
+#register-form p,
+#verify-form p {
+	text-align: left;
+}
+
+#new_passwd_form h4,
+#register-form h4 {
+	font-weight: normal;
+	text-align: center;
+}
+
+#register-form div,
+#verify-form div {
+	text-align: right;
+}
+
+#register-form label input,
+#register-form label select {
+	width: 220px;
+	margin: 0 10px;
+	padding: 3px;
+}
+
+#register-form label select {
+	margin: 0 10px;
+	width: 228px;
+}
+
+#register-form div#registration-submit {
+	text-align: center;
+}
+
+.login_block_block #login-form,
+.login_block_block #new_passwd_form {
+	border: 0;
+	background: none;
+}
+
+#register-form #user_comments {
+	width: 350px;
+}
+
+[dir=rtl] #login-form label,
+[dir=rtl] #new_passwd_form label,
+[dir=rtl] #register-form label,
+[dir=rtl] #verify-form label {
+	text-align: left;
+}
+
+[dir=rtl] #register-form div,
+[dir=rtl] #verify-form div {
+	text-align: left;
+}
+
+[dir=rtl] #register-form p,
+[dir=rtl] #verify-form p {
+	text-align: right;
+}
+
+/* --- reportengine.php --- */
+#reportengine-page table {
+	margin: 20px auto;
+}
+
+#reportengine-page .report-type {
+	overflow: hidden;
+	margin: auto;
+	width: 180px;
+}
+
+#reportengine-page .report-type div {
+	float: left;
+	margin: 0 20px;
+}
+
+#reportengine-page .report-type p {
+	margin: 0;
+	text-align: center;
+}
+
+/* styles for popup menus */
+.itr {
+	position: absolute;
+	line-height: 1.5;
+}
+
+.popup {
+	position: absolute;
+	top: 20px;
+	right: 0;
+	left: auto;
+	visibility: hidden;
+	opacity: 0;
+	transition: visibility 0s ease .25s,opacity .25s ease;
+	z-index: 9999;
+	box-shadow: 5px 5px 5px 0 rgba(0,0,0,.4);
+}
+
+[dir=rtl] .popup {
+	left: 0;
+	right: auto;
+}
+
+.popup ul {
+	white-space: nowrap;
+	list-style: none;
+	margin: 0;
+	padding: 0 10px;
+	font-size: smaller;
+}
+
+.popup > ul {
+	padding: 2px 10px;
+}
+
+.popup li .NAME {
+	padding: 0 5px;
+}
+
+.itr:hover .popup {
+	visibility: visible;
+	opacity: 1;
+	transition-delay: 0s;
+}
+
+/* styles for FindFacts pop-up */
+#layDefinedTags,
+#tabDefinedTagsShow {
+	width: 450px;
+}
+
+#tabDefinedTags {
+	width: 430px;
+}
+
+#layDefinedTags {
+	margin-left: auto;
+	margin-right: auto;
+	height: 285px;
+	overflow: auto;
+}
+
+#tabDefinedTags {
+	border-collapse: collapse;
+}
+
+#tabDefinedTags th,
+#tabDefinedTags td {
+	border: solid 1px #000;
+	margin: 0;
+	padding: 3px;
+}
+
+#tabDefinedTags tbody th {
+	text-align: left;
+	font-weight: bold;
+}
+
+#tabDefinedTags tr.sel {
+	background-color: #cde;
+	color: #888;
+}
+
+#tabDefinedTags tr.unsel {
+	background-color: #fff;
+	color: #888;
+}
+
+#tabDefinedTagsShow {
+	margin-left: auto;
+	margin-right: auto;
+}
+
+#tabDefinedTagsShow td {
+	width: 50%;
+	text-align: center;
+}
+
+#tabFilterAndCustom {
+	margin-left: auto;
+	margin-right: auto;
+}
+
+#tabAction {
+	margin-left: auto;
+	margin-right: auto;
+}
+
+#tabAction td {
+	width: 50%;
+	text-align: center;
+}
+
+/* ======== List styles ====== */
+
+.recent_changes_block,
+.upcoming_events_block,
+.todays_events_block,
+.todo_block {
+	width: 98%;
+}
+
+.surname-list,
+.givn-list {
+	margin: 5px auto;
+}
+
+.source-list table,
+.note-list table,
+.repo-list table,
+.media-list table,
+.indi-list table,
+.fam-list table {
+	width: 100%;
+}
+
+.source-list td,
+.note-list td,
+.repo-list td,
+.media-list td,
+.indi-list td,
+.fam-list td,
+.recent_changes_block td,
+.upcoming_events_block td,
+.surname-list td,
+.givn-list td {
+	padding: 2px 5px;
+}
+
+.indi-list td,
+.fam-list td {
+	color: #555;
+}
+
+.surname-list td {
+	vertical-align: top;
+}
+
+.indi-list .stats,
+.fam-list .stats {
+	margin: 0 auto;
+	width: auto;
+}
+
+.source-list th,
+.note-list th,
+.repo-list th,
+.media-list th,
+.indi-list th,
+.fam-list th,
+.recent_changes_block th,
+.upcoming_events_block th,
+.todays_events_block th,
+.todo_block th,
+.yahrzeit_block th,
+.surname-list th,
+.givn-list th {
+	cursor: pointer;
+	font-weight: 600;
+	padding: 2px 4px;
+	white-space: nowrap;
+}
+
+.source-list th:last-child,
+.note-list th:last-child,
+.repo-list th:last-child {
+	margin: 0 -2px 1px 1px;
+	padding: 3px 0 4px;
+	width: 24px;
+}
+
+.givn-list th {
+	cursor: pointer;
+	white-space: nowrap;
+	padding: 2px;
+	text-align: center;
+}
+
+#source-details h2,
+#sourcelist-page h2,
+#note-details h2,
+#notelist-page h2,
+#repo-details h2,
+#repolist-page h2,
+#media-details h2,
+#statistics-page h2 {
+	margin-bottom: 20px;
+	text-align: center;
+}
+
+#source-edit,
+#note-edit,
+#repo-edit,
+#media-edit {
+	overflow-x: auto;
+}
+
+.media-list td img {
+	display: block;
+	height: 40px;
+	width: auto;
+	margin: 3px auto;
+}
+
+.filtersH,
+.filtersF {
+	margin: 4px;
+}
+
+.filtersH img {
+	margin-bottom: 2px;
+}
+
+.loading-image {
+	background: transparent url(images/loading-32x32.gif) 50% 50% no-repeat;
+	height: 50px;
+	margin: 50px;
+}
+
+.list-charts {
+	text-align: center;
+}
+
+#search-result-tabs h3 {
+	text-align: center;
+}
+
+#searchAccordion-indi,
+#searchAccordion-fam,
+#searchAccordion-source,
+#searchAccordion-note {
+	margin: auto;
+	width: 99%;
+}
+
+#place-hierarchy h2,
+#place-hierarchy h4 {
+	text-align: center;
+}
+
+[dir=rtl] .source-list th:last-child,
+[dir=rtl] .note-list th:last-child,
+[dir=rtl] .repo-list th:last-child {
+	margin: 0 1px 1px -2px;
+}
+
+#main_select,
+#available_select,
+#right_select {
+	min-width: 150px;
+}
+
+.user_welcome_block table,
+.gedcom_block_block table {
+	margin: auto;
+}
+
+.user_welcome_block td,
+.gedcom_block_block td {
+	width: 33%;
+	text-align: center;
+	vertical-align: top;
+}
+
+/* Random picture block */
+#random_picture {
+	text-align: center;
+}
+
+#random_picture_box {
+	width: 100%;
+}
+
+/* ==== Favourites block ===== */
+.blockcontent .person_box_template .details2 {
+	min-height: 40px;
+}
+
+.blockcontent [class*='box-style2'] {
+	margin: 5px 0;
+}
+
+.add_fav_head {
+	font-weight: 900;
+	margin: 5px 0;
+}
+
+.add_fav_head i {
+	margin: 0 5px 1px;
+}
+
+.add_fav_ref label {
+	display: inline-block;
+	min-width: 100px;
+}
+
+.add_fav_ref input {
+	margin: 0 5px;
+}
+
+/* === Who is online block === */
+.logged_in_list {
+	margin: 5px 0 0;
+	padding: 0;
+	line-height: 20px;
+}
+
+/* Statistics block */
+.stat-table1 {
+	display: table;
+	float: left;
+	width:15%;
+	border-collapse:separate;
+	border-spacing:2px;
+	vertical-align: middle;
+	margin-bottom: 5px;
+}
+
+[dir=rtl] .stat-table1 {
+float: right;
+}
+
+.stat-table2 {
+	display: table;
+	float: left;
+	width:60%;
+	border-collapse:separate;
+	border-spacing:2px;
+	margin-bottom: 5px;
+}
+
+[dir=rtl] .stat-table2 {
+float: right;
+}
+
+.stat-row {
+	display: table-row;
+}
+.stat-cell {
+	display: table-cell;
+	vertical-align: middle;
+	text-align: center;
+	white-space: pre-wrap;
+}
+.left {text-align: left;}
+[dir=rtl] .left {text-align: right;}
+
+/* ==== Theme select block === */
+.theme_form ul {
+	margin: -10px auto;
+}
+
+.theme_form li {
+	visibility: hidden;
+}
+
+.theme_form li ul li {
+	display: inline-block;
+	padding: 10px;
+	visibility: visible;
+}
+
+/* ==== FAQ table styles ===== */
+table.faq {
+	background-color: #ddd;
+	margin: 5px 0 50px 5px;
+	width: 98%;
+}
+
+table.faq tr.odd td {
+	background-color: #eee;
+}
+
+div.faq_title {
+	background-color: #ddd;
+	margin: 1em 0;
+	padding: .25em;
+	font-weight: bold;
+	width: 98%;
+}
+
+div.faq_body {
+	clear: both;
+	padding: 0 1em;
+}
+
+.faq_top {
+	float: right;
+}
+
+[dir=rtl] .faq_top {
+	float: left;
+}
+
+/* === Positioning edit, copy, delete links === */
+/* General use */
+.editfacts {
+	clear: left;
+	padding-top: 15px;
+}
+
+/* ======== Indi header ====== */
+#indi_header {
+	overflow: hidden;
+	border-radius: 4px;
+	margin-bottom: 5px;
+	width: 98%;
+}
+
+#indi_header h3 {
+	color: #369;
+	font-size: 90%;
+	font-weight: bold;
+	margin: 0;
+	padding: 0 10px 0 30px;
+	text-align: left;
+	overflow: hidden;
+	position: relative;
+}
+
+#indi_header .name_one {
+	font-size: 1.5em;
+}
+
+#indi_header h3 .details1 {
+	font-size: 1.0em;
+}
+
+#indi_header h3.person_box,
+#indi_header h3.person_boxF,
+#indi_header h3.person_boxNN {
+	border: 0;
+}
+
+#indi_header h3 .header_age {
+	padding: 5px 0 5px 5px;
+	float: right;
+	font-weight: normal;
+	font-size: 65%;
+}
+
+#indi_header h3 a {
+	display: inline;
+}
+
+#indi_header a {
+	color: #337;
+	font-size: 0.75em;
+	font-weight: normal;
+}
+
+#indi_header a:hover {
+	color: #f00;
+}
+
+#indi_mainimage {
+	float: right;
+}
+
+#header_accordion1 {
+	padding: 0 10px 0 0;
+	overflow: hidden;
+}
+
+[dir='rtl'] #header_accordion1 {
+	padding: 0 0 0 10px;
+}
+
+#header_accordion1 .indi_name_details {
+	margin: 0;
+	overflow: hidden;
+	padding: 5px;
+}
+
+.indi_name_details .name1 {
+	font-weight: normal;
+	padding-top: 5px;
+	font-size: inherit;
+}
+
+#indi_header a.warning {
+	color: #f00;
+	font-size: 1em;
+}
+
+#indi_note {
+	margin: 0 0 5px;
+}
+
+.indi_table {
+	clear: left;
+}
+
+#sex {
+	float: right;
+}
+
+#dates {
+	color: #369;
+	float: right;
+}
+
+#individual-names .wt-icon-edit,
+#individual-names .wt-icon-delete {
+	float: right;
+}
+
+#indi_note .fact_NOTE {
+	float: left;
+	margin: 0 5px 0 0;
+}
+
+#indi_note .fact_SOUR {
+	margin: 3px 0;
+}
+
+#indi_note .fact_SOUR a {
+	font-size: 100%;
+}
+
+#indi_note .fact_NOTE,
+#indi_note .fact_SOUR {
+	clear: both;
+}
+
+/* ===== markdown formatting ===== */
+
+.markdown {
+	/* Tables and pre-formatted text can break the layout. */
+	overflow-x: auto;
+}
+
+.markdown p {
+	margin: 0 0 0.5em;
+	white-space: pre-wrap;
+}
+
+.markdown table {
+	border-collapse: collapse;
+	font-size: 10px;
+	margin-bottom: 8px;
+}
+
+.markdown th {
+	font-weight: bold;
+}
+
+.markdown td,
+.markdown th {
+	border: solid thin #000;
+	padding: 3px;
+}
+
+[dir=rtl] #indi_header h3 {
+	padding: 0 30px 0 10px;
+	text-align: right;
+}
+
+[dir=rtl] #indi_header h3 .header_age {
+	padding: 5px 5px 5px 0;
+	float: left;
+}
+
+[dir=rtl] #indi_mainimage {
+	float: left;
+}
+
+[dir=rtl] #indi_note .fact_NOTE {
+	float: right;
+	margin: 0 0 0 10px;
+}
+
+[dir=rtl] .indi_table {
+	clear: right;
+}
+
+[dir=rtl] #sex {
+	float: left;
+}
+
+[dir=rtl] #dates {
+	float: left;
+}
+
+[dir=rtl] #individual-names .wt-icon-edit,
+[dir=rtl] #individual-names .wt-icon-delete {
+	float: left;
+}
+
+.odometer {
+	font-family: courier, monospace;
+	font-weight: bold;
+	background: #000;
+	color: #fff;
+}
+
+/* ======= General sprite ==== */
+.male_gender,
+.female_gender,
+.unknown_gender {
+	display: block;
+	background: url(images/indi_sprite.png) no-repeat;
+}
+
+.female_gender {
+	background-position: -45px 3px;
+	width: 24px;
+	height: 30px;
+}
+
+.male_gender {
+	background-position: -72px 3px;
+	width: 24px;
+	height: 30px;
+}
+
+.unknown_gender {
+	background-position: -100px 4px;
+	width: 24px;
+	height: 30px;
+}
+
+/* ======== Indi tabs ======== */
+/* Facts & Events tab */
+#personal_facts_content .fact_NOTE,
+#personal_facts_content .fact_SOUR,
+#family-table .fact_NOTE,
+#family-table .fact_SOUR {
+	margin: 5px 3px 5px 0;
+	clear: both;
+}
+
+#note-edit .facts_table,
+#notes_content .facts_table,
+#personal_facts_content .facts_table {
+	table-layout: fixed;
+}
+
+.facts_table .field em {
+	margin-top: 0;
+	padding-left: 5px;
+}
+
+.facts_table .field img {
+	vertical-align: middle;
+}
+
+.media-display-image {
+	float: left;
+}
+
+.media-display-title {
+	float: left;
+	font-style: italic;
+	margin: 10px;
+}
+
+[dir=rtl] .media-display-image {
+	float: right;
+}
+
+[dir=rtl] .media-display-title {
+	float: right;
+}
+
+[dir=rtl] .facts_table .field em {
+	padding-right: 5px;
+}
+
+/* ======== Album tab =========*/
+.album-list {
+	list-style-type: none;
+}
+
+.album-list-item {
+	display: inline-block;
+	text-align: center;
+	padding: 0 12px;
+	height: 112px;
+	width: 120px;
+}
+
+.album-list-item a img {
+	max-height: 78px;
+	max-width: 100px;
+	height: auto;
+	width: auto;
+}
+
+.album-list-item a:hover div {
+	outline: thin solid #bdb071;
+}
+
+.album-image {
+	margin: auto;
+}
+
+.album-title {
+	padding-top: 4px;
+	width: 100%;
+}
+
+/* === jQuery.datatable styling general over-rides === */
+.odd {
+	background-color: LightGrey;
+}
+
+.even {
+	background-color: #fff;
+}
+
+.css_right {
+	float: left;
+}
+
+.fg-button {
+	padding: 2px 6px;
+}
+
+.fg-toolbar {
+	background: #eee;
+	border-color: #aaa;
+}
+
+.dataTables_paginate {
+	float: left;
+	margin-bottom: 3px;
+}
+
+.dataTables_processing {
+	float: left;
+}
+
+.dataTables_filter {
+	float: right;
+	font-weight: normal;
+}
+
+.dataTables_info {
+	float: left;
+	font-weight: normal;
+	padding: 4px;
+}
+
+.recent_changes_block .dataTables_info,
+.upcoming_events_block .dataTables_info,
+.todays_events_block .dataTables_info,
+.todo_block .dataTables_info,
+.yahrzeit_block .dataTables_info {
+	padding: 0;
+}
+
+.upcoming_events_block .dataTables_info,
+.todays_events_block .dataTables_info {
+	padding: 2px 0 0;
+}
+
+.upcoming_events_block button,
+.todays_events_block button {
+	margin: 0 20px;
+}
+
+.dataTables_length {
+	float: right;
+	font-weight: normal;
+}
+
+.dataTables_length select,
+.dataTables_filter input {
+	padding: 1px;
+}
+
+.dt-clear {
+	clear: both;
+}
+
+#loading {
+	text-align: center;
+}
+
+.DataTables_sort_wrapper {
+	position: relative;
+	margin: 0 20px;
+}
+
+.DataTables_sort_wrapper span {
+	left: 0;
+	margin-left: -20px;
+	margin-top: -8px;
+	position: absolute;
+	top: 50%;
+}
+
+.dataTables_wrapper {
+	margin-bottom: 10px;
+}
+
+[dir=rtl] .css_right {
+	float: right;
+}
+
+[dir=rtl] .dataTables_paginate {
+	float: right;
+}
+
+[dir=rtl] .dataTables_processing {
+	float: right;
+}
+
+[dir=rtl] .dataTables_filter {
+	float: left;
+}
+
+[dir=rtl] .dataTables_info {
+	float: right;
+}
+
+[dir=rtl] .dataTables_length {
+	float: left;
+}
+
+[dir=rtl] .DataTables_sort_wrapper {
+	margin-right: 20px;
+}
+
+[dir=rtl] .DataTables_sort_wrapper span {
+	left: auto;
+	right: 0;
+	margin-right: -20px;
+}
+
+/* ======= Sidebar setup ===== */
+#main {
+	min-width: 600px;
+	width: 100%;
+	display: table;
+	table-layout: fixed;
+}
+
+#indi_left {
+	display: table-cell;
+}
+
+#tabs {
+	padding-bottom: 0;
+	margin-bottom: 0;
+	width: 98%;
+	overflow: visible;
+}
+
+[dir=rtl] #tabs {
+	float: right;
+}
+
+/* sidebar */
+#sidebar {
+	width: 20%;
+	display: table-cell;
+	vertical-align: top;
+}
+
+#separator {
+	display: table-cell;
+	width: 2.5em;
+	position: relative;
+	background-color: transparent;
+	overflow: hidden;
+}
+
+#separator:after {
+	position: absolute;
+	top: 0;
+	right: 0;
+	left: auto;
+	width: 10px;
+	height: 99999px;
+	content: "";
+	border: 1px solid #aaa;
+	border-top-left-radius: 3px;
+	border-top-right-radius: 3px;
+}
+
+[dir=rtl] #separator:after {
+	right: auto;
+	left: 0;
+}
+
+.separator-hidden:after,
+[dir=rtl] .separator-visible:after {
+	background: #ccc url(images/indi_sprite.png) no-repeat -26px 100px;
+}
+
+.separator-visible:after,
+[dir=rtl] .separator-hidden:after {
+	background: #ccc url(images/indi_sprite.png) no-repeat -1px 100px;
+}
+
+#sidebarAccordion {
+	width: auto;
+}
+
+#sidebarAccordion h3 {
+	text-align: center;
+}
+
+/* Sidebar content items */
+/* Family navigator */
+#sb_content_family_nav {
+	padding: 0;
+}
+
+#sb_family_nav_content {
+	margin-top: 8px;
+}
+
+.nam a:hover {
+	color: #f00;
+}
+
+.nav_content {
+	width: 100%;
+	padding: 0;
+}
+
+.nav_content .facts_label {
+	width: 75px;
+}
+
+#sb_family_nav_content .clist {
+	margin: 0;
+}
+
+.famnav_title {
+	font-weight: bold;
+	display: block;
+	padding: 5px 0;
+}
+
+.flyout {
+	left: 40px;
+	padding: 3px;
+}
+
+[dir=rtl] .flyout {
+	left: auto;
+	right: 40px;
+}
+
+.flyout a, .flyout a:hover {
+	color: #000;
+	cursor: default;
+	text-decoration: none;
+}
+
+.flyout2 {
+	font-weight: bold;
+}
+
+.flyout3 {
+	color: #369;
+}
+
+.flyout3:hover {
+	cursor: pointer;
+	text-decoration: underline;
+}
+
+/* Sidebar*/
+#sb_content_descendancy {
+	margin-top: 5px;
+}
+
+#sb_desc_content {
+	margin-left: 3px;
+	font-size: 0.8em;
+}
+
+#sb_desc_content ul {
+	padding: 0;
+	margin: 0;
+}
+
+.sb_desc_indi_li {
+	list-style-type: none;
+}
+
+.desc_tree_div {
+	display: none;
+}
+
+.desc_tree_div ul {
+	padding: 0;
+	margin-left: 10px;
+	margin-top: 0;
+	margin-right: 0;
+}
+
+[dir=rtl] #sb_desc_content {
+	margin-right: 3px;
+}
+
+[dir=rtl] .desc_tree_div ul {
+	margin-right: 10px;
+	margin-left: 0;
+}
+
+/* Individuals and Families */
+#sb_content_individuals,
+#sb_content_families {
+	margin-top: 5px;
+}
+
+.sb_indi_surname_li,
+.sb_fam_surname_li {
+	list-style-image: url(images/plus.png);
+}
+
+.name_tree_div ul {
+	padding: 0;
+	margin: 0;
+}
+
+.name_tree_div li {
+	list-style: none;
+	margin: 0;
+	padding: 0;
+}
+
+/* Clippings */
+#sb_content_clippings {
+	margin-top: 5px;
+}
+
+#sb_clippings_content ul {
+	padding: 0;
+	margin: 0;
+}
+
+#sb_clippings_content li {
+	list-style: none;
+	margin: 0;
+	padding: 0;
+	white-space: nowrap;
+}
+
+/* Extra info */
+#sb_content_extra_info {
+	font-size: 80%;
+	font-weight: bold;
+	margin-top: 1px;
+	overflow: hidden;
+	padding: 5px;
+}
+
+#sb_content_extra_info .editfacts {
+	float: right;
+	margin-top: -10px;
+}
+
+#sb_content_extra_info a {
+	display: block;
+}
+
+#sb_content_extra_info span {
+	font-weight: normal;
+}
+
+#sb_content_extra_info span a {
+	display: inline;
+}
+
+#sb_content_extra_info #hitcounter {
+	font-weight: bold;
+	padding-top: 5px;
+}
+
+[dir=rtl] #sb_content_extra_info .editfacts {
+	float: left;
+}
+
+/* ===== search.php ===== */
+#search-page h2 {
+	margin: 20px;
+	text-align: center;
+}
+
+#search-page-table {
+	background-color: #ccc;
+	border: 1px solid #aaa;
+	border-radius: 4px;
+	margin: 20px auto 0;
+	width: 610px;
+}
+
+#search-page-table .label {
+	float: left;
+	font-weight: bold;
+	padding: 5px 10px 0;
+}
+
+#search-page-table .value {
+	background-color: #ddd;
+	border: 1px solid #fff;
+	padding: 5px;
+}
+
+#search-page-table p {
+	margin: 0;
+}
+
+[dir=rtl] #search-page-table .label {
+	float: right;
+}
+
+[dir=rtl] #search-page-table .value {
+	margin: 0 170px 0 0;
+}
+
+/*  edituser.php  */
+#edituser-page h2,
+#edituser_submit {
+	margin: 20px;
+	text-align: center;
+}
+
+#edituser-table {
+	background-color: #ccc;
+	border: 1px solid #aaa;
+	border-radius: 4px;
+	border-top: 0;
+	margin: 20px auto 0;
+	width: 800px;
+}
+
+#edituser-table .label {
+	float: left;
+	font-weight: bold;
+	padding: 5px 10px 0;
+	width: 240px;
+}
+
+#edituser-table .value {
+	background-color: #ddd;
+	border: 1px solid #fff;
+	margin: 0 0 0 260px;
+	padding: 5px;
+}
+
+#edituser-table .label span {
+	margin: 0 10px;
+}
+
+#edituser-table select {
+	margin: 0;
+}
+
+[dir=rtl] #edituser-table .label {
+	float: right;
+}
+
+[dir=rtl] #edituser-table .value {
+	margin: 0 260px 0 0;
+}
+
+/* ===== Styling for the jquery.colorbox gallery ===== */
+#colorbox,
+#cboxOverlay,
+#cboxWrapper {
+	position: absolute;
+	top: 0;
+	left: 0;
+	z-index: 9999;
+	overflow: hidden;
+}
+
+#colorbox {
+	border: 2px solid #ccc;
+}
+
+#cboxOverlay {
+	position: fixed;
+	width: 100%;
+	height: 100%;
+	background: #ccc;
+}
+
+#cboxContent {
+	background: #fff;
+	border: 5px solid #888;
+}
+
+#cboxLoadedContent {
+	overflow: auto;
+	background: #fff;
+	margin-bottom: 30px;
+	margin-top: 35px;
+}
+
+#cboxTitle {
+	position: absolute;
+	left: 0;
+	top: 10px;
+	font-size: 14px;
+	color: #888;
+	text-align: center;
+	width: 100%;
+	font-weight: 800;
+}
+
+.cboxPhoto {
+	float: left;
+	margin: auto;
+	border: 0;
+	display: block;
+	max-width: none;
+}
+
+.cboxIframe {
+	width: 100%;
+	height: 100%;
+	display: block;
+	border: 0;
+}
+
+#cboxPrevious {
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	background: url(images/controls.png) no-repeat -75px 0;
+	width: 25px;
+	height: 25px;
+	text-indent: -9999px;
+	margin: 10px;
+	border: 0;
+}
+
+#cboxPrevious:hover {
+	background-position: -75px -25px;
+}
+
+#cboxNext {
+	position: absolute;
+	bottom: 0;
+	left: 27px;
+	background: url(images/controls.png) no-repeat -50px 0;
+	width: 25px;
+	height: 25px;
+	text-indent: -9999px;
+	margin: 10px;
+	border: 0;
+}
+
+#cboxNext:hover {
+	background-position: -50px -25px;
+}
+
+#cboxSlideshow {
+	position: absolute;
+	bottom: 5px;
+	font-size: 14px;
+	left: 57px;
+	margin: 10px;
+	border: 0;
+	background: none;
+}
+
+#cboxSlideshow:hover {
+	color: #f00;
+	background: #fff;
+}
+
+#cboxClose {
+	position: absolute;
+	bottom: 0;
+	right: 0;
+	background: url(images/controls.png) no-repeat -25px 0;
+	width: 25px;
+	height: 25px;
+	text-indent: -9999px;
+	margin: 10px;
+	border: 0;
+}
+
+#cboxClose:hover {
+	background-position: -25px -25px;
+}
+
+#cboxCurrent {
+	bottom: 4px;
+	color: #888;
+	left: 58px;
+	position: absolute;
+}
+
+[dir=rtl] #cboxPrevious {
+	right: 27px;
+	left: auto;
+}
+
+[dir=rtl] #cboxNext {
+	right: 0;
+	left: auto;
+}
+
+[dir=rtl] #cboxCurrent {
+	right: auto;
+	left: 0;
+}
+
+[dir=rtl] #cboxClose {
+	right: auto;
+	left: 0;
+}
+
+[dir=rtl] #cboxSlideshow {
+	right: 57px;
+	left: auto;
+}
+
+/* Stories module */
+.story_title {
+	padding-top: 12px;
+	font-size: 13px;
+	height: 32px;
+	font-weight: bold;
+}
+
+.story_body {
+	padding: 20px;
+	white-space: normal;
+}
+
+.story_edit {
+	padding: 12px;
+}
+
+/* ====== Charts Styles ======== */
+#people label {
+	display:block;
+}
+
+/* Ancestry chart */
+.wt-ancestors-chart-list {
+	background: transparent url(images/vline.png) left top repeat-y;
+	margin: 0 0 0 15px;
+	padding: 0;
+	display: block;
+}
+
+[dir=rtl] .wt-ancestors-chart-list {
+	margin: 0 15px 0 0;
+	background-position: right top;
+}
+
+.wt-ancestors-chart-list-item {
+	margin: 5px 0;
+}
+
+.chart_common li {
+	list-style: outside none none;
+}
+
+.generations {
+	background: transparent url("images/vline.png") repeat-y scroll left top;
+	display: block;
+	margin: 0 0 0 15px;
+	padding: 0;
+}
+
+.chart_common table {
+	padding: 0;
+	border-spacing: 0;
+	border-collapse: collapse;
+	margin: 5px 0;
+}
+
+.chart_common td {
+	border: 0;
+	padding: 0;
+}
+
+.chart_common span.details1 div[class^=fact_] {
+	display: inline-block;
+}
+
+.chart_common span.details1 .date {
+	color: inherit;
+}
+
+/*-- Family book  --*/
+#familybook_chart {
+	margin-left: 10px;
+}
+
+#familybook_chart table {
+	border-collapse: collapse;
+	empty-cells: show;
+}
+
+#familybook_chart td {
+	margin: 0;
+	padding: 0;
+}
+
+#familybook_chart h2 {
+	text-align: center;
+}
+
+#familybook_chart .line3,
+#familybook_chart .pvline,
+#familybook_chart .spacer {
+	width: 3px;
+}
+
+#familybook_chart .line4 {
+	width: 7px;
+	vertical-align: middle;
+}
+
+[ID^="vline"] {
+	width: 3px;
+}
+
+#familybook_chart h3 {
+	color: #006;
+	font-size: 16px;
+	text-align: center;
+}
+
+[dir=rtl] #familybook_chart {
+	margin-right: 10px;
+}
+
+/*-- Fan chart ---- */
+.fan_chart_menu {
+	position: absolute;
+	display: none;
+	z-index: 100;
+}
+
+#fan_chart ul {
+	list-style-type: none;
+	margin: 0;
+}
+
+#fan_chart_img {
+	text-align: center;
+}
+
+/*-- Lifespan ---- */
+#lifespan-chart {
+	padding:    0 10px 10px;
+	margin:     0 auto;
+	min-height: 500px;
+}
+
+#lifespan-scale {
+	background: transparent url(images/lifespan-chunk.png) repeat-x left bottom;
+	display: inline-block;
+	padding-bottom: 37px;
+}
+
+#lifespan-scale .date {
+	display: inline-block;
+	width:   70px;
+}
+
+[dir='rtl'] #lifespan-scale .date {
+	text-align: right;
+}
+
+#lifespan-people {
+	position: relative;
+}
+
+#lifespan-people > div {
+	position: absolute;
+	padding:  0;
+}
+
+#lifespan-people .itr {
+	display: inline;
+	white-space: nowrap;
+}
+
+#lifespan-people .popup div:first-of-type {
+	font-weight: 900;
+}
+
+#lifespan-people .popup {
+	left:        0;
+	right:       auto;
+	white-space: nowrap;
+}
+
+[dir='rtl'] #lifespan-people .popup {
+	left:  auto;
+	right: 0;
+}
+
+/*-- Pedigree ---- */
+#pedigree_chart {
+	position: relative;
+	margin: 20px auto;
+}
+
+#pedigree_canvas {
+	color:   #aaa;
+	z-index: -1000;
+}
+
+#pedigree-page .layout0 .shadow > div,
+#pedigree-page .layout1 .shadow > div {
+	display: inline-block;
+	vertical-align: middle;
+}
+
+#pedigree-page .spacer {
+	background-image: url(images/spacer.png);
+	height:           20px;
+	width:            1px;
+}
+
+#childarrow,
+.ancestorarrow {
+	text-align: center;
+	display: inline-block;
+	vertical-align: middle;
+}
+
+#pedigree_chart .person_box_template {
+	display: inline-block;
+}
+
+#pedigree_chart .shadow {
+	white-space: nowrap;
+}
+
+#pedigree-page #childarrow {
+	position: relative;
+}
+
+#pedigree-page #childbox {
+	border:           1px solid;
+	background-color: #fff;
+}
+
+.pedigree_form {
+	width: 45px;
+}
+
+#pedigree-page table.list_table {
+	margin: 0 auto;
+	width:  500px;
+}
+
+.pedigree_chart_table {
+	border:          0;
+	border-collapse: collapse;
+	padding:         0;
+	width:           100%;
+}
+
+/*-- timeline  --*/
+#timeline_chart {
+	position: relative;
+	top: 0;
+	left: 0;
+}
+
+#field_table {
+	width: 40%;
+	min-width: 600px;
+}
+
+/*-- Relationship ---- */
+
+#relationship-page .hline-text, #relationship-page .vline-text {
+	font-size: 12px;
+}
+
+/* ====== Common Icons ========= */
+[class^="icon-"],
+[class*=" icon-"] {
+	display: inline-block;
+	vertical-align: middle;
+	background-repeat: no-repeat;
+}
+
+.icon-add {
+	width: 14px;
+	height: 15px;
+	background-image: url(images/add.png);
+}
+
+.icon-button_addmedia {
+	width: 18px;
+	height: 16px;
+	background-image: url(images/buttons/addmedia.png);
+	vertical-align: middle;
+}
+
+.icon-button_addnote {
+	width: 17px;
+	height: 15px;
+	background-image: url(images/buttons/addnote.png);
+}
+
+.icon-button_addrepository {
+	width: 15px;
+	height: 15px;
+	background-image: url(images/buttons/addrepository.png);
+}
+
+.icon-button_addsource {
+	width: 18px;
+	height: 16px;
+	background-image: url(images/buttons/addsource.png);
+}
+
+.icon-button_family {
+	width: 14px;
+	height: 15px;
+	background-image: url(images/buttons/family.png);
+}
+
+.icon-button_find {
+	width: 17px;
+	height: 15px;
+	background-image: url(images/buttons/find.png);
+}
+
+.icon-button_find_facts {
+	width: 20px;
+	height: 20px;
+	background-image: url(images/buttons/find_facts.png);
+}
+
+.icon-button_head {
+	width: 12px;
+	height: 18px;
+	background-image: url(images/buttons/head.png);
+}
+
+.icon-button_indi {
+	width: 11px;
+	height: 15px;
+	background-image: url(images/buttons/indi.png);
+}
+
+.icon-button_media {
+	width: 18px;
+	height: 16px;
+	background-image: url(images/buttons/media.png);
+	vertical-align: middle;
+}
+
+.icon-button_note {
+	width: 17px;
+	height: 15px;
+	background-image: url(images/buttons/note.png);
+}
+
+.icon-button_place {
+	width: 15px;
+	height: 15px;
+	background-image: url(images/buttons/place.png);
+	vertical-align: middle;
+}
+
+.icon-button_repository {
+	width: 15px;
+	height: 15px;
+	background-image: url(images/buttons/repository.png);
+}
+
+.icon-button_source {
+	width: 18px;
+	height: 16px;
+	background-image: url(images/buttons/source.png);
+}
+
+.icon-cfamily {
+	width: 24px;
+	height: 24px;
+	background-image: url(images/cfamily.png);
+}
+
+.icon-childless {
+	width: 25px;
+	height: 25px;
+	background-image: url(images/childless.png);
+}
+
+.icon-children {
+	width: 16px;
+	height: 16px;
+	background-image: url(images/children.png);
+}
+
+.icon-clippings {
+	width: 24px;
+	height: 24px;
+	background-image: url(images/clippings.png);
+}
+
+.icon-edit_indi {
+	width: 25px;
+	height: 25px;
+	background-image: url(images/edit_indi.png);
+}
+
+.icon-fam-list {
+	width: 24px;
+	height: 24px;
+	background-image: url(images/sfamily.png);
+}
+
+.icon-indi-list {
+	width: 50px;
+	height: 50px;
+	background-image: url(images/indis.png);
+}
+
+.icon-loading-small {
+	width: 16px;
+	height: 16px;
+	background-image: url(images/indicator.gif);
+}
+
+.icon-media {
+	width: 24px;
+	height: 24px;
+	background-image: url(images/media.png);
+}
+
+.icon-media-list {
+	width: 24px;
+	height: 24px;
+	background-image: url(images/media.png);
+}
+
+.icon-media-shuffle {
+	width: 10px;
+	height: 10px;
+	background-image: url(images/reorder.png);
+}
+
+.icon-media-stop {
+	width: 20px;
+	height: 20px;
+	background-image: url(images/stop.png);
+}
+
+.icon-minus {
+	width: 11px;
+	height: 11px;
+	background-image: url(images/minus.png);
+}
+
+.icon-mypage {
+	width: 25px;
+	height: 25px;
+	background-image: url(images/mypage.png);
+}
+
+.icon-note {
+	width: 16px;
+	height: 16px;
+	background-image: url(images/notes.png);
+}
+
+.icon-note-list {
+	width: 16px;
+	height: 16px;
+	background-image: url(images/notes.png);
+}
+
+.icon-pin-in {
+	width: 16px;
+	height: 16px;
+	background-image: url(images/pin-in.png);
+}
+
+.icon-pin-out {
+	width: 16px;
+	height: 16px;
+	background-image: url(images/pin-out.png);
+}
+
+.icon-plus {
+	width: 11px;
+	height: 11px;
+	background-image: url(images/plus.png);
+}
+
+.icon-reminder {
+	width: 15px;
+	height: 12px;
+	background-image: url(images/reminder.png);
+}
+
+.icon-remove {
+	width: 14px;
+	height: 15px;
+	background-image: url(images/remove.png);
+}
+
+.icon-resn-confidential {
+	width: 16px;
+	height: 16px;
+	background-image: url(images/resn_confidential.png);
+}
+
+.icon-resn-locked {
+	width: 16px;
+	height: 16px;
+	background-image: url(images/resn_locked.png);
+}
+
+.icon-resn-none {
+	width: 16px;
+	height: 16px;
+	background-image: url(images/resn_none.png);
+}
+
+.icon-resn-privacy {
+	width: 16px;
+	height: 16px;
+	background-image: url(images/resn_privacy.png);
+}
+
+.icon-rings {
+	width: 9px;
+	height: 9px;
+	background-image: url(images/rings.png);
+}
+
+.icon-selected {
+	width: 12px;
+	height: 12px;
+	background-image: url(images/selected.png);
+}
+
+.icon-sex_f_15x15 {
+	width: 15px;
+	height: 15px;
+	background-image: url(images/sex_f_15x15.png);
+}
+
+.icon-sex_f_9x9 {
+	width: 9px;
+	height: 9px;
+	background-image: url(images/sex_f_9x9.png);
+}
+
+.icon-sex_m_15x15 {
+	width: 15px;
+	height: 15px;
+	background-image: url(images/sex_m_15x15.png);
+}
+
+.icon-sex_m_9x9 {
+	width: 9px;
+	height: 9px;
+	background-image: url(images/sex_m_9x9.png);
+}
+
+.icon-sex_u_15x15 {
+	width: 15px;
+	height: 15px;
+	background-image: url(images/sex_u_15x15.png);
+}
+
+.icon-sex_u_9x9 {
+	width: 9px;
+	height: 9px;
+	background-image: url(images/sex_u_9x9.png);
+}
+
+.icon-slide_close {
+	width: 22px;
+	height: 20px;
+	background-image: url(images/close.png);
+}
+
+.icon-slide_open {
+	width: 20px;
+	height: 22px;
+	background-image: url(images/open.png);
+}
+
+.icon-source {
+	width: 24px;
+	height: 24px;
+	background-image: url(images/source.png);
+}
+
+.icon-warning {
+	width: 17px;
+	height: 17px;
+	background-image: url(images/warning.png);
+}
+
+.icon-zoomin {
+	width: 25px;
+	height: 25px;
+	background-image: url(images/zoomin.png);
+}
+
+.icon-zoomout {
+	width: 25px;
+	height: 25px;
+	background-image: url(images/zoomout.png);
+}
+
+/* Silhouettes on charts */
+.icon-silhouette-F {
+	width: 37px;
+	height: 45px;
+	background-image: url(images/silhouette_female_small.png);
+}
+
+.icon-silhouette-M {
+	width: 37px;
+	height: 45px;
+	background-image: url(images/silhouette_male_small.png);
+}
+
+.icon-silhouette-U {
+	width: 37px;
+	height: 45px;
+	background-image: url(images/silhouette_unknown_small.png);
+}
+
+#indi_mainimage .icon-silhouette-F {
+	width: 99px;
+	height: 106px;
+	background-image: url(images/silhouette_female.png);
+}
+
+#indi_mainimage .icon-silhouette-M {
+	width: 99px;
+	height: 99px;
+	background-image: url(images/silhouette_male.png);
+}
+
+#indi_mainimage .icon-silhouette-U {
+	width: 100px;
+	height: 97px;
+	background-image: url(images/silhouette_unknown.png);
+}
+
+[class^="icon-mime-"],
+[class*=" icon-mime-"] {
+	display: inline-block;
+	background: transparent url(images/icon-mime-sprite.png) no-repeat;
+	width: 48px;
+	height: 48px;
+}
+
+/* ===== Generic MIME types ===== */
+[class^="icon-mime-"],
+[class*=" icon-mime-"] {
+	background-position: -99px -49px;
+}
+
+[class^="icon-mime-application-"],
+[class*=" icon-mime-application-"] {
+	background-position: -99px -196px;
+}
+
+[class^="icon-mime-audio-"],
+[class*=" icon-mime-audio-"] {
+	background-position: -197px -98px;
+}
+
+[class^="icon-mime-image-"],
+[class*=" icon-mime-image-"] {
+	background-position: -148px -245px;
+}
+
+[class^="icon-mime-text-"],
+[class*=" icon-mime-text-"] {
+	background-position: -197px -147px;
+}
+
+[class^="icon-mime-video-"],
+[class*=" icon-mime-video-"] {
+	background-position: -148px -147px;
+}
+
+/* ===== Specific MIME types ===== */
+.icon-mime-application-pdf {
+	background-position: -1px -49px;
+}
+
+.icon-mime-application-msword {
+	background-position: -148px -49px;
+}
+
+.icon-mime-application-vnd-ms-excel {
+	background-position: -148px -196px;
+}
+
+.icon-mime-application-x-rar-compressed {
+	background-position: -50px -98px;
+}
+
+.icon-mime-application-zip {
+	background-position: -50px -147px;
+}
+
+.icon-mime-application-x-shockwave-flash {
+	background-position: -148px 0;
+}
+
+.icon-mime-audio-mp3 {
+	background-position: -50px -245px;
+}
+
+.icon-mime-audio-mpeg {
+	background-position: -50px 0;
+}
+
+.icon-mime-audio-x-ms-wma {
+	background-position: -1px -245px;
+}
+
+.icon-mime-audio-wav {
+	background-position: -1px -98px;
+}
+
+.icon-mime-text-html {
+	background-position: -99px -245px;
+}
+
+.icon-mime-text-x-gedcom {
+	background-position: -50px -49px;
+}
+
+.icon-mime-image-bmp {
+	background-position: 197px 0;
+}
+
+.icon-mime-image-gif {
+	background-position: -197px -49px;
+}
+
+.icon-mime-image-jpeg {
+	background-position: -1px -147px;
+}
+
+.icon-mime-image-png {
+	background-position: -99px -98px;
+}
+
+.icon-mime-image-svg {
+	background-position: -197px -196px;
+}
+
+.icon-mime-image-tiff {
+	background-position: -148px -98px;
+}
+
+.icon-mime-video-quicktime {
+	background-position: -99px -147px;
+}
+
+.icon-mime-video-avi {
+	background-position: -99px 0;
+}
+
+.icon-mime-video-x-ms-wmv {
+	background-position: -50px -196px;
+}
+/* ====== End Icon styles ====== */
+
+/* ====== Theme Header ========= */
+.menu-language li {
+	text-align: left; /* The language menu is always LTR, even on RTL pages */
+}
+
+.menu-theme li {
+	text-align: left; /* The theme menu is always LTR, even on RTL pages */
+}
+
+/* ====== End Theme Header ===== */
+
+/* ====== Theme Footer ========= */
+
+footer {
+	clear: both;
+	text-align: center;
+}
+
+.powered-by-webtrees {
+	display: inline-block;
+	margin-top: 10px;
+	width: 100px;
+	height: 21px;
+}
+
+.powered-by-webtrees:after {
+	content: url(images/powered-by-webtrees.png);
+}
+
+/* ====== End Theme Footer ===== */
+
+/* ====== Theme Icons ========== */
+.icon-indis {
+	width: 24px;
+	height: 24px;
+	background-image: url(images/indis.png);
+}
+
+.icon-patriarch {
+	width: 24px;
+	height: 24px;
+	background-image: url(images/patriarch.png);
+}
+
+.icon-pedigree {
+	width: 24px;
+	height: 24px;
+	background-image: url(images/pedigree.png);
+}
+
+.icon-place {
+	width: 24px;
+	height: 24px;
+	background-image: url(images/place.png);
+}
+
+.icon-repo-list {
+	width: 30px;
+	height: 30px;
+	background-image: url(images/repository.png);
+}
+
+.icon-repository {
+	width: 30px;
+	height: 30px;
+	background-image: url(images/repository.png);
+}
+
+.icon-search {
+	width: 24px;
+	height: 24px;
+	background-image: url(images/search.png);
+}
+
+.icon-sfamily {
+	width: 24px;
+	height: 24px;
+	background-image: url(images/sfamily.png);
+}
+
+.icon-source-list {
+	width: 24px;
+	height: 24px;
+	background-image: url(images/source.png);
+}
+
+.icon-tree {
+	width: 24px;
+	height: 24px;
+	background-image: url(images/gedcom.png);
+}
+
+.icon-user_add {
+	width: 24px;
+	height: 24px;
+	background-image: url(images/user_add.png);
+}
+
+.cookie-warning {
+	background: #aaa;
+	color: #fff;
+	height: 3em;
+	line-height: 2.5em;
+	transition: height 0.5s;
+}
+.cookie-warning.hidden {
+	height: 0;
+	overflow: hidden;
+}