Normalize themes – clouds

The webtrees theme is being used as a base for all other standard
themes

1 files changed, 2864 insertions, 2986 deletions

diff --git a/themes/clouds/css-1.6.2/style.css b/themes/clouds/css-1.6.2/style.css
index d3b6b83c63..d373607acc 100644
--- a/themes/clouds/css-1.6.2/style.css
+++ b/themes/clouds/css-1.6.2/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,1139 +37,16 @@ body {
 	font: 12px tahoma, arial, helvetica, sans-serif;
 }
 
-/* The header and its components */
-header {
-	background: #acf url(images/clouds.png) repeat-x;
-	border: 1px solid #039;
-	margin: 10px;
-	height: 63px;
-	position: relative;
-}
-
-.header-search {
-	position: absolute;
-	top: 5px;
-	right: 10px;
-}
-
-[dir=rtl] .header-search {
-	left: 10px;
-	right: auto;
-}
-
-header h1 {
-	position: absolute;
-	left: 10px;
-	top: 5px;
-	color: #039;
-	font-size: 20px;
-	font-weight: normal;
-}
-
-[dir=rtl] header h1 {
-	right: 10px;
-	left: auto;
-}
-
-.primary-menu {
-	position: absolute;
-	bottom: 0;
-	left: -20px;
-}
-
-[dir=rtl] .primary-menu {
-	right: -20px;
-	left: auto;
-}
-
-.secondary-menu {
-	position: absolute;
-	bottom: 0;
-	right: 10px;
-}
-
-[dir=rtl] .secondary-menu {
-	left: 10px;
-	right: auto;
+#home-page {
+	padding-top: 10px;
 }
 
 main {
 	display: block;
-	padding: 10px;
-}
-
-* {
-	margin: 0;
-}
-
-td {
-	padding: 0;
-}
-
-/* ================= Header Layout */
-
-/* Set stack level for top menu row */
-.secondary-menu ul,
-.primary-menu ul {
-	z-index: 210;
-}
-
-#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;
-}
-
-.primary-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;
-}
-
-.primary-menu li {
-	display: block;
-	position: relative;
-	float: left;
-	list-style: none;
-	width: 100%;
-}
-
-.primary-menu li a {
-	display: block;
-}
-
-.primary-menu li > ul {
-	display: block;
-	position: absolute;
-	top: 0;
-	white-space: nowrap;
-	left: 100%;
-	right: auto;
-}
-
-.primary-menu > li > a {
-	height: 37px;
-	width: 27px;
-}
-
-.primary-menu > li > ul {
-	left: 0;
-	right: auto;
-	top: 22px;
-}
-
-.primary-menu a {
-	text-decoration: none;
-	padding: 0 10px;
-	margin: 0;
-	white-space: nowrap;
-}
-
-.primary-menu ul li:hover a,
-.primary-menu li:hover li a {
-	background: none;
-	border: 0;
-}
-
-.primary-menu li:hover > ul {
-	visibility: visible;
-	opacity: 1;
-}
-
-/* First row submenu style*/
-.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: 12px;
-	text-align: center;
-	height: 22px;
-	line-height: 1.5;
-	border-bottom: solid #ddd 1px;
-}
-
-/* Mainmenu Icons*/
-.primary-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 */
-.primary-menu 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] .primary-menu > li {
-	margin: 4px 16px 0 0;
-}
-
-[dir=rtl] .primary-menu li {
-	float: right;
-}
-
-[dir=rtl] .primary-menu li:hover > ul {
-	right: 100%;
-	left: auto;
-}
-
-[dir=rtl] .primary-menu > li:hover > ul {
-	left: auto;
-	right: 0;
-}
-
-[dir=rtl] .primary-menu li li {
-	text-align: right;
-}
-
-[dir=rtl] .primary-menu li li a {
-	display: block;
-}
-
-[dir=rtl] .primary-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 -436px;
-}
-
-/**** 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-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;
-}
-
-/* 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 */
-
-.secondary-menu li {
-	display: inline;
-	position: relative;
-	white-space: nowrap;
-}
-
-.secondary-menu li:before {
-	content: " | ";
-}
-
-.secondary-menu ul {
-	background-color: #eee;
-	border: thin solid #aaa;
-	display: none;
-	left: 0;
-	position: absolute;
-}
-
-.secondary-menu ul li {
-	display: block;
-	text-align: left;
-}
-
-.secondary-menu ul li a {
-	color: #333;
-	padding: 2px 5px 2px 2px !important;
-}
-
-.secondary-menu {
-	list-style: none;
-	margin-left: 0 !important;
-	padding: 1px;
-}
-
-.secondary-menu ul {
-	list-style: none;
-	margin-left: 0 !important;
-	padding: 1px;
-	top: 5px;
-}
-
-.secondary-menu li:hover > ul {
-	display: block;
-}
-
-.secondary-menu li a {
-	color: #039;
-}
-
-.secondary-menu li a:hover {
-	color: #f5003d;
-}
-
-.secondary-menu ul li a {
-	background-color: #fff;
-	display: block;
-	padding: 0 5px !important;
-}
-
-.secondary-menu ul li a:hover {
-	background: #c8e7ff;
-	color: #000;
-}
-
-li a.link {
-	font-size: 13px;
-	margin-left: 5px;
-	margin-right: 5px;
-}
-
-.secondary-menu ul li:before,
-.secondary-menu li:first-child:before {
-	content: "";
-}
-
-.lang-active,
-.theme-active {
-	color: #006;
-	font-weight: 900;
-}
-
-[dir=rtl] .secondary-menu ul {
-	left: auto;
-	right: -20px !important;
-}
-
-[dir=rtl] .secondary-menu 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 ======== */
 .block,
 .descriptionbox,
 .facts_label,
