From 615bd67124bcbe3a37129d9d60337107b56a2370 Mon Sep 17 00:00:00 2001
From: makitso <makitso@gmail.com>
Date: Tue, 13 Jan 2015 08:36:42 -0700
Subject: Normalize themes – clouds
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/clouds/css-1.6.2/style.css | 6750 ++++++++++++++++++-------------------
 1 file changed, 3314 insertions(+), 3436 deletions(-)

(limited to 'themes')

diff --git a/themes/clouds/css-1.6.2/style.css b/themes/clouds/css-1.6.2/style.css
index d3b6b83c63..d373607acc 100644
--- a/themes/clouds/css-1.6.2/style.css
+++ b/themes/clouds/css-1.6.2/style.css
@@ -4,9 +4,10 @@
 * webtrees: Web based Family History software
 * Copyright (C) 2014 webtrees development team.
 *
-* Derived from PhpGedView Cloudy theme
-* Original author w.a. bastein http://genealogy.bastein.biz
-* Copyright (C) 2010 PGV Development Team.
+* Derived from PhpGedView
+* Copyright (C) 2002 to 2009 PGV Development Team.
+*
+* Mime-type icons from http://gnome-look.org, published under GPL (v2)
 *
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
@@ -22,6 +23,9 @@
 * along with this program; if not, write to the Free Software
 * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
 */
