127 files changed, 3005 insertions, 3540 deletions

diff --git a/themes/clouds/css-1.6.2/images/clouds.png b/themes/clouds/css-1.6.2/images/clouds.png
deleted file mode 100644
index 6014b3df1c..0000000000
--- a/themes/clouds/css-1.6.2/images/clouds.png
+++ /dev/null
diff --git a/themes/clouds/css-1.6.2/favicon.png b/themes/clouds/css-1.7.0/favicon.png
index 4c54cc0e4e..4c54cc0e4e 100644
--- a/themes/clouds/css-1.6.2/favicon.png
+++ b/themes/clouds/css-1.7.0/favicon.png
diff --git a/themes/clouds/css-1.6.2/images/add.png b/themes/clouds/css-1.7.0/images/add.png
index c4554632f2..c4554632f2 100644
--- a/themes/clouds/css-1.6.2/images/add.png
+++ b/themes/clouds/css-1.7.0/images/add.png
diff --git a/themes/clouds/css-1.6.2/images/admin.png b/themes/clouds/css-1.7.0/images/admin.png
index 6de111507b..6de111507b 100644
--- a/themes/clouds/css-1.6.2/images/admin.png
+++ b/themes/clouds/css-1.7.0/images/admin.png
diff --git a/themes/clouds/css-1.6.2/images/background.png b/themes/clouds/css-1.7.0/images/background.png
index 38a934c635..38a934c635 100644
--- a/themes/clouds/css-1.6.2/images/background.png
+++ b/themes/clouds/css-1.7.0/images/background.png
diff --git a/themes/clouds/css-1.6.2/images/bing.png b/themes/clouds/css-1.7.0/images/bing.png
index 400627cf16..400627cf16 100644
--- a/themes/clouds/css-1.6.2/images/bing.png
+++ b/themes/clouds/css-1.7.0/images/bing.png
diff --git a/themes/clouds/css-1.6.2/images/buttons/addmedia.png b/themes/clouds/css-1.7.0/images/buttons/addmedia.png
index 65cc2aefb5..65cc2aefb5 100644
--- a/themes/clouds/css-1.6.2/images/buttons/addmedia.png
+++ b/themes/clouds/css-1.7.0/images/buttons/addmedia.png
diff --git a/themes/clouds/css-1.6.2/images/buttons/addnote.png b/themes/clouds/css-1.7.0/images/buttons/addnote.png
index a240b5317b..a240b5317b 100644
--- a/themes/clouds/css-1.6.2/images/buttons/addnote.png
+++ b/themes/clouds/css-1.7.0/images/buttons/addnote.png
diff --git a/themes/clouds/css-1.6.2/images/buttons/addrepository.png b/themes/clouds/css-1.7.0/images/buttons/addrepository.png
index 220b432717..220b432717 100644
--- a/themes/clouds/css-1.6.2/images/buttons/addrepository.png
+++ b/themes/clouds/css-1.7.0/images/buttons/addrepository.png
diff --git a/themes/clouds/css-1.6.2/images/buttons/addsource.png b/themes/clouds/css-1.7.0/images/buttons/addsource.png
index c3e944a930..c3e944a930 100644
--- a/themes/clouds/css-1.6.2/images/buttons/addsource.png
+++ b/themes/clouds/css-1.7.0/images/buttons/addsource.png
diff --git a/themes/clouds/css-1.6.2/images/buttons/calendar.png b/themes/clouds/css-1.7.0/images/buttons/calendar.png
index 0d308a977a..0d308a977a 100644
--- a/themes/clouds/css-1.6.2/images/buttons/calendar.png
+++ b/themes/clouds/css-1.7.0/images/buttons/calendar.png
diff --git a/themes/clouds/css-1.6.2/images/buttons/family.png b/themes/clouds/css-1.7.0/images/buttons/family.png
index 3ceafc5abb..3ceafc5abb 100644
--- a/themes/clouds/css-1.6.2/images/buttons/family.png
+++ b/themes/clouds/css-1.7.0/images/buttons/family.png
diff --git a/themes/clouds/css-1.7.0/images/buttons/find.png b/themes/clouds/css-1.7.0/images/buttons/find.png
new file mode 100644
index 0000000000..be6c6002e4
--- /dev/null
+++ b/themes/clouds/css-1.7.0/images/buttons/find.png
diff --git a/themes/clouds/css-1.6.2/images/buttons/find_facts.png b/themes/clouds/css-1.7.0/images/buttons/find_facts.png
index 2ba25a7858..2ba25a7858 100644
--- a/themes/clouds/css-1.6.2/images/buttons/find_facts.png
+++ b/themes/clouds/css-1.7.0/images/buttons/find_facts.png
diff --git a/themes/clouds/css-1.6.2/images/buttons/head.png b/themes/clouds/css-1.7.0/images/buttons/head.png
index ea21719c82..ea21719c82 100644
--- a/themes/clouds/css-1.6.2/images/buttons/head.png
+++ b/themes/clouds/css-1.7.0/images/buttons/head.png
diff --git a/themes/clouds/css-1.6.2/images/buttons/indi.png b/themes/clouds/css-1.7.0/images/buttons/indi.png
index 31e3856acc..31e3856acc 100644
--- a/themes/clouds/css-1.6.2/images/buttons/indi.png
+++ b/themes/clouds/css-1.7.0/images/buttons/indi.png
diff --git a/themes/clouds/css-1.6.2/images/buttons/keyboard.png b/themes/clouds/css-1.7.0/images/buttons/keyboard.png
index 0c6f4b33f9..0c6f4b33f9 100644
--- a/themes/clouds/css-1.6.2/images/buttons/keyboard.png
+++ b/themes/clouds/css-1.7.0/images/buttons/keyboard.png
diff --git a/themes/clouds/css-1.6.2/images/buttons/media.png b/themes/clouds/css-1.7.0/images/buttons/media.png
index b70ae5606c..b70ae5606c 100644
--- a/themes/clouds/css-1.6.2/images/buttons/media.png
+++ b/themes/clouds/css-1.7.0/images/buttons/media.png
diff --git a/themes/clouds/css-1.6.2/images/buttons/note.png b/themes/clouds/css-1.7.0/images/buttons/note.png
index 14b1681d0f..14b1681d0f 100644
--- a/themes/clouds/css-1.6.2/images/buttons/note.png
+++ b/themes/clouds/css-1.7.0/images/buttons/note.png
diff --git a/themes/clouds/css-1.6.2/images/buttons/place.png b/themes/clouds/css-1.7.0/images/buttons/place.png
index 1562e0ee0c..1562e0ee0c 100644
--- a/themes/clouds/css-1.6.2/images/buttons/place.png
+++ b/themes/clouds/css-1.7.0/images/buttons/place.png
diff --git a/themes/clouds/css-1.6.2/images/buttons/repository.png b/themes/clouds/css-1.7.0/images/buttons/repository.png
index bf0b660c91..bf0b660c91 100644
--- a/themes/clouds/css-1.6.2/images/buttons/repository.png
+++ b/themes/clouds/css-1.7.0/images/buttons/repository.png
diff --git a/themes/clouds/css-1.6.2/images/buttons/source.png b/themes/clouds/css-1.7.0/images/buttons/source.png
index 6c29202d73..6c29202d73 100644
--- a/themes/clouds/css-1.6.2/images/buttons/source.png
+++ b/themes/clouds/css-1.7.0/images/buttons/source.png
diff --git a/themes/clouds/css-1.6.2/images/buttons/target.png b/themes/clouds/css-1.7.0/images/buttons/target.png
index f8410ba149..f8410ba149 100644
--- a/themes/clouds/css-1.6.2/images/buttons/target.png
+++ b/themes/clouds/css-1.7.0/images/buttons/target.png
diff --git a/themes/clouds/css-1.6.2/images/cfamily.png b/themes/clouds/css-1.7.0/images/cfamily.png
index 5006724cf6..5006724cf6 100644
--- a/themes/clouds/css-1.6.2/images/cfamily.png
+++ b/themes/clouds/css-1.7.0/images/cfamily.png
diff --git a/themes/clouds/css-1.6.2/images/childless.png b/themes/clouds/css-1.7.0/images/childless.png
index 10f82fe6fe..10f82fe6fe 100644
--- a/themes/clouds/css-1.6.2/images/childless.png
+++ b/themes/clouds/css-1.7.0/images/childless.png
diff --git a/themes/clouds/css-1.6.2/images/children.png b/themes/clouds/css-1.7.0/images/children.png
index 30dbbf1099..30dbbf1099 100644
--- a/themes/clouds/css-1.6.2/images/children.png
+++ b/themes/clouds/css-1.7.0/images/children.png
diff --git a/themes/clouds/css-1.6.2/images/clippings.png b/themes/clouds/css-1.7.0/images/clippings.png
index 2181e93935..2181e93935 100644
--- a/themes/clouds/css-1.6.2/images/clippings.png
+++ b/themes/clouds/css-1.7.0/images/clippings.png
diff --git a/themes/clouds/css-1.7.0/images/clouds.png b/themes/clouds/css-1.7.0/images/clouds.png
new file mode 100644
index 0000000000..5e05257c8e
--- /dev/null
+++ b/themes/clouds/css-1.7.0/images/clouds.png
diff --git a/themes/clouds/css-1.6.2/images/controls.png b/themes/clouds/css-1.7.0/images/controls.png
index 140c6fc4ae..140c6fc4ae 100644
--- a/themes/clouds/css-1.6.2/images/controls.png
+++ b/themes/clouds/css-1.7.0/images/controls.png
diff --git a/themes/clouds/css-1.6.2/images/copy.png b/themes/clouds/css-1.7.0/images/copy.png
index 7397f49c27..7397f49c27 100644
--- a/themes/clouds/css-1.6.2/images/copy.png
+++ b/themes/clouds/css-1.7.0/images/copy.png
diff --git a/themes/clouds/css-1.6.2/images/darrow.png b/themes/clouds/css-1.7.0/images/darrow.png
index f9e0c1287d..f9e0c1287d 100644
--- a/themes/clouds/css-1.6.2/images/darrow.png
+++ b/themes/clouds/css-1.7.0/images/darrow.png
diff --git a/themes/clouds/css-1.6.2/images/darrow2.png b/themes/clouds/css-1.7.0/images/darrow2.png
index 60797330f1..60797330f1 100644
--- a/themes/clouds/css-1.6.2/images/darrow2.png
+++ b/themes/clouds/css-1.7.0/images/darrow2.png
diff --git a/themes/clouds/css-1.6.2/images/ddarrow.png b/themes/clouds/css-1.7.0/images/ddarrow.png
index d3cebbdf56..d3cebbdf56 100644
--- a/themes/clouds/css-1.6.2/images/ddarrow.png
+++ b/themes/clouds/css-1.7.0/images/ddarrow.png
diff --git a/themes/clouds/css-1.6.2/images/delete.png b/themes/clouds/css-1.7.0/images/delete.png
index 7ce1741b6b..7ce1741b6b 100644
--- a/themes/clouds/css-1.6.2/images/delete.png
+++ b/themes/clouds/css-1.7.0/images/delete.png
diff --git a/themes/clouds/css-1.6.2/images/dline.png b/themes/clouds/css-1.7.0/images/dline.png
index 0c8e050797..0c8e050797 100644
--- a/themes/clouds/css-1.6.2/images/dline.png
+++ b/themes/clouds/css-1.7.0/images/dline.png
diff --git a/themes/clouds/css-1.6.2/images/dline2.png b/themes/clouds/css-1.7.0/images/dline2.png
index aa3d7cddf7..aa3d7cddf7 100644
--- a/themes/clouds/css-1.6.2/images/dline2.png
+++ b/themes/clouds/css-1.7.0/images/dline2.png
diff --git a/themes/clouds/css-1.6.2/images/edit_indi.png b/themes/clouds/css-1.7.0/images/edit_indi.png
index dfeb5f8277..dfeb5f8277 100644
--- a/themes/clouds/css-1.6.2/images/edit_indi.png
+++ b/themes/clouds/css-1.7.0/images/edit_indi.png
diff --git a/themes/clouds/css-1.6.2/images/email.png b/themes/clouds/css-1.7.0/images/email.png
index 2b3efdd668..2b3efdd668 100644
--- a/themes/clouds/css-1.6.2/images/email.png
+++ b/themes/clouds/css-1.7.0/images/email.png
diff --git a/themes/clouds/css-1.6.2/images/gedcom.png b/themes/clouds/css-1.7.0/images/gedcom.png
index c369a5f879..c369a5f879 100644
--- a/themes/clouds/css-1.6.2/images/gedcom.png
+++ b/themes/clouds/css-1.7.0/images/gedcom.png
diff --git a/themes/clouds/css-1.6.2/images/general_sprite.png b/themes/clouds/css-1.7.0/images/general_sprite.png
index 570c6b9013..570c6b9013 100644
--- a/themes/clouds/css-1.6.2/images/general_sprite.png
+++ b/themes/clouds/css-1.7.0/images/general_sprite.png
diff --git a/themes/clouds/css-1.6.2/images/go.png b/themes/clouds/css-1.7.0/images/go.png
index b0ae730ad4..b0ae730ad4 100644
--- a/themes/clouds/css-1.6.2/images/go.png
+++ b/themes/clouds/css-1.7.0/images/go.png
diff --git a/themes/clouds/css-1.6.2/images/googlemaps.png b/themes/clouds/css-1.7.0/images/googlemaps.png
index 12ab0c14d5..12ab0c14d5 100644
--- a/themes/clouds/css-1.6.2/images/googlemaps.png
+++ b/themes/clouds/css-1.7.0/images/googlemaps.png
diff --git a/themes/clouds/css-1.6.2/images/help.png b/themes/clouds/css-1.7.0/images/help.png
index 3726e13cbd..3726e13cbd 100644
--- a/themes/clouds/css-1.6.2/images/help.png
+++ b/themes/clouds/css-1.7.0/images/help.png
diff --git a/themes/clouds/css-1.6.2/images/hline.png b/themes/clouds/css-1.7.0/images/hline.png
index 7d23f087d3..7d23f087d3 100644
--- a/themes/clouds/css-1.6.2/images/hline.png
+++ b/themes/clouds/css-1.7.0/images/hline.png
diff --git a/themes/clouds/css-1.6.2/images/icon-mime-sprite.png b/themes/clouds/css-1.7.0/images/icon-mime-sprite.png
index 8322ae4580..8322ae4580 100644
--- a/themes/clouds/css-1.6.2/images/icon-mime-sprite.png
+++ b/themes/clouds/css-1.7.0/images/icon-mime-sprite.png
diff --git a/themes/clouds/css-1.6.2/images/image_add.png b/themes/clouds/css-1.7.0/images/image_add.png
index ecac61c284..ecac61c284 100644
--- a/themes/clouds/css-1.6.2/images/image_add.png
+++ b/themes/clouds/css-1.7.0/images/image_add.png
diff --git a/themes/clouds/css-1.6.2/images/image_edit.png b/themes/clouds/css-1.7.0/images/image_edit.png
index 3fb8061de2..3fb8061de2 100644
--- a/themes/clouds/css-1.6.2/images/image_edit.png
+++ b/themes/clouds/css-1.7.0/images/image_edit.png
diff --git a/themes/clouds/css-1.6.2/images/image_link.png b/themes/clouds/css-1.7.0/images/image_link.png
index 190b08e7d2..190b08e7d2 100644
--- a/themes/clouds/css-1.6.2/images/image_link.png
+++ b/themes/clouds/css-1.7.0/images/image_link.png
diff --git a/themes/clouds/css-1.6.2/images/image_view.png b/themes/clouds/css-1.7.0/images/image_view.png
index 1e7babae94..1e7babae94 100644
--- a/themes/clouds/css-1.6.2/images/image_view.png
+++ b/themes/clouds/css-1.7.0/images/image_view.png
diff --git a/themes/clouds/css-1.6.2/images/images.png b/themes/clouds/css-1.7.0/images/images.png
index b3854d450a..b3854d450a 100644
--- a/themes/clouds/css-1.6.2/images/images.png
+++ b/themes/clouds/css-1.7.0/images/images.png
diff --git a/themes/clouds/css-1.6.2/images/indicator.gif b/themes/clouds/css-1.7.0/images/indicator.gif
index 085ccaecaf..085ccaecaf 100644
--- a/themes/clouds/css-1.6.2/images/indicator.gif
+++ b/themes/clouds/css-1.7.0/images/indicator.gif
diff --git a/themes/clouds/css-1.6.2/images/indis.png b/themes/clouds/css-1.7.0/images/indis.png
index c61d7b85cf..c61d7b85cf 100644
--- a/themes/clouds/css-1.6.2/images/indis.png
+++ b/themes/clouds/css-1.7.0/images/indis.png
diff --git a/themes/clouds/css-1.6.2/images/larrow.png b/themes/clouds/css-1.7.0/images/larrow.png
index ec566c56ab..ec566c56ab 100644
--- a/themes/clouds/css-1.6.2/images/larrow.png
+++ b/themes/clouds/css-1.7.0/images/larrow.png
diff --git a/themes/clouds/css-1.6.2/images/larrow2.png b/themes/clouds/css-1.7.0/images/larrow2.png
index 9d25f3a4e0..9d25f3a4e0 100644
--- a/themes/clouds/css-1.6.2/images/larrow2.png
+++ b/themes/clouds/css-1.7.0/images/larrow2.png
diff --git a/themes/clouds/css-1.6.2/images/ldarrow.png b/themes/clouds/css-1.7.0/images/ldarrow.png
index 1d477d196d..1d477d196d 100644
--- a/themes/clouds/css-1.6.2/images/ldarrow.png
+++ b/themes/clouds/css-1.7.0/images/ldarrow.png
diff --git a/themes/clouds/css-1.7.0/images/ldarrow2.png b/themes/clouds/css-1.7.0/images/ldarrow2.png
new file mode 100644
index 0000000000..3e58fdffa8
--- /dev/null
+++ b/themes/clouds/css-1.7.0/images/ldarrow2.png
diff --git a/themes/clouds/css-1.6.2/images/left1B.png b/themes/clouds/css-1.7.0/images/left1B.png
index 17161ad076..17161ad076 100644
--- a/themes/clouds/css-1.6.2/images/left1B.png
+++ b/themes/clouds/css-1.7.0/images/left1B.png
diff --git a/themes/clouds/css-1.6.2/images/left2.png b/themes/clouds/css-1.7.0/images/left2.png
index d3a97ea996..d3a97ea996 100644
--- a/themes/clouds/css-1.6.2/images/left2.png
+++ b/themes/clouds/css-1.7.0/images/left2.png
diff --git a/themes/clouds/css-1.6.2/images/left3.png b/themes/clouds/css-1.7.0/images/left3.png
index 8190efbcb4..8190efbcb4 100644
--- a/themes/clouds/css-1.6.2/images/left3.png
+++ b/themes/clouds/css-1.7.0/images/left3.png
diff --git a/themes/clouds/css-1.6.2/images/li.png b/themes/clouds/css-1.7.0/images/li.png
index 9cbf6904ea..9cbf6904ea 100644
--- a/themes/clouds/css-1.6.2/images/li.png
+++ b/themes/clouds/css-1.7.0/images/li.png
diff --git a/themes/clouds/css-1.6.2/images/lifespan-chunk.png b/themes/clouds/css-1.7.0/images/lifespan-chunk.png
index 493ce7e39f..493ce7e39f 100644
--- a/themes/clouds/css-1.6.2/images/lifespan-chunk.png
+++ b/themes/clouds/css-1.7.0/images/lifespan-chunk.png
diff --git a/themes/clouds/css-1.6.2/images/lifespan-down.png b/themes/clouds/css-1.7.0/images/lifespan-down.png
index 19f5f44b6d..19f5f44b6d 100644
--- a/themes/clouds/css-1.6.2/images/lifespan-down.png
+++ b/themes/clouds/css-1.7.0/images/lifespan-down.png
diff --git a/themes/clouds/css-1.6.2/images/lifespan-left.png b/themes/clouds/css-1.7.0/images/lifespan-left.png
index 3bae6f9c4b..3bae6f9c4b 100644
--- a/themes/clouds/css-1.6.2/images/lifespan-left.png
+++ b/themes/clouds/css-1.7.0/images/lifespan-left.png
diff --git a/themes/clouds/css-1.6.2/images/lifespan-right.png b/themes/clouds/css-1.7.0/images/lifespan-right.png
index 2240a4cbb3..2240a4cbb3 100644
--- a/themes/clouds/css-1.6.2/images/lifespan-right.png
+++ b/themes/clouds/css-1.7.0/images/lifespan-right.png
diff --git a/themes/clouds/css-1.6.2/images/lifespan-up.png b/themes/clouds/css-1.7.0/images/lifespan-up.png
index dab8ebc73d..dab8ebc73d 100644
--- a/themes/clouds/css-1.6.2/images/lifespan-up.png
+++ b/themes/clouds/css-1.7.0/images/lifespan-up.png
diff --git a/themes/clouds/css-1.6.2/images/loading.gif b/themes/clouds/css-1.7.0/images/loading.gif
index 5bb90fd6a4..5bb90fd6a4 100644
--- a/themes/clouds/css-1.6.2/images/loading.gif
+++ b/themes/clouds/css-1.7.0/images/loading.gif
diff --git a/themes/clouds/css-1.6.2/images/mapquest.png b/themes/clouds/css-1.7.0/images/mapquest.png
index c62ccd1e52..c62ccd1e52 100644
--- a/themes/clouds/css-1.6.2/images/mapquest.png
+++ b/themes/clouds/css-1.7.0/images/mapquest.png
diff --git a/themes/clouds/css-1.6.2/images/media.png b/themes/clouds/css-1.7.0/images/media.png
index ef74a50288..ef74a50288 100644
--- a/themes/clouds/css-1.6.2/images/media.png
+++ b/themes/clouds/css-1.7.0/images/media.png
diff --git a/themes/clouds/css-1.6.2/images/minus.png b/themes/clouds/css-1.7.0/images/minus.png
index 8ed68808da..8ed68808da 100644
--- a/themes/clouds/css-1.6.2/images/minus.png
+++ b/themes/clouds/css-1.7.0/images/minus.png
diff --git a/themes/clouds/css-1.6.2/images/mypage.png b/themes/clouds/css-1.7.0/images/mypage.png
index f0cc0af1af..f0cc0af1af 100644
--- a/themes/clouds/css-1.6.2/images/mypage.png
+++ b/themes/clouds/css-1.7.0/images/mypage.png
diff --git a/themes/clouds/css-1.6.2/images/notes.png b/themes/clouds/css-1.7.0/images/notes.png
index 9bf410b7bf..9bf410b7bf 100644
--- a/themes/clouds/css-1.6.2/images/notes.png
+++ b/themes/clouds/css-1.7.0/images/notes.png
diff --git a/themes/clouds/css-1.6.2/images/osm.png b/themes/clouds/css-1.7.0/images/osm.png
index 899e2a58b6..899e2a58b6 100644
--- a/themes/clouds/css-1.6.2/images/osm.png
+++ b/themes/clouds/css-1.7.0/images/osm.png
diff --git a/themes/clouds/css-1.6.2/images/patriarch.png b/themes/clouds/css-1.7.0/images/patriarch.png
index 7f373ce7cc..7f373ce7cc 100644
--- a/themes/clouds/css-1.6.2/images/patriarch.png
+++ b/themes/clouds/css-1.7.0/images/patriarch.png
diff --git a/themes/clouds/css-1.6.2/images/pedigree.png b/themes/clouds/css-1.7.0/images/pedigree.png
index 968a8f539c..968a8f539c 100644
--- a/themes/clouds/css-1.6.2/images/pedigree.png
+++ b/themes/clouds/css-1.7.0/images/pedigree.png
diff --git a/themes/clouds/css-1.6.2/images/place.png b/themes/clouds/css-1.7.0/images/place.png
index 8c1238d50c..8c1238d50c 100644
--- a/themes/clouds/css-1.6.2/images/place.png
+++ b/themes/clouds/css-1.7.0/images/place.png
diff --git a/themes/clouds/css-1.6.2/images/plus.png b/themes/clouds/css-1.7.0/images/plus.png
index 64e15fc9f3..64e15fc9f3 100644
--- a/themes/clouds/css-1.6.2/images/plus.png
+++ b/themes/clouds/css-1.7.0/images/plus.png
diff --git a/themes/clouds/css-1.6.2/images/webtrees.png b/themes/clouds/css-1.7.0/images/powered-by-webtrees.png
index 6a5cf0fb3e..6a5cf0fb3e 100644
--- a/themes/clouds/css-1.6.2/images/webtrees.png
+++ b/themes/clouds/css-1.7.0/images/powered-by-webtrees.png
diff --git a/themes/clouds/css-1.6.2/images/rarrow.png b/themes/clouds/css-1.7.0/images/rarrow.png
index df266cf212..df266cf212 100644
--- a/themes/clouds/css-1.6.2/images/rarrow.png
+++ b/themes/clouds/css-1.7.0/images/rarrow.png
diff --git a/themes/clouds/css-1.6.2/images/rarrow2.png b/themes/clouds/css-1.7.0/images/rarrow2.png
index ee73492ea6..ee73492ea6 100644
--- a/themes/clouds/css-1.6.2/images/rarrow2.png
+++ b/themes/clouds/css-1.7.0/images/rarrow2.png
diff --git a/themes/clouds/css-1.6.2/images/rdarrow.png b/themes/clouds/css-1.7.0/images/rdarrow.png
index a549e8d076..a549e8d076 100644
--- a/themes/clouds/css-1.6.2/images/rdarrow.png
+++ b/themes/clouds/css-1.7.0/images/rdarrow.png
diff --git a/themes/clouds/css-1.7.0/images/rdarrow2.png b/themes/clouds/css-1.7.0/images/rdarrow2.png
new file mode 100644
index 0000000000..e17283de78
--- /dev/null
+++ b/themes/clouds/css-1.7.0/images/rdarrow2.png
diff --git a/themes/clouds/css-1.6.2/images/reminder.png b/themes/clouds/css-1.7.0/images/reminder.png
index fa5bbcf507..fa5bbcf507 100644
--- a/themes/clouds/css-1.6.2/images/reminder.png
+++ b/themes/clouds/css-1.7.0/images/reminder.png
diff --git a/themes/clouds/css-1.6.2/images/reorder.png b/themes/clouds/css-1.7.0/images/reorder.png
index 2cfe889ad1..2cfe889ad1 100644
--- a/themes/clouds/css-1.6.2/images/reorder.png
+++ b/themes/clouds/css-1.7.0/images/reorder.png
diff --git a/themes/clouds/css-1.6.2/images/repository.png b/themes/clouds/css-1.7.0/images/repository.png
index 6e433b498f..6e433b498f 100644
--- a/themes/clouds/css-1.6.2/images/repository.png
+++ b/themes/clouds/css-1.7.0/images/repository.png
diff --git a/themes/clouds/css-1.6.2/images/resn_confidential.png b/themes/clouds/css-1.7.0/images/resn_confidential.png
index 348f12765e..348f12765e 100644
--- a/themes/clouds/css-1.6.2/images/resn_confidential.png
+++ b/themes/clouds/css-1.7.0/images/resn_confidential.png
diff --git a/themes/clouds/css-1.6.2/images/resn_locked.png b/themes/clouds/css-1.7.0/images/resn_locked.png
index 560d963b8c..560d963b8c 100644
--- a/themes/clouds/css-1.6.2/images/resn_locked.png
+++ b/themes/clouds/css-1.7.0/images/resn_locked.png
diff --git a/themes/clouds/css-1.6.2/images/resn_none.png b/themes/clouds/css-1.7.0/images/resn_none.png
index d86137658e..d86137658e 100644
--- a/themes/clouds/css-1.6.2/images/resn_none.png
+++ b/themes/clouds/css-1.7.0/images/resn_none.png
diff --git a/themes/clouds/css-1.6.2/images/resn_privacy.png b/themes/clouds/css-1.7.0/images/resn_privacy.png
index ca462fd84d..ca462fd84d 100644
--- a/themes/clouds/css-1.6.2/images/resn_privacy.png
+++ b/themes/clouds/css-1.7.0/images/resn_privacy.png
diff --git a/themes/clouds/css-1.6.2/images/right1B.png b/themes/clouds/css-1.7.0/images/right1B.png
index c789d56ea7..c789d56ea7 100644
--- a/themes/clouds/css-1.6.2/images/right1B.png
+++ b/themes/clouds/css-1.7.0/images/right1B.png
diff --git a/themes/clouds/css-1.6.2/images/right3.png b/themes/clouds/css-1.7.0/images/right3.png
index b36532bbb8..b36532bbb8 100644
--- a/themes/clouds/css-1.6.2/images/right3.png
+++ b/themes/clouds/css-1.7.0/images/right3.png
diff --git a/themes/clouds/css-1.6.2/images/rings.png b/themes/clouds/css-1.7.0/images/rings.png
index 2190ac6573..2190ac6573 100644
--- a/themes/clouds/css-1.6.2/images/rings.png
+++ b/themes/clouds/css-1.7.0/images/rings.png
diff --git a/themes/clouds/css-1.6.2/images/selected.png b/themes/clouds/css-1.7.0/images/selected.png
index 7abd8e6031..7abd8e6031 100644
--- a/themes/clouds/css-1.6.2/images/selected.png
+++ b/themes/clouds/css-1.7.0/images/selected.png
diff --git a/themes/clouds/css-1.6.2/images/sex_f_15x15.png b/themes/clouds/css-1.7.0/images/sex_f_15x15.png
index 2d3abae32a..2d3abae32a 100644
--- a/themes/clouds/css-1.6.2/images/sex_f_15x15.png
+++ b/themes/clouds/css-1.7.0/images/sex_f_15x15.png
diff --git a/themes/clouds/css-1.6.2/images/sex_f_9x9.png b/themes/clouds/css-1.7.0/images/sex_f_9x9.png
index e35e46ccd4..e35e46ccd4 100644
--- a/themes/clouds/css-1.6.2/images/sex_f_9x9.png
+++ b/themes/clouds/css-1.7.0/images/sex_f_9x9.png
diff --git a/themes/clouds/css-1.6.2/images/sex_m_15x15.png b/themes/clouds/css-1.7.0/images/sex_m_15x15.png
index 4ac7956421..4ac7956421 100644
--- a/themes/clouds/css-1.6.2/images/sex_m_15x15.png
+++ b/themes/clouds/css-1.7.0/images/sex_m_15x15.png
diff --git a/themes/clouds/css-1.6.2/images/sex_m_9x9.png b/themes/clouds/css-1.7.0/images/sex_m_9x9.png
index 32a8484b1f..32a8484b1f 100644
--- a/themes/clouds/css-1.6.2/images/sex_m_9x9.png
+++ b/themes/clouds/css-1.7.0/images/sex_m_9x9.png
diff --git a/themes/clouds/css-1.6.2/images/sex_u_15x15.png b/themes/clouds/css-1.7.0/images/sex_u_15x15.png
index 158c3f9a10..158c3f9a10 100644
--- a/themes/clouds/css-1.6.2/images/sex_u_15x15.png
+++ b/themes/clouds/css-1.7.0/images/sex_u_15x15.png
diff --git a/themes/clouds/css-1.6.2/images/sex_u_9x9.png b/themes/clouds/css-1.7.0/images/sex_u_9x9.png
index d113a1898c..d113a1898c 100644
--- a/themes/clouds/css-1.6.2/images/sex_u_9x9.png
+++ b/themes/clouds/css-1.7.0/images/sex_u_9x9.png
diff --git a/themes/clouds/css-1.6.2/images/sfamily.png b/themes/clouds/css-1.7.0/images/sfamily.png
index e5f8f755c3..e5f8f755c3 100644
--- a/themes/clouds/css-1.6.2/images/sfamily.png
+++ b/themes/clouds/css-1.7.0/images/sfamily.png
diff --git a/themes/clouds/css-1.6.2/images/silhouette_female.png b/themes/clouds/css-1.7.0/images/silhouette_female.png
index bb8d503371..bb8d503371 100644
--- a/themes/clouds/css-1.6.2/images/silhouette_female.png
+++ b/themes/clouds/css-1.7.0/images/silhouette_female.png
diff --git a/themes/clouds/css-1.6.2/images/silhouette_female_small.png b/themes/clouds/css-1.7.0/images/silhouette_female_small.png
index ff153f7e5e..ff153f7e5e 100644
--- a/themes/clouds/css-1.6.2/images/silhouette_female_small.png
+++ b/themes/clouds/css-1.7.0/images/silhouette_female_small.png
diff --git a/themes/clouds/css-1.6.2/images/silhouette_male.png b/themes/clouds/css-1.7.0/images/silhouette_male.png
index 0615900224..0615900224 100644
--- a/themes/clouds/css-1.6.2/images/silhouette_male.png
+++ b/themes/clouds/css-1.7.0/images/silhouette_male.png
diff --git a/themes/clouds/css-1.6.2/images/silhouette_male_small.png b/themes/clouds/css-1.7.0/images/silhouette_male_small.png
index 6c7c175c76..6c7c175c76 100644
--- a/themes/clouds/css-1.6.2/images/silhouette_male_small.png
+++ b/themes/clouds/css-1.7.0/images/silhouette_male_small.png
diff --git a/themes/clouds/css-1.6.2/images/silhouette_unknown.png b/themes/clouds/css-1.7.0/images/silhouette_unknown.png
index d0417439ee..d0417439ee 100644
--- a/themes/clouds/css-1.6.2/images/silhouette_unknown.png
+++ b/themes/clouds/css-1.7.0/images/silhouette_unknown.png
diff --git a/themes/clouds/css-1.6.2/images/silhouette_unknown_small.png b/themes/clouds/css-1.7.0/images/silhouette_unknown_small.png
index 9602cffaa0..9602cffaa0 100644
--- a/themes/clouds/css-1.6.2/images/silhouette_unknown_small.png
+++ b/themes/clouds/css-1.7.0/images/silhouette_unknown_small.png
diff --git a/themes/clouds/css-1.6.2/images/source.png b/themes/clouds/css-1.7.0/images/source.png
index 085d3b179a..085d3b179a 100644
--- a/themes/clouds/css-1.6.2/images/source.png
+++ b/themes/clouds/css-1.7.0/images/source.png
diff --git a/themes/clouds/css-1.6.2/images/spacer.png b/themes/clouds/css-1.7.0/images/spacer.png
index a31b396979..a31b396979 100644
--- a/themes/clouds/css-1.6.2/images/spacer.png
+++ b/themes/clouds/css-1.7.0/images/spacer.png
diff --git a/themes/clouds/css-1.6.2/images/sprites-sub-menu.png b/themes/clouds/css-1.7.0/images/sprites-sub-menu.png
index 33b2a53592..33b2a53592 100644
--- a/themes/clouds/css-1.6.2/images/sprites-sub-menu.png
+++ b/themes/clouds/css-1.7.0/images/sprites-sub-menu.png
diff --git a/themes/clouds/css-1.6.2/images/sprites-top-menu.png b/themes/clouds/css-1.7.0/images/sprites-top-menu.png
index f0a634fc85..f0a634fc85 100644
--- a/themes/clouds/css-1.6.2/images/sprites-top-menu.png
+++ b/themes/clouds/css-1.7.0/images/sprites-top-menu.png
diff --git a/themes/clouds/css-1.6.2/images/stop.png b/themes/clouds/css-1.7.0/images/stop.png
index 7f8200a727..7f8200a727 100644
--- a/themes/clouds/css-1.6.2/images/stop.png
+++ b/themes/clouds/css-1.7.0/images/stop.png
diff --git a/themes/clouds/css-1.6.2/images/uarrow.png b/themes/clouds/css-1.7.0/images/uarrow.png
index 358859bd76..358859bd76 100644
--- a/themes/clouds/css-1.6.2/images/uarrow.png
+++ b/themes/clouds/css-1.7.0/images/uarrow.png
diff --git a/themes/clouds/css-1.6.2/images/uarrow2.png b/themes/clouds/css-1.7.0/images/uarrow2.png
index 5f2fc4b9af..5f2fc4b9af 100644
--- a/themes/clouds/css-1.6.2/images/uarrow2.png
+++ b/themes/clouds/css-1.7.0/images/uarrow2.png
diff --git a/themes/clouds/css-1.6.2/images/udarrow.png b/themes/clouds/css-1.7.0/images/udarrow.png
index 48c23c8e7d..48c23c8e7d 100644
--- a/themes/clouds/css-1.6.2/images/udarrow.png
+++ b/themes/clouds/css-1.7.0/images/udarrow.png
diff --git a/themes/clouds/css-1.6.2/images/user_add.png b/themes/clouds/css-1.7.0/images/user_add.png
index 80f6a0b266..80f6a0b266 100644
--- a/themes/clouds/css-1.6.2/images/user_add.png
+++ b/themes/clouds/css-1.7.0/images/user_add.png
diff --git a/themes/clouds/css-1.6.2/images/vline.png b/themes/clouds/css-1.7.0/images/vline.png
index 4aefe4df4e..4aefe4df4e 100644
--- a/themes/clouds/css-1.6.2/images/vline.png
+++ b/themes/clouds/css-1.7.0/images/vline.png
diff --git a/themes/clouds/css-1.6.2/images/w_button.png b/themes/clouds/css-1.7.0/images/w_button.png
index 31af28a377..31af28a377 100644
--- a/themes/clouds/css-1.6.2/images/w_button.png
+++ b/themes/clouds/css-1.7.0/images/w_button.png
diff --git a/themes/clouds/css-1.6.2/images/warning.png b/themes/clouds/css-1.7.0/images/warning.png
index d484c33341..d484c33341 100644
--- a/themes/clouds/css-1.6.2/images/warning.png
+++ b/themes/clouds/css-1.7.0/images/warning.png
diff --git a/themes/clouds/css-1.6.2/images/zoomin.png b/themes/clouds/css-1.7.0/images/zoomin.png
index 19a0d339d5..19a0d339d5 100644
--- a/themes/clouds/css-1.6.2/images/zoomin.png
+++ b/themes/clouds/css-1.7.0/images/zoomin.png
diff --git a/themes/clouds/css-1.6.2/images/zoomout.png b/themes/clouds/css-1.7.0/images/zoomout.png
index 4e97829f77..4e97829f77 100644
--- a/themes/clouds/css-1.6.2/images/zoomout.png
+++ b/themes/clouds/css-1.7.0/images/zoomout.png
diff --git a/themes/clouds/css-1.6.2/style.css b/themes/clouds/css-1.7.0/style.css
index 7a7999813d..8c745443a0 100644
--- a/themes/clouds/css-1.6.2/style.css
+++ b/themes/clouds/css-1.7.0/style.css
@@ -4,9 +4,10 @@
 * webtrees: Web based Family History software
 * Copyright (C) 2014 webtrees development team.
 *