@@ -1193,478 +74,171 @@ td.descriptionbox div div div a {
 	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;
+/* ios on click workaround */
+.iconz {
+	cursor: pointer;
 }
 
-img {
-	border: 0 none;
+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;
 }
 
-img.block {
-	height: 25px;
+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;
 }
 
-.line1,
-.line2,
-.line3 {
-	vertical-align: middle;
+[dir=rtl] input:required:valid,
+[dir=rtl] textarea:required:valid,
+[dir=rtl] input:required:invalid,
+[dir=rtl] textarea:required:invalid {
+	background-position: left top;
 }
 
-#hourglass_chart img.line4 {
-	vertical-align: middle;
+a {
+	color: #039;
+	text-decoration: none;
 }
 
-.line5 {
-	vertical-align: top;
+a:hover,
+a.link:hover {
+	color: #f00;
+	text-decoration: none;
 }
 
-.blockh1 {
-	background: url(images/left1B.png) no-repeat;
-	height: 24px;
-	width: 26px;
-	padding: 0;
+:focus {
+	outline-style: none;
 }
 
-.blockh2 {
-	background: url(images/left2.png) repeat-x;
-	font-size: 13px;
-	font-weight: 700;
-	padding: 0;
+#flash-messages {
+	clear: both;
 }
 
-.blockh3 {
-	background: url(images/left3.png) no-repeat;
-	height: 24px;
-	width: 8px;
+td {
 	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;
+dl {
+	margin: 0;
 }
 
-#index_title {
+dt {
 	float: left;
-}
-
-#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;
-}
-
-#link_change_blocks {
+	font-weight: bold;
+	margin-right: 10px;
 	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 {
-	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;
-}
-
-#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;
-}
-
-#familybook_chart h3 {
-	font-size: 16px;
-	text-align: center;
-}
-
-#relationship-page h3 {
-	margin: 20px 0 0 20px;
-}
-
-#relationship_chart {
-	margin: 0 20px;
-}
-
-.tdtop {
-	vertical-align: top;
-}
-
-.tdmid {
-	vertical-align: middle;
+h4 {
+	font-weight: bold;
 }
 
-.tdbot,
-.tvertline {
-	vertical-align: bottom;
+th {
+	font-weight: 100;
 }
 
-[dir=rtl] #familybook_chart {
-	margin-right: 10px;
+ul {
+	margin: 8px;
+	padding-left: 15px;
+	padding-right: 15px;
 }
 
-/*-- pedigree chart specific stylesheets --*/
-#pedigree-page table.list_table {
-	margin: 0 auto;
-	width: 500px;
+img {
+	border: 0 none;
 }
 
-.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;
+	height: 25px;
+	vertical-align: middle;
 }
 
-#hourglass_chart table,
-.charts_block table {
-	border-collapse: collapse;
+input,
+button,
+textarea {
+	border-width: 1px;
+	border-color: #fff #006 #006 #fff;
+	font-size: 12px;
+	font-family: inherit;
 }
 
-#hourglass_chart td,
-.charts_block td {
-	padding: 0;
-	empty-cells: show;
+input,
+textarea {
+	padding: 0 3px;
 }
 
-#pedigree_chart #childbox {
-	border: 1px solid;
-	background-color: #fff;
+textarea {
+	border-style: inset;
 }
 
-#relationship_chart {
-	z-index: 1;
+.topbottombar {
+	font-weight: bold;
+	padding: 4px;
+	text-align: center;
 }
 
-#timeline_chart {
-	position: relative;
-	top: 50px;
-	left: 0;
+fieldset {
+	padding: 30px;
+	margin: 8px 8px 4px;
+	text-align: left;
 }
 
-#compact_chart,
-#fan_chart,
-#ancestry_chart,
-#familybook_chart,
-#hourglass_chart {
-	margin: 20px;
+[dir=rtl] fieldset {
+	text-align: right;
 }
 
-.fan_chart_menu {
-	position: absolute;
-	display: none;
-	z-index: 100;
+fieldset ol,
+fieldset li {
+	margin: 2px 0 0 5px;
 }
 
-#fan_chart ul {
-	list-style-type: none;
-	margin: 0;
+[dir=rtl] fieldset ol,
+fieldset li {
+	margin: 2px 5px 0 0;
 }
 
-#fan_chart ul.children li:before {
-	content: "< ";
+legend {
 	font-weight: bold;
 }
 
-#fan_chart_img {
-	text-align: center;
+select {
+	border: 1px solid #ccc;
 }
 
-.topheader {
-	color: #888;
-	margin: 0;
-	white-space: nowrap;
+header form {
+	font-size: 12px;
 }
 
-ul {
-	margin: 8px;
-	padding-left: 15px;
-	padding-right: 15px;
+#mycart a img {
+	height: 15px;
 }
 
-.center {
-	text-align: center;
+.button {
+	width: 60px;
 }
 
-table.center {
-	margin-left: auto;
-	margin-right: auto;
+.alpha_index {
+	margin: 12px 0;
 }
 
-th {
-	font-weight: 100;
+hr {
+	margin-top: 5px;
 }
 
-.button {
-	width: 60px;
+h2 {
+	font-size: 18px;
+	font-weight: bold;
 }
 
-/* person boxes are used in various charts */
-
 .person_box,
 .person_boxF,
 .person_boxNN {
@@ -1688,7 +262,7 @@ th {
 	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 {
@@ -1696,12 +270,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 {
@@ -1709,21 +284,11 @@ 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;
+	color: #fff;
 	font-weight: 700;
 	text-align: center;
+	border: 1px solid #999;
 	vertical-align: text-top;
 	white-space: normal;
 }
@@ -1732,24 +297,15 @@ th {
 .list_value_wrap {
 	padding: 1px;
 	text-align: left;
+	border: 1px solid #999;
 	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;
@@ -1771,10 +327,6 @@ div.fact_SHARED_NOTE {
 	clear: both;
 }
 
-.tabs_table {
-	max-width: 98%;
-}
-
 .facts_label {
 	border: 1px solid #acf;
 	padding: 4px;
@@ -1795,9 +347,14 @@ div.fact_SHARED_NOTE {
 	color: #039;
 }
 
+.facts_label .submenu a {
+	background: #fff;
+	color: #000;
+}
+
 .quickfacts a {
-	font-size: 9px;
 	padding: 0 3px;
+	font-size: 9px;
 }
 
 .name1,
@@ -1814,28 +371,19 @@ a:hover .name2 {
 	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;
 }
@@ -1843,32 +391,42 @@ a:hover .nameZoom {
 .nameZoom {
 	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 {
@@ -1887,24 +445,18 @@ 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;
 }
 
 .sublinks_cell {
@@ -1913,10 +465,8 @@ a:hover .nameZoom {
 
 .subheaders {
 	font-size: 16px;
-	font-weight: bold;
-	padding: 10px;
-	margin: 15px 0 0 15px;
-	vertical-align: bottom;
+    font-weight: bold;
+	color: #006;
 }
 
 .age {
@@ -1932,33 +482,59 @@ 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;
+.submenuitem {
+	vertical-align: middle;
+	font-size: 11px;
+	height: 20px;
+	color: #555;
+	background-color: #fff;
+	border: 1px solid #ccc;
+	padding: 3px 3px 0;
+	white-space: nowrap;
+}
+
+.submenuitem_hover {
+	vertical-align: middle;
+	height: 20px;
+	font-size: 11px;
+	border: 1px solid #ccc;
+	white-space: nowrap;
+	padding: 3px 3px 0;
 }
 
-.theme_form option,
-.color_form option {
-	margin: 3px;
+.submenuitem a,
+.submenuitem_hover a {
+	display: inline-block;
+	vertical-align: middle;
 }
 
-.selected-option {
-	background: #cef;
+.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 {
@@ -1975,95 +551,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;
 }
@@ -2073,47 +657,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;
 }
 
@@ -2122,7 +666,7 @@ select {
 }
 
 .search_hit {
-	background: #ff0;
+	background-color: #ff0;
 	color: #000;
 }
 
@@ -2130,109 +674,35 @@ select {
 	font-weight: 600;
 }
 
-.search-icon {
-	height: 17px;
-	vertical-align: top;
-}
-
-.topbottombar {
-	font-weight: bold;
-	padding: 4px;
-	text-align: center;
-}
-
 .descriptionbox {
-	border: 1px solid #9be;
+	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%;
 }
@@ -2245,14 +715,14 @@ form .rtl {
 	width: 25%;
 }
 
-.width33 {
-	width: 33%;
-}
-
 .width30 {
 	width: 30%;
 }
 
+.width33 {
+	width: 33%;
+}
+
 .width40 {
 	width: 40%;
 }
@@ -2293,11 +763,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;
@@ -2305,7 +780,7 @@ form .rtl {
 
 .old {
 	border: solid red 1px;
-	overflow: hidden
+	overflow: hidden;
 }
 
 a.showit {
@@ -2317,7 +792,7 @@ a.showit {
 
 a.showit:hover {
 	z-index: 25;
-	background: #ff9;
+	background-color: #ff9;
 	cursor: crosshair;
 }
 
@@ -2326,79 +801,40 @@ 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;
@@ -2406,17 +842,25 @@ a.showit:hover > span {
 }
 
 .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 {
@@ -2432,9 +876,11 @@ a.showit:hover > span {
 }
 
 .sublinks_cell .submenuitem {
-	background: #fff;
+	background-color: #fff;
 }
 
+/* ---End of Autocomplete styles--- */
+
 .nowrap {
 	white-space: nowrap;
 }
@@ -2447,50 +893,50 @@ a.showit:hover > span {
 	text-align: center;
 }
 
+.center2 {
+	text-align: center;
+}
+
 .gchart {
 	border: 1px solid #999;
 }
 
-.execution_stats {
-	padding: 12px;
-	text-align: center;
+/* ---Find special characters--- */
+.largechars {
+	font-family: monospace;
+	font-size: 200%;
 }
 
-.tag_cloud a {
-	white-space: nowrap;
+#facts_content dd {
+	float: left;
+	width: 70%;
 }
 
 .clearfloat {
 	clear: both;
 }
 
-dl {
-	margin: 0;
+td.descriptionbox a {
+	color: #fff;
 }
 
-dt {
-	float: left;
-	font-weight: bold;
-	margin-right: 10px;
-	clear: both;
-}
+/* this keeps the tag color the same when it is a link as when not */
 
-[dir=rtl] dt {
-	float: right;
-	margin-right: auto;
-	margin-left: 10px;
+.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 {
@@ -2519,11 +965,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;
 }
 
@@ -2535,17 +981,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;
 }
@@ -2562,7 +1008,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"] {
@@ -2573,106 +1019,27 @@ 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;
-}
-
-.add_fav_head i {
-	margin: 0 5px 1px;
-}
-
-.add_fav_ref p {
-	margin: 5px 0;
-}
-
-.add_fav_ref label {
-	display: inline-block;
-	min-width: 100px;
-}
-
-.add_fav_ref label:after {
-	content: ":";
-}
-
-.add_fav_ref input {
-	margin: 0 5px;
-}
-
 #branches-page table,
 #medialist-page .list_table,
 #medialist-page .list_table_controls {
 	margin: 0 auto;
 }
 
+#medialist-page .list_table,
 #medialist-page .list_table_controls {
 	width: 100%;
 }
 
-#branches-page ol {
-	margin-left: 40px;
-	font-size: 14px;
-}
-
-#surnlist {
-	margin-bottom: 20px;
-}
-
-[dir=rtl] #branches-page ol {
-	margin-right: 40px;
-}
-
 .list_table_controls td {
 	min-width: 40px;
-	padding: 1px;
 	text-align: center;
 }
 
-#branches-page p {
-	margin: 10px;
-}
-
-/* ============== medialist.php ======================= */
+/* ======== medialist.php ==== */
 .makeMenu li ul {
 	border: thin solid #AAA;
 	position: absolute;
+	margin:0;
 }
 
 .makeMenu, .makeMenu li ul {
@@ -2719,10 +1086,6 @@ dt {
 	display: block;
 }
 
-.lb-menu a {
-	display: block;
-}
-
 .lb-menu li a {
 	padding: 24px 10px 1px 5px;
 }
@@ -2741,62 +1104,31 @@ dt {
 	float: right;
 }
 
-.list_value_wrap .lb-image_edit {
+.lb-image_edit {
 	background: url(images/image_edit.png) no-repeat 50% 20%;
 }
 
-.list_value_wrap .lb-image_link {
+.lb-image_link {
 	background: url(images/image_link.png) no-repeat 50% 20%;
 }
 
-.list_value_wrap .lb-image_view {
+.lb-image_view {
 	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;
 }
 
@@ -2807,40 +1139,65 @@ 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 {
+	border: 1px solid #999;
+	display: inline-block;
+	margin: 10px auto 0;
+	padding: 5px;
+}
+
+#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;
 }
 
 #new_passwd_form h4,
 #register-form h4 {
-	color: #039;
-	font-weight: 400;
-	margin: 5px;
+	font-weight: normal;
 	text-align: center;
 }
 
@@ -2852,8 +1209,9 @@ dt {
 #register-form label input,
 #register-form label select,
 #register-form textarea {
-	margin: 0 10px;
 	width: 220px;
+	margin: 0 10px;
+	padding: 3px;
 }
 
 #register-form label select {
@@ -2865,10 +1223,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,
@@ -2878,10 +1240,19 @@ dt {
 	text-align: left;
 }
 
-/* ==== reportengine.php ===== */
+[dir=rtl] #register-form div,
+[dir=rtl] #verify-form div {
+	text-align: left;
+}
+
+/* --- reportengine.php --- */
+#reportengine-page table {
+	margin: 20px auto;
+}
+
 #reportengine-page .report-type {
-	margin: auto;
 	overflow: hidden;
+	margin: auto;
 	width: 180px;
 }
 
@@ -2895,8 +1266,9 @@ dt {
 	text-align: center;
 }
 
-#reportengine-page table {
-	margin: 20px auto;
+.itr {
+	position: absolute;
+	line-height: 1.5;
 }
 
 .block .itr,
@@ -2910,27 +1282,14 @@ dt {
 	top: 0;
 }
 
-.itr {
-	line-height: 1.5;
-	position: absolute;
-}
-
-.itr:hover .popup {
-	display: block;
-	position: absolute;
-	right: 0;
-	width: 12em;
-	z-index: 9999;
-}
-
 .popup {
 	display: none;
 }
 
 .popup ul {
 	background-image: none !important;
-	font-size: 9px;
 	list-style: none;
+	font-size: 9px;
 	margin: 0;
 	padding: 0 10px;
 }
@@ -2962,27 +1321,25 @@ dt {
 	right: auto;
 }
 
-#layDefinedTags {
-	height: 285px;
-	margin-left: auto;
-	margin-right: auto;
-	overflow: auto;
-}
-
-/* FindFacts pop-up */
+/* styles for FindFacts pop-up */
 #layDefinedTags,
 #tabDefinedTagsShow {
 	width: 450px;
 }
 
 #tabDefinedTags {
-	border-collapse: collapse;
 	width: 430px;
 }
 
-#tabDefinedTags tbody th {
-	font-weight: 700;
-	text-align: left;
+#layDefinedTags {
+	margin-left: auto;
+	margin-right: auto;
+	height: 285px;
+	overflow: auto;
+}
+
+#tabDefinedTags {
+	border-collapse: collapse;
 }
 
 #tabDefinedTags th,
@@ -2992,6 +1349,11 @@ dt {
 	padding: 3px;
 }
 
+#tabDefinedTags tbody th {
+	text-align: left;
+	font-weight: bold;
+}
+
 #tabDefinedTags tr.sel {
 	background-color: #d1d9ef;
 	color: #888;
@@ -3002,46 +1364,422 @@ 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 {
+	margin: 5px auto;
+	visibility: hidden;
+	width: 98%;
 }
 
-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;
+}
+
+#index_small_blocks .name1 {
+	color: #333;
+}
+
+.small_inner_block {
+	max-height: 200px;
+	overflow: auto;
+}
+
+.normal_inner_block {
+	overflow: auto;
 }
 
-/* FAQ table */
+.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;
+
+}
+
+.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;
+}
+
+.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;
@@ -3052,36 +1790,44 @@ 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;
+}
+
+[dir=rtl] .faq_edit {
+	float: left;
 }
 
-/* edit, copy, delete links */
+/* === Positioning edit, copy, delete links === */
+/* General use */
 .editfacts {
 	clear: left;
 	padding-top: 15px;
@@ -3093,49 +1839,37 @@ ul.clist {
 	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;
@@ -3143,30 +1877,48 @@ 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 #999;
 }
 
 #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;
+}
+
+#main_name {
+	color: #555;
+	float: left;
+	font-size: 2em;
+	margin: 10px;
+	font-weight: bold;
 }
 
 #indi_mainimage {
@@ -3184,23 +1936,43 @@ dd .deletelink {
 	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;
@@ -3238,25 +2010,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 {
@@ -3264,24 +2020,10 @@ dd .deletelink {
 	float: left;
 }
 
-[dir=rtl] #sex {
-	float: left;
-}
-
-[dir=rtl] dd .editlink,
-[dir=rtl] dd .deletelink {
-	float: left;
-}
-
-[dir=rtl] #indi_header {
+[dir=rtl] #main_name {
 	float: right;
 }
 
-[dir=rtl] #indi_header h3 {
-	padding: 0 30px 0 10px;
-	text-align: right;
-}
-
 [dir=rtl] #indi_mainimage {
 	float: right;
 	padding: 0 0 0 10px;
@@ -3292,15 +2034,30 @@ dd .deletelink {
 	margin: 0 0 0 10px;
 }
 
-[dir=rtl] #main_name {
-	float: right;
-}
-
 [dir=rtl] .indi_table {
 	clear: right;
 }
 
-/* General sprite */
+[dir=rtl] #sex {
+	float: left;
+}
+
+[dir=rtl] #dates {
+	float: left;
+}
+
+[dir=rtl] dd .editlink,
+[dir=rtl] dd .deletelink {
+	float: left;
+}
+
+.hit-counter {
+	background: #000;
+	color: #fff;
+	font-weight: bold;
+}
+
+/* ======= General sprite ==== */
 .male_gender,
 .female_gender,
 .unknown_gender,
@@ -3311,23 +2068,6 @@ dd .deletelink {
 	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;
-}
 
 .female_gender {
 	background-position: -45px 3px;
@@ -3347,7 +2087,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,
@@ -3388,7 +2146,7 @@ dd .deletelink {
 	padding-right: 5px;
 }
 
-/* Album tab */
+/* ======== Album tab =========*/
 .album-list {
 	list-style-type: none;
 }
@@ -3421,53 +2179,11 @@ 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;
 	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: 0 5px;
+	overflow: visible;
 }
 
 .ui-tabs,
@@ -3475,20 +2191,19 @@ 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 {
@@ -3497,20 +2212,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 {
@@ -3522,70 +2232,44 @@ span.link_text {
 	right: auto;
 }
 
-/* ==== jQuery over-rides ==== */
+/* --------------------unknown */
 
-#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;
-}
-
-.dt-clear {
-	clear: both;
-}
-
-.fg-button {
-	padding: 2px 6px;
+	margin-bottom: 3px;
 }
 
-.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,
@@ -3603,7 +2287,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 {
@@ -3640,221 +2360,41 @@ 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%;
+	padding-top: 10px;
+	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;
 }
 
 #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;
@@ -3866,8 +2406,8 @@ span.link_text {
 #separator:after {
 	position: absolute;
 	top: 0;
-	left: auto;
 	right: 0;
+	left: auto;
 	width: 10px;
 	height: 99999px;
 	content: "";
@@ -3877,8 +2417,8 @@ span.link_text {
 }
 
 [dir=rtl] #separator:after {
-	left: 0;
 	right: auto;
+	left: 0;
 }
 
 .separator-hidden:after,
@@ -3891,7 +2431,7 @@ 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;
@@ -3901,10 +2441,23 @@ span.link_text {
 	margin-top: 8px;
 }
 
+.nam a:hover {
+	color: #f00;
+}
+
+.nav_content {
+	width: 100%;
+	padding: 0;
+}
+
 .nav_content .facts_label {
 	width: 75px;
 }
 
+#sb_family_nav_content .clist {
+	margin: 0;
+}
+
 .famnav_title {
 	font-weight: bold;
 	display: block;
@@ -3930,7 +2483,7 @@ span.link_text {
 }
 
 .flyout2 {
-	font-weight: 700;
+	font-weight: bold;
 }
 
 .flyout3 {
@@ -3942,16 +2495,7 @@ span.link_text {
 	color: #f00;
 }
 
-.nam a:hover {
-	color: red;
-}
-
-.nav_content {
-	padding: 0;
-	width: 100%;
-}
-
-/* Descendancy */
+/* Sidebar*/
 #sb_content_descendancy {
 	margin-top: 5px;
 }
@@ -3966,6 +2510,10 @@ span.link_text {
 	margin: 0;
 }
 
+.sb_desc_indi_li {
+	list-style-type: none;
+}
+
 .desc_tree_div {
 	display: none;
 }
@@ -3977,11 +2525,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;
 }
@@ -3991,21 +2534,19 @@ span.link_text {
 	margin-left: 0;
 }
 
-/* Individuals, Families */
+/* Individuals and Families */
 #sb_content_individuals,
 #sb_content_families {
 	margin-top: 5px;
 }
 
-.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,
@@ -4014,42 +2555,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: 5px;
+}
+
 #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;
+	font-weight: bold;
 	margin-top: 1px;
 	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;
@@ -4060,26 +2598,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%;
@@ -4092,7 +2637,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 {
@@ -4105,78 +2666,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;
@@ -4195,7 +2737,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;
 }
@@ -4220,7 +2762,7 @@ span.link_text {
 	margin: 0 170px 0 0;
 }
 
-/* ============== edituser.php ======================= */
+/*  edituser.php  */
 #edituser-page h2,
 #edituser_submit {
 	margin: 20px;
@@ -4268,66 +2810,689 @@ 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 ======== */
+#ancestry_chart,
+#compact_chart,
+#descendancy_chart,
+#familybook_chart,
+#fan_chart,
+#hourglass_chart,
+#relationship_chart {
+	margin: 20px;
+}
+
+/*-- ancestry  --*/
+#ancestry_chart table div p {
+	font-size: 90%;
+	margin: 0;
+}
+
+#ancestry_chart ul {
+	background-image:url(images/vline.png);
+	background-position:left top;background-repeat:repeat-y;
+	list-style: none;
+	display: block;
+	margin: 0 0 0 15px;
+	padding-top: 0;
+	padding-right: 0;
+	padding-bottom: 0;
+}
+
+#ancestry_chart li {
+	list-style: none;
+	margin: 0 0 2px -13px;
+	padding-top: 0;
+	padding-right: 0;
+	padding-bottom: 0;
+}
+
+#ancestry_chart li table {
+	margin: 5px 0;
+}
+
+[dir=rtl] #ancestry_chart ul {
+	background-position: right top;
+	margin: 0 15px 0 0;
+	left: auto;
+}
+
+#ancestry_chart span.details1 div[class^="fact_"] {
+	display: inline-block;
+}
+
+[dir=rtl] #ancestry_chart li {
+	margin: 0;
+	padding: 0 2px 0 0;
+	left: auto;
+}
+
+/*-- descendancy  --*/
+#descendancy_chart ul {
+	background-image:url(images/vline.png);
+	background-position:left top;background-repeat:repeat-y;
+	list-style: none;
+	margin: 0 0 5px 15px;
+	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;
+}
+
+[dir=rtl] #descendancy_chart li {
+	margin: 5px -15px 0 0;
+	left: auto;
+}
+
+/*-- Family book  --*/
+#familybook_chart {
+	margin-left: 10px;
+}
+
+#familybook_chart table {
+	border-collapse: collapse;
+	empty-cells: show;
+}
+
+#familybook_chart td {
+	margin: 0;
 	padding: 0;
