Normalize themes – F.A.B

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

2 files changed, 1943 insertions, 1545 deletions

diff --git a/themes/fab/css-1.6.2/style.css b/themes/fab/css-1.6.2/style.css
index d7755f0871..69028b5f6d 100644
--- a/themes/fab/css-1.6.2/style.css
+++ b/themes/fab/css-1.6.2/style.css
@@ -5,7 +5,9 @@
 * Copyright (C) 2014 webtrees development team.
 *
 * Derived from PhpGedView
-* Copyright (C) 2002 to 2010 PGV Development Team. All rights reserved.
+* 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 +24,8 @@
 * 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;
@@ -36,18 +40,10 @@ body {
 
 main {
 	display: block;
+	clear: both;
 }
 
-:focus {
-	outline-style: none;
-}
-
-.submenu {
-	background-color: #eee;
-	border: thin solid #aaa;
-}
-
-/* Round corners to block-level elements */
+/* ====== Round Corners ======== */
 input,
 textarea,
 fieldset,
@@ -84,54 +80,9 @@ footer,
 	border-radius: 4px;
 }
 
-img.block {
-	border: 0;
-	height: 20px;
-	vertical-align: middle;
-}
-
-.line1,
-.line2,
-.line3 {
-	vertical-align: middle;
-}
-
-#hourglass_chart img.line4 {
-	vertical-align: middle;
-}
-
-.line5 {
-	vertical-align: top;
-}
-
-legend {
-	font-weight: bold;
-}
-
-/* Indicate that the parent died shortly after the birth */
-.parentdeath {
-	border: 1px solid #000;
-}
-
-/* Hyperlinks: regular and help */
-a {
-	text-decoration: none;
-}
-
-a:link,
-a:visited {
-	color: #369;
-}
-
-a:hover,
-a:active {
-	text-decoration: underline;
-}
-
-a.gallery img {
-	border: 0;
-	border-radius: 4px;
-	margin: 4px;
+/* ios on click workaround */
+.iconz {
+	cursor: pointer;
 }
 
 input:required:valid,
@@ -151,68 +102,55 @@ textarea:required:invalid {
 	background-position: left top;
 }
 
-/* Various text styles */
-.warning,
-.error,
-.largeError {
-	color: #f00;
-	font-weight: bold;
+a {
+	text-decoration: none;
 }
 
-/* Fact labels */
-.label {
-	font-weight: bold;
+a:hover,
+a:active {
+	text-decoration: underline;
 }
 
-.quickfacts a {
-	font-size: smaller;
-	padding: 0 3px;
+a:link,
+a:visited {
+	color: #369;
 }
 
-/* Main name on INDI/FAM/etc. pages */
-.name_head {
-	font-size: larger;
+:focus {
+	outline-style: none;
 }
 
-/* Elements used on every page */
-header {
-	color: #888;
-	text-align: center;
+#flash-messages {
+	clear: both;
 }
 
-#header-user-links {
-	float: right;
+dl {
+	margin: 0;
 }
 
-[dir=rtl] #header-user-links {
+dt {
 	float: left;
+	font-weight: bold;
+	margin-right: 10px;
+	clear: both;
 }
 
-header h1 {
-	clear: left;
-	float: left;
-	font-size: x-large;
-	font-weight: normal;
-	margin: 0;
+[dir=rtl] dt {
+	float: right;
+	margin-right: auto;
+	margin-left: 10px;
 }
 
-[dir=rtl] header h1 {
-	clear: right;
-	float: right;
+header {
+	color: #888;
+	text-align: center;
 }
 
 #content {
-	margin-top: 12px;
+	margin-top: 5px;
 	margin-bottom: 12px;
 }
 
-footer {
-	clear: both;
-	text-align: center;
-	width: 99%;
-}
-
-/* Block level objects, such as header, footer, etc. */
 header,
 footer,
 .block {
@@ -220,273 +158,110 @@ footer,
 	clear: none;
 }
 
-.blockheader {
-	font-weight: bold;
-}
-
-.charts_block {
-	overflow: auto;
-}
-
-#link_change_blocks {
-	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;
-}
-
-#random_picture {
-	text-align: center;
-}
-
-#random_picture_box {
-	width: 100%;
+th {
+	font-weight: 100;
 }
 
-/* Pending edits - TODO perhaps show differently in different contexts? */
-.new {
-	border: solid #00f 1px;
-	overflow: hidden;
+ul {
+	padding-left: 15px;
+	padding-right: 15px;
+	margin: 8px;
 }
 
-.old {
-	border: solid #f00 1px;
-	overflow: hidden;
-}
-
-/* Set stack level for top two header menu rows */
-.secondary-menu ul,
-.primary-menu ul {
-	z-index: 210;
-
-}
-
-.secondary-menu {
-	white-space: nowrap;
-	float: right;
-}
-
-[dir=rtl] .secondary-menu {
-	float: left;
-}
-
-/* User Link Menus */
-.secondary-menu li {
-	background: none !important;
-	display: inline;
-	position: relative;
-	white-space: nowrap;
-}
-
-.secondary-menu li:before {
-	content: " | ";
-}
-
-.secondary-menu li ul li:before {
-	content: "";
-}
-
-.secondary-menu li:first-child:before {
-	content: "";
+img {
+	border: 0;
 }
 
-.secondary-menu li ul {
-	display: none;
-	position: absolute;
-	left: 0;
-	top: 15px;
-	background-color: #eee;
-	border: thin solid #aaa;
+legend img {
+	height: 20px;
+	vertical-align: middle;
+	width: 20px;
 }
 
-[dir=rtl] .secondary-menu li ul {
-	left: auto;
-	right: 0;
+img.block,
+#mycart img {
+	border: 0;
+	height: 25px;
+	vertical-align: middle;
 }
 
-/* position sub-sub-menus */
-.secondary-menu ul ul {
-	top: 0;
-	left: 100px;
+textarea {
+	border-style: inset;
 }
 
-[dir=rtl] .secondary-menu ul ul {
-	top: 0;
-	left: auto;
-	right: 100px;
+.topbottombar {
+	background-color: #ccc;
+	font-size: 12px;
+	font-weight: bold;
+	padding: 4px;
+	text-align: center;
 }
 
-.secondary-menu li ul li {
-	display: block;
+fieldset {
+	margin: 8px 8px 4px;
 	text-align: left;
 }
 
-[dir=rtl] .secondary-menu li ul li {
+[dir=rtl] fieldset {
 	text-align: right;
 }
 
-.secondary-menu,
-.secondary-menu li ul {
-	list-style: none;
-	margin: 0;
-	padding: 1px;
-}
-
-.secondary-menu li:hover > ul {
-	display: block;
-}
-
-.secondary-menu ul li a {
-	background-color: #eee;
-	padding: 2px 5px;
-	display: block;
-}
-
-.secondary-menu ul li a:hover {
-	background-color: #369;
-	color: #fff;
-	text-decoration: none;
-}
-
-/* Main menus */
-header nav {
-	clear: both;
-	text-align: center;
-	padding-top: 12px;
-}
-
-.header-search {
-	display: inline-block;
-}
-
-.primary-menu {
-	margin: 0;
-}
-
-.primary-menu li {
-	background: none !important;
-	display: inline;
-	position: relative;
-	white-space: nowrap;
-}
-
-.primary-menu li:before {
-	content: " | ";
-}
-
-.primary-menu li ul li:before {
-	content: "";
-}
-
-.primary-menu li:first-child:before {
-	content: "";
-}
-
-.primary-menu li ul {
-	display: none;
-	position: absolute;
-	left: 0;
-	top: 15px;
-	background-color: #eee;
-	border: thin solid #aaa;
-}
-
-[dir=rtl] .primary-menu li ul {
-	left: auto;
-	right: 0;
-}
-
-/* position sub-sub-menus */
-
-.primary-menu ul ul {
-	top: 0;
-	left: 100px;
-}
-
-[dir=rtl] .primary-menu ul ul {
-	top: 0;
-	left: auto;
-	right: 100px;
-}
-
-.primary-menu li ul li {
-	display: block;
-	text-align: left;
-}
-
-[dir=rtl] .primary-menu li ul li {
-	text-align: right;
+legend {
+	font-weight: bold;
 }
 
-.primary-menu,
-.primary-menu li ul {
-	list-style: none;
+select {
+	font-size: 12px;
+	margin: 0 7px;
 	padding: 1px;
 }
 
-.primary-menu li:hover > ul {
-	display: block;
-
+header form {
+	font-size: 12px;
 }
 
-.primary-menu ul li a {
-	background-color: #eee;
-	padding: 2px 5px;
-	display: block;
-
+#mycart a img {
+	height: 15px;
 }
 
-.primary-menu ul li a:hover {
-	background-color: #369;
-	color: #fff;
-	text-decoration: none;
+.button {
+	width: 60px;
 }
 
-.lang-active,
-.theme-active {
-	font-weight: 900;
+.alpha_index {
+	color: #999;
 }
 
-#menu-language li {
-	text-align: left; /* The language menu is always LTR, even on RTL pages */
+.person_box,
+.person_boxF,
+.person_boxNN {
+	margin: 1px 0;
 }
 
-#menu-theme li {
-	text-align: left; /* The theme menu is always LTR, even on RTL pages */
+.person_box_template .details0, 
+.person_box_template .details1 {
+    font-size: smaller;
 }
 
-/* person boxes are used in various charts */
-
 .person_box {
+	padding: 3px;
 	background-color: #ddf;
 }
 
 .person_boxF {
+	padding: 3px;
 	background-color: #fdd;
 }
 
 .person_boxNN {
+	padding: 3px;
 	background-color: #dfd;
 }
 
-.person_box,
-.person_boxF,
-.person_boxNN {
-	margin: 1px 0;
-}
-
-.person_box_template .details0,
-.person_box_template .details1 {
-	font-size: smaller;
+.person_box:target,
+.news_box:target,
+#gedcom_stats:target {
+	background-color: #ffc;
 }
 
 .person_box_lifespan {
@@ -501,56 +276,40 @@ header nav {
 	min-height: 50px;
 }
 
-[dir=rtl] .person_box [dir=rtl] .person_boxF [dir=rtl] .person_boxNN {
-	margin: 0 3px 0 0;
-}
-
-.action_headerF {
-	background: #fdd;
-}
-
-.action_header {
-	background: #ddf;
-}
-
-/* index.php */
-#index_main_blocks {
-	width: 60%;
-	float: left;
-}
-
-#index_small_blocks {
-	width: 40%;
-	float: right;
+.center {
+	text-align: center;
 }
 
-#index_full_blocks {
+table.center {
+	margin-left: auto;
+	margin-right: auto;
 }
 
-[dir=rtl] #index_main_blocks {
-	float: right;
+.list_table {
+	margin: 0 auto;
 }
 
-[dir=rtl] #index_small_blocks {
-	float: left;
+.list_label,
+.list_label_wrap {
+	background-color: #ccc;
+	font-weight: bold;
+	text-align: center;
 }
 
-#main_select,
-#available_select,
-#right_select {
-	min-width: 150px;
+.list_value,
+.list_value_wrap {
+	background-color: #ddd;
+	vertical-align: top;
 }
 
-.user_welcome_block table,
-.gedcom_block_block table {
-	margin: auto;
+.list_label,
+.list_value {
+	white-space: nowrap;
 }
 
-.user_welcome_block td,
-.gedcom_block_block td {
-	width: 33%;
-	text-align: center;
-	vertical-align: top;
+.list_label_wrap,
+.list_value_wrap {
+	white-space: normal;
 }
 
 .facts_table {
@@ -561,236 +320,197 @@ div.fact_SHARED_NOTE {
 	clear: both;
 }
 
-/*-- pedigree chart specific stylesheets --*/
-#pedigree-page table.list_table {
-	margin: 0 auto;
-	width: 500px;
+.facts_label {
+	background-color: #ccc;
+	padding: 4px;
+	width: 20%;
+	text-align: center;
 }
 
-.pedigree_chart_table {
-	border: 0;
-	border-collapse: collapse;
-	padding: 0;
-	width: 100%;
+.facts_label03 {
+	background-color: #ccc;
+	padding: 4px;
+	text-align: center;
+	font-weight: bold;
 }
 
-#pedigree_chart {
-	position: relative;
-	top: -200px;
-	left: 0;
+.facts_value {
+	background-color: #ddd;
+	padding: 4px;
 }
 
-#pedigree_canvas {
-	color: #aaa;
-	position: absolute;
-	top: 200px;
-	z-index: -1000;
+.quickfacts a {
+	padding: 0 3px;
+	font-size: 9px;
 }
 
-#pedigree_chart #childarrow,
-#pedigree_chart #uparrow,
-#pedigree_chart .shadow,
-.ancestorarrow {
-	position: absolute;
+.tabs_table {
+	width: 99%;
 }
 
-#childbox {
-	padding: 5px;
-	position: absolute;
-	display: none;
-	text-align: start;
-	white-space: nowrap;
-	top: 20px;
-	left: 0;
+.name1, .name2 {
+	color: #555;
 }
 
-[dir=rtl] #childbox {
-	left: auto;
-	right: 0;
+a:hover .name1, a:hover .name2 {
+	color: #f00;
 }
 
-.layout3 #childbox {
-	top: auto;
-	bottom: 20px;
+a:hover .nameZoom {
+	font-size: 14px;
+	font-weight: bold;
 }
 
-#childbox a.name1 {
-	/*	font-weight: normal;*/
-	display: block;
-	margin-left: 5px;
+.nameZoom {
+	color: #555;
+	font-size: 14px;
+	font-weight: bold;
 }
 
-#hourglass_chart table,
-.charts_block table {
-	border-collapse: collapse;
+.details_label {
+	font-weight: bold;
 }
 
-#hourglass_chart td,
-.charts_block td {
-	padding: 0;
-	empty-cells: show;
+.name_head {
+	color: #555;
+	font-size: 16px;
+	font-weight: bold;
+	line-height: 2;
+	padding: 0 5px;
 }
 
-#pedigree_chart #childbox {
-	border: 1px solid;
-	background-color: #fff;
+.date {
+	color: #337;
 }
 
-.thumbnail {
-	height: auto;
-	padding: 5px;
+.label {
+	font-weight: bold;
 }
 
-#familybook_chart {
-	margin-left: 10px;
+.error {
+	color: #f00;
+	font-weight: bold;
 }
 
-#familybook_chart table {
-	border-collapse: collapse;
-	empty-cells: show;
+.largeError {
+	color: #f00;
+	font-weight: bold;
 }
 
-#familybook_chart td {
-	margin: 0;
-	padding: 0;
+.warning {
+	color: #f00;
+	font-weight: bold;
 }
 
-#familybook_chart h2 {
-	text-align: center;
+.indent {
+	padding-left: 7px;
 }
 
-#familybook_chart .line3,
-#familybook_chart .pvline,
-#familybook_chart .spacer {
-	width: 3px;
+.image {
+	height: 150px;
+	padding: 5px;
+	margin: 2px;
 }
 
-#familybook_chart .line4 {
-	width: 7px;
+.gender_image {
+	margin: 0 3px;
+	border: 0;
 	vertical-align: middle;
 }
 
-[ID^="vline"] {
-	width: 3px;
-}
-
-#familybook_chart h3 {
-	text-align: center;
-}
-
-#familybook_chart .person_box,
-#familybook_chart .person_boxF,
-#familybook_chart .person_boxNN {
+.thumbnail {
+	height: auto;
 	padding: 3px;
 }
 
-#relationship-page h3 {
-	margin: 20px 0 0 20px;
-}
 
-#relationship_chart {
-	margin: 0 20px;
-}
-
-.tdtop {
-	vertical-align: top;
+.sublinks_cell {
+	background-color: #ccc;
 }
 
-.tdmid {
+.submenu .icon {
 	vertical-align: middle;
+	width: 20px;
+	height: 20px;
 }
 
-.tdbot,
-.tvertline {
+.subheaders {
+	font-weight: bold;
+	font-size: 15px;
+	margin-top: 15px;
 	vertical-align: bottom;
 }
 
-[dir=rtl] #familybook_chart {
-	margin-right: 10px;
+.age {
+	font-size: 9px;
 }
 
-/*-- pedigree chart rtl specific stylesheets --*/
-[dir=rtl] #pedigree_chart {
-	left: auto;
-	right: 0;
+.parentdeath {
+	padding: 1px;
 }
 
-/* Printer friendliness */
-@media print {
-	.person_box, .person_boxF, .person_boxNN {
-		border: solid #888 1px;
-		background: #fff;
-	}
-
-	#header_accordion1 {
-		width: 510px !important;
-	}
-
-	header,
-	footer,
-	form,
-	#pedigree-page #people,
-	#CB_ALL, label,
-	#separator,
-	.noprint {
-		display: none !important;
-	}
-
-	#familybook_chart h3 {
-		margin-bottom: 10px;
-	}
+.source_citations {
+	display: none;
 }
 
-/* Tabular data */
-.list_table {
-	padding: 3px;
-	margin-left: auto;
-	margin-right: auto;
+.selected-option {
+	background-color: #d6e0ea;
 }
 
-.topbottombar,
-.descriptionbox {
-	font-weight: bold;
-	background-color: #ccc;
-	vertical-align: top;
+.border1 {
+	border: none;
 }
 
-.optionbox {
-	background-color: #ddd;
-	color: #000;
-	vertical-align: top;
-	white-space: nowrap;
+.menuitem {
+	text-decoration: none;
+	font-size: 11px;
+	padding: 1px;
 }
 
-.facts_label,
-.facts_label03 {
-	background-color: #ccc;
-	width: 20%;
-	text-align: center;
+.menuitem_hover {
+	text-decoration: none;
+	font-size: 11px;
+	padding: 1px;
 }
 
-.facts_value {
-	background-color: #ddd;
+.menuitem .icon, .menuitem_hover .icon {
+	width: 50px;
+	height: 50px;
 }
 
-.list_label,
-.list_value {
-	white-space: nowrap;
+.submenu {
+	text-decoration: none;
+	font-size: 11px;
+	background-color: #eee;
+	border: thin #aaa;
+	visibility: hidden;
+	position: absolute;
+	padding: 5px;
 }
 
-.list_label_wrap,
-.list_value_wrap {
-	white-space: normal;
+.submenuitem  {
+	vertical-align: middle;
+	font-size: 11px;
+	height: 20px;
+	text-decoration: none;
+	background-color: #eee;
+	padding: 1px;
+	white-space: nowrap;
 }
 
-.list_label,
-.list_label_wrap {
-	background-color: #ccc;
+.submenuitem_hover {
+	vertical-align: middle;
+	height: 20px;
+	font-size: 11px;
+	background-color: #eee;
+	white-space: nowrap;
+	padding: 1px;
 }
 
-.list_value,
-.list_value_wrap {
-	background-color: #ddd;
+.submenuitem a,
+.submenuitem_hover a {
+	display: inline-block;
+	vertical-align: middle;
 }
 
 .journal_box {
@@ -799,120 +519,23 @@ div.fact_SHARED_NOTE {
 	overflow: visible;
 }
 
-.news_title {
-	font-weight: bold;
-}
-
-/* Autocomplete styles*/
-.ui-autocomplete-input {
-	background-color: #eea;
-}
-
-.ui-autocomplete {
-	padding: 0;
-	border: thin solid #aaa;
-	background-color: #fff;
-	z-index: 99999;
-	list-style: none outside none;
-	margin: 0;
-	max-height: 200px;
-	overflow-y: auto;
-}
-
-.ui-autocomplete li {
-	margin: 0;
-	padding: 2px 5px;
-	cursor: default;
-	display: block;
-	font: menu;
-	line-height: 14px; /* absolute setting required for firefox? */
-	overflow: hidden;
-}
-
-.ui-autocomplete-loading {
-	background: #fff url(images/indicator.gif) right center no-repeat;
-}
-
-.ui-autocomplete li:nth-child(odd) {
-	background-color: #eee;
-}
-
-.ui-autocomplete a.ui-state-focus {
-	background: #369;
-	color: #fff;
-}
-
-.ui-sortable li {
-	list-style-type: none;
-}
-
-.ui-sortable .noprint {
-	display: none;
-}
-
-.center {
-	text-align: center;
-	margin-left: auto;
-	margin-right: auto;
-}
-
-.nowrap {
-	white-space: nowrap;
-}
-
-.wrap {
-	white-space: normal;
-}
-
-.tabs_table {
-	width: 99%;
-}
-
-.indent {
-	padding-left: 7px;
-}
-
-.image {
-	height: 150px;
-	padding: 5px;
-	margin: 2px;
-}
-
-.icon {
-	padding-left: 0;
-	padding-right: 5pt;
-}
-
-.subheaders {
-	margin-top: 15px;
-	vertical-align: bottom;
-}
-
-.age {
-	font-size: smaller;
-}
-
-.source_citations {
-	display: none;
-}
-
-.selected-option {
-	background-color: #d6e0ea;
+.news_box {
+	background-color: #ccc;
+	border-top: none;
 }
 
-.user_links {
-	white-space: nowrap;
+.news_title {
+	font-weight: bold;
+	font-size: 14px;
 }
 
-.hit-counter {
-	background: #000;
-	color: #fff;
-	font-weight: bold;
+.news_date {
+	margin-bottom: 12px;
 }
 
 .current_day {
 	font-weight: bold;
-	font-size: larger;
+	font-size: 16px;
 }
 
 .cal_day {
@@ -936,161 +559,101 @@ div.fact_SHARED_NOTE {
 	clear: both;
 }
 
-/*-- descendancy chart specific stylesheets --*/
-#descendancy_chart {
-	margin: 20px;
+#my-page h1 {
+	margin: 0.25em auto 0.6em;
 }
 
-#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: 0 15px;
-}
-
-#descendancy_chart li {
-	list-style: none;
-	margin: 0 0 0 -13px;
-	padding-top: 0;
-	padding-right: 0;
-	padding-bottom: 0;
-}
-
-li .person_box,
-li .person_boxF {
-	margin: 3px 0;
-}
-
-#descendancy_chart span.details1 div[class^="fact_"] {
-	display: inline-block;
-}
-
-#descendancy_chart td.details1 {
-	padding-top: 5px;
-}
-
-/*-- descendancy chart rtl specific stylesheets --*/
-[dir=rtl] #descendancy_chart ul {
-	background-position: right top;
-	left: auto;
-	margin: 0 15px 0 0;
-}
-
-[dir=rtl] #descendancy_chart li {
-	margin: 0 -13px 0 0;
-	padding: 0 2px 0 0;
-	left: auto;
-}
-
-/*-- ancestry chart specific stylesheets --*/
-#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: 0 15px;
-}
-
-#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;
+.tdtop {
+	vertical-align: top;
 }
 
-/*-- ancestry chart rtl specific stylesheets --*/
-[dir=rtl] #ancestry_chart ul {
-	background-position: right top;
-	margin: 0 15px 0 0;
-	left: auto;
+.tdmid {
+	vertical-align: middle;
 }
 
-#ancestry_chart span.details1 div[class^="fact_"] {
-	display: inline-block;
+.tdbot,
+.tvertline {
+	vertical-align: bottom;
 }
 
-[dir=rtl] #ancestry_chart li {
-	margin: 0 -13px 0 0;
-	padding: 0 2px 0 0;
-	left: auto;
+.line1,
+.line2,
+.line3 {
+	vertical-align: middle;
 }
 
-#compact_chart,
-#fan_chart,
-#ancestry_chart,
-#familybook_chart,
-#hourglass_chart {
-	margin: 20px;
+.line5 {
+	vertical-align: top;
 }
 
-.fan_chart_menu {
+#childbox {
+	padding: 5px;
 	position: absolute;
 	display: none;
-	z-index: 100;
-}
-
-#fan_chart ul {
-	list-style-type: none;
-	margin: 0;
-	padding: 0;
-	color: #369;
+	text-align: start;
+	white-space: nowrap;
+	top: 20px;
+	left: 0;
 }
 
-#fan_chart ul.children li:before {
-	content: "< ";
-	font-weight: bold;
+[dir=rtl] #childbox {
+	left: auto;
+	right: 0;
 }
 
-#fan_chart_img {
-	text-align: center;
+.layout3 #childbox {
+	top: auto;
+	bottom: 20px;
 }
 
-#timeline_chart {
-	position: relative;
-	top: 0;
-	left: 0;
+#childbox a.name1 {
+	/*	font-weight: normal;*/
+	display: block;
+	margin-left: 5px;
 }
 
 .person0 {
 	background-color: #aaf;
+	border: none;
 	vertical-align: top;
 }
 
 .person1 {
 	background-color: #afa;
+	border: none;
 	vertical-align: top;
 }
 
 .person2 {
 	background-color: #faa;
+	border: none;
 	vertical-align: top;
 }
 
 .person3 {
 	background-color: #55f;
+	border: none;
 	vertical-align: top;
 }
 
 .person4 {
 	background-color: #f55;
+	border: none;
 	vertical-align: top;
 }
 
 .person5 {
 	background-color: #5f5;
+	border: none;
 	vertical-align: top;
 }
 
 .listlog {
 	line-height: 20pt;
-	color: #555;
+}
+
+.formField {
+	font-size: 12px;
 }
 
 .starredname {
@@ -1105,11 +668,33 @@ li .person_boxF {
 	font-weight: 600;
 }
 
+.topbottombar,
+.descriptionbox {
+	font-weight: bold;
+	background-color: #ccc;
+	vertical-align: top;
+}
+
+.descriptionbox {
+	font-size: 14px;
+	background-color: #ccc;
+	vertical-align: top;
+	padding: 3px;
+}
+
+.optionbox {
+	background-color: #ddd;
+	color: #000;
+	border: none;
+	vertical-align: top;
+	white-space: nowrap;
+	padding: 3px;
+}
+
 .vmiddle {
 	vertical-align: middle;
 }
 
-/* Colors */
 .red {
 	color: #f00;
 }
@@ -1119,7 +704,6 @@ li .person_boxF {
 	opacity: 0.8;
 }
 
-/* Width settings */
 .width10 {
 	width: 10%;
 }
@@ -1176,14 +760,28 @@ li .person_boxF {
 	width: 100%;
 }
 
-/* Font sizes */
 .font9 {
-	font-size: smaller;
+	font-size: 9px;
+}
+
+.font11 {
+	font-size: 11px;
 }
 
-/* Message box */
 .messagebox {
 	background-color: #bce;
+	border: none;
+}
+
+/* ---Pending edits--- */
+.new {
+	border: solid #00f 1px;
+	overflow: hidden;
+}
+
+.old {
+	border: solid #f00 1px;
+	overflow: hidden;
 }
 
 a.showit {
@@ -1209,74 +807,119 @@ a.showit:hover > span {
 	top: 22px;
 	left: 0;
 	width: 225px;
-	border-left: 15px outset #222;
 	border-top: 2px solid #222;
-	border-bottom: 2px solid #000;
 	border-right: 2px solid #000;
+	border-bottom: 2px solid #000;
+	border-left: 15px outset #222;
 	padding: 3px;
 	background: #555;
 	color: #fff;
+	font-size: 15px;
 	text-align: left;
 	opacity: .85;
 	z-index: 5;
 }
 
-.lifespan_people span:first-letter {
-	font-variant: small-caps;
-	padding: 1px;
+.tag_cloud {
+	text-align: center;
 }
 
-.lifespan_outer {
-	position: relative;
-	width: 99.5%;
-	height: 600px;
-	overflow: hidden;
+.tag_cloud a {
+	white-space: nowrap;
 }
 
-.lifespan_outer a {
-	color: #000;
+/* ---Autocomplete styles--- */
+.ui-autocomplete-input {
+	background-color: #eea;
 }
 
-.lifespan_timeline {
-	position: absolute;
-	width: 100%;
-	left: -10px;
-	top: -65px;
-	z-index: 2;
+.ui-autocomplete {
+	padding: 0;
+	border: thin solid #aaa;
 	background-color: #fff;
+	z-index: 99999;
+	list-style: none outside none;
+	margin: 0;
+	max-height: 200px;
+	overflow-y: auto;
 }
 
-.lifespan_people {
-	position: absolute;
-	width: 500px;
-	left: -10px;
-	top: -60px;
-	z-index: 1;
+.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;
 }
 
-.tag_cloud a {
+.ui-autocomplete-loading {
+	background: #fff url(images/indicator.gif) right center no-repeat;
+}
+
+.ui-autocomplete li:nth-child(odd) {
+	background-color: #eee;
+}
+
+.ui-autocomplete a.ui-state-focus {
+	background: #369;
+	color: #fff;
+}
+
+.ui-sortable li {
+	list-style-type: none;
+}
+
+.ui-sortable .noprint {
+	display: none;
+}
+
+/* ---End of Autocomplete styles--- */
+
+.nowrap {
 	white-space: nowrap;
 }
 
-.clearfloat {
-	clear: both;
+.wrap {
+	white-space: normal;
 }
 
-dl {
-	margin: 0;
+.statistics-page {
+	text-align: center;
 }
 
-dt {
+.center2 {
+	text-align: center;
+}
+
+.gchart {
+	border: none;
+}
+
+/* ---Find special characters--- */
+.largechars {
+	font-family: monospace;
+	font-size: 200%;
+}
+
+#facts_content dd {
 	float: left;
-	font-weight: bold;
-	margin-right: 10px;
+	width: 70%;
+}
+
+.clearfloat {
 	clear: both;
 }
 
-[dir=rtl] dt {
-	float: right;
-	margin-right: auto;
-	margin-left: 10px;
+/* this keeps the tag color the same when it is a link as when not */
+
+.place {
+	padding-top: 5px;
 }
 
 #pending h2 {
@@ -1289,6 +932,7 @@ dt {
 	margin-top: 20px;
 }
 
+/* ======== Person box ======= */
 .gedcom_favorites_block,
 .user_favorites_block,
 .person_box_template {
@@ -1317,11 +961,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;
 }
 
@@ -1348,11 +992,11 @@ dt {
 	overflow: hidden;
 }
 
-.person_box_template a.gallery img {
+.person_box_template img,
+.person_box_template a.gallery {
 	float: left;
 	height: 50px;
-	margin: 0 3px 0 0;
-	padding: 0;
+	margin: 0 4px 0 0;
 	max-width: 80px;
 	width: auto;
 }
@@ -1360,7 +1004,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"] {
@@ -1377,6 +1021,7 @@ dt {
 	margin: 0 auto;
 }
 
+#medialist-page .list_table,
 #medialist-page .list_table_controls {
 	width: 100%;
 }
@@ -1385,8 +1030,7 @@ dt {
 	min-width: 40px;
 	text-align: center;
 }
-
-/* ============== medialist.php ======================= */
+/* ======== medialist.php ==== */
 .makeMenu li ul {
 	border: thin solid #AAA;
 	position: absolute;
@@ -1410,7 +1054,9 @@ dt {
 }
 
 .lb-menu ul {
+	display: block;
 	list-style-type: none;
+	margin: 0;
 }
 
 .lb-menu > li {
@@ -1419,37 +1065,54 @@ dt {
 	top: 0;
 }
 
+.lb-menu li:first-child {
+	padding-left: 0;
+}
+
 .lb-menu > li ul {
 	display: none;
 }
 
 .lb-menu > li:hover ul {
 	display: block;
+	top: 36px;
+}
+
+.lb-menu a {
+	display: block;
 }
 
 .lb-menu li a {
-	padding-top: 24px;
+	padding: 24px 10px 1px 5px;
 }
 
 .lb-menu li li a {
-	padding: 5px 10px 5px 5px;
-	display: block;
+	padding: 0;
 	background-color: #fff;
+	padding: 5px 10px 5px 5px;
 }
 
-.secondary-menu.lb-menu li:before {
-	content: "";
-}
-
-.lb-image_edit, .lb-image_link {
-	padding-right: 5px;
+.lb-menu li {
+	border: 0;
 }
 
 [dir=rtl] .lb-menu > li {
 	float: right;
 }
 
-/* ============== login.php ======================= */
+.lb-image_edit {
+	background: url(images/image_edit.png) no-repeat 50% 20%;
+}
+
+.lb-image_link {
+	background: url(images/image_link.png) no-repeat 50% 20%;
+}
+
+.lb-image_view {
+	background: url(images/image_view.png) no-repeat 50% 20%;
+}
+
+/* login.php */
 #login-register-page h2 {
 	text-align: center;
 }
@@ -1461,6 +1124,7 @@ dt {
 
 #login-register-page .back {
 	font-weight: bold;
+	font-size: 14px;
 	text-align: center;
 }
 
@@ -1472,9 +1136,11 @@ dt {
 
 #login-register-page .confirm p {
 	font-weight: bold;
+	font-size: 14px;
 }
 
 #login-register-page .confirm p + p {
+	font-size: 12px;
 	font-weight: normal;
 }
 
@@ -1544,6 +1210,7 @@ dt {
 #register-form textarea {
 	width: 220px;
 	margin: 0 10px;
+	padding: 3px;
 }
 
 #register-form label select {
@@ -1572,7 +1239,12 @@ 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;
 }
@@ -1593,77 +1265,6 @@ dt {
 	text-align: center;
 }
 
-.gedcom_favorites_block .person_box,
-.gedcom_favorites_block .person_boxF,
-.gedcom_favorites_block .person_boxNN {
-	height: auto;
-}
-
-.user_favorites_block .person_box,
-.user_favorites_block .person_boxF,
-.user_favorites_block .person_boxNN {
-	height: auto;
-}
-
-/* ============= 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 label {
-	display: inline-block;
-	min-width: 100px;
-}
-
-.add_fav_ref label:after {
-	content: ":";
-}
-
-.add_fav_ref input {
-	margin: 0 5px;
-}
-
 .itr {
 	position: absolute;
 	line-height: 1.5;
@@ -1686,8 +1287,8 @@ dt {
 
 .popup ul {
 	background-image: none !important;
-	font-size: smaller;
 	list-style: none;
+	font-size: 9px;
 	margin: 0;
 	padding: 0 10px;
 }
@@ -1787,7 +1388,350 @@ dt {
 	text-align: center;
 }
 
-/* FAQ table styles */
+/* ======== List styles ====== */
+.source-list,
+.note-list,
+.repo-list,
+.media-list,
+.indi-list,
+.fam-list {
+	margin: 5px auto;
+	visibility: hidden;
+	width: 98%;
+}
+
+.recent_changes_block,
+.upcoming_events_block,
+.todays_events_block,
+.todo_block {
+	width: 98%;
+}
+
+.surname-list,
+.givn-list {
+	margin: 5px auto;
+}
+
+.source-list table,
+.note-list table,
+.repo-list table,
+.media-list table,
+.indi-list table,
+.fam-list table {
+	width: 100%;
+}
+
+.source-list td,
+.note-list td,
+.repo-list td,
+.media-list td,
+.indi-list td,
+.fam-list td,
+.recent_changes_block td,
+.upcoming_events_block td,
+.surname-list td,
+.givn-list td {
+	padding: 2px 5px;
+}
+
+.indi-list td,
+.fam-list td {
+	color: #555;
+}
+
+.surname-list td {
+	vertical-align: top;
+}
+
+.indi-list .stats,
+.fam-list .stats {
+	margin: 0 auto;
+	width: auto;
+}
+
+.source-list th,
+.note-list th,
+.repo-list th,
+.media-list th,
+.indi-list th,
+.fam-list th,
+.recent_changes_block th,
+.upcoming_events_block th,
+.todays_events_block th,
+.todo_block th,
+.yahrzeit_block th,
+.surname-list th,
+.givn-list th {
+	cursor: pointer;
+	font-weight: 600;
+	padding: 2px 4px;
+	white-space: nowrap;
+}
+
+.source-list th:last-child,
+.note-list th:last-child,
+.repo-list th:last-child {
+	margin: 0 -2px 1px 1px;
+	padding: 3px 0 4px;
+	width: 24px;
+}
+
+.givn-list th {
+	cursor: pointer;
+	white-space: nowrap;
+	padding: 2px;
+	text-align: center;
+}
+
+#source-details h2,
+#sourcelist-page h2,
+#note-details h2,
+#notelist-page h2,
+#repo-details h2,
+#repolist-page h2,
+#media-details h2,
+#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: 60%;
+	float: left;
+}
+
+#index_small_blocks {
+	clear: none;
+	width: 40%;
+	float: right;
+}
+
+#index_full_blocks {
+	clear: none;
+	width: 100%;
+}
+
+[dir=rtl] #index_main_blocks {
+	float: right;
+}
+
+[dir=rtl] #index_small_blocks {
+	float: left;
+}
+
+.small_inner_block {
+	max-height: 200px;
+	overflow: auto;
+}
+
+.normal_inner_block {
+	overflow: auto;
+}
+
+.block {
+	background-color: #eee;
+	border: none;
+	padding: 3px;
+	vertical-align: top;
+}
+
+.blockcontent {
+	margin: 5px;
+	overflow: auto;
+}
+
+.blockcontent .list_table {
+	border-spacing: 0;
+	border: none;
+	border-right: 0;
+}
+
+.blockcontent .list_value,
+.blockcontent .list_value_wrap {
+	border: none;
+}
+
+.blockheader {
+	font-weight: bold;
+}
+
+/* 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: #ddd;
 	margin: 5px 0 50px 5px;
@@ -1800,21 +1744,21 @@ table.faq tr.odd td {
 
 div.faq_title {
 	background-color: #ddd;
-	margin: 12px 0 0 12px;
-	padding: 3px;
+	margin: 1em 0;
+	padding: .25em;
 	font-weight: bold;
 	width: 98%;
 }
 
 div.faq_body {
 	clear: both;
-	margin: 12px 0;
-	padding: 12px;
+	padding: 0 1em;
 }
 
 .faq_italic {
 	font-style: italic;
 	font-weight: bold;
+	font-size: 90%;
 	padding: 0 10px;
 }
 
@@ -1834,20 +1778,7 @@ div.faq_body {
 	float: left;
 }
 
-ul.clist {
-	list-style-image: none;
-	text-decoration: none;
-	color: #000;
-	margin: 0;
-}
-
-/* Find special characters */
-.largechars {
-	font-family: monospace;
-	font-size: xx-large;
-}
-
-/* ========= Positioning edit, copy, delete links ============= */
+/* === Positioning edit, copy, delete links === */
 /* General use */
 .editfacts {
 	clear: left;
@@ -1855,10 +1786,6 @@ ul.clist {
 }
 
 /* a container for the following three links */
-.editfacts a:hover,
-.field a:hover {
-	background-color: transparent !important;
-}
 
 .editlink,
 .copylink,
@@ -1876,7 +1803,7 @@ span.link_text {
 	display: none;
 }
 
-/* Indi header */
+/* ======== Indi header ====== */
 .field .editlink,
 .field .deletelink,
 .field .copylink {
@@ -1888,10 +1815,6 @@ span.link_text {
 	float: left;
 }
 
-/* =========== end edit, copy, delete links ==================== */
-
-/* =========== Indi header ================== */
-
 #indi_header {
 	overflow: hidden;
 	border-radius: 4px;
@@ -1901,6 +1824,7 @@ span.link_text {
 
 #indi_header h3 {
 	color: #369;
+	font-size: 90%;
 	font-weight: bold;
 	margin: 0;
 	padding: 0 10px 0 30px;
@@ -1910,25 +1834,61 @@ span.link_text {
 }
 
 #indi_header .name_one {
-	font-size: larger;
+	font-size: 1.5em;
+}
+
+#indi_header h3 .details1 {
+	font-size: 1.0em;
+}
+
+#indi_header h3.person_box,
+#indi_header h3.person_boxF,
+#indi_header h3.person_boxNN {
+	border: none;
 }
 
 #indi_header h3 .header_age {
 	padding: 5px 0 5px 5px;
 	float: right;
 	font-weight: normal;
-	font-size: smaller;
+	font-size: 65%;
+}
+
+#indi_header h3 a {
+	display: inline;
+}
+
+#indi_header a {
+	color: #337;
+	font-size: 0.75em;
+	font-weight: normal;
+}
+
+#indi_header a:hover {
+	color: #f00;
+}
+
+#main_name {
+	float: left;
+	font-size: 2em;
+	margin: 10px;
+	font-weight: bold;
 }
 
 #indi_mainimage {
-	float: right;
+	float: left;
+	padding: 0 10px;
 }
 
 #header_accordion1 {
-	padding: 0 10px;
+	padding: 0 10px 0 0;
 	overflow: hidden;
 }
 
+[dir='rtl'] #header_accordion1 {
+	padding: 0 0 0 10px;
+}
+
 #header_accordion1 .indi_name_details {
 	margin: 0;
 	overflow: hidden;
@@ -1939,13 +1899,50 @@ span.link_text {
 	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: #369;
+	float: right;
+}
+
+dd .editlink,
+dd .deletelink {
+	float: right;
+}
+
 #indi_note .fact_NOTE {
 	float: left;
-	margin: 0 10px 0 0;
+	margin: 0 5px 0 0;
+}
+
+#indi_note .fact_SOUR {
+	margin: 3px 0;
+}
+
+#indi_note .fact_SOUR a {
+	font-size: 100%;
 }
 
 #indi_note .fact_NOTE,
@@ -1970,29 +1967,6 @@ span.link_text {
 .markdown th {
 	border: solid thin #000;
 	padding: 3px;
-	font-size: 10px;
-}
-
-.indi_table {
-	clear: left;
-}
-
-#sex {
-	float: right;
-}
-
-#dates {
-	color: #369;
-	float: right;
-}
-
-dd .editlink,
-dd .deletelink {
-	float: right;
-}
-
-[dir=rtl] #indi_header {
-	float: right;
 }
 
 [dir=rtl] #indi_header h3 {
@@ -2010,7 +1984,7 @@ dd .deletelink {
 }
 
 [dir=rtl] #indi_mainimage {
-	float: left;
+	float: right;
 }
 
 [dir=rtl] #indi_note .fact_NOTE {
@@ -2035,7 +2009,13 @@ dd .deletelink {
 	float: left;
 }
 
-/* INDI IMAGE SPRITE */
+.hit-counter {
+	background: #000;
+	color: #fff;
+	font-weight: bold;
+}
+
+/* ======= General sprite ==== */
 .male_gender,
 .female_gender,
 .unknown_gender,
@@ -2082,7 +2062,7 @@ dd .deletelink {
 	height: 16px;
 }
 
-/* =========== Indi tabs ================== */
+/* ======== Indi tabs ======== */
 /* Facts & Events tab */
 #personal_facts_content .fact_NOTE,
 #personal_facts_content .fact_SOUR,
@@ -2123,7 +2103,7 @@ dd .deletelink {
 	padding-right: 5px;
 }
 
-/* Album tab */
+/* ======== Album tab =========*/
 .album-list {
 	list-style-type: none;
 }
@@ -2156,7 +2136,7 @@ dd .deletelink {
 	width: 100%;
 }
 
-/* ========= jquery-ui.custom.css changes ============ */
+/* === jquery-ui.css changes === */
 .ui-tabs .ui-tabs-panel {
 	background-color: #eee;
 	border-radius: 4px;
@@ -2211,7 +2191,7 @@ dd .deletelink {
 	right: auto;
 }
 
-/* ========= jQuery.datatable styling over-rides ============ */
+/* === jQuery.datatable styling general over-rides === */
 .odd {
 	background-color: LightGrey;
 }
@@ -2235,22 +2215,22 @@ dd .deletelink {
 
 .dataTables_paginate {
 	float: left;
-	margin: 5px;
+	margin-bottom: 3px;
 }
 
 .dataTables_processing {
 	float: left;
-	margin: 5px;
 }
 
 .dataTables_filter {
 	float: right;
-	margin: 4px;
+	font-weight: normal;
 }
 
 .dataTables_info {
 	float: left;
-	margin: 5px;
+	font-weight: normal;
+	padding: 4px;
 }
 
 .recent_changes_block .dataTables_info,
@@ -2268,23 +2248,20 @@ dd .deletelink {
 
 .upcoming_events_block button,
 .todays_events_block button {
-	margin: 5px 20px;
+	margin: 0 20px;
 }
 
 .dataTables_length {
 	float: right;
-	margin: 5px;
+	font-weight: normal;
 }
 
 .dataTables_length select,
 .dataTables_filter input {
+	font-size: 11px;
 	padding: 1px;
 }
 
-.ui-widget-header {
-	font-weight: normal;
-}
-
 .dt-clear {
 	clear: both;
 }
@@ -2306,6 +2283,10 @@ dd .deletelink {
 	top: 50%;
 }
 
+.dataTables_wrapper {
+	margin-bottom: 10px;
+}
+
 [dir=rtl] .css_right {
 	float: right;
 }
@@ -2340,190 +2321,10 @@ dd .deletelink {
 	margin-right: -20px;
 }
 
-/* ========= List styles ================= */
-.source-list,
-.note-list,
-.repo-list,
-.media-list,
-.indi-list,
-.fam-list {
-	margin: 5px auto;
-	visibility: hidden;
-	width: 98%;
-}
-
-.surname-list,
-.givn-list {
-	margin: 5px auto;
-}
-
-.source-list table,
-.note-list table,
-.repo-list table,
-.media-list table,
-.indi-list table,
-.fam-list table {
-	width: 100%;
-}
-
-.source-list td,
-.note-list td,
-.repo-list td,
-.media-list td,
-.indi-list td,
-.fam-list td,
-.recent_changes_block td,
-.upcoming_events_block,
-.surname-list td,
-.givn-list td {
-	padding: 2px 5px;
-}
-
-.indi-list td,
-.fam-list td {
-	color: #555;
-}
-
-.surname-list td {
-	vertical-align: top;
-}
-
-.indi-list .stats,
-.fam-list .stats {
-	margin: 0 auto;
-	width: auto;
-}
-
-.source-list th,
-.note-list th,
-.repo-list th,
-.media-list th,
-.indi-list th,
-.fam-list th,
-.recent_changes_block th,
-.upcoming_events_block th,
-.todays_events_block th,
-.todo_block th,
-.yahrzeit_block th,
-.surname-list th,
-.givn-list th {
-	cursor: pointer;
-	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;
-}
-
-.filtersH .ui-state-default,
-.filtersF .ui-state-default {
-	margin: 0 2px;
-	padding: 2px;
-}
-
-.loading-image {
-	background: transparent url(images/loading.gif) 50% 50% no-repeat;
-	height: 50px;
-	margin: 50px;
-}
-
-#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;
-}
-
-/* ========= Sidebar ============== */
+/* ======= Sidebar setup ===== */
 #main {
 	min-width: 600px;
 	width: 100%;
-	padding: 3px 0 0;
 	display: table;
 	table-layout: fixed;
 }
@@ -2532,6 +2333,14 @@ dd .deletelink {
 	display: table-cell;
 }
 
+#indi_left .ui-tabs-panel {
+	padding: 0;
+}
+
+#indi_left .ui-tabs-nav {
+	margin: 0 2px;
+}
+
 #tabs {
 	width: 98%;
 	overflow: visible;
@@ -2543,10 +2352,11 @@ dd .deletelink {
 	float: right;
 }
 
+/* sidebar */
 #sidebar {
+	width: 20%;
 	display: table-cell;
 	vertical-align: top;
-	width: 20%;
 }
 
 #separator {
@@ -2560,19 +2370,19 @@ dd .deletelink {
 #separator:after {
 	position: absolute;
 	top: 0;
-	left: auto;
 	right: 0;
+	left: auto;
 	width: 10px;
 	height: 99999px;
 	content: "";
 	border: 1px solid #aaa;
-	border-top-left-radius: 4px;
-	border-top-right-radius: 4px;
+	border-top-left-radius: 3px;
+	border-top-right-radius: 3px;
 }
 
 [dir=rtl] #separator:after {
-	left: 0;
 	right: auto;
+	left: 0;
 }
 
 .separator-hidden:after,
@@ -2593,30 +2403,33 @@ dd .deletelink {
 	text-align: center;
 }
 
-/* ============== Sidebar content items ============== */
+/* Sidebar content items */
 /* Family navigator */
 #sb_content_family_nav {
 	padding: 0;
 }
 
 #sb_family_nav_content {
-	margin-top: 2px;
+	margin-top: 8px;
 }
 
-.nav_content {
-	width: 100%;
-	padding: 10px 0;
+.nam a:hover {
+	color: #f00;
 }
 
-.famnav_link div {
-	padding: 0;
+.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;
@@ -2652,10 +2465,14 @@ dd .deletelink {
 	text-decoration: underline;
 }
 
-/* Descendancy */
+/* Sidebar*/
+#sb_content_descendancy {
+	margin-top: 5px;
+}
+
 #sb_desc_content {
-	margin-left: 4px;
-	font-size: smaller;
+	margin-left: 3px;
+	font-size: 0.8em;
 }
 
 #sb_desc_content ul {
@@ -2687,21 +2504,27 @@ dd .deletelink {
 	margin-left: 0;
 }
 
-/* Individuals, Families */
+/* Individuals and Families */
+#sb_content_individuals,
+#sb_content_families {
+	margin-top: 5px;
+}
+
 .sb_indi_surname_li,
 .sb_fam_surname_li {
 	list-style-image: url(images/plus.png);
 }
 
-.name_tree_div li,
-.name_tree_div_visible li {
-	white-space: normal;
-}
-
 .name_tree_div {
 	display: none;
 }
 
+.name_tree_div ul,
+.name_tree_div_visible ul {
+	padding: 0;
+	margin: 0;
+}
+
 .name_tree_div li,
 .name_tree_div_visible li {
 	list-style: none;
@@ -2709,29 +2532,30 @@ dd .deletelink {
 	padding: 0;
 }
 
-.name_tree_div ul,
-.name_tree_div_visible ul {
+/* Clippings */
+#sb_content_clippings {
+	margin-top: 5px;
+}
+
+#sb_clippings_content ul {
 	padding: 0;
 	margin: 0;
 }
 
-/* Clippings */
 #sb_clippings_content li {
 	list-style: none;
 	margin: 0;
 	padding: 0;
-}
-
-#sb_clippings_content ul {
-	padding: 0;
-	margin: 0;
+	white-space: nowrap;
 }
 
 /* Extra info */
 #sb_content_extra_info {
+	font-size: 80%;
 	font-weight: bold;
+	margin-top: 1px;
 	overflow: hidden;
-	padding: 4px;
+	padding: 5px;
 }
 
 #sb_content_extra_info .editfacts {
@@ -2751,19 +2575,16 @@ dd .deletelink {
 	display: inline;
 }
 
-[dir=rtl] #sb_content_extra_info .editfacts {
-	float: left;
-}
-
-fieldset {
-	text-align: left;
+#sb_content_extra_info #hitcounter {
+	font-weight: bold;
+	padding-top: 5px;
 }
 
-[dir=rtl] fieldset {
-	text-align: right;
+[dir=rtl] #sb_content_extra_info .editfacts {
+	float: left;
 }
 
-/* ============== find.php ======================= */
+/* ===== find.php =====  */
 #find-page h3,
 #find-page h4 {
 	margin: 10px;
@@ -2785,14 +2606,14 @@ fieldset {
 }
 
 #find-header span {
-
+	color: #fff;
+	font-weight: bold;
 }
 
 #find-output,
 #find-output-special {
 	background-color: #ddd;
-	border: 1px solid #aaa;
-	border-radius: 4px;
+	border: 1px outset #aaa;
 	margin: 20px 5px;
 	padding: 10px;
 }
@@ -2806,8 +2627,9 @@ fieldset {
 }
 
 #find-media {
-	background-color: #ccc;
-	border: 1px solid #aaa;
+	background-color: #81a9cb;
+	border: 1px outset #81a9cb;
+	color: #fff;
 	padding: 5px;
 	text-align: center;
 }
@@ -2866,7 +2688,7 @@ fieldset {
 	text-align: inherit;
 }
 
-/* ============== search.php ======================= */
+/* ===== search.php ===== */
 #search-page h2,
 #search_submit {
 	margin: 20px;
@@ -2882,9 +2704,9 @@ fieldset {
 }
 
 #search-page-table .label {
+	border-top: 1px solid #ccc;
 	float: left;
 	font-weight: bold;
-	margin: 1px;
 	padding: 5px 10px 0;
 	width: 150px;
 }
@@ -2909,7 +2731,7 @@ fieldset {
 	margin: 0 170px 0 0;
 }
 
-/* ============== edituser.php ======================= */
+/*  edituser.php  */
 #edituser-page h2,
 #edituser_submit {
 	margin: 20px;
@@ -2926,9 +2748,9 @@ fieldset {
 }
 
 #edituser-table .label {
+	border: none;
 	float: left;
 	font-weight: bold;
-	margin: 1px;
 	padding: 5px 10px 0;
 	width: 240px;
 	white-space: nowrap;
@@ -2957,14 +2779,702 @@ fieldset {
 	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;
+	background-color: #eee;
+	width: 96.5%;
+	border-radius: 4px;
+	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: #888;
+	text-align: center;
+	width: 100%;
+	font-weight: 800;
+}
+
+.cboxPhoto {
+	float: left;
+	margin: auto;
+	border: 0;
+	display: block;
+	max-width: none;
+}
+
+.cboxIframe {
+	width: 100%;
+	height: 100%;
+	display: block;
+	border: 0;
+}
+
+#cboxPrevious {
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	background: url(images/controls.png) no-repeat -75px 0;
+	width: 25px;
+	height: 25px;
+	text-indent: -9999px;
+	margin: 10px;
+	border: 0;
+}
+
+#cboxPrevious:hover {
+	background-position: -75px -25px;
+}
+
+#cboxNext {
+	position: absolute;
+	bottom: 0;
+	left: 27px;
+	background: url(images/controls.png) no-repeat -50px 0;
+	width: 25px;
+	height: 25px;
+	text-indent: -9999px;
+	margin: 10px;
+	border: 0;
+}
+
+#cboxNext:hover {
+	background-position: -50px -25px;
+}
+
+#cboxSlideshow {
+	position: absolute;
+	bottom: 5px;
+	font-size: 14px;
+	left: 57px;
+	margin: 10px;
+	border: 0;
+	background: none;
+}
+
+#cboxSlideshow:hover {
+	color: #f00;
+	background: #fff;
+}
+
+#cboxClose {
+	position: absolute;
+	bottom: 0;
+	right: 0;
+	background: url(images/controls.png) no-repeat -25px 0;
+	width: 25px;
+	height: 25px;
+	text-indent: -9999px;
+	margin: 10px;
+	border: 0;
+}
+
+#cboxClose:hover {
+	background-position: -25px -25px;
+}
+
+#cboxCurrent {
+	bottom: 4px;
+	color: #888;
+	left: 58px;
+	position: absolute;
+}
+
+[dir=rtl] #cboxPrevious {
+	right: 27px;
+	left: auto;
+}
+
+[dir=rtl] #cboxNext {
+	right: 0;
+	left: auto;
+}
+
+[dir=rtl] #cboxCurrent {
+	right: auto;
+	left: 0;
+}
+
+[dir=rtl] #cboxClose {
+	right: auto;
+	left: 0;
+}
+
+[dir=rtl] #cboxSlideshow {
+	right: 57px;
+	left: auto;
+}
+
+/* ===== 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;
+}
+
+#rootid, 
+#pid1, 
+#pid2 {
+width: 40px;
+}
+
+/*-- ancestry chart specific stylesheets --*/
+#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 {
+	margin: 20px;
+}
+
+#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;
+}
+/*
+li .person_box,
+li .person_boxF {
+	margin: 3px 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;
 }
 
-/* Icons */
+#familybook_chart h2 {
+	text-align: center;
+}
+
+#familybook_chart .line3,
+#familybook_chart .pvline,
+#familybook_chart .spacer {
+	width: 3px;
+}
+
+#familybook_chart .line4 {
+	width: 7px;
+	vertical-align: middle;
+}
+
+[ID^="vline"] {
+	width: 3px;
+}
+
+#familybook_chart h3 {
+	color: #006;
+	font-size: 16px;
+	text-align: center;
+}
+
+[dir=rtl] #familybook_chart {
+	margin-right: 10px;
+}
+
+/*-- Fan chart ---- */
+.fan_chart_menu {
+	position: absolute;
+	display: none;
+	z-index: 100;
+}
+
+#fan_chart ul {
+	list-style-type: none;
+	margin: 0;
+}
+
+#fan_chart ul.children li:before {
+	content: "< ";
+	font-weight: bold;
+}
+
+#fan_chart_img {
+	text-align: center;
+}
+
+/*-- Hourglass ---- */
+#hourglass_chart img.line4 {
+	vertical-align: middle;
+}
+
+#hourglass_chart table,
+.charts_block table {
+	border-collapse: collapse;
+}
+
+#hourglass_chart td,
+.charts_block td {
+	padding: 0;
+	empty-cells: show;
+}
+
+/*-- Lifespan ---- */
+.lifespan_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: none;
+}
+
+.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: #aaa;
+	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: 0;
+	left: 0;
+}
+
+/* ====== Common Icons ========= */
 [class^="icon-"],
 [class*=" icon-"] {
 	display: inline-block;
@@ -2994,6 +3504,7 @@ fieldset {
 	width: 18px;
 	height: 16px;
 	background-image: url(images/buttons/addmedia.png);
+	vertical-align: middle;
 }
 
 .icon-button_addnote {
@@ -3018,6 +3529,7 @@ fieldset {
 	width: 19px;
 	height: 15px;
 	background-image: url(images/buttons/calendar.png);
+	vertical-align: middle;
 }
 
 .icon-button_family {
@@ -3048,12 +3560,14 @@ fieldset {
 	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 {
@@ -3066,6 +3580,7 @@ fieldset {
 	width: 15px;
 	height: 15px;
 	background-image: url(images/buttons/place.png);
+	vertical-align: middle;
 }
 
 .icon-button_repository {
@@ -3153,12 +3668,6 @@ a.icon-darrow:hover {
 	background-image: url(images/help.png);
 }
 
-.icon-indis {
-	width: 24px;
-	height: 24px;
-	background-image: url(images/indis.png);
-}
-
 .icon-indi-list {
 	width: 50px;
 	height: 50px;
@@ -3297,18 +3806,6 @@ a.icon-larrow:hover {
 	background-image: url(images/osm.png);
 }
 
-.icon-patriarch {
-	width: 24px;
-	height: 24px;
-	background-image: url(images/patriarch.png);
-}
-
-.icon-pedigree {
-	width: 24px;
-	height: 24px;
-	background-image: url(images/pedigree.png);
-}
-
 .icon-pin-in {
 	width: 16px;
 	height: 16px;
@@ -3321,12 +3818,6 @@ a.icon-larrow:hover {
 	background-image: url(images/pin-out.png);
 }
 
-.icon-place {
-	width: 24px;
-	height: 24px;
-	background-image: url(images/place.png);
-}
-
 .icon-plus {
 	width: 11px;
 	height: 11px;
@@ -3363,18 +3854,6 @@ a.icon-rarrow:hover {
 	background-image: url(images/remove.png);
 }
 
-.icon-repository {
-	width: 30px;
-	height: 30px;
-	background-image: url(images/repository.png);
-}
-
-.icon-repo-list {
-	width: 30px;
-	height: 30px;
-	background-image: url(images/repository.png);
-}
-
 .icon-resn-confidential {
 	width: 16px;
 	height: 16px;
@@ -3405,12 +3884,6 @@ a.icon-rarrow:hover {
 	background-image: url(images/rings.png);
 }
 
-.icon-search {
-	width: 24px;
-	height: 24px;
-	background-image: url(images/search.png);
-}
-
 .icon-selected {
 	width: 12px;
 	height: 12px;
@@ -3453,12 +3926,6 @@ a.icon-rarrow:hover {
 	background-image: url(images/sex_u_9x9.png);
 }
 
-.icon-sfamily {
-	width: 24px;
-	height: 24px;
-	background-image: url(images/sfamily.png);
-}
-
 .icon-slide_close {
 	width: 22px;
 	height: 20px;
@@ -3477,22 +3944,11 @@ a.icon-rarrow:hover {
 	background-image: url(images/source.png);
 }
 
-.icon-source-list {
-	width: 24px;
-	height: 24px;
-	background-image: url(images/source.png);
-}
-
 .icon-target {
 	width: 15px;
 	height: 15px;
 	background-image: url(images/buttons/target.png);
-}
-
-.icon-tree {
-	width: 24px;
-	height: 24px;
-	background-image: url(images/gedcom.png);
+	vertical-align: middle;
 }
 
 .icon-uarrow {
@@ -3513,35 +3969,18 @@ a.icon-uarrow:hover {
 	background-image: url(images/udarrow.png);
 }
 
-.icon-user_add {
-	width: 24px;
-	height: 24px;
-	background-image: url(images/user_add.png);
-}
-
 .icon-warning {
 	width: 17px;
 	height: 17px;
 	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;
@@ -3554,6 +3993,43 @@ a.icon-uarrow:hover {
 	background-image: url(images/zoomout.png);
 }
 
+/* Silhouettes on charts */
+.icon-silhouette-F {
+	width: 37px;
+	height: 45px;
+	background-image: url(images/silhouette_female_small.png);
+}
+
+.icon-silhouette-M {
+	width: 37px;
+	height: 45px;
+	background-image: url(images/silhouette_male_small.png);
+}
+
+.icon-silhouette-U {
+	width: 37px;
+	height: 45px;
+	background-image: url(images/silhouette_unknown_small.png);
+}
+
+#indi_mainimage .icon-silhouette-F {
+	width: 99px;
+	height: 106px;
+	background-image: url(images/silhouette_female.png);
+}
+
+#indi_mainimage .icon-silhouette-M {
+	width: 99px;
+	height: 99px;
+	background-image: url(images/silhouette_male.png);
+}
+
+#indi_mainimage .icon-silhouette-U {
+	width: 100px;
+	height: 97px;
+	background-image: url(images/silhouette_unknown.png);
+}
+
 [class^="icon-mime-"],
 [class*=" icon-mime-"] {
 	display: inline-block;
@@ -3562,7 +4038,7 @@ a.icon-uarrow:hover {
 	height: 48px;
 }
 
-/* Generic MIME types */
+/* ===== Generic MIME types ===== */
 [class^="icon-mime-"],
 [class*=" icon-mime-"] {
 	background-position: -99px -49px;
@@ -3593,7 +4069,7 @@ a.icon-uarrow:hover {
 	background-position: -148px -147px;
 }
 
-/* Specific MIME types */
+/* ===== Specific MIME types ===== */
 .icon-mime-application-pdf {
 	background-position: -1px -49px;
 }
@@ -3677,440 +4153,357 @@ a.icon-uarrow:hover {
 .icon-mime-video-x-ms-wmv {
 	background-position: -50px -196px;
 }
+/* ====== End Icon styles ====== */
 
-/* Silhouettes on charts */
-.icon-silhouette-F {
-	width: 37px;
-	height: 45px;
-	background-image: url(images/silhouette_female_small.png);
-}
-
-.icon-silhouette-M {
-	width: 37px;
-	height: 45px;
-	background-image: url(images/silhouette_male_small.png);
-}
-
-.icon-silhouette-U {
-	width: 37px;
-	height: 45px;
-	background-image: url(images/silhouette_unknown_small.png);
+/* ====== Theme Header ========= */
+header h1 {
+	clear: left;
+	float: left;
+	font-size: x-large;
+	font-weight: normal;
+	margin: 0;
 }
 
-/* Silhouettes on individual pages */
-#indi_mainimage .icon-silhouette-F {
-	width: 99px;
-	height: 106px;
-	background-image: url(images/silhouette_female.png);
+[dir=rtl] header h1 {
+	clear: right;
+	float: right;
 }
 
-#indi_mainimage .icon-silhouette-M {
-	width: 99px;
-	height: 99px;
-	background-image: url(images/silhouette_male.png);
+.header-search {
+	display: inline-block;
 }
 
-#indi_mainimage .icon-silhouette-U {
-	width: 100px;
-	height: 97px;
-	background-image: url(images/silhouette_unknown.png);
+/* Set stack level for top two header menu rows */
+.secondary-menu ul,
+.primary-menu ul {
+	z-index: 210;
 }
 
-/* Edit interface pop-ups*/
-#edit_interface-page h4 {
-	color: #555;
-	margin: 5px;
+.secondary-menu {
+	white-space: nowrap;
+	float: right;
 }
 
-#edit_interface-page .optionbox span {
-	margin: 0 5px;
+[dir=rtl] .secondary-menu {
+	float: left;
 }
 
-#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;
+.secondary-menu li {
+	background: none !important;
+	display: inline;
+	position: relative;
+	white-space: nowrap;
 }
 
-#edit_interface-page #GIVN,
-#edit_interface-page #SURN,
-#edit_interface-page #_MARNM {
-	line-height: 18px;
-	margin: 0 5px;
-	width: 180px;
+.secondary-menu li:before {
+	content: " | ";
 }
 
-#edit_interface-page input[type="text"],
-#edit_interface-page #NAME_display {
-	line-height: 18px;
-	margin: 0 5px;
-	vertical-align: top;
-	width: 240px;
+.secondary-menu li ul li:before {
+	content: "";
 }
 
-#edit_interface-page input[type="text"][id*="PAGE"],
-#edit_interface-page input[type="text"][id*="_UID"] {
-	width: 350px;
+.secondary-menu li:first-child:before {
+	content: "";
 }
 
-#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 ul {
+	display: none;
+	position: absolute;
+	left: 0;
+	top: 15px;
+	background-color: #eee;
+	border: thin solid #aaa;
 }
 
-#edit_interface-page input[type="text"][id$="DATE"] {
-	width: 160px;
+.secondary-menu.lb-menu li:before {
+	content: "";
 }
 
-#edit_interface-page input[type="text"][id^="TIME"] {
-	width: 100px;
+[dir=rtl] .secondary-menu li ul {
+	left: auto;
+	right: 0;
 }
 
-#edit_interface-page input[type="text"][id*="OBJE_FILE"] {
-	width: 200px;
+/* position sub-sub-menus */
+.secondary-menu ul ul {
+	top: 0;
+	left: 100px;
 }
 
-#edit_interface-page input[type="text"][id*="SOUR_TITL"] {
-	width: 250px;
+[dir=rtl] .secondary-menu ul ul {
+	top: 0;
+	left: auto;
+	right: 100px;
 }
 
-#edit_interface-page input[id*="TEXT"] {
-	height: 140px;
-	width: 440px;
+.secondary-menu li ul li {
+	display: block;
+	text-align: left;
 }
 
-#edit_interface-page textarea {
-	margin: 0 5px;
-	width: 440px;
+[dir=rtl] .secondary-menu li ul li {
+	text-align: right;
 }
 
-#edit_interface-page textarea[id*="NOTE"] {
-	height: 240px;
+.secondary-menu,
+.secondary-menu li ul {
+	list-style: none;
+	margin: 0;
+	padding: 1px;
 }
 
-#edit_interface-page textarea[id*="TEXT"],
-#edit_interface-page textarea[id*="PUBL"] {
-	height: 140px;
+.secondary-menu li:hover > ul {
+	display: block;
 }
 
-#edit_interface-page textarea[id^="newgedrec"] {
-	line-height: 18px;
-	width: 605px;
+.lang-active,
+.theme-active {
+	font-weight: 900;
 }
 
-#edit_interface-page textarea#gedcom {
-	height: 364px;
+#menu-language li {
+	text-align: left; /* The language menu is always LTR, even on RTL pages */
 }
 
-#edit_interface-page textarea[id*="ADDR"],
-#edit_interface-page input[id*="ADDR"] {
-	height: 80px;
-	width: 300px;
+#menu-theme li {
+	text-align: left; /* The theme menu is always LTR, even on RTL pages */
 }
 
-#edit_interface-page #changefam {
-	padding: 5px;
+#header-user-links {
+	float: right;
 }
 
-#edit_interface-page #changefam table {
-	margin: 10px auto;
-	min-width: 400px;
-	max-width: 650px;
+[dir=rtl] #header-user-links {
+	float: left;
 }
 
-#edit_interface-page #changefam span {
-	margin: 0;
+.secondary-menu ul li a {
+	background-color: #eee;
+	padding: 2px 5px;
+	display: block;
 }
 
-#edit_interface-page #changefam td {
-	padding: 5px;
-	white-space: normal;
+.secondary-menu ul li a:hover {
+	background-color: #369;
+	color: #fff;
+	text-decoration: none;
 }
 
-#edit_interface-page #changefam td.child {
+/* ====== Primary menu ========= */
+header nav {
+	clear: both;
 	text-align: center;
+	padding-top: 12px;
 }
 
-#save-cancel {
-	background-color: #eee;
-	border-radius: 4px;
-	border: solid #999 1px;
-	bottom: 0;
+.primary-menu {
 	margin: 0;
-	position: fixed;
-	width: 96.5%;
 }
 
-#save-cancel input {
-	padding: 2px 8px;
-}
-
-#save-cancel .save {
-	float: left;
-	margin: 5px;
-}
-
-#save-cancel .cancel {
-	float: right;
-	margin: 5px;
+.primary-menu li {
+	background: none !important;
+	display: inline;
+	position: relative;
+	white-space: nowrap;
 }
 
-[dir=rtl] #save-cancel .save {
-	float: right;
+.primary-menu li:before {
+	content: " | ";
 }
 
-[dir=rtl] #save-cancel .cancel {
-	float: left;
+.primary-menu li ul li:before {
+	content: "";
 }
 
-#edit_interface-page,
-#addmedia-page {
-	margin-bottom: 50px;
+.primary-menu li:first-child:before {
+	content: "";
 }
 
-/* Addmedia pop-ups*/
-#addmedia-page input[type="text"] {
-	line-height: 18px;
-	margin: 0 5px;
-	width: 350px;
+.primary-menu li ul {
+	display: none;
+	position: absolute;
+	left: 0;
+	top: 7px;
+	background-color: #eee;
+	border: thin solid #aaa;
 }
 
-#addmedia-page .optionbox select {
-	margin: 0 5px;
+[dir=rtl] .primary-menu li ul {
+	left: auto;
+	right: 0;
 }
 
-#addmedia-page .optionbox p.sub {
-	font-size: smaller;
-	margin: 0 5px;
-}
+/* position sub-sub-menus */
 
-#addmedia-page input[type="text"][id*="PAGE"],
-#addmedia-page input[type="text"][id*="_UID"] {
-	width: 350px;
+.primary-menu ul ul {
+	top: 0;
+	left: 100px;
 }
 
-#addmedia-page input[type="text"][id*="SOUR"],
-#addmedia-page input[type="text"][id*="REPO"],
-#addmedia-page input[type="text"][id*="OBJE"],
-#addmedia-page input[type="text"][id*="FAMC"],
-#addmedia-page input[type="text"][id*="ASSO"],
-#addmedia-page input[type="text"][id^="AGE"],
-#addmedia-page input[type="text"][id*="SHARED_NOTE"] {
-	width: 70px;
+[dir=rtl] .primary-menu ul ul {
+	top: 0;
+	left: auto;
+	right: 100px;
 }
 
-#addmedia-page input[id*="TEXT"] {
-	height: 140px;
-	width: 440px;
+.primary-menu li ul li {
+	display: block;
+	text-align: left;
 }
 
-#addmedia-page textarea {
-	margin: 0 5px;
-	width: 440px;
+[dir=rtl] .primary-menu li ul li {
+	text-align: right;
 }
 
-#addmedia-page textarea[id*="NOTE"] {
-	height: 240px;
+.primary-menu,
+.primary-menu li ul {
+	list-style: none;
+	padding: 1px;
 }
 
-/* Styling for the jquery.colorbox gallery */
-#colorbox,
-#cboxOverlay,
-#cboxWrapper {
-	position: absolute;
-	top: 0;
-	left: 0;
-	z-index: 9999;
-	overflow: hidden;
-}
+.primary-menu li:hover > ul {
+	display: block;
 
-#colorbox {
-	border: 2px solid #ccc;
 }
 
-#cboxOverlay {
-	position: fixed;
-	width: 100%;
-	height: 100%;
-	background: #ccc;
-}
+.primary-menu ul li a {
+	background-color: #eee;
+	padding: 2px 5px;
+	display: block;
 
-#cboxContent {
-	background: #fff;
-	border: 5px solid #888;
 }
 
-#cboxLoadedContent {
-	overflow: auto;
-	background: #fff;
-	margin-bottom: 30px;
-	margin-top: 35px;
+.primary-menu ul li a:hover {
+	background-color: #369;
+	color: #fff;
+	text-decoration: none;
 }
 
-#cboxTitle {
-	position: absolute;
-	left: 0;
-	top: 10px;
-	color: #888;
+/* ====== End Theme Header ===== */
+/* ====== Theme Footer ========= */
+footer {
+	clear: both;
 	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;
+	width: 99%;
 }
 
-#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;
+.user_links {
+	white-space: nowrap;
 }
 
-#cboxPrevious:hover {
-	background-position: -75px -25px;
+#link_change_blocks {
+	clear: both;
+	margin: 0 auto;
+	padding: 25px 0 0;
+	text-align: center;
+	width: 400px;
 }
 
-#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;
+#link_change_blocks span {
+	padding: 0 50px;
 }
 
-#cboxNext:hover {
-	background-position: -50px -25px;
+#link_change_blocks span span {
+	padding: 0 3px;
 }
 
-#cboxSlideshow {
-	position: absolute;
-	bottom: 5px;
-	left: 57px;
-	margin: 10px;
-	border: 0;
-	background: none;
-}
+/* ====== End Theme Footer ===== */
 
-#cboxSlideshow:hover {
-	color: #f00;
-	background: #fff;
+/* ====== Theme Icons ========== */
+.icon-indis {
+	width: 24px;
+	height: 24px;
+	background-image: url(images/indis.png);
 }
 
-#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;
+.icon-patriarch {
+	width: 24px;
+	height: 24px;
+	background-image: url(images/patriarch.png);
 }
 
-#cboxClose:hover {
-	background-position: -25px -25px;
+.icon-pedigree {
+	width: 24px;
+	height: 24px;
+	background-image: url(images/pedigree.png);
 }
 
-#cboxCurrent {
-	bottom: 4px;
-	color: #888;
-	left: 58px;
-	position: absolute;
+.icon-place {
+	width: 24px;
+	height: 24px;
+	background-image: url(images/place.png);
 }
 
-[dir=rtl] #cboxPrevious {
-	right: 27px;
-	left: auto;
+.icon-repo-list {
+	width: 30px;
+	height: 30px;
+	background-image: url(images/repository.png);
 }
 
-[dir=rtl] #cboxNext {
-	right: 0;
-	left: auto;
+.icon-repository {
+	width: 30px;
+	height: 30px;
+	background-image: url(images/repository.png);
 }
 
-[dir=rtl] #cboxCurrent {
-	right: auto;
-	left: 0;
+.icon-search {
+	width: 24px;
+	height: 24px;
+	background-image: url(images/search.png);
 }
 
-[dir=rtl] #cboxClose {
-	right: auto;
-	left: 0;
+.icon-sfamily {
+	width: 24px;
+	height: 24px;
+	background-image: url(images/sfamily.png);
 }
 
-[dir=rtl] #cboxSlideshow {
-	right: 57px;
-	left: auto;
+.icon-source-list {
+	width: 24px;
+	height: 24px;
+	background-image: url(images/source.png);
 }
 
-/* Census assistant module */
-table.table-census-assistant th {
-	font-weight: bold;
-	text-align: left;
+.icon-tree {
+	width: 24px;
+	height: 24px;
+	background-image: url(images/gedcom.png);
 }
 
-/* Stories module */
-.story_title {
-	padding-top: 12px;
-	height: 32px;
-	font-size: 13px;
-	font-weight: 700;
+.icon-user_add {
+	width: 24px;
+	height: 24px;
+	background-image: url(images/user_add.png);
 }
 
-.story_body {
-	padding: 20px;
-	white-space: normal;
+.icon-webtrees {
+	width: 100px;
+	height: 21px;
+	background-image: url(images/webtrees.png);
 }
 
-.story_edit {
-	padding: 12px;
-}
+@media print {
+	.person_box, .person_boxF, .person_boxNN {
+		border: solid #888 1px;
+		background: #fff;
+	}
 
-/* User content in stories tab */
-#stories h2,
-#stories h3,
-#stories h4,
-#stories h5 {
-	padding-top: 20px;
-}
+	#header_accordion1 {
+		width: 510px !important;
+	}
 
-#stories p {
-	padding-top: 8px;
-}
+	header,
+	footer,
+	form,
+	#pedigree-page #people,
+	#CB_ALL, label,
+	#separator,
+	.noprint {
+		display: none !important;
+	}
 
-.btn-group {
-	display: inline-block;
-	margin: 0 4px;
+	#familybook_chart h3 {
+		margin-bottom: 10px;
+	}
 }
diff --git a/themes/webtrees/css-1.6.2/style.css b/themes/webtrees/css-1.6.2/style.css
index f3b211b462..d7cff6e8cc 100644
--- a/themes/webtrees/css-1.6.2/style.css
+++ b/themes/webtrees/css-1.6.2/style.css
@@ -1026,7 +1026,7 @@ td.descriptionbox a {
 .makeMenu li ul {
 	border: thin solid #AAA;
 	position: absolute;
-	margin: 0;
+	margin:0;
 }
 
 .makeMenu, .makeMenu li ul {
@@ -2897,7 +2897,7 @@ dd .deletelink {
 	margin: 0 5px;
 }
 
-#addmedia-page .optionbox p.sub{
+#addmedia-page .optionbox p.sub {
 	margin: 0 5px;
 	font-size: 11px;
 }
@@ -2970,7 +2970,7 @@ dd .deletelink {
 	margin-top: 35px;
 }
 
-#cboxTitle  {
+#cboxTitle {
 	position: absolute;
 	left: 0;
 	top: 10px;
@@ -3222,6 +3222,11 @@ table.table-census-assistant th {
 	left: auto;
 }
 
+[dir=rtl] #descendancy_chart li {
+	margin: 5px -15px 0 0;
+	left: auto;
+}
+
 /*-- Family book  --*/
 #familybook_chart {
 	margin-left: 10px;