+
+/* ======== Globals ========== */
+
 /* Add a permanent scrollbar, to prevent "flickering" when hover effects lengthen page */
 html {
 	overflow-y: scroll;
@@ -33,5442 +37,5316 @@ body {
 	font: 12px tahoma, arial, helvetica, sans-serif;
 }
 
-/* The header and its components */
-header {
-	background: #acf url(images/clouds.png) repeat-x;
-	border: 1px solid #039;
-	margin: 10px;
-	height: 63px;
-	position: relative;
+#home-page {
+	padding-top: 10px;
 }
 
-.header-search {
-	position: absolute;
-	top: 5px;
-	right: 10px;
+main {
+	display: block;
+	padding-top: 10px;
 }
 
-[dir=rtl] .header-search {
-	left: 10px;
-	right: auto;
+/* ====== Round Corners ======== */
+.block,
+.descriptionbox,
+.facts_label,
+.facts_label03,
+.facts_value,
+.lifespan_outer,
+.list_label,
+.list_label_wrap,
+.list_value,
+.list_value_wrap,
+.messagebox,
+.optionbox,
+.person_box,
+.person_boxF,
+.person_boxNN,
+.person0,
+.person1,
+.person2,
+.person3,
+.person4,
+.person5,
+#sidebar,
+.topbottombar,
+#save-cancel {
+	border-radius: 3px;
 }
 
-header h1 {
-	position: absolute;
-	left: 10px;
-	top: 5px;
-	color: #039;
-	font-size: 20px;
-	font-weight: normal;
+/* ios on click workaround */
+.iconz {
+	cursor: pointer;
 }
 
-[dir=rtl] header h1 {
-	right: 10px;
-	left: auto;
+input:required:valid,
+textarea:required:valid {
+	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAONJREFUeNpi/P//PwMlgImBQjDwBrCgCzDOF2Zg+Adk/AOGDRvQfHZGoDWMxgyMDMb/Q1/NIt0F/xk8gIbNZPj7P41YL4AUGsM1//rfkuyeYMzw8z9xXgBqgNm0nuHnv0D/IH/juavmngV6oYY4F3z7y2DqY2oMpANB9MYl684yfP9Xw3Dzzw7sXgQmJGTM0MbjwdDKc0b2vt5/EM2QwunBoMyCVS1YPYYAMOwZ7FmiGLLYzjBYsSQD+QpALAjErNgMYERPyoyMjMxAih+IOYD4LxD/hOJfQLV/MaJ9NC8wAAQYAPbPfH2KJKx/AAAAAElFTkSuQmCC) no-repeat right top;
 }
 
-.primary-menu {
-	position: absolute;
-	bottom: 0;
-	left: -20px;
+input:required:invalid,
+textarea:required:invalid {
+	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMpJREFUeNpi/P//PwMlgImBQjAMDGBBF1jFyOgBpFqAuOYPA8MOoAI4P+z//x0YJoBiARkvYWA486+k5D+IBuJqZD66WnAMogvMA9o4F6j4R3Lyf2R6IQODMVEGTAW6CoirgfjMB2/v/yB6CgNDYQ8W14IwRiB+A7rgOwNDYLChofGcrVvPgugfDAzR/yFhwUAwDJqBNj6Ulf0PooEhV4jMx+YCRvSknAeMBWDotwgwMKRzMTCcfQW0GcQHxkbNJCyxwDiaFxgAAgwAYy67YIOQ//cAAAAASUVORK5CYII=) no-repeat right top;
 }
 
-[dir=rtl] .primary-menu {
-	right: -20px;
-	left: auto;
+[dir=rtl] input:required:valid,
+[dir=rtl] textarea:required:valid,
+[dir=rtl] input:required:invalid,
+[dir=rtl] textarea:required:invalid {
+	background-position: left top;
 }
 
-.secondary-menu {
-	position: absolute;
-	bottom: 0;
-	right: 10px;
+a {
+	color: #039;
+	text-decoration: none;
 }
 
-[dir=rtl] .secondary-menu {
-	left: 10px;
-	right: auto;
+a:hover,
+a.link:hover {
+	color: #f00;
+	text-decoration: none;
 }
 
-main {
-	display: block;
-	padding: 10px;
+:focus {
+	outline-style: none;
 }
 
-* {
-	margin: 0;
+#flash-messages {
+	clear: both;
 }
 
 td {
 	padding: 0;
 }
 
-/* ================= Header Layout */
-
-/* Set stack level for top menu row */
-.secondary-menu ul,
-.primary-menu ul {
-	z-index: 210;
-}
-
-#bodydiv .title {
+dl {
 	margin: 0;
 }
 
-/* ===== */
-/* Layout Left Main menu */
-
-/* set up div container */
-#topMenu {
-	background: #acf;
+dt {
+	float: left;
+	font-weight: bold;
+	margin-right: 10px;
 	clear: both;
-	height: 31px;
-	width: 100%;
 }
 
-#topMenu ul {
-	margin: 0;
-	padding: 0;
+[dir=rtl] dt {
+	float: right;
+	margin-right: auto;
+	margin-left: 10px;
 }
 
-.primary-menu ul {
-	padding: 0;
-	margin: 0;
-	border: 1px solid #ddd;
-	border-radius: 5px;
-	list-style-type: none;
-	position: absolute;
-	visibility: hidden;
-	opacity: 0;
-	background: #fff;
-}
 
-.primary-menu li {
-	display: block;
-	position: relative;
-	float: left;
-	list-style: none;
-	width: 100%;
+h4 {
+	font-weight: bold;
 }
 
-.primary-menu li a {
-	display: block;
+th {
+	font-weight: 100;
 }
 
-.primary-menu li > ul {
-	display: block;
-	position: absolute;
-	top: 0;
-	white-space: nowrap;
-	left: 100%;
-	right: auto;
+ul {
+	margin: 8px;
+	padding-left: 15px;
+	padding-right: 15px;
 }
 
-.primary-menu > li > a {
-	height: 37px;
-	width: 27px;
+img {
+	border: 0 none;
 }
 
-.primary-menu > li > ul {
-	left: 0;
-	right: auto;
-	top: 22px;
+img.block,
+#mycart img {
+	border: 0;
+	height: 25px;
+	vertical-align: middle;
 }
 
-.primary-menu a {
-	text-decoration: none;
-	padding: 0 10px;
-	margin: 0;
-	white-space: nowrap;
+input,
+button,
+textarea {
+	border-width: 1px;
+	border-color: #fff #006 #006 #fff;
+	font-size: 12px;
+	font-family: inherit;
 }
 
-.primary-menu ul li:hover a,
-.primary-menu li:hover li a {
-	background: none;
-	border: 0;
+input,
+textarea {
+	padding: 0 3px;
 }
 
-.primary-menu li:hover > ul {
-	visibility: visible;
-	opacity: 1;
+textarea {
+	border-style: inset;
 }
 
-/* First row submenu style*/
-.primary-menu > li > ul > li:first-child {
-	text-indent: 0;
-	min-width: 100px;
-	width: 100%;
-	background: none;
+.topbottombar {
 	font-weight: bold;
-	white-space: nowrap;
-	font-size: 12px;
+	padding: 4px;
 	text-align: center;
-	height: 22px;
-	line-height: 1.5;
-	border-bottom: solid #ddd 1px;
 }
 
-/* Mainmenu Icons*/
-.primary-menu > li {
-	background-image: url(images/sprites-top-menu.png);
-	background-repeat: no-repeat;
-	width: 22px;
-	height: 22px;
-	line-height: 22px;
-	margin: 5px 0 0 10px;
+fieldset {
+	padding: 30px;
+	margin: 8px 8px 4px;
+	text-align: left;
 }
 
-/* Submenu Icons */
-.primary-menu ul li {
-	background-image: url(images/sprites-sub-menu.png);
-	background-repeat: no-repeat;
-	height: 22px;
-	line-height: 15px;
-	margin: 2px 0;
-	text-indent: 22px;
+[dir=rtl] fieldset {
+	text-align: right;
 }
 
-[dir=rtl] .primary-menu > li {
-	margin: 4px 16px 0 0;
+fieldset ol,
+fieldset li {
+	margin: 2px 0 0 5px;
 }
 
-[dir=rtl] .primary-menu li {
-	float: right;
+[dir=rtl] fieldset ol,
+fieldset li {
+	margin: 2px 5px 0 0;
 }
 
-[dir=rtl] .primary-menu li:hover > ul {
-	right: 100%;
-	left: auto;
+legend {
+	font-weight: bold;
 }
 
-[dir=rtl] .primary-menu > li:hover > ul {
-	left: auto;
-	right: 0;
+select {
+	border: 1px solid #ccc;
 }
 
-[dir=rtl] .primary-menu li li {
-	text-align: right;
+header form {
+	font-size: 12px;
 }
 
-[dir=rtl] .primary-menu li li a {
-	display: block;
+#mycart a img {
+	height: 15px;
 }
 
-[dir=rtl] .primary-menu > li > ul > li:first-child {
-	text-align: center;
+.button {
+	width: 60px;
 }
 
-/********************Menu Top Row Icons **********************/
-
-#menu-tree {
-	background-position: 0 0;
+.alpha_index {
+	margin: 12px 0;
 }
 
-#menu-chart {
-	background-position: 0 -29px;
+hr {
+	margin-top: 5px;
 }
 
-#menu-list {
-	background-position: 0 -59px;
-}
-
-#menu-calendar {
-	background-position: 0 -88px;
-}
-
-#menu-report {
-	background-position: 0 -117px;
+h2 {
+	font-size: 18px;
+	font-weight: bold;
 }
 
-#menu-search {
-	background-position: 0 -146px;
+.person_box,
+.person_boxF,
+.person_boxNN {
+	border: 1px solid #aaa;
+	padding: 3px;
 }
 
-#menu-help {
-	background-position: 0 -175px;
+.person_box {
+	background: #ddf;
 }
 
-#menu-mymenu {
-	background-position: 0 -204px;
+.person_boxF {
+	background: #fdd;
 }
 
-#menu-clippings {
-	background-position: 0 -233px;
+.person_boxNN {
+	background: #fff;
 }
 
-#menu-indi {
-	background-position: 0 -261px;
+.person_box_lifespan {
+	display: inline;
 }
 
-#menu-sour {
-	background-position: 0 -320px;
+/* 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;
 }
 
-#menu-fam {
-	background-position: 0 -291px;
+.center {
+	text-align: center;
 }
 
-#menu-note {
-	background-position: 0 -348px;
+table.center {
+	margin-left: auto;
+	margin-right: auto;
 }
 
-#menu-obje {
-	background-position: 0 -378px;
+.list_table {
+	margin: 0 auto;
 }
 
-#menu-repo {
-	background-position: 0 -407px;
+.list_label,
+.list_label_wrap {
+	color: #fff;
+	font-weight: 700;
+	text-align: center;
+	border: 1px solid #999;
+	vertical-align: text-top;
+	white-space: normal;
 }
 
-#menu-story {
-	background-position: 0 -436px;
+.list_value,
+.list_value_wrap {
+	padding: 1px;
+	text-align: left;
+	border: 1px solid #999;
+	vertical-align: top;
 }
 
-/**** Menu submenu Icons ****/
-/* Chart Icons */
-#menu-chart-ancestry {
-	background-position: left -0px;
+.list_label,
+.list_value {
+	white-space: nowrap;
 }
 
-[dir=rtl] #menu-chart-ancestry {
-	background-position: right -0px;
+.list_label_wrap,
+.list_value_wrap {
+	background-color: #ecf5ff;
+	border: 1px solid #84beff;
+	color: #006;
+	white-space: normal;
 }
 
-#menu-chart-fanchart {
-	background-position: left -23px;
+.list_item {
+	font-size: 12px;
 }
 
-[dir=rtl] #menu-chart-fanchart {
-	background-position: right -23px;
+.facts_table {
+	width: 100%;
+	padding: 0;
 }
 
-#menu-chart-compact {
-	background-position: left -0px;
+div.fact_SHARED_NOTE {
+	clear: both;
 }
 
-[dir=rtl] #menu-chart-compact {
-	background-position: right -0px;
+.facts_label {
+	border: 1px solid #acf;
+	padding: 4px;
+	width: 20%;
+	text-align: center;
 }
 
-#menu-chart-descendancy {
-	background-position: left -69px;
+.facts_label03 {
+	font-weight: bold;
+	padding: 4px;
+	text-align: center;
 }
 
-[dir=rtl] #menu-chart-descendancy {
-	background-position: right -69px;
+.facts_value {
+	background: #fff;
+	border: 1pt solid #999;
+	padding: 4px;
+	color: #039;
 }
 
-#menu-chart-familybook {
-	background-position: left -92px;
+.facts_label .submenu a {
+	background: #fff;
+	color: #000;
 }
 
-[dir=rtl] #menu-chart-familybook {
-	background-position: right -92px;
+.quickfacts a {
+	padding: 0 3px;
+	font-size: 9px;
 }
 
-#menu-chart-hourglass {
-	background-position: left -115px;
+.name1,
+.name2 {
+	font-weight: 700;
+	overflow: hidden;
+	font-size: 12px;
 }
 
-[dir=rtl] #menu-chart-hourglass {
-	background-position: right -115px;
+a:hover .name1,
+a:hover .name2 {
+	color: #f00;
+	font-weight: 700;
+	font-size: 12px;
 }
 
-#menu-chart-tree {
-	background-position: left -138px;
+a:hover .nameZoom {
+	color: #f00;
+	font-size: 14px;
+	font-weight: bold;
 }
 
-[dir=rtl] #menu-chart-tree {
-	background-position: right -138px;
+.details0,
+.details1 {
+	font-size: 11px;
 }
 
-#menu-chart-lifespan {
-	background-position: left -161px;
+.details2 {
+	font-size: 11px;
+	color: #006;
+	font-weight: bold;
 }
 
-[dir=rtl] #menu-chart-lifespan {
-	background-position: right -161px;
+.nameZoom {
+	font-size: 14px;
+	font-weight: bold;
 }
 
-#menu-chart-pedigree {
-	background-position: left -184px;
+.details_label {
+	font-weight: bold;
 }
 
-[dir=rtl] #menu-chart-pedigree {
-	background-position: right -184px;
+.name_head {
+	color: #333;
+	font-size: 16px;
+	font-weight: bold;
+	line-height: 2;
+	padding: 0 5px;
 }
 
-#menu-chart-pedigree_map {
-	background-position: left -207px;
+.date {
+	color: #039;
 }
 
-[dir=rtl] #menu-chart-pedigree_map {
-	background-position: right -207px;
+.label {
+	font-weight: bold;
 }
 
-#menu-chart-relationship {
-	background-position: left -230px;
+.error {
+	color: #d00;
+	font-weight: bold;
 }
 
-[dir=rtl] #menu-chart-relationship {
-	background-position: right -230px;
+.largeError {
+	color: #d00;
+	font-size: large;
+	font-weight: bold;
 }
 
-#menu-chart-statistics {
-	background-position: left -253px;
+.warning {
+	color: #f00;
+	font-weight: bold;
 }
 
-[dir=rtl] #menu-chart-statistics {
-	background-position: right -253px;
+.indent {
+	padding-left: 7px;
 }
 
-#menu-chart-timeline {
-	background-position: left -276px;
+.image {
+	height: 150px;
+	padding: 5px;
+	margin-right: 15px;
 }
 
-[dir=rtl] #menu-chart-timeline {
-	background-position: right -276px;
+[dir=rtl] .image {
+	margin-right: 0;
+	margin-left: 15px;
 }
 
-/* Lists Icons */
-#menu-list-obje {
-	background-position: left -299px;
+.gender_image {
+	margin: 0 3px;
+	border: 0;
+	vertical-align: middle;
 }
 
-[dir=rtl] #menu-list-obje {
-	background-position: right -299px;
+.thumbnail {
+	height: auto;
+	padding: 3px;
 }
 
-#menu-list-plac {
-	background-position: left -322px;
+.icon {
+	border: 0;
 }
 
-[dir=rtl] #menu-list-plac {
-	background-position: right -322px;
+.sublinks_cell {
+	background: #9be;
 }
 
-#menu-list-repo {
-	background-position: left -345px;
+.subheaders {
+	font-size: 16px;
+    font-weight: bold;
+	color: #006;
 }
 
-[dir=rtl] #menu-list-repo {
-	background-position: right -345px;
+.age {
+	font-size: 9px;
 }
 
-#menu-list-note {
-	background-position: left -368px;
+.parentdeath {
+	border: thin solid #888;
+	padding: 1px;
 }
 
-[dir=rtl] #menu-list-note {
-	background-position: right -368px;
+.source_citations {
+	display: none;
 }
 
-#menu-list-sour {
-	background-position: left -391px;
+.selected-option {
+	background-color: #cef;
 }
 
-[dir=rtl] #menu-list-sour {
-	background-position: right -391px;
+.border1 {
+	border: solid #000 1px;
 }
 
-#menu-branches {
-	background-position: left -414px;
+.submenuitem {
+	vertical-align: middle;
+	font-size: 11px;
+	height: 20px;
+	color: #555;
+	background-color: #fff;
+	border: 1px solid #ccc;
+	padding: 3px 3px 0;
+	white-space: nowrap;
 }
 
-[dir=rtl] #menu-branches {
-	background-position: right -414px;
+.submenuitem_hover {
+	vertical-align: middle;
+	height: 20px;
+	font-size: 11px;
+	border: 1px solid #ccc;
+	white-space: nowrap;
+	padding: 3px 3px 0;
 }
 
-#menu-list-fam {
-	background-position: left -437px;
+.submenuitem a,
+.submenuitem_hover a {
+	display: inline-block;
+	vertical-align: middle;
 }
 
-[dir=rtl] #menu-list-fam {
-	background-position: right -437px;
+.journal_box {
+	padding: 3pt;
+	border: thin solid #aaa;
+	overflow: visible;
 }
 
-#menu-list-indi {
-	background-position: left -460px;
+.news_box {
+	border-top: solid #ccc 1px;
 }
 
-[dir=rtl] #menu-list-indi {
-	background-position: right -460px;
+.news_title {
+	color: #000;
+	font-weight: bold;
+	font-size: 14px;
 }
 
-/* Report Icons */
-#menu-report li {
-	background-position: left -483px;
+.news_date {
+	color: #000;
+	margin-bottom: 12px;
 }
 
-[dir=rtl] #menu-report li {
-	background-position: right -483px;
+.current_day {
+	font-weight: bold;
+	font-size: 16px;
 }
 
-/* Calendar Icons */
-#menu-calendar-day {
-	background-position: left -506px;
+.cal_day {
+	float: left;
+	font-weight: bold;
 }
 
-[dir=rtl] #menu-calendar-day {
-	background-position: right -506px;
+.rtl_cal_day {
+	direction: rtl;
+	float: right;
+	color: #00f;
+	font-weight: bold;
 }
 
-#menu-calendar-month {
-	background-position: left -506px;
+.helpcontent {
+	margin-left: 10px;
+	margin-right: 10px;
 }
 
-[dir=rtl] #menu-calendar-month {
-	background-position: right -506px;
+.helpcontent dt {
+	clear: both;
 }
 
-#menu-calendar-year {
-	background-position: left -506px;
+#my-page h1 {
+	margin: 0.25em auto 0.6em;
 }
 
-[dir=rtl] #menu-calendar-year {
-	background-position: right -506px;
+.tdtop {
+	vertical-align: top;
 }
 
-/* Search Icons */
-#menu-search-general {
-	background-position: left -529px;
+.tdmid {
+	vertical-align: middle;
 }
 
-[dir=rtl] #menu-search-general {
-	background-position: right -529px;
+.tdbot,
+.tvertline {
+	vertical-align: bottom;
 }
 
-#menu-search-soundex {
-	background-position: left -529px;
+.line1,
+.line2,
+.line3 {
+	vertical-align: middle;
 }
 
-[dir=rtl] #menu-search-soundex {
-	background-position: right -529px;
+.line5 {
+	vertical-align: top;
 }
 
-#menu-search-advanced {
-	background-position: left -529px;
+#childbox {
+	padding: 5px;
+	position: absolute;
+	display: none;
+	text-align: start;
+	white-space: nowrap;
+	top: 20px;
+	left: 0;
 }
 
-[dir=rtl] #menu-search-advanced {
-	background-position: right -529px;
+[dir=rtl] #childbox {
+	left: auto;
+	right: 0;
 }
 
-#menu-search-replace {
-	background-position: left -529px;
+.layout3 #childbox {
+	top: auto;
+	bottom: 20px;
 }
 
-[dir=rtl] #menu-search-replace {
-	background-position: right -529px;
+#childbox a.name1 {
+	/*	font-weight: normal;*/
+	display: block;
+	margin-left: 5px;
 }
 
-/* Help Icons */
-#menu-help-genealogy {
-	background-position: left -552px;
+.person0 {
+	background-color: #ddf;
+	border: outset #999 1px;
+	vertical-align: top;
 }
 
-[dir=rtl] #menu-help-genealogy {
-	background-position: right -552px;
+.person1 {
+	background-color: #afa;
+	border: outset #afa 1px;
+	vertical-align: top;
 }
 
-#menu-help-show {
-	background-position: left -552px;
+.person2 {
+	background-color: #faa;
+	border: outset #faa 1px;
+	vertical-align: top;
 }
 
-[dir=rtl] #menu-help-show {
-	background-position: right -552px;
+.person3 {
+	background-color: #aad;
+	border: outset #55f 1px;
+	vertical-align: top;
 }
 
-#menu-help-contents {
-	background-position: left -552px;
+.person4 {
+	background-color: #f55;
+	border: outset #f55 1px;
+	vertical-align: top;
 }
 
-[dir=rtl] #menu-help-contents {
-	background-position: right -552px;
+.person5 {
+	background-color: #5f5;
+	border: outset #5f5 1px;
+	vertical-align: top;
 }
 
-#menu-help-hide {
-	background-position: left -552px;
+.listlog {
+	line-height: 20pt;
+	color: #555;
 }
 
-[dir=rtl] #menu-help-hide {
-	background-position: right -552px;
+.formField {
+	font-size: 12px;
 }
 
-#menu-help-faq {
-	background-position: left -552px;
+.starredname {
+	text-decoration: underline;
 }
 
-[dir=rtl] #menu-help-faq {
-	background-position: right -552px;
+.search_hit {
+	background-color: #ff0;
+	color: #000;
 }
 
-#menu-help-wiki {
-	background-position: left -575px;
+.search_item {
+	font-weight: 600;
 }
 
-[dir=rtl] #menu-help-wiki {
-	background-position: right -575px;
+.descriptionbox {
+	border: 1px solid #ccc;
+	vertical-align: top;
+	padding: 3px;
 }
 
-#menu-help-technica {
-	background-position: left -598px;
+.optionbox {
+	font-size: 12px;
+	background-color: #ecf5ff;
+	color: #006;
+	border: solid #ccc 1px;
+	vertical-align: top;
+	white-space: nowrap;
+	padding: 3px;
 }
 
-[dir=rtl] #menu-help-technical {
-	background-position: right -598px;
+.vmiddle {
+	vertical-align: middle;
 }
 
-/* MyPage Icons */
-#menu-mypage {
-	background-position: left -598px;
+.red {
+	color: #f00;
 }
 
-[dir=rtl] #menu-mypage {
-	background-position: right -598px;
+.rela,
+.histo {
+	opacity: 0.8;
 }
 
-#menu-myaccount {
-	background-position: left -598px;
+.width10 {
+	width: 10%;
 }
 
-[dir=rtl] #menu-myaccount {
-	background-position: right -598px;
+.width20 {
+	width: 20%;
 }
 
-#menu-mypedigree {
-	background-position: left -828px;
+.width25 {
+	width: 25%;
 }
 
-[dir=rtl] #menu-mypedigree {
-	background-position: right -828px;
+.width30 {
+	width: 30%;
 }
 
-#menu-myrecord {
-	background-position: left -460px;
+.width33 {
+	width: 33%;
 }
 
-[dir=rtl] #menu-myrecord {
-	background-position: right -460px;
+.width40 {
+	width: 40%;
 }
 
-#menu-admin {
-	background-position: left -644px;
+.width50 {
+	width: 50%;
 }
 
-[dir=rtl] #menu-admin {
-	background-position: right -644px;
+.width60 {
+	width: 60%;
 }
 
-#menu-tree li {
-	background-position: left -667px;
+.width66 {
+	width: 66%;
 }
 
-[dir=rtl] #menu-tree li {
-	background-position: right -667px;
+.width70 {
+	width: 70%;
 }
 
-/* Family Icons */
-#menu-fam-addchil {
-	background-position: left -759px;
+.width75 {
+	width: 75%;
 }
 
-[dir=rtl] #menu-fam-addchil {
-	background-position: right -759px;
+.width80 {
+	width: 80%;
 }
 
-#menu-fam-addfav {
-	background-position: left -736px;
+.width90 {
+	width: 90%;
 }
 
-[dir=rtl] #menu-fam-addfav {
-	background-position: right -736px;
+.width100 {
+	width: 100%;
 }
 
-#menu-fam-change {
-	background-position: left -759px;
-}
-
-[dir=rtl] #menu-fam-change {
-	background-position: right -759px;
+.font9 {
+	font-size: 9px;
 }
 
-#menu-fam-del {
-	background-position: left -713px;
+.font11 {
+	font-size: 11px;
 }
 
-[dir=rtl] #menu-fam-del {
-	background-position: right -713px;
+.messagebox {
+	background-color: #c2ceef;
+	border: solid #ccc 1px;
 }
 
-#menu-fam-editraw {
-	background-position: left -667px;
+/* ---Pending edits--- */
+.new {
+	border: solid blue 1px;
+	overflow: hidden;
 }
 
-[dir=rtl] #menu-fam-editraw {
-	background-position: right -667px;
+.old {
+	border: solid red 1px;
+	overflow: hidden;
 }
 
-#menu-fam-orderchil {
-	background-position: left -759px;
+a.showit {
+	position: relative;
+	z-index: 24;
+	color: #000;
+	text-decoration: none;
 }
 
-[dir=rtl] #menu-fam-orderchil {
-	background-position: right -759px;
+a.showit:hover {
+	z-index: 25;
+	background-color: #ff9;
+	cursor: crosshair;
 }
 
-/* Clipping Icons */
-#menu-clippingscart {
-	background-position: left -621px;
+a.showit > span {
+	display: none;
 }
 
-[dir=rtl] #menu-clippingscart {
-	background-position: right -621px;
+a.showit:hover > span {
+	display: block;
+	position: absolute;
+	top: 22px;
+	left: 0;
+	width: 225px;
+	border: 2px solid #000;
+	border-left: 15px outset;
+	padding: 3px;
+	background-color: #444;
+	color: #fff;
+	font-size: 15px;
+	text-align: left;
+	opacity: .85;
+	z-index: 5;
 }
 
-#menu-clippingsadd {
-	background-position: left -621px;
+.tag_cloud {
+	text-align: center;
 }
 
-[dir=rtl] #menu-clippingsadd {
-	background-position: right -621px;
+.tag_cloud a {
+	white-space: nowrap;
 }
 
-/* Edit Icons */
-#menu-indi-addname {
-	background-position: left -690px;
+/* ---Autocomplete styles--- */
+.ui-autocomplete-input {
+	background-color: #eea;
 }
 
-[dir=rtl] #menu-indi-addname {
-	background-position: right -690px;
+.ui-autocomplete {
+	padding: 0;
+	border: 1px solid #000;
+	background-color: #fff;
+	z-index: 99999;
+	list-style: none outside none;
+	margin: 0;
+	max-height: 200px;
+	overflow-y: auto;
 }
 
-#menu-indi-editraw {
-	background-position: left -667px;
+.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;
 }
 
-[dir=rtl] #menu-indi-editraw {
-	background-position: right -667px;
+.ui-autocomplete-loading {
+	background: #fff url(images/indicator.gif) right center no-repeat;
 }
 
-#menu-indi-editsex {
-	background-position: left -690px;
+.ui-autocomplete li:nth-child(odd) {
+	background-color: #eee;
 }
 
-[dir=rtl] #menu-indi-editsex {
-	background-position: right -690px;
+.ui-autocomplete a.ui-state-focus {
+	color: #f00;
 }
 
-#menu-indi-del {
-	background-position: left -713px;
+.ui-sortable li {
+	list-style-type: none;
 }
 
-[dir=rtl] #menu-indi-del {
-	background-position: right -713px;
+.ui-sortable .noprint {
+	display: none;
 }
 
-#menu-indi-addfav {
-	background-position: left -736px;
+.sublinks_cell .submenuitem {
+	background-color: #fff;
 }
 
-[dir=rtl] #menu-indi-addfav {
-	background-position: right -736px;
-}
+/* ---End of Autocomplete styles--- */
 
-/* Edit Notes */
-#menu-note-addfav {
-	background-position: left -736px;
+.nowrap {
+	white-space: nowrap;
 }
 
-[dir=rtl] #menu-note-fav {
-	background-position: right -736px;
+.wrap {
+	white-space: normal;
 }
 
-#menu-note-del {
-	background-position: left -713px;
+.statistics-page {
+	text-align: center;
 }
 
-[dir=rtl] #menu-note-del {
-	background-position: right -713px;
+.center2 {
+	text-align: center;
 }
 
-#menu-note-edit {
-	background-position: left -805px;
+.gchart {
+	border: 1px solid #999;
 }
 
-[dir=rtl] #menu-note-edit {
-	background-position: right -805px;
+/* ---Find special characters--- */
+.largechars {
+	font-family: monospace;
+	font-size: 200%;
 }
 
-#menu-note-editraw {
-	background-position: left -667px;
+#facts_content dd {
+	float: left;
+	width: 70%;
 }
 
-[dir=rtl] #menu-note-editraw {
-	background-position: right -667px;
+.clearfloat {
+	clear: both;
 }
 
-/* Objects */
-#menu-obje-addfav {
-	background-position: left -736px;
+td.descriptionbox a {
+	color: #fff;
 }
 
-[dir=rtl] #menu-obje-addfav {
-	background-position: right -736px;
-}
+/* this keeps the tag color the same when it is a link as when not */
 
-#menu-obje-del {
-	background-position: left -713px;
+.place {
+	padding-top: 5px;
 }
 
-[dir=rtl] #menu-obje-del {
-	background-position: right -713px;
+#pending h2 {
+	text-align: center;
+	margin-bottom: 20px;
 }
 
-#menu-obje-edit {
-	background-position: left -852px;
+#pending h3 {
+	text-align: center;
+	margin-top: 20px;
 }
 
-[dir=rtl] #menu-obje-edit {
-	background-position: right -852px;
+/* ======== Person box ======= */
+.gedcom_favorites_block,
+.user_favorites_block,
+.person_box_template {
+	overflow: visible !important;
 }
 
-#menu-obje-editraw {
-	background-position: left -667px;
+/* 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;
 }
 
-[dir=rtl] #menu-obje-editraw {
-	background-position: right -667px;
+.box-style0-expanded {
+	cursor: url(images/zoomout.png), n-resize;
 }
 
-#menu-obje-link {
-	background-position: left -875px;
+.box-style0-expanded,
+.box-style1-expanded {
+	width: 300px !important;
 }
 
-[dir=rtl] #menu-obje-link {
-	background-position: right -875px;
+.person_box_template {
+	height: auto;
 }
 
-#menu-obje-link-fam {
-	background-position: left -437px;
+.person_box_template .namedef i[class^="icon-sex"] {
+	margin-left: 3px;
 }
 
-[dir=rtl] #menu-obje-link-fam {
-	background-position: right -437px;
+[dir=rtl] .person_box_template .namedef i[class^="icon-sex"] {
+	margin-right: 3px;
 }
 
-#menu-obje-link-indi {
-	background-position: left -460px;
+.person_box_template .icons {
+	float: right;
 }
 
-[dir=rtl] #menu-obje-link-indi {
-	background-position: right -460px;
+[dir=rtl] .person_box_template .icons {
+	float: left;
 }
 
-#menu-obje-link-sour {
-	background-position: left -391px;
+.person_box_template .inout {
+	clear: both;
+	display: none;
 }
 
-[dir=rtl] #menu-obje-link-sour {
-	background-position: right -391px;
+.person_box_template .noprint {
+	width: 25px;
+	height: 50px;
+	position: relative;
 }
 
-/* Repository */
-#menu-repo-addfav {
-	background-position: left -736px;
+.person_box_template .chart_textbox {
+	overflow: hidden;
 }
 
-[dir=rtl] #menu-repo-addfav {
-	background-position: right -736px;
+.person_box_template img,
+.person_box_template a.gallery {
+	float: left;
+	height: 50px;
+	margin: 0 3px 0 0;
+	max-width: 80px;
+	width: auto;
 }
 
-#menu-repo-del {
-	background-position: left -713px;
+[dir=rtl] .person_box_template img,
+[dir=rtl] .person_box_template a.gallery {
+	float: right;
+	margin: 0 0 0 4px;
 }
 
-[dir=rtl] #menu-repo-de {
-	background-position: right -713px;
+.person_box_template i[class^="icon-silhouette"] {
+	float: left;
 }
 
-#menu-repo-edit {
-	background-position: left -897px;
+[dir=rtl] .person_box_template i[class^="icon-silhouette"] {
+	float: right;
 }
 
-[dir=rtl] #menu-repo-edit {
-	background-position: right -897px;
+#branches-page table,
+#medialist-page .list_table,
+#medialist-page .list_table_controls {
+	margin: 0 auto;
 }
 
-#menu-repo-editraw {
-	background-position: left -667px;
+#medialist-page .list_table,
+#medialist-page .list_table_controls {
+	width: 100%;
 }
 
-[dir=rtl] #menu-repo-editraw {
-	background-position: right -667px;
+.list_table_controls td {
+	min-width: 40px;
+	text-align: center;
 }
 
-/* Source */
-#menu-sour-addfav {
-	background-position: left -736px;
+/* ======== medialist.php ==== */
+.makeMenu li ul {
+	border: thin solid #AAA;
+	position: absolute;
+	margin:0;
 }
 
-[dir=rtl] #menu-sour-addfav {
-	background-position: right -736px;
+.makeMenu, .makeMenu li ul {
+	padding: 1px;
 }
 
-#menu-sour-del {
-	background-position: left -713px;
+.makeMenu li {
+	display: inline;
+	position: relative;
+	white-space: nowrap;
 }
 
-[dir=rtl] #menu-sour-del {
-	background-position: right -713px;
+.lb-menu {
+	display: inline-block;
+	margin: 0;
 }
 
-#menu-sour-edit {
-	background-position: left -782px;
+.lb-menu ul {
+	display: block;
+	list-style-type: none;
+	margin: 0;
 }
 
-[dir=rtl] #menu-sour-edit {
-	background-position: right -782px;
+.lb-menu > li {
+	font-weight: normal;
+	float: left;
+	top: 0;
 }
 
-#menu-sour-editraw {
-	background-position: left -667px;
+.lb-menu li:first-child {
+	padding-left: 0;
 }
 
-[dir=rtl] #menu-sour-editraw {
-	background-position: right -667px;
+.lb-menu > li ul {
+	display: none;
 }
 
-/* Stories */
-#menu-story-sub {
-	background-position: left -920px;
+.lb-menu > li:hover ul {
+	display: block;
+	top: 36px;
 }
 
-[dir=rtl] #menu-story-sub {
-	background-position: right -920px;
+.lb-menu a {
+	display: block;
 }
 
-/* ===== */
-/* User Links Menu */
+.lb-menu li a {
+	padding: 24px 10px 1px 5px;
+}
 
-.secondary-menu li {
-	display: inline;
-	position: relative;
-	white-space: nowrap;
+.lb-menu li li a {
+	padding: 0;
+	background-color: #fff;
+	padding: 5px 10px 5px 5px;
 }
 
-.secondary-menu li:before {
-	content: " | ";
+.lb-menu li {
+	border: 0;
 }
 
-.secondary-menu ul {
-	background-color: #eee;
-	border: thin solid #aaa;
-	display: none;
-	left: 0;
-	position: absolute;
+[dir=rtl] .lb-menu > li {
+	float: right;
 }
 
-.secondary-menu ul li {
-	display: block;
-	text-align: left;
+.lb-image_edit {
+	background: url(images/image_edit.png) no-repeat 50% 20%;
 }
 
-.secondary-menu ul li a {
-	color: #333;
-	padding: 2px 5px 2px 2px !important;
+.lb-image_link {
+	background: url(images/image_link.png) no-repeat 50% 20%;
 }
 
-.secondary-menu {
-	list-style: none;
-	margin-left: 0 !important;
-	padding: 1px;
+.lb-image_view {
+	background: url(images/image_view.png) no-repeat 50% 20%;
 }
 
-.secondary-menu ul {
-	list-style: none;
-	margin-left: 0 !important;
-	padding: 1px;
-	top: 5px;
+/* login.php */
+#login-register-page h2 {
+	text-align: center;
 }
 
-.secondary-menu li:hover > ul {
-	display: block;
+#login-register-page .warning {
+	margin: 20px auto;
+	text-align: center;
 }
 
-.secondary-menu li a {
-	color: #039;
+#login-register-page .back {
+	font-weight: bold;
+	font-size: 14px;
+	text-align: center;
 }
 
-.secondary-menu li a:hover {
-	color: #f5003d;
+#login-register-page .confirm {
+	margin: 20px auto;
+	text-align: justify;
+	width: 500px;
 }
 
-.secondary-menu ul li a {
-	background-color: #fff;
-	display: block;
-	padding: 0 5px !important;
+#login-register-page .confirm p {
+	font-weight: bold;
+	font-size: 14px;
 }
 
-.secondary-menu ul li a:hover {
-	background: #c8e7ff;
-	color: #000;
+#login-register-page .confirm p + p {
+	font-size: 12px;
+	font-weight: normal;
 }
 
-li a.link {
-	font-size: 13px;
-	margin-left: 5px;
-	margin-right: 5px;
+#login-text,
+#register-text,
+#user-verify {
+	margin: 20px auto;
+	width: 610px;
+	text-align: justify;
 }
 
-.secondary-menu ul li:before,
-.secondary-menu li:first-child:before {
-	content: "";
+#login-box,
+#register-box {
+	text-align: center;
 }
 
-.lang-active,
-.theme-active {
-	color: #006;
-	font-weight: 900;
+#login-form,
+#new_passwd_form,
+#register-form,
+#verify-form {
+	border: 1px solid #999;
+	display: inline-block;
+	margin: 10px auto 0;
+	padding: 5px;
 }
 
-[dir=rtl] .secondary-menu ul {
-	left: auto;
-	right: -20px !important;
+#login-form div,
+#login-form div a,
+#new_passwd_form div,
+#register-form div,
+#verify-form div {
+	margin: auto;
+	padding: 5px;
+	text-align: center;
 }
 
-[dir=rtl] .secondary-menu ul li {
+#login-form label,
+#new_passwd_form label,
+#verify-form label {
+	display: block;
 	text-align: right;
 }
 
-/* Tbl hdrs and Light Text */
-
-.descriptionbox,
-.topbottombar,
-.topbottombar a,
-.list_label,
-.list_label a,
-.facts_label,
-.facts_label a,
-.facts_label .date,
-.facts_label03,
-.facts_table h2,
-.facts_table .descriptionbox a,
-.blockcontent .facts_label {
-	background-color: #95b8e0;
-	color: #039;
+#login-form label input,
+#new_passwd_form label input,
+#verify-form input {
+	width: 140px;
+	margin: 0 10px;
 }
 
-/* Base Color */
-.descriptionbox .submenu a,
-.blockcontent,
-.list_value,
-.list_value_wrap,
-.news_box,
-.submenuitem_hover {
-	background: #fff;
+#new_passwd_form h4,
+#register-form h4 {
+	font-weight: normal;
+	text-align: center;
 }
 
-/* Link Color */
-a {
-	color: #039;
-	text-decoration: none;
+#register-form div,
+#verify-form div {
+	text-align: right;
 }
 
-a:link,
-a:visited,
-a:active,
-a:hover,
-.menuitem a,
-.nameZoom {
-	color: #039;
+#register-form label input,
+#register-form label select,
+#register-form textarea {
+	width: 220px;
+	margin: 0 10px;
+	padding: 3px;
 }
 
-a:hover,
-a.link:hover {
-	color: #f00;
-	text-decoration: none;
+#register-form label select {
+	margin: 0 10px;
+	width: 228px;
 }
 
-:focus {
-	outline-style: none;
+#register-form textarea {
+	vertical-align: top;
 }
 
-.subheaders {
-	color: #006;
+#register-form div#registration-submit {
+	text-align: center;
 }
 
-/* Edit Facts */
-td.descriptionbox div a {
-	color: #fff;
+.login_block_block #login-form,
+.login_block_block #new_passwd_form {
+	border: 0;
+	background: none;
 }
 
-/* End Edit Facts */
-.facts_label .submenu a {
-	background: #fff;
-	color: #000;
+[dir=rtl] #login-form label,
+[dir=rtl] #new_passwd_form label,
+[dir=rtl] #register-form label,
+[dir=rtl] #verify-form label {
+	text-align: left;
 }
 
-hr {
-	margin-top: 5px;
+[dir=rtl] #register-form div,
+[dir=rtl] #verify-form div {
+	text-align: left;
 }
 
-h2 {
-	font-size: 18px;
-	font-weight: bold;
+/* --- reportengine.php --- */
+#reportengine-page table {
+	margin: 20px auto;
 }
 
-h4 {
-	font-weight: bold;
+#reportengine-page .report-type {
+	overflow: hidden;
+	margin: auto;
+	width: 180px;
 }
 
-.center, .alpha_index {
-	margin: 12px 0;
+#reportengine-page .report-type div {
+	float: left;
+	margin: 0 20px;
 }
 
-p.center a {
-	font-size: 13px;
+#reportengine-page .report-type p {
+	margin: 0;
+	text-align: center;
 }
 
-p.center a:hover,
-p.center span.warning,
-td.list_label span.warning {
-	color: #f50;
-	font-size: 13px;
+.itr {
+	position: absolute;
+	line-height: 1.5;
 }
 
-table.header {
-	margin: 0;
-	padding: 0 10px;
-	width: 100%;
+.block .itr,
+#family-table .itr,
+#ancestry_chart .itr,
+#descendancy_chart .itr,
+#familybook_chart .itr,
+#hourglass_chart .itr,
+#relatives_content .itr {
+	position: relative;
+	top: 0;
 }
 
-div.error {
-	color: #d00;
-	font-weight: 600;
+.popup {
+	display: none;
 }
 
-p.center .warning,
-tr td.optionbox span.error,
-span.error {
-	color: #f50;
+.popup ul {
+	background-image: none !important;
+	list-style: none;
+	font-size: 9px;
+	margin: 0;
+	padding: 0 10px;
 }
 
-.error,
-.warning,
-.red,
-td.descriptionbox div div div a:hover {
-	color: #f00;
+.popup li {
+	padding: 1px 5px;
 }
 
-td.descriptionbox .submenu a,
-td.descriptionbox div div div a {
-	color: #000;
+.popup li span {
+	padding: 0 5px;
 }
 
-/* Rounded corners */
-.block,
-.descriptionbox,
-.facts_label,
-.facts_label03,
-.facts_value,
-.lifespan_outer,
-.list_label,
-.list_label_wrap,
-.list_value,
-.list_value_wrap,
-.messagebox,
-.optionbox,
-.person_box,
-.person_boxF,
-.person_boxNN,
-.person0,
-.person1,
-.person2,
-.person3,
-.person4,
-.person5,
-#sidebar,
-.topbottombar,
-#save-cancel {
-	border-radius: 3px;
+.popup li ul,
+.popup li ul li,
+.popup li span span {
+	padding: 0;
 }
 
-#pid {
-	color: #333;
-	background: #ffc;
+.itr:hover .popup {
+	display: block;
+	position: absolute;
+	width: 12em;
+	right: 0;
+	z-index: 9999;
 }
 
-footer {
-	clear: both;
-	text-align: center;
+[dir=rtl] .itr:hover .popup {
+	left: 0;
+	right: auto;
 }
 
-/* ======= Block styles ========== */
-#index_main_blocks {
-	clear: none;
-	float: left;
-	width: 66%;
+/* styles for FindFacts pop-up */
+#layDefinedTags,
+#tabDefinedTagsShow {
+	width: 450px;
 }
 
-#index_small_blocks {
-	clear: none;
-	float: right;
-	width: 33%;
+#tabDefinedTags {
+	width: 430px;
 }
 
-#index_full_blocks {
-	clear: none;
-	width: 100%;
+#layDefinedTags {
+	margin-left: auto;
+	margin-right: auto;
+	height: 285px;
+	overflow: auto;
 }
 
-#index_small_blocks .name1 {
-	color: #333;
+#tabDefinedTags {
+	border-collapse: collapse;
 }
 
-[dir=rtl] #index_main_blocks {
-	float: right;
+#tabDefinedTags th,
+#tabDefinedTags td {
+	border: solid 1px #000;
+	margin: 0;
+	padding: 3px;
 }
 
-[dir=rtl] #index_small_blocks {
-	float: left;
+#tabDefinedTags tbody th {
+	text-align: left;
+	font-weight: bold;
 }
 
-#random_picture {
-	text-align: center;
+#tabDefinedTags tr.sel {
+	background-color: #d1d9ef;
+	color: #888;
 }
 
-#random_picture_box {
-	width: 100%;
+#tabDefinedTags tr.unsel {
+	background-color: #fff;
+	color: #888;
 }
 
-.small_inner_block {
-	max-height: 200px;
-	overflow: auto;
+#tabDefinedTagsShow {
+	margin-left: auto;
+	margin-right: auto;
 }
 
-.block {
-	color: #000;
-	margin-bottom: 5px;
-	padding: 1px;
-	vertical-align: top;
+#tabDefinedTagsShow td {
+	width: 50%;
+	text-align: center;
 }
 
-.blockcontent {
-	border: solid #999 1px;
-	margin-bottom: 10px;
+#tabFilterAndCustom {
 	margin-left: auto;
-	margin-right: 2px;
-	overflow: auto;
-	padding: 5px;
+	margin-right: auto;
 }
 
-.blockheader {
-	width: 100%;
-	padding: 0;
-	margin: 0;
-	border-collapse: collapse;
+#tabAction {
+	margin-left: auto;
+	margin-right: auto;
 }
 
-img {
-	border: 0 none;
+#tabAction td {
+	width: 50%;
+	text-align: center;
 }
 
-img.block {
-	height: 25px;
+/* ======== List styles ====== */
+.source-list,
+.note-list,
+.repo-list,
+.media-list,
+.indi-list,
+.fam-list {
+	margin: 5px auto;
+	visibility: hidden;
+	width: 98%;
 }
 
-.line1,
-.line2,
-.line3 {
-	vertical-align: middle;
+.surname-list,
+.givn-list {
+	margin: 5px auto;
 }
 
-#hourglass_chart img.line4 {
-	vertical-align: middle;
+.source-list table,
+.note-list table,
+.repo-list table,
+.media-list table,
+.indi-list table,
+.fam-list table {
+	width: 100%;
 }
 
-.line5 {
-	vertical-align: top;
+.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;
 }
 
-.blockh1 {
-	background: url(images/left1B.png) no-repeat;
-	height: 24px;
-	width: 26px;
-	padding: 0;
+.surname-list td {
+	vertical-align: top;
 }
 
-.blockh2 {
-	background: url(images/left2.png) repeat-x;
-	font-size: 13px;
-	font-weight: 700;
-	padding: 0;
+.indi-list .stats,
+.fam-list .stats {
+	margin: 0 auto;
+	width: auto;
 }
 
-.blockh3 {
-	background: url(images/left3.png) no-repeat;
-	height: 24px;
-	width: 8px;
-	padding: 0;
+.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;
 }
 
-.blockhc {
-	padding: 3px 3px 0;
+.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;
 }
 
-.blockhc img {
-	padding-right: 3px;
+.givn-list th {
+	cursor: pointer;
+	white-space: nowrap;
+	padding: 2px;
+	text-align: center;
 }
 
-[dir=rtl] .blockh1 {
-	background-image: url(images/right1B.png);
+#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;
 }
 
-[dir=rtl] .blockh3 {
-	background-image: url(images/right3.png);
+#source-tabs,
+#note-tabs,
+#repo-tabs,
+#media-tabs {
+	margin: auto;
+	visibility: hidden;
+	width: 80%;
 }
 
-[dir=rtl] .blockhc {
-	padding: 3px 0 0 3px;
+#statistics_chart {
+	margin: auto;
+	visibility: hidden;
+	width: 90%;
 }
 
-[dir=rtl] .blockhc img {
-	padding-left: 3px;
+#source-edit,
+#note-edit,
+#repo-edit,
+#media-edit {
+	overflow-x: auto;
 }
 
-#index_title {
-	float: left;
+.media-list td img {
+	display: block;
+	height: 40px;
+	width: auto;
+	margin: 3px auto;
 }
 
-#main_select,
-#available_select,
-#right_select {
-	min-width: 150px;
+.filtersH,
+.filtersF {
+	margin: 4px;
 }
 
-.user_welcome_block table,
-.gedcom_block_block table {
-	margin: auto;
+.filtersH img {
+	margin-bottom: 2px;
 }
 
-.user_welcome_block td,
-.gedcom_block_block td {
-	width: 33%;
-	text-align: center;
-	vertical-align: top;
+.loading-image {
+	background: transparent url(images/loading.gif) 50% 50% no-repeat;
+	height: 50px;
+	margin: 50px;
 }
 
-#link_change_blocks {
-	clear: both;
-	margin: 0 auto;
-	padding: 25px 0 0;
+.list-charts {
 	text-align: center;
-	width: 400px;
 }
 
-#link_change_blocks span {
-	padding: 0 50px;
+#search-result-tabs,
+#places-tabs {
+	margin: auto;
+	width: 98%;
+	visibility: hidden;
 }
 
-#link_change_blocks span span {
-	padding: 0 3px;
+#search-result-tabs h3 {
+	text-align: center;
 }
 
-/*-- charts layout --*/
+#searchAccordion-indi,
+#searchAccordion-fam,
+#searchAccordion-source,
+#searchAccordion-note {
+	margin: auto;
+	width: 99%;
+}
 
-#ancestry_chart table div p {
-	font-size: 90%;
-	margin: 0;
+#place-hierarchy h2,
+#place-hierarchy h4 {
+	text-align: center;
 }
 
-#ancestry_chart span.details1 div[class^="fact_"] {
-	display: inline-block;
+[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;
 }
 
-#ancestry_chart ul {
-	background-image:url(images/vline.png);
-	background-position:left top;background-repeat:repeat-y;
-	display: block;
-	list-style: none;
-	margin: 0 0 0 15px;
-	padding-bottom: 0;
-	padding-right: 0;
-	padding-top: 3px;
+/* ======== Block styles ===== */
+#index_main_blocks {
+	clear: none;
+	width: 66%;
+	float: left;
 }
 
-#ancestry_chart li {
-	list-style: none;
-	margin: 0 0 2px -13px;
-	padding-bottom: 0;
-	padding-right: 0;
-	padding-top: 0;
+#index_small_blocks {
+	clear: none;
+	width: 33%;
+	float: right;
 }
 
-#ancestry_chart li table {
-	margin: 5px 0;
+#index_full_blocks {
+	clear: none;
+	width: 100%;
 }
 
-[dir=rtl] #ancestry_chart ul {
-	background-position: right top;
-	margin: 0 15px 0 0;
-	left: auto;
+[dir=rtl] #index_main_blocks {
+	float: right;
 }
 
-[dir=rtl] #ancestry_chart li {
-	margin: 0;
-	padding: 0 2px 0 0;
-	left: auto;
+[dir=rtl] #index_small_blocks {
+	float: left;
 }
 
-#descendancy_chart ul {
-	background-image:url(images/vline.png);
-	background-position:left top;background-repeat:repeat-y;
-	list-style: none;
-	margin: 0 0 5px 20px;
-	padding-top: 0;
-	padding-right: 0;
-	padding-bottom: 0;
+#index_small_blocks .name1 {
+	color: #333;
 }
 
-#descendancy_chart li {
-	list-style: none;
-	margin: 5px 0 0 -15px;
-	padding-top: 0;
-	padding-right: 0;
-	padding-bottom: 0;
+.small_inner_block {
+	max-height: 200px;
+	overflow: auto;
 }
 
-#descendancy_chart span.details1 div[class^="fact_"] {
-	display: inline-block;
+.normal_inner_block {
+	overflow: auto;
 }
 
-#descendancy_chart td.details1 {
-	padding-top: 5px;
+.block {
+	color: #000;
+	margin-bottom: 5px;
+	padding: 1px;
+	vertical-align: top;
 }
 
-[dir=rtl] #descendancy_chart ul {
-	background-position: right top;
-	margin: 0 15px 0 0;
-	left: auto;
+.blockcontent {
+	border: solid #999 1px;
+	margin-bottom: 10px;
+	margin-left: auto;
+	margin-right: 2px;
+	overflow: auto;
+	padding: 5px;
+
 }
 
-#familybook_chart {
-	margin-left: 10px;
+.blockcontent .list_table {
+	border-spacing: 0;
+	border: solid #999 1px;
+	border-right: 0;
 }
 
-#familybook_chart table {
-	border-collapse: collapse;
-	empty-cells: show;
+.blockcontent .list_value,
+.blockcontent .list_value_wrap {
+	border: 0;
+	border-top: solid #999 1px;
+	border-right: solid #999 1px;
 }
 
-#familybook_chart td {
+.blockheader {
+	width: 100%;
+	padding: 0;
 	margin: 0;
+	border-collapse: collapse;
+}
+
+.blockh1 {
+	background: url(images/left1B.png) no-repeat;
+	height: 24px;
+	width: 26px;
 	padding: 0;
 }
 
-#familybook_chart h2 {
-	text-align: center;
+.blockh2 {
+	background: url(images/left2.png) repeat-x;
+	font-size: 13px;
+	font-weight: bold;
+	padding: 0;
 }
 
-#familybook_chart .line3,
-#familybook_chart .pvline,
-#familybook_chart .spacer {
-	width: 3px;
+.blockh3 {
+	background: url(images/left3.png) no-repeat;
+	height: 24px;
+	width: 8px;
+	padding: 0;
 }
 
-#familybook_chart img.line4 {
-	width: 7px;
-	vertical-align: middle;
+.blockhc {
+	padding: 3px 3px 0;
 }
 
-[ID^="vline"] {
-	width: 3px;
+.blockhc img {
+	padding-right: 3px;
 }
 
-#familybook_chart h3 {
-	font-size: 16px;
-	text-align: center;
+[dir=rtl] .blockh1 {
+	background-image: url(images/right1B.png);
 }
 
-#relationship-page h3 {
-	margin: 20px 0 0 20px;
+[dir=rtl] .blockh3 {
+	background-image: url(images/right3.png);
 }
 
-#relationship_chart {
-	margin: 0 20px;
+[dir=rtl] .blockhc {
+	padding: 3px 0 0 3px;
 }
 
-.tdtop {
-	vertical-align: top;
+[dir=rtl] .blockhc img {
+	padding-left: 3px;
 }
 
-.tdmid {
-	vertical-align: middle;
+/* end Block styles */
+
+#main_select,
+#available_select,
+#right_select {
+	min-width: 150px;
 }
 
-.tdbot,
-.tvertline {
-	vertical-align: bottom;
+.user_welcome_block table,
+.gedcom_block_block table {
+	margin: auto;
 }
 
-[dir=rtl] #familybook_chart {
-	margin-right: 10px;
+.user_welcome_block td,
+.gedcom_block_block td {
+	width: 33%;
+	text-align: center;
+	vertical-align: top;
 }
 
-/*-- pedigree chart specific stylesheets --*/
-#pedigree-page table.list_table {
-	margin: 0 auto;
-	width: 500px;
+/* Random picture block */
+#random_picture {
+	text-align: center;
 }
 
-.pedigree_chart_table {
-	border: 0;
-	border-collapse: collapse;
-	padding: 0;
+#random_picture_box {
 	width: 100%;
 }
 
-#pedigree_chart {
-	position: relative;
-	top: -200px;
-	left: 0;
-	z-index: 1;
+/* ==== Favourites block ===== */
+.blockcontent .person_box_template .details2 {
+	min-height: 40px;
 }
 
-[dir=rtl] #pedigree_chart {
-	left: auto;
-	right: 0;
+.blockcontent [class*='box-style2'] {
+	margin: 5px 0;
 }
 
-#pedigree_canvas {
-	color: #8bf;
-	position: absolute;
-	top: 200px;
-	z-index: -1000;
+.add_fav_head {
+	font-weight: 900;
+	margin: 5px 0;
 }
 
-#pedigree_chart #childarrow,
-#pedigree_chart #uparrow,
-#pedigree_chart .shadow,
-.ancestorarrow {
-	position: absolute;
+.add_fav_head i {
+	margin: 0 5px 1px;
 }
 
-#childbox {
-	padding: 5px;
-	position: absolute;
-	display: none;
-	text-align: start;
-	white-space: nowrap;
-	top: 20px;
-	left: 0;
+.add_fav_ref label {
+	display: inline-block;
+	min-width: 100px;
 }
 
-[dir=rtl] #childbox {
-	left: auto;
-	right: 0;
+.add_fav_ref label:after {
+	content: ":";
 }
 
-.layout3 #childbox {
-	top: auto;
-	bottom: 20px;
+.add_fav_ref input {
+	margin: 0 5px;
 }
 
-#childbox a.name1 {
-	/*	font-weight: normal;*/
-	display: block;
-	margin-left: 5px;
+/* === Who is online block === */
+.logged_in_list {
+	margin: 5px 0 0;
+	padding: 0;
+	line-height: 20px;
 }
 
-#hourglass_chart table,
-.charts_block table {
-	border-collapse: collapse;
+/* Statistics block */
+.gedcom_stats_block table td {
+	vertical-align: top;
 }
 
-#hourglass_chart td,
-.charts_block td {
-	padding: 0;
-	empty-cells: show;
+.gedcom_stats_block table td td {
+	vertical-align: middle;
 }
 
-#pedigree_chart #childbox {
-	border: 1px solid;
-	background-color: #fff;
+.gedcom_stats_block td .stats_value {
+	text-align: center;
 }
 
-#relationship_chart {
-	z-index: 1;
+/* ==== Theme select block === */
+.theme_form ul {
+	margin: -10px auto;
 }
 
-#timeline_chart {
-	position: relative;
-	top: 50px;
-	left: 0;
+.theme_form li {
+	visibility: hidden;
 }
 
-#compact_chart,
-#fan_chart,
-#ancestry_chart,
-#familybook_chart,
-#hourglass_chart {
-	margin: 20px;
+.theme_form li ul li {
+	display: inline-block;
+	padding: 10px;
+	visibility: visible;
 }
 
-.fan_chart_menu {
-	position: absolute;
-	display: none;
-	z-index: 100;
+/* ==== FAQ table styles ===== */
+table.faq {
+	background-color: #eee;
+	margin: 5px 0 15px 5px;
+	width: 98%;
 }
 
-#fan_chart ul {
-	list-style-type: none;
-	margin: 0;
+table.faq tr.odd td {
+	background-color: #eee;
 }
 
-#fan_chart ul.children li:before {
-	content: "< ";
+div.faq_title {
+	background-color: #eee;
+	margin: 1em 0;
+	padding: .25em;
 	font-weight: bold;
+	width: 98%;
 }
 
-#fan_chart_img {
-	text-align: center;
+div.faq_body {
+	clear: both;
+	padding: 0 1em;
 }
 
-.topheader {
-	color: #888;
-	margin: 0;
-	white-space: nowrap;
+.faq_italic {
+	font-style: italic;
+	font-weight: bold;
+	font-size: 90%;
+	padding: 0 10px;
 }
 
-ul {
-	margin: 8px;
-	padding-left: 15px;
-	padding-right: 15px;
+.faq_top {
+	float: right;
 }
 
-.center {
-	text-align: center;
+.faq_edit {
+	float: right;
 }
 
-table.center {
-	margin-left: auto;
-	margin-right: auto;
+[dir=rtl] .faq_top {
+	float: left;
 }
 
-th {
-	font-weight: 100;
+[dir=rtl] .faq_edit {
+	float: left;
 }
 
-.button {
-	width: 60px;
+/* === Positioning edit, copy, delete links === */
+/* General use */
+.editfacts {
+	clear: left;
+	padding-top: 15px;
 }
 
-/* person boxes are used in various charts */
-
-.person_box,
-.person_boxF,
-.person_boxNN {
-	border: 1px solid #aaa;
-	padding: 3px;
+.editlink,
+.copylink,
+.deletelink {
+	float: left;
 }
 
-.person_box {
-	background: #ddf;
+[dir=rtl] .editlink,
+[dir=rtl] .copylink,
+[dir=rtl] .deletelink {
+	float: right;
 }
 
-.person_boxF {
-	background: #fdd;
+span.link_text {
+	display: none;
 }
 
-.person_boxNN {
-	background: #fff;
+/* ======== Indi header ====== */
+.field .editlink,
+.field .deletelink,
+.field .copylink {
+	float: right;
 }
 
-.person_box_lifespan {
-	display: inline;
+[dir=rtl].field .editlink,
+[dir=rtl].field .deletelink {
+	float: left;
 }
 
-/* families tab */
-#relatives_content .person_box > .person_box,
-#relatives_content .person_boxF > .person_boxF,
-#relatives_content .person_boxNN > .person_boxNN {
-	border: 0;
-	min-height: 50px;
+#indi_header {
+	overflow: hidden;
+	margin: 0 0 5px;
 }
 
-.action_headerF {
-	background: #fdd;
+#indi_header h3 {
+	color: #006;
+	font-size: 90%;
+	font-weight: bold;
+	margin: 0;
+	padding: 0 10px 0 30px;
+	text-align: left;
+	overflow: hidden;
+	position: relative;
 }
 
-.action_header {
-	background: #ddf;
+#indi_header .name_one {
+	font-size: 1.5em;
 }
 
-.list_table {
-	margin: 0 auto;
+#indi_header h3 .details1 {
+	font-size: 1.0em;
 }
 
-.list_label,
-.list_label_wrap,
-.list_value,
-.list_value_wrap {
+#indi_header h3.person_box,
+#indi_header h3.person_boxF,
+#indi_header h3.person_boxNN {
+	background-color: #acf;
 	border: 1px solid #999;
 }
 
-.list_value_wrap p {
-	margin: 10px 0;
+#indi_header h3 .header_age {
+	padding: 5px 0 5px 5px;
+	float: right;
+	font-weight: normal;
+	font-size: 65%;
 }
 
-.list_label,
-.list_label_wrap {
-	color: #fff !important;
-	font-weight: 700;
-	text-align: center;
-	vertical-align: text-top;
-	white-space: normal;
+#indi_header h3 a {
+	display: inline;
 }
 
-.list_value,
-.list_value_wrap {
-	padding: 1px;
-	text-align: left;
-	vertical-align: top;
+#indi_header a {
+	color: #337;
+	font-size: 0.75em;
+	font-weight: normal;
 }
 
-[dir=rtl] .list_value,
-[dir=rtl] .list_value_wrap {
-	text-align: right;
+#indi_header a:hover {
+	color: #f00;
 }
 
-.list_label,
-.list_value {
-	white-space: nowrap;
+#main_name {
+	color: #555;
+	float: left;
+	font-size: 2em;
+	margin: 10px;
+	font-weight: bold;
 }
 
-table.width66 {
-	margin-left: auto;
-	margin-right: auto;
+#indi_mainimage {
+	float: left;
+	padding: 0 10px 0 0;
 }
 
-.list_label_wrap,
-.list_value_wrap {
-	background-color: #ecf5ff;
-	border: 1px solid #84beff;
-	color: #006;
-	white-space: normal;
+#header_accordion1 {
+	overflow: hidden;
 }
 
-.list_item {
-	font-size: 12px;
+#header_accordion1 .indi_name_details {
+	margin: 0;
+	overflow: hidden;
+	padding: 5px;
 }
 
-.facts_table {
-	width: 100%;
-	padding: 0;
+.indi_name_details dt:after {
+	content: ":";
 }
 
-div.fact_SHARED_NOTE {
-	clear: both;
+.indi_name_details .name1 {
+	font-weight: normal;
+	padding-top: 5px;
+	font-size: inherit;
 }
 
-.tabs_table {
-	max-width: 98%;
+#indi_header a.warning {
+	color: #f00;
+	font-size: 1em;
 }
 
-.facts_label {
-	border: 1px solid #acf;
-	padding: 4px;
-	width: 20%;
-	text-align: center;
+#indi_note {
+	margin: 0 0 5px;
 }
 
-.facts_label03 {
-	font-weight: bold;
-	padding: 4px;
-	text-align: center;
+.indi_table {
+	clear: left;
 }
 
-.facts_value {
-	background: #fff;
-	border: 1pt solid #999;
-	padding: 4px;
-	color: #039;
+#sex {
+	float: right;
 }
 
-.quickfacts a {
-	font-size: 9px;
-	padding: 0 3px;
+#dates {
+	color: #333;
+	float: right;
 }
 
-.name1,
-.name2 {
-	font-weight: 700;
-	overflow: hidden;
-	font-size: 12px;
+dd .editlink,
+dd .deletelink {
+	float: right;
 }
 
-a:hover .name1,
-a:hover .name2 {
-	color: #f00;
-	font-weight: 700;
-	font-size: 12px;
+#indi_note .fact_NOTE {
+	float: left;
+	margin: 0 5px 0 0;
 }
 
-.nameZoom {
-	font-size: 14px;
-	text-decoration: none;
-	font-weight: 700;
-	overflow: hidden;
+#indi_note .fact_SOUR {
+	margin: 3px 0;
 }
 
-a:hover .nameZoom {
-	font-size: 14px;
-	color: #f00;
-	font-weight: 700;
+#indi_note .fact_SOUR a {
+	font-size: 100%;
 }
 
-.details0,
-.details1 {
-	text-decoration: none;
-	font-size: 11px;
+#indi_note .fact_NOTE,
+#indi_note .fact_SOUR {
+	clear: both;
 }
 
-.details2 {
-	font-size: 11px;
-	text-decoration: none;
-	color: #006;
-	font-weight: bold;
+.markdown p {
+	margin: 0 0 0.5em;
+	white-space: pre-wrap;
 }
 
-.nameZoom {
-	font-size: 14px;
-	font-weight: bold;
-	text-decoration: none;
+.markdown table {
+	border-collapse: collapse;
 }
 
-a:hover .nameZoom {
+.markdown th {
 	font-weight: bold;
-	font-size: 14px;
-	color: red;
 }
 
-.date {
-	color: #039;
-	font-weight: bold;
+.markdown td,
+.markdown th {
+	border: solid thin #000;
+	padding: 3px;
 }
 
-.label {
-	font-weight: bold;
+[dir=rtl] #indi_header h3 {
+	padding: 0 30px 0 10px;
+	text-align: right;
 }
 
-.error,
-.largeError {
-	font-weight: bold;
+[dir=rtl] #indi_header h3 .header_age {
+	padding: 5px 5px 5px 0;
+	float: left;
 }
 
-.largeError {
-	color: #d00;
-	font-size: 24px;
+[dir=rtl] #main_name {
+	float: right;
 }
 
-.indent {
-	padding-left: 7px;
+[dir=rtl] #indi_mainimage {
+	float: right;
+	padding: 0 0 0 10px;
 }
 
-.image {
-	height: 150px;
-	padding: 5px;
-	margin-right: 15px;
+[dir=rtl] #indi_note .fact_NOTE {
+	float: right;
+	margin: 0 0 0 10px;
 }
 
-[dir=rtl] .image {
-	margin-right: 0;
-	margin-left: 15px;
+[dir=rtl] .indi_table {
+	clear: right;
 }
 
-.gender_image {
-	padding-left: 3px;
-	padding-right: 3px;
-	border: 0;
-	vertical-align: middle;
+[dir=rtl] #sex {
+	float: left;
 }
 
-.pedigree_form {
-	width: 60px;
+[dir=rtl] #dates {
+	float: left;
 }
 
-.thumbnail {
-	height: auto;
-	padding: 5px;
+[dir=rtl] dd .editlink,
+[dir=rtl] dd .deletelink {
+	float: left;
 }
 
-.link {
-	font-size: 11px;
-	text-align: center;
+.hit-counter {
+	background: #000;
+	color: #fff;
+	font-weight: bold;
 }
 
-.sublinks_cell {
-	background: #9be;
+/* ======= General sprite ==== */
+.male_gender,
+.female_gender,
+.unknown_gender,
+.editicon,
+.copyicon,
+.deleteicon {
+	display: block;
+	background: transparent url(images/general_sprite.png) no-repeat left 0;
 }
 
-.subheaders {
-	font-size: 16px;
-	font-weight: bold;
-	padding: 10px;
-	margin: 15px 0 0 15px;
-	vertical-align: bottom;
+
+.female_gender {
+	background-position: -45px 3px;
+	width: 24px;
+	height: 30px;
 }
 
-.age {
-	font-size: 9px;
+.male_gender {
+	background-position: -72px 3px;
+	width: 24px;
+	height: 30px;
 }
 
-.parentdeath {
-	border: thin solid #888;
-	padding: 1px;
+.unknown_gender {
+	background-position: -100px 4px;
+	width: 24px;
+	height: 30px;
 }
 
-.source_citations {
-	display: none;
+.editicon {
+	background-position: -40px -32px;
+	width: 24px;
+	height: 16px;
 }
 
-.contact_links {
-	margin: 15px 0;
-	text-align: center;
+.copyicon {
+	background-position: -70px -32px;
+	width: 24px;
+	height: 16px;
 }
 
-.hit-counter {
-	background: #000;
-	color: #fff;
-	font-weight: bold;
+.deleteicon {
+	background-position: -100px -32px;
+	width: 24px;
+	height: 16px;
 }
 
-.border1 {
-	border: solid #000 1px;
+/* ======== Indi tabs ======== */
+/* Facts & Events tab */
+#personal_facts_content .fact_NOTE,
+#personal_facts_content .fact_SOUR,
+#family-table .fact_NOTE,
+#family-table .fact_SOUR {
+	margin: 5px 3px 5px 0;
+	clear: both;
 }
 
-.theme_form {
+.facts_table .field em {
 	margin-top: 0;
-	font-size: 14px;
+	padding-left: 5px;
 }
 
-.theme_form option,
-.color_form option {
-	margin: 3px;
+.facts_table .field img {
+	vertical-align: middle;
 }
 
-.selected-option {
-	background: #cef;
+.media-display-image {
+	float: left;
 }
 
-.current_day {
-	font-weight: bold;
-	font-size: 16px;
+.media-display-title {
+	float: left;
+	font-style: italic;
+	margin: 10px;
 }
 
-.cal_day {
-	float: left;
-	font-weight: bold;
+[dir=rtl] .media-display-image {
+	float: right;
 }
 
-.rtl_cal_day {
-	direction: rtl;
+[dir=rtl] .media-display-title {
 	float: right;
-	color: #00f;
-	font-weight: 700;
 }
 
-.helpheader {
-	text-align: left;
+[dir=rtl] .facts_table .field em {
+	padding-right: 5px;
 }
 
-.helpcontent dt {
-	clear: both;
+/* ======== Album tab =========*/
+.album-list {
+	list-style-type: none;
 }
 
-.block {
-	color: #000;
-	vertical-align: top;
+.album-list-item {
+	display: inline-block;
+	text-align: center;
+	padding: 0 12px;
+	height: 112px;
+	width: 120px;
 }
 
-.submenuitem {
-	height: 20px;
-	color: #555;
-	text-decoration: none;
-	font-size: 11px;
-	background-color: #fff;
-	border: 1px solid #ccc;
-	padding: 3px 3px 0;
-	white-space: nowrap;
+.album-list-item a img {
+	max-height: 78px;
+	max-width: 100px;
+	height: auto;
+	width: auto;
 }
 
-.submenuitem_hover {
-	height: 20px;
-	font-size: 11px;
-	white-space: nowrap;
-	border: 1px solid #ccc;
-	padding: 3px 3px 0;
+.album-list-item a:hover div {
+	outline: thin solid #bdb071;
 }
 
-.journal_box {
-	padding: 3pt;
-	border: thin solid #aaa;
-	overflow: visible;
+.album-image {
+	margin: auto;
 }
 
-.news_box {
-	padding: 5pt 5px;
-	border-top: solid #ccc 1px;
+.album-title {
+	padding-top: 4px;
+	width: 100%;
 }
 
-.news_title {
-	color: #000;
-	font-size: 13px;
-	font-weight: 700;
+/* === jquery-ui.css changes === */
+.ui-accordion .ui-accordion-content {
+	position: relative;
+	padding: 0 5px;
+	overflow: visible;
 }
 
-.news_date {
-	color: #000;
-	margin-bottom: 12px;
+.ui-tabs,
+.ui-tabs .ui-tabs-nav li a {
+	padding: 0;
 }
 
-.person0 {
-	background: #ddf;
-	border: outset #999 1px;
-	vertical-align: top;
+#sidebarAccordion .ui-accordion-header {
+	text-align: center;
 }
 
-.person1 {
-	background: #afa;
-	border: outset #afa 1px;
-	vertical-align: top;
+.ui-widget-header {
+	border: 1px solid #fff;
+	padding: 3px;
 }
 
-.person2 {
-	background: #faa;
-	border: outset #faa 1px;
-	vertical-align: top;
+.ui-state-hover a,
+.ui-state-hover a:hover,
+.ui-state-default a:link {
+	color: #000;
 }
 
-.person3 {
-	background: #aad;
-	border: outset #55f 1px;
-	vertical-align: top;
+.ui-menu .ui-menu-item a {
+	font-size: 12px;
 }
 
-.person4 {
-	background: #f55;
-	border: outset #f55 1px;
-	vertical-align: top;
+.ui-menu .ui-menu-item a.ui-state-hover,
+.ui-menu .ui-menu-item a.ui-state-active {
+	color: #f00;
 }
 
-.person5 {
-	background: #5f5;
-	border: outset #5f5 1px;
-	vertical-align: top;
+.ui-helper-reset {
+	line-height: 1.5;
 }
 
-.listlog {
-	line-height: 20pt;
-	color: #555;
+[dir=rtl] .ui-accordion .ui-accordion-header .ui-icon {
+	right: 0.5em;
 }
 
-input,
-button,
-textarea {
-	border-width: 1px;
-	border-color: #fff #006 #006 #fff;
-	font-size: 12px;
-	font-family: inherit;
+[dir=rtl] .ui-dialog-title {
+	float: right;
 }
 
-input,
-textarea {
-	padding: 0 3px;
+[dir=rtl] .ui-dialog-titlebar-close {
+	left: .3em;
+	right: auto;
 }
 
-button,
-input[type="submit"],
-input[type="reset"],
-input[type="button"],
-input[type="file"] {
-	border: 1px solid #cbc7bd;
-	color: #654b24;
-	font-weight: 700;
-	border-radius: 3px;
-	font-size: 10px;
-	padding: 0 3px;
-}
+/* --------------------unknown */
 
-.optionbox input {
-	margin-right: 5px;
-}
 
-[dir=rtl] .optionbox input {
-	margin-left: 5px;
+/* === jQuery.datatable styling general over-rides === */
+.odd {
+	background-color: #d9eaf7;
 }
 
-select {
-	border: 1px solid #ccc;
+.even {
+	background-color: #fafafa;
 }
 
-.formField {
-	width: 140px;
-	font-size: 12px;
+.css_right {
+	float: left;
 }
 
-.starredname {
-	text-decoration: underline;
+.fg-button {
+	padding: 2px 6px;
 }
 
-.search_hit {
-	background: #ff0;
-	color: #000;
+.dataTables_paginate {
+	float: left;
+	margin-bottom: 3px;
 }
 
-.search_item {
-	font-weight: 600;
+.dataTables_processing {
+	float: left;
 }
 
-.search-icon {
-	height: 17px;
-	vertical-align: top;
+.dataTables_filter {
+	float: right;
+	font-weight: normal;
 }
 
-.topbottombar {
-	font-weight: bold;
+.dataTables_info {
+	float: left;
+	font-weight: normal;
 	padding: 4px;
-	text-align: center;
 }
 
-.descriptionbox {
-	border: 1px solid #9be;
-	vertical-align: top;
-	padding: 3px;
+.recent_changes_block .dataTables_info,
+.upcoming_events_block .dataTables_info,
+.todays_events_block .dataTables_info,
+.todo_block .dataTables_info,
+.yahrzeit_block .dataTables_info {
+	padding: 0;
 }
 
-.optionbox {
-	background-color: #ecf5ff;
-	border: 1px solid #8bf;
-	color: #006;
-	font-size: 11px;
-	padding: 3px;
-	vertical-align: top;
-	white-space: nowrap;
+.upcoming_events_block .dataTables_info,
+.todays_events_block .dataTables_info {
+	padding: 2px 0 0;
 }
 
-.vmiddle {
-	vertical-align: middle;
+.upcoming_events_block button,
+.todays_events_block button {
+	margin: 0 20px;
 }
 
-.rela,
-.histo {
-	opacity: 0.8;
+.dataTables_length {
+	float: right;
+	font-weight: normal;
 }
 
-#index .user_messages td {
-	border: 1px #999 solid;
-	padding: 2px;
+.dataTables_length select,
+.dataTables_filter input {
+	font-size: 11px;
+	padding: 1px;
 }
 
-.sex_image {
-	height: 9px;
-	width: 9px;
-	padding-left: 3px;
-	padding-right: 3px;
-	border: 0;
-	vertical-align: middle;
+.dt-clear {
+	clear: both;
 }
 
-fieldset {
-	padding: 30px;
-	margin: 8px 8px 4px;
-	text-align: left;
+#loading {
+	text-align: center;
 }
 
-[dir=rtl] fieldset {
-	text-align: right;
+.DataTables_sort_wrapper {
+	position: relative;
+	margin: 0 20px;
 }
 
-fieldset ol,
-fieldset li {
-	margin: 2px 0 0 5px;
+.DataTables_sort_wrapper span {
+	left: 0;
+	margin-left: -20px;
+	margin-top: -8px;
+	position: absolute;
+	top: 50%;
 }
 
-[dir=rtl] fieldset ol,
-fieldset li {
-	margin: 2px 5px 0 0;
+.dataTables_wrapper {
+	margin-bottom: 10px;
 }
 
-div.blockhc a:hover {
-	background: transparent;
+[dir=rtl] .css_right {
+	float: right;
 }
 
-legend {
-	font-weight: bold;
+[dir=rtl] .dataTables_paginate {
+	float: right;
 }
 
-.details_label {
-	font-weight: bold;
+[dir=rtl] .dataTables_processing {
+	float: right;
 }
 
-.name_head {
-	color: #333;
-	font-weight: bold;
-	font-size: 16px;
-	line-height: 2;
-	padding: 0 5px;
+[dir=rtl] .dataTables_filter {
+	float: left;
 }
 
-form .rtl {
-	text-align: right;
+[dir=rtl] .dataTables_info {
+	float: right;
 }
 
-.ltr {
-	text-align: left;
+[dir=rtl] .dataTables_length {
+	float: left;
 }
 
-.rtl {
-	text-align: right;
-	direction: rtl;
+[dir=rtl] .DataTables_sort_wrapper {
+	margin-right: 20px;
 }
 
-.width10 {
-	width: 10%;
+[dir=rtl] .DataTables_sort_wrapper span {
+	left: auto;
+	right: 0;
+	margin-right: -20px;
 }
 
-.width20 {
-	width: 20%;
+/* ======= Sidebar setup ===== */
+#main {
+	min-width: 600px;
+	width: 100%;
+	padding-top: 10px;
+	display: table;
+	table-layout: fixed;
 }
 
-.width25 {
-	width: 25%;
+#indi_left {
+	display: table-cell;
 }
 
-.width33 {
-	width: 33%;
+#indi_left .ui-tabs-panel {
+	padding: 0;
 }
 
-.width30 {
-	width: 30%;
+#tabs {
+	background-color: #fff;
+	border-color: #8fbcff;
+	width: 100%;
+	overflow: visible;
 }
 
-.width40 {
-	width: 40%;
-}
-
-.width50 {
-	width: 50%;
-}
-
-.width60 {
-	width: 60%;
+[dir=rtl] #tabs {
+	float: right;
 }
 
-.width66 {
-	width: 66%;
+/* sidebar */
+#sidebar {
+	width: 20%;
+	display: table-cell;
+	vertical-align: top;
 }
 
-.width70 {
-	width: 70%;
+#separator {
+	display: table-cell;
+	width: 2.5em;
+	position: relative;
+	background-color: transparent;
+	overflow: hidden;
 }
 
-.width75 {
-	width: 75%;
+#separator:after {
+	position: absolute;
+	top: 0;
+	right: 0;
+	left: auto;
+	width: 10px;
+	height: 99999px;
+	content: "";
+	border: 1px solid #8fbcff;
+	border-top-left-radius: 3px;
+	border-top-right-radius: 3px;
 }
 
-.width80 {
-	width: 80%;
+[dir=rtl] #separator:after {
+	right: auto;
+	left: 0;
 }
 
-.width90 {
-	width: 90%;
+.separator-hidden:after,
+[dir=rtl] .separator-visible:after {
+	background: #acf url(images/general_sprite.png) no-repeat -26px 100px;
 }
 
-.width100 {
-	width: 100%;
+.separator-visible:after,
+[dir=rtl] .separator-hidden:after {
+	background: #acf url(images/general_sprite.png) no-repeat -1px 100px;
 }
 
-.font9 {
-	font-size: 9px;
+/* Sidebar content items */
+/* Family navigator */
+#sb_content_family_nav {
+	padding: 0;
 }
 
-.messagebox {
-	background: #dfeeff;
+#sb_family_nav_content {
+	margin-top: 8px;
 }
 
-/* Pending edits - TODO perhaps show differently in different contexts? */
-.new {
-	border: solid blue 1px;
-	overflow: hidden;
+.nam a:hover {
+	color: #f00;
 }
 
-.old {
-	border: solid red 1px;
-	overflow: hidden
+.nav_content {
+	width: 100%;
+	padding: 0;
 }
 
-a.showit {
-	position: relative;
-	z-index: 24;
-	color: #000;
-	text-decoration: none;
+.nav_content .facts_label {
+	width: 75px;
 }
 
-a.showit:hover {
-	z-index: 25;
-	background: #ff9;
-	cursor: crosshair;
+#sb_family_nav_content .clist {
+	margin: 0;
 }
 
-a.showit > span {
-	display: none;
+.famnav_title {
+	font-weight: bold;
+	display: block;
+	padding: 5px 0;
 }
 
-a.showit:hover > span {
-	background: #444;
-	border-bottom: 2px solid #000;
-	border-left: 15px outset #111;
-	border-right: 2px solid #000;
-	border-top: 2px solid #111;
-	color: #fff;
-	display: block;
-	font-size: 15px;
-	left: 0;
-	opacity: .85;
+.flyout {
+	left: 40px;
 	padding: 3px;
-	position: absolute;
-	text-align: left;
-	top: 22px;
-	white-space: normal;
-	width: 225px;
-	z-index: 5;
+	background-color: #ecf5ff;
+	border: 1px solid #ccc;
 }
 
-.lifespan_outer {
-	position: relative;
-	width: 99.5%;
-	height: 600px;
-	overflow: hidden;
-	border: solid #00f 1px;
+[dir=rtl] .flyout {
+	left: auto;
+	right: 40px;
 }
 
-.lifespan_outer a {
+.flyout a, .flyout a:hover {
 	color: #000;
-}
-
-.lifespan_outer a:hover {
-	color: #f00;
+	cursor: default;
 	text-decoration: none;
 }
 
-.lifespan_people span:first-letter {
-	font-variant: small-caps;
+.flyout2 {
 	font-weight: bold;
-	font-size: 16px;
-	padding: 1px;
 }
 
-.lifespan_people {
-	position: absolute;
-	width: 500px;
-	left: -10px;
-	top: -60px;
-	z-index: 1;
+.flyout3 {
+	color: #039;
 }
 
-.lifespan_timeline {
-	position: absolute;
-	width: 100%;
-	left: -10px;
-	top: -65px;
-	z-index: 2;
-	background: #fff;
+.flyout3:hover {
+	cursor: pointer;
+	color: #f00;
 }
 
-.ui-autocomplete-input {
-	background: #eea;
+/* Sidebar*/
+#sb_content_descendancy {
+	margin-top: 5px;
 }
 
-.ui-autocomplete-loading {
-	background: #fff url(images/indicator.gif) right center no-repeat;
+#sb_desc_content {
+	margin-left: 3px;
+	font-size: 0.8em;
 }
 
-.ui-autocomplete {
-	border: 1px solid #000;
-	background: #fff;
-	z-index: 99999;
+#sb_desc_content ul {
 	padding: 0;
-	list-style: none outside none;
-	margin: 0;
-	max-height: 200px;
-	overflow-y: auto;
-}
-
-.ui-autocomplete li {
-	cursor: default;
-	display: block;
-	font: menu;
-	line-height: 14px;
-	overflow: hidden;
 	margin: 0;
-	padding: 2px 5px;
 }
 
-.ui-autocomplete li:nth-child(odd) {
-	background: #eee;
+.sb_desc_indi_li {
+	list-style-type: none;
 }
 
-.ui-autocomplete a.ui-state-focus {
-	color: #f00;
+.desc_tree_div {
+	display: none;
 }
 
-.ui-sortable li {
-	list-style-type: none;
+.desc_tree_div ul {
+	padding: 0;
+	margin-left: 10px;
+	margin-top: 0;
+	margin-right: 0;
 }
 
-.ui-sortable .noprint {
-	display: none;
+[dir=rtl] #sb_desc_content {
+	margin-right: 3px;
 }
 
-.sublinks_cell .submenuitem {
-	background: #fff;
+[dir=rtl] .desc_tree_div ul {
+	margin-right: 10px;
+	margin-left: 0;
 }
 
-.nowrap {
-	white-space: nowrap;
+/* Individuals and Families */
+#sb_content_individuals,
+#sb_content_families {
+	margin-top: 5px;
 }
 
-.wrap {
-	white-space: normal;
+.sb_indi_surname_li,
+.sb_fam_surname_li {
+	list-style-image: url(images/plus.png);
 }
 
-.statistics-page {
-	text-align: center;
+.name_tree_div {
+	display: none;
 }
 
-.gchart {
-	border: 1px solid #999;
+.name_tree_div ul,
+.name_tree_div_visible ul {
+	padding: 0;
+	margin: 0;
 }
 
-.execution_stats {
-	padding: 12px;
-	text-align: center;
+.name_tree_div li,
+.name_tree_div_visible li {
+	list-style: none;
+	margin: 0;
+	padding: 0;
 }
 
-.tag_cloud a {
-	white-space: nowrap;
+/* Clippings */
+#sb_content_clippings {
+	margin-top: 5px;
 }
 
-.clearfloat {
-	clear: both;
+#sb_clippings_content ul {
+	padding: 0;
+	margin: 0;
 }
 
-dl {
+#sb_clippings_content li {
+	list-style: none;
 	margin: 0;
+	padding: 0;
+	white-space: nowrap;
 }
 
-dt {
-	float: left;
+/* Extra info */
+#sb_content_extra_info {
+	font-size: 80%;
 	font-weight: bold;
-	margin-right: 10px;
-	clear: both;
+	margin-top: 1px;
+	overflow: hidden;
+	padding: 5px;
 }
 
-[dir=rtl] dt {
+#sb_content_extra_info .editfacts {
 	float: right;
-	margin-right: auto;
-	margin-left: 10px;
+	margin-top: -30px;
 }
 
-#pending h2 {
-	margin-bottom: 20px;
-	text-align: center;
+#sb_content_extra_info a {
+	display: block;
 }
 
-#pending h3 {
-	margin-top: 20px;
-	text-align: center;
+#sb_content_extra_info span {
+	font-weight: normal;
 }
 
-.gedcom_favorites_block,
-.user_favorites_block,
-.person_box_template {
-	overflow: visible !important;
+#sb_content_extra_info span a {
+	display: inline;
 }
 
-/* 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;
+#sb_content_extra_info #hitcounter {
+	border-top: 1px solid #bcd;
+	font-weight: bold;
+	padding-top: 5px;
 }
 
-.box-style0-expanded {
-	cursor: url(images/zoomout.png), n-resize;
+[dir=rtl] #sb_content_extra_info .editfacts {
+	float: left;
 }
 
-.box-style0-expanded,
-.box-style1-expanded {
-	width: 300px !important;
+/* ===== find.php =====  */
+#find-page h3,
+#find-page h4 {
+	margin: 10px;
+	text-align: center;
 }
 
-.person_box_template {
-	height: auto;
+#find-header {
+	background-color: #95b8e0;
+	border: 1px solid #95b8e0;
+	margin: 10px auto;
+	padding: 5px 20px;
+	width: 50%;
 }
 
-.person_box_template .namedef i {
-	margin-left: 3px;
+#find-header p {
+	margin: 5px;
+	text-align: center;
 }
 
-[dir=rtl] .person_box_template .namedef i {
-	margin-right: 3px;
+#find-header span {
+	color: #fff;
+	font-weight: bold;
 }
 
-.person_box_template .icons {
-	float: right;
+#find-output,
+#find-output-special {
+	background-color: #fff;
+	border: 1px solid #95b8e0;
+	margin: 20px 5px;
+	padding: 10px;
 }
 
-[dir=rtl] .person_box_template .icons {
-	float: left;
+#find-output p {
+	border-top: 1px solid #95b8e0;
+	font-weight: bold;
+	margin: 0;
+	padding-top: 10px;
+	text-align: center;
 }
 
-.person_box_template .noprint {
-	width: 25px;
-	height: 50px;
-	position: relative;
+#find-media {
+	background-color: #95b8e0;
+	border: 1px solid #95b8e0;
+	color: #fff;
+	padding: 5px;
+	text-align: center;
 }
 
-.person_box_template .inout {
-	clear: both;
-	display: none;
+#find-media span {
+	border: 0;
+	font-weight: bold;
+	margin: auto;
+	padding: 5px;
 }
 
-.person_box_template .chart_textbox {
-	overflow: hidden;
+#find-output .find-media-dirs {
+	border-bottom: 1px solid #95b8e0;
+	padding: 3px;
 }
 
-.person_box_template img,
-.person_box_template a.gallery {
-	float: left;
-	height: 50px;
-	margin: 0 3px 0 0;
-	max-width: 80px;
-	width: auto;
+#find-output .find-media-media {
+	border: 1px solid #95b8e0;
+	overflow: hidden;
+	margin: 1px;
+	padding: 2px;
 }
 
-[dir=rtl] .person_box_template img,
-[dir=rtl] .person_box_template a.gallery {
-	float: right;
-	margin: 0 0 0 3px;
+#find-output .find-media-thumb {
+	clear: left;
+	float: left;
 }
 
-.person_box_template i[class^="icon-silhouette"] {
+#find-output .find-media-details {
 	float: left;
 }
 
-[dir=rtl] .person_box_template i[class^="icon-silhouette"] {
-	float: right;
+#find-output .find-media-details p {
+	border: 0;
+	padding: 0 5px 2px;
+	font-weight: normal;
+	text-align: left;
 }
 
-/* ============= Statistics block ============ */
-.gedcom_stats_block table td {
-	vertical-align: top;
+#find-output .find-media-details div span {
+	font-weight: normal;
+	padding: 0 5px 2px;
 }
 
-.gedcom_stats_block table td td {
-	vertical-align: middle;
+#find-output p.find-media-title {
+	font-weight: bold;
 }
 
-.gedcom_stats_block td .stats_value {
-	text-align: center;
+#find-output .find-media-details ul {
+	padding: 0;
+	margin: 0 20px 10px;
+	list-style-type: none;
 }
 
-/* ============= Theme select block ============ */
-.theme_form ul {
-	margin: -10px auto;
+#find-facts-header .list_label {
+	text-align: inherit;
 }
 
-.theme_form li {
-	visibility: hidden;
+/* ===== search.php ===== */
+#search-page h2,
+#search_submit {
+	margin: 20px;
+	text-align: center;
 }
 
-.theme_form li ul li {
-	display: inline-block;
-	padding: 10px;
-	visibility: visible;
+#search-page-table {
+	background-color: #95b8e0;
+	border: 1px outset #ccc;
+	border-top: 0;
+	margin: 20px auto 0;
+	width: 580px;
 }
 
-/* ======= Favourites block ========== */
-.blockcontent .person_box_template .details2 {
-	min-height: 40px;
+#search-page-table .label {
+	border-top: 1px solid #ccc;
+	color: #fff;
+	float: left;
+	font-weight: bold;
+	padding: 5px 10px 0;
+	width: 150px;
 }
 
-.blockcontent [class*='box-style2'] {
-	margin: 5px 0;
+#search-page-table .value {
+	background-color: #fff;
+	border-top: 1px solid #ccc;
+	margin: 0 0 0 170px;
+	padding: 5px;
+	white-space: nowrap;
 }
 
-.add_fav_head {
-	font-weight: 900;
-	margin: 5px 0;
+#search-page-table p {
+	margin: 0;
 }
 
-.add_fav_head i {
-	margin: 0 5px 1px;
+[dir=rtl] #search-page-table .label {
+	float: right;
 }
 
-.add_fav_ref p {
-	margin: 5px 0;
+[dir=rtl] #search-page-table .value {
+	margin: 0 170px 0 0;
 }
 
-.add_fav_ref label {
-	display: inline-block;
-	min-width: 100px;
+/*  edituser.php  */
+#edituser-page h2,
+#edituser_submit {
+	margin: 20px;
+	text-align: center;
 }
 
-.add_fav_ref label:after {
-	content: ":";
+#edituser-table {
+	background-color: #95b8e0;
+	border: 1px outset #ccc;
+	border-top: 0;
+	margin: 20px auto 0;
+	width: 800px;
 }
 
-.add_fav_ref input {
-	margin: 0 5px;
+#edituser-table .label {
+	border-top: 1px solid #ccc;
+	color: #fff;
+	float: left;
+	font-weight: bold;
+	padding: 5px 10px 0;
+	width: 240px;
+	white-space: nowrap;
 }
 
-#branches-page table,
-#medialist-page .list_table,
-#medialist-page .list_table_controls {
-	margin: 0 auto;
+#edituser-table .value {
+	background-color: #fff;
+	border-top: 1px solid #ccc;
+	margin: 0 0 0 260px;
+	padding: 5px;
 }
 
-#medialist-page .list_table_controls {
-	width: 100%;
+#edituser-table .label span {
+	margin: 0 10px;
 }
 
-#branches-page ol {
-	margin-left: 40px;
-	font-size: 14px;
+#edituser-table select {
+	margin: 0;
 }
 
-#surnlist {
-	margin-bottom: 20px;
+[dir=rtl] #edituser-table .label {
+	float: right;
 }
 
-[dir=rtl] #branches-page ol {
-	margin-right: 40px;
+[dir=rtl] #edituser-table .value {
+	margin: 0 260px 0 0;
 }
 
-.list_table_controls td {
-	min-width: 40px;
-	padding: 1px;
-	text-align: center;
+/* ===== Edit interface pop-ups ===== */
+#edit_interface-page h4 {
+	color: #555;
+	margin: 5px;
 }
 
-#branches-page p {
-	margin: 10px;
+#edit_interface-page .optionbox span {
+	margin: 0 5px;
 }
 
-/* ============== medialist.php ======================= */
-.makeMenu li ul {
-	border: thin solid #AAA;
-	position: absolute;
+#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;
 }
 
-.makeMenu, .makeMenu li ul {
-	padding: 1px;
+#edit_interface-page #GIVN,
+#edit_interface-page #SURN,
+#edit_interface-page #_MARNM {
+	line-height: 18px;
+	margin: 0 5px;
+	width: 180px;
 }
 
-.makeMenu li {
-	display: inline;
-	position: relative;
-	white-space: nowrap;
-}
+#edit_interface-page input[type="text"],
+#edit_interface-page #NAME_display {
+	line-height: 18px;
+	margin: 0 5px;
+	vertical-align: top;
+	width: 240px;
+}
 
-.lb-menu {
-	display: inline-block;
-	margin: 0;
+#edit_interface-page input[type="text"][id*="PAGE"],
+#edit_interface-page input[type="text"][id*="_UID"] {
+	width: 350px;
 }
 
-.lb-menu ul {
-	display: block;
-	list-style-type: none;
-	margin: 0;
+#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;
 }
 
-.lb-menu > li {
-	font-weight: normal;
-	float: left;
-	top: 0;
+#edit_interface-page input[type="text"][id$="DATE"] {
+	width: 160px;
 }
 
-.lb-menu li:first-child {
-	padding-left: 0;
+#edit_interface-page input[type="text"][id^="TIME"] {
+	width: 100px;
 }
 
-.lb-menu > li ul {
-	display: none;
+#edit_interface-page input[type="text"][id*="OBJE_FILE"] {
+	width: 200px;
 }
 
-.lb-menu > li:hover ul {
-	display: block;
-	top: 36px;
+#edit_interface-page input[type="text"][id*="SOUR_TITL"] {
+	width: 250px;
 }
 
-.lb-menu a {
-	display: block;
+#edit_interface-page input[id*="TEXT"] {
+	height: 140px;
+	width: 440px;
 }
 
-.lb-menu a {
-	display: block;
+#edit_interface-page textarea {
+	margin: 0 5px;
+	width: 440px;
 }
 
-.lb-menu li a {
-	padding: 24px 10px 1px 5px;
+#edit_interface-page textarea[id*="NOTE"] {
+	height: 240px;
 }
 
-.lb-menu li li a {
-	padding: 0;
-	background-color: #fff;
-	padding: 5px 10px 5px 5px;
+#edit_interface-page textarea[id*="TEXT"],
+#edit_interface-page textarea[id*="PUBL"] {
+	height: 140px;
 }
 
-.lb-menu li {
-	border: 0;
+#edit_interface-page textarea[id^="newgedrec"] {
+	line-height: 18px;
+	width: 605px;
 }
 
-[dir=rtl] .lb-menu > li {
-	float: right;
+#edit_interface-page textarea#gedcom {
+	height: 364px;
 }
 
-.list_value_wrap .lb-image_edit {
-	background: url(images/image_edit.png) no-repeat 50% 20%;
+#edit_interface-page textarea[id*="ADDR"],
+#edit_interface-page input[id*="ADDR"] {
+	height: 80px;
+	width: 300px;
 }
 
-.list_value_wrap .lb-image_link {
-	background: url(images/image_link.png) no-repeat 50% 20%;
+#edit_interface-page #changefam {
+	padding: 5px;
 }
 
-.list_value_wrap .lb-image_view {
-	background: url(images/image_view.png) no-repeat 50% 20%;
+#edit_interface-page #changefam table {
+	margin: 10px auto;
+	min-width: 400px;
+	max-width: 650px;
 }
 
-/* ============== login.php ======================= */
-#login-form a:hover {
-	color: red;
+#edit_interface-page #changefam span {
+	margin: 0;
 }
 
-#login-form div,
-#login-form div a,
-#new_passwd_form div,
-#register-form div,
-#verify-form div {
-	color: #039;
-	margin: auto;
+#edit_interface-page #changefam td {
 	padding: 5px;
-	text-align: center;
+	white-space: normal;
 }
 
-#login-form label input,
-#new_passwd_form label input,
-#verify-form input {
-	margin: 0 10px;
-	width: 140px;
+#edit_interface-page #changefam td.child {
+	text-align: center;
 }
 
-#login-form label,
-#new_passwd_form label,
-#verify-form label {
-	display: block;
-	text-align: right;
+#save-cancel {
+	position: fixed;
+	bottom: 0;
+	width: 98%;
+	border: solid #999 1px;
+	margin: 0;
 }
 
-#login-form,
-#new_passwd_form,
-#register-form,
-#verify-form {
-	background-color: #95b8e0;
-	border-radius: 3px;
-	display: inline-block;
-	margin: 10px auto 0;
-	padding: 5px;
+#save-cancel input {
+	padding: 2px 8px;
 }
 
-#login-register-page .back {
-	font-size: 14px;
-	font-weight: 700;
-	text-align: center;
+#save-cancel .save {
+	float: left;
+	margin: 5px;
 }
 
-#login-register-page .confirm {
-	margin: 20px auto;
-	text-align: justify;
-	width: 500px;
+#save-cancel .cancel {
+	float: right;
+	margin: 5px;
 }
 
-#login-register-page .confirm p {
-	font-size: 14px;
-	font-weight: 700;
+[dir=rtl] #save-cancel .save {
+	float: right;
 }
 
-#login-register-page .confirm p + p {
-	font-size: 12px;
-	font-weight: 400;
+[dir=rtl] #save-cancel .cancel {
+	float: left;
 }
 
-#login-register-page .warning {
-	margin: 20px auto;
-	text-align: center;
+#edit_interface-page,
+#addmedia-page {
+	margin-bottom: 50px;
 }
 
-#login-register-page h2,
-#login-box,
-#register-box,
-#register-form div#registration-submit {
-	text-align: center;
+/* ===== Addmedia pop-ups ===== */
+#addmedia-page input[type="text"] {
+	line-height: 18px;
+	margin: 0 5px;
+	width: 350px;
 }
 
-#login-text,
-#register-text,
-#user-verify {
-	margin: 20px auto;
-	text-align: justify;
-	width: 610px;
+#addmedia-page .optionbox select {
+	margin: 0 5px;
 }
 
-#new_passwd_form h4,
-#register-form h4 {
-	color: #039;
-	font-weight: 400;
-	margin: 5px;
-	text-align: center;
+#addmedia-page .optionbox p.sub {
+	margin: 0 5px;
+	font-size: 11px;
 }
 
-#register-form div,
-#verify-form div {
-	text-align: right;
+#addmedia-page input[type="text"][id*="PAGE"],
+#addmedia-page input[type="text"][id*="_UID"] {
+	width: 350px;
 }
 
-#register-form label input,
-#register-form label select,
-#register-form textarea {
-	margin: 0 10px;
-	width: 220px;
+#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;
 }
 
-#register-form label select {
-	margin: 0 10px;
-	width: 228px;
+#addmedia-page input[id*="TEXT"] {
+	height: 140px;
+	width: 440px;
 }
 
-#register-form textarea {
-	vertical-align: top;
+#addmedia-page textarea {
+	margin: 0 5px;
+	width: 440px;
 }
 
-.login_block_block #login-form,
-.login_block_block #new_passwd_form {
-	background: none;
-	border: 0;
+#addmedia-page textarea[id*="NOTE"] {
+	height: 240px;
 }
 
-[dir=rtl] #login-form label,
-[dir=rtl] #new_passwd_form label,
-[dir=rtl] #register-form label,
-[dir=rtl] #verify-form label {
-	text-align: left;
+#addmedia-page textarea[id*="TEXT"],
+#addmedia-page textarea[id*="PUBL"] {
+	height: 140px;
 }
 
-/* ==== reportengine.php ===== */
-#reportengine-page .report-type {
-	margin: auto;
+/* ===== Styling for the jquery.colorbox gallery ===== */
+#colorbox,
+#cboxOverlay,
+#cboxWrapper {
+	position: absolute;
+	top: 0;
+	left: 0;
+	z-index: 9999;
 	overflow: hidden;
-	width: 180px;
 }
 
-#reportengine-page .report-type div {
-	float: left;
-	margin: 0 20px;
+#colorbox {
+	border: 2px solid #ccc;
 }
 
-#reportengine-page .report-type p {
-	margin: 0;
-	text-align: center;
+#cboxOverlay {
+	position: fixed;
+	width: 100%;
+	height: 100%;
+	background: #ccc;
 }
 
-#reportengine-page table {
-	margin: 20px auto;
+#cboxContent {
+	background: #fff;
+	border: 5px solid #888;
 }
 
-.block .itr,
-#family-table .itr,
-#ancestry_chart .itr,
-#descendancy_chart .itr,
-#familybook_chart .itr,
-#hourglass_chart .itr,
-#relatives_content .itr {
-	position: relative;
-	top: 0;
+#cboxLoadedContent {
+	overflow: auto;
+	background: #fff;
+	margin-bottom: 30px;
+	margin-top: 35px;
 }
 
-.itr {
-	line-height: 1.5;
+#cboxTitle {
 	position: absolute;
+	left: 0;
+	top: 10px;
+	font-size: 14px;
+	color: #949494;
+	text-align: center;
+	width: 100%;
+	font-weight: 800;
 }
 
-.itr:hover .popup {
+.cboxPhoto {
+	float: left;
+	margin: auto;
+	border: 0;
 	display: block;
-	position: absolute;
-	right: 0;
-	width: 12em;
-	z-index: 9999;
+	max-width: none;
 }
 
-.popup {
-	display: none;
+.cboxIframe {
+	width: 100%;
+	height: 100%;
+	display: block;
+	border: 0;
 }
 
-.popup ul {
-	background-image: none !important;
-	font-size: 9px;
-	list-style: none;
-	margin: 0;
-	padding: 0 10px;
+#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;
 }
 
-.popup li {
-	padding: 1px 5px;
+#cboxPrevious:hover {
+	background-position: -75px -25px;
 }
 
-.popup li span {
-	padding: 0 5px;
+#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;
 }
 
-.popup li ul,
-.popup li ul li,
-.popup li span span {
-	padding: 0;
+#cboxNext:hover {
+	background-position: -50px -25px;
 }
 
-.itr:hover .popup {
-	display: block;
+#cboxSlideshow {
 	position: absolute;
-	width: 12em;
-	right: 0;
-	z-index: 9999;
-}
-
-[dir=rtl] .itr:hover .popup {
-	left: 0;
-	right: auto;
+	bottom: 5px;
+	font-size: 14px;
+	left: 57px;
+	margin: 10px;
+	border: 0;
+	background: none;
 }
 
-#layDefinedTags {
-	height: 285px;
-	margin-left: auto;
-	margin-right: auto;
-	overflow: auto;
+#cboxSlideshow:hover {
+	color: #f00;
+	background: #fff;
 }
 
-/* FindFacts pop-up */
-#layDefinedTags,
-#tabDefinedTagsShow {
-	width: 450px;
+#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;
 }
 
-#tabDefinedTags {
-	border-collapse: collapse;
-	width: 430px;
+#cboxClose:hover {
+	background-position: -25px -25px;
 }
 
-#tabDefinedTags tbody th {
-	font-weight: 700;
-	text-align: left;
+#cboxCurrent {
+	bottom: 4px;
+	color: #949494;
+	left: 58px;
+	position: absolute;
 }
 
-#tabDefinedTags th,
-#tabDefinedTags td {
-	border: solid 1px #000;
-	margin: 0;
-	padding: 3px;
+[dir=rtl] #cboxPrevious {
+	right: 27px;
+	left: auto;
 }
 
-#tabDefinedTags tr.sel {
-	background-color: #d1d9ef;
-	color: #888;
+[dir=rtl] #cboxNext {
+	right: 0;
+	left: auto;
 }
 
-#tabDefinedTags tr.unsel {
-	background-color: #fff;
-	color: #888;
+[dir=rtl] #cboxCurrent {
+	right: auto;
+	left: 0;
 }
 
-#tabDefinedTagsShow td,
-#tabAction td {
-	text-align: center;
-	width: 50%;
+[dir=rtl] #cboxClose {
+	right: auto;
+	left: 0;
 }
 
-#tabDefinedTagsShow,
-#tabFilterAndCustom,
-#tabAction {
-	margin-left: auto;
-	margin-right: auto;
+[dir=rtl] #cboxSlideshow {
+	right: 57px;
+	left: auto;
 }
 
-.faq_italic {
-	font-size: 12px;
-	font-style: italic;
-	font-weight: 700;
-	padding: 0 10px;
+/* ===== Census assistant module ===== */
+table.table-census-assistant th {
+	font-weight: bold;
+	text-align: left;
 }
 
-.faq_top,
-.faq_edit {
-	float: right;
+/* Stories module */
+.story_title {
+	padding-top: 12px;
+	font-size: 13px;
+	height: 32px;
+	font-weight: bold;
 }
 
-div.faq_body {
-	clear: both;
-	margin: 1em 0;
-	padding: 1em;
+.story_body {
+	padding: 20px;
+	white-space: normal;
 }
 
-div.faq_title {
-	background-color: #eee;
-	font-weight: 700;
-	margin: 1em 0;
-	padding: .25em;
-	width: 98%;
+.story_edit {
+	padding: 12px;
 }
 
-/* FAQ table */
-table.faq {
-	background-color: #eee;
-	margin: 5px 0 15px 5px;
-	width: 98%;
+.btn-group {
+	display: inline-block;
+	margin: 0 4px;
 }
 
-table.faq tr.odd td {
-	background-color: #eee;
+.btn-group button:first-child,
+[dir=rtl] .btn-group button:last-child {
+	border-radius: 3px 0 0 3px;
 }
 
-[dir=rtl] .faq_top {
-	float: left;
+.btn-group button:last-child,
+[dir=rtl] .btn-group button:first-child {
+	border-radius: 0 3px 3px 0;
 }
 
-[dir=rtl] .faq_edit {
-	float: left;
+/* ====== Charts Styles ======== */
+#ancestry_chart,
+#compact_chart,
+#descendancy_chart,
+#familybook_chart,
+#fan_chart,
+#hourglass_chart,
+#relationship_chart {
+	margin: 20px;
 }
 
-.place {
-	padding-top: 5px;
+/*-- ancestry  --*/
+#ancestry_chart table div p {
+	font-size: 90%;
+	margin: 0;
 }
 
-.logo {
-	text-align: center;
+#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;
 }
 
-ul.clist {
-	list-style-image: none;
-	text-decoration: none;
-	color: #000;
-	margin: 0;
+#ancestry_chart li {
+	list-style: none;
+	margin: 0 0 2px -13px;
+	padding-top: 0;
+	padding-right: 0;
+	padding-bottom: 0;
 }
 
-/* Find special characters */
-.largechars {
-	font-family: monospace;
-	font-size: 200%;
+#ancestry_chart li table {
+	margin: 5px 0;
 }
 
-/* edit, copy, delete links */
-.editfacts {
-	clear: left;
-	padding-top: 15px;
+[dir=rtl] #ancestry_chart ul {
+	background-position: right top;
+	margin: 0 15px 0 0;
+	left: auto;
 }
 
-.editlink,
-.copylink,
-.deletelink {
-	float: left;
+#ancestry_chart span.details1 div[class^="fact_"] {
+	display: inline-block;
 }
 
-span.link_text {
-	display: none;
+[dir=rtl] #ancestry_chart li {
+	margin: 0;
+	padding: 0 2px 0 0;
+	left: auto;
 }
 
-[dir=rtl] .editlink,
-[dir=rtl] .copylink,
-[dir=rtl] .deletelink {
-	float: right;
+/*-- descendancy  --*/
+#descendancy_chart ul {
+	background-image:url(images/vline.png);
+	background-position:left top;background-repeat:repeat-y;
+	list-style: none;
+	margin: 0 0 5px 15px;
+	padding-top: 0;
+	padding-right: 0;
+	padding-bottom: 0;
 }
 
-/* ==== Indi header ==== */
+#descendancy_chart li {
+	list-style: none;
+	margin: 5px 0 0 -15px;
+	padding-top: 0;
+	padding-right: 0;
+	padding-bottom: 0;
+}
 
-#dates {
-	color: #333;
-	float: right;
+#descendancy_chart span.details1 div[class^="fact_"] {
+	display: inline-block;
 }
 
-#sex,
-dd .editlink,
-dd .deletelink {
-	float: right;
+#descendancy_chart td.details1 {
+	padding-top: 5px;
 }
 
-#indi_header {
-	border-radius: 3px;
-	overflow: hidden;
-	margin: 0 2px 5px;
-	width: 100%;
+[dir=rtl] #descendancy_chart ul {
+	background-position: right top;
+	margin: 0 15px 0 0;
+	left: auto;
 }
 
-#indi_header a {
-	color: #337;
-	font-weight: 400;
+[dir=rtl] #descendancy_chart li {
+	margin: 5px -15px 0 0;
+	left: auto;
 }
 
-#indi_header a:hover {
-	color: red;
+/*-- Family book  --*/
+#familybook_chart {
+	margin-left: 10px;
 }
 
-#indi_header h3 {
-	color: #006;
-	font-size: 90%;
-	font-weight: 700;
+#familybook_chart table {
+	border-collapse: collapse;
+	empty-cells: show;
+}
+
+#familybook_chart td {
 	margin: 0;
-	padding: 0 10px 0 30px;
-	text-align: left;
-	overflow: hidden;
-	position: relative;
+	padding: 0;
 }
 
-#indi_header h3 .details1 {
-	font-size: 1em;
+#familybook_chart h2 {
+	text-align: center;
 }
 
-#indi_header h3 .header_age {
-	float: right;
-	font-size: 65%;
-	font-weight: 400;
-	padding: 5px 0 5px 5px;
+#familybook_chart .line3,
+#familybook_chart .pvline,
+#familybook_chart .spacer {
+	width: 3px;
 }
 
-#indi_header h3 a {
-	display: inline;
+#familybook_chart .line4 {
+	width: 7px;
+	vertical-align: middle;
 }
 
-#indi_header .name_one {
-	font-size: 1.5em;
+[ID^="vline"] {
+	width: 3px;
 }
 
-#indi_header h3.person_box,
-#indi_header h3.person_boxF,
-#indi_header h3.person_boxNN {
-	background: #acf;
-	border: 1px solid #8fbcff;
+#familybook_chart h3 {
+	color: #006;
+	font-size: 16px;
+	text-align: center;
 }
 
-#indi_mainimage {
-	float: left;
-	padding: 0 10px 0 0;
+[dir=rtl] #familybook_chart {
+	margin-right: 10px;
 }
 
-#header_accordion1 {
-	overflow: hidden;
+/*-- Fan chart ---- */
+.fan_chart_menu {
+	position: absolute;
+	display: none;
+	z-index: 100;
 }
 
-#header_accordion1 .indi_name_details {
+#fan_chart ul {
+	list-style-type: none;
 	margin: 0;
-	overflow: hidden;
-	padding: 5px;
 }
 
-#indi_header a.warning {
-	color: red;
-	font-size: 1em;
+#fan_chart ul.children li:before {
+	content: "< ";
+	font-weight: bold;
 }
 
-.indi_name_details dt:after {
-	content: ":";
+#fan_chart_img {
+	text-align: center;
 }
 
-.indi_name_details .name1 {
-	font-weight: normal;
+/*-- Hourglass ---- */
+#hourglass_chart img.line4 {
+	vertical-align: middle;
 }
 
-#indi_note {
-	margin: 0 0 5px;
+#hourglass_chart table,
+.charts_block table {
+	border-collapse: collapse;
 }
 
-#indi_note .fact_NOTE {
-	float: left;
-	margin: 0 5px 0 0;
+#hourglass_chart td,
+.charts_block td {
+	padding: 0;
+	empty-cells: show;
 }
 
-#indi_note .fact_SOUR {
-	margin: 3px 0;
+/*-- Interactive ---- */
+.tv_out {
+	margin-top: 12px;
 }
 
-#indi_note .fact_SOUR a {
-	font-size: 100%;
+/*-- Lifespan ---- */
+.lifespan_people span:first-letter {
+	font-variant: small-caps;
+	font-size: 16px;
+	padding: 1px;
 }
 
-#indi_note .fact_NOTE,
-#indi_note .fact_SOUR {
-	clear: both;
+.lifespan_outer {
+	position: relative;
+	width: 99.5%;
+	height: 600px;
+	overflow: hidden;
+	border: solid #00f 1px;
 }
 
-.markdown p {
-	margin: 0 0 0.5em;
-	white-space: pre-wrap;
+.lifespan_outer a:hover {
+	color: #f00;
+	text-decoration: none;
 }
 
-.markdown table {
-	border-collapse: collapse;
+.lifespan_timeline {
+	position: absolute;
+	width: 100%;
+	left: -10px;
+	top: -65px;
+	z-index: 2;
+	background-color: #fff;
 }
 
-.markdown th {
-	font-weight: bold;
+.lifespan_people {
+	position: absolute;
+	width: 500px;
+	left: -10px;
+	top: -60px;
+	z-index: 1;
 }
 
-.markdown td,
-.markdown th {
-	border: solid thin #000;
-	padding: 3px;
+/*-- Pedigree ---- */
+#pedigree_chart #childbox {
+	border: 1px solid;
+	background-color: #fff;
 }
 
-.markdown ol,
-.markdown ul {
-	margin: 12px 0;
+.pedigree_form {
+	width: 45px;
 }
 
-#main_name {
-	color: #555;
-	float: left;
-	font-size: 2em;
-	font-weight: 700;
-	margin: 10px;
+#pedigree-page table.list_table {
+	margin: 0 auto;
+	width: 500px;
 }
 
-.indi_table {
-	clear: left;
+.pedigree_chart_table {
+	border: 0;
+	border-collapse: collapse;
+	padding: 0;
+	width: 100%;
 }
 
-[dir=rtl] #dates {
-	float: left;
+#pedigree_chart {
+	position: relative;
+	top: -200px;
+	left: 0;
 }
 
-[dir=rtl] #indi_header h3 .header_age {
-	padding: 5px 5px 5px 0;
-	float: left;
+[dir=rtl] #pedigree_chart {
+	left: auto;
+	right: 0;
 }
 
-[dir=rtl] #sex {
-	float: left;
+#pedigree_canvas {
+	color: #81a9cb;
+	position: absolute;
+	top: 200px;
+	z-index: -1000;
 }
 
-[dir=rtl] dd .editlink,
-[dir=rtl] dd .deletelink {
-	float: left;
+#pedigree_chart #childarrow,
+#pedigree_chart #uparrow,
+#pedigree_chart .shadow,
+.ancestorarrow {
+	position: absolute;
 }
 
-[dir=rtl] #indi_header {
-	float: right;
+/*-- Relationship ---- */
+#relationship-page h3 {
+	margin: 20px 0 0 20px;
 }
 
-[dir=rtl] #indi_header h3 {
-	padding: 0 30px 0 10px;
-	text-align: right;
+#relationship_chart {
+	margin: 0 6px;
 }
 
-[dir=rtl] #indi_mainimage {
-	float: right;
-	padding: 0 0 0 10px;
+/*-- timeline  --*/
+#timeline_chart {
+	position: relative;
+	top: 50px;
+	left: 0;
 }
 
-[dir=rtl] #indi_note .fact_NOTE {
-	float: right;
-	margin: 0 0 0 10px;
+/* ====== Common Icons ========= */
+[class^="icon-"],
+[class*=" icon-"] {
+	display: inline-block;
+	vertical-align: middle;
+	background-repeat: no-repeat;
 }
 
-[dir=rtl] #main_name {
-	float: right;
+.icon-add {
+	width: 14px;
+	height: 15px;
+	background-image: url(images/add.png);
 }
 
-[dir=rtl] .indi_table {
-	clear: right;
+.icon-admin {
+	width: 22px;
+	height: 22px;
+	background-image: url(images/admin.png);
 }
 
-/* General sprite */
-.male_gender,
-.female_gender,
-.unknown_gender,
-.editicon,
-.copyicon,
-.deleteicon {
-	display: block;
-	background: transparent url(images/general_sprite.png) no-repeat left 0;
+.icon-bing {
+	width: 16px;
+	height: 16px;
+	background-image: url(images/bing.png);
 }
 
-.editicon {
-	background-position: -40px -32px;
-	width: 24px;
+.icon-button_addmedia {
+	width: 18px;
 	height: 16px;
+	background-image: url(images/buttons/addmedia.png);
+	vertical-align: middle;
 }
 
-.copyicon {
-	background-position: -70px -32px;
-	width: 24px;
-	height: 16px;
+.icon-button_addnote {
+	width: 17px;
+	height: 15px;
+	background-image: url(images/buttons/addnote.png);
 }
 
-.deleteicon {
-	background-position: -100px -32px;
-	width: 24px;
+.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);
 }
 
-.female_gender {
-	background-position: -45px 3px;
-	width: 24px;
-	height: 30px;
+.icon-button_calendar {
+	width: 19px;
+	height: 15px;
+	background-image: url(images/buttons/calendar.png);
+	vertical-align: middle;
 }
 
-.male_gender {
-	background-position: -72px 3px;
-	width: 24px;
-	height: 30px;
+.icon-button_family {
+	width: 14px;
+	height: 15px;
+	background-image: url(images/buttons/family.png);
 }
 
-.unknown_gender {
-	background-position: -100px 4px;
-	width: 24px;
-	height: 30px;
+.icon-button_find_facts {
+	width: 20px;
+	height: 20px;
+	background-image: url(images/buttons/find_facts.png);
 }
 
-/* ==== Indi tabs ==== */
-/* Facts & Events tab */
-#personal_facts_content .fact_NOTE,
-#personal_facts_content .fact_SOUR,
-#family-table .fact_NOTE,
-#family-table .fact_SOUR {
-	margin: 5px 3px 5px 0;
-	clear: both;
+.icon-button_head {
+	width: 12px;
+	height: 18px;
+	background-image: url(images/buttons/head.png);
 }
 
-.facts_table .field em {
-	margin-top: 0;
-	padding-left: 5px;
+.icon-button_indi {
+	width: 11px;
+	height: 15px;
+	background-image: url(images/buttons/indi.png);
 }
 
-.facts_table .field img {
+.icon-button_keyboard {
+	width: 30px;
+	height: 15px;
+	background-image: url(images/buttons/keyboard.png);
 	vertical-align: middle;
 }
 
-.media-display-image {
-	float: left;
+.icon-button_media {
+	width: 18px;
+	height: 16px;
+	background-image: url(images/buttons/media.png);
+	vertical-align: middle;
 }
 
-.media-display-title {
-	float: left;
-	font-style: italic;
-	margin: 10px;
+.icon-button_note {
+	width: 17px;
+	height: 15px;
+	background-image: url(images/buttons/note.png);
 }
 
-[dir=rtl] .media-display-image {
-	float: right;
+.icon-button_place {
+	width: 15px;
+	height: 15px;
+	background-image: url(images/buttons/place.png);
+	vertical-align: middle;
 }
 
-[dir=rtl] .media-display-title {
-	float: right;
+.icon-button_repository {
+	width: 15px;
+	height: 15px;
+	background-image: url(images/buttons/repository.png);
 }
 
-[dir=rtl] .facts_table .field em {
-	padding-right: 5px;
+.icon-button_source {
+	width: 18px;
+	height: 16px;
+	background-image: url(images/buttons/source.png);
 }
 
-/* Album tab */
-.album-list {
-	list-style-type: none;
+.icon-cfamily {
+	width: 22px;
+	height: 22px;
+	background-image: url(images/cfamily.png);
 }
 
-.album-list-item {
-	display: inline-block;
-	text-align: center;
-	padding: 0 12px;
-	height: 112px;
-	width: 120px;
+.icon-childless {
+	width: 25px;
+	height: 25px;
+	background-image: url(images/childless.png);
 }
 
-.album-list-item a img {
-	max-height: 78px;
-	max-width: 100px;
-	height: auto;
-	width: auto;
+.icon-children {
+	width: 16px;
+	height: 16px;
+	background-image: url(images/children.png);
 }
 
-.album-list-item a:hover div {
-	outline: thin solid #bdb071;
+.icon-clippings {
+	width: 22px;
+	height: 22px;
+	background-image: url(images/clippings.png);
 }
 
-.album-image {
-	margin: auto;
+.icon-darrow {
+	width: 20px;
+	height: 20px;
+	background-image: url(images/darrow.png);
 }
 
-.album-title {
-	padding-top: 4px;
-	width: 100%;
+a.icon-darrow:hover {
+	width: 20px;
+	height: 20px;
+	background-image: url(images/darrow2.png);
 }
 
-/* ========= jquery-ui.custom.css changes ============ */
-.ui-accordion .ui-accordion-content {
-	margin-top: 1px;
-	overflow: visible;
-	padding: 0 5px;
-	position: relative;
+.icon-ddarrow {
+	width: 20px;
+	height: 20px;
+	background-image: url(images/ddarrow.png);
 }
 
-.ui-accordion .ui-accordion-header {
-	margin-top: 0;
+a.icon-ddarrow:hover {
+	width: 20px;
+	height: 20px;
+	background-image: url(images/ddarrow2.png);
 }
 
-.ui-accordion .ui-accordion-header a {
-	padding: 2px;
-	text-align: center;
+.icon-edit_indi {
+	width: 22px;
+	height: 22px;
+	background-image: url(images/edit_indi.png);
 }
 
-.ui-accordion .ui-accordion-header {
-	margin-top: 0;
-	text-align: center;
+.icon-email {
+	width: 16px;
+	height: 16px;
+	background-image: url(images/email.png);
 }
 
-.ui-helper-reset {
-	line-height: 1.5;
+.icon-fam-list {
+	width: 22px;
+	height: 22px;
+	background-image: url(images/sfamily.png);
 }
 
-.ui-state-active a:link {
-	color: #fff;
+.icon-googlemaps {
+	width: 16px;
+	height: 16px;
+	background-image: url(images/googlemaps.png);
 }
 
-.ui-state-active,
-.ui-widget-content .ui-state-active {
-	background: #acf;
-	border: 0 solid #8fbcff;
-	color: #000;
-	font-weight: 400;
-	outline: none;
+.icon-help {
+	cursor: help;
+	margin: 0 5px;
+	width: 15px;
+	height: 15px;
+	background-image: url(images/help.png);
 }
 
-.ui-state-default a:link,
-.ui-state-hover a,
-.ui-state-hover a:hover {
-	color: #000;
+.icon-indi-list {
+	width: 22px;
+	height: 22px;
+	background-image: url(images/indis.png);
 }
 
-.ui-state-highlight a {
-	color: red;
+.icon-larrow {
+	width: 20px;
+	height: 20px;
+	background-image: url(images/larrow.png);
 }
 
-.ui-tabs,
-.ui-tabs .ui-tabs-nav li a {
-	padding: 0;
+a.icon-larrow:hover {
+	width: 20px;
+	height: 20px;
+	background-image: url(images/larrow2.png);
 }
 
-.ui-tabs .ui-tabs-nav li a span {
-	padding: .5em 1em;
+.icon-ldarrow {
+	width: 20px;
+	height: 20px;
+	background-image: url(images/ldarrow.png);
 }
 
-.ui-tabs .ui-tabs-panel {
-	padding: 1em 0;
+a.icon-ldarrow:hover {
+	width: 20px;
+	height: 20px;
+	background-image: url(images/ldarrow2.png);
 }
 
-.ui-widget-header {
-	border: 1px solid #fff;
+.icon-lifespan-chunk {
+	width: 50px;
+	height: 37px;
+	background-image: url(images/lifespan-chunk.png);
 }
 
-span.link_text {
-	display: none;
+.icon-loading-small {
+	width: 16px;
+	height: 16px;
+	background-image: url(images/indicator.gif);
 }
 
-.ui-menu .ui-menu-item a {
-	font-size: 12px;
+.icon-loading-large {
+	width: 32px;
+	height: 32px;
+	background-image: url(images/loading.gif);
 }
 
-.ui-menu .ui-menu-item a.ui-state-hover,
-.ui-menu .ui-menu-item a.ui-state-active {
-	color: red;
+.icon-lsdnarrow {
+	width: 48px;
+	height: 48px;
+	background-image: url(images/lifespan-down.png);
 }
 
-[dir=rtl] .ui-accordion .ui-accordion-header .ui-icon {
-	right: 0.5em;
+.icon-lsltarrow {
+	width: 48px;
+	height: 48px;
+	background-image: url(images/lifespan-left.png);
 }
 
-[dir=rtl] .ui-tabs {
-	direction: rtl;
+.icon-lsrtarrow {
+	width: 48px;
+	height: 48px;
+	background-image: url(images/lifespan-right.png);
 }
 
-[dir=rtl] .ui-tabs .ui-tabs-nav li.ui-tabs-selected,
-[dir=rtl] .ui-tabs .ui-tabs-nav li.ui-state-default {
-	float: right;
+.icon-lsuparrow {
+	width: 48px;
+	height: 48px;
+	background-image: url(images/lifespan-up.png);
 }
 
-[dir=rtl] .ui-dialog-title {
-	float: right;
+.icon-media {
+	width: 32px;
+	height: 32px;
+	background-image: url(images/media.png);
 }
 
-[dir=rtl] .ui-dialog-titlebar-close {
-	left: .3em;
-	right: auto;
+.icon-media-list {
+	width: 32px;
+	height: 32px;
+	background-image: url(images/media.png);
 }
 
-/* ==== jQuery over-rides ==== */
-
-#loading {
-	text-align: center;
+.icon-media-next {
+	width: 20px;
+	height: 20px;
+	background-image: url(images/rdarrow.png);
 }
 
-.DataTables_sort_wrapper {
-	margin: 0 20px;
-	position: relative;
+.icon-media-play {
+	width: 20px;
+	height: 20px;
+	background-image: url(images/rarrow.png);
 }
 
-.DataTables_sort_wrapper span {
-	left: 0;
-	margin-left: -20px;
-	margin-top: -8px;
-	position: absolute;
-	top: 50%;
+.icon-media-prev {
+	width: 20px;
+	height: 20px;
+	background-image: url(images/ldarrow.png);
 }
 
-.css_right {
-	float: left;
+.icon-media-shuffle {
+	width: 10px;
+	height: 10px;
+	background-image: url(images/reorder.png);
 }
 
-.dataTables_filter {
-	float: right;
-	margin: 4px;
+.icon-media-stop {
+	width: 20px;
+	height: 20px;
+	background-image: url(images/stop.png);
 }
 
-.dataTables_length {
-	float: right;
+.icon-minus {
+	width: 11px;
+	height: 11px;
+	background-image: url(images/minus.png);
 }
 
-.dataTables_length select,
-.dataTables_filter input {
-	font-size: 11px;
-	padding: 1px;
+.icon-mypage {
+	width: 22px;
+	height: 22px;
+	background-image: url(images/mypage.png);
 }
 
-.dataTables_paginate,
-.dataTables_processing,
-.dataTables_info {
-	float: left;
-	margin: 5px;
+.icon-note {
+	width: 22px;
+	height: 22px;
+	background-image: url(images/notes.png);
 }
 
-.dt-clear {
-	clear: both;
+.icon-note-list {
+	width: 22px;
+	height: 22px;
+	background-image: url(images/notes.png);
 }
 
-.fg-button {
-	padding: 2px 6px;
+.icon-osm {
+	width: 16px;
+	height: 16px;
+	background-image: url(images/osm.png);
 }
 
-.fg-toolbar button {
-	margin: 2px;
-	padding: 1px 6px;
+.icon-plus {
+	width: 11px;
+	height: 11px;
+	background-image: url(images/plus.png);
 }
 
-.odd {
-	background-color: #d9eaf7;
+.icon-rarrow {
+	width: 20px;
+	height: 20px;
+	background-image: url(images/rarrow.png);
 }
 
-.even {
-	background-color: #fafafa;
+a.icon-rarrow:hover {
+	width: 20px;
+	height: 20px;
+	background-image: url(images/rarrow2.png);
 }
 
-.recent_changes_block .dataTables_info,
-.upcoming_events_block .dataTables_info,
-.todays_events_block .dataTables_info,
-.todo_block .dataTables_info,
-.yahrzeit_block .dataTables_info {
-	padding: 0;
+.icon-rdarrow {
+	width: 20px;
+	height: 20px;
+	background-image: url(images/rdarrow.png);
 }
 
-.upcoming_events_block .dataTables_info,
-.todays_events_block .dataTables_info {
-	padding: 2px 0 0;
+a.icon-rdarrow:hover {
+	width: 20px;
+	height: 20px;
+	background-image: url(images/rdarrow2.png);
 }
 
-.upcoming_events_block button,
-.todays_events_block button {
-	margin: 5px 20px;
+.icon-reminder {
+	width: 15px;
+	height: 12px;
+	background-image: url(images/reminder.png);
 }
 
-[dir=rtl] .css_right {
-	float: right;
+.icon-remove {
+	width: 16px;
+	height: 16px;
+	background-image: url(images/delete.png);
 }
 
-[dir=rtl] .dataTables_paginate {
-	float: right;
+.icon-resn-confidential {
+	width: 16px;
+	height: 16px;
+	background-image: url(images/resn_confidential.png);
 }
 
-[dir=rtl] .dataTables_processing {
-	float: right;
+.icon-resn-locked {
+	width: 16px;
+	height: 16px;
+	background-image: url(images/resn_locked.png);
 }
 
-[dir=rtl] .dataTables_filter {
-	float: left;
+.icon-resn-none {
+	width: 16px;
+	height: 16px;
+	background-image: url(images/resn_none.png);
 }
 
-[dir=rtl] .dataTables_info {
-	float: right;
+.icon-resn-privacy {
+	width: 16px;
+	height: 16px;
+	background-image: url(images/resn_privacy.png);
 }
 
-[dir=rtl] .dataTables_length {
-	float: left;
+.icon-rings {
+	width: 9px;
+	height: 9px;
+	background-image: url(images/rings.png);
 }
 
-[dir=rtl] .DataTables_sort_wrapper {
-	margin-right: 20px;
+.icon-selected {
+	width: 12px;
+	height: 12px;
+	background-image: url(images/selected.png);
 }
 
-[dir=rtl] .DataTables_sort_wrapper span {
-	left: auto;
-	right: 0;
-	margin-right: -20px;
+.icon-sex_f_15x15 {
+	width: 15px;
+	height: 15px;
+	background-image: url(images/sex_f_15x15.png);
 }
 
-/* ==== List styles ===== */
-
-#firstfocus {
-	font-size: 12px;
-	width: 330px;
+.icon-sex_f_9x9 {
+	width: 9px;
+	height: 9px;
+	background-image: url(images/sex_f_9x9.png);
 }
 
-#search-result-tabs h3,
-#place-hierarchy h2,
-#place-hierarchy h4 {
-	text-align: center;
+.icon-sex_m_15x15 {
+	width: 15px;
+	height: 15px;
+	background-image: url(images/sex_m_15x15.png);
 }
 
-#search-result-tabs,
-#places-tabs {
-	margin: auto;
-	visibility: hidden;
-	width: 98%;
+.icon-sex_m_9x9 {
+	width: 9px;
+	height: 9px;
+	background-image: url(images/sex_m_9x9.png);
 }
 
-#searchAccordion-indi,
-#searchAccordion-fam,
-#searchAccordion-source,
-#searchAccordion-note {
-	margin: auto;
-	width: 99%;
+.icon-sex_u_15x15 {
+	width: 15px;
+	height: 15px;
+	background-image: url(images/sex_u_15x15.png);
 }
 
-#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;
+.icon-sex_u_9x9 {
+	width: 9px;
+	height: 9px;
+	background-image: url(images/sex_u_9x9.png);
 }
 
-#source-edit,
-#note-edit,
-#repo-edit,
-#media-edit {
-	overflow-x: auto;
+.icon-source {
+	width: 25px;
+	height: 25px;
+	background-image: url(images/source.png);
 }
 
-#source-tabs,
-#note-tabs,
-#repo-tabs,
-#media-tabs {
-	margin: auto;
-	visibility: hidden;
-	width: 80%;
+.icon-target {
+	width: 15px;
+	height: 15px;
+	background-image: url(images/buttons/target.png);
+	vertical-align: middle;
 }
 
-#statistics_chart {
-	margin: auto;
-	visibility: hidden;
-	width: 90%;
+.icon-uarrow {
+	width: 20px;
+	height: 20px;
+	background-image: url(images/uarrow.png);
 }
 
-.filters .ui-state-default {
-	margin: 0 2px;
-	padding: 2px;
+a.icon-uarrow:hover {
+	width: 20px;
+	height: 20px;
+	background-image: url(images/uarrow2.png);
 }
 
-.filtersH img {
-	margin-bottom: 2px;
+.icon-udarrow {
+	width: 20px;
+	height: 20px;
+	background-image: url(images/udarrow.png);
 }
 
-.filtersH,
-.filtersF {
-	margin: 4px;
+a.icon-udarrow:hover {
+	width: 20px;
+	height: 20px;
+	background-image: url(images/udarrow2.png);
 }
 
-.givn-list th {
-	cursor: pointer;
-	padding: 2px;
-	text-align: center;
-	white-space: nowrap;
+.icon-warning {
+	width: 17px;
+	height: 17px;
+	background-image: url(images/warning.png);
 }
 
-.indi-list .stats,
-.fam-list .stats {
-	margin: 0 auto;
-	width: auto;
+.icon-wiki {
+	width: 16px;
+	height: 16px;
+	background-image: url(images/w_button.png);
 }
 
-.indi-list td,
-.fam-list td {
-	color: #555;
+.icon-zoomin {
+	width: 25px;
+	height: 25px;
+	background-image: url(images/zoomin.png);
 }
 
-.loading-image {
-	background: transparent url(images/loading.gif) 50% 50% no-repeat;
-	height: 50px;
-	margin: 50px;
+.icon-zoomout {
+	width: 25px;
+	height: 25px;
+	background-image: url(images/zoomout.png);
 }
 
-.media-list td img {
-	display: block;
-	height: 40px;
-	width: auto;
-	margin: 3px auto;
+/* Silhouettes on charts */
+.icon-silhouette-F {
+	width: 37px;
+	height: 45px;
+	background-image: url(images/silhouette_female_small.png);
 }
 
-.source-list table,
-.note-list table,
-.repo-list table,
-.media-list table,
-.indi-list table,
-.fam-list table {
-	width: 100%;
+.icon-silhouette-M {
+	width: 37px;
+	height: 45px;
+	background-image: url(images/silhouette_male_small.png);
 }
 
-.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;
+.icon-silhouette-U {
+	width: 37px;
+	height: 45px;
+	background-image: url(images/silhouette_unknown_small.png);
 }
 
-.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;
+#indi_mainimage .icon-silhouette-F {
+	width: 99px;
+	height: 106px;
+	background-image: url(images/silhouette_female.png);
 }
 
-.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;
+#indi_mainimage .icon-silhouette-M {
+	width: 99px;
+	height: 99px;
+	background-image: url(images/silhouette_male.png);
 }
 
-.source-list,
-.note-list,
-.repo-list,
-.media-list,
-.indi-list,
-.fam-list {
-	margin: 5px auto;
-	visibility: hidden;
-	width: 98%;
+#indi_mainimage .icon-silhouette-U {
+	width: 100px;
+	height: 97px;
+	background-image: url(images/silhouette_unknown.png);
 }
 
-.surname-list td {
-	vertical-align: top;
+[class^="icon-mime-"],
+[class*=" icon-mime-"] {
+	display: inline-block;
+	background: transparent url(images/icon-mime-sprite.png) no-repeat;
+	width: 48px;
+	height: 48px;
 }
 
-.surname-list,
-.givn-list {
-	margin: 5px auto;
+/* ===== Generic MIME types ===== */
+[class^="icon-mime-"],
+[class*=" icon-mime-"] {
+	background-position: -99px -49px;
 }
 
-[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;
+[class^="icon-mime-application-"],
+[class*=" icon-mime-application-"] {
+	background-position: -99px -196px;
 }
 
-/* ==== Sidebar ===== */
-#indi_left {
-	display: table-cell;
+[class^="icon-mime-audio-"],
+[class*=" icon-mime-audio-"] {
+	background-position: -197px -98px;
 }
 
-#main {
-	min-width: 600px;
-	width: 100%;
-	padding: 5px 2px 0;
-	display: table;
-	table-layout: fixed;
+[class^="icon-mime-image-"],
+[class*=" icon-mime-image-"] {
+	background-position: -148px -245px;
 }
 
-#tabs {
-	background-color: #fff;
-	border-color: #8fbcff;
-	overflow: visible;
-	width: 100%;
+[class^="icon-mime-text-"],
+[class*=" icon-mime-text-"] {
+	background-position: -197px -147px;
 }
 
-[dir=rtl] #tabs {
-	float: right;
+[class^="icon-mime-video-"],
+[class*=" icon-mime-video-"] {
+	background-position: -148px -147px;
 }
 
-#sidebar {
-	width: 20%;
-	display: table-cell;
-	vertical-align: top;
+/* ===== Specific MIME types ===== */
+.icon-mime-application-pdf {
+	background-position: -1px -49px;
 }
 
-#sidebarAccordion {
-	border: 1px solid #8fbcff;
+.icon-mime-application-msword {
+	background-position: -148px -49px;
 }
 
-#separator {
-	display: table-cell;
-	width: 2.5em;
-	position: relative;
-	background-color: transparent;
-	overflow: hidden;
+.icon-mime-application-vnd-ms-excel {
+	background-position: -148px -196px;
 }
 
-#separator:after {
-	position: absolute;
-	top: 0;
-	left: auto;
-	right: 0;
-	width: 10px;
-	height: 99999px;
-	content: "";
-	border: 1px solid #8fbcff;
-	border-top-left-radius: 3px;
-	border-top-right-radius: 3px;
+.icon-mime-application-x-rar-compressed {
+	background-position: -50px -98px;
 }
 
-[dir=rtl] #separator:after {
-	left: 0;
-	right: auto;
+.icon-mime-application-zip {
+	background-position: -50px -147px;
 }
 
-.separator-hidden:after,
-[dir=rtl] .separator-visible:after {
-	background: #acf url(images/general_sprite.png) no-repeat -26px 100px;
+.icon-mime-application-x-shockwave-flash {
+	background-position: -148px 0;
 }
 
-.separator-visible:after,
-[dir=rtl] .separator-hidden:after {
-	background: #acf url(images/general_sprite.png) no-repeat -1px 100px;
+.icon-mime-audio-mp3 {
+	background-position: -50px -245px;
 }
 
-/* ==== Sidebar content items ==== */
-/* Family navigator */
-#sb_content_family_nav {
-	padding: 0;
+.icon-mime-audio-mpeg {
+	background-position: -50px 0;
 }
 
-#sb_family_nav_content {
-	margin-top: 8px;
+.icon-mime-audio-x-ms-wma {
+	background-position: -1px -245px;
 }
 
-.nav_content .facts_label {
-	width: 75px;
+.icon-mime-audio-wav {
+	background-position: -1px -98px;
 }
 
-.famnav_title {
-	font-weight: bold;
-	display: block;
-	padding: 5px 0;
+.icon-mime-text-html {
+	background-position: -99px -245px;
 }
 
-.flyout {
-	left: 40px;
-	padding: 3px;
-	background-color: #ecf5ff;
-	border: 1px solid #ccc;
+.icon-mime-text-x-gedcom {
+	background-position: -50px -49px;
 }
 
-[dir=rtl] .flyout {
-	left: auto;
-	right: 40px;
+.icon-mime-image-bmp {
+	background-position: 197px 0;
 }
 
-.flyout a, .flyout a:hover {
-	color: #000;
-	cursor: default;
-	text-decoration: none;
+.icon-mime-image-gif {
+	background-position: -197px -49px;
 }
 
-.flyout2 {
-	font-weight: 700;
+.icon-mime-image-jpeg {
+	background-position: -1px -147px;
 }
 
-.flyout3 {
-	color: #039;
-}
-
-.flyout3:hover {
-	cursor: pointer;
-	color: #f00;
+.icon-mime-image-png {
+	background-position: -99px -98px;
 }
 
-.nam a:hover {
-	color: red;
+.icon-mime-image-svg {
+	background-position: -197px -196px;
 }
 
-.nav_content {
-	padding: 0;
-	width: 100%;
+.icon-mime-image-tiff {
+	background-position: -148px -98px;
 }
 
-/* Descendancy */
-#sb_content_descendancy {
-	margin-top: 5px;
+.icon-mime-video-quicktime {
+	background-position: -99px -147px;
 }
 
-#sb_desc_content {
-	margin-left: 3px;
-	font-size: 0.8em;
+.icon-mime-video-avi {
+	background-position: -99px 0;
 }
 
-#sb_desc_content ul {
-	padding: 0;
-	margin: 0;
+.icon-mime-video-x-ms-wmv {
+	background-position: -50px -196px;
 }
 
-.desc_tree_div {
-	display: none;
+/* ====== End Icon styles ====== */
+
+/* ====== Theme Header ========= */
+
+/* Tbl hdrs and Light Text */
+.descriptionbox,
+.topbottombar,
+.topbottombar a,
+.list_label,
+.list_label a,
+.facts_label,
+.facts_label a,
+.facts_label .date,
+.facts_label03,
+.facts_table h2,
+.facts_table .descriptionbox a,
+.blockcontent .facts_label {
+	background-color: #95b8e0;
+	color: #039;
 }
 
-.desc_tree_div ul {
-	padding: 0;
-	margin-left: 10px;
-	margin-top: 0;
-	margin-right: 0;
+/* Base Color */
+.descriptionbox .submenu a,
+.blockcontent,
+.list_value,
+.list_value_wrap,
+.news_box,
+.submenuitem_hover {
+	background: #fff;
 }
 
-.sb_desc_indi_li {
-	list-style-type: none;
-	white-space: nowrap;
+header {
+	background: #acf url(images/clouds.png) repeat-x;
+	border: 1px solid #039;
+	height: 63px;
+	position: relative;
+	margin: 0;
 }
 
-[dir=rtl] #sb_desc_content {
-	margin-right: 3px;
+.header-search {
+	position: absolute;
+	top: 5px;
+	right: 10px;
 }
 
-[dir=rtl] .desc_tree_div ul {
-	margin-right: 10px;
-	margin-left: 0;
+[dir=rtl] .header-search {
+	left: 10px;
+	right: auto;
 }
 
-/* Individuals, Families */
-#sb_content_individuals,
-#sb_content_families {
-	margin-top: 5px;
+/* Set stack level for top two header menu rows */
+.secondary-menu ul,
+.primary-menu ul {
+	z-index: 210;
 }
 
-.name_tree_div {
-	display: none;
+#topMenu {
+	background: #acf;
+	clear: both;
+	height: 31px;
+	width: 100%;
 }
 
-.name_tree_div li,
-.name_tree_div_visible li {
-	list-style: none;
+#topMenu ul {
 	margin: 0;
 	padding: 0;
 }
 
-.name_tree_div ul,
-.name_tree_div_visible ul {
-	padding: 0;
-	margin: 0;
+/* Set stack level for top two header menu rows */
+/* ====== Secondary menu ======= */
+.secondary-menu {
+	position: absolute;
+	bottom: 0;
+	right: 10px;
 }
 
-.sb_indi_surname_li,
-.sb_fam_surname_li {
-	list-style-image: url(images/plus.png);
+.secondary-menu li {
+	display: inline;
+	position: relative;
+	white-space: nowrap;
 }
 
-/* Clippings */
-#sb_clippings_content li {
-	list-style: none;
-	margin: 0;
-	padding: 0;
+.secondary-menu li:before {
+	content: " | ";
 }
 
-#sb_clippings_content ul {
-	margin: 0;
-	padding: 0;
+.secondary-menu ul {
+	background-color: #eee;
+	border: thin solid #aaa;
+	display: none;
+	left: 0;
+	position: absolute;
 }
 
-#sb_content_clippings {
-	margin-top: 5px;
+.secondary-menu ul li {
+	display: block;
+	text-align: left;
 }
 
-/* References */
-#sb_content_extra_info {
-	font-size: 80%;
-	font-weight: 700;
-	margin-top: 1px;
-	overflow: hidden;
-	padding: 5px;
+.secondary-menu ul li a {
+	color: #333;
+	padding: 2px 5px 2px 2px;
 }
 
-#sb_content_extra_info #hitcounter {
-	border-top: 1px solid #bcd;
-	font-weight: 700;
-	padding-top: 5px;
+.secondary-menu {
+	list-style: none;
+	margin-left: 0;
+	padding: 1px;
 }
 
-#sb_content_extra_info .editfacts {
-	float: right;
-	margin-top: -30px;
+.secondary-menu ul {
+	list-style: none;
+	margin-left: 0;
+	padding: 1px;
+	top: 5px;
 }
 
-#sb_content_extra_info a {
+/*set position of dropdown */
+.secondary-menu li:hover > ul {
 	display: block;
 }
 
-#sb_content_extra_info span {
-	font-weight: 400;
+.secondary-menu li a {
+	color: #039;
 }
 
-#sb_content_extra_info span a {
-	display: inline;
+.secondary-menu li a:hover {
+	color: #f5003d;
 }
 
-[dir=rtl] #sb_content_extra_info .editfacts {
-	float: left;
+.secondary-menu ul li a {
+	background-color: #fff;
+	display: block;
+	padding: 0 5px;
 }
 
-/* ==== find.php ==== */
-#find-facts-header .list_label {
-	text-align: inherit;
+.secondary-menu ul li a:hover {
+	background: #c8e7ff;
+	color: #000;
 }
 
-#find-header {
-	background-color: #95b8e0;
-	border: 1px solid #95b8e0;
-	border-radius: 3px;
-	margin: 10px auto;
-	padding: 5px 20px;
-	width: 50%;
+li a.link {
+	font-size: 13px;
+	margin-left: 5px;
+	margin-right: 5px;
 }
 
-#find-header p {
-	margin: 5px;
-	text-align: center;
+.secondary-menu li ul li:before,
+.secondary-menu li:first-child:before {
+	content: "";
 }
 
-#find-header span {
-	color: #fff;
-	font-weight: 700;
+.lang-active,
+.theme-active {
+	color: #006;
+	font-weight: 900;
 }
 
-#find-media {
-	background-color: #95b8e0;
-	border: 1px solid #95b8e0;
-	color: #fff;
-	padding: 5px;
-	text-align: center;
+.hsearch {
+    display: block;
+    float: right;
+    padding-right: 10px;
+    padding-top: 5px;
 }
 
-#find-media span {
-	border: 0;
-	font-weight: 700;
-	margin: auto;
-	padding: 5px;
+.search-icon {
+	height: 17px;
+	vertical-align: top;
 }
 
-#find-output .find-media-details div span {
-	font-weight: 400;
-	padding: 0 5px 2px;
+[dir=rtl] .secondary-menu {
+    left: 10px;
+    right: auto;
 }
 
-#find-output .find-media-details p {
-	border: 0;
-	font-weight: 400;
-	padding: 0 5px 2px;
-	text-align: left;
+[dir=rtl] .secondary-menu ul {
+	left: auto;
+	right: -40px;
 }
 
-#find-output p {
-	border-top: 1px solid #95b8e0;
-	font-weight: 700;
-	margin: 0;
-	padding-top: 10px;
-	text-align: center;
+[dir=rtl] .secondary-menu ul li {
+	text-align: right;
 }
 
-#find-output p.find-media-title {
-	font-weight: 700;
+/* ====== Primary menu ========= */
+header h1 {
+    color: #039;
+    font-size: 20px;
+    font-weight: normal;
+	margin: 5px 12px;
 }
 
-#find-output,
-#find-output-special {
-	background-color: #fff;
-	border: 1px solid #95b8e0;
-	border-radius: 3px;
-	margin: 20px 5px;
-	padding: 10px;
+.primary-menu {
+	position: absolute;
+	top: 20px;
+	left: -20px;
 }
 
-#find-page h3,
-#find-page h4 {
-	margin: 10px;
-	text-align: center;
+[dir=rtl] .primary-menu {
+	right: -20px;
+	left: auto;
 }
-
-#find-output .find-media-details {
-	float: left;
-}
-
-#find-output .find-media-details ul {
-	list-style-type: none;
-	margin: 0 20px 10px;
+.primary-menu ul {
 	padding: 0;
+	margin: 0;
+	border: 1px solid #ddd;
+	list-style-type: none;
+	position: absolute;
+	visibility: hidden;
+	opacity: 0;
+	background-color: #fff;
 }
 
-#find-output .find-media-dirs {
-	border-bottom: 1px solid #95b8e0;
-	padding: 3px;
-}
-
-#find-output .find-media-media {
-	border: 1px solid #95b8e0;
-	margin: 1px;
-	overflow: hidden;
-	padding: 2px;
-}
-
-#find-output .find-media-thumb {
-	clear: left;
+.primary-menu li {
 	float: left;
+	position: relative;
+	display: block;
+	list-style: none;
 }
 
-/* ==== search.php ==== */
-#search-page h2,
-#search_submit {
-	margin: 20px;
-	text-align: center;
+.primary-menu li a {
+	display: block;
 }
 
-#search-page-table {
-	background-color: #95b8e0;
-	border: 1px outset #ccc;
-	border-top: 0;
-	margin: 20px auto 0;
-	width: 580px;
+.primary-menu li > ul {
+	display: block;
+	position: absolute;
+	top: 0;
+	left: 100%;
+	right: auto;
 }
 
-#search-page-table .label {
-	border-top: 1px solid #ccc;
-	color: #fff;
-	float: left;
-	font-weight: 700;
-	padding: 5px 10px 0;
-	width: 150px;
+.primary-menu > li > a {
+	height: 37px;
+	width: 27px;
 }
 
-#search-page-table .value {
-	background-color: #fff;
-	border-top: 1px solid #ccc;
-	margin: 0 0 0 170px;
-	padding: 5px;
-	white-space: nowrap;
+.primary-menu > li > ul {
+	left: 0;
+	right: auto;
+	top: 22px;
 }
 
-#search-page-table p {
+.primary-menu a {
+	display: block;
+	text-decoration: none;
+	padding: 0 10px;
 	margin: 0;
+	white-space: nowrap;
 }
 
-[dir=rtl] #search-page-table .label {
-	float: right;
-}
-
-[dir=rtl] #search-page-table .value {
-	margin: 0 170px 0 0;
-}
-
-/* ============== edituser.php ======================= */
-#edituser-page h2,
-#edituser_submit {
-	margin: 20px;
-	text-align: center;
+.primary-menu ul li:hover a,
+.primary-menu li:hover li a {
+	background: none;
+	border: 0;
 }
 
-#edituser-table {
-	background-color: #95b8e0;
-	border: 1px outset #ccc;
-	border-top: 0;
-	margin: 20px auto 0;
-	width: 800px;
+.primary-menu li:hover > ul {
+	visibility: visible;
+	opacity: 1;
 }
 
-#edituser-table .label {
-	border-top: 1px solid #ccc;
-	color: #fff;
-	float: left;
+.primary-menu > li > ul > li:first-child {
+	text-indent: 0;
+	min-width: 100px;
+	width: 100%;
+	background: none;
 	font-weight: bold;
-	padding: 5px 10px 0;
-	width: 240px;
 	white-space: nowrap;
+	font-size: 14px;
+	text-align: center;
+	height: 22px;
+	line-height: 1.5;
+	border-bottom: solid #ddd 1px;
 }
 
-#edituser-table .value {
-	background-color: #fff;
-	border-top: 1px solid #ccc;
-	margin: 0 0 0 260px;
-	padding: 5px;
+.primary-menu > li {
+	background-image: url(images/sprites-top-menu.png);
+	background-repeat: no-repeat;
+	height: 22px;
+	line-height: 22px;
+	margin: 5px 0 0 10px;
+	width: 22px;
+	height: 22px;
 }
 
-#edituser-table .label span {
-	margin: 0 10px;
-}
 
-#edituser-table select {
-	margin: 0;
-}
 
-[dir=rtl] #edituser-table .label {
-	float: right;
+.primary-menu li ul li {
+	background-image: url(images/sprites-sub-menu.png);
+	background-repeat: no-repeat;
+	height: 22px;
+	left: auto;
+	line-height: 15px;
+	text-align: left;
+	margin: 2px 0;
+	text-indent: 22px;
+	width: 100%;
 }
 
-[dir=rtl] #edituser-table .value {
-	margin: 0 260px 0 0;
+/* Reverse left and right on RTL pages */
+[dir=rtl] .primary-menu > li {
+	margin: 4px 16px 0 0;
 }
 
-/* ======= Who is online block ========== */
-.logged_in_list {
-	margin: 5px 0 0;
-	padding: 0;
-	line-height: 20px;
+[dir=rtl] .primary-menu li {
+	float: right;
 }
 
-@media print {
-	#content {
-		padding: 0;
-	}
-
-	#backprint,
-	#sidebar,
-	#CB_All,
-	#separator,
-	header,
-	footer,
-	form,
-	.noprint {
-		display: none !important;
-	}
-
-	#pedigree_chart {
-		left: -80px;
-	}
-
-	#header_accordion1 {
-		width: 510px !important;
-	}
-
-	[dir=rtl] #pedigree_chart {
-		left: auto;
-		right: -80px;
-	}
-
-	#familybook_chart h3 {
-		margin-bottom: 10px;
-		vertical-align: middle;
-	}
-
-	/* buttons and input are used out of forms in sortable tables*/
-	.lifespan_outer {
-		border: 0;
-		height: auto;
-		overflow: visible;
-		position: relative;
-		width: auto;
-	}
-
-	.lifespan_people {
-		left: -10px;
-		position: absolute;
-		top: -60px;
-		width: auto;
-		z-index: 1;
-	}
+[dir=rtl] .primary-menu li:hover > ul {
+	right: 100%;
+	left: auto;
 }
 
-/* Icons */
-[class^="icon-"],
-[class*=" icon-"] {
-	display: inline-block;
-	vertical-align: middle;
-	background-repeat: no-repeat;
+[dir=rtl] .primary-menu > li:hover > ul {
+	left: auto;
+	right: 0;
 }
 
-.icon-add {
-	width: 14px;
-	height: 15px;
-	background-image: url(images/add.png);
+[dir=rtl] .primary-menu li li {
+	text-align: right;
 }
 
-.icon-admin {
-	width: 22px;
-	height: 22px;
-	background-image: url(images/admin.png);
+[dir=rtl] .primary-menu li li a {
+	display: block;
 }
 
-.icon-bing {
-	width: 16px;
-	height: 16px;
-	background-image: url(images/bing.png);
+[dir=rtl] .primary-menu > li > ul > li:first-child {
+	text-align: center;
 }
 
-.icon-button_addmedia {
-	width: 18px;
-	height: 16px;
-	background-image: url(images/buttons/addmedia.png);
-}
+/* ====== End Theme Header ===== */
 
-.icon-button_addnote {
-	width: 17px;
-	height: 15px;
-	background-image: url(images/buttons/addnote.png);
+/* ====== Theme Footer ========= */
+.contact_links {
+	margin: 30px 0 15px;
+	text-align: center;
 }
 
-.icon-button_addrepository {
-	width: 15px;
-	height: 15px;
-	background-image: url(images/buttons/addrepository.png);
+.execution_stats {
+	padding: 12px;
+	text-align: center;
 }
 
-.icon-button_addsource {
-	width: 18px;
-	height: 16px;
-	background-image: url(images/buttons/addsource.png);
+.logo {
+	text-align: center;
 }
 
-.icon-button_calendar {
-	width: 19px;
-	height: 15px;
-	background-image: url(images/buttons/calendar.png);
+footer .center {
+	text-align: center;
 }
 
-.icon-button_family {
-	width: 14px;
-	height: 15px;
-	background-image: url(images/buttons/family.png);
+footer .error {
+	color: #d00;
+	font-weight: bold;
 }
 
-.icon-button_find_facts {
-	width: 20px;
-	height: 20px;
-	background-image: url(images/buttons/find_facts.png);
+.user_links {
+	white-space: nowrap;
 }
 
-.icon-button_head {
-	width: 12px;
-	height: 18px;
-	background-image: url(images/buttons/head.png);
+#link_change_blocks {
+	clear: both;
+	margin: 0 auto;
+	padding: 25px 0 0;
+	text-align: center;
+	width: 400px;
 }
 
-.icon-button_indi {
-	width: 11px;
-	height: 15px;
-	background-image: url(images/buttons/indi.png);
+#link_change_blocks span {
+	padding: 0 50px;
 }
 
-.icon-button_keyboard {
-	width: 30px;
-	height: 15px;
-	background-image: url(images/buttons/keyboard.png);
+#link_change_blocks span span {
+	padding: 0 3px;
 }
 
-.icon-button_media {
-	width: 18px;
-	height: 16px;
-	background-image: url(images/buttons/media.png);
-}
+/* ====== End Theme Footer ===== */
 
-.icon-button_note {
-	width: 17px;
-	height: 15px;
-	background-image: url(images/buttons/note.png);
+/* ====== Theme Icons ========== */
+/* ***** Header icons **** */
+#menu-tree {
+	background-position: 0 0;
 }
 
-.icon-button_place {
-	width: 15px;
-	height: 15px;
-	background-image: url(images/buttons/place.png);
+#menu-mymenu {
+	background-position: 0 -204px;
 }
 
-.icon-button_repository {
-	width: 15px;
-	height: 15px;
-	background-image: url(images/buttons/repository.png);
+#menu-chart {
+	background-position: 0 -29px;
 }
 
-.icon-button_source {
-	width: 18px;
-	height: 16px;
-	background-image: url(images/buttons/source.png);
+#menu-list {
+	background-position: 0 -59px;
 }
 
-.icon-cfamily {
-	width: 22px;
-	height: 22px;
-	background-image: url(images/cfamily.png);
+#menu-report {
+	background-position: 0 -117px;
 }
 
-.icon-childless {
-	width: 25px;
-	height: 25px;
-	background-image: url(images/childless.png);
+#menu-calendar {
+	background-position: 0 -88px;
 }
 
-.icon-children {
-	width: 16px;
-	height: 16px;
-	background-image: url(images/children.png);
+#menu-search {
+	background-position: 0 -146px;
 }
 
-.icon-clippings {
-	width: 22px;
-	height: 22px;
-	background-image: url(images/clippings.png);
+#menu-help {
+	background-position: 0 -175px;
 }
 
-.icon-darrow {
-	width: 20px;
-	height: 20px;
-	background-image: url(images/darrow.png);
+#menu-clippings {
+	background-position: 0 -233px;
 }
 
-a.icon-darrow:hover {
-	width: 20px;
-	height: 20px;
-	background-image: url(images/darrow2.png);
+#menu-indi {
+	background-position: 0 -261px;
 }
 
-.icon-ddarrow {
-	width: 20px;
-	height: 20px;
-	background-image: url(images/ddarrow.png);
+#menu-sour {
+	background-position: 0 -320px;
 }
 
-.icon-edit_indi {
-	width: 22px;
-	height: 22px;
-	background-image: url(images/edit_indi.png);
+#menu-fam {
+	background-position: 0 -291px;
 }
 
-.icon-email {
-	width: 16px;
-	height: 16px;
-	background-image: url(images/email.png);
+#menu-obje {
+	background-position: 0 -378px;
 }
 
-.icon-fam-list {
-	width: 22px;
-	height: 22px;
-	background-image: url(images/sfamily.png);
+#menu-note {
+	background-position: 0 -348px;
 }
 
-.icon-googlemaps {
-	width: 16px;
-	height: 16px;
-	background-image: url(images/googlemaps.png);
+#menu-repo {
+	background-position: 0 -407px;
 }
 
-.icon-help {
-	cursor: help;
-	width: 15px;
-	height: 15px;
-	background-image: url(images/help.png);
+#menu-story {
+	background-position: 0 -436px;
 }
 
-.icon-indi-list {
-	width: 22px;
-	height: 22px;
-	background-image: url(images/indis.png);
+/* Header Sub-menu icons */
+#menu-admin {
+	background-position: left -644px;
 }
 
-.icon-indis {
-	width: 22px;
-	height: 22px;
-	background-image: url(images/indis.png);
+[dir=rtl] #menu-admin {
+	background-position: right -644px;
 }
 
-.icon-larrow {
-	width: 20px;
-	height: 20px;
-	background-image: url(images/larrow.png);
+#menu-branches {
+	background-position: left -414px;
 }
 
-a.icon-larrow:hover {
-	width: 20px;
-	height: 20px;
-	background-image: url(images/larrow2.png);
+[dir=rtl] #menu-branches {
+	background-position: right -414px;
 }
 
-.icon-ldarrow {
-	width: 20px;
-	height: 20px;
-	background-image: url(images/ldarrow.png);
+#menu-calendar-day {
+	background-position: left -506px;
 }
 
-.icon-lifespan-chunk {
-	width: 50px;
-	height: 37px;
-	background-image: url(images/lifespan-chunk.png);
+[dir=rtl] #menu-calendar-day {
+	background-position: right -506px;
 }
 
-.icon-loading-small {
-	width: 16px;
-	height: 16px;
-	background-image: url(images/indicator.gif);
+#menu-calendar-month {
+	background-position: left -506px;
 }
 
-.icon-loading-large {
-	width: 32px;
-	height: 32px;
-	background-image: url(images/loading.gif);
+[dir=rtl] #menu-calendar-month {
+	background-position: right -506px;
 }
 
-.icon-lsdnarrow {
-	width: 48px;
-	height: 48px;
-	background-image: url(images/lifespan-down.png);
+#menu-calendar-year {
+	background-position: left -506px;
 }
 
-.icon-lsltarrow {
-	width: 48px;
-	height: 48px;
-	background-image: url(images/lifespan-left.png);
+[dir=rtl] #menu-calendar-year {
+	background-position: right -506px;
 }
 
-.icon-lsrtarrow {
-	width: 48px;
-	height: 48px;
-	background-image: url(images/lifespan-right.png);
+#menu-chart-ancestry {
+	background-position: left -0px;
 }
 
-.icon-lsuparrow {
-	width: 48px;
-	height: 48px;
-	background-image: url(images/lifespan-up.png);
+[dir=rtl] #menu-chart-ancestry {
+	background-position: right -0px;
 }
 
-.icon-media {
-	width: 32px;
-	height: 32px;
-	background-image: url(images/media.png);
+#menu-chart-compact {
+	background-position: left -0px;
 }
 
-.icon-media-list {
-	width: 32px;
-	height: 32px;
-	background-image: url(images/media.png);
+[dir=rtl] #menu-chart-compact {
+	background-position: right -0px;
 }
 
-.icon-media-next {
-	width: 20px;
-	height: 20px;
-	background-image: url(images/rdarrow.png);
+#menu-chart-descendancy {
+	background-position: left -69px;
 }
 
-.icon-media-play {
-	width: 20px;
-	height: 20px;
-	background-image: url(images/rarrow.png);
+[dir=rtl] #menu-chart-descendancy {
+	background-position: right -69px;
 }
 
-.icon-media-prev {
-	width: 20px;
-	height: 20px;
-	background-image: url(images/ldarrow.png);
+#menu-chart-familybook {
+	background-position: left -92px;
 }
 
-.icon-media-shuffle {
-	width: 10px;
-	height: 10px;
-	background-image: url(images/reorder.png);
+[dir=rtl] #menu-chart-familybook {
+	background-position: right -92px;
 }
 
-.icon-media-stop {
-	width: 20px;
-	height: 20px;
-	background-image: url(images/stop.png);
+#menu-chart-fanchart {
+	background-position: left -23px;
 }
 
-.icon-minus {
-	width: 11px;
-	height: 11px;
-	background-image: url(images/minus.png);
+[dir=rtl] #menu-chart-fanchart {
+	background-position: right -23px;
 }
 
-.icon-mypage {
-	width: 22px;
-	height: 22px;
-	background-image: url(images/mypage.png);
+#menu-chart-hourglass {
+	background-position: left -115px;
 }
 
-.icon-note {
-	width: 22px;
-	height: 22px;
-	background-image: url(images/notes.png);
+[dir=rtl] #menu-chart-hourglass {
+	background-position: right -115px;
 }
 
-.icon-note-list {
-	width: 22px;
-	height: 22px;
-	background-image: url(images/notes.png);
+#menu-chart-lifespan {
+	background-position: left -161px;
 }
 
-.icon-osm {
-	width: 16px;
-	height: 16px;
-	background-image: url(images/osm.png);
+[dir=rtl] #menu-chart-lifespan {
+	background-position: right -161px;
 }
 
-.icon-patriarch {
-	width: 25px;
-	height: 25px;
-	background-image: url(images/patriarch.png);
+#menu-chart-pedigree {
+	background-position: left -184px;
 }
 
-.icon-pedigree {
-	width: 22px;
-	height: 22px;
-	background-image: url(images/pedigree.png);
+[dir=rtl] #menu-chart-pedigree {
+	background-position: right -184px;
 }
 
-.icon-place {
-	width: 22px;
-	height: 22px;
-	background-image: url(images/place.png);
+#menu-chart-pedigree_map {
+	background-position: left -207px;
 }
 
-.icon-plus {
-	width: 11px;
-	height: 11px;
-	background-image: url(images/plus.png);
+[dir=rtl] #menu-chart-pedigree_map {
+	background-position: right -207px;
 }
 
-.icon-rarrow {
-	width: 20px;
-	height: 20px;
-	background-image: url(images/rarrow.png);
+#menu-chart-relationship {
+	background-position: left -230px;
 }
 
-a.icon-rarrow:hover {
-	width: 20px;
-	height: 20px;
-	background-image: url(images/rarrow2.png);
+[dir=rtl] #menu-chart-relationship {
+	background-position: right -230px;
 }
 
-.icon-rdarrow {
-	width: 20px;
-	height: 20px;
-	background-image: url(images/rdarrow.png);
+#menu-chart-statistics {
+	background-position: left -253px;
 }
 
-.icon-reminder {
-	width: 15px;
-	height: 12px;
-	background-image: url(images/reminder.png);
+[dir=rtl] #menu-chart-statistics {
+	background-position: right -253px;
 }
 
-.icon-remove {
-	width: 16px;
-	height: 16px;
-	background-image: url(images/delete.png);
+#menu-chart-timeline {
+	background-position: left -276px;
 }
 
-.icon-repo-list {
-	width: 22px;
-	height: 22px;
-	background-image: url(images/repository.png);
+[dir=rtl] #menu-chart-timeline {
+	background-position: right -276px;
 }
 
-.icon-repository {
-	width: 22px;
-	height: 22px;
-	background-image: url(images/repository.png);
+#menu-chart-tree {
+	background-position: left -138px;
 }
 
-.icon-resn-confidential {
-	width: 16px;
-	height: 16px;
-	background-image: url(images/resn_confidential.png);
+[dir=rtl] #menu-chart-tree {
+	background-position: right -138px;
 }
 
-.icon-resn-locked {
-	width: 16px;
-	height: 16px;
-	background-image: url(images/resn_locked.png);
+#menu-clippingsadd {
+	background-position: left -621px;
 }
 
-.icon-resn-none {
-	width: 16px;
-	height: 16px;
-	background-image: url(images/resn_none.png);
+[dir=rtl] #menu-clippingsadd {
+	background-position: right -621px;
 }
 
-.icon-resn-privacy {
-	width: 16px;
-	height: 16px;
-	background-image: url(images/resn_privacy.png);
+#menu-clippingscart {
+	background-position: left -621px;
+}
+
+[dir=rtl] #menu-clippingscart {
+	background-position: right -621px;
 }
 
-.icon-rings {
-	width: 9px;
-	height: 11px;
-	background-image: url(images/rings.png);
+#menu-fam-addchil {
+	background-position: left -759px;
 }
 
-.icon-search {
-	width: 16px;
-	height: 16px;
-	background-image: url(images/go.png);
+[dir=rtl] #menu-fam-addchil {
+	background-position: right -759px;
 }
 
-.icon-selected {
-	width: 12px;
-	height: 12px;
-	background-image: url(images/selected.png);
+#menu-fam-addfav {
+	background-position: left -736px;
 }
 
-.icon-sex_f_15x15 {
-	width: 15px;
-	height: 15px;
-	background-image: url(images/sex_f_15x15.png);
+[dir=rtl] #menu-fam-addfav {
+	background-position: right -736px;
 }
 
-.icon-sex_f_9x9 {
-	width: 9px;
-	height: 9px;
-	background-image: url(images/sex_f_9x9.png);
+#menu-fam-change {
+	background-position: left -759px;
 }
 
-.icon-sex_m_15x15 {
-	width: 15px;
-	height: 15px;
-	background-image: url(images/sex_m_15x15.png);
+[dir=rtl] #menu-fam-change {
+	background-position: right -759px;
 }
 
-.icon-sex_m_9x9 {
-	width: 9px;
-	height: 9px;
-	background-image: url(images/sex_m_9x9.png);
+#menu-fam-del {
+	background-position: left -713px;
 }
 
-.icon-sex_u_15x15 {
-	width: 15px;
-	height: 15px;
-	background-image: url(images/sex_u_15x15.png);
+[dir=rtl] #menu-fam-del {
+	background-position: right -713px;
 }
 
-.icon-sex_u_9x9 {
-	width: 9px;
-	height: 9px;
-	background-image: url(images/sex_u_9x9.png);
+#menu-fam-editraw {
+	background-position: left -667px;
 }
 
-.icon-sfamily {
-	width: 22px;
-	height: 22px;
-	background-image: url(images/sfamily.png);
+[dir=rtl] #menu-fam-editraw {
+	background-position: right -667px;
 }
 
-.icon-source {
-	width: 25px;
-	height: 25px;
-	background-image: url(images/source.png);
+#menu-fam-orderchil {
+	background-position: left -759px;
 }
 
-.icon-source-list {
-	width: 25px;
-	height: 25px;
-	background-image: url(images/source.png);
+[dir=rtl] #menu-fam-orderchil {
+	background-position: right -759px;
 }
 
-.icon-target {
-	width: 15px;
-	height: 15px;
-	background-image: url(images/buttons/target.png);
+#menu-help-contents {
+	background-position: left -552px;
 }
 
-.icon-tree {
-	width: 20px;
-	height: 20px;
-	background-image: url(images/gedcom.png);
+[dir=rtl] #menu-help-contents {
+	background-position: right -552px;
 }
 
-.icon-uarrow {
-	width: 20px;
-	height: 20px;
-	background-image: url(images/uarrow.png);
+#menu-help-faq {
+	background-position: left -552px;
 }
 
-a.icon-uarrow:hover {
-	width: 20px;
-	height: 20px;
-	background-image: url(images/uarrow2.png);
+[dir=rtl] #menu-help-faq {
+	background-position: right -552px;
 }
 
-.icon-udarrow {
-	width: 20px;
-	height: 20px;
-	background-image: url(images/udarrow.png);
+#menu-help-genealogy {
+	background-position: left -552px;
 }
 
-.icon-user_add {
-	width: 22px;
-	height: 22px;
-	background-image: url(images/user_add.png);
+[dir=rtl] #menu-help-genealogy {
+	background-position: right -552px;
 }
 
-.icon-warning {
-	width: 17px;
-	height: 17px;
-	background-image: url(images/warning.png);
+#menu-help-hide {
+	background-position: left -552px;
 }
 
-.icon-webtrees {
-	width: 100px;
-	height: 21px;
-	background-image: url(images/webtrees.png);
+[dir=rtl] #menu-help-hide {
+	background-position: right -552px;
 }
 
-.icon-wiki {
-	width: 16px;
-	height: 16px;
-	background-image: url(images/w_button.png);
+#menu-help-show {
+	background-position: left -552px;
 }
 
-/* ios on click workaround */
-.iconz {
-	cursor: pointer;
+[dir=rtl] #menu-help-show {
+	background-position: right -552px;
 }
 
-.icon-zoomin {
-	width: 25px;
-	height: 25px;
-	background-image: url(images/zoomin.png);
+#menu-help-technical {
+	background-position: left -598px;
 }
 
-.icon-zoomout {
-	width: 25px;
-	height: 25px;
-	background-image: url(images/zoomout.png);
+[dir=rtl] #menu-help-technical {
+	background-position: right -598px;
 }
 
-/* Silhouettes on charts */
-.icon-silhouette-F {
-	width: 37px;
-	height: 50px;
-	background-image: url(images/silhouette_female_small.png);
+#menu-help-wiki {
+	background-position: left -575px;
 }
 
-.icon-silhouette-M {
-	width: 37px;
-	height: 50px;
-	background-image: url(images/silhouette_male_small.png);
+[dir=rtl] #menu-help-wiki {
+	background-position: right -575px;
 }
 
-.icon-silhouette-U {
-	width: 37px;
-	height: 50px;
-	background-image: url(images/silhouette_unknown_small.png);
+#menu-indi-addfav {
+	background-position: left -736px;
 }
 
-/* Silhouettes on individual pages */
-#indi_mainimage .icon-silhouette-F {
-	width: 99px;
-	height: 106px;
-	background-image: url(images/silhouette_female.png);
+[dir=rtl] #menu-indi-addfav {
+	background-position: right -736px;
 }
 
-#indi_mainimage .icon-silhouette-M {
-	width: 99px;
-	height: 99px;
-	background-image: url(images/silhouette_male.png);
+#menu-indi-addname {
+	background-position: left -690px;
 }
 
-#indi_mainimage .icon-silhouette-U {
-	width: 100px;
-	height: 97px;
-	background-image: url(images/silhouette_unknown.png);
+[dir=rtl] #menu-indi-addname {
+	background-position: right -690px;
 }
 
-[class^="icon-mime-"],
-[class*=" icon-mime-"] {
-	display: inline-block;
-	background: transparent url(images/icon-mime-sprite.png) no-repeat;
-	width: 48px;
-	height: 48px;
+#menu-indi-del {
+	background-position: left -713px;
 }
 
-/* Generic MIME types */
-[class^="icon-mime-"],
-[class*=" icon-mime-"] {
-	background-position: -99px -49px;
+[dir=rtl] #menu-indi-del {
+	background-position: right -713px;
 }
 
-[class^="icon-mime-application-"],
-[class*=" icon-mime-application-"] {
-	background-position: -99px -196px;
+#menu-indi-editraw {
+	background-position: left -667px;
 }
 
-[class^="icon-mime-audio-"],
-[class*=" icon-mime-audio-"] {
-	background-position: -197px -98px;
+[dir=rtl] #menu-indi-editraw {
+	background-position: right -667px;
 }
 
-[class^="icon-mime-image-"],
-[class*=" icon-mime-image-"] {
-	background-position: -148px -245px;
+#menu-indi-editsex {
+	background-position: left -690px;
 }
 
-[class^="icon-mime-text-"],
-[class*=" icon-mime-text-"] {
-	background-position: -197px -147px;
+[dir=rtl] #menu-indi-editsex {
+	background-position: right -690px;
 }
 
-[class^="icon-mime-video-"],
-[class*=" icon-mime-video-"] {
-	background-position: -148px -147px;
+#menu-list-fam {
+	background-position: left -437px;
 }
 
-/* Specific MIME types */
-.icon-mime-application-pdf {
-	background-position: -1px -49px;
+[dir=rtl] #menu-list-fam {
+	background-position: right -437px;
 }
 
-.icon-mime-application-msword {
-	background-position: -148px -49px;
+#menu-list-indi {
+	background-position: left -460px;
 }
 
-.icon-mime-application-vnd-ms-excel {
-	background-position: -148px -196px;
+[dir=rtl] #menu-list-indi {
+	background-position: right -460px;
 }
 
-.icon-mime-application-x-rar-compressed {
-	background-position: -50px -98px;
+#menu-list-note {
+	background-position: left -368px;
 }
 
-.icon-mime-application-zip {
-	background-position: -50px -147px;
+[dir=rtl] #menu-list-note {
+	background-position: right -368px;
 }
 
-.icon-mime-application-x-shockwave-flash {
-	background-position: -148px 0;
+#menu-list-obje {
+	background-position: left -299px;
 }
 
-.icon-mime-audio-mp3 {
-	background-position: -50px -245px;
+[dir=rtl] #menu-list-obje {
+	background-position: right -299px;
 }
 
-.icon-mime-audio-mpeg {
-	background-position: -50px 0;
+#menu-list-plac {
+	background-position: left -322px;
 }
 
-.icon-mime-audio-x-ms-wma {
-	background-position: -1px -245px;
+[dir=rtl] #menu-list-plac {
+	background-position: right -322px;
 }
 
-.icon-mime-audio-wav {
-	background-position: -1px -98px;
+#menu-list-repo {
+	background-position: left -345px;
 }
 
-.icon-mime-text-html {
-	background-position: -99px -245px;
+[dir=rtl] #menu-list-repo {
+	background-position: right -345px;
 }
 
-.icon-mime-text-x-gedcom {
-	background-position: -50px -49px;
+#menu-list-sour {
+	background-position: left -391px;
 }
 
-.icon-mime-image-bmp {
-	background-position: 197px 0;
+[dir=rtl] #menu-list-sour {
+	background-position: right -391px;
 }
 
-.icon-mime-image-gif {
-	background-position: -197px -49px;
+#menu-myaccount {
+	background-position: left -598px;
 }
 
-.icon-mime-image-jpeg {
-	background-position: -1px -147px;
+[dir=rtl] #menu-myaccount {
+	background-position: right -598px;
 }
 
-.icon-mime-image-png {
-	background-position: -99px -98px;
+#menu-mypage {
+	background-position: left -598px;
 }
 
-.icon-mime-image-svg {
-	background-position: -197px -196px;
+[dir=rtl] #menu-mypage {
+	background-position: right -598px;
 }
 
-.icon-mime-image-tiff {
-	background-position: -148px -98px;
+#menu-mypedigree {
+	background-position: left -828px;
 }
 
-.icon-mime-video-quicktime {
-	background-position: -99px -147px;
+[dir=rtl] #menu-mypedigree {
+	background-position: right -828px;
 }
 
-.icon-mime-video-avi {
-	background-position: -99px 0;
+#menu-myrecord {
+	background-position: left -460px;
 }
 
-.icon-mime-video-x-ms-wmv {
-	background-position: -50px -196px;
+[dir=rtl] #menu-myrecord {
+	background-position: right -460px;
 }
 
-input:required:valid,
-textarea:required:valid {
-	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAONJREFUeNpi/P//PwMlgImBQjDwBrCgCzDOF2Zg+Adk/AOGDRvQfHZGoDWMxgyMDMb/Q1/NIt0F/xk8gIbNZPj7P41YL4AUGsM1//rfkuyeYMzw8z9xXgBqgNm0nuHnv0D/IH/juavmngV6oYY4F3z7y2DqY2oMpANB9MYl684yfP9Xw3Dzzw7sXgQmJGTM0MbjwdDKc0b2vt5/EM2QwunBoMyCVS1YPYYAMOwZ7FmiGLLYzjBYsSQD+QpALAjErNgMYERPyoyMjMxAih+IOYD4LxD/hOJfQLV/MaJ9NC8wAAQYAPbPfH2KJKx/AAAAAElFTkSuQmCC) no-repeat right top;
+#menu-note-addfav {
+	background-position: left -736px;
 }
 
-input:required:invalid,
-textarea:required:invalid {
-	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMpJREFUeNpi/P//PwMlgImBQjAMDGBBF1jFyOgBpFqAuOYPA8MOoAI4P+z//x0YJoBiARkvYWA486+k5D+IBuJqZD66WnAMogvMA9o4F6j4R3Lyf2R6IQODMVEGTAW6CoirgfjMB2/v/yB6CgNDYQ8W14IwRiB+A7rgOwNDYLChofGcrVvPgugfDAzR/yFhwUAwDJqBNj6Ulf0PooEhV4jMx+YCRvSknAeMBWDotwgwMKRzMTCcfQW0GcQHxkbNJCyxwDiaFxgAAgwAYy67YIOQ//cAAAAASUVORK5CYII=) no-repeat right top;
+[dir=rtl] #menu-note-fav {
+	background-position: right -736px;
 }
 
-[dir=rtl] input:required:valid,
-[dir=rtl] textarea:required:valid,
-[dir=rtl] input:required:invalid,
-[dir=rtl] textarea:required:invalid {
-	background-position: left top;
+#menu-note-del {
+	background-position: left -713px;
 }
 
-/* Edit interface pop-ups*/
-#edit_interface-page h4 {
-	color: #555;
-	margin: 5px;
+[dir=rtl] #menu-note-del {
+	background-position: right -713px;
 }
 
-#edit_interface-page .optionbox span {
-	margin: 0 5px;
+#menu-note-edit {
+	background-position: left -805px;
 }
 
-#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;
+[dir=rtl] #menu-note-edit {
+	background-position: right -805px;
 }
 
-#edit_interface-page #GIVN,
-#edit_interface-page #SURN,
-#edit_interface-page #_MARNM {
-	line-height: 18px;
-	margin: 0 5px;
-	width: 180px;
+#menu-note-editraw {
+	background-position: left -667px;
 }
 
-#edit_interface-page input[type="text"],
-#edit_interface-page #NAME_display {
-	line-height: 18px;
-	margin: 0 5px;
-	vertical-align: top;
-	width: 240px;
+[dir=rtl] #menu-note-editraw {
+	background-position: right -667px;
 }
 
-#edit_interface-page input[type="text"][id*="PAGE"],
-#edit_interface-page input[type="text"][id*="_UID"] {
-	width: 350px;
+#menu-obje-addfav {
+	background-position: left -736px;
 }
 
-#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;
+[dir=rtl] #menu-obje-addfav {
+	background-position: right -736px;
 }
 
-#edit_interface-page input[type="text"][id$="DATE"] {
-	width: 160px;
+#menu-obje-del {
+	background-position: left -713px;
 }
 
-#edit_interface-page input[type="text"][id^="TIME"] {
-	width: 100px;
+[dir=rtl] #menu-obje-del {
+	background-position: right -713px;
 }
 
-#edit_interface-page input[type="text"][id*="OBJE_FILE"] {
-	width: 200px;
+#menu-obje-edit {
+	background-position: left -852px;
 }
 
-#edit_interface-page input[type="text"][id*="SOUR_TITL"] {
-	width: 250px;
+[dir=rtl] #menu-obje-edit {
+	background-position: right -852px;
 }
 
-#edit_interface-page input[id*="TEXT"] {
-	height: 140px;
-	width: 440px;
+#menu-obje-editraw {
+	background-position: left -667px;
 }
 
-#edit_interface-page textarea {
-	margin: 0 5px;
-	width: 440px;
+[dir=rtl] #menu-obje-editraw {
+	background-position: right -667px;
 }
 
-#edit_interface-page textarea[id*="NOTE"] {
-	height: 240px;
+#menu-obje-link {
+	background-position: left -875px;
 }
 
-#edit_interface-page textarea[id*="TEXT"],
-#edit_interface-page textarea[id*="PUBL"] {
-	height: 140px;
+[dir=rtl] #menu-obje-link {
+	background-position: right -875px;
 }
 
-#edit_interface-page textarea[id^="newgedrec"] {
-	line-height: 18px;
-	width: 605px;
+#menu-obje-link-fam {
+	background-position: left -437px;
 }
 
-#edit_interface-page textarea#gedcom {
-	height: 364px;
+[dir=rtl] #menu-obje-link-fam {
+	background-position: right -437px;
 }
 
-#edit_interface-page textarea[id*="ADDR"],
-#edit_interface-page input[id*="ADDR"] {
-	height: 80px;
-	width: 300px;
+#menu-obje-link-indi {
+	background-position: left -460px;
 }
 
-#edit_interface-page #changefam {
-	padding: 5px;
+[dir=rtl] #menu-obje-link-indi {
+	background-position: right -460px;
 }
 
-#edit_interface-page #changefam table {
-	margin: 10px auto;
-	min-width: 400px;
-	max-width: 650px;
+#menu-obje-link-sour {
+	background-position: left -391px;
 }
 
-#edit_interface-page #changefam span {
-	margin: 0;
+[dir=rtl] #menu-obje-link-sour {
+	background-position: right -391px;
 }
 
-#edit_interface-page #changefam td {
-	padding: 5px;
-	white-space: normal;
+#menu-repo-addfav {
+	background-position: left -736px;
 }
 
-#edit_interface-page #changefam td.child {
-	text-align: center;
+[dir=rtl] #menu-repo-addfav {
+	background-position: right -736px;
 }
 
-#save-cancel {
-	position: fixed;
-	bottom: 0;
-	border-radius: 3px;
-	width: 96.5%;
-	border: solid #999 1px;
-	margin: 0;
+#menu-repo-del {
+	background-position: left -713px;
 }
 
-#save-cancel input {
-	padding: 2px 8px;
+[dir=rtl] #menu-repo-del {
+	background-position: right -713px;
 }
 
-#save-cancel .save {
-	float: left;
-	margin: 5px;
+#menu-repo-edit {
+	background-position: left -897px;
 }
 
-#save-cancel .cancel {
-	float: right;
-	margin: 5px;
+[dir=rtl] #menu-repo-edit {
+	background-position: right -897px;
 }
 
-[dir=rtl] #save-cancel .save {
-	float: right;
+#menu-repo-editraw {
+	background-position: left -667px;
 }
 
-[dir=rtl] #save-cancel .cancel {
-	float: left;
+[dir=rtl] #menu-repo-editraw {
+	background-position: right -667px;
 }
 
-#edit_interface-page,
-#addmedia-page {
-	margin-bottom: 50px;
+#menu-report li {
+	background-position: left -483px;
 }
 
-/* Addmedia pop-ups*/
-#addmedia-page input[type="text"] {
-	line-height: 18px;
-	margin: 0 5px;
-	width: 250px;
+[dir=rtl] #menu-report li {
+	background-position: right -483px;
 }
 
-#addmedia-page .optionbox select {
-	margin: 0 5px;
+#menu-search-advanced {
+	background-position: left -529px;
 }
 
-#addmedia-page .optionbox p.sub {
-	font-size: 11px;
-	margin: 0 5px;
+[dir=rtl] #menu-search-advanced {
+	background-position: right -529px;
 }
 
-#addmedia-page input[type="text"][id*="PAGE"],
-#addmedia-page input[type="text"][id*="_UID"] {
-	width: 350px;
+#menu-search-general {
+	background-position: left -529px;
 }
 
-#addmedia-page input[type="text"][id*="SOUR"],
-#addmedia-page input[type="text"][id*="REPO"],
-#addmedia-page input[type="text"][id*="OBJE"],
-#addmedia-page input[type="text"][id*="FAMC"],
-#addmedia-page input[type="text"][id*="ASSO"],
-#addmedia-page input[type="text"][id^="AGE"],
-#addmedia-page input[type="text"][id*="SHARED_NOTE"] {
-	width: 70px;
+[dir=rtl] #menu-search-general {
+	background-position: right -529px;
 }
 
-#addmedia-page input[id*="TEXT"] {
-	height: 140px;
-	width: 440px;
+#menu-search-replace {
+	background-position: left -529px;
 }
 
-#addmedia-page textarea {
-	margin: 0 5px;
-	width: 440px;
+[dir=rtl] #menu-search-replace {
+	background-position: right -529px;
 }
 
-#addmedia-page textarea[id*="NOTE"] {
-	height: 240px;
+#menu-search-soundex {
+	background-position: left -529px;
 }
 
-/* Styling for the jquery.colorbox gallery */
-#colorbox,
-#cboxOverlay,
-#cboxWrapper {
-	position: absolute;
-	top: 0;
-	left: 0;
-	z-index: 9999;
-	overflow: hidden;
+[dir=rtl] #menu-search-soundex {
+	background-position: right -529px;
 }
 
-#colorbox {
-	border: 2px solid #ccc;
+#menu-sour-addfav {
+	background-position: left -736px;
 }
 
-#cboxOverlay {
-	position: fixed;
-	width: 100%;
-	height: 100%;
-	background: #ccc;
+[dir=rtl] #menu-sour-addfav {
+	background-position: right -736px;
 }
 
-#cboxContent {
-	background: #fff;
-	border: 5px solid #888;
+#menu-sour-del {
+	background-position: left -713px;
 }
 
-#cboxLoadedContent {
-	overflow: auto;
-	background: #fff;
-	margin-bottom: 30px;
-	margin-top: 35px;
+[dir=rtl] #menu-sour-del {
+	background-position: right -713px;
 }
 
-#cboxTitle {
-	position: absolute;
-	left: 0;
-	top: 10px;
-	color: #949494;
-	text-align: center;
-	width: 100%;
-	font-weight: 800;
-	font-size: 14px;
+#menu-sour-edit {
+	background-position: left -782px;
 }
 
-.cboxPhoto {
-	float: left;
-	margin: auto;
-	border: 0;
-	display: block;
-	max-width: none;
+[dir=rtl] #menu-sour-edit {
+	background-position: right -782px;
 }
 
-.cboxIframe {
-	width: 100%;
-	height: 100%;
-	display: block;
-	border: 0;
+#menu-sour-editraw {
+	background-position: left -667px;
 }
 
-#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;
+[dir=rtl] #menu-sour-editraw {
+	background-position: right -667px;
 }
 
-#cboxPrevious:hover {
-	background-position: -75px -25px;
+#menu-story-sub {
+	background-position: left -920px;
 }
 
-#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;
+[dir=rtl] #menu-story-sub {
+	background-position: right -920px;
 }
 
-#cboxNext:hover {
-	background-position: -50px -25px;
+#menu-tree li {
+	background-position: left -667px;
 }
 
-#cboxSlideshow {
-	position: absolute;
-	bottom: 5px;
-	left: 57px;
-	margin: 10px;
-	border: 0;
-	background: none;
-	font-size: 14px;
-	font-weight: 400;
+[dir=rtl] #menu-tree li {
+	background-position: right -667px;
 }
 
-#cboxSlideshow:hover {
-	color: red;
-	background: #fff;
+.icon-indis {
+	width: 22px;
+	height: 22px;
+	background-image: url(images/indis.png);
 }
 
-#cboxClose {
-	position: absolute;
-	bottom: 0;
-	right: 0;
-	background: url(images/controls.png) no-repeat -25px 0;
+.icon-patriarch {
 	width: 25px;
 	height: 25px;
-	text-indent: -9999px;
-	margin: 10px;
-	border: 0;
+	background-image: url(images/patriarch.png);
 }
 
-#cboxClose:hover {
-	background-position: -25px -25px;
+.icon-pedigree {
+	width: 22px;
+	height: 22px;
+	background-image: url(images/pedigree.png);
 }
 
-#cboxCurrent {
-	bottom: 4px;
-	color: #949494;
-	left: 58px;
-	position: absolute;
+.icon-place {
+	width: 22px;
+	height: 22px;
+	background-image: url(images/place.png);
 }
 
-[dir=rtl] #cboxPrevious {
-	right: 27px;
-	left: auto;
+.icon-repo-list {
+	width: 22px;
+	height: 22px;
+	background-image: url(images/repository.png);
 }
 
-[dir=rtl] #cboxNext {
-	right: 0;
-	left: auto;
+.icon-repository {
+	width: 22px;
+	height: 22px;
+	background-image: url(images/repository.png);
 }
 
-[dir=rtl] #cboxCurrent {
-	right: auto;
-	left: 0;
+.icon-search {
+	width: 16px;
+	height: 16px;
+	background-image: url(images/go.png);
 }
 
-[dir=rtl] #cboxClose {
-	right: auto;
-	left: 0;
+.icon-sfamily {
+	width: 22px;
+	height: 22px;
+	background-image: url(images/sfamily.png);
 }
 
-[dir=rtl] #cboxSlideshow {
-	right: 57px;
-	left: auto;
+.icon-source-list {
+	width: 25px;
+	height: 25px;
+	background-image: url(images/source.png);
 }
 
-/* Census assistant module */
-table.table-census-assistant th {
-	font-weight: bold;
-	text-align: left;
+.icon-tree {
+	width: 20px;
+	height: 20px;
+	background-image: url(images/gedcom.png);
 }
 
-/* Stories module */
-.story_title {
-	padding-top: 12px;
-	height: 32px;
-	font-size: 13px;
-	font-weight: 700;
+.icon-user_add {
+	width: 22px;
+	height: 22px;
+	background-image: url(images/user_add.png);
 }
 
-.story_body {
-	padding: 20px;
-	white-space: normal;
+.icon-webtrees {
+	width: 100px;
+	height: 21px;
+	background-image: url(images/webtrees.png);
 }
 
-.story_edit {
-	padding: 12px;
-}
+@media print {
+	#content {
+		padding: 0;
+	}
 
-/* User content in stories tab */
-#stories h2,
-#stories h3,
-#stories h4,
-#stories h5 {
-	padding-top: 20px;
-}
+	#backprint,
+	#sidebar,
+	#CB_All,
+	#separator,
+	header,
+	footer,
+	form,
+	.noprint {
+		display: none !important;
+	}
 
-#stories p {
-	padding-top: 8px;
-}
+	#pedigree_chart {
+		left: -80px;
+	}
 
-.btn-group {
-	display: inline-block;
-	margin: 0 4px;
+	#header_accordion1 {
+		width: 510px !important;
+	}
+
+	[dir=rtl] #pedigree_chart {
+		left: auto;
+		right: -80px;
+	}
+
+	#familybook_chart h3 {
+		margin-bottom: 10px;
+		vertical-align: middle;
+	}
+
+	/* buttons and input are used out of forms in sortable tables*/
+	.lifespan_outer {
+		border: 0;
+		height: auto;
+		overflow: visible;
+		position: relative;
+		width: auto;
+	}
+
+	.lifespan_people {
+		left: -10px;
+		position: absolute;
+		top: -60px;
+		width: auto;
+		z-index: 1;
+	}
 }
-- 
cgit v1.3