-* Derived from PhpGedView Cloudy theme
-* Original author w.a. bastein http://genealogy.bastein.biz
-* Copyright (C) 2010 PGV Development Team.
+* Derived from PhpGedView
+* Copyright (C) 2002 to 2009 PGV Development Team.
+*
+* Mime-type icons from http://gnome-look.org, published under GPL (v2)
 *
 * 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
@@ -22,6 +23,9 @@
 * along with this program; if not, write to the Free Software
 * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
 */
+
+/* ======== Globals ========== */
+
 /* Add a permanent scrollbar, to prevent "flickering" when hover effects lengthen page */
 html {
 	overflow-y: scroll;
@@ -33,1144 +37,20 @@ body {
 	font: 12px tahoma, arial, helvetica, sans-serif;
 }
 
-header {
-	background-color: #fff;
-	border: 1px solid #039;
-	margin: 10px;
+#home-page {
+	padding-top: 10px;
 }
 
 main {
 	display: block;
-	padding: 10px;
-}
-
-* {
-	margin: 0;
-}
-
-td {
-	padding: 0;
-}
-
-/* ================= Header Layout */
-#header {
-	background-image: url(images/clouds.png);
-	height: 30px;
-}
-
-/* Set stack level for top menu row */
-.makeMenu ul,
-#main-menu ul {
-	z-index: 210;
-}
-
-header h1 {
-	color: #039;
-	float: left;
-	font-size: 20px;
-	font-weight: normal;
-	margin: 5px 12px 0;
-}
-
-[dir=rtl] header h1 {
-	float: right;
-}
-
-.hsearch {
-	display: block;
-	float: right;
-	padding-right: 10px;
-	padding-top: 5px;
-}
-
-#header-user-links {
-	float: right;
-	margin-right: 20px;
-}
-
-[dir=rtl] .hsearch {
-	float: left;
-	padding-left: 10px;
-}
-
-[dir=rtl] #header-user-links {
-	float: left;
-	margin-left: 20px;
-}
-
-#bodydiv .title {
-	margin: 0;
-}
-
-/* ===== */
-/* Layout Left Main menu */
-
-/* set up div container */
-#topMenu {
-	background: #acf;
-	clear: both;
-	height: 31px;
-	width: 100%;
-}
-
-#topMenu ul {
-	margin: 0;
-	padding: 0;
-}
-
-#main-menu ul {
-	padding: 0;
-	margin: 0;
-	border: 1px solid #ddd;
-	border-radius: 5px;
-	list-style-type: none;
-	position: absolute;
-	visibility: hidden;
-	opacity: 0;
-	background: #fff;
-}
-
-#main-menu li {
-	display: block;
-	position: relative;
-	float: left;
-	list-style: none;
-	width: 100%;
-}
-
-#main-menu li a {
-	display: block;
-}
-
-#main-menu li > ul {
-	display: block;
-	position: absolute;
-	top: 0;
-	white-space: nowrap;
-	left: 100%;
-	right: auto;
-}
-
-#main-menu > li > a {
-	height: 37px;
-	width: 27px;
-}
-
-#main-menu > li > ul {
-	left: 0;
-	right: auto;
-	top: 22px;
-}
-
-#main-menu a {
-	text-decoration: none;
-	padding: 0 10px;
-	margin: 0;
-	white-space: nowrap;
-}
-
-#main-menu ul li:hover a,
-#main-menu li:hover li a {
-	background: none;
-	border: 0;
-}
-
-#main-menu li:hover > ul {
-	visibility: visible;
-	opacity: 1;
-}
-
-/* First row submenu style*/
-#main-menu > li > ul > li:first-child {
-	text-indent: 0;
-	min-width: 100px;
-	width: 100%;
-	background: none;
-	font-weight: bold;
-	white-space: nowrap;
-	font-size: 12px;
-	text-align: center;
-	height: 22px;
-	line-height: 1.5;
-	border-bottom: solid #ddd 1px;
-}
-
-/* Mainmenu Icons*/
-#main-menu > li {
-	background-image: url(images/sprites-top-menu.png);
-	background-repeat: no-repeat;
-	width: 22px;
-	height: 22px;
-	line-height: 22px;
-	margin: 5px 0 0 10px;
-}
-
-/* Submenu Icons */
-#main-menu li ul li {
-	background-image: url(images/sprites-sub-menu.png);
-	background-repeat: no-repeat;
-	height: 22px;
-	line-height: 15px;
-	margin: 2px 0;
-	text-indent: 22px;
-}
-
-[dir=rtl] #main-menu > li {
-	margin: 4px 16px 0 0;
-}
-
-[dir=rtl] #main-menu li {
-	float: right;
-}
-
-[dir=rtl] #main-menu li:hover > ul {
-	right: 100%;
-	left: auto;
-}
-
-[dir=rtl] #main-menu > li:hover > ul {
-	left: auto;
-	right: 0;
-}
-
-[dir=rtl] #main-menu li li {
-	text-align: right;
-}
-
-[dir=rtl] #main-menu li li a {
-	display: block;
-}
-
-[dir=rtl] #main-menu > li > ul > li:first-child {
-	text-align: center;
-}
-
-/********************Menu Top Row Icons **********************/
-
-#menu-tree {
-	background-position: 0 0;
-}
-
-#menu-chart {
-	background-position: 0 -29px;
-}
-
-#menu-list {
-	background-position: 0 -59px;
-}
-
-#menu-calendar {
-	background-position: 0 -88px;
-}
-
-#menu-report {
-	background-position: 0 -117px;
-}
-
-#menu-search {
-	background-position: 0 -146px;
-}
-
-#menu-help {
-	background-position: 0 -175px;
-}
-
-#menu-mymenu {
-	background-position: 0 -204px;
-}
-
-#menu-clippings {
-	background-position: 0 -233px;
-}
-
-#menu-indi {
-	background-position: 0 -261px;
-}
-
-#menu-sour {
-	background-position: 0 -320px;
-}
-
-#menu-fam {
-	background-position: 0 -291px;
-}
-
-#menu-note {
-	background-position: 0 -348px;
-}
-
-#menu-obje {
-	background-position: 0 -378px;
-}
-
-#menu-repo {
-	background-position: 0 -407px;
-}
-
-#menu-story {
-	background-position: 0 -435px;
-}
-
-/**** Menu submenu Icons ****/
-/* Chart Icons */
-#menu-chart-ancestry {
-	background-position: left -0px;
-}
-
-[dir=rtl] #menu-chart-ancestry {
-	background-position: right -0px;
-}
-
-#menu-chart-fanchart {
-	background-position: left -23px;
-}
-
-[dir=rtl] #menu-chart-fanchart {
-	background-position: right -23px;
-}
-
-#menu-chart-compact {
-	background-position: left -0px;
-}
-
-[dir=rtl] #menu-chart-compact {
-	background-position: right -0px;
-}
-
-#menu-chart-descendancy {
-	background-position: left -69px;
-}
-
-[dir=rtl] #menu-chart-descendancy {
-	background-position: right -69px;
-}
-
-#menu-chart-familybook {
-	background-position: left -92px;
-}
-
-[dir=rtl] #menu-chart-familybook {
-	background-position: right -92px;
-}
-
-#menu-chart-hourglass {
-	background-position: left -115px;
-}
-
-[dir=rtl] #menu-chart-hourglass {
-	background-position: right -115px;
-}
-
-#menu-chart-tree {
-	background-position: left -138px;
-}
-
-[dir=rtl] #menu-chart-tree {
-	background-position: right -138px;
-}
-
-#menu-chart-lifespan {
-	background-position: left -161px;
-}
-
-[dir=rtl] #menu-chart-lifespan {
-	background-position: right -161px;
-}
-
-#menu-chart-pedigree {
-	background-position: left -184px;
-}
-
-[dir=rtl] #menu-chart-pedigree {
-	background-position: right -184px;
-}
-
-#menu-chart-pedigree_map {
-	background-position: left -207px;
-}
-
-[dir=rtl] #menu-chart-pedigree_map {
-	background-position: right -207px;
-}
-
-#menu-chart-relationship {
-	background-position: left -230px;
-}
-
-[dir=rtl] #menu-chart-relationship {
-	background-position: right -230px;
-}
-
-#menu-chart-relationship li {
-	background-position: left -230px;
-}
-
-[dir=rtl] #menu-chart-relationship li {
-	background-position: right -230px;
-}
-
-#menu-chart-statistics {
-	background-position: left -253px;
-}
-
-[dir=rtl] #menu-chart-statistics {
-	background-position: right -253px;
-}
-
-#menu-chart-timeline {
-	background-position: left -276px;
-}
-
-[dir=rtl] #menu-chart-timeline {
-	background-position: right -276px;
-}
-
-#menu-chart-timeline li {
-	background-position: left -276px;
-}
-
-[dir=rtl] #menu-chart-timeline li {
-	background-position: right -276px;
-}
-
-/* Lists Icons */
-#menu-list-obje {
-	background-position: left -299px;
-}
-
-[dir=rtl] #menu-list-obje {
-	background-position: right -299px;
-}
-
-#menu-list-plac {
-	background-position: left -322px;
-}
-
-[dir=rtl] #menu-list-plac {
-	background-position: right -322px;
-}
-
-#menu-list-repo {
-	background-position: left -345px;
-}
-
-[dir=rtl] #menu-list-repo {
-	background-position: right -345px;
-}
-
-#menu-list-note {
-	background-position: left -368px;
-}
-
-[dir=rtl] #menu-list-note {
-	background-position: right -368px;
-}
-
-#menu-list-sour {
-	background-position: left -391px;
-}
-
-[dir=rtl] #menu-list-sour {
-	background-position: right -391px;
-}
-
-#menu-branches {
-	background-position: left -414px;
-}
-
-[dir=rtl] #menu-branches {
-	background-position: right -414px;
-}
-
-#menu-list-fam {
-	background-position: left -437px;
-}
-
-[dir=rtl] #menu-list-fam {
-	background-position: right -437px;
-}
-
-#menu-list-indi {
-	background-position: left -460px;
-}
-
-[dir=rtl] #menu-list-indi {
-	background-position: right -460px;
-}
-
-/* Report Icons */
-#menu-report li {
-	background-position: left -483px;
-}
-
-[dir=rtl] #menu-report li {
-	background-position: right -483px;
-}
-
-/* Calendar Icons */
-#menu-calendar-day {
-	background-position: left -506px;
-}
-
-[dir=rtl] #menu-calendar-day {
-	background-position: right -506px;
-}
-
-#menu-calendar-month {
-	background-position: left -506px;
-}
-
-[dir=rtl] #menu-calendar-month {
-	background-position: right -506px;
-}
-
-#menu-calendar-year {
-	background-position: left -506px;
-}
-
-[dir=rtl] #menu-calendar-year {
-	background-position: right -506px;
-}
-
-/* Search Icons */
-#menu-search-general {
-	background-position: left -529px;
-}
-
-[dir=rtl] #menu-search-general {
-	background-position: right -529px;
-}
-
-#menu-search-soundex {
-	background-position: left -529px;
-}
-
-[dir=rtl] #menu-search-soundex {
-	background-position: right -529px;
-}
-
-#menu-search-advanced {
-	background-position: left -529px;
-}
-
-[dir=rtl] #menu-search-advanced {
-	background-position: right -529px;
-}
-
-#menu-search-replace {
-	background-position: left -529px;
-}
-
-[dir=rtl] #menu-search-replace {
-	background-position: right -529px;
-}
-
-/* Help Icons */
-#menu-help-genealogy {
-	background-position: left -552px;
-}
-
-[dir=rtl] #menu-help-genealogy {
-	background-position: right -552px;
-}
-
-#menu-help-show {
-	background-position: left -552px;
-}
-
-[dir=rtl] #menu-help-show {
-	background-position: right -552px;
-}
-
-#menu-help-contents {
-	background-position: left -552px;
-}
-
-[dir=rtl] #menu-help-contents {
-	background-position: right -552px;
-}
-
-#menu-help-hide {
-	background-position: left -552px;
-}
-
-[dir=rtl] #menu-help-hide {
-	background-position: right -552px;
-}
-
-#menu-help-faq {
-	background-position: left -552px;
-}
-
-[dir=rtl] #menu-help-faq {
-	background-position: right -552px;
-}
-
-#menu-help-wiki {
-	background-position: left -575px;
-}
-
-[dir=rtl] #menu-help-wiki {
-	background-position: right -575px;
-}
-
-#menu-help-technica {
-	background-position: left -598px;
-}
-
-[dir=rtl] #menu-help-technical {
-	background-position: right -598px;
-}
-
-/* MyPage Icons */
-#menu-mypage {
-	background-position: left -598px;
-}
-
-[dir=rtl] #menu-mypage {
-	background-position: right -598px;
-}
-
-#menu-myaccount {
-	background-position: left -598px;
-}
-
-[dir=rtl] #menu-myaccount {
-	background-position: right -598px;
-}
-
-#menu-mypedigree {
-	background-position: left -828px;
-}
-
-[dir=rtl] #menu-mypedigree {
-	background-position: right -828px;
-}
-
-#menu-myrecord {
-	background-position: left -460px;
-}
-
-[dir=rtl] #menu-myrecord {
-	background-position: right -460px;
-}
-
-#menu-admin {
-	background-position: left -644px;
-}
-
-[dir=rtl] #menu-admin {
-	background-position: right -644px;
-}
-
-#menu-tree li {
-	background-position: left -667px;
-}
-
-[dir=rtl] #menu-tree li {
-	background-position: right -667px;
-}
-
-/* Family Icons */
-#menu-fam-addchil {
-	background-position: left -759px;
-}
-
-[dir=rtl] #menu-fam-addchil {
-	background-position: right -759px;
-}
-
-#menu-fam-addfav {
-	background-position: left -736px;
-}
-
-[dir=rtl] #menu-fam-addfav {
-	background-position: right -736px;
-}
-
-#menu-fam-change {
-	background-position: left -759px;
-}
-
-[dir=rtl] #menu-fam-change {
-	background-position: right -759px;
-}
-
-#menu-fam-del {
-	background-position: left -713px;
-}
-
-[dir=rtl] #menu-fam-del {
-	background-position: right -713px;
-}
-
-#menu-fam-editraw {
-	background-position: left -667px;
-}
-
-[dir=rtl] #menu-fam-editraw {
-	background-position: right -667px;
-}
-
-#menu-fam-orderchil {
-	background-position: left -759px;
-}
-
-[dir=rtl] #menu-fam-orderchil {
-	background-position: right -759px;
-}
-
-/* Clipping Icons */
-#menu-clippingscart {
-	background-position: left -621px;
-}
-
-[dir=rtl] #menu-clippingscart {
-	background-position: right -621px;
-}
-
-#menu-clippingsadd {
-	background-position: left -621px;
-}
-
-[dir=rtl] #menu-clippingsadd {
-	background-position: right -621px;
-}
-
-/* Edit Icons */
-#menu-indi-addname {
-	background-position: left -690px;
-}
-
-[dir=rtl] #menu-indi-addname {
-	background-position: right -690px;
-}
-
-#menu-indi-editraw {
-	background-position: left -667px;
-}
-
-[dir=rtl] #menu-indi-editraw {
-	background-position: right -667px;
-}
-
-#menu-indi-editsex {
-	background-position: left -690px;
-}
-
-[dir=rtl] #menu-indi-editsex {
-	background-position: right -690px;
-}
-
-#menu-indi-del {
-	background-position: left -713px;
-}
-
-[dir=rtl] #menu-indi-del {
-	background-position: right -713px;
-}
-
-#menu-indi-addfav {
-	background-position: left -736px;
-}
-
-[dir=rtl] #menu-indi-addfav {
-	background-position: right -736px;
-}
-
-/* Edit Notes */
-#menu-note-addfav {
-	background-position: left -736px;
-}
-
-[dir=rtl] #menu-note-fav {
-	background-position: right -736px;
-}
-
-#menu-note-del {
-	background-position: left -713px;
-}
-
-[dir=rtl] #menu-note-del {
-	background-position: right -713px;
-}
-
-#menu-note-edit {
-	background-position: left -805px;
-}
-
-[dir=rtl] #menu-note-edit {
-	background-position: right -805px;
-}
-
-#menu-note-editraw {
-	background-position: left -667px;
-}
-
-[dir=rtl] #menu-note-editraw {
-	background-position: right -667px;
-}
-
-/* Objects */
-#menu-obje-addfav {
-	background-position: left -736px;
-}
-
-[dir=rtl] #menu-obje-addfav {
-	background-position: right -736px;
-}
-
-#menu-obje-del {
-	background-position: left -713px;
-}
-
-[dir=rtl] #menu-obje-del {
-	background-position: right -713px;
-}
-
-#menu-obje-edit {
-	background-position: left -852px;
-}
-
-[dir=rtl] #menu-obje-edit {
-	background-position: right -852px;
-}
-
-#menu-obje-editraw {
-	background-position: left -667px;
-}
-
-[dir=rtl] #menu-obje-editraw {
-	background-position: right -667px;
-}
-
-#menu-obje-link {
-	background-position: left -875px;
-}
-
-[dir=rtl] #menu-obje-link {
-	background-position: right -875px;
-}
-
-#menu-obje-link-fam {
-	background-position: left -437px;
-}
-
-[dir=rtl] #menu-obje-link-fam {
-	background-position: right -437px;
-}
-
-#menu-obje-link-indi {
-	background-position: left -460px;
-}
-
-[dir=rtl] #menu-obje-link-indi {
-	background-position: right -460px;
-}
-
-#menu-obje-link-sour {
-	background-position: left -391px;
-}
-
-[dir=rtl] #menu-obje-link-sour {
-	background-position: right -391px;
-}
-
-/* Repository */
-#menu-repo-addfav {
-	background-position: left -736px;
-}
-
-[dir=rtl] #menu-repo-addfav {
-	background-position: right -736px;
-}
-
-#menu-repo-del {
-	background-position: left -713px;
-}
-
-[dir=rtl] #menu-repo-de {
-	background-position: right -713px;
-}
-
-#menu-repo-edit {
-	background-position: left -897px;
-}
-
-[dir=rtl] #menu-repo-edit {
-	background-position: right -897px;
-}
-
-#menu-repo-editraw {
-	background-position: left -667px;
-}
-
-[dir=rtl] #menu-repo-editraw {
-	background-position: right -667px;
-}
-
-/* Source */
-#menu-sour-addfav {
-	background-position: left -736px;
-}
-
-[dir=rtl] #menu-sour-addfav {
-	background-position: right -736px;
-}
-
-#menu-sour-del {
-	background-position: left -713px;
-}
-
-[dir=rtl] #menu-sour-del {
-	background-position: right -713px;
-}
-
-#menu-sour-edit {
-	background-position: left -782px;
-}
-
-[dir=rtl] #menu-sour-edit {
-	background-position: right -782px;
-}
-
-#menu-sour-editraw {
-	background-position: left -667px;
-}
-
-[dir=rtl] #menu-sour-editraw {
-	background-position: right -667px;
-}
-
-/* Stories */
-#menu-story-sub {
-	background-position: left -920px;
-}
-
-[dir=rtl] #menu-story-sub {
-	background-position: right -920px;
-}
-
-/* ===== */
-/* User Links Menu */
-
-#header-user-links {
-	float: right;
-	margin: 10px 10px 4px 0;
-}
-
-.makeMenu li {
-	display: inline;
-	position: relative;
-	white-space: nowrap;
-}
-
-.makeMenu li:before {
-	content: " | ";
-}
-
-.makeMenu li ul {
-	background-color: #eee;
-	border: thin solid #aaa;
-	display: none;
-	left: 0;
-	position: absolute;
-	top: 1.1em !important;
-}
-
-.makeMenu li ul li {
-	display: block;
-	text-align: left;
-}
-
-.makeMenu li ul li a {
-	color: #333;
-	padding: 2px 5px 2px 2px !important;
-}
-
-.makeMenu,
-.makeMenu li ul {
-	list-style: none;
-	margin-left: 0 !important;
-	padding: 1px;
-	top: 5px;
-}
-
-.makeMenu li:hover > ul {
-	display: block;
-}
-
-.makeMenu li a {
-	color: #039;
-}
-
-.makeMenu li a:hover {
-	color: #f5003d;
-}
-
-.makeMenu ul li a {
-	background-color: #fff;
-	display: block;
-	padding: 0 5px !important;
-}
-
-.makeMenu ul li a:hover {
-	background: #c8e7ff;
-	color: #000;
-}
-
-li a.link {
-	font-size: 13px;
-	margin-left: 5px;
-	margin-right: 5px;
-}
-
-.makeMenu li ul li:before,
-.makeMenu li:first-child:before {
-	content: "";
-}
-
-.lang-active,
-.theme-active {
-	color: #006;
-	font-weight: 900;
-}
-
-[dir=rtl] .makeMenu li ul {
-	left: auto;
-	right: -20px !important;
-}
-
-[dir=rtl] .makeMenu li ul li {
-	text-align: right;
-}
-
-/* Tbl hdrs and Light Text */
-
-.descriptionbox,
-.topbottombar,
-.topbottombar a,
-.list_label,
-.list_label a,
-.facts_label,
-.facts_label a,
-.facts_label .date,
-.facts_label03,
-.facts_table h2,
-.facts_table .descriptionbox a,
-.blockcontent .facts_label {
-	background-color: #95b8e0;
-	color: #039;
-}
-
-/* Base Color */
-.descriptionbox .submenu a,
-.blockcontent,
-.list_value,
-.list_value_wrap,
-.news_box,
-.submenuitem_hover {
-	background: #fff;
-}
-
-/* Link Color */
-a {
-	color: #039;
-	text-decoration: none;
-}
-
-a:link,
-a:visited,
-a:active,
-a:hover,
-.menuitem a,
-.nameZoom {
-	color: #039;
-}
-
-a:hover,
-a.link:hover {
-	color: #f00;
-	text-decoration: none;
-}
-
-:focus {
-	outline-style: none;
-}
-
-.subheaders {
-	color: #006;
-}
-
-/* Edit Facts */
-td.descriptionbox div a {
-	color: #fff;
-}
-
-/* End Edit Facts */
-.facts_label .submenu a {
-	background: #fff;
-	color: #000;
-}
-
-hr {
-	margin-top: 5px;
-}
-
-h2 {
-	font-size: 18px;
-	font-weight: bold;
-}
-
-h4 {
-	font-weight: bold;
-}
-
-.center, .alpha_index {
-	margin: 12px 0;
-}
-
-p.center a {
-	font-size: 13px;
-}
-
-p.center a:hover,
-p.center span.warning,
-td.list_label span.warning {
-	color: #f50;
-	font-size: 13px;
-}
-
-table.header {
-	margin: 0;
-	padding: 0 10px;
-	width: 100%;
-}
-
-div.error {
-	color: #d00;
-	font-weight: 600;
-}
-
-p.center .warning,
-tr td.optionbox span.error,
-span.error {
-	color: #f50;
-}
-
-.error,
-.warning,
-.red,
-td.descriptionbox div div div a:hover {
-	color: #f00;
-}
-
-td.descriptionbox .submenu a,
-td.descriptionbox div div div a {
-	color: #000;
+	padding-top: 10px;
 }
 