-	line-height: 20px;
 }
 
-@media print {
-	#content {
-		padding: 0;
-	}
+#familybook_chart h2 {
+	text-align: center;
+}
 
-	#backprint,
-	#sidebar,
-	#CB_All,
-	#separator,
-	header,
-	footer,
-	form,
-	.noprint {
-		display: none !important;
-	}
+#familybook_chart .line3,
+#familybook_chart .pvline,
+#familybook_chart .spacer {
+	width: 3px;
+}
 
-	#pedigree_chart {
-		left: -80px;
-	}
+#familybook_chart .line4 {
+	width: 7px;
+	vertical-align: middle;
+}
 
-	#header_accordion1 {
-		width: 510px !important;
-	}
+[ID^="vline"] {
+	width: 3px;
+}
 
-	[dir=rtl] #pedigree_chart {
-		left: auto;
-		right: -80px;
-	}
+#familybook_chart h3 {
+	color: #006;
+	font-size: 16px;
+	text-align: center;
+}
 
-	#familybook_chart h3 {
-		margin-bottom: 10px;
-		vertical-align: middle;
-	}
+[dir=rtl] #familybook_chart {
+	margin-right: 10px;
+}
 
-	/* buttons and input are used out of forms in sortable tables*/
-	.lifespan_outer {
-		border: 0;
-		height: auto;
-		overflow: visible;
-		position: relative;
-		width: auto;
-	}
+/*-- Fan chart ---- */
+.fan_chart_menu {
+	position: absolute;
+	display: none;
+	z-index: 100;
+}
 
