From c7b339e9f346d666fb3cf86525b0a385a24fcc3e Mon Sep 17 00:00:00 2001
From: makitso <makitso@gmail.com>
Date: Sat, 10 Jan 2015 17:59:37 -0700
Subject: Normalize themes – F.A.B
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The webtrees theme is being used as a base for all other standard
themes
---
 themes/fab/css-1.6.2/style.css      | 4339 +++++++++++++++++++----------------
 themes/webtrees/css-1.6.2/style.css |   11 +-
 2 files changed, 2374 insertions(+), 1976 deletions(-)

(limited to 'themes')

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,532 +158,514 @@ footer,
 	clear: none;
 }
 
-.blockheader {
-	font-weight: bold;
+th {
+	font-weight: 100;
 }
 
-.charts_block {
-	overflow: auto;
+ul {
+	padding-left: 15px;
+	padding-right: 15px;
+	margin: 8px;
 }
 
-#link_change_blocks {
-	clear: both;
-	margin: 0 auto;
-	padding: 25px 0 0;
-	text-align: center;
-	width: 400px;
+img {
+	border: 0;
 }
 
-#link_change_blocks span {
-	padding: 0 50px;
+legend img {
+	height: 20px;
+	vertical-align: middle;
+	width: 20px;
 }
 
-#link_change_blocks span span {
-	padding: 0 3px;
+img.block,
+#mycart img {
+	border: 0;
+	height: 25px;
+	vertical-align: middle;
 }
 
-#random_picture {
-	text-align: center;
+textarea {
+	border-style: inset;
 }
 
-#random_picture_box {
-	width: 100%;
+.topbottombar {
+	background-color: #ccc;
+	font-size: 12px;
+	font-weight: bold;
+	padding: 4px;
+	text-align: center;
 }
 
-/* Pending edits - TODO perhaps show differently in different contexts? */
-.new {
-	border: solid #00f 1px;
-	overflow: hidden;
+fieldset {
+	margin: 8px 8px 4px;
+	text-align: left;
 }
 
-.old {
-	border: solid #f00 1px;
-	overflow: hidden;
+[dir=rtl] fieldset {
+	text-align: right;
 }
 
-/* Set stack level for top two header menu rows */
-.secondary-menu ul,
-.primary-menu ul {
-	z-index: 210;
-
+legend {
+	font-weight: bold;
 }
 
-.secondary-menu {
-	white-space: nowrap;
-	float: right;
+select {
+	font-size: 12px;
+	margin: 0 7px;
+	padding: 1px;
 }
 
-[dir=rtl] .secondary-menu {
-	float: left;
+header form {
+	font-size: 12px;
 }
 
-/* User Link Menus */
-.secondary-menu li {
-	background: none !important;
-	display: inline;
-	position: relative;
-	white-space: nowrap;
+#mycart a img {
+	height: 15px;
 }
 
-.secondary-menu li:before {
-	content: " | ";
+.button {
+	width: 60px;
 }
 
-.secondary-menu li ul li:before {
-	content: "";
+.alpha_index {
+	color: #999;
 }
 
-.secondary-menu li:first-child:before {
-	content: "";
+.person_box,
+.person_boxF,
+.person_boxNN {
+	margin: 1px 0;
 }
 
-.secondary-menu li ul {
-	display: none;
-	position: absolute;
-	left: 0;
-	top: 15px;
-	background-color: #eee;
-	border: thin solid #aaa;
+.person_box_template .details0, 
+.person_box_template .details1 {
+    font-size: smaller;
 }
 
-[dir=rtl] .secondary-menu li ul {
-	left: auto;
-	right: 0;
+.person_box {
+	padding: 3px;
+	background-color: #ddf;
 }
 
-/* position sub-sub-menus */
-.secondary-menu ul ul {
-	top: 0;
-	left: 100px;
+.person_boxF {
+	padding: 3px;
+	background-color: #fdd;
 }
 
-[dir=rtl] .secondary-menu ul ul {
-	top: 0;
-	left: auto;
-	right: 100px;
+.person_boxNN {
+	padding: 3px;
+	background-color: #dfd;
 }
 
-.secondary-menu li ul li {
-	display: block;
-	text-align: left;
+.person_box:target,
+.news_box:target,
+#gedcom_stats:target {
+	background-color: #ffc;
 }
 
-[dir=rtl] .secondary-menu li ul li {
-	text-align: right;
+.person_box_lifespan {
+	display: inline;
 }
 
-.secondary-menu,
-.secondary-menu li ul {
-	list-style: none;
-	margin: 0;
-	padding: 1px;
+/* families tab person box */
+#relatives_content .person_box > .person_box,
+#relatives_content .person_boxF > .person_boxF,
+#relatives_content .person_boxNN > .person_boxNN {
+	border: 0;
+	min-height: 50px;
 }
 
-.secondary-menu li:hover > ul {
-	display: block;
+.center {
+	text-align: center;
 }
 
-.secondary-menu ul li a {
-	background-color: #eee;
-	padding: 2px 5px;
-	display: block;
+table.center {
+	margin-left: auto;
+	margin-right: auto;
 }
 
-.secondary-menu ul li a:hover {
-	background-color: #369;
-	color: #fff;
-	text-decoration: none;
+.list_table {
+	margin: 0 auto;
 }
 
-/* Main menus */
-header nav {
-	clear: both;
+.list_label,
+.list_label_wrap {
+	background-color: #ccc;
+	font-weight: bold;
 	text-align: center;
-	padding-top: 12px;
 }
 
-.header-search {
-	display: inline-block;
+.list_value,
+.list_value_wrap {
+	background-color: #ddd;
+	vertical-align: top;
 }
 
-.primary-menu {
-	margin: 0;
-}
-
-.primary-menu li {
-	background: none !important;
-	display: inline;
-	position: relative;
+.list_label,
+.list_value {
 	white-space: nowrap;
 }
 
-.primary-menu li:before {
-	content: " | ";
-}
-
-.primary-menu li ul li:before {
-	content: "";
+.list_label_wrap,
+.list_value_wrap {
+	white-space: normal;
 }
 
-.primary-menu li:first-child:before {
-	content: "";
+.facts_table {
+	width: 100%;
 }
 
-.primary-menu li ul {
-	display: none;
-	position: absolute;
-	left: 0;
-	top: 15px;
-	background-color: #eee;
-	border: thin solid #aaa;
+div.fact_SHARED_NOTE {
+	clear: both;
 }
 
-[dir=rtl] .primary-menu li ul {
-	left: auto;
-	right: 0;
+.facts_label {
+	background-color: #ccc;
+	padding: 4px;
+	width: 20%;
+	text-align: center;
 }
 
-/* position sub-sub-menus */
-
-.primary-menu ul ul {
-	top: 0;
-	left: 100px;
+.facts_label03 {
+	background-color: #ccc;
+	padding: 4px;
+	text-align: center;
+	font-weight: bold;
 }
 
-[dir=rtl] .primary-menu ul ul {
-	top: 0;
-	left: auto;
-	right: 100px;
+.facts_value {
+	background-color: #ddd;
+	padding: 4px;
 }
 
-.primary-menu li ul li {
-	display: block;
-	text-align: left;
+.quickfacts a {
+	padding: 0 3px;
+	font-size: 9px;
 }
 
-[dir=rtl] .primary-menu li ul li {
-	text-align: right;
+.tabs_table {
+	width: 99%;
 }
 
-.primary-menu,
-.primary-menu li ul {
-	list-style: none;
-	padding: 1px;
+.name1, .name2 {
+	color: #555;
 }
 
-.primary-menu li:hover > ul {
-	display: block;
-
+a:hover .name1, a:hover .name2 {
+	color: #f00;
 }
 
-.primary-menu ul li a {
-	background-color: #eee;
-	padding: 2px 5px;
-	display: block;
-
+a:hover .nameZoom {
+	font-size: 14px;
+	font-weight: bold;
 }
 
-.primary-menu ul li a:hover {
-	background-color: #369;
-	color: #fff;
-	text-decoration: none;
+.nameZoom {
+	color: #555;
+	font-size: 14px;
+	font-weight: bold;
 }
 
-.lang-active,
-.theme-active {
-	font-weight: 900;
+.details_label {
+	font-weight: bold;
 }
 
-#menu-language li {
-	text-align: left; /* The language menu is always LTR, even on RTL pages */
+.name_head {
+	color: #555;
+	font-size: 16px;
+	font-weight: bold;
+	line-height: 2;
+	padding: 0 5px;
 }
 
-#menu-theme li {
-	text-align: left; /* The theme menu is always LTR, even on RTL pages */
+.date {
+	color: #337;
 }
 
-/* person boxes are used in various charts */
-
-.person_box {
-	background-color: #ddf;
+.label {
+	font-weight: bold;
 }
 
-.person_boxF {
-	background-color: #fdd;
+.error {
+	color: #f00;
+	font-weight: bold;
 }
 
-.person_boxNN {
-	background-color: #dfd;
+.largeError {
+	color: #f00;
+	font-weight: bold;
 }
 
-.person_box,
-.person_boxF,
-.person_boxNN {
-	margin: 1px 0;
+.warning {
+	color: #f00;
+	font-weight: bold;
 }
 
-.person_box_template .details0,
-.person_box_template .details1 {
-	font-size: smaller;
+.indent {
+	padding-left: 7px;
 }
 
-.person_box_lifespan {
-	display: inline;
+.image {
+	height: 150px;
+	padding: 5px;
+	margin: 2px;
 }
 
-/* families tab person box */
-#relatives_content .person_box > .person_box,
-#relatives_content .person_boxF > .person_boxF,
-#relatives_content .person_boxNN > .person_boxNN {
+.gender_image {
+	margin: 0 3px;
 	border: 0;
-	min-height: 50px;
+	vertical-align: middle;
 }
 
-[dir=rtl] .person_box [dir=rtl] .person_boxF [dir=rtl] .person_boxNN {
-	margin: 0 3px 0 0;
+.thumbnail {
+	height: auto;
+	padding: 3px;
 }
 
-.action_headerF {
-	background: #fdd;
+
+.sublinks_cell {
+	background-color: #ccc;
 }
 
-.action_header {
-	background: #ddf;
+.submenu .icon {
+	vertical-align: middle;
+	width: 20px;
+	height: 20px;
 }
 
-/* index.php */
-#index_main_blocks {
-	width: 60%;
-	float: left;
+.subheaders {
+	font-weight: bold;
+	font-size: 15px;
+	margin-top: 15px;
+	vertical-align: bottom;
 }
 
-#index_small_blocks {
-	width: 40%;
-	float: right;
+.age {
+	font-size: 9px;
 }
 
-#index_full_blocks {
+.parentdeath {
+	padding: 1px;
 }
 
-[dir=rtl] #index_main_blocks {
-	float: right;
+.source_citations {
+	display: none;
 }
 
-[dir=rtl] #index_small_blocks {
-	float: left;
+.selected-option {
+	background-color: #d6e0ea;
 }
 
-#main_select,
-#available_select,
-#right_select {
-	min-width: 150px;
+.border1 {
+	border: none;
 }
 
-.user_welcome_block table,
-.gedcom_block_block table {
-	margin: auto;
+.menuitem {
+	text-decoration: none;
+	font-size: 11px;
+	padding: 1px;
 }
 
-.user_welcome_block td,
-.gedcom_block_block td {
-	width: 33%;
-	text-align: center;
-	vertical-align: top;
+.menuitem_hover {
+	text-decoration: none;
+	font-size: 11px;
+	padding: 1px;
 }
 
-.facts_table {
-	width: 100%;
+.menuitem .icon, .menuitem_hover .icon {
+	width: 50px;
+	height: 50px;
 }
 
-div.fact_SHARED_NOTE {
-	clear: both;
+.submenu {
+	text-decoration: none;
+	font-size: 11px;
+	background-color: #eee;
+	border: thin #aaa;
+	visibility: hidden;
+	position: absolute;
+	padding: 5px;
 }
 
-/*-- pedigree chart specific stylesheets --*/
-#pedigree-page table.list_table {
-	margin: 0 auto;
-	width: 500px;
+.submenuitem  {
+	vertical-align: middle;
+	font-size: 11px;
+	height: 20px;
+	text-decoration: none;
+	background-color: #eee;
+	padding: 1px;
+	white-space: nowrap;
 }
 
-.pedigree_chart_table {
-	border: 0;
-	border-collapse: collapse;
-	padding: 0;
-	width: 100%;
+.submenuitem_hover {
+	vertical-align: middle;
+	height: 20px;
+	font-size: 11px;
+	background-color: #eee;
+	white-space: nowrap;
+	padding: 1px;
 }
 
-#pedigree_chart {
-	position: relative;
-	top: -200px;
-	left: 0;
+.submenuitem a,
+.submenuitem_hover a {
+	display: inline-block;
+	vertical-align: middle;
 }
 
-#pedigree_canvas {
-	color: #aaa;
-	position: absolute;
-	top: 200px;
-	z-index: -1000;
+.journal_box {
+	padding: 3pt;
+	border: thin solid #aaa;
+	overflow: visible;
 }
 
-#pedigree_chart #childarrow,
-#pedigree_chart #uparrow,
-#pedigree_chart .shadow,
-.ancestorarrow {
-	position: absolute;
+.news_box {
+	background-color: #ccc;
+	border-top: none;
 }
 
-#childbox {
-	padding: 5px;
-	position: absolute;
-	display: none;
-	text-align: start;
-	white-space: nowrap;
-	top: 20px;
-	left: 0;
+.news_title {
+	font-weight: bold;
+	font-size: 14px;
 }
 
-[dir=rtl] #childbox {
-	left: auto;
-	right: 0;
+.news_date {
+	margin-bottom: 12px;
 }
 
-.layout3 #childbox {
-	top: auto;
-	bottom: 20px;
+.current_day {
+	font-weight: bold;
+	font-size: 16px;
 }
 
-#childbox a.name1 {
-	/*	font-weight: normal;*/
-	display: block;
-	margin-left: 5px;
+.cal_day {
+	float: left;
+	font-weight: bold;
 }
 
-#hourglass_chart table,
-.charts_block table {
-	border-collapse: collapse;
+.rtl_cal_day {
+	direction: rtl;
+	float: right;
+	color: #00f;
+	font-weight: bold;
 }
 
-#hourglass_chart td,
-.charts_block td {
-	padding: 0;
-	empty-cells: show;
+.helpcontent {
+	margin-left: 10px;
+	margin-right: 10px;
 }
 
-#pedigree_chart #childbox {
-	border: 1px solid;
-	background-color: #fff;
+.helpcontent dt {
+	clear: both;
 }
 
-.thumbnail {
-	height: auto;
-	padding: 5px;
+#my-page h1 {
+	margin: 0.25em auto 0.6em;
 }
 
-#familybook_chart {
-	margin-left: 10px;
+.tdtop {
+	vertical-align: top;
 }
 
-#familybook_chart table {
-	border-collapse: collapse;
-	empty-cells: show;
+.tdmid {
+	vertical-align: middle;
 }
 
-#familybook_chart td {
-	margin: 0;
-	padding: 0;
+.tdbot,
+.tvertline {
+	vertical-align: bottom;
 }
 
-#familybook_chart h2 {
-	text-align: center;
+.line1,
+.line2,
+.line3 {
+	vertical-align: middle;
 }
 
-#familybook_chart .line3,
-#familybook_chart .pvline,
-#familybook_chart .spacer {
-	width: 3px;
+.line5 {
+	vertical-align: top;
 }
 
-#familybook_chart .line4 {
-	width: 7px;
-	vertical-align: middle;
+#childbox {
+	padding: 5px;
+	position: absolute;
+	display: none;
+	text-align: start;
+	white-space: nowrap;
+	top: 20px;
+	left: 0;
 }
 
-[ID^="vline"] {
-	width: 3px;
+[dir=rtl] #childbox {
+	left: auto;
+	right: 0;
 }
 
-#familybook_chart h3 {
-	text-align: center;
+.layout3 #childbox {
+	top: auto;
+	bottom: 20px;
 }
 
-#familybook_chart .person_box,
-#familybook_chart .person_boxF,
-#familybook_chart .person_boxNN {
-	padding: 3px;
+#childbox a.name1 {
+	/*	font-weight: normal;*/
+	display: block;
+	margin-left: 5px;
 }
 
-#relationship-page h3 {
-	margin: 20px 0 0 20px;
+.person0 {
+	background-color: #aaf;
+	border: none;
+	vertical-align: top;
 }
 
-#relationship_chart {
-	margin: 0 20px;
+.person1 {
+	background-color: #afa;
+	border: none;
+	vertical-align: top;
 }
 
-.tdtop {
+.person2 {
+	background-color: #faa;
+	border: none;
 	vertical-align: top;
 }
 
-.tdmid {
-	vertical-align: middle;
+.person3 {
+	background-color: #55f;
+	border: none;
+	vertical-align: top;
 }
 
-.tdbot,
-.tvertline {
-	vertical-align: bottom;
+.person4 {
+	background-color: #f55;
+	border: none;
+	vertical-align: top;
 }
 
-[dir=rtl] #familybook_chart {
-	margin-right: 10px;
+.person5 {
+	background-color: #5f5;
+	border: none;
+	vertical-align: top;
 }
 
-/*-- pedigree chart rtl specific stylesheets --*/
-[dir=rtl] #pedigree_chart {
-	left: auto;
-	right: 0;
+.listlog {
+	line-height: 20pt;
 }
 
-/* Printer friendliness */
-@media print {
-	.person_box, .person_boxF, .person_boxNN {
-		border: solid #888 1px;
-		background: #fff;
-	}
-
-	#header_accordion1 {
-		width: 510px !important;
-	}
+.formField {
+	font-size: 12px;
+}
 
-	header,
-	footer,
-	form,
-	#pedigree-page #people,
-	#CB_ALL, label,
-	#separator,
-	.noprint {
-		display: none !important;
-	}
+.starredname {
+	text-decoration: underline;
+}
 
-	#familybook_chart h3 {
-		margin-bottom: 10px;
-	}
+.search_hit {
+	background-color: #ff0;
 }
 
-/* Tabular data */
-.list_table {
-	padding: 3px;
-	margin-left: auto;
-	margin-right: auto;
+.search_item {
+	font-weight: 600;
 }
 
 .topbottombar,
@@ -755,885 +675,997 @@ div.fact_SHARED_NOTE {
 	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;
 }
 
-.facts_label,
-.facts_label03 {
-	background-color: #ccc;
-	width: 20%;
-	text-align: center;
+.vmiddle {
+	vertical-align: middle;
 }
 
-.facts_value {
-	background-color: #ddd;
+.red {
+	color: #f00;
 }
 
-.list_label,
-.list_value {
-	white-space: nowrap;
+.rela,
+.histo {
+	opacity: 0.8;
 }
 
-.list_label_wrap,
-.list_value_wrap {
-	white-space: normal;
+.width10 {
+	width: 10%;
 }
 
-.list_label,
-.list_label_wrap {
-	background-color: #ccc;
+.width20 {
+	width: 20%;
 }
 
-.list_value,
-.list_value_wrap {
-	background-color: #ddd;
+.width25 {
+	width: 25%;
 }
 
-.journal_box {
-	padding: 3pt;
-	border: thin solid #aaa;
-	overflow: visible;
+.width30 {
+	width: 30%;
 }
 
-.news_title {
-	font-weight: bold;
+.width33 {
+	width: 33%;
 }
 
-/* Autocomplete styles*/
-.ui-autocomplete-input {
-	background-color: #eea;
+.width40 {
+	width: 40%;
 }
 
-.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;
+.width50 {
+	width: 50%;
 }
 
-.ui-autocomplete li {
-	margin: 0;
-	padding: 2px 5px;
-	cursor: default;
-	display: block;
-	font: menu;
-	line-height: 14px; /* absolute setting required for firefox? */
-	overflow: hidden;
+.width60 {
+	width: 60%;
 }
 
-.ui-autocomplete-loading {
-	background: #fff url(images/indicator.gif) right center no-repeat;
+.width66 {
+	width: 66%;
 }
 
-.ui-autocomplete li:nth-child(odd) {
-	background-color: #eee;
+.width70 {
+	width: 70%;
 }
 
-.ui-autocomplete a.ui-state-focus {
-	background: #369;
-	color: #fff;
+.width75 {
+	width: 75%;
 }
 
-.ui-sortable li {
-	list-style-type: none;
+.width80 {
+	width: 80%;
 }
 
-.ui-sortable .noprint {
-	display: none;
+.width90 {
+	width: 90%;
 }
 
-.center {
-	text-align: center;
-	margin-left: auto;
-	margin-right: auto;
+.width100 {
+	width: 100%;
 }
 
-.nowrap {
-	white-space: nowrap;
+.font9 {
+	font-size: 9px;
 }
 
-.wrap {
-	white-space: normal;
+.font11 {
+	font-size: 11px;
 }
 
-.tabs_table {
-	width: 99%;
+.messagebox {
+	background-color: #bce;
+	border: none;
 }
 
-.indent {
-	padding-left: 7px;
+/* ---Pending edits--- */
+.new {
+	border: solid #00f 1px;
+	overflow: hidden;
 }
 
-.image {
-	height: 150px;
-	padding: 5px;
-	margin: 2px;
+.old {
+	border: solid #f00 1px;
+	overflow: hidden;
 }
 
-.icon {
-	padding-left: 0;
-	padding-right: 5pt;
+a.showit {
+	position: relative;
+	z-index: 24;
+	color: #000;
+	text-decoration: none;
 }
 
-.subheaders {
-	margin-top: 15px;
-	vertical-align: bottom;
+a.showit:hover {
+	z-index: 25;
+	background-color: #ff9;
+	cursor: crosshair;
 }
 
-.age {
-	font-size: smaller;
+a.showit > span {
+	display: none;
 }
 
-.source_citations {
-	display: none;
+a.showit:hover > span {
+	display: block;
+	position: absolute;
+	top: 22px;
+	left: 0;
+	width: 225px;
+	border-top: 2px solid #222;
+	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;
 }
 
-.selected-option {
-	background-color: #d6e0ea;
+.tag_cloud {
+	text-align: center;
 }
 
-.user_links {
+.tag_cloud a {
 	white-space: nowrap;
 }
 
-.hit-counter {
-	background: #000;
-	color: #fff;
-	font-weight: bold;
+/* ---Autocomplete styles--- */
+.ui-autocomplete-input {
+	background-color: #eea;
 }
 
-.current_day {
-	font-weight: bold;
-	font-size: larger;
+.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;
 }
 
-.cal_day {
-	float: left;
-	font-weight: bold;
+.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;
 }
 
-.rtl_cal_day {
-	direction: rtl;
-	float: right;
-	color: #00f;
-	font-weight: bold;
+.ui-autocomplete-loading {
+	background: #fff url(images/indicator.gif) right center no-repeat;
 }
 
-.helpcontent {
-	margin-left: 10px;
-	margin-right: 10px;
+.ui-autocomplete li:nth-child(odd) {
+	background-color: #eee;
 }
 
-.helpcontent dt {
-	clear: both;
+.ui-autocomplete a.ui-state-focus {
+	background: #369;
+	color: #fff;
 }
 
-/*-- descendancy chart specific stylesheets --*/
-#descendancy_chart {
-	margin: 20px;
+.ui-sortable li {
+	list-style-type: none;
 }
 
-#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;
+.ui-sortable .noprint {
+	display: none;
 }
 
-#descendancy_chart li {
-	list-style: none;
-	margin: 0 0 0 -13px;
-	padding-top: 0;
-	padding-right: 0;
-	padding-bottom: 0;
-}
+/* ---End of Autocomplete styles--- */
 
-li .person_box,
-li .person_boxF {
-	margin: 3px 0;
+.nowrap {
+	white-space: nowrap;
 }
 
-#descendancy_chart span.details1 div[class^="fact_"] {
-	display: inline-block;
+.wrap {
+	white-space: normal;
 }
 
-#descendancy_chart td.details1 {
-	padding-top: 5px;
+.statistics-page {
+	text-align: center;
 }
 
-/*-- descendancy chart rtl specific stylesheets --*/
-[dir=rtl] #descendancy_chart ul {
-	background-position: right top;
-	left: auto;
-	margin: 0 15px 0 0;
+.center2 {
+	text-align: center;
 }
 
-[dir=rtl] #descendancy_chart li {
-	margin: 0 -13px 0 0;
-	padding: 0 2px 0 0;
-	left: auto;
+.gchart {
+	border: none;
 }
 
-/*-- 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;
+/* ---Find special characters--- */
+.largechars {
+	font-family: monospace;
+	font-size: 200%;
 }
 
-#ancestry_chart li {
-	list-style: none;
-	margin: 0 0 2px -13px;
-	padding-top: 0;
-	padding-right: 0;
-	padding-bottom: 0;
+#facts_content dd {
+	float: left;
+	width: 70%;
 }
 
-#ancestry_chart li table {
-	margin: 5px 0;
+.clearfloat {
+	clear: both;
 }
 
-/*-- ancestry chart rtl specific stylesheets --*/
-[dir=rtl] #ancestry_chart ul {
-	background-position: right top;
-	margin: 0 15px 0 0;
-	left: auto;
+/* this keeps the tag color the same when it is a link as when not */
+
+.place {
+	padding-top: 5px;
 }
 
-#ancestry_chart span.details1 div[class^="fact_"] {
-	display: inline-block;
+#pending h2 {
+	text-align: center;
+	margin-bottom: 20px;
 }
 
-[dir=rtl] #ancestry_chart li {
-	margin: 0 -13px 0 0;
-	padding: 0 2px 0 0;
-	left: auto;
+#pending h3 {
+	text-align: center;
+	margin-top: 20px;
 }
 
-#compact_chart,
-#fan_chart,
-#ancestry_chart,
-#familybook_chart,
-#hourglass_chart {
-	margin: 20px;
+/* ======== Person box ======= */
+.gedcom_favorites_block,
+.user_favorites_block,
+.person_box_template {
+	overflow: visible !important;
 }
 
-.fan_chart_menu {
-	position: absolute;
-	display: none;
-	z-index: 100;
+/* Box styles are
+	0 compact view
+	1 normal view - small box
+	2 normal view - large box
+*/
+.box-style0 {
+	cursor: url(images/zoomin.png), n-resize;
 }
 
-#fan_chart ul {
-	list-style-type: none;
-	margin: 0;
-	padding: 0;
-	color: #369;
+.box-style0-expanded {
+	cursor: url(images/zoomout.png), n-resize;
 }
 
-#fan_chart ul.children li:before {
-	content: "< ";
-	font-weight: bold;
+.box-style0-expanded,
+.box-style1-expanded {
+	width: 300px !important;
 }
 
-#fan_chart_img {
-	text-align: center;
+.person_box_template {
+	height: auto;
 }
 
-#timeline_chart {
-	position: relative;
-	top: 0;
-	left: 0;
+.person_box_template .namedef i[class^="icon-sex"] {
+	margin-left: 3px;
 }
 
-.person0 {
-	background-color: #aaf;
-	vertical-align: top;
+[dir=rtl] .person_box_template .namedef i[class^="icon-sex"] {
+	margin-right: 3px;
 }
 
-.person1 {
-	background-color: #afa;
-	vertical-align: top;
+.person_box_template .icons {
+	float: right;
 }
 
-.person2 {
-	background-color: #faa;
-	vertical-align: top;
+[dir=rtl] .person_box_template .icons {
+	float: left;
 }
 
-.person3 {
-	background-color: #55f;
-	vertical-align: top;
+.person_box_template .inout {
+	clear: both;
+	display: none;
 }
 
-.person4 {
-	background-color: #f55;
-	vertical-align: top;
+.person_box_template .noprint {
+	width: 25px;
+	height: 50px;
+	position: relative;
 }
 
-.person5 {
-	background-color: #5f5;
-	vertical-align: top;
+.person_box_template .chart_textbox {
+	overflow: hidden;
 }
 
-.listlog {
-	line-height: 20pt;
-	color: #555;
+.person_box_template img,
+.person_box_template a.gallery {
+	float: left;
+	height: 50px;
+	margin: 0 4px 0 0;
+	max-width: 80px;
+	width: auto;
 }
 
-.starredname {
-	text-decoration: underline;
+[dir=rtl] .person_box_template img,
+[dir=rtl] .person_box_template a.gallery {
+	float: right;
+	margin: 0 0 0 4px;
 }
 
-.search_hit {
-	background-color: #ff0;
+.person_box_template i[class^="icon-silhouette"] {
+	float: left;
 }
 
-.search_item {
-	font-weight: 600;
-}
-
-.vmiddle {
-	vertical-align: middle;
-}
-
-/* Colors */
-.red {
-	color: #f00;
+[dir=rtl] .person_box_template i[class^="icon-silhouette"] {
+	float: right;
 }
 
-.rela,
-.histo {
-	opacity: 0.8;
+#branches-page table,
+#medialist-page .list_table,
+#medialist-page .list_table_controls {
+	margin: 0 auto;
 }
 
-/* Width settings */
-.width10 {
-	width: 10%;
+#medialist-page .list_table,
+#medialist-page .list_table_controls {
+	width: 100%;
 }
 
-.width20 {
-	width: 20%;
+.list_table_controls td {
+	min-width: 40px;
+	text-align: center;
 }
-
-.width25 {
-	width: 25%;
+/* ======== medialist.php ==== */
+.makeMenu li ul {
+	border: thin solid #AAA;
+	position: absolute;
+	margin:0;
 }
 
-.width30 {
-	width: 30%;
+.makeMenu, .makeMenu li ul {
+	padding: 1px;
 }
 
-.width33 {
-	width: 33%;
+.makeMenu li {
+	display: inline;
+	position: relative;
+	white-space: nowrap;
 }
 
-.width40 {
-	width: 40%;
+.lb-menu {
+	display: inline-block;
+	margin: 0;
+	list-style: none;
 }
 
-.width50 {
-	width: 50%;
+.lb-menu ul {
+	display: block;
+	list-style-type: none;
+	margin: 0;
 }
 
-.width60 {
-	width: 60%;
+.lb-menu > li {
+	font-weight: normal;
+	float: left;
+	top: 0;
 }
 
-.width66 {
-	width: 66%;
+.lb-menu li:first-child {
+	padding-left: 0;
 }
 
-.width70 {
-	width: 70%;
+.lb-menu > li ul {
+	display: none;
 }
 
-.width75 {
-	width: 75%;
+.lb-menu > li:hover ul {
+	display: block;
+	top: 36px;
 }
 
-.width80 {
-	width: 80%;
+.lb-menu a {
+	display: block;
 }
 
-.width90 {
-	width: 90%;
+.lb-menu li a {
+	padding: 24px 10px 1px 5px;
 }
 
-.width100 {
-	width: 100%;
+.lb-menu li li a {
+	padding: 0;
+	background-color: #fff;
+	padding: 5px 10px 5px 5px;
 }
 
-/* Font sizes */
-.font9 {
-	font-size: smaller;
+.lb-menu li {
+	border: 0;
 }
 
-/* Message box */
-.messagebox {
-	background-color: #bce;
+[dir=rtl] .lb-menu > li {
+	float: right;
 }
 
-a.showit {
-	position: relative;
-	z-index: 24;
-	color: #000;
-	text-decoration: none;
+.lb-image_edit {
+	background: url(images/image_edit.png) no-repeat 50% 20%;
 }
 
-a.showit:hover {
-	z-index: 25;
-	background-color: #ff9;
-	cursor: crosshair;
+.lb-image_link {
+	background: url(images/image_link.png) no-repeat 50% 20%;
 }
 
-a.showit > span {
-	display: none;
+.lb-image_view {
+	background: url(images/image_view.png) no-repeat 50% 20%;
 }
 
-a.showit:hover > span {
-	display: block;
-	position: absolute;
-	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;
-	padding: 3px;
-	background: #555;
-	color: #fff;
-	text-align: left;
-	opacity: .85;
-	z-index: 5;
+/* login.php */
+#login-register-page h2 {
+	text-align: center;
 }
 
-.lifespan_people span:first-letter {
-	font-variant: small-caps;
-	padding: 1px;
+#login-register-page .warning {
+	margin: 20px auto;
+	text-align: center;
 }
 
-.lifespan_outer {
-	position: relative;
-	width: 99.5%;
-	height: 600px;
-	overflow: hidden;
+#login-register-page .back {
+	font-weight: bold;
+	font-size: 14px;
+	text-align: center;
 }
 
-.lifespan_outer a {
-	color: #000;
+#login-register-page .confirm {
+	margin: 20px auto;
+	text-align: justify;
+	width: 500px;
 }
 
-.lifespan_timeline {
-	position: absolute;
-	width: 100%;
-	left: -10px;
-	top: -65px;
-	z-index: 2;
-	background-color: #fff;
+#login-register-page .confirm p {
+	font-weight: bold;
+	font-size: 14px;
 }
 
-.lifespan_people {
-	position: absolute;
-	width: 500px;
-	left: -10px;
-	top: -60px;
-	z-index: 1;
+#login-register-page .confirm p + p {
+	font-size: 12px;
+	font-weight: normal;
 }
 
-.tag_cloud a {
-	white-space: nowrap;
+#login-text,
+#register-text,
+#user-verify {
+	margin: 20px auto;
+	width: 610px;
+	text-align: justify;
 }
 
-.clearfloat {
-	clear: both;
+#login-box,
+#register-box {
+	text-align: center;
 }
 
-dl {
-	margin: 0;
+#login-form,
+#new_passwd_form,
+#register-form,
+#verify-form {
+	background-color: #ccc;
+	border: 1px solid #aaa;
+	border-radius: 4px;
+	display: inline-block;
+	margin: 10px auto 0;
+	padding: 5px;
 }
 
-dt {
-	float: left;
+#login-form div,
+#login-form div a,
+#new_passwd_form div,
+#register-form div,
+#verify-form div {
 	font-weight: bold;
-	margin-right: 10px;
-	clear: both;
+	margin: auto;
+	padding: 5px;
+	text-align: center;
 }
 
-[dir=rtl] dt {
-	float: right;
-	margin-right: auto;
-	margin-left: 10px;
+#login-form label,
+#new_passwd_form label,
+#verify-form label {
+	display: block;
+	text-align: right;
 }
 
-#pending h2 {
-	text-align: center;
-	margin-bottom: 20px;
+#login-form label input,
+#new_passwd_form label input,
+#verify-form input {
+	width: 140px;
+	margin: 0 10px;
 }
 
-#pending h3 {
+#new_passwd_form h4,
+#register-form h4 {
+	font-weight: normal;
 	text-align: center;
-	margin-top: 20px;
 }
 
-.gedcom_favorites_block,
-.user_favorites_block,
-.person_box_template {
-	overflow: visible !important;
+#register-form div,
+#verify-form div {
+	text-align: right;
 }
 
-/* Box styles are
-	0 compact view
-	1 normal view - small box
-	2 normal view - large box
-*/
-.box-style0 {
-	cursor: url(images/zoomin.png), n-resize;
+#register-form label input,
+#register-form label select,
+#register-form textarea {
+	width: 220px;
+	margin: 0 10px;
+	padding: 3px;
 }
 
-.box-style0-expanded {
-	cursor: url(images/zoomout.png), n-resize;
+#register-form label select {
+	margin: 0 10px;
+	width: 228px;
 }
 
-.box-style0-expanded,
-.box-style1-expanded {
-	width: 300px !important;
+#register-form textarea {
+	vertical-align: top;
 }
 
-.person_box_template {
-	height: auto;
+#register-form div#registration-submit {
+	text-align: center;
 }
 
-.person_box_template .namedef i {
-	margin-left: 3px;
+.login_block_block #login-form,
+.login_block_block #new_passwd_form {
+	border: 0;
+	background: none;
 }
 
-[dir=rtl] .person_box_template .namedef i {
-	margin-right: 3px;
-}
-
-.person_box_template .icons {
-	float: right;
-}
-
-[dir=rtl] .person_box_template .icons {
-	float: left;
+[dir=rtl] #login-form label,
+[dir=rtl] #new_passwd_form label,
+[dir=rtl] #register-form label,
+[dir=rtl] #verify-form label {
+	text-align: left;
 }
 
-.person_box_template .inout {
-	clear: both;
-	display: none;
+[dir=rtl] #register-form div,
+[dir=rtl] #verify-form div {
+	text-align: left;
 }
 
-.person_box_template .noprint {
-	width: 25px;
-	height: 50px;
-	position: relative;
+/* ======== reportengine.php = */
+#reportengine-page table {
+	margin: 20px auto;
 }
 
-.person_box_template .chart_textbox {
+#reportengine-page .report-type {
 	overflow: hidden;
+	margin: auto;
+	width: 180px;
 }
 
-.person_box_template a.gallery img {
+#reportengine-page .report-type div {
 	float: left;
-	height: 50px;
-	margin: 0 3px 0 0;
-	padding: 0;
-	max-width: 80px;
-	width: auto;
+	margin: 0 20px;
 }
 
-[dir=rtl] .person_box_template img,
-[dir=rtl] .person_box_template a.gallery {
-	float: right;
-	margin: 0 0 0 3px;
+#reportengine-page .report-type p {
+	margin: 0;
+	text-align: center;
 }
 
-.person_box_template i[class^="icon-silhouette"] {
-	float: left;
+.itr {
+	position: absolute;
+	line-height: 1.5;
 }
 
-[dir=rtl] .person_box_template i[class^="icon-silhouette"] {
-	float: right;
+.block .itr,
+#family-table .itr,
+#ancestry_chart .itr,
+#descendancy_chart .itr,
+#familybook_chart .itr,
+#hourglass_chart .itr,
+#relatives_content .itr {
+	position: relative;
+	top: 0;
 }
 
-#branches-page table,
-#medialist-page .list_table,
-#medialist-page .list_table_controls {
-	margin: 0 auto;
+.popup {
+	display: none;
 }
 
-#medialist-page .list_table_controls {
-	width: 100%;
+.popup ul {
+	background-image: none !important;
+	list-style: none;
+	font-size: 9px;
+	margin: 0;
+	padding: 0 10px;
 }
 
-.list_table_controls td {
-	min-width: 40px;
-	text-align: center;
+.popup li {
+	padding: 1px 5px;
 }
 
-/* ============== medialist.php ======================= */
-.makeMenu li ul {
-	border: thin solid #AAA;
-	position: absolute;
-	margin:0;
+.popup li span {
+	padding: 0 5px;
 }
 
-.makeMenu, .makeMenu li ul {
-	padding: 1px;
+.popup li ul,
+.popup li ul li,
+.popup li span span {
+	padding: 0;
 }
 
-.makeMenu li {
-	display: inline;
-	position: relative;
-	white-space: nowrap;
+.itr:hover .popup {
+	display: block;
+	position: absolute;
+	width: 160px;
+	right: 0;
+	z-index: 9999;
 }
 
-.lb-menu {
-	display: inline-block;
-	margin: 0;
-	list-style: none;
+[dir=rtl] .itr:hover .popup {
+	left: 0;
+	right: auto;
 }
 
-.lb-menu ul {
-	list-style-type: none;
+/* styles for FindFacts pop-up */
+#layDefinedTags,
+#tabDefinedTagsShow {
+	width: 450px;
 }
 
-.lb-menu > li {
-	font-weight: normal;
-	float: left;
-	top: 0;
+#tabDefinedTags {
+	width: 430px;
 }
 
-.lb-menu > li ul {
-	display: none;
+#layDefinedTags {
+	margin-left: auto;
+	margin-right: auto;
+	height: 285px;
+	overflow: auto;
 }
 
-.lb-menu > li:hover ul {
-	display: block;
+#tabDefinedTags {
+	border-collapse: collapse;
 }
 
-.lb-menu li a {
-	padding-top: 24px;
+#tabDefinedTags th,
+#tabDefinedTags td {
+	border: solid 1px #000;
+	margin: 0;
+	padding: 3px;
 }
 
-.lb-menu li li a {
-	padding: 5px 10px 5px 5px;
-	display: block;
-	background-color: #fff;
+#tabDefinedTags tbody th {
+	text-align: left;
+	font-weight: bold;
 }
 
-.secondary-menu.lb-menu li:before {
-	content: "";
+#tabDefinedTags tr.sel {
+	background-color: #cde;
+	color: #888;
 }
 
-.lb-image_edit, .lb-image_link {
-	padding-right: 5px;
+#tabDefinedTags tr.unsel {
+	background-color: #fff;
+	color: #888;
 }
 
-[dir=rtl] .lb-menu > li {
-	float: right;
+#tabDefinedTagsShow {
+	margin-left: auto;
+	margin-right: auto;
 }
 
-/* ============== login.php ======================= */
-#login-register-page h2 {
+#tabDefinedTagsShow td {
+	width: 50%;
 	text-align: center;
 }
 
-#login-register-page .warning {
-	margin: 20px auto;
-	text-align: center;
+#tabFilterAndCustom {
+	margin-left: auto;
+	margin-right: auto;
 }
 
-#login-register-page .back {
-	font-weight: bold;
-	text-align: center;
+#tabAction {
+	margin-left: auto;
+	margin-right: auto;
 }
 
-#login-register-page .confirm {
-	margin: 20px auto;
-	text-align: justify;
-	width: 500px;
+#tabAction td {
+	width: 50%;
+	text-align: center;
 }
 
-#login-register-page .confirm p {
-	font-weight: bold;
+/* ======== List styles ====== */
+.source-list,
+.note-list,
+.repo-list,
+.media-list,
+.indi-list,
+.fam-list {
+	margin: 5px auto;
+	visibility: hidden;
+	width: 98%;
 }
 
-#login-register-page .confirm p + p {
-	font-weight: normal;
+.recent_changes_block,
+.upcoming_events_block,
+.todays_events_block,
+.todo_block {
+	width: 98%;
 }
 
-#login-text,
-#register-text,
-#user-verify {
-	margin: 20px auto;
-	width: 610px;
-	text-align: justify;
+.surname-list,
+.givn-list {
+	margin: 5px auto;
 }
 
-#login-box,
-#register-box {
-	text-align: center;
+.source-list table,
+.note-list table,
+.repo-list table,
+.media-list table,
+.indi-list table,
+.fam-list table {
+	width: 100%;
 }
 
-#login-form,
-#new_passwd_form,
-#register-form,
-#verify-form {
-	background-color: #ccc;
-	border: 1px solid #aaa;
-	border-radius: 4px;
-	display: inline-block;
-	margin: 10px auto 0;
-	padding: 5px;
+.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;
 }
 
-#login-form div,
-#login-form div a,
-#new_passwd_form div,
-#register-form div,
-#verify-form div {
-	font-weight: bold;
-	margin: auto;
-	padding: 5px;
-	text-align: center;
+.indi-list td,
+.fam-list td {
+	color: #555;
 }
 
-#login-form label,
-#new_passwd_form label,
-#verify-form label {
-	display: block;
-	text-align: right;
+.surname-list td {
+	vertical-align: top;
 }
 
-#login-form label input,
-#new_passwd_form label input,
-#verify-form input {
-	width: 140px;
-	margin: 0 10px;
+.indi-list .stats,
+.fam-list .stats {
+	margin: 0 auto;
+	width: auto;
 }
 
-#new_passwd_form h4,
-#register-form h4 {
-	font-weight: normal;
+.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;
 }
 
-#register-form div,
-#verify-form div {
-	text-align: right;
+#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;
 }
 
-#register-form label input,
-#register-form label select,
-#register-form textarea {
-	width: 220px;
-	margin: 0 10px;
+#source-tabs,
+#note-tabs,
+#repo-tabs,
+#media-tabs {
+	margin: auto;
+	visibility: hidden;
+	width: 80%;
 }
 
-#register-form label select {
-	margin: 0 10px;
-	width: 228px;
+#statistics_chart {
+	margin: auto;
+	visibility: hidden;
+	width: 90%;
 }
 
-#register-form textarea {
-	vertical-align: top;
+#source-edit,
+#note-edit,
+#repo-edit,
+#media-edit {
+	overflow-x: auto;
 }
 
-#register-form div#registration-submit {
-	text-align: center;
+.media-list td img {
+	display: block;
+	height: 40px;
+	width: auto;
+	margin: 3px auto;
 }
 
-.login_block_block #login-form,
-.login_block_block #new_passwd_form {
-	border: 0;
-	background: none;
+.filtersH,
+.filtersF {
+	margin: 4px;
 }
 
-[dir=rtl] #login-form label,
-[dir=rtl] #new_passwd_form label,
-[dir=rtl] #register-form label,
-[dir=rtl] #verify-form label {
-	text-align: left;
+.filtersH img {
+	margin-bottom: 2px;
 }
 
-/* ============== reportengine.php ======================= */
-#reportengine-page table {
-	margin: 20px auto;
+.loading-image {
+	background: transparent url(images/loading.gif) 50% 50% no-repeat;
+	height: 50px;
+	margin: 50px;
 }
 
-#reportengine-page .report-type {
-	overflow: hidden;
+.list-charts {
+	text-align: center;
+}
+
+#search-result-tabs,
+#places-tabs {
 	margin: auto;
-	width: 180px;
+	width: 98%;
+	visibility: hidden;
 }
 
-#reportengine-page .report-type div {
-	float: left;
-	margin: 0 20px;
+#search-result-tabs h3 {
+	text-align: center;
 }
 
-#reportengine-page .report-type p {
-	margin: 0;
+#searchAccordion-indi,
+#searchAccordion-fam,
+#searchAccordion-source,
+#searchAccordion-note {
+	margin: auto;
+	width: 99%;
+}
+
+#place-hierarchy h2,
+#place-hierarchy h4 {
 	text-align: center;
 }
 
-.gedcom_favorites_block .person_box,
-.gedcom_favorites_block .person_boxF,
-.gedcom_favorites_block .person_boxNN {
-	height: 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;
 }
 
-.user_favorites_block .person_box,
-.user_favorites_block .person_boxF,
-.user_favorites_block .person_boxNN {
-	height: auto;
+/* ======== Block styles ===== */
+#index_main_blocks {
+	clear: none;
+	width: 60%;
+	float: left;
 }
 
-/* ============= Statistics block ============ */
-.gedcom_stats_block table td {
+#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;
 }
 
-.gedcom_stats_block table td td {
-	vertical-align: middle;
+.blockcontent {
+	margin: 5px;
+	overflow: auto;
 }
 
-.gedcom_stats_block td .stats_value {
-	text-align: center;
+.blockcontent .list_table {
+	border-spacing: 0;
+	border: none;
+	border-right: 0;
 }
 
-/* ============= Theme select block ============ */
-.theme_form ul {
-	margin: -10px auto;
+.blockcontent .list_value,
+.blockcontent .list_value_wrap {
+	border: none;
 }
 
-.theme_form li {
-	visibility: hidden;
+.blockheader {
+	font-weight: bold;
 }
 
-.theme_form li ul li {
-	display: inline-block;
-	padding: 10px;
-	visibility: visible;
+/* 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 ========== */
+/* ==== Favourites block ===== */
 .blockcontent .person_box_template .details2 {
 	min-height: 40px;
 }
@@ -1664,130 +1696,42 @@ dt {
 	margin: 0 5px;
 }
 
-.itr {
-	position: absolute;
-	line-height: 1.5;
+/* === Who is online block === */
+.logged_in_list {
+	margin: 5px 0 0;
+	padding: 0;
+	line-height: 20px;
 }
 
-.block .itr,
-#family-table .itr,
-#ancestry_chart .itr,
-#descendancy_chart .itr,
-#familybook_chart .itr,
-#hourglass_chart .itr,
-#relatives_content .itr {
-	position: relative;
-	top: 0;
+/* Statistics block */
+.gedcom_stats_block table td {
+	vertical-align: top;
 }
 
-.popup {
-	display: none;
+.gedcom_stats_block table td td {
+	vertical-align: middle;
 }
 
-.popup ul {
-	background-image: none !important;
-	font-size: smaller;
-	list-style: none;
-	margin: 0;
-	padding: 0 10px;
+.gedcom_stats_block td .stats_value {
+	text-align: center;
 }
 
-.popup li {
-	padding: 1px 5px;
+/* ==== Theme select block === */
+.theme_form ul {
+	margin: -10px auto;
 }
 
-.popup li span {
-	padding: 0 5px;
+.theme_form li {
+	visibility: hidden;
 }
 
-.popup li ul,
-.popup li ul li,
-.popup li span span {
-	padding: 0;
+.theme_form li ul li {
+	display: inline-block;
+	padding: 10px;
+	visibility: visible;
 }
 
-.itr:hover .popup {
-	display: block;
-	position: absolute;
-	width: 160px;
-	right: 0;
-	z-index: 9999;
-}
-
-[dir=rtl] .itr:hover .popup {
-	left: 0;
-	right: auto;
-}
-
-/* styles for FindFacts pop-up */
-#layDefinedTags,
-#tabDefinedTagsShow {
-	width: 450px;
-}
-
-#tabDefinedTags {
-	width: 430px;
-}
-
-#layDefinedTags {
-	margin-left: auto;
-	margin-right: auto;
-	height: 285px;
-	overflow: auto;
-}
-
-#tabDefinedTags {
-	border-collapse: collapse;
-}
-
-#tabDefinedTags th,
-#tabDefinedTags td {
-	border: solid 1px #000;
-	margin: 0;
-	padding: 3px;
-}
-
-#tabDefinedTags tbody th {
-	text-align: left;
-	font-weight: bold;
-}
-
-#tabDefinedTags tr.sel {
-	background-color: #cde;
-	color: #888;
-}
-
-#tabDefinedTags tr.unsel {
-	background-color: #fff;
-	color: #888;
-}
-
-#tabDefinedTagsShow {
-	margin-left: auto;
-	margin-right: auto;
-}
-
-#tabDefinedTagsShow td {
-	width: 50%;
-	text-align: center;
-}
-
-#tabFilterAndCustom {
-	margin-left: auto;
-	margin-right: auto;
-}
-
-#tabAction {
-	margin-left: auto;
-	margin-right: auto;
-}
-
-#tabAction td {
-	width: 50%;
-	text-align: center;
-}
-
-/* FAQ table styles */
+/* ==== 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,239 +2321,68 @@ 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%;
+/* ======= Sidebar setup ===== */
+#main {
+	min-width: 600px;
+	width: 100%;
+	display: table;
+	table-layout: fixed;
 }
 
-.surname-list,
-.givn-list {
-	margin: 5px auto;
+#indi_left {
+	display: table-cell;
 }
 
-.source-list table,
-.note-list table,
-.repo-list table,
-.media-list table,
-.indi-list table,
-.fam-list table {
-	width: 100%;
+#indi_left .ui-tabs-panel {
+	padding: 0;
 }
 
-.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_left .ui-tabs-nav {
+	margin: 0 2px;
 }
 
-.indi-list td,
-.fam-list td {
-	color: #555;
+#tabs {
+	width: 98%;
+	overflow: visible;
+	padding-bottom: 0;
+	margin-bottom: 0;
 }
 
-.surname-list td {
+[dir=rtl] #tabs {
+	float: right;
+}
+
+/* sidebar */
+#sidebar {
+	width: 20%;
+	display: table-cell;
 	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 ============== */
-#main {
-	min-width: 600px;
-	width: 100%;
-	padding: 3px 0 0;
-	display: table;
-	table-layout: fixed;
-}
-
-#indi_left {
-	display: table-cell;
-}
-
-#tabs {
-	width: 98%;
-	overflow: visible;
-	padding-bottom: 0;
-	margin-bottom: 0;
-}
-
-[dir=rtl] #tabs {
-	float: right;
-}
-
-#sidebar {
-	display: table-cell;
-	vertical-align: top;
-	width: 20%;
-}
-
-#separator {
-	display: table-cell;
-	width: 2.5em;
-	position: relative;
-	background-color: transparent;
-	overflow: hidden;
+#separator {
+	display: table-cell;
+	width: 2.5em;
+	position: relative;
+	background-color: transparent;
+	overflow: hidden;
 }
 
 #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,242 +2779,929 @@ fieldset {
 	margin: 0 260px 0 0;
 }
 
-/* ======= Who is online block ========== */
-.logged_in_list {
-	margin: 5px 0 0;
-	padding: 0;
-	line-height: 20px;
+/* ===== Edit interface pop-ups ===== */
+#edit_interface-page h4 {
+	color: #555;
+	margin: 5px;
 }
 
-/* Icons */
-[class^="icon-"],
-[class*=" icon-"] {
-	display: inline-block;
-	vertical-align: middle;
-	background-repeat: no-repeat;
+#edit_interface-page .optionbox span {
+	margin: 0 5px;
 }
 
-.icon-add {
-	width: 14px;
-	height: 15px;
-	background-image: url(images/add.png);
+#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;
 }
 
-.icon-admin {
-	width: 30px;
-	height: 30px;
-	background-image: url(images/admin.png);
+#edit_interface-page #GIVN,
+#edit_interface-page #SURN,
+#edit_interface-page #_MARNM {
+	line-height: 18px;
+	margin: 0 5px;
+	width: 180px;
 }
 
-.icon-bing {
-	width: 16px;
-	height: 16px;
-	background-image: url(images/bing.png);
+#edit_interface-page input[type="text"],
+#edit_interface-page #NAME_display {
+	line-height: 18px;
+	margin: 0 5px;
+	vertical-align: top;
+	width: 240px;
 }
 
-.icon-button_addmedia {
-	width: 18px;
-	height: 16px;
-	background-image: url(images/buttons/addmedia.png);
+#edit_interface-page input[type="text"][id*="PAGE"],
+#edit_interface-page input[type="text"][id*="_UID"] {
+	width: 350px;
 }
 
-.icon-button_addnote {
-	width: 17px;
-	height: 15px;
-	background-image: url(images/buttons/addnote.png);
+#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;
 }
 
-.icon-button_addrepository {
-	width: 15px;
-	height: 15px;
-	background-image: url(images/buttons/addrepository.png);
+#edit_interface-page input[type="text"][id$="DATE"] {
+	width: 160px;
 }
 
-.icon-button_addsource {
-	width: 18px;
-	height: 16px;
-	background-image: url(images/buttons/addsource.png);
+#edit_interface-page input[type="text"][id^="TIME"] {
+	width: 100px;
 }
 
-.icon-button_calendar {
-	width: 19px;
-	height: 15px;
-	background-image: url(images/buttons/calendar.png);
+#edit_interface-page input[type="text"][id*="OBJE_FILE"] {
+	width: 200px;
 }
 
-.icon-button_family {
-	width: 14px;
-	height: 15px;
-	background-image: url(images/buttons/family.png);
+#edit_interface-page input[type="text"][id*="SOUR_TITL"] {
+	width: 250px;
 }
 
-.icon-button_find_facts {
-	width: 20px;
-	height: 20px;
-	background-image: url(images/buttons/find_facts.png);
+#edit_interface-page input[id*="TEXT"] {
+	height: 140px;
+	width: 440px;
 }
 
-.icon-button_head {
-	width: 12px;
-	height: 18px;
-	background-image: url(images/buttons/head.png);
+#edit_interface-page textarea {
+	margin: 0 5px;
+	width: 440px;
 }
 
-.icon-button_indi {
-	width: 11px;
-	height: 15px;
-	background-image: url(images/buttons/indi.png);
+#edit_interface-page textarea[id*="NOTE"] {
+	height: 240px;
 }
 
-.icon-button_keyboard {
-	width: 30px;
-	height: 15px;
-	background-image: url(images/buttons/keyboard.png);
+#edit_interface-page textarea[id*="TEXT"],
+#edit_interface-page textarea[id*="PUBL"] {
+	height: 140px;
 }
 
-.icon-button_media {
-	width: 18px;
-	height: 16px;
-	background-image: url(images/buttons/media.png);
+#edit_interface-page textarea[id^="newgedrec"] {
+	line-height: 18px;
+	width: 605px;
 }
 
-.icon-button_note {
-	width: 17px;
-	height: 15px;
-	background-image: url(images/buttons/note.png);
+#edit_interface-page textarea#gedcom {
+	height: 364px;
 }
 
-.icon-button_place {
-	width: 15px;
-	height: 15px;
-	background-image: url(images/buttons/place.png);
+#edit_interface-page textarea[id*="ADDR"],
+#edit_interface-page input[id*="ADDR"] {
+	height: 80px;
+	width: 300px;
 }
 
-.icon-button_repository {
-	width: 15px;
-	height: 15px;
-	background-image: url(images/buttons/repository.png);
+#edit_interface-page #changefam {
+	padding: 5px;
 }
 
-.icon-button_source {
-	width: 18px;
-	height: 16px;
-	background-image: url(images/buttons/source.png);
+#edit_interface-page #changefam table {
+	margin: 10px auto;
+	min-width: 400px;
+	max-width: 650px;
 }
 
-.icon-cfamily {
-	width: 24px;
-	height: 24px;
-	background-image: url(images/cfamily.png);
+#edit_interface-page #changefam span {
+	margin: 0;
 }
 
-.icon-childless {
-	width: 25px;
-	height: 25px;
-	background-image: url(images/childless.png);
+#edit_interface-page #changefam td {
+	padding: 5px;
+	white-space: normal;
 }
 
-.icon-children {
-	width: 16px;
-	height: 16px;
-	background-image: url(images/children.png);
+#edit_interface-page #changefam td.child {
+	text-align: center;
 }
 
-.icon-clippings {
-	width: 24px;
-	height: 24px;
-	background-image: url(images/clippings.png);
+#save-cancel {
+	position: fixed;
+	bottom: 0;
+	background-color: #eee;
+	width: 96.5%;
+	border-radius: 4px;
+	border: solid #999 1px;
+	margin: 0;
 }
 
-.icon-darrow {
-	width: 20px;
-	height: 20px;
-	background-image: url(images/darrow.png);
+#save-cancel input {
+	padding: 2px 8px;
 }
 
-a.icon-darrow:hover {
-	width: 20px;
-	height: 20px;
-	background-image: url(images/darrow2.png);
+#save-cancel .save {
+	float: left;
+	margin: 5px;
 }
 
-.icon-ddarrow {
-	width: 20px;
-	height: 20px;
-	background-image: url(images/ddarrow.png);
+#save-cancel .cancel {
+	float: right;
+	margin: 5px;
 }
 
-.icon-edit_indi {
-	width: 25px;
-	height: 25px;
-	background-image: url(images/edit_indi.png);
+[dir=rtl] #save-cancel .save {
+	float: right;
 }
 
-.icon-email {
-	width: 16px;
-	height: 16px;
-	background-image: url(images/email.png);
+[dir=rtl] #save-cancel .cancel {
+	float: left;
 }
 
-.icon-fam-list {
-	width: 24px;
-	height: 24px;
-	background-image: url(images/sfamily.png);
+#edit_interface-page,
+#addmedia-page {
+	margin-bottom: 50px;
 }
 
-.icon-googlemaps {
-	width: 16px;
-	height: 16px;
-	background-image: url(images/googlemaps.png);
+/* ===== Addmedia pop-ups ===== */
+#addmedia-page input[type="text"] {
+	line-height: 18px;
+	margin: 0 5px;
+	width: 350px;
 }
 
-.icon-help {
-	cursor: help;
-	width: 15px;
-	height: 15px;
-	background-image: url(images/help.png);
+#addmedia-page .optionbox select {
+	margin: 0 5px;
 }
 
-.icon-indis {
-	width: 24px;
-	height: 24px;
-	background-image: url(images/indis.png);
+#addmedia-page .optionbox p.sub {
+	margin: 0 5px;
+	font-size: 11px;
 }
 
-.icon-indi-list {
-	width: 50px;
-	height: 50px;
-	background-image: url(images/indis.png);
+#addmedia-page input[type="text"][id*="PAGE"],
+#addmedia-page input[type="text"][id*="_UID"] {
+	width: 350px;
 }
 
-.icon-larrow {
-	width: 20px;
-	height: 20px;
-	background-image: url(images/larrow.png);
+#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;
 }
 
-a.icon-larrow:hover {
-	width: 20px;
-	height: 20px;
-	background-image: url(images/larrow2.png);
+#addmedia-page input[id*="TEXT"] {
+	height: 140px;
+	width: 440px;
 }
 
-.icon-ldarrow {
-	width: 20px;
-	height: 20px;
-	background-image: url(images/ldarrow.png);
+#addmedia-page textarea {
+	margin: 0 5px;
+	width: 440px;
 }
 
-.icon-lifespan-chunk {
-	width: 50px;
-	height: 37px;
-	background-image: url(images/lifespan-chunk.png);
+#addmedia-page textarea[id*="NOTE"] {
+	height: 240px;
 }
 
-.icon-loading-small {
-	width: 16px;
-	height: 16px;
-	background-image: url(images/indicator.gif);
+#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;
+}
+
+#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;
+	vertical-align: middle;
+	background-repeat: no-repeat;
+}
+
+.icon-add {
+	width: 14px;
+	height: 15px;
+	background-image: url(images/add.png);
+}
+
+.icon-admin {
+	width: 30px;
+	height: 30px;
+	background-image: url(images/admin.png);
+}
+
+.icon-bing {
+	width: 16px;
+	height: 16px;
+	background-image: url(images/bing.png);
+}
+
+.icon-button_addmedia {
+	width: 18px;
+	height: 16px;
+	background-image: url(images/buttons/addmedia.png);
+	vertical-align: middle;
+}
+
+.icon-button_addnote {
+	width: 17px;
+	height: 15px;
+	background-image: url(images/buttons/addnote.png);
+}
+
+.icon-button_addrepository {
+	width: 15px;
+	height: 15px;
+	background-image: url(images/buttons/addrepository.png);
+}
+
+.icon-button_addsource {
+	width: 18px;
+	height: 16px;
+	background-image: url(images/buttons/addsource.png);
+}
+
+.icon-button_calendar {
+	width: 19px;
+	height: 15px;
+	background-image: url(images/buttons/calendar.png);
+	vertical-align: middle;
+}
+
+.icon-button_family {
+	width: 14px;
+	height: 15px;
+	background-image: url(images/buttons/family.png);
+}
+
+.icon-button_find_facts {
+	width: 20px;
+	height: 20px;
+	background-image: url(images/buttons/find_facts.png);
+}
+
+.icon-button_head {
+	width: 12px;
+	height: 18px;
+	background-image: url(images/buttons/head.png);
+}
+
+.icon-button_indi {
+	width: 11px;
+	height: 15px;
+	background-image: url(images/buttons/indi.png);
+}
+
+.icon-button_keyboard {
+	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 {
+	width: 17px;
+	height: 15px;
+	background-image: url(images/buttons/note.png);
+}
+
+.icon-button_place {
+	width: 15px;
+	height: 15px;
+	background-image: url(images/buttons/place.png);
+	vertical-align: middle;
+}
+
+.icon-button_repository {
+	width: 15px;
+	height: 15px;
+	background-image: url(images/buttons/repository.png);
+}
+
+.icon-button_source {
+	width: 18px;
+	height: 16px;
+	background-image: url(images/buttons/source.png);
+}
+
+.icon-cfamily {
+	width: 24px;
+	height: 24px;
+	background-image: url(images/cfamily.png);
+}
+
+.icon-childless {
+	width: 25px;
+	height: 25px;
+	background-image: url(images/childless.png);
+}
+
+.icon-children {
+	width: 16px;
+	height: 16px;
+	background-image: url(images/children.png);
+}
+
+.icon-clippings {
+	width: 24px;
+	height: 24px;
+	background-image: url(images/clippings.png);
+}
+
+.icon-darrow {
+	width: 20px;
+	height: 20px;
+	background-image: url(images/darrow.png);
+}
+
+a.icon-darrow:hover {
+	width: 20px;
+	height: 20px;
+	background-image: url(images/darrow2.png);
+}
+
+.icon-ddarrow {
+	width: 20px;
+	height: 20px;
+	background-image: url(images/ddarrow.png);
+}
+
+.icon-edit_indi {
+	width: 25px;
+	height: 25px;
+	background-image: url(images/edit_indi.png);
+}
+
+.icon-email {
+	width: 16px;
+	height: 16px;
+	background-image: url(images/email.png);
+}
+
+.icon-fam-list {
+	width: 24px;
+	height: 24px;
+	background-image: url(images/sfamily.png);
+}
+
+.icon-googlemaps {
+	width: 16px;
+	height: 16px;
+	background-image: url(images/googlemaps.png);
+}
+
+.icon-help {
+	cursor: help;
+	width: 15px;
+	height: 15px;
+	background-image: url(images/help.png);
+}
+
+.icon-indi-list {
+	width: 50px;
+	height: 50px;
+	background-image: url(images/indis.png);
+}
+
+.icon-larrow {
+	width: 20px;
+	height: 20px;
+	background-image: url(images/larrow.png);
+}
+
+a.icon-larrow:hover {
+	width: 20px;
+	height: 20px;
+	background-image: url(images/larrow2.png);
+}
+
+.icon-ldarrow {
+	width: 20px;
+	height: 20px;
+	background-image: url(images/ldarrow.png);
+}
+
+.icon-lifespan-chunk {
+	width: 50px;
+	height: 37px;
+	background-image: url(images/lifespan-chunk.png);
+}
+
+.icon-loading-small {
+	width: 16px;
+	height: 16px;
+	background-image: url(images/indicator.gif);
 }
 
 .icon-loading-large {
@@ -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;
 }
@@ -3634,483 +4110,400 @@ a.icon-uarrow:hover {
 	background-position: -1px -98px;
 }
 
-.icon-mime-text-html {
-	background-position: -99px -245px;
-}
-
-.icon-mime-text-x-gedcom {
-	background-position: -50px -49px;
-}
-
-.icon-mime-image-bmp {
-	background-position: 197px 0;
-}
-
-.icon-mime-image-gif {
-	background-position: -197px -49px;
-}
-
-.icon-mime-image-jpeg {
-	background-position: -1px -147px;
-}
-
-.icon-mime-image-png {
-	background-position: -99px -98px;
-}
-
-.icon-mime-image-svg {
-	background-position: -197px -196px;
-}
-
-.icon-mime-image-tiff {
-	background-position: -148px -98px;
-}
-
-.icon-mime-video-quicktime {
-	background-position: -99px -147px;
-}
-
-.icon-mime-video-avi {
-	background-position: -99px 0;
-}
-
-.icon-mime-video-x-ms-wmv {
-	background-position: -50px -196px;
-}
-
-/* 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-mime-text-html {
+	background-position: -99px -245px;
 }
 
-.icon-silhouette-U {
-	width: 37px;
-	height: 45px;
-	background-image: url(images/silhouette_unknown_small.png);
+.icon-mime-text-x-gedcom {
+	background-position: -50px -49px;
 }
 
-/* Silhouettes on individual pages */
-#indi_mainimage .icon-silhouette-F {
-	width: 99px;
-	height: 106px;
-	background-image: url(images/silhouette_female.png);
+.icon-mime-image-bmp {
+	background-position: 197px 0;
 }
 
-#indi_mainimage .icon-silhouette-M {
-	width: 99px;
-	height: 99px;
-	background-image: url(images/silhouette_male.png);
+.icon-mime-image-gif {
+	background-position: -197px -49px;
 }
 
-#indi_mainimage .icon-silhouette-U {
-	width: 100px;
-	height: 97px;
-	background-image: url(images/silhouette_unknown.png);
+.icon-mime-image-jpeg {
+	background-position: -1px -147px;
 }
 
-/* Edit interface pop-ups*/
-#edit_interface-page h4 {
-	color: #555;
-	margin: 5px;
+.icon-mime-image-png {
+	background-position: -99px -98px;
 }
 
-#edit_interface-page .optionbox span {
-	margin: 0 5px;
+.icon-mime-image-svg {
+	background-position: -197px -196px;
 }
 
-#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;
+.icon-mime-image-tiff {
+	background-position: -148px -98px;
 }
 
-#edit_interface-page #GIVN,
-#edit_interface-page #SURN,
-#edit_interface-page #_MARNM {
-	line-height: 18px;
-	margin: 0 5px;
-	width: 180px;
+.icon-mime-video-quicktime {
+	background-position: -99px -147px;
 }
 
-#edit_interface-page input[type="text"],
-#edit_interface-page #NAME_display {
-	line-height: 18px;
-	margin: 0 5px;
-	vertical-align: top;
-	width: 240px;
+.icon-mime-video-avi {
+	background-position: -99px 0;
 }
 
-#edit_interface-page input[type="text"][id*="PAGE"],
-#edit_interface-page input[type="text"][id*="_UID"] {
-	width: 350px;
+.icon-mime-video-x-ms-wmv {
+	background-position: -50px -196px;
 }
+/* ====== End Icon styles ====== */
 
-#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;
+/* ====== Theme Header ========= */
+header h1 {
+	clear: left;
+	float: left;
+	font-size: x-large;
+	font-weight: normal;
+	margin: 0;
 }
 
-#edit_interface-page input[type="text"][id$="DATE"] {
-	width: 160px;
+[dir=rtl] header h1 {
+	clear: right;
+	float: right;
 }
 
-#edit_interface-page input[type="text"][id^="TIME"] {
-	width: 100px;
+.header-search {
+	display: inline-block;
 }
 
-#edit_interface-page input[type="text"][id*="OBJE_FILE"] {
-	width: 200px;
+/* Set stack level for top two header menu rows */
+.secondary-menu ul,
+.primary-menu ul {
+	z-index: 210;
 }
 
-#edit_interface-page input[type="text"][id*="SOUR_TITL"] {
-	width: 250px;
+.secondary-menu {
+	white-space: nowrap;
+	float: right;
 }
 
-#edit_interface-page input[id*="TEXT"] {
-	height: 140px;
-	width: 440px;
+[dir=rtl] .secondary-menu {
+	float: left;
 }
 
-#edit_interface-page textarea {
-	margin: 0 5px;
-	width: 440px;
+.secondary-menu li {
+	background: none !important;
+	display: inline;
+	position: relative;
+	white-space: nowrap;
 }
 
-#edit_interface-page textarea[id*="NOTE"] {
-	height: 240px;
+.secondary-menu li:before {
+	content: " | ";
 }
 
-#edit_interface-page textarea[id*="TEXT"],
-#edit_interface-page textarea[id*="PUBL"] {
-	height: 140px;
+.secondary-menu li ul li:before {
+	content: "";
 }
 
-#edit_interface-page textarea[id^="newgedrec"] {
-	line-height: 18px;
-	width: 605px;
+.secondary-menu li:first-child:before {
+	content: "";
 }
 
-#edit_interface-page textarea#gedcom {
-	height: 364px;
+.secondary-menu li ul {
+	display: none;
+	position: absolute;
+	left: 0;
+	top: 15px;
+	background-color: #eee;
+	border: thin solid #aaa;
 }
 
-#edit_interface-page textarea[id*="ADDR"],
-#edit_interface-page input[id*="ADDR"] {
-	height: 80px;
-	width: 300px;
+.secondary-menu.lb-menu li:before {
+	content: "";
 }
 
-#edit_interface-page #changefam {
-	padding: 5px;
+[dir=rtl] .secondary-menu li ul {
+	left: auto;
+	right: 0;
 }
 
-#edit_interface-page #changefam table {
-	margin: 10px auto;
-	min-width: 400px;
-	max-width: 650px;
+/* position sub-sub-menus */
+.secondary-menu ul ul {
+	top: 0;
+	left: 100px;
 }
 
-#edit_interface-page #changefam span {
-	margin: 0;
+[dir=rtl] .secondary-menu ul ul {
+	top: 0;
+	left: auto;
+	right: 100px;
 }
 
-#edit_interface-page #changefam td {
-	padding: 5px;
-	white-space: normal;
+.secondary-menu li ul li {
+	display: block;
+	text-align: left;
 }
 
-#edit_interface-page #changefam td.child {
-	text-align: center;
+[dir=rtl] .secondary-menu li ul li {
+	text-align: right;
 }
 
-#save-cancel {
-	background-color: #eee;
-	border-radius: 4px;
-	border: solid #999 1px;
-	bottom: 0;
+.secondary-menu,
+.secondary-menu li ul {
+	list-style: none;
 	margin: 0;
-	position: fixed;
-	width: 96.5%;
+	padding: 1px;
 }
 
-#save-cancel input {
-	padding: 2px 8px;
+.secondary-menu li:hover > ul {
+	display: block;
 }
 
-#save-cancel .save {
-	float: left;
-	margin: 5px;
+.lang-active,
+.theme-active {
+	font-weight: 900;
 }
 
-#save-cancel .cancel {
-	float: right;
-	margin: 5px;
+#menu-language li {
+	text-align: left; /* The language menu is always LTR, even on RTL pages */
 }
 
-[dir=rtl] #save-cancel .save {
-	float: right;
+#menu-theme li {
+	text-align: left; /* The theme menu is always LTR, even on RTL pages */
 }
 
-[dir=rtl] #save-cancel .cancel {
-	float: left;
+#header-user-links {
+	float: right;
 }
 
-#edit_interface-page,
-#addmedia-page {
-	margin-bottom: 50px;
+[dir=rtl] #header-user-links {
+	float: left;
 }
 
-/* Addmedia pop-ups*/
-#addmedia-page input[type="text"] {
-	line-height: 18px;
-	margin: 0 5px;
-	width: 350px;
+.secondary-menu ul li a {
+	background-color: #eee;
+	padding: 2px 5px;
+	display: block;
 }
 
-#addmedia-page .optionbox select {
-	margin: 0 5px;
+.secondary-menu ul li a:hover {
+	background-color: #369;
+	color: #fff;
+	text-decoration: none;
 }
 
-#addmedia-page .optionbox p.sub {
-	font-size: smaller;
-	margin: 0 5px;
+/* ====== Primary menu ========= */
+header nav {
+	clear: both;
+	text-align: center;
+	padding-top: 12px;
 }
 
-#addmedia-page input[type="text"][id*="PAGE"],
-#addmedia-page input[type="text"][id*="_UID"] {
-	width: 350px;
+.primary-menu {
+	margin: 0;
 }
 
-#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;
+.primary-menu li {
+	background: none !important;
+	display: inline;
+	position: relative;
+	white-space: nowrap;
 }
 
-#addmedia-page input[id*="TEXT"] {
-	height: 140px;
-	width: 440px;
+.primary-menu li:before {
+	content: " | ";
 }
 
-#addmedia-page textarea {
-	margin: 0 5px;
-	width: 440px;
+.primary-menu li ul li:before {
+	content: "";
 }
 
-#addmedia-page textarea[id*="NOTE"] {
-	height: 240px;
+.primary-menu li:first-child:before {
+	content: "";
 }
 
-/* Styling for the jquery.colorbox gallery */
-#colorbox,
-#cboxOverlay,
-#cboxWrapper {
+.primary-menu li ul {
+	display: none;
 	position: absolute;
-	top: 0;
 	left: 0;
-	z-index: 9999;
-	overflow: hidden;
+	top: 7px;
+	background-color: #eee;
+	border: thin solid #aaa;
 }
 
-#colorbox {
-	border: 2px solid #ccc;
+[dir=rtl] .primary-menu li ul {
+	left: auto;
+	right: 0;
 }
 
-#cboxOverlay {
-	position: fixed;
-	width: 100%;
-	height: 100%;
-	background: #ccc;
+/* position sub-sub-menus */
+
+.primary-menu ul ul {
+	top: 0;
+	left: 100px;
 }
 
-#cboxContent {
-	background: #fff;
-	border: 5px solid #888;
+[dir=rtl] .primary-menu ul ul {
+	top: 0;
+	left: auto;
+	right: 100px;
 }
 
-#cboxLoadedContent {
-	overflow: auto;
-	background: #fff;
-	margin-bottom: 30px;
-	margin-top: 35px;
+.primary-menu li ul li {
+	display: block;
+	text-align: left;
 }
 
-#cboxTitle {
-	position: absolute;
-	left: 0;
-	top: 10px;
-	color: #888;
-	text-align: center;
-	width: 100%;
-	font-weight: 800;
+[dir=rtl] .primary-menu li ul li {
+	text-align: right;
 }
 
-.cboxPhoto {
-	float: left;
-	margin: auto;
-	border: 0;
-	display: block;
-	max-width: none;
+.primary-menu,
+.primary-menu li ul {
+	list-style: none;
+	padding: 1px;
 }
 
-.cboxIframe {
-	width: 100%;
-	height: 100%;
+.primary-menu li:hover > ul {
 	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;
+.primary-menu ul li a {
+	background-color: #eee;
+	padding: 2px 5px;
+	display: block;
+
 }
 
-#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;
+.primary-menu ul li a:hover {
+	background-color: #369;
+	color: #fff;
+	text-decoration: none;
 }
 
-#cboxNext:hover {
-	background-position: -50px -25px;
+/* ====== End Theme Header ===== */
+/* ====== Theme Footer ========= */
+footer {
+	clear: both;
+	text-align: center;
+	width: 99%;
 }
 
-#cboxSlideshow {
-	position: absolute;
-	bottom: 5px;
-	left: 57px;
-	margin: 10px;
-	border: 0;
-	background: none;
+.user_links {
+	white-space: nowrap;
 }
 
-#cboxSlideshow:hover {
-	color: #f00;
-	background: #fff;
+#link_change_blocks {
+	clear: both;
+	margin: 0 auto;
+	padding: 25px 0 0;
+	text-align: center;
+	width: 400px;
 }
 
-#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;
+#link_change_blocks span {
+	padding: 0 50px;
 }
 
-#cboxClose:hover {
-	background-position: -25px -25px;
+#link_change_blocks span span {
+	padding: 0 3px;
 }
 
-#cboxCurrent {
-	bottom: 4px;
-	color: #888;
-	left: 58px;
-	position: absolute;
+/* ====== End Theme Footer ===== */
+
+/* ====== Theme Icons ========== */
+.icon-indis {
+	width: 24px;
+	height: 24px;
+	background-image: url(images/indis.png);
 }
 
-[dir=rtl] #cboxPrevious {
-	right: 27px;
-	left: auto;
+.icon-patriarch {
+	width: 24px;
+	height: 24px;
+	background-image: url(images/patriarch.png);
 }
 
-[dir=rtl] #cboxNext {
-	right: 0;
-	left: auto;
+.icon-pedigree {
+	width: 24px;
+	height: 24px;
+	background-image: url(images/pedigree.png);
 }
 
-[dir=rtl] #cboxCurrent {
-	right: auto;
-	left: 0;
+.icon-place {
+	width: 24px;
+	height: 24px;
+	background-image: url(images/place.png);
 }
 
-[dir=rtl] #cboxClose {
-	right: auto;
-	left: 0;
+.icon-repo-list {
+	width: 30px;
+	height: 30px;
+	background-image: url(images/repository.png);
 }
 
-[dir=rtl] #cboxSlideshow {
-	right: 57px;
-	left: auto;
+.icon-repository {
+	width: 30px;
+	height: 30px;
+	background-image: url(images/repository.png);
 }
 
-/* Census assistant module */
-table.table-census-assistant th {
-	font-weight: bold;
-	text-align: left;
+.icon-search {
+	width: 24px;
+	height: 24px;
+	background-image: url(images/search.png);
 }
 
-/* Stories module */
-.story_title {
-	padding-top: 12px;
-	height: 32px;
-	font-size: 13px;
-	font-weight: 700;
+.icon-sfamily {
+	width: 24px;
+	height: 24px;
+	background-image: url(images/sfamily.png);
 }
 
-.story_body {
-	padding: 20px;
-	white-space: normal;
+.icon-source-list {
+	width: 24px;
+	height: 24px;
+	background-image: url(images/source.png);
 }
 
-.story_edit {
-	padding: 12px;
+.icon-tree {
+	width: 24px;
+	height: 24px;
+	background-image: url(images/gedcom.png);
 }
 
-/* User content in stories tab */
-#stories h2,
-#stories h3,
-#stories h4,
-#stories h5 {
-	padding-top: 20px;
+.icon-user_add {
+	width: 24px;
+	height: 24px;
+	background-image: url(images/user_add.png);
 }
 
-#stories p {
-	padding-top: 8px;
+.icon-webtrees {
+	width: 100px;
+	height: 21px;
+	background-image: url(images/webtrees.png);
 }
 
-.btn-group {
-	display: inline-block;
-	margin: 0 4px;
+@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;
+	}
 }
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;
-- 
cgit v1.3