-/* Rounded corners */
+/* ====== Round Corners ======== */
+input,
+textarea,
+fieldset,
+.border1,
 .block,
 .descriptionbox,
 .facts_label,
@@ -1192,508 +72,206 @@ td.descriptionbox div div div a {
 .person3,
 .person4,
 .person5,
-#sidebar,
-.topbottombar,
-#save-cancel {
+.primary-menu ul,
+.secondary-menu li ul,
+footer,
+#indi_main_blocks,
+#tabs,
+#save-cancel,
+.topbottombar {
 	border-radius: 3px;
 }
 
-#pid {
-	color: #333;
-	background: #ffc;
-}
-
-footer {
-	clear: both;
-	text-align: center;
-}
-
-/* ======= Block styles ========== */
-#index_main_blocks {
-	clear: none;
-	float: left;
-	width: 66%;
-}
-
-#index_small_blocks {
-	clear: none;
-	float: right;
-	width: 33%;
-}
-
-#index_full_blocks {
-	clear: none;
-	width: 100%;
-}
-
-#index_small_blocks .name1 {
-	color: #333;
-}
-
-[dir=rtl] #index_main_blocks {
-	float: right;
-}
-
-[dir=rtl] #index_small_blocks {
-	float: left;
-}
-
-#random_picture {
-	text-align: center;
-}
-
-#random_picture_box {
-	width: 100%;
-}
-
-.small_inner_block {
-	max-height: 200px;
-	overflow: auto;
-}
-
-.block {
-	color: #000;
-	margin-bottom: 5px;
-	padding: 1px;
-	vertical-align: top;
-}
-
-.blockcontent {
-	border: solid #999 1px;
-	margin-bottom: 10px;
-	margin-left: auto;
-	margin-right: 2px;
-	overflow: auto;
-	padding: 5px;
-}
-
-.blockheader {
-	width: 100%;
-	padding: 0;
-	margin: 0;
-	border-collapse: collapse;
-}
-
-img {
-	border: 0 none;
-}
-
-img.block {
-	height: 25px;
-}
-
-.line1,
-.line2,
-.line3 {
-	vertical-align: middle;
-}
-
-#hourglass_chart img.line4 {
-	vertical-align: middle;
-}
-
-.line5 {
-	vertical-align: top;
-}
-
-.blockh1 {
-	background: url(images/left1B.png) no-repeat;
-	height: 24px;
-	width: 26px;
-	padding: 0;
-}
-
-.blockh2 {
-	background: url(images/left2.png) repeat-x;
-	font-size: 13px;
-	font-weight: 700;
-	padding: 0;
-}
-
-.blockh3 {
-	background: url(images/left3.png) no-repeat;
-	height: 24px;
-	width: 8px;
-	padding: 0;
-}
-
-.blockhc {
-	padding: 3px 3px 0;
-}
-
-.blockhc img {
-	padding-right: 3px;
-}
-
-[dir=rtl] .blockh1 {
-	background-image: url(images/right1B.png);
-}
-
-[dir=rtl] .blockh3 {
-	background-image: url(images/right3.png);
+/* ios on click workaround */
+.iconz {
+	cursor: pointer;
 }
 
-[dir=rtl] .blockhc {
-	padding: 3px 0 0 3px;
+input:required:valid,
+textarea: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;
 }
 
-[dir=rtl] .blockhc img {
-	padding-left: 3px;
+input:required:invalid,
+textarea: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;
 }
 
-#index_title {
-	float: left;
+[dir=rtl] input:required:valid,
+[dir=rtl] textarea:required:valid,
+[dir=rtl] input:required:invalid,
+[dir=rtl] textarea:required:invalid {
+	background-position: left top;
 }
 
-#main_select,
-#available_select,
-#right_select {
-	min-width: 150px;
+a {
+	color: #039;
+	text-decoration: none;
 }
 
-.user_welcome_block table,
-.gedcom_block_block table {
-	margin: auto;
+a:hover {
+	color: #f00;
+	text-decoration: none;
 }
 
-.user_welcome_block td,
-.gedcom_block_block td {
-	width: 33%;
-	text-align: center;
-	vertical-align: top;
+:focus {
+	outline-style: none;
 }
 
-#link_change_blocks {
+#flash-messages {
 	clear: both;
-	margin: 0 auto;
-	padding: 25px 0 0;
-	text-align: center;
-	width: 400px;
-}
-
-#link_change_blocks span {
-	padding: 0 50px;
-}
-
-#link_change_blocks span span {
-	padding: 0 3px;
 }
 
-/*-- charts layout --*/
-
-#ancestry_chart table div p {
-	font-size: 90%;
-	margin: 0;
-}
-
-#ancestry_chart span.details1 div[class^="fact_"] {
-	display: inline-block;
-}
-
-#ancestry_chart ul {
-	background-image:url(images/vline.png);
-	background-position:left top;background-repeat:repeat-y;
-	display: block;
-	list-style: none;
-	margin: 0 0 0 15px;
-	padding-bottom: 0;
-	padding-right: 0;
-	padding-top: 3px;
-}
-
-#ancestry_chart li {
-	list-style: none;
-	margin: 0 0 2px -13px;
-	padding-bottom: 0;
-	padding-right: 0;
-	padding-top: 0;
-}
-
-#ancestry_chart li table {
-	margin: 5px 0;
-}
-
-[dir=rtl] #ancestry_chart ul {
-	background-position: right top;
-	margin: 0 15px 0 0;
-	left: auto;
-}
-
-[dir=rtl] #ancestry_chart li {
+dl {
 	margin: 0;
-	padding: 0 2px 0 0;
-	left: auto;
-}
-
-#descendancy_chart ul {
-	background-image:url(images/vline.png);
-	background-position:left top;background-repeat:repeat-y;
-	list-style: none;
-	margin: 0 0 5px 20px;
-	padding-top: 0;
-	padding-right: 0;
-	padding-bottom: 0;
-}
-
-#descendancy_chart li {
-	list-style: none;
-	margin: 5px 0 0 -15px;
-	padding-top: 0;
-	padding-right: 0;
-	padding-bottom: 0;
 }
 
-#descendancy_chart span.details1 div[class^="fact_"] {
-	display: inline-block;
-}
-
-#descendancy_chart td.details1 {
-	padding-top: 5px;
-}
-
-[dir=rtl] #descendancy_chart ul {
-	background-position: right top;
-	margin: 0 15px 0 0;
-	left: auto;
+dt {
+	float: left;
+	font-weight: bold;
+	margin-right: 10px;
 }
 
-#familybook_chart {
+[dir=rtl] dt {
+	float: right;
+	margin-right: auto;
 	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 img.line4 {
-	width: 7px;
-	vertical-align: middle;
-}
-
-[ID^="vline"] {
-	width: 3px;
+h2 {
+	color: #006;
+	font-size: 18px;
+	font-weight: bold;
+	margin: 14px 0;
 }
 
-#familybook_chart h3 {
-	font-size: 16px;
-	text-align: center;
+h4 {
+	color: #006;
+	font-size: 12px;
+	font-weight: bold;
 }
 
-#relationship-page h3 {
-	margin: 20px 0 0 20px;
+th {
+	font-weight: 100;
 }
 
-#relationship_chart {
-	margin: 0 20px;
+ul {
+	padding-left: 15px;
+	padding-right: 15px;
+	margin: 8px;
 }
 
-.tdtop {
-	vertical-align: top;
+img {
+	border: 0;
 }
 
-.tdmid {
+legend img {
+	height: 20px;
 	vertical-align: middle;
+	width: 20px;
 }
 
-.tdbot,
-.tvertline {
-	vertical-align: bottom;
-}
-
-[dir=rtl] #familybook_chart {
-	margin-right: 10px;
-}
-
-/*-- pedigree chart specific stylesheets --*/
-#pedigree-page table.list_table {
-	margin: 0 auto;
-	width: 500px;
-}
-
-.pedigree_chart_table {
+img.block,
+#mycart img {
 	border: 0;
-	border-collapse: collapse;
-	padding: 0;
-	width: 100%;
-}
-
-#pedigree_chart {
-	position: relative;
-	top: -200px;
-	left: 0;
-	z-index: 1;
-}
-
-[dir=rtl] #pedigree_chart {
-	left: auto;
-	right: 0;
-}
-
-#pedigree_canvas {
-	color: #8bf;
-	position: absolute;
-	top: 200px;
-	z-index: -1000;
-}
-
-#pedigree_chart #childarrow,
-#pedigree_chart #uparrow,
-#pedigree_chart .shadow,
-.ancestorarrow {
-	position: absolute;
-}
-
-#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 {
-	/*	font-weight: normal;*/
-	display: block;
-	margin-left: 5px;
-}
-
-#hourglass_chart table,
-.charts_block table {
-	border-collapse: collapse;
-}
-
-#hourglass_chart td,
-.charts_block td {
-	padding: 0;
-	empty-cells: show;
-}
-
-#pedigree_chart #childbox {
-	border: 1px solid;
-	background-color: #fff;
-}
-
-#relationship_chart {
-	z-index: 1;
-}
-
-#timeline_chart {
-	position: relative;
-	top: 50px;
-	left: 0;
+	height: 25px;
+	vertical-align: middle;
 }
 
-#compact_chart,
-#fan_chart,
-#ancestry_chart,
-#familybook_chart,
-#hourglass_chart {
-	margin: 20px;
+input,
+button,
+textarea {
+	border-width: 1px;
+	border-color: #fff #006 #006 #fff;
+	font-size: 12px;
 }
 