-	.lifespan_people {
-		left: -10px;
-		position: absolute;
-		top: -60px;
-		width: auto;
-		z-index: 1;
-	}
+#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;
+}
+
+/*-- Interactive ---- */
+.tv_out {
+	margin-top: 12px;
+}
+
+/*-- Lifespan ---- */
+.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;
 }
 
-/* Icons */
+.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;
+}
+
+/*-- timeline  --*/
+#timeline_chart {
+	position: relative;
+	top: 50px;
+	left: 0;
+}
+
+/* ====== Common Icons ========= */
 [class^="icon-"],
 [class*=" icon-"] {
 	display: inline-block;
@@ -4357,6 +3522,7 @@ span.link_text {
 	width: 18px;
 	height: 16px;
 	background-image: url(images/buttons/addmedia.png);
+	vertical-align: middle;
 }
 
 .icon-button_addnote {
@@ -4381,6 +3547,7 @@ span.link_text {
 	width: 19px;
 	height: 15px;
 	background-image: url(images/buttons/calendar.png);
+	vertical-align: middle;
 }
 
 .icon-button_family {
@@ -4411,12 +3578,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 {
@@ -4429,6 +3598,7 @@ span.link_text {
 	width: 15px;
 	height: 15px;
 	background-image: url(images/buttons/place.png);
+	vertical-align: middle;
 }
 
 .icon-button_repository {
@@ -4485,6 +3655,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;
@@ -4511,6 +3687,7 @@ a.icon-darrow:hover {
 
 .icon-help {
 	cursor: help;
+	margin: 0 5px;
 	width: 15px;
 	height: 15px;
 	background-image: url(images/help.png);
@@ -4522,12 +3699,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;
@@ -4546,6 +3717,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;
@@ -4660,24 +3837,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;
@@ -4702,6 +3861,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;
@@ -4714,18 +3879,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;
@@ -4752,16 +3905,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;
@@ -4804,34 +3951,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 {
@@ -4852,10 +3982,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 {
@@ -4864,23 +3994,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;
@@ -4896,23 +4015,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;
@@ -4939,7 +4057,7 @@ a.icon-uarrow:hover {
 	height: 48px;
 }
 
-/* Generic MIME types */
+/* ===== Generic MIME types ===== */
 [class^="icon-mime-"],
 [class*=" icon-mime-"] {
 	background-position: -99px -49px;
@@ -4970,7 +4088,7 @@ a.icon-uarrow:hover {
 	background-position: -148px -147px;
 }
 
-/* Specific MIME types */
+/* ===== Specific MIME types ===== */
 .icon-mime-application-pdf {
 	background-position: -1px -49px;
 }
@@ -5055,420 +4173,1180 @@ a.icon-uarrow:hover {
 	background-position: -50px -196px;
 }
 
-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;
+/* ====== End Icon styles ====== */
+
+/* ====== 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 ul li {
+	display: block;
+	text-align: left;
 }
 
-#edit_interface-page input[type="text"][id*="SOUR_TITL"] {
-	width: 250px;
+.secondary-menu ul li a {
+	color: #333;
+	padding: 2px 5px 2px 2px;
 }
 
-#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: 0 5px;
 }
 
-#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;
+}
+
+.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 {
+.primary-menu > li {
+	background-image: url(images/sprites-top-menu.png);
+	background-repeat: no-repeat;
+	height: 22px;
+	line-height: 22px;
+	margin: 5px 0 0 10px;
+	width: 22px;
+	height: 22px;
+}
+
+
+
+.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%;
+}
+
+/* Reverse left and right on RTL pages */
+[dir=rtl] .primary-menu > li {
+	margin: 4px 16px 0 0;
+}
+
+[dir=rtl] .primary-menu li {
 	float: right;
 }
 
-[dir=rtl] #save-cancel .cancel {
-	float: left;
+[dir=rtl] .primary-menu li:hover > ul {
+	right: 100%;
+	left: auto;
 }
 
-#edit_interface-page,
-#addmedia-page {
-	margin-bottom: 50px;
+[dir=rtl] .primary-menu > li:hover > ul {
+	left: auto;
+	right: 0;
 }
 
-/* Addmedia pop-ups*/
-#addmedia-page input[type="text"] {
-	line-height: 18px;
-	margin: 0 5px;
-	width: 250px;
+[dir=rtl] .primary-menu li li {
+	text-align: right;
 }
 
-#addmedia-page .optionbox select {
-	margin: 0 5px;
+[dir=rtl] .primary-menu li li a {
+	display: block;
 }
 
-#addmedia-page .optionbox p.sub {
-	font-size: 11px;
-	margin: 0 5px;
+[dir=rtl] .primary-menu > li > ul > li:first-child {
+	text-align: center;
 }
 
-#addmedia-page input[type="text"][id*="PAGE"],
-#addmedia-page input[type="text"][id*="_UID"] {
-	width: 350px;
+/* ====== End Theme Header ===== */
+
+/* ====== Theme Footer ========= */
+.contact_links {
+	margin: 30px 0 15px;
+	text-align: center;
 }
 
-#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;
+.execution_stats {
+	padding: 12px;
+	text-align: center;
 }
 
-#addmedia-page input[id*="TEXT"] {
-	height: 140px;
-	width: 440px;
+.logo {
+	text-align: center;
 }
 
-#addmedia-page textarea {
-	margin: 0 5px;
-	width: 440px;
+footer .center {
+	text-align: center;
 }
 
-#addmedia-page textarea[id*="NOTE"] {
-	height: 240px;
+footer .error {
+	color: #d00;
+	font-weight: bold;
 }
 
-/* Styling for the jquery.colorbox gallery */
-#colorbox,
-#cboxOverlay,
-#cboxWrapper {
-	position: absolute;
-	top: 0;
-	left: 0;
-	z-index: 9999;
-	overflow: hidden;
+.user_links {
+	white-space: nowrap;
 }
 
-#colorbox {
-	border: 2px solid #ccc;
+#link_change_blocks {
+	clear: both;
+	margin: 0 auto;
+	padding: 25px 0 0;
+	text-align: center;
+	width: 400px;
 }
 
-#cboxOverlay {
-	position: fixed;
-	width: 100%;
-	height: 100%;
-	background: #ccc;
+#link_change_blocks span {
+	padding: 0 50px;
 }
 
-#cboxContent {
-	background: #fff;
-	border: 5px solid #888;
+#link_change_blocks span span {
+	padding: 0 3px;
 }
 
-#cboxLoadedContent {
-	overflow: auto;
-	background: #fff;
-	margin-bottom: 30px;
-	margin-top: 35px;
+/* ====== End Theme Footer ===== */
+
+/* ====== Theme Icons ========== */
+/* ***** Header icons **** */
+#menu-tree {
+	background-position: 0 0;
 }
 
-#cboxTitle {
-	position: absolute;
-	left: 0;
-	top: 10px;
-	color: #949494;
-	text-align: center;
-	width: 100%;
-	font-weight: 800;
-	font-size: 14px;
+#menu-mymenu {
+	background-position: 0 -204px;
 }
 
-.cboxPhoto {
-	float: left;
-	margin: auto;
-	border: 0;
-	display: block;
-	max-width: none;
+#menu-chart {
+	background-position: 0 -29px;
 }
 
-.cboxIframe {
-	width: 100%;
-	height: 100%;
-	display: block;
-	border: 0;
+#menu-list {
+	background-position: 0 -59px;
 }
 
-#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;
+#menu-report {
+	background-position: 0 -117px;
 }
 
-#cboxPrevious:hover {
-	background-position: -75px -25px;
+#menu-calendar {
+	background-position: 0 -88px;
 }
 
-#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-search {
+	background-position: 0 -146px;
 }
 
-#cboxNext:hover {
-	background-position: -50px -25px;
+#menu-help {
+	background-position: 0 -175px;
 }
 
-#cboxSlideshow {
-	position: absolute;
-	bottom: 5px;
-	left: 57px;
-	margin: 10px;
-	border: 0;
-	background: none;
-	font-size: 14px;
-	font-weight: 400;
+#menu-clippings {
+	background-position: 0 -233px;
 }
 