-.fan_chart_menu {
-	position: absolute;
-	display: none;
-	z-index: 100;
+input,
+textarea {
+	padding: 3px;
 }
 
-#fan_chart ul {
-	list-style-type: none;
-	margin: 0;
+textarea {
+	border-style: inset;
 }
 
-#fan_chart ul.children li:before {
-	content: "< ";
+.topbottombar {
+	font-size: 12px;
 	font-weight: bold;
+	padding: 4px;
+	text-align: center;
 }
 
-#fan_chart_img {
-	text-align: center;
+fieldset {
+	margin: 8px 8px 4px;
+	text-align: left;
 }
 
-.topheader {
-	color: #888;
-	margin: 0;
-	white-space: nowrap;
+[dir=rtl] fieldset {
+	text-align: right;
 }
 
-ul {
-	margin: 8px;
-	padding-left: 15px;
-	padding-right: 15px;
+legend {
+	font-weight: bold;
 }
 
-.center {
-	text-align: center;
+select {
+	border: 1px solid #ccc;
+	font-size: 12px;
+	margin: 0 7px;
+	padding: 1px;
 }
 
-table.center {
-	margin-left: auto;
-	margin-right: auto;
+header form {
+	font-size: 12px;
 }
 
-th {
-	font-weight: 100;
+#mycart a img {
+	height: 15px;
 }
 
 .button {
 	width: 60px;
 }
 
-/* person boxes are used in various charts */
+.alpha_index {
+	color: #006;
+}
 
-.person_box,
-.person_boxF,
-.person_boxNN {
-	border: 1px solid #aaa;
-	padding: 3px;
+hr {
+	margin-top: 5px;
+	border-color: #006;
 }
 
 .person_box {
 	background: #ddf;
+	border: 1px solid #8bf;
+	padding: 3px;
 }
 
 .person_boxF {
 	background: #fdd;
+	border: 1px solid #8bf;
+	padding: 3px;
 }
 
 .person_boxNN {
 	background: #fff;
+	border: 1px solid #8bf;
+	padding: 3px;
+}
+
+.person_box:target,
+.news_box:target,
+#gedcom_stats:target {
+	background-color: #ffc;
 }
 
 .person_box_lifespan {
 	display: inline;
 }
 
-/* families tab */
+/* families tab person box */
 #relatives_content .person_box > .person_box,
 #relatives_content .person_boxF > .person_boxF,
 #relatives_content .person_boxNN > .person_boxNN {
@@ -1701,12 +279,13 @@ th {
 	min-height: 50px;
 }
 
-.action_headerF {
-	background: #fdd;
+.center {
+	text-align: center;
 }
 
-.action_header {
-	background: #ddf;
+table.center {
+	margin-left: auto;
+	margin-right: auto;
 }
 
 .list_table {
@@ -1714,52 +293,29 @@ th {
 }
 
 .list_label,
-.list_label_wrap,
-.list_value,
-.list_value_wrap {
-	border: 1px solid #999;
-}
-
-.list_value_wrap p {
-	margin: 10px 0;
-}
-
-.list_label,
 .list_label_wrap {
-	color: #fff !important;
-	font-weight: 700;
+	color: #fff;
+	font-size: 12px;
+	border: 1px solid #999;
+	font-weight: bold;
 	text-align: center;
-	vertical-align: text-top;
-	white-space: normal;
 }
 
 .list_value,
 .list_value_wrap {
-	padding: 1px;
-	text-align: left;
+	background-color: #edf7f9;
+	font-size: 12px;
+	border: solid #999 1px;
 	vertical-align: top;
 }
 
-[dir=rtl] .list_value,
-[dir=rtl] .list_value_wrap {
-	text-align: right;
-}
-
 .list_label,
 .list_value {
 	white-space: nowrap;
 }
 
-table.width66 {
-	margin-left: auto;
-	margin-right: auto;
-}
-
 .list_label_wrap,
 .list_value_wrap {
-	background-color: #ecf5ff;
-	border: 1px solid #84beff;
-	color: #006;
 	white-space: normal;
 }
 
@@ -1769,17 +325,12 @@ table.width66 {
 
 .facts_table {
 	width: 100%;
-	padding: 0;
 }
 
 div.fact_SHARED_NOTE {
 	clear: both;
 }
 
-.tabs_table {
-	max-width: 98%;
-}
-
 .facts_label {
 	border: 1px solid #acf;
 	padding: 4px;
@@ -1788,92 +339,100 @@ div.fact_SHARED_NOTE {
 }
 
 .facts_label03 {
-	font-weight: bold;
 	padding: 4px;
 	text-align: center;
+	font-weight: bold;
 }
 
 .facts_value {
 	background: #fff;
-	border: 1pt solid #999;
+	font-size: 12px;
+	border: solid #999 1px;
 	padding: 4px;
-	color: #039;
+}
+
+.facts_label .submenu a {
+	background: #fff;
+	color: #000;
 }
 
 .quickfacts a {
-	font-size: 9px;
 	padding: 0 3px;
+	font-size: 9px;
+}
+
+.tabs_table {
+	width: 99%;
 }
 
 .name1,
 .name2 {
-	font-weight: 700;
-	overflow: hidden;
+	font-weight: bold;
 	font-size: 12px;
 }
 
-a:hover .name1,
-a:hover .name2 {
+a:hover .name1, a:hover .name2 {
 	color: #f00;
-	font-weight: 700;
+	font-weight: bold;
 	font-size: 12px;
 }
 
-.nameZoom {
-	font-size: 14px;
-	text-decoration: none;
-	font-weight: 700;
-	overflow: hidden;
-}
-
 a:hover .nameZoom {
-	font-size: 14px;
 	color: #f00;
-	font-weight: 700;
+	font-size: 14px;
+	font-weight: bold;
 }
 
 .details0,
 .details1 {
-	text-decoration: none;
 	font-size: 11px;
 }
 
 .details2 {
-	font-size: 11px;
-	text-decoration: none;
 	color: #006;
-	font-weight: bold;
+	font-size: 12px;
 }
 
 .nameZoom {
+	color: #006;
 	font-size: 14px;
 	font-weight: bold;
-	text-decoration: none;
 }
 
-a:hover .nameZoom {
+.details_label {
 	font-weight: bold;
-	font-size: 14px;
-	color: red;
+}
+
+.name_head {
+	color: #333;
+	font-size: 16px;
+	font-weight: bold;
+	line-height: 2;
+	padding: 0 5px;
 }
 
 .date {
 	color: #039;
-	font-weight: bold;
 }
 
 .label {
 	font-weight: bold;
 }
 
-.error,
-.largeError {
+.error {
+	color: #d00;
 	font-weight: bold;
 }
 
 .largeError {
 	color: #d00;
-	font-size: 24px;
+	font-size: large;
+	font-weight: bold;
+}
+
+.warning {
+	color: #f00;
+	font-weight: bold;
 }
 
 .indent {
@@ -1892,35 +451,37 @@ a:hover .nameZoom {
 }
 
 .gender_image {
-	padding-left: 3px;
-	padding-right: 3px;
+	margin: 0 3px;
 	border: 0;
 	vertical-align: middle;
 }
 
-.pedigree_form {
-	width: 60px;
-}
-
 .thumbnail {
 	height: auto;
-	padding: 5px;
+	padding: 3px;
 }
 
-.link {
-	font-size: 11px;
-	text-align: center;
+.icon {
+	border: 0;
+	padding: 0 5px
 }
 
 .sublinks_cell {
-	background: #9be;
+	background-color: #9be;
+	font-size: 12px;
+}
+
+.submenu .icon {
+	vertical-align: middle;
+	width: 20px;
+	height: 20px;
 }
 
 .subheaders {
-	font-size: 16px;
+	color: #006
 	font-weight: bold;
-	padding: 10px;
-	margin: 15px 0 0 15px;
+	font-size: 15px;
+	margin-top: 15px;
 	vertical-align: bottom;
 }
 
@@ -1937,33 +498,86 @@ a:hover .nameZoom {
 	display: none;
 }
 
-.contact_links {
-	margin: 15px 0;
-	text-align: center;
-}
-
-.hit-counter {
-	background: #000;
-	color: #fff;
-	font-weight: bold;
+.selected-option {
+	background-color: #cef;
 }
 
 .border1 {
 	border: solid #000 1px;
 }
 
-.theme_form {
-	margin-top: 0;
-	font-size: 14px;
+.menuitem {
+	text-decoration: none;
+	font-size: 11px;
+	padding: 1px;
 }
 
-.theme_form option,
-.color_form option {
-	margin: 3px;
+.menuitem_hover {
+	text-decoration: none;
+	font-size: 11px;
+	padding: 1px;
 }
 
-.selected-option {
-	background: #cef;
+.menuitem .icon, .menuitem_hover .icon {
+	width: 50px;
+	height: 50px;
+}
+
+.submenu {
+	text-decoration: none;
+	font-size: 11px;
+	background-color: #fff;
+	border: solid #ccc 1px;
+	visibility: hidden;
+	position: absolute;
+	padding: 5px;
+}
+
+.submenuitem  {
+	vertical-align: middle;
+	font-size: 11px;
+	height: 20px;
+	text-decoration: none;
+	background-color: #fff;
+	padding: 1px;
+	white-space: nowrap;
+}
+
+.submenuitem_hover {
+	vertical-align: middle;
+	height: 20px;
+	font-size: 11px;
+	background-color: #fff;
+	border: 1px solid #ccc;
+	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 {
+	border-top: solid #ccc 1px;
+}
+
+.news_title {
+	color: #000;
+	font-weight: bold;
+	font-size: 14px;
+}
+
+.news_date {
+	color: #000;
+	margin-bottom: 12px;
 }
 
 .current_day {
@@ -1980,95 +594,103 @@ a:hover .nameZoom {
 	direction: rtl;
 	float: right;
 	color: #00f;
-	font-weight: 700;
+	font-weight: bold;
 }
 
-.helpheader {
-	text-align: left;
+.helpcontent {
+	margin-left: 10px;
+	margin-right: 10px;
 }
 
 .helpcontent dt {
 	clear: both;
 }
 
-.block {
-	color: #000;
+#my-page h1 {
+	margin: 0.25em auto 0.6em;
+}
+
+.tdtop {
 	vertical-align: top;
 }
 
-.submenuitem {
-	height: 20px;
-	color: #555;
-	text-decoration: none;
-	font-size: 11px;
-	background-color: #fff;
-	border: 1px solid #ccc;
-	padding: 3px 3px 0;
-	white-space: nowrap;
+.tdmid {
+	vertical-align: middle;
 }
 
-.submenuitem_hover {
-	height: 20px;
-	font-size: 11px;
-	white-space: nowrap;
-	border: 1px solid #ccc;
-	padding: 3px 3px 0;
+.tdbot,
+.tvertline {
+	vertical-align: bottom;
 }
 
-.journal_box {
-	padding: 3pt;
-	border: thin solid #aaa;
-	overflow: visible;
+.line1,
+.line2,
+.line3 {
+	vertical-align: middle;
 }
 
-.news_box {
-	padding: 5pt 5px;
-	border-top: solid #ccc 1px;
+.line5 {
+	vertical-align: top;
 }
 
-.news_title {
-	color: #000;
-	font-size: 13px;
-	font-weight: 700;
+#childbox {
+	padding: 5px;
+	position: absolute;
+	display: none;
+	text-align: start;
+	white-space: nowrap;
+	top: 20px;
+	left: 0;
 }
 
-.news_date {
-	color: #000;
-	margin-bottom: 12px;
+[dir=rtl] #childbox {
+	left: auto;
+	right: 0;
+}
+
+.layout3 #childbox {
+	top: auto;
+	bottom: 20px;
+}
+
+#childbox a.name1 {
+	/*	font-weight: normal;*/
+	display: block;
+	margin-left: 5px;
 }
 
 .person0 {
-	background: #ddf;
+	background-color: #ddf;
 	border: outset #999 1px;
 	vertical-align: top;
 }
 
 .person1 {
-	background: #afa;
+	background-color: #afa;
 	border: outset #afa 1px;
 	vertical-align: top;
 }
 
 .person2 {
-	background: #faa;
+	background-color: #faa;
 	border: outset #faa 1px;
 	vertical-align: top;
 }
 
 .person3 {
-	background: #aad;
+	background-color: #aad;
 	border: outset #55f 1px;
 	vertical-align: top;
 }
 
 .person4 {
-	background: #f55;
+	background-color: #f55;
 	border: outset #f55 1px;
 	vertical-align: top;
 }
 
 .person5 {
-	background: #5f5;
+	background-color: #5f5;
 	border: outset #5f5 1px;
 	vertical-align: top;
 }
@@ -2078,47 +700,7 @@ a:hover .nameZoom {
 	color: #555;
 }
 
-input,
-button,
-textarea {
-	border-width: 1px;
-	border-color: #fff #006 #006 #fff;
-	font-size: 12px;
-	font-family: inherit;
-}
-
-input,
-textarea {
-	padding: 0 3px;
-}
-
-button,
-input[type="submit"],
-input[type="reset"],
-input[type="button"],
-input[type="file"] {
-	border: 1px solid #cbc7bd;
-	color: #654b24;
-	font-weight: 700;
-	border-radius: 3px;
-	font-size: 10px;
-	padding: 0 3px;
-}
-
-.optionbox input {
-	margin-right: 5px;
-}
-
-[dir=rtl] .optionbox input {
-	margin-left: 5px;
-}
-
-select {
-	border: 1px solid #ccc;
-}
-
 .formField {
-	width: 140px;
 	font-size: 12px;
 }
 
@@ -2127,117 +709,43 @@ select {
 }
 
 .search_hit {
-	background: #ff0;
-	color: #000;
+	background-color: #ff0;
 }
 
 .search_item {
 	font-weight: 600;
 }
 
-.search-icon {
-	height: 17px;
-	vertical-align: top;
-}
-
-.topbottombar {
-	font-weight: bold;
-	padding: 4px;
-	text-align: center;
-}
-
 .descriptionbox {
-	border: 1px solid #9be;
+	font-size: 12px;
+	border: 1px solid #ccc;
 	vertical-align: top;
 	padding: 3px;
 }
 
 .optionbox {
+	font-size: 12px;
 	background-color: #ecf5ff;
-	border: 1px solid #8bf;
 	color: #006;
-	font-size: 11px;
-	padding: 3px;
+	border: solid #ccc 1px;
 	vertical-align: top;
 	white-space: nowrap;
+	padding: 3px;
 }
 
 .vmiddle {
 	vertical-align: middle;
 }
 
+.red {
+	color: #f00;
+}
+
 .rela,
 .histo {
 	opacity: 0.8;
 }
 
-#index .user_messages td {
-	border: 1px #999 solid;
-	padding: 2px;
-}
-
-.sex_image {
-	height: 9px;
-	width: 9px;
-	padding-left: 3px;
-	padding-right: 3px;
-	border: 0;
-	vertical-align: middle;
-}
-
-fieldset {
-	padding: 30px;
-	margin: 8px 8px 4px;
-	text-align: left;
-}
-
-[dir=rtl] fieldset {
-	text-align: right;
-}
-
-fieldset ol,
-fieldset li {
-	margin: 2px 0 0 5px;
-}
-
-[dir=rtl] fieldset ol,
-fieldset li {
-	margin: 2px 5px 0 0;
-}
-
-div.blockhc a:hover {
-	background: transparent;
-}
-
-legend {
-	font-weight: bold;
-}
-
-.details_label {
-	font-weight: bold;
-}
-
-.name_head {
-	color: #333;
-	font-weight: bold;
-	font-size: 16px;
-	line-height: 2;
-	padding: 0 5px;
-}
-
-form .rtl {
-	text-align: right;
-}
-
-.ltr {
-	text-align: left;
-}
-
-.rtl {
-	text-align: right;
-	direction: rtl;
-}
-
 .width10 {
 	width: 10%;
 }
@@ -2250,14 +758,14 @@ form .rtl {
 	width: 25%;
 }
 
-.width33 {
-	width: 33%;
-}
-
 .width30 {
 	width: 30%;
 }
 
+.width33 {
+	width: 33%;
+}
+
 .width40 {
 	width: 40%;
 }
@@ -2298,11 +806,16 @@ form .rtl {
 	font-size: 9px;
 }
 
+.font11 {
+	font-size: 11px;
+}
+
 .messagebox {
-	background: #dfeeff;
+	background-color: #c2ceef;
+	border: solid #ccc 1px;
 }
 
-/* Pending edits - TODO perhaps show differently in different contexts? */
+/* ---Pending edits--- */
 .new {
 	border: solid blue 1px;
 	overflow: hidden;
@@ -2310,19 +823,18 @@ form .rtl {
 
 .old {
 	border: solid red 1px;
-	overflow: hidden
+	overflow: hidden;
 }
 
 a.showit {
 	position: relative;
 	z-index: 24;
-	color: #000;
 	text-decoration: none;
 }
 
 a.showit:hover {
 	z-index: 25;
-	background: #ff9;
+	background-color: #ff9;
 	cursor: crosshair;
 }
 
@@ -2331,97 +843,67 @@ a.showit > span {
 }
 
 a.showit:hover > span {
-	background: #444;
-	border-bottom: 2px solid #000;
-	border-left: 15px outset #111;
-	border-right: 2px solid #000;
-	border-top: 2px solid #111;
-	color: #fff;
 	display: block;
-	font-size: 15px;
-	left: 0;
-	opacity: .85;
-	padding: 3px;
 	position: absolute;
-	text-align: left;
 	top: 22px;
-	white-space: normal;
+	left: 0;
 	width: 225px;
+	border: 2px solid #000;
+	border-left: 15px outset;
+	padding: 3px;
+	background-color: #444;
+	color: #fff;
+	font-size: 15px;
+	text-align: left;
+	opacity: .85;
 	z-index: 5;
 }
 
-.lifespan_outer {
-	position: relative;
-	width: 99.5%;
-	height: 600px;
-	overflow: hidden;
-	border: solid #00f 1px;
-}
-
-.lifespan_outer a {
-	color: #000;
-}
-
-.lifespan_outer a:hover {
-	color: #f00;
-	text-decoration: none;
-}
-
-.lifespan_people span:first-letter {
-	font-variant: small-caps;
-	font-weight: bold;
-	font-size: 16px;
-	padding: 1px;
-}
-
-.lifespan_people {
-	position: absolute;
-	width: 500px;
-	left: -10px;
-	top: -60px;
-	z-index: 1;
+.tag_cloud {
+	text-align: center;
 }
 
-.lifespan_timeline {
-	position: absolute;
-	width: 100%;
-	left: -10px;
-	top: -65px;
-	z-index: 2;
-	background: #fff;
+.tag_cloud a {
+	white-space: nowrap;
 }
 
+/* ---Autocomplete styles--- */
 .ui-autocomplete-input {
-	background: #eea;
-}
-
-.ui-autocomplete-loading {
-	background: #fff url(images/indicator.gif) right center no-repeat;
+	background-color: #eea;
 }
 
 .ui-autocomplete {
+	padding: 0;
 	border: 1px solid #000;
-	background: #fff;
+	background-color: #fff;
 	z-index: 99999;
-	padding: 0;
 	list-style: none outside none;
 	margin: 0;
 	max-height: 200px;
-	overflow-y: auto;
+	overflow-x: hidden;
+	overflow-y: scroll;
 }
 
 .ui-autocomplete li {
+	margin: 0;
+	padding: 2px 5px;
+	font-size: 12px;
 	cursor: default;
 	display: block;
+	/* if width will be 100% horizontal scrollbar will apear when scroll mode will be used */
+	/* width: 100%; */
 	font: menu;
+	/* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox */
 	line-height: 14px;
 	overflow: hidden;
-	margin: 0;
-	padding: 2px 5px;
+}
+
+.ui-autocomplete-loading {
+	background: #fff url(images/indicator.gif) right center no-repeat;
 }
 
 .ui-autocomplete li:nth-child(odd) {
-	background: #eee;
+	background-color: #eee;
 }
 
 .ui-autocomplete a.ui-state-focus {
@@ -2436,9 +918,7 @@ a.showit:hover > span {
 	display: none;
 }
 
-.sublinks_cell .submenuitem {
-	background: #fff;
-}
+/* ---End of Autocomplete styles--- */
 
 .nowrap {
 	white-space: nowrap;
@@ -2452,50 +932,46 @@ a.showit:hover > span {
 	text-align: center;
 }
 
-.gchart {
-	border: 1px solid #999;
-}
-
-.execution_stats {
-	padding: 12px;
+.center2 {
 	text-align: center;
 }
 
-.tag_cloud a {
-	white-space: nowrap;
+.gchart {
+	border: solid #999 1px;
 }
 
-.clearfloat {
-	clear: both;
+/* ---Find special characters--- */
+.largechars {
+	font-family: monospace;
+	font-size: 200%;
 }
 
-dl {
-	margin: 0;
+#facts_content dd {
+	float: left;
+	width: 70%;
 }
 
-dt {
-	float: left;
-	font-weight: bold;
-	margin-right: 10px;
+.clearfloat {
 	clear: both;
 }
 
-[dir=rtl] dt {
-	float: right;
-	margin-right: auto;
-	margin-left: 10px;
+/* this keeps the tag color the same when it is a link as when not */
+
+.place {
+	padding-top: 5px;
 }
 
 #pending h2 {
-	margin-bottom: 20px;
 	text-align: center;
+	margin-bottom: 20px;
 }
 
 #pending h3 {
-	margin-top: 20px;
 	text-align: center;
+	margin-top: 20px;
 }
 
+/* ======== Person box ======= */
 .gedcom_favorites_block,
 .user_favorites_block,
 .person_box_template {
@@ -2524,11 +1000,11 @@ dt {
 	height: auto;
 }
 
-.person_box_template .namedef i {
+.person_box_template .namedef i[class^="icon-sex"] {
 	margin-left: 3px;
 }
 
-[dir=rtl] .person_box_template .namedef i {
+[dir=rtl] .person_box_template .namedef i[class^="icon-sex"] {
 	margin-right: 3px;
 }
 
@@ -2540,17 +1016,17 @@ dt {
 	float: left;
 }
 
+.person_box_template .inout {
+	clear: both;
+	display: none;
+}
+
 .person_box_template .noprint {
 	width: 25px;
 	height: 50px;
 	position: relative;
 }
 
-.person_box_template .inout {
-	clear: both;
-	display: none;
-}
-
 .person_box_template .chart_textbox {
 	overflow: hidden;
 }
@@ -2567,7 +1043,7 @@ dt {
 [dir=rtl] .person_box_template img,
 [dir=rtl] .person_box_template a.gallery {
 	float: right;
-	margin: 0 0 0 3px;
+	margin: 0 0 0 4px;
 }
 
 .person_box_template i[class^="icon-silhouette"] {
@@ -2578,110 +1054,83 @@ dt {
 	float: right;
 }
 
-/* ============= Statistics block ============ */
-.gedcom_stats_block table td {
-	vertical-align: top;
-}
-
-.gedcom_stats_block table td td {
-	vertical-align: middle;
-}
-
-.gedcom_stats_block td .stats_value {
-	text-align: center;
-}
-
-/* ============= 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;
-}
-
-/* ======= 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;
+#branches-page table,
+#medialist-page .list_table,
+#medialist-page .list_table_controls {
+	margin: 0 auto;
 }
 
-.add_fav_head i {
-	margin: 0 5px 1px;
+#medialist-page form .list_table {
+	width: 75%;
 }
 
-.add_fav_ref p {
-	margin: 5px 0;
+#medialist-page div .list_table,
+#medialist-page .media-col,
+#medialist-page .media-col1,
+#medialist-page .list_value_wrap,
+#medialist-page div .list_table_controls {
+	width: 100%;
 }
 
-.add_fav_ref label {
-	display: inline-block;
-	min-width: 100px;
+#medialist-page .optionbox, 
+#medialist-page .descriptionbox {
+	width: 25%;
 }
 
-.add_fav_ref label:after {
-	content: ":";
+#medialist-page .media-col2 {
+	width: 50%;
 }
 
-.add_fav_ref input {
-	margin: 0 5px;
+#medialist-page .media-col {
+	padding-left: 5px; 
+	border: none;
 }
 
-#branches-page table,
-#medialist-page .list_table,
-#medialist-page .list_table_controls {
-	margin: 0 auto;
+[dir=rtl] #medialist-page .media-col {
+	padding-left: 0;
+	padding-right: 5px;
 }
 
-#medialist-page .list_table_controls {
-	width: 100%;
+#medialist-page .media-image {
+	vertical-align:top; 
+	white-space:normal;
 }
 
-#branches-page ol {
-	margin-left: 40px;
-	font-size: 14px;
+#medialist-page p {
+	text-align: center;
 }
 
-#surnlist {
-	margin-bottom: 20px;
+.list_table_controls td {
+	min-width: 40px;
+	text-align: center;
 }
 
-[dir=rtl] #branches-page ol {
-	margin-right: 40px;
+/* ======== medialist.php ==== */
+.makeMenu li ul {
+	border: thin solid #AAA;
+	position: absolute;
+	margin:0;
 }
 
-.list_table_controls td {
-	min-width: 40px;
+.makeMenu, .makeMenu li ul {
 	padding: 1px;
-	text-align: center;
 }
 
-#branches-page p {
-	margin: 10px;
+.makeMenu li {
+	display: inline;
+	position: relative;
+	white-space: nowrap;
 }
 
-/* ============== medialist.php ======================= */
 .lb-menu {
 	display: inline-block;
 	margin: 0;
 }
 
 .lb-menu ul {
+	display: block;
 	list-style-type: none;
+	margin: 0;
 }
 
 .lb-menu > li {
@@ -2690,6 +1139,10 @@ dt {
 	top: 0;
 }
 
+.lb-menu li:first-child {
+	padding-left: 0;
+}
+
 .lb-menu > li ul {
 	display: none;
 }
@@ -2704,24 +1157,16 @@ dt {
 }
 
 .lb-menu li a {
-	padding-top: 24px;
+	padding: 24px 10px 1px 5px;
 }
 
 .lb-menu li li a {
-	padding: 1px 10px 1px 5px;
-}
-
-.makeMenu.lb-menu li:before {
-	content: "";
-}
-
-.lb-image_edit,
-.lb-image_link {
-	padding-right: 5px;
+	background-color: #fff;
+	padding: 5px 10px 5px 5px;
 }
 
-.lb-menu > li:hover > ul {
-	top: 28px !important;
+.lb-menu li {
+	border: 0;
 }
 
 [dir=rtl] .lb-menu > li {
@@ -2740,50 +1185,19 @@ dt {
 	background: url(images/image_view.png) no-repeat 50% 20%;
 }
 
-/* ============== login.php ======================= */
-#login-form a:hover {
-	color: red;
-}
-
-#login-form div,
-#login-form div a,
-#new_passwd_form div,
-#register-form div,
-#verify-form div {
-	color: #039;
-	margin: auto;
-	padding: 5px;
+/* login.php */
+#login-register-page h2 {
 	text-align: center;
 }
 
-#login-form label input,
-#new_passwd_form label input,
-#verify-form input {
-	margin: 0 10px;
-	width: 140px;
-}
-
-#login-form label,
-#new_passwd_form label,
-#verify-form label {
-	display: block;
-	text-align: right;
-}
-
-#login-form,
-#new_passwd_form,
-#register-form,
-#verify-form {
-	background-color: #95b8e0;
-	border-radius: 3px;
-	display: inline-block;
-	margin: 10px auto 0;
-	padding: 5px;
+#login-register-page .warning {
+	margin: 20px auto;
+	text-align: center;
 }
 
 #login-register-page .back {
+	font-weight: bold;
 	font-size: 14px;
-	font-weight: 700;
 	text-align: center;
 }
 
@@ -2794,40 +1208,76 @@ dt {
 }
 
 #login-register-page .confirm p {
+	font-weight: bold;
 	font-size: 14px;
-	font-weight: 700;
 }
 
 #login-register-page .confirm p + p {
 	font-size: 12px;
-	font-weight: 400;
+	font-weight: normal;
 }
 
-#login-register-page .warning {
+#login-text,
+#register-text,
+#user-verify {
 	margin: 20px auto;
-	text-align: center;
+	width: 610px;
+	text-align: justify;
 }
 
-#login-register-page h2,
 #login-box,
-#register-box,
-#register-form div#registration-submit {
+#register-box {
 	text-align: center;
 }
 
-#login-text,
-#register-text,
-#user-verify {
-	margin: 20px auto;
-	text-align: justify;
-	width: 610px;
+#login-form,
+#new_passwd_form,
+#register-form,
+#verify-form {
+	background-color: #95b8e0;
+	border: 1px solid #999;
+	display: inline-block;
+	margin: 10px auto 0;
+	padding: 5px;
+}
+
+#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;
+	text-align: right;
+}
+
+#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 {
-	color: #039;
-	font-weight: 400;
-	margin: 5px;
+	font-weight: normal;
 	text-align: center;
 }
 
@@ -2839,8 +1289,10 @@ dt {
 #register-form label input,
 #register-form label select,
 #register-form textarea {
-	margin: 0 10px;
+background-color: #fff;
 	width: 220px;
+	margin: 0 10px;
+	padding: 3px;
 }
 
 #register-form label select {
@@ -2852,10 +1304,14 @@ dt {
 	vertical-align: top;
 }
 
+#register-form div#registration-submit {
+	text-align: center;
+}
+
 .login_block_block #login-form,
 .login_block_block #new_passwd_form {
-	background: none;
 	border: 0;
+	background: none;
 }
 
 [dir=rtl] #login-form label,
@@ -2865,10 +1321,24 @@ dt {
 	text-align: left;
 }
 
-/* ==== reportengine.php ===== */
+[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 {
-	margin: auto;
 	overflow: hidden;
+	margin: auto;
 	width: 180px;
 }
 
@@ -2882,94 +1352,72 @@ dt {
 	text-align: center;
 }
 
-#reportengine-page table {
-	margin: 20px auto;
-}
-
-.block .itr,
-#family-table .itr,
-#ancestry_chart .itr,
-#descendancy_chart .itr,
-#familybook_chart .itr,
-#hourglass_chart .itr,
-#relatives_content .itr {
-	position: relative;
-	top: 0;
-}
-
+/* styles for popup menus */
 .itr {
+	position: relative;
 	line-height: 1.5;
-	position: absolute;
 }
 
-.itr:hover .popup {
-	display: block;
+.popup {
 	position: absolute;
+	top: 20px;
 	right: 0;
-	width: 12em;
+	left: auto;
+	visibility: hidden;
+	opacity: 0;
+	transition: visibility 0s ease .25s,opacity .25s ease;
 	z-index: 9999;
+	-webkit-box-shadow: 5px 5px 5px 0 rgba(0,0,0,.4);
+	-moz-box-shadow: 5px 5px 5px 0 rgba(0,0,0,.4);
+	box-shadow: 5px 5px 5px 0 rgba(0,0,0,.4);
 }
 
-.popup {
-	display: none;
+[dir=rtl] .popup {
+	left: 0;
+	right: auto;
 }
 
 .popup ul {
-	background-image: none !important;
-	font-size: 9px;
+	white-space: nowrap;
 	list-style: none;
 	margin: 0;
 	padding: 0 10px;
+	font-size: smaller;
 }
 
-.popup li {
-	padding: 1px 5px;
+.popup > ul {
+	padding: 2px 10px;
 }
 
-.popup li span {
+.popup li .NAME {
 	padding: 0 5px;
 }
 
-.popup li ul,
-.popup li ul li,
-.popup li span span {
-	padding: 0;
+.itr:hover .popup {
+	visibility: visible;
+	opacity: 1;
+	transition-delay: 0s;
 }
 
-.itr:hover .popup {
-	display: block;
-	position: absolute;
-	width: 12em;
-	right: 0;
-	z-index: 9999;
+/* styles for FindFacts pop-up */
+#layDefinedTags,
+#tabDefinedTagsShow {
+	width: 450px;
 }
 
-[dir=rtl] .itr:hover .popup {
-	left: 0;
-	right: auto;
+#tabDefinedTags {
+	width: 430px;
 }
 
 #layDefinedTags {
-	height: 285px;
 	margin-left: auto;
 	margin-right: auto;
+	height: 285px;
 	overflow: auto;
 }
 
-/* FindFacts pop-up */
-#layDefinedTags,
-#tabDefinedTagsShow {
-	width: 450px;
-}
-
 #tabDefinedTags {
 	border-collapse: collapse;
-	width: 430px;
-}
-
-#tabDefinedTags tbody th {
-	font-weight: 700;
-	text-align: left;
 }
 
 #tabDefinedTags th,
@@ -2979,6 +1427,11 @@ dt {
 	padding: 3px;
 }
 
+#tabDefinedTags tbody th {
+	text-align: left;
+	font-weight: bold;
+}
+
 #tabDefinedTags tr.sel {
 	background-color: #d1d9ef;
 	color: #888;
@@ -2989,49 +1442,416 @@ dt {
 	color: #888;
 }
 
-#tabDefinedTagsShow td,
-#tabAction td {
-	text-align: center;
+#tabDefinedTagsShow {
+	margin-left: auto;
+	margin-right: auto;
+}
+
+#tabDefinedTagsShow td {
 	width: 50%;
+	text-align: center;
+}
+
+#tabFilterAndCustom {
+	margin-left: auto;
+	margin-right: auto;
 }
 
-#tabDefinedTagsShow,
-#tabFilterAndCustom,
 #tabAction {
 	margin-left: auto;
 	margin-right: auto;
 }
 
-.faq_italic {
-	font-size: 12px;
-	font-style: italic;
-	font-weight: 700;
-	padding: 0 10px;
+#tabAction td {
+	width: 50%;
+	text-align: center;
 }
 
-.faq_top,
-.faq_edit {
-	float: right;
+/* ======== List styles ====== */
+.source-list,
+.note-list,
+.repo-list,
+.media-list,
+.indi-list,
+.fam-list {
+	visibility: hidden;
 }
 
-div.faq_body {
-	clear: both;
-	margin: 1em 0;
-	padding: 1em;
+.surname-list,
+.givn-list {
+	margin: 5px auto;
 }
 
-div.faq_title {
-	background-color: #eee;
-	font-weight: 700;
-	margin: 1em 0;
-	padding: .25em;
+.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;
+}
+
+.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,
+#medialist-page h2,
+#statistics-page h2 {
+	margin-bottom: 20px;
+	text-align: center;
+}
+
+#source-tabs,
+#note-tabs,
+#repo-tabs,
+#media-tabs {
+	margin: auto;
+	visibility: hidden;
+	width: 80%;
+}
+
+#statistics_chart {
+	margin: auto;
+	visibility: hidden;
+	width: 90%;
+}
+
+#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.gif) 50% 50% no-repeat;
+	height: 50px;
+	margin: 50px;
+}
+
+.list-charts {
+	text-align: center;
+}
+
+#search-result-tabs,
+#places-tabs {
+	margin: auto;
 	width: 98%;
+	visibility: hidden;
+}
+
+#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;
+}
+
+/* ======== Block styles ===== */
+#index_main_blocks {
+	clear: none;
+	width: 66%;
+	float: left;
+}
+
+#index_small_blocks {
+	clear: none;
+	width: 33%;
+	float: right;
+}
+
+#index_full_blocks {
+	clear: none;
+	width: 100%;
+}
+
+[dir=rtl] #index_main_blocks {
+	float: right;
+}
+
+[dir=rtl] #index_small_blocks {
+	float: left;
+}
+
+.small_inner_block {
+	max-height: 200px;
+	overflow: auto;
+}
+
+.normal_inner_block {
+	overflow: auto;
+}
+
+.block {
+	color: #000;
+	margin-bottom: 5px;
+	padding: 1px;
+	vertical-align: top;
+}
+
+.blockcontent {
+	border: solid #999 1px;
+	margin:  0 2px 10px 0;
+	overflow: auto;
+	padding: 5px;
+}
+
+.blockcontent .list_table {
+	border-spacing: 0;
+	border: solid #999 1px;
+	border-right: 0;
+}
+
+.blockcontent .list_value,
+.blockcontent .list_value_wrap {
+	border: 0;
+	border-top: solid #999 1px;
+	border-right: solid #999 1px;
+}
+
+.blockheader {
+	width: 100%;
+	padding: 0;
+	margin: 0;
+	border-collapse: collapse;
+}
+
+.blockh1 {
+	background: url(images/left1B.png) no-repeat;
+	height: 24px;
+	width: 26px;
+	padding: 0;
 }
 
-/* FAQ table */
+.blockh2 {
+	background: url(images/left2.png) repeat-x;
+	font-size: 13px;
+	font-weight: bold;
+	padding: 0;
+}
+
+.blockh3 {
+	background: url(images/left3.png) no-repeat;
+	height: 24px;
+	width: 8px;
+	padding: 0;
+}
+
+.blockhc {
+	padding: 3px 3px 0;
+}
+
+.blockhc img {
+	padding-right: 3px;
+}
+
+[dir=rtl] .blockh1 {
+	background-image: url(images/right1B.png);
+}
+
+[dir=rtl] .blockh3 {
+	background-image: url(images/right3.png);
+}
+
+[dir=rtl] .blockhc {
+	padding: 3px 0 0 3px;
+}
+
+[dir=rtl] .blockhc img {
+	padding-left: 3px;
+}
+
+/* end Block styles */
+
+#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 label:after {
+	content: ":";
+}
+
+.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 */
+.gedcom_stats_block table td {
+	vertical-align: top;
+}
+
+.gedcom_stats_block table td td {
+	vertical-align: middle;
+}
+
+.gedcom_stats_block td .stats_value {
+	text-align: center;
+}
+
+/* ==== 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: #eee;
-	margin: 5px 0 15px 5px;
+	margin: 5px 0 50px 5px;
 	width: 98%;
 }
 
@@ -3039,90 +1859,88 @@ table.faq tr.odd td {
 	background-color: #eee;
 }
 
-[dir=rtl] .faq_top {
-	float: left;
+div.faq_title {
+	background-color: #eee;
+	margin: 1em 0;
+	padding: .25em;
+	font-weight: bold;
+	width: 98%;
 }
 
-[dir=rtl] .faq_edit {
-	float: left;
+div.faq_body {
+	clear: both;
+	padding: 0 1em;
 }
 
-.place {
-	padding-top: 5px;
+.faq_italic {
+	font-style: italic;
+	font-weight: bold;
+	font-size: 90%;
+	padding: 0 10px;
 }
 
-.logo {
-	text-align: center;
+.faq_top {
+	float: right;
 }
 
-ul.clist {
-	list-style-image: none;
-	text-decoration: none;
-	color: #000;
-	margin: 0;
+.faq_edit {
+	float: right;
 }
 
-/* Find special characters */
-.largechars {
-	font-family: monospace;
-	font-size: 200%;
+[dir=rtl] .faq_top {
+	float: left;
 }
 
-/* edit, copy, delete links */
+[dir=rtl] .faq_edit {
+	float: left;
+}
+
+/* === Positioning edit, copy, delete links === */
+/* General use */
 .editfacts {
 	clear: left;
 	padding-top: 15px;
 }
 
+/* a container for the following three links */
+
 .editlink,
 .copylink,
 .deletelink {
 	float: left;
 }
 
-span.link_text {
-	display: none;
-}
-
 [dir=rtl] .editlink,
 [dir=rtl] .copylink,
 [dir=rtl] .deletelink {
 	float: right;
 }
 
-/* ==== Indi header ==== */
+span.link_text {
+	display: none;
+}
 
-#dates {
-	color: #333;
+/* ======== Indi header ====== */
+.field .editlink,
+.field .deletelink,
+.field .copylink {
 	float: right;
 }
 
-#sex,
-dd .editlink,
-dd .deletelink {
-	float: right;
+[dir=rtl].field .editlink,
+[dir=rtl].field .deletelink {
+	float: left;
 }
 
 #indi_header {
-	border-radius: 3px;
 	overflow: hidden;
-	margin: 0 2px 5px;
-	width: 100%;
-}
-
-#indi_header a {
-	color: #337;
-	font-weight: 400;
-}
-
-#indi_header a:hover {
-	color: red;
+	margin: 0 0 5px;
 }
 
 #indi_header h3 {
 	color: #006;
 	font-size: 90%;
-	font-weight: 700;
+	font-weight: bold;
 	margin: 0;
 	padding: 0 10px 0 30px;
 	text-align: left;
@@ -3130,30 +1948,40 @@ dd .deletelink {
 	position: relative;
 }
 
+#indi_header .name_one {
+	font-size: 1.5em;
+}
+
 #indi_header h3 .details1 {
-	font-size: 1em;
+	font-size: 1.0em;
+}
+
+#indi_header h3.person_box,
+#indi_header h3.person_boxF,
+#indi_header h3.person_boxNN {
+	background-color: #acf;
+	border: 1px solid #8fbcff;
 }
 
 #indi_header h3 .header_age {
+	padding: 5px 0 5px 5px;
 	float: right;
+	font-weight: normal;
 	font-size: 65%;
-	font-weight: 400;
-	padding: 5px 0 5px 5px;
 }
 
 #indi_header h3 a {
 	display: inline;
 }
 
-#indi_header .name_one {
-	font-size: 1.5em;
+#indi_header a {
+	color: #337;
+	font-size: 0.75em;
+	font-weight: normal;
 }
 
-#indi_header h3.person_box,
-#indi_header h3.person_boxF,
-#indi_header h3.person_boxNN {
-	background: #acf;
-	border: 1px solid #8fbcff;
+#indi_header a:hover {
+	color: #f00;
 }
 
 #indi_mainimage {
@@ -3162,32 +1990,57 @@ dd .deletelink {
 }
 
 #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_header a.warning {
-	color: red;
-	font-size: 1em;
-}
-
 .indi_name_details dt:after {
 	content: ":";
 }
 
 .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: #333;
+	float: right;
+}
+
+dd .editlink,
+dd .deletelink {
+	float: right;
+}
+
 #indi_note .fact_NOTE {
 	float: left;
 	margin: 0 5px 0 0;
@@ -3225,25 +2078,9 @@ dd .deletelink {
 	padding: 3px;
 }
 
-.markdown ol,
-.markdown ul {
-	margin: 12px 0;
-}
-
-#main_name {
-	color: #555;
-	float: left;
-	font-size: 2em;
-	font-weight: 700;
-	margin: 10px;
-}
-
-.indi_table {
-	clear: left;
-}
-
-[dir=rtl] #dates {
-	float: left;
+[dir=rtl] #indi_header h3 {
+	padding: 0 30px 0 10px;
+	text-align: right;
 }
 
 [dir=rtl] #indi_header h3 .header_age {
@@ -3251,43 +2088,39 @@ dd .deletelink {
 	float: left;
 }
 
-[dir=rtl] #sex {
-	float: left;
-}
-
-[dir=rtl] dd .editlink,
-[dir=rtl] dd .deletelink {
-	float: left;
+[dir=rtl] #indi_mainimage {
+	float: right;
 }
 
-[dir=rtl] #indi_header {
+[dir=rtl] #indi_note .fact_NOTE {
 	float: right;
+	margin: 0 0 0 10px;
 }
 
-[dir=rtl] #indi_header h3 {
-	padding: 0 30px 0 10px;
-	text-align: right;
+[dir=rtl] .indi_table {
+	clear: right;
 }
 
-[dir=rtl] #indi_mainimage {
-	float: right;
-	padding: 0 0 0 10px;
+[dir=rtl] #sex {
+	float: left;
 }
 
-[dir=rtl] #indi_note .fact_NOTE {
-	float: right;
-	margin: 0 0 0 10px;
+[dir=rtl] #dates {
+	float: left;
 }
 
-[dir=rtl] #main_name {
-	float: right;
+[dir=rtl] dd .editlink,
+[dir=rtl] dd .deletelink {
+	float: left;
 }
 
-[dir=rtl] .indi_table {
-	clear: right;
+.hit-counter {
+	background: #000;
+	color: #fff;
+	font-weight: bold;
 }
 
-/* General sprite */
+/* ======= General sprite ==== */
 .male_gender,
 .female_gender,
 .unknown_gender,
@@ -3295,25 +2128,7 @@ dd .deletelink {
 .copyicon,
 .deleteicon {
 	display: block;
-	background: transparent url(images/general_sprite.png) no-repeat left 0;
-}
-
-.editicon {
-	background-position: -40px -32px;
-	width: 24px;
-	height: 16px;
-}
-
-.copyicon {
-	background-position: -70px -32px;
-	width: 24px;
-	height: 16px;
-}
-
-.deleteicon {
-	background-position: -100px -32px;
-	width: 24px;
-	height: 16px;
+	background: url(images/general_sprite.png) no-repeat left 0;
 }
 
 .female_gender {
@@ -3334,7 +2149,25 @@ dd .deletelink {
 	height: 30px;
 }
 
-/* ==== Indi tabs ==== */
+.editicon {
+	background-position: -40px -32px;
+	width: 24px;
+	height: 16px;
+}
+
+.copyicon {
+	background-position: -70px -32px;
+	width: 24px;
+	height: 16px;
+}
+
+.deleteicon {
+	background-position: -100px -32px;
+	width: 24px;
+	height: 16px;
+}
+
+/* ======== Indi tabs ======== */
 /* Facts & Events tab */
 #personal_facts_content .fact_NOTE,
 #personal_facts_content .fact_SOUR,
@@ -3375,7 +2208,7 @@ dd .deletelink {
 	padding-right: 5px;
 }
 
-/* Album tab */
+/* ======== Album tab =========*/
 .album-list {
 	list-style-type: none;
 }
@@ -3408,53 +2241,12 @@ dd .deletelink {
 	width: 100%;
 }
 
-/* ========= jquery-ui.custom.css changes ============ */
+/* === jquery-ui.css changes === */
 .ui-accordion .ui-accordion-content {
-	margin-top: 1px;
-	overflow: visible;
-	padding: 0 5px;
+	border: 0;
 	position: relative;
-}
-
-.ui-accordion .ui-accordion-header {
-	margin-top: 0;
-}
-
-.ui-accordion .ui-accordion-header a {
-	padding: 2px;
-	text-align: center;
-}
-
-.ui-accordion .ui-accordion-header {
-	margin-top: 0;
-	text-align: center;
-}
-
-.ui-helper-reset {
-	line-height: 1.5;
-}
-
-.ui-state-active a:link {
-	color: #fff;
-}
-
-.ui-state-active,
-.ui-widget-content .ui-state-active {
-	background: #acf;
-	border: 0 solid #8fbcff;
-	color: #000;
-	font-weight: 400;
-	outline: none;
-}
-
-.ui-state-default a:link,
-.ui-state-hover a,
-.ui-state-hover a:hover {
-	color: #000;
-}
-
-.ui-state-highlight a {
-	color: red;
+	padding: 5px 5px 0 5px;
+	overflow: visible;
 }
 
 .ui-tabs,
@@ -3462,20 +2254,18 @@ dd .deletelink {
 	padding: 0;
 }
 
-.ui-tabs .ui-tabs-nav li a span {
-	padding: .5em 1em;
-}
-
-.ui-tabs .ui-tabs-panel {
-	padding: 1em 0;
+#sidebarAccordion .ui-accordion-header {
+	text-align: center;
 }
 
 .ui-widget-header {
-	border: 1px solid #fff;
+	padding: 3px;
 }
 
-span.link_text {
-	display: none;
+.ui-state-hover a,
+.ui-state-hover a:hover,
+.ui-state-default a:link {
+	color: #000;
 }
 
 .ui-menu .ui-menu-item a {
@@ -3484,20 +2274,15 @@ span.link_text {
 
 .ui-menu .ui-menu-item a.ui-state-hover,
 .ui-menu .ui-menu-item a.ui-state-active {
-	color: red;
-}
-
-[dir=rtl] .ui-accordion .ui-accordion-header .ui-icon {
-	right: 0.5em;
+	color: #f00;
 }
 
-[dir=rtl] .ui-tabs {
-	direction: rtl;
+.ui-helper-reset {
+	line-height: 1.5;
 }
 
-[dir=rtl] .ui-tabs .ui-tabs-nav li.ui-tabs-selected,
-[dir=rtl] .ui-tabs .ui-tabs-nav li.ui-state-default {
-	float: right;
+[dir=rtl] .ui-accordion .ui-accordion-header .ui-icon {
+	right: 0.5em;
 }
 
 [dir=rtl] .ui-dialog-title {
@@ -3509,70 +2294,41 @@ span.link_text {
 	right: auto;
 }
 
-/* ==== jQuery over-rides ==== */
-
-#loading {
-	text-align: center;
-}
-
-.DataTables_sort_wrapper {
-	margin: 0 20px;
-	position: relative;
+/* === jQuery.datatable styling general over-rides === */
+.odd {
+	background-color: #d9eaf7;
 }
 
-.DataTables_sort_wrapper span {
-	left: 0;
-	margin-left: -20px;
-	margin-top: -8px;
-	position: absolute;
-	top: 50%;
+.even {
+	background-color: #fafafa;
 }
 
 .css_right {
 	float: left;
 }
 
-.dataTables_filter {
-	float: right;
-	margin: 4px;
-}
-
-.dataTables_length {
-	float: right;
-}
-
-.dataTables_length select,
-.dataTables_filter input {
-	font-size: 11px;
-	padding: 1px;
+.fg-button {
+	padding: 2px 6px;
 }
 
-.dataTables_paginate,
-.dataTables_processing,
-.dataTables_info {
+.dataTables_paginate {
 	float: left;
-	margin: 5px;
+	margin-bottom: 3px;
 }
 
-.dt-clear {
-	clear: both;
-}
-
-.fg-button {
-	padding: 2px 6px;
-}
-
-.fg-toolbar button {
-	margin: 2px;
-	padding: 1px 6px;
+.dataTables_processing {
+	float: left;
 }
 
-.odd {
-	background-color: #d9eaf7;
+.dataTables_filter {
+	float: right;
+	font-weight: normal;
 }
 
-.even {
-	background-color: #fafafa;
+.dataTables_info {
+	float: left;
+	font-weight: normal;
+	padding: 4px;
 }
 
 .recent_changes_block .dataTables_info,
@@ -3590,7 +2346,43 @@ span.link_text {
 
 .upcoming_events_block button,
 .todays_events_block button {
-	margin: 5px 20px;
+	margin: 0 20px;
+}
+
+.dataTables_length {
+	float: right;
+	font-weight: normal;
+}
+
+.dataTables_length select,
+.dataTables_filter input {
+	font-size: 11px;
+	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 {
@@ -3627,221 +2419,44 @@ span.link_text {
 	margin-right: -20px;
 }
 
-/* ==== List styles ===== */
-
-#firstfocus {
-	font-size: 12px;
-	width: 330px;
-}
-
-#search-result-tabs h3,
-#place-hierarchy h2,
-#place-hierarchy h4 {
-	text-align: center;
-}
-
-#search-result-tabs,
-#places-tabs {
-	margin: auto;
-	visibility: hidden;
-	width: 98%;
-}
-
-#searchAccordion-indi,
-#searchAccordion-fam,
-#searchAccordion-source,
-#searchAccordion-note {
-	margin: auto;
-	width: 99%;
-}
-
-#source-details h2,
-#sourcelist-page h2,
-#note-details h2,
-#notelist-page h2,
-#repo-details h2,
-#repolist-page h2,
-#media-details h2,
-#medialist-page h2,
-#statistics-page h2 {
-	margin-bottom: 20px;
-	text-align: center;
-}
-
-#source-edit,
-#note-edit,
-#repo-edit,
-#media-edit {
-	overflow-x: auto;
-}
-
-#source-tabs,
-#note-tabs,
-#repo-tabs,
-#media-tabs {
-	margin: auto;
-	visibility: hidden;
-	width: 80%;
-}
-
-#statistics_chart {
-	margin: auto;
-	visibility: hidden;
-	width: 90%;
-}
-
-.filters .ui-state-default {
-	margin: 0 2px;
-	padding: 2px;
-}
-
-.filtersH img {
-	margin-bottom: 2px;
-}
-
-.filtersH,
-.filtersF {
-	margin: 4px;
-}
-
-.givn-list th {
-	cursor: pointer;
-	padding: 2px;
-	text-align: center;
-	white-space: nowrap;
-}
-
-.indi-list .stats,
-.fam-list .stats {
-	margin: 0 auto;
-	width: auto;
-}
-
-.indi-list td,
-.fam-list td {
-	color: #555;
-}
-
-.loading-image {
-	background: transparent url(images/loading.gif) 50% 50% no-repeat;
-	height: 50px;
-	margin: 50px;
-}
-
-.media-list td img {
-	display: block;
-	height: 40px;
-	width: auto;
-	margin: 3px auto;
-}
-
-.source-list table,
-.note-list table,
-.repo-list table,
-.media-list table,
-.indi-list table,
-.fam-list table {
+/* ======= Sidebar setup ===== */
+#main {
+	min-width: 600px;
 	width: 100%;
+	display: table;
+	table-layout: fixed;
 }
 
-.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,
-.surname-list td,
-.givn-list td {
-	padding: 2px 5px;
-}
-
-.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;
-	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;
-}
-
-.source-list,
-.note-list,
-.repo-list,
-.media-list,
-.indi-list,
-.fam-list {
-	margin: 5px auto;
-	visibility: hidden;
-	width: 98%;
-}
-
-.surname-list td {
-	vertical-align: top;
-}
-
-.surname-list,
-.givn-list {
-	margin: 5px auto;
-}
-
-[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;
-}
-
-/* ==== Sidebar ===== */
 #indi_left {
 	display: table-cell;
 }
 
-#main {
-	min-width: 600px;
-	width: 100%;
-	padding: 5px 2px 0;
-	display: table;
-	table-layout: fixed;
+#indi_left .ui-tabs-panel {
+	padding: 0;
+}
+
+#indi_left .ui-tabs-nav {
+	margin: 0 2px;
 }
 
 #tabs {
 	background-color: #fff;
 	border-color: #8fbcff;
-	overflow: visible;
 	width: 100%;
+	overflow: visible;
 }
 
 [dir=rtl] #tabs {
 	float: right;
 }
 
+/* sidebar */
 #sidebar {
 	width: 20%;
 	display: table-cell;
 	vertical-align: top;
 }
 
-#sidebarAccordion {
-	border: 1px solid #8fbcff;
-}
-
 #separator {
 	display: table-cell;
 	width: 2.5em;
@@ -3853,8 +2468,8 @@ span.link_text {
 #separator:after {
 	position: absolute;
 	top: 0;
-	left: auto;
 	right: 0;
+	left: auto;
 	width: 10px;
 	height: 99999px;
 	content: "";
@@ -3864,8 +2479,8 @@ span.link_text {
 }
 
 [dir=rtl] #separator:after {
-	left: 0;
 	right: auto;
+	left: 0;
 }
 
 .separator-hidden:after,
@@ -3878,20 +2493,33 @@ span.link_text {
 	background: #acf url(images/general_sprite.png) no-repeat -1px 100px;
 }
 
-/* ==== Sidebar content items ==== */
+/* Sidebar content items */
 /* Family navigator */
 #sb_content_family_nav {
 	padding: 0;
 }
 
 #sb_family_nav_content {
-	margin-top: 8px;
+	margin-top: 0px;
+}
+
+.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;
@@ -3900,9 +2528,6 @@ span.link_text {
 
 .flyout {
 	left: 40px;
-	padding: 3px;
-	background-color: #ecf5ff;
-	border: 1px solid #ccc;
 }
 
 [dir=rtl] .flyout {
@@ -3917,7 +2542,7 @@ span.link_text {
 }
 
 .flyout2 {
-	font-weight: 700;
+	font-weight: bold;
 }
 
 .flyout3 {
@@ -3929,18 +2554,9 @@ span.link_text {
 	color: #f00;
 }
 
-.nam a:hover {
-	color: red;
-}
-
-.nav_content {
-	padding: 0;
-	width: 100%;
-}
-
-/* Descendancy */
+/* Sidebar*/
 #sb_content_descendancy {
-	margin-top: 5px;
+	margin-top: 0;
 }
 
 #sb_desc_content {
@@ -3953,6 +2569,10 @@ span.link_text {
 	margin: 0;
 }
 
+.sb_desc_indi_li {
+	list-style-type: none;
+}
+
 .desc_tree_div {
 	display: none;
 }
@@ -3964,11 +2584,6 @@ span.link_text {
 	margin-right: 0;
 }
 
-.sb_desc_indi_li {
-	list-style-type: none;
-	white-space: nowrap;
-}
-
 [dir=rtl] #sb_desc_content {
 	margin-right: 3px;
 }
@@ -3978,21 +2593,19 @@ span.link_text {
 	margin-left: 0;
 }
 
-/* Individuals, Families */
+/* Individuals and Families */
 #sb_content_individuals,
 #sb_content_families {
-	margin-top: 5px;
+	margin-top: 0;
 }
 