-#cboxSlideshow:hover {
-	color: red;
-	background: #fff;
+#menu-indi {
+	background-position: 0 -261px;
 }
 
-#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-sour {
+	background-position: 0 -320px;
 }
 
-#cboxClose:hover {
-	background-position: -25px -25px;
+#menu-fam {
+	background-position: 0 -291px;
 }
 
-#cboxCurrent {
-	bottom: 4px;
-	color: #949494;
-	left: 58px;
-	position: absolute;
+#menu-obje {
+	background-position: 0 -378px;
 }
 
-[dir=rtl] #cboxPrevious {
-	right: 27px;
-	left: auto;
+#menu-note {
+	background-position: 0 -348px;
 }
 
-[dir=rtl] #cboxNext {
-	right: 0;
-	left: auto;
+#menu-repo {
+	background-position: 0 -407px;
 }
 
-[dir=rtl] #cboxCurrent {
-	right: auto;
-	left: 0;
+#menu-story {
+	background-position: 0 -436px;
 }
 
-[dir=rtl] #cboxClose {
-	right: auto;
-	left: 0;
+/* Header Sub-menu icons */
+#menu-admin {
+	background-position: left -644px;
 }
 
-[dir=rtl] #cboxSlideshow {
-	right: 57px;
-	left: auto;
+[dir=rtl] #menu-admin {
+	background-position: right -644px;
 }
 