-.name_tree_div {
-	display: none;
+.sb_indi_surname_li,
+.sb_fam_surname_li {
+	list-style-image: url(images/plus.png);
 }
 
-.name_tree_div li,
-.name_tree_div_visible li {
-	list-style: none;
-	margin: 0;
-	padding: 0;
+.name_tree_div {
+	display: none;
 }
 
 .name_tree_div ul,
@@ -4001,42 +2614,39 @@ span.link_text {
 	margin: 0;
 }
 
-.sb_indi_surname_li,
-.sb_fam_surname_li {
-	list-style-image: url(images/plus.png);
-}
-
-/* Clippings */
-#sb_clippings_content li {
+.name_tree_div li,
+.name_tree_div_visible li {
 	list-style: none;
 	margin: 0;
 	padding: 0;
 }
 
+/* Clippings */
+#sb_content_clippings {
+	margin-top: 0;
+}
+
 #sb_clippings_content ul {
-	margin: 0;
 	padding: 0;
+	margin: 0;
 }
 
-#sb_content_clippings {
-	margin-top: 5px;
+#sb_clippings_content li {
+	list-style: none;
+	margin: 0;
+	padding: 0;
+	white-space: nowrap;
 }
 
-/* References */
+/* Extra info */
 #sb_content_extra_info {
 	font-size: 80%;
-	font-weight: 700;
-	margin-top: 1px;
+	font-weight: bold;
+	margin-top: 0;
 	overflow: hidden;
 	padding: 5px;
 }
 
-#sb_content_extra_info #hitcounter {
-	border-top: 1px solid #bcd;
-	font-weight: 700;
-	padding-top: 5px;
-}
-
 #sb_content_extra_info .editfacts {
 	float: right;
 	margin-top: -30px;
@@ -4047,26 +2657,33 @@ span.link_text {
 }
 
 #sb_content_extra_info span {
-	font-weight: 400;
+	font-weight: normal;
 }
 
 #sb_content_extra_info span a {
 	display: inline;
 }
 
+#sb_content_extra_info #hitcounter {
+	border-top: 1px solid #bcd;
+	font-weight: bold;
+	padding-top: 5px;
+}
+
 [dir=rtl] #sb_content_extra_info .editfacts {
 	float: left;
 }
 
-/* ==== find.php ==== */
-#find-facts-header .list_label {
-	text-align: inherit;
+/* ===== find.php =====  */
+#find-page h3,
+#find-page h4 {
+	margin: 10px;
+	text-align: center;
 }
 
 #find-header {
 	background-color: #95b8e0;
 	border: 1px solid #95b8e0;
-	border-radius: 3px;
 	margin: 10px auto;
 	padding: 5px 20px;
 	width: 50%;
@@ -4079,7 +2696,23 @@ span.link_text {
 
 #find-header span {
 	color: #fff;
-	font-weight: 700;
+	font-weight: bold;
+}
+
+#find-output,
+#find-output-special {
+	background-color: #fff;
+	border: 1px solid #95b8e0;
+	margin: 20px 5px;
+	padding: 10px;
+}
+
+#find-output p {
+	border-top: 1px solid #95b8e0;
+	font-weight: bold;
+	margin: 0;
+	padding-top: 10px;
+	text-align: center;
 }
 
 #find-media {
@@ -4092,78 +2725,59 @@ span.link_text {
 
 #find-media span {
 	border: 0;
-	font-weight: 700;
+	font-weight: bold;
 	margin: auto;
 	padding: 5px;
 }
 
-#find-output .find-media-details div span {
-	font-weight: 400;
-	padding: 0 5px 2px;
+#find-output .find-media-dirs {
+	border-bottom: 1px solid #95b8e0;
+	padding: 3px;
 }
 
-#find-output .find-media-details p {
-	border: 0;
-	font-weight: 400;
-	padding: 0 5px 2px;
-	text-align: left;
+#find-output .find-media-media {
+	border: 1px solid #95b8e0;
+	overflow: hidden;
+	margin: 1px;
+	padding: 2px;
 }
 
-#find-output p {
-	border-top: 1px solid #95b8e0;
-	font-weight: 700;
-	margin: 0;
-	padding-top: 10px;
-	text-align: center;
+#find-output .find-media-thumb {
+	clear: left;
+	float: left;
 }
 
-#find-output p.find-media-title {
-	font-weight: 700;
+#find-output .find-media-details {
+	float: left;
 }
 
-#find-output,
-#find-output-special {
-	background-color: #fff;
-	border: 1px solid #95b8e0;
-	border-radius: 3px;
-	margin: 20px 5px;
-	padding: 10px;
+#find-output .find-media-details p {
+	border: 0;
+	padding: 0 5px 2px;
+	font-weight: normal;
+	text-align: left;
 }
 
-#find-page h3,
-#find-page h4 {
-	margin: 10px;
-	text-align: center;
+#find-output .find-media-details div span {
+	font-weight: normal;
+	padding: 0 5px 2px;
 }
 
-#find-output .find-media-details {
-	float: left;
+#find-output p.find-media-title {
+	font-weight: bold;
 }
 
 #find-output .find-media-details ul {
-	list-style-type: none;
-	margin: 0 20px 10px;
 	padding: 0;
+	margin: 0 20px 10px;
+	list-style-type: none;
 }
 
-#find-output .find-media-dirs {
-	border-bottom: 1px solid #95b8e0;
-	padding: 3px;
-}
-
-#find-output .find-media-media {
-	border: 1px solid #95b8e0;
-	margin: 1px;
-	overflow: hidden;
-	padding: 2px;
-}
-
-#find-output .find-media-thumb {
-	clear: left;
-	float: left;
+#find-facts-header .list_label {
+	text-align: inherit;
 }
 
-/* ==== search.php ==== */
+/* ===== search.php ===== */
 #search-page h2,
 #search_submit {
 	margin: 20px;
@@ -4182,7 +2796,7 @@ span.link_text {
 	border-top: 1px solid #ccc;
 	color: #fff;
 	float: left;
-	font-weight: 700;
+	font-weight: bold;
 	padding: 5px 10px 0;
 	width: 150px;
 }
@@ -4207,7 +2821,7 @@ span.link_text {
 	margin: 0 170px 0 0;
 }
 
-/* ============== edituser.php ======================= */
+/*  edituser.php  */
 #edituser-page h2,
 #edituser_submit {
 	margin: 20px;
@@ -4255,66 +2869,664 @@ span.link_text {
 	margin: 0 260px 0 0;
 }
 
-/* ======= Who is online block ========== */
-.logged_in_list {
-	margin: 5px 0 0;
+/* ===== Edit interface pop-ups ===== */
+#edit_interface-page h4 {
+	color: #555;
+	margin: 5px;
+}
+
+#edit_interface-page .optionbox span {
+	margin: 0 5px;
+}
+
+#edit_interface-page #LATI,
+#edit_interface-page #LONG,
+#edit_interface-page #SPFX,
+#edit_interface-page #NSFX,
+#edit_interface-page #NPFX {
+	line-height: 18px;
+	margin: 0 5px;
+	width: 88px;
+}
+
+#edit_interface-page #GIVN,
+#edit_interface-page #SURN,
+#edit_interface-page #_MARNM {
+	line-height: 18px;
+	margin: 0 5px;
+	width: 180px;
+}
+
+#edit_interface-page input[type="text"],
+#edit_interface-page #NAME_display {
+	line-height: 18px;
+	margin: 0 5px;
+	vertical-align: top;
+	width: 240px;
+}
+
+#edit_interface-page input[type="text"][id*="PAGE"],
+#edit_interface-page input[type="text"][id*="_UID"] {
+	width: 350px;
+}
+
+#edit_interface-page input[type="text"][id*="SOUR"],
+#edit_interface-page input[type="text"][id*="REPO"],
+#edit_interface-page input[type="text"][id*="OBJE"],
+#edit_interface-page input[type="text"][id*="FAMC"],
+#edit_interface-page input[type="text"][id*="ASSO"],
+#edit_interface-page input[type="text"][id^="AGE"],
+#edit_interface-page input[type="text"][id*="SHARED_NOTE"] {
+	width: 250px;
+}
+
+#edit_interface-page input[type="text"][id$="DATE"] {
+	width: 160px;
+}
+
+#edit_interface-page input[type="text"][id^="TIME"] {
+	width: 100px;
+}
+
+#edit_interface-page input[type="text"][id*="OBJE_FILE"] {
+	width: 200px;
+}
+
+#edit_interface-page input[type="text"][id*="SOUR_TITL"] {
+	width: 250px;
+}
+
+#edit_interface-page input[id*="TEXT"] {
+	height: 140px;
+	width: 440px;
+}
+
+#edit_interface-page textarea {
+	margin: 0 5px;
+	width: 440px;
+}
+
+#edit_interface-page textarea[id*="NOTE"] {
+	height: 240px;
+}
+
+#edit_interface-page textarea[id*="TEXT"],
+#edit_interface-page textarea[id*="PUBL"] {
+	height: 140px;
+}
+
+#edit_interface-page textarea[id^="newgedrec"] {
+	line-height: 18px;
+	width: 605px;
+}
+
+#edit_interface-page textarea#gedcom {
+	height: 364px;
+}
+
+#edit_interface-page textarea[id*="ADDR"],
+#edit_interface-page input[id*="ADDR"] {
+	height: 80px;
+	width: 300px;
+}
+
+#edit_interface-page #changefam {
+	padding: 5px;
+}
+
+#edit_interface-page #changefam table {
+	margin: 10px auto;
+	min-width: 400px;
+	max-width: 650px;
+}
+
+#edit_interface-page #changefam span {
+	margin: 0;
+}
+
+#edit_interface-page #changefam td {
+	padding: 5px;
+	white-space: normal;
+}
+
+#edit_interface-page #changefam td.child {
+	text-align: center;
+}
+
+#save-cancel {
+	position: fixed;
+	bottom: 0;
+	width: 98%;
+	border: solid #999 1px;
+	margin: 0;
+}
+
+#save-cancel input {
+	padding: 2px 8px;
+}
+
+#save-cancel .save {
+	float: left;
+	margin: 5px;
+}
+
+#save-cancel .cancel {
+	float: right;
+	margin: 5px;
+}
+
+[dir=rtl] #save-cancel .save {
+	float: right;
+}
+
+[dir=rtl] #save-cancel .cancel {
+	float: left;
+}
+
+#edit_interface-page,
+#addmedia-page {
+	margin-bottom: 50px;
+}
+
+/* ===== Addmedia pop-ups ===== */
+#addmedia-page input[type="text"] {
+	line-height: 18px;
+	margin: 0 5px;
+	width: 350px;
+}
+
+#addmedia-page .optionbox select {
+	margin: 0 5px;
+}
+
+#addmedia-page .optionbox p.sub {
+	margin: 0 5px;
+	font-size: 11px;
+}
+
+#addmedia-page input[type="text"][id*="PAGE"],
+#addmedia-page input[type="text"][id*="_UID"] {
+	width: 350px;
+}
+
+#addmedia-page input[type="text"][id*="SOUR"],
+#addmedia-page input[type="text"][id*="REPO"],
+#addmedia-page input[type="text"][id*="OBJE"],
+#addmedia-page input[type="text"][id*="FAMC"],
+#addmedia-page input[type="text"][id*="ASSO"],
+#addmedia-page input[type="text"][id^="AGE"],
+#addmedia-page input[type="text"][id*="SHARED_NOTE"] {
+	width: 70px;
+}
+
+#addmedia-page input[id*="TEXT"] {
+	height: 140px;
+	width: 440px;
+}
+
+#addmedia-page textarea {
+	margin: 0 5px;
+	width: 440px;
+}
+
+#addmedia-page textarea[id*="NOTE"] {
+	height: 240px;
+}
+
+#addmedia-page textarea[id*="TEXT"],
+#addmedia-page textarea[id*="PUBL"] {
+	height: 140px;
+}
+
+/* ===== 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: #949494;
+	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: #949494;
+	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;
+}
+
+/* ===== Census assistant module ===== */
+table.table-census-assistant th {
+	font-weight: bold;
+	text-align: left;
+}
+
+/* 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;
+}
+
+.btn-group {
+	display: inline-block;
+	margin: 0 4px;
+}
+
+.btn-group button:first-child,
+[dir=rtl] .btn-group button:last-child {
+	border-radius: 3px 0 0 3px;
+}
+
+.btn-group button:last-child,
+[dir=rtl] .btn-group button:first-child {
+	border-radius: 0 3px 3px 0;
+}
+
+/* ====== Charts Styles ======== */
+#compact_chart,
+#fan_chart,
+.chart_common,
+#ancestry_booklet,
+#descendancy_booklet,
+#familybook_chart,
+#hourglass_chart {
+	margin: 20px;
+}
+
+/* styles for vertical lines in ancestry and descendancy charts */
+.chart_common li {
+	list-style: none;
+}
+
+.chart_common li > span.details1 {
+	white-space: nowrap;
+}
+
+.chart_common .generation {
+	background: transparent url(images/vline.png) left top repeat-y;
+	margin: 0 0 0 15px;
 	padding: 0;
-	line-height: 20px;
+	display: block;
 }
 
-@media print {
-	#content {
-		padding: 0;
-	}
+[dir=rtl] .chart_common .generation {
+	margin: 0 15px 0 0;
+	background-position: right top
+;
+}
 
-	#backprint,
-	#sidebar,
-	#CB_All,
-	#separator,
-	header,
-	footer,
-	form,
-	.noprint {
-		display: none !important;
-	}
+.chart_common .generation > li {
+	margin: 5px 0;
+}
 
-	#pedigree_chart {
-		left: -80px;
-	}
+.chart_common table {
+	padding: 0;
+	border-spacing: 0;
+	border-collapse: collapse;
+	margin: 5px 0;
+}
 
-	#header_accordion1 {
-		width: 510px !important;
-	}
+.chart_common td {
+	border: 0;
+	padding: 0;
+}
 
-	[dir=rtl] #pedigree_chart {
-		left: auto;
-		right: -80px;
-	}
+.chart_common span.details1 div[class^=fact_] {
+	display: inline-block;
+}
 
-	#familybook_chart h3 {
-		margin-bottom: 10px;
-		vertical-align: middle;
-	}
+.chart_common span.details1 .date {
+	color: inherit;
+}
 
-	/* buttons and input are used out of forms in sortable tables*/
-	.lifespan_outer {
-		border: 0;
-		height: auto;
-		overflow: visible;
-		position: relative;
-		width: auto;
-	}
+/*-- Family book  --*/
+#familybook_chart {
+	margin-left: 10px;
+}
 
-	.lifespan_people {
-		left: -10px;
-		position: absolute;
-		top: -60px;
-		width: auto;
-		z-index: 1;
-	}
+#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 ul.children li:before {
+	content: "< ";
+	font-weight: bold;
+}
+
+#fan_chart_img {
+	text-align: center;
+}
+
+/*-- Hourglass ---- */
+#hourglass_chart img.line4 {
+	vertical-align: middle;
+}
+
+#hourglass_chart table,
+.charts_block table {
+	border-collapse: collapse;
+}
+
+#hourglass_chart td,
+.charts_block td {
+	padding: 0;
+	empty-cells: show;
+}
+
+/*-- Lifespan ---- */
+#lifespan-page .person0 {
+	padding: 5px;
+}
+
+#lifespan-page .person0 div{
+	text-align: center;
+}
+
+#lifespan_chart .div-controls {
+	opacity: 0.67;
+	position: relative;
+	top: 80px;
+	width: 180px;
+	z-index: 100;
+	margin-left: 20px;
+}
+
+.lifespan_people span:first-letter {
+	font-variant: small-caps;
+	font-size: 16px;
+	padding: 1px;
+}
+
+.lifespan_outer {
+	position: relative;
+	width: 99.5%;
+	height: 600px;
+	overflow: hidden;
+	border: solid #00f 1px;
+}
+
+.lifespan_outer a:hover {
+	color: #f00;
+	text-decoration: none;
+}
+
+.lifespan_timeline {
+	position: absolute;
+	width: 100%;
+	left: -10px;
+	top: -65px;
+	z-index: 2;
+	background-color: #fff;
+}
+
+.lifespan_people {
+	position: absolute;
+	width: 500px;
+	left: -10px;
+	top: -60px;
+	z-index: 1;
+}
+
+/*-- Pedigree ---- */
+#pedigree_chart #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%;
+}
+
+#pedigree_chart {
+	position: relative;
+	top: -200px;
+	left: 0;
+}
+
+[dir=rtl] #pedigree_chart {
+	left: auto;
+	right: 0;
+}
+
+#pedigree_canvas {
+	color: #81a9cb;
+	position: absolute;
+	top: 200px;
+	z-index: -1000;
+}
+
+#pedigree_chart #childarrow,
+#pedigree_chart #uparrow,
+#pedigree_chart .shadow,
+.ancestorarrow {
+	position: absolute;
+}
+
+/*-- Relationship ---- */
+#relationship-page h3 {
+	margin: 20px 0 0 20px;
+}
+
+#relationship_chart {
+	margin: 0 6px;
 }
 
-/* Icons */
+/*-- timeline  --*/
+#timeline_chart {
+	position: relative;
+	top: 0;
+	left: 0;
+}
+
+/* ====== Common Icons ========= */
 [class^="icon-"],
 [class*=" icon-"] {
 	display: inline-block;
@@ -4344,6 +3556,7 @@ span.link_text {
 	width: 18px;
 	height: 16px;
 	background-image: url(images/buttons/addmedia.png);
+	vertical-align: middle;
 }
 
 .icon-button_addnote {
@@ -4368,6 +3581,7 @@ span.link_text {
 	width: 19px;
 	height: 15px;
 	background-image: url(images/buttons/calendar.png);
+	vertical-align: middle;
 }
 
 .icon-button_family {
@@ -4376,6 +3590,12 @@ span.link_text {
 	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;
@@ -4398,12 +3618,14 @@ span.link_text {
 	width: 30px;
 	height: 15px;
 	background-image: url(images/buttons/keyboard.png);
+	vertical-align: middle;
 }
 
 .icon-button_media {
 	width: 18px;
 	height: 16px;
 	background-image: url(images/buttons/media.png);
+	vertical-align: middle;
 }
 
 .icon-button_note {
@@ -4416,6 +3638,7 @@ span.link_text {
 	width: 15px;
 	height: 15px;
 	background-image: url(images/buttons/place.png);
+	vertical-align: middle;
 }
 
 .icon-button_repository {
@@ -4472,6 +3695,12 @@ a.icon-darrow:hover {
 	background-image: url(images/ddarrow.png);
 }
 
+a.icon-ddarrow:hover {
+	width: 20px;
+	height: 20px;
+	background-image: url(images/ddarrow2.png);
+}
+
 .icon-edit_indi {
 	width: 22px;
 	height: 22px;
@@ -4498,6 +3727,7 @@ a.icon-darrow:hover {
 
 .icon-help {
 	cursor: help;
+	margin: 0 5px;
 	width: 15px;
 	height: 15px;
 	background-image: url(images/help.png);
@@ -4509,12 +3739,6 @@ a.icon-darrow:hover {
 	background-image: url(images/indis.png);
 }
 
-.icon-indis {
-	width: 22px;
-	height: 22px;
-	background-image: url(images/indis.png);
-}
-
 .icon-larrow {
 	width: 20px;
 	height: 20px;
@@ -4533,6 +3757,12 @@ a.icon-larrow:hover {
 	background-image: url(images/ldarrow.png);
 }
 
+a.icon-ldarrow:hover {
+	width: 20px;
+	height: 20px;
+	background-image: url(images/ldarrow2.png);
+}
+
 .icon-lifespan-chunk {
 	width: 50px;
 	height: 37px;
@@ -4647,24 +3877,6 @@ a.icon-larrow:hover {
 	background-image: url(images/osm.png);
 }
 
-.icon-patriarch {
-	width: 25px;
-	height: 25px;
-	background-image: url(images/patriarch.png);
-}
-
-.icon-pedigree {
-	width: 22px;
-	height: 22px;
-	background-image: url(images/pedigree.png);
-}
-
-.icon-place {
-	width: 22px;
-	height: 22px;
-	background-image: url(images/place.png);
-}
-
 .icon-plus {
 	width: 11px;
 	height: 11px;
@@ -4689,6 +3901,12 @@ a.icon-rarrow:hover {
 	background-image: url(images/rdarrow.png);
 }
 
+a.icon-rdarrow:hover {
+	width: 20px;
+	height: 20px;
+	background-image: url(images/rdarrow2.png);
+}
+
 .icon-reminder {
 	width: 15px;
 	height: 12px;
@@ -4701,18 +3919,6 @@ a.icon-rarrow:hover {
 	background-image: url(images/delete.png);
 }
 
-.icon-repo-list {
-	width: 22px;
-	height: 22px;
-	background-image: url(images/repository.png);
-}
-
-.icon-repository {
-	width: 22px;
-	height: 22px;
-	background-image: url(images/repository.png);
-}
-
 .icon-resn-confidential {
 	width: 16px;
 	height: 16px;
@@ -4739,16 +3945,10 @@ a.icon-rarrow:hover {
 
 .icon-rings {
 	width: 9px;
-	height: 11px;
+	height: 9px;
 	background-image: url(images/rings.png);
 }
 
-.icon-search {
-	width: 16px;
-	height: 16px;
-	background-image: url(images/go.png);
-}
-
 .icon-selected {
 	width: 12px;
 	height: 12px;
@@ -4791,34 +3991,17 @@ a.icon-rarrow:hover {
 	background-image: url(images/sex_u_9x9.png);
 }
 
-.icon-sfamily {
-	width: 22px;
-	height: 22px;
-	background-image: url(images/sfamily.png);
-}
-
 .icon-source {
 	width: 25px;
 	height: 25px;
 	background-image: url(images/source.png);
 }
 
-.icon-source-list {
-	width: 25px;
-	height: 25px;
-	background-image: url(images/source.png);
-}
-
 .icon-target {
 	width: 15px;
 	height: 15px;
 	background-image: url(images/buttons/target.png);
-}
-
-.icon-tree {
-	width: 20px;
-	height: 20px;
-	background-image: url(images/gedcom.png);
+	vertical-align: middle;
 }
 
 .icon-uarrow {
@@ -4839,10 +4022,10 @@ a.icon-uarrow:hover {
 	background-image: url(images/udarrow.png);
 }
 
-.icon-user_add {
-	width: 22px;
-	height: 22px;
-	background-image: url(images/user_add.png);
+a.icon-udarrow:hover {
+	width: 20px;
+	height: 20px;
+	background-image: url(images/udarrow2.png);
 }
 
 .icon-warning {
@@ -4851,23 +4034,12 @@ a.icon-uarrow:hover {
 	background-image: url(images/warning.png);
 }
 
-.icon-webtrees {
-	width: 100px;
-	height: 21px;
-	background-image: url(images/webtrees.png);
-}
-
 .icon-wiki {
 	width: 16px;
 	height: 16px;
 	background-image: url(images/w_button.png);
 }
 
-/* ios on click workaround */
-.iconz {
-	cursor: pointer;
-}
-
 .icon-zoomin {
 	width: 25px;
 	height: 25px;
@@ -4883,23 +4055,22 @@ a.icon-uarrow:hover {
 /* Silhouettes on charts */
 .icon-silhouette-F {
 	width: 37px;
-	height: 50px;
+	height: 45px;
 	background-image: url(images/silhouette_female_small.png);
 }
 
 .icon-silhouette-M {
 	width: 37px;
-	height: 50px;
+	height: 45px;
 	background-image: url(images/silhouette_male_small.png);
 }
 
 .icon-silhouette-U {
 	width: 37px;
-	height: 50px;
+	height: 45px;
 	background-image: url(images/silhouette_unknown_small.png);
 }
 
-/* Silhouettes on individual pages */
 #indi_mainimage .icon-silhouette-F {
 	width: 99px;
 	height: 106px;
@@ -4926,7 +4097,7 @@ a.icon-uarrow:hover {
 	height: 48px;
 }
 
-/* Generic MIME types */
+/* ===== Generic MIME types ===== */
 [class^="icon-mime-"],
 [class*=" icon-mime-"] {
 	background-position: -99px -49px;
@@ -4957,7 +4128,7 @@ a.icon-uarrow:hover {
 	background-position: -148px -147px;
 }
 
-/* Specific MIME types */
+/* ===== Specific MIME types ===== */
 .icon-mime-application-pdf {
 	background-position: -1px -49px;
 }
@@ -5041,421 +4212,1188 @@ a.icon-uarrow:hover {
 .icon-mime-video-x-ms-wmv {
 	background-position: -50px -196px;
 }
+/* ====== End Icon styles ====== */
 
-input:required:valid,
-textarea: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;
+/* ====== Theme Header ========= */
+
+/* Tbl hdrs and Light Text */
+.descriptionbox,
+.topbottombar,
+.topbottombar a,
+.list_label,
+.list_label a,
+.facts_label,
+.facts_label a,
+.facts_label .date,
+.facts_label03,
+.facts_table h2,
+.facts_table .descriptionbox a,
+.blockcontent .facts_label {
+	background-color: #95b8e0;
+	color: #039;
 }
 
-input:required:invalid,
-textarea: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;
+/* Base Color */
+.descriptionbox .submenu a,
+.blockcontent,
+.list_value,
+.list_value_wrap,
+.news_box,
+.submenuitem_hover {
+	background: #fff;
 }
 
-[dir=rtl] input:required:valid,
-[dir=rtl] textarea:required:valid,
-[dir=rtl] input:required:invalid,
-[dir=rtl] textarea:required:invalid {
-	background-position: left top;
+header {
+	background: #acf url(images/clouds.png) repeat-x;
+	border: 1px solid #039;
+	height: 63px;
+	position: relative;
+	margin: 0;
 }
 
-/* Edit interface pop-ups*/
-#edit_interface-page h4 {
-	color: #555;
-	margin: 5px;
+.header-search {
+	position: absolute;
+	top: 5px;
+	right: 10px;
 }
 
-#edit_interface-page .optionbox span {
-	margin: 0 5px;
+[dir=rtl] .header-search {
+	left: 10px;
+	right: auto;
 }
 
-#edit_interface-page #LATI,
-#edit_interface-page #LONG,
-#edit_interface-page #SPFX,
-#edit_interface-page #NSFX,
-#edit_interface-page #NPFX {
-	line-height: 18px;
-	margin: 0 5px;
-	width: 88px;
+/* Set stack level for top two header menu rows */
+.secondary-menu ul,
+.primary-menu ul {
+	z-index: 210;
 }
 
-#edit_interface-page #GIVN,
-#edit_interface-page #SURN,
-#edit_interface-page #_MARNM {
-	line-height: 18px;
-	margin: 0 5px;
-	width: 180px;
+#topMenu {
+	background: #acf;
+	clear: both;
+	height: 31px;
+	width: 100%;
 }
 
-#edit_interface-page input[type="text"],
-#edit_interface-page #NAME_display {
-	line-height: 18px;
-	margin: 0 5px;
-	vertical-align: top;
-	width: 240px;
+#topMenu ul {
+	margin: 0;
+	padding: 0;
 }
 
-#edit_interface-page input[type="text"][id*="PAGE"],
-#edit_interface-page input[type="text"][id*="_UID"] {
-	width: 350px;
+/* Set stack level for top two header menu rows */
+/* ====== Secondary menu ======= */
+.secondary-menu {
+	position: absolute;
+	bottom: 0;
+	right: 10px;
 }
 
-#edit_interface-page input[type="text"][id*="SOUR"],
-#edit_interface-page input[type="text"][id*="REPO"],
-#edit_interface-page input[type="text"][id*="OBJE"],
-#edit_interface-page input[type="text"][id*="FAMC"],
-#edit_interface-page input[type="text"][id*="ASSO"],
-#edit_interface-page input[type="text"][id^="AGE"],
-#edit_interface-page input[type="text"][id*="SHARED_NOTE"] {
-	width: 250px;
+.secondary-menu li {
+	display: inline;
+	position: relative;
+	white-space: nowrap;
 }
 
-#edit_interface-page input[type="text"][id$="DATE"] {
-	width: 160px;
+.secondary-menu li:before {
+	content: " | ";
 }
 
-#edit_interface-page input[type="text"][id^="TIME"] {
-	width: 100px;
+.secondary-menu ul {
+	background-color: #eee;
+	border: thin solid #aaa;
+	display: none;
+	left: 0;
+	position: absolute;
 }
 
-#edit_interface-page input[type="text"][id*="OBJE_FILE"] {
-	width: 200px;
+.secondary-menu li ul li {
+	display: block;
+	text-align: left;
 }
 
-#edit_interface-page input[type="text"][id*="SOUR_TITL"] {
-	width: 250px;
+.secondary-menu li ul li a {
+	color: #333;
 }
 
-#edit_interface-page input[id*="TEXT"] {
-	height: 140px;
-	width: 440px;
+.secondary-menu {
+	list-style: none;
+	margin-left: 0;
+	padding: 1px;
 }
 
-#edit_interface-page textarea {
-	margin: 0 5px;
-	width: 440px;
+.secondary-menu ul {
+	list-style: none;
+	margin-left: 0;
+	padding: 1px;
+	top: 5px;
 }
 
-#edit_interface-page textarea[id*="NOTE"] {
-	height: 240px;
+/*set position of dropdown */
+.secondary-menu li:hover > ul {
+	display: block;
 }
 
-#edit_interface-page textarea[id*="TEXT"],
-#edit_interface-page textarea[id*="PUBL"] {
-	height: 140px;
+.secondary-menu li a {
+	color: #039;
 }
 
-#edit_interface-page textarea[id^="newgedrec"] {
-	line-height: 18px;
-	width: 605px;
+.secondary-menu li a:hover {
+	color: #f5003d;
 }
 
-#edit_interface-page textarea#gedcom {
-	height: 364px;
+.secondary-menu ul li a {
+	background-color: #fff;
+	display: block;
+	padding: 2px 5px 2px 2px;
 }
 
-#edit_interface-page textarea[id*="ADDR"],
-#edit_interface-page input[id*="ADDR"] {
-	height: 80px;
-	width: 300px;
+.secondary-menu ul li a:hover {
+	background: #c8e7ff;
+	color: #000;
 }
 
-#edit_interface-page #changefam {
-	padding: 5px;
+li a.link {
+	font-size: 13px;
+	margin-left: 5px;
+	margin-right: 5px;
 }
 
-#edit_interface-page #changefam table {
-	margin: 10px auto;
-	min-width: 400px;
-	max-width: 650px;
+.secondary-menu li ul li:before,
+.secondary-menu li:first-child:before {
+	content: "";
 }
 
-#edit_interface-page #changefam span {
+.lang-active,
+.theme-active {
+	color: #006;
+	font-weight: 900;
+}
+
+.hsearch {
+    display: block;
+    float: right;
+    padding-right: 10px;
+    padding-top: 5px;
+}
+
+.search-icon {
+	height: 17px;
+	vertical-align: top;
+}
+
+[dir=rtl] .secondary-menu {
+    left: 10px;
+    right: auto;
+}
+
+[dir=rtl] .secondary-menu ul {
+	left: auto;
+	right: -40px;
+}
+
+[dir=rtl] .secondary-menu ul li {
+	text-align: right;
+}
+
+/* ====== Primary menu ========= */
+header h1 {
+    color: #039;
+    font-size: 20px;
+    font-weight: normal;
+	margin: 5px 12px;
+}
+
+.primary-menu {
+	position: absolute;
+	top: 20px;
+	left: -20px;
+}
+
+[dir=rtl] .primary-menu {
+	right: -20px;
+	left: auto;
+}
+.primary-menu ul {
+	padding: 0;
 	margin: 0;
+	border: 1px solid #ddd;
+	list-style-type: none;
+	position: absolute;
+	visibility: hidden;
+	opacity: 0;
+	background-color: #fff;
 }
 
-#edit_interface-page #changefam td {
-	padding: 5px;
-	white-space: normal;
+.primary-menu li {
+	float: left;
+	position: relative;
+	display: block;
+	list-style: none;
 }
 
-#edit_interface-page #changefam td.child {
-	text-align: center;
+.primary-menu li a {
+	display: block;
 }
 
-#save-cancel {
-	position: fixed;
-	bottom: 0;
-	border-radius: 3px;
-	width: 96.5%;
-	border: solid #999 1px;
+.primary-menu li > ul {
+	display: block;
+	position: absolute;
+	top: 0;
+	left: 100%;
+	right: auto;
+}
+
+.primary-menu > li > a {
+	height: 37px;
+	width: 27px;
+	color: transparent; /* Use class="sr-only" from bootstrap? */
+}
+
+.primary-menu > li > ul {
+	left: 0;
+	right: auto;
+	top: 22px;
+}
+
+.primary-menu a {
+	display: block;
+	text-decoration: none;
+	padding: 0 10px;
 	margin: 0;
+	white-space: nowrap;
 }
 
-#save-cancel input {
-	padding: 2px 8px;
+.primary-menu ul li:hover a,
+.primary-menu li:hover li a {
+	background: none;
+	border: 0;
 }
 
-#save-cancel .save {
-	float: left;
-	margin: 5px;
+.primary-menu li:hover > ul {
+	visibility: visible;
+	opacity: 1;
 }
 
-#save-cancel .cancel {
-	float: right;
-	margin: 5px;
+.primary-menu > li > ul > li:first-child {
+	text-indent: 0;
+	min-width: 100px;
+	width: 100%;
+	background: none;
+	font-weight: bold;
+	white-space: nowrap;
+	font-size: 14px;
+	text-align: center;
+	height: 22px;
+	line-height: 1.5;
+	border-bottom: solid #ddd 1px;
 }
 
-[dir=rtl] #save-cancel .save {
-	float: right;
+.primary-menu > li {
+	background-image: url(images/sprites-top-menu.png);
+	background-repeat: no-repeat;
+	line-height: 22px;
+	margin: 5px 0 0 10px;
+	width: 22px;
+	height: 22px;
 }
 
-[dir=rtl] #save-cancel .cancel {
-	float: left;
+
+
+.primary-menu li ul li {
+	background-image: url(images/sprites-sub-menu.png);
+	background-repeat: no-repeat;
+	height: 22px;
+	left: auto;
+	line-height: 15px;
+	text-align: left;
+	margin: 2px 0;
+	text-indent: 22px;
+	width: 100%;
 }
 
-#edit_interface-page,
-#addmedia-page {
-	margin-bottom: 50px;
+/* Reverse left and right on RTL pages */
+[dir=rtl] .primary-menu > li {
+	margin: 4px 16px 0 0;
 }
 
-/* Addmedia pop-ups*/
-#addmedia-page input[type="text"] {
-	line-height: 18px;
-	margin: 0 5px;
-	width: 250px;
+[dir=rtl] .primary-menu li {
+	float: right;
 }
 
-#addmedia-page .optionbox select {
-	margin: 0 5px;
+[dir=rtl] .primary-menu li:hover > ul {
+	right: 100%;
+	left: auto;
 }
 
-#addmedia-page .optionbox p.sub {
-	font-size: 11px;
-	margin: 0 5px;
+[dir=rtl] .primary-menu > li:hover > ul {
+	left: auto;
+	right: 0;
 }
 
-#addmedia-page input[type="text"][id*="PAGE"],
-#addmedia-page input[type="text"][id*="_UID"] {
-	width: 350px;
+[dir=rtl] .primary-menu li li {
+	text-align: right;
 }
 
-#addmedia-page input[type="text"][id*="SOUR"],
-#addmedia-page input[type="text"][id*="REPO"],
-#addmedia-page input[type="text"][id*="OBJE"],
-#addmedia-page input[type="text"][id*="FAMC"],
-#addmedia-page input[type="text"][id*="ASSO"],
-#addmedia-page input[type="text"][id^="AGE"],
-#addmedia-page input[type="text"][id*="SHARED_NOTE"] {
-	width: 70px;
+[dir=rtl] .primary-menu li li a {
+	display: block;
 }
 
-#addmedia-page input[id*="TEXT"] {
-	height: 140px;
-	width: 440px;
+[dir=rtl] .primary-menu > li > ul > li:first-child {
+	text-align: center;
 }
 
-#addmedia-page textarea {
-	margin: 0 5px;
-	width: 440px;
+/* ====== End Theme Header ===== */
+
+/* ====== Theme Footer ========= */
+
+footer {
+	clear: both;
+	font-size: 12px;
+	padding-top: 10px;
+	text-align: center;
+}
+.contact_links {
+	margin-top: 15px;
 }
 
-#addmedia-page textarea[id*="NOTE"] {
-	height: 240px;
+.powered-by-webtrees {
+	display: inline-block;
+	margin-top: 10px;
+	width: 100px;
+	height: 21px;
 }
 
-/* Styling for the jquery.colorbox gallery */
-#colorbox,
-#cboxOverlay,
-#cboxWrapper {
-	position: absolute;
-	top: 0;
-	left: 0;
-	z-index: 9999;
-	overflow: hidden;
+.powered-by-webtrees:after {
+	content: url(images/powered-by-webtrees.png);
 }
 
-#colorbox {
-	border: 2px solid #ccc;
+.logo {
+	text-align: center;
 }
 
-#cboxOverlay {
-	position: fixed;
-	width: 100%;
-	height: 100%;
-	background: #ccc;
+footer .center {
+	text-align: center;
 }
 
-#cboxContent {
-	background: #fff;
-	border: 5px solid #888;
+footer .error {
+	color: #d00;
+	font-weight: bold;
 }
 
-#cboxLoadedContent {
-	overflow: auto;
-	background: #fff;
-	margin-bottom: 30px;
-	margin-top: 35px;
+.user_links {
+	white-space: nowrap;
 }
 
-#cboxTitle {
-	position: absolute;
-	left: 0;
-	top: 10px;
-	color: #949494;
+#link_change_blocks {
+	clear: both;
+	margin: 0 auto;
+	padding: 25px 0 0;
 	text-align: center;
-	width: 100%;
-	font-weight: 800;
-	font-size: 14px;
+	width: 400px;
 }
 
-.cboxPhoto {
-	float: left;
-	margin: auto;
-	border: 0;
-	display: block;
-	max-width: none;
+#link_change_blocks span {
+	padding: 0 50px;
 }
 
-.cboxIframe {
-	width: 100%;
-	height: 100%;
-	display: block;
-	border: 0;
+#link_change_blocks span span {
+	padding: 0 3px;
 }
 
-#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;
+/* ====== End Theme Footer ===== */
+
+/* ====== Theme Icons ========== */
+/* ***** Header icons **** */
+#menu-tree {
+	background-position: 0 0;
 }
 
-#cboxPrevious:hover {
-	background-position: -75px -25px;
+#menu-mymenu {
+	background-position: 0 -204px;
 }
 
-#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;
+#menu-chart {
+	background-position: 0 -29px;
 }
 
-#cboxNext:hover {
-	background-position: -50px -25px;
+#menu-list {
+	background-position: 0 -59px;
 }
 
-#cboxSlideshow {
-	position: absolute;
-	bottom: 5px;
-	left: 57px;
-	margin: 10px;
-	border: 0;
-	background: none;
-	font-size: 14px;
-	font-weight: 400;
+#menu-report {
+	background-position: 0 -117px;
 }
 
-#cboxSlideshow:hover {
-	color: red;
-	background: #fff;
+#menu-calendar {
+	background-position: 0 -88px;
 }
 
-#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;
+#menu-search {
+	background-position: 0 -146px;
 }
 
-#cboxClose:hover {
-	background-position: -25px -25px;
+#menu-help {
+	background-position: 0 -175px;
 }
 
-#cboxCurrent {
-	bottom: 4px;
-	color: #949494;
-	left: 58px;
-	position: absolute;
+#menu-clippings {
+	background-position: 0 -233px;
 }
 
-[dir=rtl] #cboxPrevious {
-	right: 27px;
-	left: auto;
+#menu-indi {
+	background-position: 0 -261px;
 }
 
-[dir=rtl] #cboxNext {
-	right: 0;
-	left: auto;
+#menu-sour {
+	background-position: 0 -320px;
 }
 
-[dir=rtl] #cboxCurrent {
-	right: auto;
-	left: 0;
+#menu-fam {
+	background-position: 0 -291px;
 }
 
-[dir=rtl] #cboxClose {
-	right: auto;
-	left: 0;
+#menu-obje {
+	background-position: 0 -378px;
 }
 
-[dir=rtl] #cboxSlideshow {
-	right: 57px;
-	left: auto;
+#menu-note {
+	background-position: 0 -348px;
 }
 
-/* Census assistant module */
-table.table-census-assistant th {
-	font-weight: bold;
-	text-align: left;
+#menu-repo {
+	background-position: 0 -407px;
 }
 
-/* Stories module */
-.story_title {
-	padding-top: 12px;
-	height: 32px;
-	font-size: 13px;
-	font-weight: 700;
+#menu-story {
+	background-position: 0 -436px;
 }
 
-.story_body {
-	padding: 20px;
-	white-space: normal;
+/* Header Sub-menu icons */
+#menu-admin {
+	background-position: left -644px;
 }
 
-.story_edit {
-	padding: 12px;
+[dir=rtl] #menu-admin {
+	background-position: right -644px;
 }
 
-/* User content in stories tab */
-#stories h2,
-#stories h3,
-#stories h4,
-#stories h5 {
-	padding-top: 20px;
+#menu-branches {
+	background-position: left -414px;
 }
 
-#stories p {
-	padding-top: 8px;
+[dir=rtl] #menu-branches {
+	background-position: right -414px;
 }
 
-.btn-group {
-	display: inline-block;
-	margin: 0 4px;
+#menu-calendar-day {
+	background-position: left -506px;
+}
+
+[dir=rtl] #menu-calendar-day {
+	background-position: right -506px;
+}
+
+#menu-calendar-month {
+	background-position: left -506px;
+}
+
+[dir=rtl] #menu-calendar-month {
+	background-position: right -506px;
+}
+
+#menu-calendar-year {
+	background-position: left -506px;
+}
+
+[dir=rtl] #menu-calendar-year {
+	background-position: right -506px;
+}
+
+#menu-chart-ancestry {
+	background-position: left -0px;
+}
+
+[dir=rtl] #menu-chart-ancestry {
+	background-position: right -0px;
+}
+
+#menu-chart-compact {
+	background-position: left -0px;
+}
+
+[dir=rtl] #menu-chart-compact {
+	background-position: right -0px;
+}
+#menu-chart-descendants {
+	background-position: left -69px;
+}
+
+[dir=rtl] #menu-chart-descendants {
+	background-position: right -69px;
+}
+
+#menu-chart-familybook {
+	background-position: left -92px;
+}
+
+[dir=rtl] #menu-chart-familybook {
+	background-position: right -92px;
+}
+
+#menu-chart-fanchart {
+	background-position: left -23px;
+}
+
+[dir=rtl] #menu-chart-fanchart {
+	background-position: right -23px;
+}
+
+#menu-chart-hourglass {
+	background-position: left -115px;
+}
+
+[dir=rtl] #menu-chart-hourglass {
+	background-position: right -115px;
+}
+
+#menu-chart-lifespan {
+	background-position: left -161px;
+}
+
+[dir=rtl] #menu-chart-lifespan {
+	background-position: right -161px;
+}
+
+#menu-chart-pedigree {
+	background-position: left -184px;
+}
+
+[dir=rtl] #menu-chart-pedigree {
+	background-position: right -184px;
+}
+
+#menu-chart-pedigree_map {
+	background-position: left -207px;
+}
+
+[dir=rtl] #menu-chart-pedigree_map {
+	background-position: right -207px;
+}
+
+#menu-chart-relationship {
+	background-position: left -230px;
+}
+
+[dir=rtl] #menu-chart-relationship {
+	background-position: right -230px;
+}
+
+#menu-chart-statistics {
+	background-position: left -253px;
+}
+
+[dir=rtl] #menu-chart-statistics {
+	background-position: right -253px;
+}
+
+#menu-chart-timeline {
+	background-position: left -276px;
+}
+
+[dir=rtl] #menu-chart-timeline {
+	background-position: right -276px;
+}
+
+#menu-chart-tree {
+	background-position: left -138px;
+}
+
+[dir=rtl] #menu-chart-tree {
+	background-position: right -138px;
+}
+
+#menu-clippingsadd {
+	background-position: left -621px;
+}
+
+[dir=rtl] #menu-clippingsadd {
+	background-position: right -621px;
+}
+
+#menu-clippingscart {
+	background-position: left -621px;
+}
+
+[dir=rtl] #menu-clippingscart {
+	background-position: right -621px;
+}
+
+#menu-fam-addchil {
+	background-position: left -759px;
+}
+
+[dir=rtl] #menu-fam-addchil {
+	background-position: right -759px;
+}
+
+#menu-fam-addfav {
+	background-position: left -736px;
+}
+
+[dir=rtl] #menu-fam-addfav {
+	background-position: right -736px;
+}
+
+#menu-fam-change {
+	background-position: left -759px;
+}
+
+[dir=rtl] #menu-fam-change {
+	background-position: right -759px;
+}
+
+#menu-fam-del {
+	background-position: left -713px;
+}
+
+[dir=rtl] #menu-fam-del {
+	background-position: right -713px;
+}
+
+#menu-fam-editraw {
+	background-position: left -667px;
+}
+
+[dir=rtl] #menu-fam-editraw {
+	background-position: right -667px;
+}
+
+#menu-fam-orderchil {
+	background-position: left -759px;
+}
+
+[dir=rtl] #menu-fam-orderchil {
+	background-position: right -759px;
+}
+
+#menu-help-contents {
+	background-position: left -552px;
+}
+
+[dir=rtl] #menu-help-contents {
+	background-position: right -552px;
+}
+
+#menu-help-faq {
+	background-position: left -552px;
+}
+
+[dir=rtl] #menu-help-faq {
+	background-position: right -552px;
+}
+
+#menu-help-genealogy {
+	background-position: left -552px;
+}
+
+[dir=rtl] #menu-help-genealogy {
+	background-position: right -552px;
+}
+
+#menu-help-hide {
+	background-position: left -552px;
+}
+
+[dir=rtl] #menu-help-hide {
+	background-position: right -552px;
+}
+
+#menu-help-show {
+	background-position: left -552px;
+}
+
+[dir=rtl] #menu-help-show {
+	background-position: right -552px;
+}
+
+#menu-help-technical {
+	background-position: left -598px;
+}
+
+[dir=rtl] #menu-help-technical {
+	background-position: right -598px;
+}
+
+#menu-help-wiki {
+	background-position: left -575px;
+}
+
+[dir=rtl] #menu-help-wiki {
+	background-position: right -575px;
+}
+
+#menu-indi-addfav {
+	background-position: left -736px;
+}
+
+[dir=rtl] #menu-indi-addfav {
+	background-position: right -736px;
+}
+
+#menu-indi-addname {
+	background-position: left -690px;
+}
+
+[dir=rtl] #menu-indi-addname {
+	background-position: right -690px;
+}
+
+#menu-indi-del {
+	background-position: left -713px;
+}
+
+[dir=rtl] #menu-indi-del {
+	background-position: right -713px;
+}
+
+#menu-indi-editraw {
+	background-position: left -667px;
+}
+
+[dir=rtl] #menu-indi-editraw {
+	background-position: right -667px;
+}
+
+#menu-indi-editsex {
+	background-position: left -690px;
+}
+
+[dir=rtl] #menu-indi-editsex {
+	background-position: right -690px;
+}
+
+#menu-list-fam {
+	background-position: left -437px;
+}
+
+[dir=rtl] #menu-list-fam {
+	background-position: right -437px;
+}
+
+#menu-list-indi {
+	background-position: left -460px;
+}
+
+[dir=rtl] #menu-list-indi {
+	background-position: right -460px;
+}
+
+#menu-list-note {
+	background-position: left -368px;
+}
+
+[dir=rtl] #menu-list-note {
+	background-position: right -368px;
+}
+
+#menu-list-obje {
+	background-position: left -299px;
+}
+
+[dir=rtl] #menu-list-obje {
+	background-position: right -299px;
+}
+
+#menu-list-plac {
+	background-position: left -322px;
+}
+
+[dir=rtl] #menu-list-plac {
+	background-position: right -322px;
+}
+
+#menu-list-repo {
+	background-position: left -345px;
+}
+
+[dir=rtl] #menu-list-repo {
+	background-position: right -345px;
+}
+
+#menu-list-sour {
+	background-position: left -391px;
+}
+
+[dir=rtl] #menu-list-sour {
+	background-position: right -391px;
+}
+
+#menu-myaccount {
+	background-position: left -598px;
+}
+
+[dir=rtl] #menu-myaccount {
+	background-position: right -598px;
+}
+
+#menu-mypage {
+	background-position: left -598px;
+}
+
+[dir=rtl] #menu-mypage {
+	background-position: right -598px;
+}
+
+#menu-mypedigree {
+	background-position: left -828px;
+}
+
+[dir=rtl] #menu-mypedigree {
+	background-position: right -828px;
+}
+
+#menu-myrecord {
+	background-position: left -460px;
+}
+
+[dir=rtl] #menu-myrecord {
+	background-position: right -460px;
+}
+
+#menu-note-addfav {
+	background-position: left -736px;
+}
+
+[dir=rtl] #menu-note-fav {
+	background-position: right -736px;
+}
+
+#menu-note-del {
+	background-position: left -713px;
+}
+
+[dir=rtl] #menu-note-del {
+	background-position: right -713px;
+}
+
+#menu-note-edit {
+	background-position: left -805px;
+}
+
+[dir=rtl] #menu-note-edit {
+	background-position: right -805px;
+}
+
+#menu-note-editraw {
+	background-position: left -667px;
+}
+
+[dir=rtl] #menu-note-editraw {
+	background-position: right -667px;
+}
+
+#menu-obje-addfav {
+	background-position: left -736px;
+}
+
+[dir=rtl] #menu-obje-addfav {
+	background-position: right -736px;
+}
+
+#menu-obje-del {
+	background-position: left -713px;
+}
+
+[dir=rtl] #menu-obje-del {
+	background-position: right -713px;
+}
+
+#menu-obje-edit {
+	background-position: left -852px;
+}
+
+[dir=rtl] #menu-obje-edit {
+	background-position: right -852px;
+}
+
+#menu-obje-editraw {
+	background-position: left -667px;
+}
+
+[dir=rtl] #menu-obje-editraw {
+	background-position: right -667px;
+}
+
+#menu-obje-link {
+	background-position: left -875px;
+}
+
+[dir=rtl] #menu-obje-link {
+	background-position: right -875px;
+}
+
+#menu-obje-link-fam {
+	background-position: left -437px;
+}
+
+[dir=rtl] #menu-obje-link-fam {
+	background-position: right -437px;
+}
+
+#menu-obje-link-indi {
+	background-position: left -460px;
+}
+
+[dir=rtl] #menu-obje-link-indi {
+	background-position: right -460px;
+}
+
+#menu-obje-link-sour {
+	background-position: left -391px;
+}
+
+[dir=rtl] #menu-obje-link-sour {
+	background-position: right -391px;
+}
+
+#menu-repo-addfav {
+	background-position: left -736px;
+}
+
+[dir=rtl] #menu-repo-addfav {
+	background-position: right -736px;
+}
+
+#menu-repo-del {
+	background-position: left -713px;
+}
+
+[dir=rtl] #menu-repo-del {
+	background-position: right -713px;
+}
+
+#menu-repo-edit {
+	background-position: left -897px;
+}
+
+[dir=rtl] #menu-repo-edit {
+	background-position: right -897px;
+}
+
+#menu-repo-editraw {
+	background-position: left -667px;
+}
+
+[dir=rtl] #menu-repo-editraw {
+	background-position: right -667px;
+}
+
+#menu-report li {
+	background-position: left -483px;
+}
+
+[dir=rtl] #menu-report li {
+	background-position: right -483px;
+}
+
+#menu-search-advanced {
+	background-position: left -529px;
+}
+
+[dir=rtl] #menu-search-advanced {
+	background-position: right -529px;
+}
+
+#menu-search-general {
+	background-position: left -529px;
+}
+
+[dir=rtl] #menu-search-general {
+	background-position: right -529px;
+}
+
+#menu-search-replace {
+	background-position: left -529px;
+}
+
+[dir=rtl] #menu-search-replace {
+	background-position: right -529px;
+}
+
+#menu-search-soundex {
+	background-position: left -529px;
+}
+
+[dir=rtl] #menu-search-soundex {
+	background-position: right -529px;
+}
+
+#menu-sour-addfav {
+	background-position: left -736px;
+}
+
+[dir=rtl] #menu-sour-addfav {
+	background-position: right -736px;
+}
+
+#menu-sour-del {
+	background-position: left -713px;
+}
+
+[dir=rtl] #menu-sour-del {
+	background-position: right -713px;
+}
+
+#menu-sour-edit {
+	background-position: left -782px;
+}
+
+[dir=rtl] #menu-sour-edit {
+	background-position: right -782px;
+}
+
+#menu-sour-editraw {
+	background-position: left -667px;
+}
+
+[dir=rtl] #menu-sour-editraw {
+	background-position: right -667px;
+}
+
+#menu-story-sub {
+	background-position: left -920px;
+}
+
+[dir=rtl] #menu-story-sub {
+	background-position: right -920px;
+}
+
+#menu-tree li {
+	background-position: left -667px;
+}
+
+[dir=rtl] #menu-tree li {
+	background-position: right -667px;
+}
+
+.icon-indis {
+	width: 22px;
+	height: 22px;
+	background-image: url(images/indis.png);
+}
+
+.icon-patriarch {
+	width: 25px;
+	height: 25px;
+	background-image: url(images/patriarch.png);
+}
+
+.icon-pedigree {
+	width: 22px;
+	height: 22px;
+	background-image: url(images/pedigree.png);
+}
+
+.icon-place {
+	width: 22px;
+	height: 22px;
+	background-image: url(images/place.png);
+}
+
+.icon-repo-list {
+	width: 22px;
+	height: 22px;
+	background-image: url(images/repository.png);
+}
+
+.icon-repository {
+	width: 22px;
+	height: 22px;
+	background-image: url(images/repository.png);
+}
+
+.icon-search {
+	width: 16px;
+	height: 16px;
+	background-image: url(images/go.png);
+}
+
+.icon-sfamily {
+	width: 22px;
+	height: 22px;
+	background-image: url(images/sfamily.png);
+}
+
+.icon-source-list {
+	width: 25px;
+	height: 25px;
+	background-image: url(images/source.png);
+}
+
+.icon-tree {
+	width: 20px;
+	height: 20px;
+	background-image: url(images/gedcom.png);
+}
+
+.icon-user_add {
+	width: 22px;
+	height: 22px;
+	background-image: url(images/user_add.png);
+}
+
+.icon-webtrees {
+	width: 100px;
+	height: 21px;
+	background-image: url(images/webtrees.png);
+}
+
+@media print {
+	header,
+	footer,
+	form,
+	#sidebar,
+	#separator,
+	.noprint {
+		display: none;
+	}
+
+	#content {
+		padding: 0;
+	}
+
+	#pedigree_chart {
+		left: -40px;
+		top:  -260px;
+	}
+
+	[dir=rtl] #pedigree_chart {
+		left: auto;
+		right: -20px;
+	}
+
+	#header_accordion1 {
+		width: 510px;
+	}
+
+	#familybook_chart h3 {
+		margin-bottom: 10px;
+		vertical-align: middle;
+	}
+
+	.lifespan_outer {
+		border: 0;
+		height: auto;
+		overflow: visible;
+		position: relative;
+		width: auto;
+	}
+
+	.lifespan_people {
+		left: -10px;
+		position: absolute;
+		top: -60px;
+		width: auto;
+		z-index: 1;
+	}
 }