-/* Census assistant module */
-table.table-census-assistant th {
-	font-weight: bold;
-	text-align: left;
+#menu-branches {
+	background-position: left -414px;
 }
 
-/* Stories module */
-.story_title {
-	padding-top: 12px;
-	height: 32px;
-	font-size: 13px;
-	font-weight: 700;
+[dir=rtl] #menu-branches {
+	background-position: right -414px;
 }
 
-.story_body {
-	padding: 20px;
-	white-space: normal;
+#menu-calendar-day {
+	background-position: left -506px;
 }
 
-.story_edit {
-	padding: 12px;
+[dir=rtl] #menu-calendar-day {
+	background-position: right -506px;
 }
 
-/* User content in stories tab */
-#stories h2,
-#stories h3,
-#stories h4,
-#stories h5 {
-	padding-top: 20px;
+#menu-calendar-month {
+	background-position: left -506px;
 }
 
-#stories p {
-	padding-top: 8px;
+[dir=rtl] #menu-calendar-month {
+	background-position: right -506px;
 }
 
-.btn-group {
-	display: inline-block;
-	margin: 0 4px;
+#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-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-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 {
+	#content {
+		padding: 0;
+	}
+
+	#backprint,
+	#sidebar,
+	#CB_All,
+	#separator,
+	header,
+	footer,
+	form,
+	.noprint {
+		display: none !important;
+	}
+
+	#pedigree_chart {
+		left: -80px;
+	}
+
+	#header_accordion1 {
+		width: 510px !important;
+	}
+
+	[dir=rtl] #pedigree_chart {
+		left: auto;
+		right: -80px;
+	}
+
+	#familybook_chart h3 {
+		margin-bottom: 10px;
+		vertical-align: middle;
+	}
+
+	/* buttons and input are used out of forms in sortable tables*/
+	.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;
+	}
 }