diff --git a/themes/clouds/footer.php b/themes/clouds/footer.php
deleted file mode 100644
index 565ddf53c9..0000000000
--- a/themes/clouds/footer.php
+++ /dev/null
@@ -1,45 +0,0 @@
-<?php
-// Footer for Clouds theme
-//
-// webtrees: Web based Family History software
-// Copyright (C) 2014 webtrees development team.
-//
-// Derived from PhpGedView Cloudy theme
-// Copyright (C) 2002 to 2009 PGV 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 2 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, write to the Free Software
-// Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
-
-if (!defined('WT_WEBTREES')) {
-	header('HTTP/1.0 403 Forbidden');
-	exit;
-}
-
-echo '</main>';
-if ($view !== 'simple') {
-	echo '<footer>';
-	echo contact_links();
-	echo '<p class="logo">';
-	echo '<a href="', WT_WEBTREES_URL, '" target="_blank" class="icon-webtrees" title="', WT_WEBTREES, ' ', WT_VERSION, '"></a>';
-	echo '</p>';
-	if ($WT_TREE && $WT_TREE->getPreference('SHOW_STATS')) {
-		echo execution_stats();
-	}
-	if (exists_pending_change()) {
-		echo '<a href="#" onclick="window.open(\'edit_changes.php\', \'_blank\', chan_window_specs); return false;">';
-		echo '<p class="error center">', WT_I18N::translate('There are pending changes for you to moderate.'), '</p>';
-		echo '</a>';
-	}
-	echo '</footer>';
-}
diff --git a/themes/clouds/header.php b/themes/clouds/header.php
deleted file mode 100644
index f2c3d59357..0000000000
--- a/themes/clouds/header.php
+++ /dev/null
@@ -1,123 +0,0 @@
-<?php
-// Header for clouds theme
-//
-// webtrees: Web based Family History software
-// Copyright (C) 2014 webtrees development team.
-//
-// Derived from PhpGedView
-// Copyright (C) 2002 to 2009 PGV 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 2 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, write to the Free Software
-// Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
-
-use WT\Auth;
-
-if (!defined('WT_WEBTREES')) {
-	header('HTTP/1.0 403 Forbidden');
-	exit;
-}
-
-global $WT_IMAGES;
-
-// This theme uses the jQuery “colorbox” plugin to display images
-$this
-	->addExternalJavascript(WT_JQUERY_COLORBOX_URL)
-	->addExternalJavascript(WT_JQUERY_WHEELZOOM_URL)
-	->addInlineJavascript('activate_colorbox();')
-	->addInlineJavascript('jQuery.extend(jQuery.colorbox.settings, {width:"85%", height:"85%", transition:"none", slideshowStart:"'. WT_I18N::translate('Play').'", slideshowStop:"'. WT_I18N::translate('Stop').'"})')
-	->addInlineJavascript('
-		jQuery.extend(jQuery.colorbox.settings, {
-			title: function() {
-				var img_title = jQuery(this).data("title");
-				return img_title;
-			}
-		});
-	');
-
-$menu_items = array(
-	WT_MenuBar::getGedcomMenu(),
-	WT_MenuBar::getMyPageMenu(),
-	WT_MenuBar::getChartsMenu(),
-	WT_MenuBar::getListsMenu(),
-	WT_MenuBar::getCalendarMenu(),
-	WT_MenuBar::getReportsMenu(),
-	WT_MenuBar::getSearchMenu(),
-);
-foreach (WT_MenuBar::getModuleMenus() as $menu) {
-	$menu_items[] = $menu;
-}
-
-?>
-<!DOCTYPE html>
-<html <?php echo WT_I18N::html_markup(); ?>>
-<head>
-	<meta charset="UTF-8">
-	<meta http-equiv="X-UA-Compatible" content="IE=edge">
-	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<?php echo header_links($META_DESCRIPTION, $META_ROBOTS, $META_GENERATOR, $LINK_CANONICAL); ?>
-	<title><?php echo WT_Filter::escapeHtml($title); ?></title>
-	<link rel="icon" href="<?php echo WT_CSS_URL; ?>favicon.png" type="image/png">
-	<link rel="stylesheet" type="text/css" href="<?php echo WT_THEME_URL; ?>jquery-ui-1.11.2/jquery-ui.css">
-	<link rel="stylesheet" type="text/css" href="<?php echo WT_CSS_URL; ?>style.css">
-	<!--[if IE 8]>
-	<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>
-	<![endif]-->
-</head>
-<body id="body">
-	<?php if ($view !== 'simple') { ?>
-	<header>
-		<div id="header">
-			<h1><?php echo WT_TREE_TITLE; ?></h1>
-			<div class="hsearch">
-				<form style="display:inline;" action="search.php" method="post" role="search">
-					<input type="hidden" name="action" value="general">
-					<input type="hidden" name="ged" value="<?php echo WT_GEDCOM; ?>">
-					<input type="hidden" name="topsearch" value="yes">
-					<input type="search" name="query" size="15" placeholder="<?php echo WT_I18N::translate('Search'); ?>">
-					<input class="search-icon" type="image" src="<?php echo $WT_IMAGES['search']; ?>" alt="<?php echo WT_I18N::translate('Search'); ?>" title="<?php echo WT_I18N::translate('Search'); ?>">
-				</form>
-			</div>
-		</div>
-		<div id="topMenu">
-			<nav>
-				<ul id="main-menu">
-					<?php
-					foreach (array_filter($menu_items) as $menu) {
-						echo getMenuAsCustomList($menu);
-					}
-					?>
-				</ul>
-			</nav>
-			<div id="header-user-links">
-				<ul class="makeMenu">
-					<?php
-					if (Auth::check()) {
-						echo '<li><a href="edituser.php" class="link">', WT_Filter::escapeHtml(Auth::user()->getRealName()), '</a></li><li>', logout_link(), '</li>';
-						if (WT_USER_CAN_ACCEPT && exists_pending_change()) {
-							echo ' <li><a href="#" onclick="window.open(\'edit_changes.php\',\'_blank\', chan_window_specs); return false;" style="color:red;">', WT_I18N::translate('Pending changes'), '</a></li>';
-						}
-					} else {
-						echo '<li>', login_link(),'</li>';
-					}
-					?>
-					<?php echo WT_MenuBar::getFavoritesMenu(); ?>
-					<?php echo WT_MenuBar::getLanguageMenu(); ?>
-					<?php echo WT_MenuBar::getThemeMenu(); ?>
-				</ul>
-			</div>
-		</div>
-	</header>
-	<?php } ?>
-	<?php echo WT_FlashMessages::getHtmlMessages(); ?>
-	<main id="content">
diff --git a/themes/clouds/templates/block_main_temp.php b/themes/clouds/templates/block_main_temp.php
deleted file mode 100644
index dbfe4965a0..0000000000
--- a/themes/clouds/templates/block_main_temp.php
+++ /dev/null
@@ -1,49 +0,0 @@
-<?php
-// Template for drawing the main blocks on the portal pages
-//
-// This template expects that the following variables will be set
-// $id - the DOM id for the block div
-// $title - the title of the block
-// $class - the additional class of the block
-// $content - the content of the block
-//
-// webtrees: Web based Family History software
-// Copyright (C) 2014 webtrees development team.
-//
-// Derived from PhpGedView
-// Copyright (C) 2010 PGV 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 2 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, write to the Free Software
-// Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
-
-if (!defined('WT_WEBTREES')) {
-	header('HTTP/1.0 403 Forbidden');
-	exit;
-}
-
-?>
-<div id="<?php echo $id; ?>" class="block" >
-	<table class="blockheader">
-		<tr>
-			<td class="blockh1" ></td>
-			<td class="blockh2" >
-				<div class="blockhc"><b><?php echo $title; ?></b></div>
-			</td>
-			<td class="blockh3"></td>
-		</tr>
-	</table>
-	<div class="blockcontent <?php echo $class; ?>">
-		<?php echo $content; ?>
-	</div>
-</div>
diff --git a/themes/clouds/templates/block_small_temp.php b/themes/clouds/templates/block_small_temp.php
deleted file mode 100644
index 24af18c7d8..0000000000
--- a/themes/clouds/templates/block_small_temp.php
+++ /dev/null
@@ -1,51 +0,0 @@
-<?php
-// Template for drawing the height-restricted blocks on the portal pages
-//
-// This template expects that the following variables will be set
-// $id - the DOM id for the block div
-// $title - the title of the block
-// $class - the additional class of the block
-// $content - the content of the block
-//
-// webtrees: Web based Family History software
-// Copyright (C) 2014 webtrees development team.
-//
-// Derived from PhpGedView
-// Copyright (C) 2010 PGV 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 2 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, write to the Free Software
-// Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
-
-if (!defined('WT_WEBTREES')) {
-	header('HTTP/1.0 403 Forbidden');
-	exit;
-}
-
-?>
-<div id="<?php echo $id; ?>" class="block" >
-	<table class="blockheader">
-		<tr>
-			<td class="blockh1" ></td>
-			<td class="blockh2" >
-				<div class="blockhc"><b><?php echo $title; ?></b></div>
-			</td>
-			<td class="blockh3"></td>
-		</tr>
-	</table>
-	<div class="blockcontent <?php echo $class; ?>">
-		<div class="small_inner_block">
-		<?php echo $content; ?>
-		</div>
-	</div>
-</div>
diff --git a/themes/clouds/templates/compactbox_template.php b/themes/clouds/templates/compactbox_template.php
deleted file mode 100644
index 4a3386f801..0000000000
--- a/themes/clouds/templates/compactbox_template.php
+++ /dev/null
@@ -1,45 +0,0 @@
-<?php
-// Template for drawing person boxes
-// This template expects that the following variables will be set
-//  $pid, $boxID, $icons, $GEDCOM, $style,
-// $name, $outBoxAdd, $addname
-//
-// webtrees: Web based Family History software
-// Copyright (C) 2014 webtrees development team.
-//
-// Derived from PhpGedView
-// Copyright (C) 2010 PGV 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 2 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, write to the Free Software
-// Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
-
-if (!defined('WT_WEBTREES')) {
-	header('HTTP/1.0 403 Forbidden');
-	exit;
-}
-
-echo
-'<div data-pid="'. $pid . '"' , $outBoxAdd, '>
-	<div class="compact_view">',
-		$thumbnail,
-		'<a href="individual.php?pid=', $pid, '&amp;ged=', rawurlencode($GEDCOM), '" title="',strip_tags($name.$addname),'">
-			<span class="namedef name',$style,'">', $shortname, '</span>
-		</a>
-	</div>
-	<div class="inout2 details',$style,'">',
-		$person->getLifeSpan(), '
-	</div>
-	<div class="inout"></div>
-</div>';
-
diff --git a/themes/clouds/templates/personbox_template.php b/themes/clouds/templates/personbox_template.php
deleted file mode 100644
index b1fdc7ade2..0000000000
--- a/themes/clouds/templates/personbox_template.php
+++ /dev/null
@@ -1,52 +0,0 @@
-<?php
-// Template for drawing person boxes
-// This template expects that the following variables will be set
-// $pid, $boxID, $icons, $GEDCOM, $style,
-// $name, $genderImage, $BirthDeath, $outBoxAdd,
-// $addname
-//
-// webtrees: Web based Family History software
-// Copyright (C) 2014 webtrees development team.
-//
-// Derived from PhpGedView
-// Copyright (C) 2010 PGV Development Team. All rights reserved.
-//
-// 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 2 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, write to the Free Software
-// Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
-
-if (!defined('WT_WEBTREES')) {
-	header('HTTP/1.0 403 Forbidden');
-	exit;
-}
-
-echo
-'<div data-pid="'. $pid . '" ',$outBoxAdd,'>
-	<div class="noprint icons">', $icons, '</div>',
-	'<div class="chart_textbox" style="max-height:', $bheight,'px;">',
-		$thumbnail,
-		'<a href="individual.php?pid=', $pid, '&amp;ged=', rawurlencode($GEDCOM), '">
-			<span class="namedef name',$style,'">',
-				$name,
-				$genderImage,'
-				<span class="details',$style,'">' . $LDSord . '</span>
-			</span>
-		</a>
-		<div class="namedef name',$style,'">',$addname,'</div>
-		<div class="inout2 details',$style,'">',
-			$BirthDeath,
-		'</div>
-	</div>
-	<div class="inout"></div>
-</div>';
-
diff --git a/themes/clouds/theme.php b/themes/clouds/theme.php
index 1433358e86..64d23eca49 100644
--- a/themes/clouds/theme.php
+++ b/themes/clouds/theme.php
@@ -2,11 +2,7 @@
 // Clouds theme
 //
 // webtrees: Web based Family History software
-// Copyright (C) 2014 webtrees development team.
-//
-// Derived from PhpGedView Cloudy theme
-// Original author w.a. bastein http://genealogy.bastein.biz
-// Copyright (C) 2010 PGV Development Team.
+// Copyright (C) 2015 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
@@ -22,108 +18,4 @@
 // along with this program; if not, write to the Free Software
 // Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
 
-if (!defined('WT_WEBTREES')) {
-	header('HTTP/1.0 403 Forbidden');
-	exit;
-}
-
-/**
- * Convert a menu into our theme-specific format
- *
- * @param WT_Menu $menu
- *
- * @return string
- */
-function getMenuAsCustomList(WT_Menu $menu) {
-		// Create an inert menu - to use as a label
-		$tmp = new WT_Menu(strip_tags($menu->getLabel()), '');
-
-		// Insert the label into the submenu
-	$submenus = $menu->getSubmenus();
-	array_unshift($submenus, $tmp);
-	$menu->setSubmenus($submenus);
-
-		// Neutralise the top-level menu
-		$menu->setLabel('');
-		$menu->setOnclick('');
-
-		return $menu->getMenuAsList();
-}
-
-// Theme name - this needs double quotes, as file is scanned/parsed by script
-$theme_name = "clouds"; /* I18N: Name of a theme. */ WT_I18N::translate('clouds');
-
-// A version number in the path prevents browser-cache problems during upgrade
-define('WT_CSS_URL', WT_THEME_URL . 'css-1.6.2/');
-
-$headerfile = WT_THEME_DIR . 'header.php';
-$footerfile = WT_THEME_DIR . 'footer.php';
-
-$WT_IMAGES=array(
-	// used to draw charts
-	'dline'           => WT_CSS_URL .'images/dline.png',
-	'dline2'          => WT_CSS_URL .'images/dline2.png',
-	'hline'           => WT_CSS_URL .'images/hline.png',
-	'spacer'          => WT_CSS_URL .'images/spacer.png',
-	'vline'           => WT_CSS_URL .'images/vline.png',
-
-	// used in button images and javascript
-	'add'             => WT_CSS_URL .'images/add.png',
-	'button_family'   => WT_CSS_URL .'images/buttons/family.png',
-	'minus'           => WT_CSS_URL .'images/minus.png',
-	'plus'            => WT_CSS_URL .'images/plus.png',
-	'remove'          => WT_CSS_URL .'images/delete.png',
-	'search'          => WT_CSS_URL .'images/go.png',
-
-	// need different sizes before moving to CSS
-	'default_image_F' => WT_CSS_URL .'images/silhouette_female.png',
-	'default_image_M' => WT_CSS_URL .'images/silhouette_male.png',
-	'default_image_U' => WT_CSS_URL .'images/silhouette_unknown.png',
-);
-
-// Variables for the Fan chart
-$fanChart = array(
-	'font'     => WT_ROOT . 'includes/fonts/DejaVuSans.ttf',
-	'size'     => 7,
-	'color'    => '#000000',
-	'bgColor'  => '#eeeeee',
-	'bgMColor' => '#b1cff0',
-	'bgFColor' => '#e9daf1'
-);
-
-// This section defines variables for the charts
-$bwidth        = 250; // width of boxes on all person-box based charts
-$bheight       = 80;  // height of boxes on all person-box based chart
-$baseyoffset   = 10;  // position the timeline chart relative to the top of the page
-$basexoffset   = 10;  // position the pedigree and timeline charts relative to the left of the page
-$bxspacing     = 4;   // horizontal spacing between boxes on the pedigree chart
-$byspacing     = 5;   // vertical spacing between boxes on the pedigree chart
-$brborder      = 1;   // pedigree chart box right border thickness
-$linewidth     = 1.5; // width of joining lines
-$shadowcolor   = '';  // shadow color for joining lines
-$shadowblur    = 0;   // shadow blur for joining lines
-$shadowoffsetX = 0;   // shadowOffsetX for joining lines
-$shadowoffsetY = 0;   // shadowOffsetY for joining lines
-
-// Other settings that should not be touched
-$Dbxspacing    = 5;   // position vertical line between boxes in relationship chart
-$Dbyspacing    = 10;  // position vertical spacing between boxes in relationship chart
-$Dbwidth       = 250; // horizontal spacing between boxes in all charts
-$Dbheight      = 80;  // horizontal spacing between boxes in all charts
-$Dindent       = 15;  // width to indent ancestry and descendancy charts boxes
-$Darrowwidth   = 300; // not used that I can see ***
-
-// -- Dimensions for compact version of chart displays
-$cbwidth  = 240;
-$cbheight = 50;
-
-// The largest possible area for charts is 300,000 pixels. As the maximum height or width is 1000 pixels
-$WT_STATS_S_CHART_X = 440;
-$WT_STATS_S_CHART_Y = 125;
-$WT_STATS_L_CHART_X = 900;
-// For map charts, the maximum size is 440 pixels wide by 220 pixels high
-$WT_STATS_MAP_X = 440;
-$WT_STATS_MAP_Y = 220;
-$WT_STATS_CHART_COLOR1 = "ffffff";
-$WT_STATS_CHART_COLOR2 = "95b8e0";
-$WT_STATS_CHART_COLOR3 = "c8e7ff";
+return new WT\Theme\Clouds;