/*
* Style for Standard theme
*
* webtrees: Web based Family History software
* Copyright (C) 2013 webtrees 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
* the Free Software Foundation; either version 2 of the License, or
* (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with this program; if not, write to the Free Software
* Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
*
* $Id: style.css 15070 2013-06-20 23:30:30Z nigel $
*/

/* Add a permanent scrollbar, to prevent "flickering" when hover effects lengthen page */
html {overflow-y:scroll;}
body {
    color:#555555;
    background-color:#fff;
    font:12px tahoma, arial, helvetica, sans-serif;
    margin:1px;padding-left:5px;
    /* flex box settings */
	height: 100vh;
	min-height: 100vh;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}
html, body {
    height:100%;/* needed for flexbox in IE11 */
}

fieldset {margin:8px 8px 4px 8px;text-align:left;}
[dir=rtl] fieldset {text-align:right;}
legend {font-weight:bold;}
a {color:#555555;text-decoration:none;}
a:hover {color:#ff0000;text-decoration:none;}
:focus {outline-style:none;}
th {font-weight:100;}
ul {padding-left:15px;padding-right:15px;margin:8px;}
img {border:none;}
legend img {height:20px;vertical-align:middle;width:20px;}
img.block, #calendar_img_indi, #calendar_img_fam, #biglink img, #mycart img {border:none;height:25px;vertical-align:middle;}
input, button, textarea {border-top-color:#fff;border-left-color:#fff;border-right-color:#555555;border-bottom-color:#555555;border-width:1px;font-size:12px;}
input, textarea {padding: 6px;}
textarea {border-style:inset;}
input.image {width:17px;height:17px;border:none;padding:0;vertical-align:top;}
select {border:1px solid #555555;font-size:12px;padding:1px;}
form {font-size:12px;}
h2 {color:#000066;display: inline-block;font-weight:bold;font-size:18px;}
h4 {color:#000066;font-weight:bold;font-size:12px;}
input:required:valid, textarea:required:valid {background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAONJREFUeNpi/P//PwMlgImBQjDwBrCgCzDOF2Zg+Adk/AOGDRvQfHZGoDWMxgyMDMb/Q1/NIt0F/xk8gIbNZPj7P41YL4AUGsM1//rfkuyeYMzw8z9xXgBqgNm0nuHnv0D/IH/juavmngV6oYY4F3z7y2DqY2oMpANB9MYl684yfP9Xw3Dzzw7sXgQmJGTM0MbjwdDKc0b2vt5/EM2QwunBoMyCVS1YPYYAMOwZ7FmiGLLYzjBYsSQD+QpALAjErNgMYERPyoyMjMxAih+IOYD4LxD/hOJfQLV/MaJ9NC8wAAQYAPbPfH2KJKx/AAAAAElFTkSuQmCC);background-position:right top; background-repeat:no-repeat;}
input:required:invalid, textarea:required:invalid {background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMpJREFUeNpi/P//PwMlgImBQjAMDGBBF1jFyOgBpFqAuOYPA8MOoAI4P+z//x0YJoBiARkvYWA486+k5D+IBuJqZD66WnAMogvMA9o4F6j4R3Lyf2R6IQODMVEGTAW6CoirgfjMB2/v/yB6CgNDYQ8W14IwRiB+A7rgOwNDYLChofGcrVvPgugfDAzR/yFhwUAwDJqBNj6Ulf0PooEhV4jMx+YCRvSknAeMBWDotwgwMKRzMTCcfQW0GcQHxkbNJCyxwDiaFxgAAgwAYy67YIOQ//cAAAAASUVORK5CYII=);background-position:right top; background-repeat:no-repeat;}
[dir=rtl] input:required:valid, [dir=rtl] textarea:required:valid, [dir=rtl] input:required:invalid, [dir=rtl] textarea:required:invalid {background-position:left top;}

.faq_link {
  float: right;
  padding: 0 20px;
}
[dir='rtl'] .faq_link {float: left;}

.line1, .line2, .line3 {vertical-align:bottom;}
.line4 {vertical-align:middle;}
.line5 {vertical-align:top;}

#mycart a img {height:15px;}
#content {
    clear:both;
    flex: 1 0 auto;
    -ms-flex: 1;
    -webkit-flex: 1 0 auto;;
}
#footer {
    border-top: 2px solid #81A9CB;
	border-bottom: 2px solid #81A9CB;
    clear:both;
    font-size:12px;
	margin: 5px auto;
    padding-top:10px;
    text-align:center;
	width: 100%;
}

.optionbox a img {}
.button {width:60px;}
button.btn {
	padding: 5px 8px;
	min-width: 80px;
}

div[id*='-page'] {
	padding: 20px;
}

.gedcom_table {border:1px solid #81a9cb;margin:0;width:99%;}
.alpha_index {color:#999999;}
.person_box   {background-color:#edf7fd;border:solid #81a9cb 1px;padding:3px;}
.person_boxF  {background-color:#e9daf1;border:1px solid #ff2080;padding:3px;}
.person_boxNN {background-color:#fff;border:dashed #81a9cb 1px;padding:3px;}
.person_box:target, .news_box:target, #gedcom_stats:target {background-color:#ffffcc;}
.person_box_lifespan {display:inline;}
/* families tab person box */
#relatives_content .person_box > .person_box,
#relatives_content .person_boxF > .person_boxF,
#relatives_content .person_boxNN > .person_boxNN {
	border:none;min-height:50px;
}

#relatives_content table.fam_relationship {width: 100%;}
#relatives_content table.fam_relationship tr {vertical-align: middle;}
#relatives_content table.fam_relationship td:first-child {width: 30px;}
#relatives_content table.fam_relationship td:last-child {text-align: right;}

.center {text-align:center;}
table.center {margin-left:auto;margin-right:auto;}

.list_table {margin:0 auto;}
.list_label, .list_label_wrap {color:#fff;background-color:#81a9cb;font-weight:bold;font-size:12px;text-align:center;}
.list_value, .list_value_wrap {background-color:#edf7f9;border:solid #81a9cb 1px;font-size:12px;vertical-align:top;}
.list_label, .list_value {white-space:nowrap;}
.list_label_wrap, .list_value_wrap {white-space:normal;}
.list_item {font-size:12px;}
.btn-group {display: inline-block; margin: 0 4px;}
.btn-group button [class^="icon-sex"] {vertical-align:inherit;}

.facts_table {width:100%;}
.facts_label {background-color:#81a9cb;font-size:12px;padding:4px;width:20%;text-align:center; text-transform: capitalize;}
.facts_label03 {color:#fff;font-size:12px;padding:4px;text-align:center;font-weight:bold;}
.facts_label03 {background-color:#81a9cb;}
.facts_value {background-color:#edf7fd;border:solid #81a9cb 1px;font-size:12px;padding:4px;}
.facts_value02 {background-color:#edf7fd;border:solid #81a9cb 1px;font-size:12px;padding:5px;}
.facts_labelred, .facts_labelblue {color:#fff;background-color:#81a9cb;font-size:12px;padding:4px;width:20%;text-align:center;}
.facts_valuered, .facts_valueblue {background-color:#edf7fd;font-size:12px;padding:4px;}
.facts_labelred, .facts_valuered {border:solid #ff0000 2px;}
.facts_labelblue, .facts_valueblue {border:solid #0000ff 2px;}
.quickfacts a {font-size:9px;padding:0 3px;}
.sour_facts[id$="_factdiv"] { background-color: #ddd; margin: 0 auto; padding: 10px 0;}

.tabs_table {width:99%;}
.tab_cell_active {background-color:#fff;border-left:outset #81a9cb 2px;border-top:outset #81a9cb 2px;border-right:outset #81a9cb 2px;text-align:center;font-weight:bold;font-size:10pt;}
.tab_cell_inactive {background-color:#edf7fd;border-left:solid #81a9cb 2px;border-top:solid #81a9cb 2px;border-right:outset #81a9cb 2px;text-align:center;font-weight:bold;font-size:10pt;}
.tab_cell_inactive_empty {background-color:#c6d0da;border-left:solid #81a9cb 2px;border-top:solid #81a9cb 2px;border-right:outset #81a9cb 2px;text-align:center;font-weight:bold;font-size:10pt;}
.tab_cell_inactive_empty a {color:#999999;}
.tab_active_bottom {border:none;height:5px;}
.tab_inactive_bottom {border-left:none;border-right:none;border-top:outset #81a9cb 2px;height:5px;}
.tab_inactive_bottom_right {border-left:none;border-right:none;border-top:outset #81a9cb 2px;width:33%;height:5px;}

.name1 {color:#555555;font-weight:bold;font-size:12px;}
a:hover .name1 {color:#ff0000;font-weight:bold;font-size:12px;}
a:hover .name2 {color:#ff0000;font-weight:bold;font-size:12px;}
a:hover .nameZoom {color:#ff0000;font-weight:bold;font-size:14px;}
.name2 {color:#555555;font-weight:bold;font-size:12px;}
.details1 {font-size:11px;}
.details2 {font-size:12px;}
.details1 p, .details2 p {margin: 2px;}
.nameZoom {color:#555555;font-weight:bold;font-size:14px;}
.detailsZoom {font-size:14px;text-decoration:none;}
.details_label {font-weight:bold;}
.name_head {color:#555555;font-weight:bold;font-size:16px;letter-spacing:.2px;line-height:2;padding:0 5px;}

.date {color:#333377;}
.field {}
.label {font-weight:bold;}
.error {color:#dd0000;font-weight:bold;}
.largeError {color:#dd0000;font-size:large;font-weight:bold;}
.warning {color:#ff0000;font-weight:bold;}
.indent {margin-left:20px;}
.outdent,
.indent + span,
.indent [class^="fact_MARR"] .field {
	margin-left: -20px;
}

.image {height:150px;padding:5px;margin:2px;}
.gender_image {margin:0 3px;border:none;vertical-align:middle;}
.pedigree_form {width:45px;}
.thumbnail {height:auto;padding:3px;}
.icon {border:none;}

.sublinks_cell {font-size:12px;background-color:#edf7fd;}
.menuitem .icon {width:50px;height:50px;}
.menuitem_hover .icon {width:50px;height:50px;}
.submenu .icon {vertical-align:middle;width:20px;height:20px;}
.subheaders {font-weight:bold;font-size:15px;margin-top:15px;vertical-align:bottom;}

.age {font-size:9px;}
.age span {
	font-size: 80%;
	vertical-align: super;
}

.elderdate {
	font-style: italic;
}

.parentdeath {border:thin solid #888888;padding:1px;}
.source_citations {display:none;}
.source_links, .source_links p {
	margin: auto 20px;
}

.selected-option {background-color:#edf7fd;}

.user_links {white-space:nowrap;}
.contact_links {margin-top:15px;text-align:center;}
.hit-counter {background:#000;color:#fff;font-weight:bold;}
.border1 {border:solid #000 1px;}
.menuitem {text-decoration:none;font-size:11px;padding:1px;}
.menuitem_hover {text-decoration:none;font-size:11px;padding:1px;}
.submenu {text-decoration:none;font-size:11px;background-color:#edf7fd;border:solid #81a9cb 1px;white-space:nowrap;visibility:hidden;position:absolute;padding:5px;}
.submenuitem {vertical-align:middle;height:20px;text-decoration:none;font-size:11px;background-color:#edf7fd;white-space:nowrap;padding:1px;}
.submenuitem_hover {vertical-align:middle;height:20px;font-size:11px;background-color:#e6f0fa;white-space:nowrap;padding:1px;}
.submenuitem a, .submenuitem_hover a {display:inline-block;vertical-align:middle;}

.journal_box {padding:3pt;border:thin solid #aaaaaa;overflow:visible;}
.news_box {background-color:#edf7fd;border-top:solid #81a9cb 1px;}
.news_title {font-weight:bold;font-size:14px;}
.news_date {margin-bottom:12px;}
.current_day {font-weight:bold;font-size:16px;}
.cal_day {float:left;font-weight:bold;}
.rtl_cal_day {direction:rtl;float:right;color:#0000ff;font-weight:bold;}

.helpcontent {
	border: none;
	font-style: italic;
	font-weight: 400;
	margin: 10px 5px;
}

.help_content {
	font-size: .9em;
	font-style: italic;
	margin-left: 10px;
	margin-right: 10px;
	max-height: 600px;
}
.help_content {
	font-size: .9em;
	margin-left: 10px;
	margin-right: 10px;
	max-height: 600px;
}

.help_content dt {
	clear: both;
}

.help_text .helpheader  {
	display:none;
}

.help_text .help_content {
	border: none;
	font-size: .9em;;
	font-style: italic;
	margin: 10px 0;
	width: 100%;
}
/* General chart page styles */
.chart_options {
	display: inline-block;
	margin: 0 20px 10px;
	vertical-align: top;
}

.chart_options label {
	display: block;
	font-weight: 700;
}

.chart_options input {
	width: 200px;
}

#familybook_chart {margin-left:10px; }
#familybook_chart table {border-collapse: collapse; empty-cells: show;}
#familybook_chart td {margin:0; padding:0;}
#familybook_chart h2 {text-align:center;}
#familybook_chart .line3, #familybook_chart .pvline, #familybook_chart .spacer {width: 3px;}
#familybook_chart .line4 {width: 7px;}
[ID^="vline"] {width:3px;}
#familybook_chart h3 {color:#000066;font-size: 16px;text-align:center;}

#relationship-page .chart_options.block {
	background: none;
	border: 0;
	display: block;
	margin-top: 0;
	padding: 0;
}

#relationship-page h3 {
	margin: 20px 0 0 20px;
}
[dir='rtl'] #relationship-page h3 {
	margin: 20px 20px 0 0;
}

#relationship-page label.inline {
	display: inline;
}

#relationship-page input[type="checkbox"] {
	width: 30px;
}

#relationship-page input.inline {
	clear: both;
	float: left;
	width: 30px;
}
[dir='rtl'] #relationship-page input.inline {
	float: right;
}

#relationship-page table[id^='rel_'] {
	border-collapse: collapse;
	margin: 20px auto 30px auto;
}

#relationship-page .swap {
	padding: 20px 10px 5px;
}

#relationship-page .compact_view {
	height: 55px;
	width: 250px;
}
.tdtop {vertical-align:top;}
.tdmid {vertical-align:middle;}
.tdbot, .tvertline {vertical-align:bottom;}

[dir=rtl] #familybook_chart {margin-right:10px;}

/*-- pedigree chart specific stylesheets --*/
#pedigree-page table.list_table {margin:0 auto;width:500px;}
.pedigree_chart_table {border:0;border-collapse:collapse;padding:0;width:100%;}
#pedigree_chart {position:relative;top:-200px;left:0;}
[dir=rtl] #pedigree_chart {left:auto;right:10px;}
#pedigree_canvas {color:#81A9CB;position:absolute;top:200px;z-index:-1000;}
#pedigree_chart #childarrow, #pedigree_chart #uparrow, #pedigree_chart .shadow {position:absolute;}
#pedigree_chart #childbox {border:1px solid;background-color:#fff;padding:5px;position:absolute;visibility:hidden;}

/*-- descendancy chart specific stylesheets --*/
#descendancy_chart{margin:20px;}
#descendancy_chart ul {background-image:url(images/vline.png);background-repeat:repeat-y;background-position:left top;list-style:none;margin:0 0 5px 15px;padding-top:0;padding-right:0;padding-bottom:0;}
#descendancy_chart li {list-style:none;margin:0 0 0 -15px;padding-top:0;padding-right:0;padding-bottom:0;}
[dir=rtl] #descendancy_chart ul {background-position:right top;margin:0 15px 0 0;left:auto;}

/*-- ancestry chart specific stylesheets --*/
#ancestry_chart table div p {font-size:90%;margin:0;}
#ancestry_chart ul {background-image:url(images/vline.png);background-repeat:repeat-y;background-position:left top;list-style:none;display:block;margin:0 0 0 15px;padding-top:0;padding-right:0;padding-bottom:0;}
#ancestry_chart li {list-style:none;margin:0 0 2px -13px;padding-top:0;padding-right:0;padding-bottom:0;}
#ancestry_chart li table {margin:5px 0;}
[dir=rtl] #ancestry_chart ul {background-position:right top;margin:0 15px 0 0;left:auto;}
[dir=rtl] #ancestry_chart li {margin:0;padding:0 2px 0 0;left:auto;}

/*-- timeline chart specific styles --*/
#timeline_chart {position:relative;top:0;left:0;}
.timeline_table {}
.person0 {background-color:#aaaaff;border:outset #aaaaff 1px;vertical-align:top;}
.person1 {background-color:#aaffaa;border:outset #aaffaa 1px;vertical-align:top;}
.person2 {background-color:#ffaaaa;border:outset #ffaaaa 1px;vertical-align:top;}
.person3 {background-color:#5555ff;border:outset #5555ff 1px;vertical-align:top;}
.person4 {background-color:#ff5555;border:outset #ff5555 1px;vertical-align:top;}
.person5 {background-color:#55ff55;border:outset #55ff55 1px;vertical-align:top;}

#compact_chart, #fan_chart, #ancestry_chart, #familybook_chart, #hourglass_chart {margin:20px;}

.compact_view {cursor:url(images/zoomin.png), n-resize;}
.compact_view p {font-size:90%;margin:0;}

.listlog {line-height:20pt;}

.formField {font-size:12px;}

.starredname {text-decoration:underline;}
.lifespan_name {
	font-size: 80%;
	font-weight: normal;
	margin: 0;
}

.search_hit {background-color:#ffff00;}
.search_item {font-weight:600;}

.title {display:inline;float:left;font-size:36px;margin:10px;}
[dir=rtl] .title {float:right;}
.subtitle {font-size: .4em; font-style: italic; font-weight: 600;}

.header_search {background: #fff; clear:both; float:right; margin:-30px 10px;}
[dir=rtl] .header_search {float:left;}
.header_search input {background: #fff;}
#topMenu #nav-select {display: none;}

#flash-messages {clear:both;}

/* Styles for the option boxes */
/* Style for the top and bottom bar */
.topbottombar {color:#fff;background-color:#81a9cb;font-weight:bold;font-size:12px;padding:4px;text-align:center;}
/* Style for the subbar in facts_value */
.subbar {background-color:#d1d9ef;border:solid #81a9cb 1px;font-size:11px;vertical-align:top;white-space:nowrap;padding:3px;}
/* Style for the descriptionbox */
.descriptionbox {color:#fff;background-color:#81a9cb;font-size:12px;vertical-align:top;padding:3px;}
/* Style for the optionbox */
.optionbox {background-color:#d1d9ef;border:solid #81a9cb 1px;font-size:12px;vertical-align:top;white-space:nowrap;padding:3px;}
.vmiddle {vertical-align:middle;}

/* Colors */
.red {color:#ff0000;}
.rela, .histo {opacity:0.67;}
.rela_type {
	font-weight: 600;
}
/* Width settings */
.width10 {width:10%;}
.width20 {width:20%;}
.width25 {width:25%;}
.width30 {width:30%;}
.width33 {width:33%;}
.width40 {width:40%;}
.width50 {width:50%;}
.width60 {width:60%;}
.width66 {width:66%;}
.width70 {width:70%;}
.width75 {width:75%;}
.width80 {width:80%;}
.width90 {width:90%;}
.width100 {width:100%;}

/* Font sizes */
.font9 {font-size:9px;}

/* Message box */
.messagebox {background-color:#c2ceef;border:solid #81a9cb 1px;}

/* Pending edits */
.change_new, .nameblue {border:solid #0000ff 2px !important;}

.change_old, .namered {color:#000 !important;text-decoration:line-through !important;}
/* ====== */

a.showit {position:relative;z-index:24;text-decoration:none;}
a.showit:hover {z-index:25;background-color:#ffff9b;cursor:crosshair;}
a.showit > span {display:none;}
a.showit:hover > span {display:block;position:absolute;top:22px;left:0;width:225px;border-style:outset;border-left:15px outset #1f1f1f;border-top:2px solid #1f1f1f;border-bottom:2px solid #000;border-right:2px solid #000;padding:3px;background:#4f4f4f;color:#fff;font-size:15px;text-align:left;opacity:.85;z-index:5;}

.lifespan_people span:first-letter {font-size:16px;font-variant:small-caps;padding:1px;}
.lifespan_outer {position:relative;width:99.5%;height:600px;overflow:hidden;border:solid #0000ff 1px;}
.lifespan_outer a {}
.lifespan_outer a:hover {color:#ff0000;text-decoration:none;}
.lifespan_timeline {position:absolute;width:100%;left:-10px;top:-65px;z-index:2;background-color:#fff;}
.lifespan_people {position:absolute;width:500px;left:-10px;top:-60px;z-index:1;}

#map_type {margin:0;padding:0;font-size:10px;list-style:none;}
#map_type li {display:block;width:70px;text-align:center;padding:2px;border:1px solid #000;cursor:pointer;float:left;margin-left:2px;}
#map_type li.non_active {background:#fff;font-weight:normal;}
#map_type li.active {background:#888888;color:#fff;font-weight:bold;}
#map_type li:hover {background:#dddddd;}

.tag_cloud {text-align:center;}
.tag_cloud a {white-space:nowrap;}

/* Autocomplete styles*/
.ui-autocomplete-input {background-color:#eee8aa;}
.ui-autocomplete {padding:0;border:1px solid #000;background-color:#fff;z-index:99999;list-style-position:outside;list-style:none;margin:0;max-height:200px;overflow-y:auto;}
.ui-autocomplete li {margin:0;padding:2px 5px;cursor:default;display:block;
	/* if width will be 100% horizontal scrollbar will apear when scroll mode will be used */
	/*width:100%;*/
	font:menu;font-size:12px;
	/* 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;
}
.ui-autocomplete-loading {background:#fff url(images/indicator.gif) right center no-repeat;}
.ui-autocomplete li:nth-child(odd) {background-color:#eeeeee;}
.ui-autocomplete a.ui-state-focus {color:#ff0000;}
.ui-sortable li {list-style-type: none;}
.ui-sortable .noprint {display:none;}
/* End of Autocomplete styles*/

.nowrap {white-space:nowrap;}
.wrap {
	white-space: normal;
	word-break: break-word;
}
ul.clist {list-style-image:none;text-decoration:none;margin:0;}

.statistics-page {text-align:center;}
.center2 {text-align:center;}
.gchart {border:solid #81a9cb 1px;}

dl {margin:0;}
dt {float:left;font-weight:bold;margin-right:10px;}
[dir=rtl] dt {float:right;margin-right:auto;margin-left:10px;}

/* Find special characters */
.largechars {font-family:monospace;font-size:200%;}
#facts_content dd {float:left;width:70%;}
.clearfloat {clear:both;}
td.descriptionbox a {color:#fff;}/* this keeps the tag color the same when it is a link as when not */
.place {padding-top:5px;}
.logo {font-weight:900;text-align:center;}

#pending h2 {text-align:center;margin-bottom:20px;}
#pending h3 {text-align:center;margin-top:20px;}

/* calendar page */
#calendar-page div.cal-selectors {
	border: 1px #81a9cb solid;
	margin: 2px 0;
}

#calendar-page label.cal-label {
	background: #b2c7d7;
	display: inline-block;
	font-weight: 700;
	max-width: 100px;
	padding: 8px 5px;
	width: 10%;
}

#calendar-page div.cal-input {
	display: inline-block;
}

#calendar-page .calendars {
	margin: 10px auto;
	text-align: center;
	width: 100%;
}

#calendar-page select {
	font-size: inherit;
	padding: 2px;
}

#calendar-page input[type="text"] {
	text-align: center;
}

/* ============== person box details ============== */
.charts_block .person_box, .charts_block .person_boxF, .charts_block .person_boxNN,
.gedcom_favorites_block, .widget_favorites_block,
#ancestry_chart .person_box, #ancestry_chart .person_boxF, #ancestry_chart .person_boxNN,
#descendancy_chart .person_box, #descendancy_chart .person_boxF, #descendancy_chart .person_boxNN,
#family-table .person_box, #family-table .person_boxF, #family-table .person_boxNN,
#familybook_chart .person_box, #familybook_chart .person_boxF, #familybook_chart .person_boxNN,
#hourglass_chart .person_box, #hourglass_chart .person_boxF, #hourglass_chart .person_boxNN,
#pedigree_chart .person_box, #pedigree_chart .person_boxF, #pedigree_chart .person_boxNN,
#relatives_content .person_box, #relatives_content .person_boxF, #relatives_content .person_boxNN,
table[id^='rel_'] .person_box, table[id^='rel_'] .person_boxF, table[id^='rel_'] .person_boxNN {overflow:visible !important;}
.person_box_template .style1 {overflow:hidden;}
.person_box_template .style0 {padding: 2px;}
.person_box_template .noprint {width:25px;height:50px; position:relative;}
.person_box_template .chart_textbox {height:auto;overflow: hidden;}
.person_box_template .details div {display:block;}
.person_box_template img {float:left;margin:0 4px 0 0;height:50px;width:auto;max-width:80px;}
[dir=rtl] .person_box_template img {float:right;margin:0 0 0 4px;}
.person_box_template i[class^="icon-silhouette"] {float:left;}
[dir=rtl] .person_box_template i[class^="icon-silhouette"] {float:right;}

/* ===== Branches list page ========= */
#branches-page .branches{min-width: 210px; }
#branches-page .branches label:nth-of-type(2n),#branches-page .branches label:nth-of-type(3n) {display: inline;font-weight: normal;}
#branches-page .branches input {margin: auto 10px;width: initial;}
#branches-page ul{counter-reset:section;} /* instigate the "d'Aboville" numbering system */
#branches-page ul li{counter-increment:section;} /* instigate the "d'Aboville" numbering system */
#branches-page ul li:before {content:counters(section, ".") ". ";} /* instigate the "d'Aboville" numbering system */
#branch-list{visibility:hidden;}
p.branches {display:inline;}
.treeview{margin:40px; list-style:none;}
.treeview ul{padding:0;	margin:0; list-style:none;}
.treeview li{padding:8px 30px;}
.treeview .expandable-hitarea{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAB3RJTUUH2wsdFSga21zOVAAAAAlwSFlzAAAewQAAHsEBw2lUUwAAAARnQU1BAACxjwv8YQUAAABnSURBVHjaY2AYAoARwez79vHmp6C++yiCDEwIJhenrAHn1Tw5VBOQFTCIM8hzct7IksOhgJOBjUGCQY6T4ywOBRxABd8Zvv7g1MWhgJ3hN8Ovr1yKrS+QFbAgmED93zhVYlGkBwcAADh8FcUvumIfAAAAAElFTkSuQmCC); height:16px; width:16px; margin-left:-16px; float:left; cursor:pointer;}
.treeview .collapsable-hitarea{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAABbSURBVCjPY/jPgB8yDCkFB/7v+r/5/+r/i/7P+N/3DYuC7V93/d//fydQ0Zz/9eexKFgtsejLiv8b/8/8X/WtUBGrGyZLdH6f8r/sW64cTkdWSRS+zpQbgiEJAI4UCqdRg1A6AAAAAElFTkSuQmCC); height:16px; width:16px; margin-left:-16px; float:left; cursor:pointer;}
#treecontrol{margin:auto 20px;}

/* ============== Media List page ======================= */

#medialist-page .media-list-results {
	margin: auto;
	width: 95%;
}

#medialist-page .pagination {
	clear: both;
	margin: auto;
	overflow: hidden;
	width: 95%;
}

#medialist-page .pagination p.alignleft {
	float: left;
	text-align: left;
	width:33.33333%;
}
[dir='rtl'] #medialist-page .pagination p.alignleft {
	float: right;
	text-align: right;
}

#medialist-page .pagination p.aligncenter {
	float: left;
	text-align:center;
	width: 33.33333%;
}
[dir='rtl'] #medialist-page .pagination p.aligncenter {
	float: right;
}

#medialist-page .pagination p.alignright {
	float: right;
	text-align:right;
	width: 33.33333%;
}
[dir='rtl'] #medialist-page .pagination p.alignright {
	float: left;
	text-align:left;
}

#medialist-page #save-cancel {
	clear: both;
	float: right;
    margin: 0 30px;
}
.media-list-item {
	border-bottom: 1px inset #555;
	float: left;
	height: 205px;
	margin: 10px;
	overflow-y: auto;
	width: 95%;
	display: table-cell;
}
[dir='rtl'] .media-list-item {
	float: right;
}

#medialist-page .medialist_title {
	font-weight: 900;
	margin-bottom: 10px;
}

#medialist-page .media-list-image {
	clear: both;
	width: 100px;
	float: left;
	vertical-align: top;
}
[dir='rtl'] #medialist-page .media-list-image {
	float: right;
}

#medialist-page .media-list-data {
	margin: 0 0 0 110px;
}
[dir='rtl'] #medialist-page .media-list-data {
	margin: 0 110px 0 0;
}

#medialist-page .media-list-sources {
	margin: 10px auto;
	width: 98%;
	white-space: normal;
}

#medialist-page .media-list-link {
	font-size: 90%;
}

.media-list-item img {
	max-height: 175px;
}

#medialist-page .lightbox-menu {
	margin-bottom: 5px;
}

#medialist-page .lb-menu {
	line-height: 16px;
	list-style-type: none;
	margin: 0;
	padding-bottom: 16px;
}

#medialist-page .lb-menu li {
	border: none;
	font-weight: normal;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
}

#medialist-page .lb-menu > li ul {
	background: #fff;
	display: none;
	position: absolute;
	margin: 0;
	padding: 0;
	top: 14px;
}

#medialist-page .lb-menu > li:hover ul {
	display: block;
}

#medialist-page .lb-menu a {
	display: inline;
	float: left;
	vertical-align: middle;
}
[dir='rtl'] #medialist-page .lb-menu a {
	float: right;
}

#medialist-page .lb-menu li a {
	padding: 0 24px;
	white-space: nowrap;
}

#medialist-page .lb-menu li li {
	text-align: left;
}
[dir='rtl'] #medialist-page .lb-menu li li {
	text-align: right;
}

#medialist-page .lb-menu li li a {
	padding: 1px 10px 1px 5px;
}
[dir='rtl'] #medialist-page .lb-menu li li a {
	padding: 1px 5px 1px 10px;
}

#medialist-page li .lb-image_edit {
	background: url(images/image_edit.png) no-repeat 0 0;
}

#medialist-page li .lb-image_link {
	background: url(images/image_link.png) no-repeat 0 0;
}

#medialist-page li .lb-image_view {
	background: url(images/image_view.png) no-repeat 0 0;
}
/* ============== login.php ======================= */
#login-register-page h2 {text-align:center;}
#login-register-page .warning {margin:20px auto;text-align:center;}
#login-register-page .back {font-weight:bold;font-size:14px;text-align:center;}
#login-register-page .confirm {margin:20px auto;text-align:justify;width:500px;}
#login-register-page .confirm p {font-size:14px;font-weight:bold;}
#login-register-page .confirm p+p {font-size:12px;font-weight:normal;}
#login-text, #register-text, #user-verify {margin:20px auto;width:610px;text-align:justify;}
#login-box, #register-box {text-align:center;}
#login-form, .new_passwd_form, #register-form, #verify-form {background-color:#edf7fd;border:1px outset #81A9CB;display:inline-block;margin:10px auto 0 auto;padding:5px;}
#login-form div, #login-form div a, .new_passwd_form div, #register-form div, #verify-form div {margin:auto;padding:5px;text-align:center;}
#login-form label, .new_passwd_form label, #verify-form label {display:block;text-align:right;}
#login-form label input, .new_passwd_form label input {width:140px;margin:0 10px;}
.new_passwd_form h4, #register-form h4 {font-weight:normal;text-align:center;}
#register-form div, #verify-form div {text-align:right;}
#register-form label input, #register-form label select, #register-form textarea, #verify-form label input {width:300px;margin:0 10px;padding:3px;}
#register-form label select {margin:0 10px;width:228px;}
#register-form textarea {vertical-align:top;}
#register-form div#registration-submit, #verify-form div#verify-submit {text-align:center;}
#registration-submit input:disabled,
#registration-submit input[disabled]{
  text-decoration: line-through;
  text-decoration-color: #ff0000;
  text-decoration-style: wavy;
}
.login_block_block #login-form, .login_block_block .new_passwd_form {border:0;background:none;}
[dir=rtl] #login-form label, [dir=rtl] .new_passwd_form label, [dir=rtl] #register-form label, [dir=rtl] #verify-form label {text-align:left;}
[dir=rtl] #register-form div, [dir=rtl] #verify-form div {text-align:left;}

/* ============== Edit_Changes Page ======================= */
#edit_changes-page table {
	margin: 20px;
}

#edit_changes-page table table {
	margin: 5px;
}

#edit_changes-page h3 {
	font-size: 1.1em;
    margin: 3px 0;
}

#edit_changes-page td, #edit_changes-page th {
	border: 1px solid;
	padding: 8px;
}

#edit_changes-page th {
	background: #ddd;
	font-weight: 600;
}

#edit_changes-page table p {
	margin: 0;
	font-size: 1.1em;
	font-weight: 600;
}

.itr {position:absolute;line-height:1.5;}
.block .itr, #family-table .itr, #ancestry_chart .itr, #descendancy_chart .itr, #familybook_chart .itr, #hourglass_chart .itr, #relatives_content .itr {position:relative;top:0;}
.popup {display:none;}
.popup ul {background-image:none !important;font-size:9px;list-style:none;margin:0;padding:0 10px;}
.popup li {padding:1px 5px;}
.popup li span {padding:0 5px;}
.popup li ul, .popup li ul li, .popup li span span {padding:0;}
.itr:hover .popup {display:block;position:absolute;width:12em;right:0;z-index:9999;}
[dir=rtl] .itr:hover .popup {left:0;right:auto;}

/* styles for FindFacts pop-up */
#layDefinedTags, #tabDefinedTagsShow {width:450px;}
#tabDefinedTags {width:430px;}
#layDefinedTags {margin-left:auto;margin-right:auto;height:285px;overflow:auto;}
#tabDefinedTags {border-collapse:collapse;}
#tabDefinedTags th, #tabDefinedTags td {border:solid 1px #000;margin:0;padding:3px;}
#tabDefinedTags tbody th {text-align:left;font-weight:bold;}
#tabDefinedTags tr.sel {background-color:#d1d9ef;color:#888888;}
#tabDefinedTags tr.unsel {background-color:#fff;color:#888888;}
#tabDefinedTagsShow {margin-left:auto;margin-right:auto;}
#tabDefinedTagsShow td {width:50%;text-align:center;}
#tabFilterAndCustom {margin-left:auto;margin-right:auto;}
#tabAction {margin-left:auto;margin-right:auto;}
#tabAction td {width:50%;text-align:center;}

/* ======= List styles =========== */
.source-list, .note-list, .repo-list, .media-list, .indi-list, .fam-list {margin:5px auto;width:98%;visibility:hidden;}
.recent_changes_block, .upcoming_events_block, .todays_events_block, .todo_block {width:99%;}
.surname-list, .givn-list {margin:5px auto;}
.source-list table, .note-list table, .repo-list table, .media-list table, .indi-list table, .fam-list table {width:100%;}
.source-list td, .note-list td, .repo-list td, .media-list td, .indi-list td, .fam-list td, .recent_changes_block td, .upcoming_events_block td, .surname-list td, .givn-list td {padding:2px 5px;}
.indi-list td, .fam-list td {}
.surname-list td {vertical-align:top;}
.indi-list .stats, .fam-list .stats {margin:0 auto;width:auto;}
.source-list th, .note-list th, .repo-list th, .media-list th, .indi-list th, .fam-list th, .recent_changes_block th, .upcoming_events_block th, .todays_events_block th, .todo_block th, .yahrzeit_block th, .surname-list th, .givn-list th {cursor:pointer;font-weight:600;padding:2px 4px;white-space:nowrap;}
.source-list th:last-child, .note-list th:last-child, .repo-list th:last-child {margin:0 -2px 1px 1px;padding:3px 0 4px;width:24px;}
.givn-list th {cursor:pointer;white-space:nowrap;padding:2px;text-align:center;}
.givn-list th {cursor:pointer;white-space:nowrap;padding:2px;text-align:center;}
#source-details-page h2, #sourcelist-page h2, #note-details-page h2, #notelist-page h2, #repo-details-page h2, #repolist-page h2, #media-details-page h2, #medialist-page h2, #statistics-page h2 {margin-bottom:20px;text-align:center;}
#source-tabs, #note-tabs, #repo-tabs, #media-tabs {margin:auto;visibility:hidden;width:80%;}
#statistics_chart {margin:auto;width:90%;}
#source-edit, #note-edit, #repo-edit, #media-edit {overflow-x:auto;}
.media-list td img {display:block;height:40px;width:auto;margin:3px auto;}
.filtersH, .filtersF {margin:4px;}
.filtersH img {margin-bottom:2px;}
.loading-image {background:transparent url(images/loading.gif) 50% 50% no-repeat;height:50px;margin:50px;}
.list-charts {text-align:center;}
#search-result-tabs, #places-tabs {margin:auto;width:98%;visibility:hidden;}
#search-result-tabs h3 {text-align:center;}
#searchAccordion-indi, #searchAccordion-fam, #searchAccordion-source, #searchAccordion-note {margin:auto;width:99%;}

[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;}

/* ======== Place List page ========= */
#place-hierarchy h2,
#place-hierarchy h4 {
	text-align: center;
}

#place-hierarchy p {
	font-weight:900;
	text-align:center;
}

#place-hierarchy ul {
	list-style: none;
	padding: 0;
	margin: auto;
	text-align: center;
	white-space: normal;
	width: 85%;
}

#place-hierarchy ul li {
	display: inline-block;
	text-align: initial;
	width: 400px;
}

#place-hierarchy #place-list {
	margin:20px auto;
	width:90%;
}

#place-hierarchy #place-list p {
	border:0;
	margin:0;
	padding: 10px;
	text-align: center;
}

#place-hierarchy #place-list ul {
}

#place-hierarchy #place-list ul li {
	padding: 5px;
	vertical-align:top;
	width: 150px;
}

#place-hierarchy #place-list ul + p {
	margin: 10px;
	border: 0;
	padding: 0;
	text-align: center;
}

#places-tabs {
	margin: 20px auto;
}

#places-tabs ul {
	width: auto;
}

#places-tabs ul li {
	width: auto;
}

/* ---------------------------------- */

/* ======= Block styles ========== */
#index_main_blocks {clear:none;width:66%;float:left;}
#index_small_blocks {clear:none;width:33%;float:right;}
#index_full_blocks {clear:none;width:100%;}
[dir=rtl] #index_main_blocks {float:right;}
[dir=rtl] #index_small_blocks {float:left;}

.small_inner_block {max-height:200px;overflow:auto;}
.normal_inner_block {overflow:auto;}
.block {background-color:#edf7fd;border:solid #81a9cb 1px;margin-top:10px;padding:3px;vertical-align:top;}
.blockcontent {margin:5px;overflow:auto;}
.blockcontent .list_table {border-spacing:0;border:solid #81a9cb 1px;border-right:0;}
.blockcontent .list_value, .blockcontent .list_value_wrap {border:0;border-top:solid #81a9cb 1px;border-right:solid #81a9cb 1px;}
.blockheader {font-weight:bold;}
#main_select, #available_select, #right_select {min-width:150px;}
.user_welcome_block table, .gedcom_block_block table {margin:auto;}
.user_welcome_block td, .gedcom_block_block td {width:25%;text-align:center;vertical-align:top;}
#link_change_blocks {clear:both;margin:0 auto;padding:25px 0 0 0;text-align:center;width:400px;}
#link_change_blocks span {padding:0 50px;}
#link_change_blocks span span {padding:0 3px;}

/* ======== Random media block ====== */
.random_media_block {height:200px;}
[id^="random_media_container"] {text-align: center;}
.random_media_content a.gallery img {max-height:150px;}
.random_media_title {font-weight:900; line-height: 30px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

/* ======= Favourites block ========== */
.gedcom_favorites_block .person_box .details2, .gedcom_favorites_block .person_boxF.details2, .gedcom_favorites_block .person_boxNN.details2 {min-height:40px;}
.widget_favorites_block .person_box .details2, .widget_favorites_block .person_boxF.details2, .widget_favorites_block .person_boxNN.details2 {min-height:40px;}
.add_fav_head {font-weight:900;margin:5px 0;}
.add_fav_head i {margin:0 5px 1px 5px;}
.add_fav_ref label {display:inline-block;min-width:100px;}
.add_fav_ref label:after {content:":";}
.add_fav_ref input {margin:0 5px;}
.action_header, .action_headerF, .action_headerNN {margin-bottom:3px;}

/* ======= Who is online block ========== */
.logged_in_list {margin:5px 0 0 0;padding:0;line-height:20px;}

/* ============= Statistics block ============ */
.gedcom_stats_block table td {vertical-align:top;}
.gedcom_stats_block table td td {vertical-align:middle;}
.gedcom_stats_block td .stats_value {text-align:center;}

/* ======= FAQ page styles ========== */
#faq-page {
	margin: 0 auto;
	width: 70%;
}

#faq-page h2.ui-accordion-header {
	border: none;
	background-color: transparent;
	border-radius: 0;
	color: inherit;
}

#faq-page #faq_accordion {
	clear:both;
	margin-bottom: 50px;
	visibility: hidden;
}

#faq-page div.ui-widget-content {
	border: none;
	background: #fff;
	color: inherit;
}

#faq-page #faq_search {
	margin: 10px auto;
	width: 200px;
}

#faq-page #faq_search input {
	font-size: 110%;
	padding: 5px;
	width: 200px;
}

#faq-page .faq_body {
	margin: 0 20px;
}
#faq-page .faq_body p {
	margin: 0;
}

#faq-page .faq_subaccordion {
	margin: auto 20px;
	visibility: hidden;
}

/* ======= Header menu styles ========== */
#topMenu {border-top:2px solid #81A9CB;border-bottom:2px solid #81A9CB;float:left;margin:5px auto;padding:5px 0;position:relative;width:100%;}
#main-menu {clear:both;position:relative;z-index:50;float:right;right:50%;}
#main-menu,
#main-menu ul {list-style-type:none;margin:0;padding:0;z-index:100;}
#main-menu ul ul {z-index:60;}
#main-menu li {float:left;position:relative;left:50%;}
#main-menu li li {clear:both;}
#main-menu li:hover > ul {display:block;position:absolute;top:0;left:100%;right:auto;}
#main-menu > li:hover > ul {left:0;right:auto;top:66px;}
#main-menu a {display:block;white-space:nowrap;overflow:hidden;}
#main-menu ul {
    position:absolute;
    display:none;
    background:#fff;
    border:thin solid #aaaaaa;
    padding:5px 0;z-index:99;
    max-height: 400px;
	min-width: 140px;
	overflow-y: auto;
	overflow-x: hidden;
}
#main-menu li a {margin:auto;padding-top:52px;width:100%;}
#main-menu li li a {display:block;position:relative;float:left;font-size:11px;line-height:1.5;padding:1px 10px 1px 5px;}

/* Menu icons */
#main-menu > li {background-image:url(images/large_menu_sprite.png);background-repeat:no-repeat;width:90px;height:64px;text-align:center;}
#main-menu li li {background-image:url(images/small_menu_sprite.png);background-repeat:no-repeat;height:24px;left:auto;line-height:24px;text-align:left;text-indent:26px;width:100%;}
#main-menu > li#widget-button.fa-bars {background-image:url(images/icon-widget.png);}
#main-menu > li#widget-button.fa-times {background-image:url(images/icon-widget-close.png);}

#main-menu li#menu-fancy_treeview_descendants {
	background: url(images/menu-ftv.png) no-repeat 50% 25%;
	background-size: 50px;
}

#main-menu li#menu-fancy_treeview_descendants ul li {
	background: url(images/menu-ftv-small.png) no-repeat 1% 0;
	background-size: 20px;
}

[dir=rtl] #main-menu li#menu-fancy_treeview_descendants ul li {
	background-position: 99% 0;
}


/* Reverse left and right on RTL pages */
[dir=rtl] #topMenu {float:right;}
[dir=rtl] #main-menu li {float:right;}
[dir=rtl] #main-menu li:hover > ul {right:100%;left:auto;}
[dir=rtl] #main-menu > li:hover > ul {left:auto;right:0;}
[dir=rtl] #main-menu li li {text-align:right;}
[dir=rtl] #main-menu li li a {float:right;padding:1px 5px 1px 10px;}

/* Main menu icons */
#menu-tree      {background-position:center    	 0;}
#menu-mymenu    {background-position:center  -70px;}
#menu-chart     {background-position:center -140px;}
#menu-list      {background-position:center -210px;}
#menu-report    {background-position:center -280px;}
#menu-calendar  {background-position:center -350px;}
#menu-search    {background-position:center -420px;}
#menu-help      {background-position:center -490px;}
#menu-clippings {background-position:center -560px;}
#menu-indi      {background-position:center -630px;}
#menu-sour      {background-position:center -700px;}
#menu-fam       {background-position:center -770px;}
#menu-obje      {background-position:center -840px;}
#menu-note      {background-position:center -910px;}
#menu-repo      {background-position:center -980px;}
#menu-story     {background-position:center -1050px;}
#menu-report	{background-position:center -1120px;}
#menu-contact	{background-position:center -1187px;}

/* Sub-menu icons */
#menu-admin                 {background-position:left       0;} [dir=rtl] #menu-admin                 {background-position:right       0;}
#menu-branches              {background-position:left  -450px;} [dir=rtl] #menu-branches              {background-position:right  -450px;}
#menu-calendar              {background-position:left   -60px;} [dir=rtl] #menu-calendar-day          {background-position:right   -60px;}
#menu-calendar_utilities	{background-position:left       0;} [dir=rtl] #menu-calendar_utilities    {background-position:right       0;}
#menu-chart-ancestry        {background-position:left   -30px;} [dir=rtl] #menu-chart-ancestry        {background-position:right   -30px;}
#menu-chart-compact         {background-position:left   -30px;} [dir=rtl] #menu-chart-compact         {background-position:right   -30px;}
#menu-chart-descendancy     {background-position:left  -150px;} [dir=rtl] #menu-chart-descendancy     {background-position:right  -150px;}
#menu-chart-familybook      {background-position:left  -180px;} [dir=rtl] #menu-chart-familybook      {background-position:right  -180px;}
#menu-chart-fanchart        {background-position:left  -210px;} [dir=rtl] #menu-chart-fanchart        {background-position:right  -210px;}
#menu-chart-hourglass       {background-position:left  -270px;} [dir=rtl] #menu-chart-hourglass       {background-position:right  -270px;}
#menu-chart-lifespan        {background-position:left  -660px;} [dir=rtl] #menu-chart-lifespan        {background-position:right  -660px;}
#menu-chart-pedigree        {background-position:left  -480px;} [dir=rtl] #menu-chart-pedigree        {background-position:right  -480px;}
#menu-chart-pedigree_map    {background-position:left  -720px;} [dir=rtl] #menu-chart-pedigree_map    {background-position:right  -720px;}
#menu-chart-relationship    {background-position:left  -540px;} [dir=rtl] #menu-chart-relationship    {background-position:right  -540px;}
#menu-chart-relationship li {background-position:left  -540px;} [dir=rtl] #menu-chart-relationship li {background-position:right  -540px;}
#menu-chart-statistics      {background-position:left  -630px;} [dir=rtl] #menu-chart-statistics      {background-position:right  -630px;}
#menu-chart-timeline        {background-position:left  -660px;} [dir=rtl] #menu-chart-timeline        {background-position:right  -660px;}
#menu-chart-timeline li     {background-position:left  -660px;} [dir=rtl] #menu-chart-timeline li     {background-position:right  -660px;}
#menu-chart-tree            {background-position:left  -240px;} [dir=rtl] #menu-chart-tree            {background-position:right  -240px;}
#menu-clippingsadd          {background-position:left  -930px;} [dir=rtl] #menu-clippingsadd          {background-position:right  -930px;}
#menu-clippingscart         {background-position:left  -900px;} [dir=rtl] #menu-clippingscart         {background-position:right  -900px;}
#menu-fam-addchil           {background-position:left -1050px;} [dir=rtl] #menu-fam-addchil           {background-position:right -1050px;}
#menu-fam-addfav            {background-position:left  -870px;} [dir=rtl] #menu-fam-addfav            {background-position:right  -870px;}
#menu-fam-change            {background-position:left   -90px;} [dir=rtl] #menu-fam-change            {background-position:right   -90px;}
#menu-fam-del               {background-position:left  -840px;} [dir=rtl] #menu-fam-del               {background-position:right  -840px;}
#menu-fam-editraw           {background-position:left  -240px;} [dir=rtl] #menu-fam-editraw           {background-position:right  -240px;}
#menu-fam-orderchil         {background-position:left -1080px;} [dir=rtl] #menu-fam-orderchil         {background-position:right -1080px;}
#menu-help-contents         {background-position:left  -300px;} [dir=rtl] #menu-help-contents         {background-position:right  -300px;}
#menu-help-faq              {background-position:left  -300px;} [dir=rtl] #menu-help-faq              {background-position:right  -300px;}
#menu-help-genealogy        {background-position:left  -120px;} [dir=rtl] #menu-help-genealogy        {background-position:right  -120px;}
#menu-help-hide             {background-position:left  -300px;} [dir=rtl] #menu-help-hide             {background-position:right  -300px;}
#menu-help-show             {background-position:left  -300px;} [dir=rtl] #menu-help-show             {background-position:right  -300px;}
#menu-help-technical        {background-position:left  -120px;} [dir=rtl] #menu-help-technical        {background-position:right  -120px;}
#menu-help-wiki             {background-position:left  -690px;} [dir=rtl] #menu-help-wiki             {background-position:right  -690px;}
#menu-indi-addfav           {background-position:left  -870px;} [dir=rtl] #menu-indi-addfav           {background-position:right  -870px;}
#menu-indi-addname          {background-position:left  -780px;} [dir=rtl] #menu-indi-addname          {background-position:right  -780px;}
#menu-indi-del              {background-position:left  -840px;} [dir=rtl] #menu-indi-del              {background-position:right  -840px;}
#menu-indi-editraw          {background-position:left  -240px;} [dir=rtl] #menu-indi-editraw          {background-position:right  -240px;}
#menu-indi-editsex          {background-position:left  -810px;} [dir=rtl] #menu-indi-editsex          {background-position:right  -810px;}
#menu-indi-orderfam         {background-position:left -1080px;} [dir=rtl] #menu-indi-orderfam         {background-position:right -1080px;}
#menu-indi-linkchild        {background-position:left -1140px;} [dir=rtl] #menu-indi-linkchild        {background-position:right -1140px;}
#menu-indi-addwife          {background-position:left -780px;} [dir=rtl] #menu-indi-addwife          {background-position:right -780px;}
#menu-indi-addewife         {background-position:left -780px;} [dir=rtl] #menu-indi-addewife         {background-position:right -780px;}
#menu-indi-linkhusb         {background-position:left -1140px;} [dir=rtl] #menu-indi-linkhusb         {background-position:right -1140px;}
#menu-indi-addhusb          {background-position:left -780px;} [dir=rtl] #menu-indi-addhusb          {background-position:right -780px;}
#menu-indi-addehusb         {background-position:left -780px;} [dir=rtl] #menu-indi-addehusb         {background-position:right -780px;}
#menu-indi-linkwife         {background-position:left -1140px;} [dir=rtl] #menu-indi-linkwife         {background-position:right -1140px;}
#menu-indi-onepare          {background-position:left -1050px;} [dir=rtl] #menu-indi-onepare          {background-position:right -1050px;}
#menu-list-fam              {background-position:left   -90px;} [dir=rtl] #menu-list-fam              {background-position:right   -90px;}
#menu-list-indi             {background-position:left  -120px;} [dir=rtl] #menu-list-indi             {background-position:right  -120px;}
#menu-list-note             {background-position:left  -420px;} [dir=rtl] #menu-list-note             {background-position:right  -420px;}
#menu-list-obje             {background-position:left  -330px;} [dir=rtl] #menu-list-obje             {background-position:right  -330px;}
#menu-list-plac             {background-position:left  -510px;} [dir=rtl] #menu-list-plac             {background-position:right  -510px;}
#menu-list-repo             {background-position:left  -360px;} [dir=rtl] #menu-list-repo             {background-position:right  -360px;}
#menu-list-sour             {background-position:left  -180px;} [dir=rtl] #menu-list-sour             {background-position:right  -180px;}
#menu-myaccount             {background-position:left  -390px;} [dir=rtl] #menu-myaccount             {background-position:right  -390px;}
#menu-mypedigree            {background-position:left  -480px;} [dir=rtl] #menu-mypedigree            {background-position:right  -480px;}
#menu-myrecord              {background-position:left  -120px;} [dir=rtl] #menu-myrecord              {background-position:right  -120px;}
#menu-note-addfav           {background-position:left  -870px;} [dir=rtl] #menu-note-addfav           {background-position:right  -870px;}
#menu-note-del              {background-position:left  -840px;} [dir=rtl] #menu-note-del              {background-position:right  -840px;}
#menu-note-edit             {background-position:left -1020px;} [dir=rtl] #menu-note-edit             {background-position:right -1020px;}
#menu-note-editraw          {background-position:left  -240px;} [dir=rtl] #menu-note-editraw          {background-position:right  -240px;}
#menu-obje-addfav           {background-position:left  -870px;} [dir=rtl] #menu-obje-addfav           {background-position:right  -870px;}
#menu-obje-del              {background-position:left  -840px;} [dir=rtl] #menu-obje-del              {background-position:right  -840px;}
#menu-obje-edit             {background-position:left -1110px;} [dir=rtl] #menu-obje-edit             {background-position:right -1110px;}
#menu-obje-editraw          {background-position:left  -240px;} [dir=rtl] #menu-obje-editraw          {background-position:right  -240px;}
#menu-obje-link             {background-position:left -1140px;} [dir=rtl] #menu-obje-link             {background-position:right -1140px;}
#menu-obje-link-fam         {background-position:left   -90px;} [dir=rtl] #menu-obje-link-fam         {background-position:right   -90px;}
#menu-obje-link-indi        {background-position:left  -300px;} [dir=rtl] #menu-obje-link-indi        {background-position:right  -300px;}
#menu-obje-link-sour        {background-position:left  -180px;} [dir=rtl] #menu-obje-link-sour        {background-position:right  -180px;}
#menu-repo-addfav           {background-position:left  -870px;} [dir=rtl] #menu-repo-addfav           {background-position:right  -870px;}
#menu-repo-del              {background-position:left  -840px;} [dir=rtl] #menu-repo-del              {background-position:right  -840px;}
#menu-repo-edit             {background-position:left  -990px;} [dir=rtl] #menu-repo-edit             {background-position:right  -990px;}
#menu-repo-editraw          {background-position:left  -240px;} [dir=rtl] #menu-repo-editraw          {background-position:right  -240px;}
#menu-report li             {background-position:left  -570px;} [dir=rtl] #menu-report li             {background-position:right  -570px;}
#menu-search-advanced       {background-position:left  -600px;} [dir=rtl] #menu-search-advanced       {background-position:right  -600px;}
#menu-search-general        {background-position:left  -600px;} [dir=rtl] #menu-search-general        {background-position:right  -600px;}
#menu-search-replace        {background-position:left  -600px;} [dir=rtl] #menu-search-replace        {background-position:right  -600px;}
#menu-search-soundex        {background-position:left  -600px;} [dir=rtl] #menu-search-soundex        {background-position:right  -600px;}
#menu-sour-addfav           {background-position:left  -870px;} [dir=rtl] #menu-sour-addfav           {background-position:right  -870px;}
#menu-sour-del              {background-position:left  -840px;} [dir=rtl] #menu-sour-del              {background-position:right  -840px;}
#menu-sour-edit             {background-position:left  -960px;} [dir=rtl] #menu-sour-edit             {background-position:right  -960px;}
#menu-sour-editraw          {background-position:left  -240px;} [dir=rtl] #menu-sour-editraw          {background-position:right  -240px;}
#menu-story-sub          	{background-position:left  -1208px;} [dir=rtl] #menu-sour-editraw         {background-position:right  -1208px;}
#menu-tree li               {background-position:left  -240px;} [dir=rtl] #menu-tree li               {background-position:right  -240px;}
#menu-report li          {background-position:left  -1235px;} [dir=rtl] #menu-report li          {background-position:right  -240px;}

#menu-language li {text-align:left;} /* The language menu is always LTR, even on RTL pages */
#menu-theme li {text-align:left;} /* The theme menu is always LTR, even on RTL pages */

/* ========= Login|Favorites|Theme|Language menu items ========== */
#extra-menu {float:right;white-space:nowrap;margin:10px;}
#extra-menu.makeMenu li ul {left:auto;right:0;}
#extra-menu a {background:none;display:inline;}
.makeMenu {font-weight:bold;}
.makeMenu li {display:inline;position:relative;white-space:nowrap;border-left:2px solid;padding:0 5px;}
.makeMenu li:first-child, .makeMenu li ul li {border:none;}
.makeMenu li ul {
    display:none;
    font-weight:normal;
    position:absolute;
    top:1.1em;
    background-color:#fff;
    border:thin solid #aaaaaa;z-index:999;
    max-height: 400px;
	min-width: 140px;
	overflow-y: auto;
	overflow-x: hidden;
}
.makeMenu li ul li {padding:2px;display:block;text-align:left;}
.makeMenu, .makeMenu li ul {list-style:none;margin:0;padding:1px;}
.makeMenu li:hover > ul {display:block;}
.lang-active, .theme-active {color:#000066;font-weight:900;}

[dir=rtl] #extra-menu {float:left;}
[dir=rtl] #extra-menu.makeMenu li ul {left:0;right:auto;}
[dir=rtl] .makeMenu li ul {left:auto;right:0;}
[dir=rtl] .makeMenu li ul li {text-align:right;}
[dir=rtl] .makeMenu li {border-left:none;border-right:2px solid;}
[dir=rtl] .makeMenu li:first-child, [dir=rtl] .makeMenu li ul li {border:none;}

/* ========= Positioning edit, copy, delete links ============= */
/* General use */
.editfacts {clear:left;padding-top:15px;} /* a container for the following three links */
.editlink, .copylink, .deletelink {float:left;}
[dir=rtl] .editlink, [dir=rtl] .copylink, [dir=rtl] .deletelink {float:right;}
span.link_text {display:none;}
/* Indi header */
.field .editlink, .field .deletelink, .field .copylink {float:right;}
[dir=rtl].field .editlink, [dir=rtl].field .deletelink {float:left;}
/* =========== end edit, copy, delete links ==================== */

/* =========== Indi header ================== */
#indi_header {float:left;width:98%;border-radius:3px;border:1px solid #b2c7d7;margin:5px 0;padding:10px;}
#indi_header h3 {font-size:90%;font-weight:bold;margin:0;padding:0 10px 0 30px;text-align:left;}
#indi_header h3.name_one {overflow:hidden;position:relative;font-size:1.5em;}
#indi_header h3.name_two {line-height: 30px;}
#indi_header h3 .details1 {font-size:1.0em;}
#indi_header h3.person_box, #indi_header h3.person_boxF, #indi_header h3.person_boxNN {border:1px solid #2694e8;}
#indi_header h3 .header_age {padding:5px 0 5px 5px;float:right;font-weight:normal;font-size:65%;}
#indi_header h3 a {display:inline;}
#indi_header a {color:#333377;font-size:0.75em;font-weight:normal;}
#indi_header a:hover {color:#ff0000;}

#indi_header #indi_relationship {
	border: 1px solid #ddd;
	border-radius: 0 0 6px 6px;
	border-top: 0;
	padding: 5px;
	text-align: right;
}
[dir=rtl] #indi_header #indi_relationship {
	border-radius: 0 6px 6px 0;
	text-align: left;;
}

#indi_header #indi_relationship span {
	background-image: none;
}

#indi_header #indi_relationship:empty {
	display: none;
}

#main_name {float:left;font-size:2em;margin:10px;font-weight:bold;}
#indi_mainimage {float:left;}
#indi_mainimage a img {float:left;padding:0;}
.indi_name_details {margin:0;overflow:hidden !important;padding:5px;}
.indi_name_details dt:after {content:":";}
.indi_name_details .name1 {font-weight:normal;padding-top:5px;font-size:inherit;}
#indi_header a.warning {color:#ff0000;font-size:1em;}
#indi_note {margin:0 0 5px 0;}
#header_accordion1 {float:right;}
.indi_table {clear:left;}
#sex {float:right;}
#dates {float:right;}
dd .editlink, dd .deletelink {float:right;}
#indi_note .fact_NOTE {float:left;margin:0 5px 0 0;}
#indi_note .note_details {font-size:100%;}
#indi_note .fact_SOUR {margin:3px 0;}
#indi_note .fact_SOUR a {font-size:100%;}
#indi_note .fact_NOTE,
#indi_note .fact_SOUR {clear: both;}

[dir=rtl] #indi_header {float:right;}
[dir=rtl] #indi_header h3 {padding:0 30px 0 10px;text-align:right;}
[dir=rtl] #indi_header h3 .header_age {padding:5px 5px 5px 0;float:left;}
[dir=rtl] #main_name {float:right;}
[dir=rtl] #indi_mainimage {float:right;}
[dir=rtl] #indi_mainimage a img {float:right;}
[dir=rtl] #indi_note .fact_NOTE {float:right;margin:0 0 0 10px;}
[dir=rtl] #header_accordion1 {float:left;}
[dir=rtl] .indi_table {clear:right;}
[dir=rtl] #sex {float:left;}
[dir=rtl] #dates {float:left;}
[dir=rtl] dd .editlink, [dir=rtl] dd .deletelink {float:left;}

/* General sprite */
.male_gender, .female_gender, .unknown_gender, .icon-edit, .icon-copy, .icon-delete {display:block;background:url(images/general_sprite.png) no-repeat left 0;}

.female_gender {background-position:-45px 1px;height:30px;width:24px;}
.male_gender {background-position:-72px 3px;height:30px;width:24px;}
.unknown_gender {background-position:-100px 4px;height:30px;width:24px;}
.icon-edit {background-position:-40px -32px;height:16px;width:24px;}
.icon-copy {background-position:-70px -32px;height:16px;width:24px;}
.icon-delete {background-position:-100px -32px;height:16px;width:24px;}

.icon_arrow {display:block;background:url(images/small_menu_sprite.png) no-repeat left 0;}
.icon_arrow {background-position:90% -1166px;} [dir=rtl] .icon_arrow {background-position:10% -1184px;}

/* =========== 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;}
#media-display-image {float:left;}
#media-display-title {float:left;font-style:italic;margin:10px;}

/* ========= jquery-ui.custom.css changes ============ */
.ui-tabs, .ui-tabs .ui-tabs-nav li a {padding:0;}
.ui-tabs .ui-tabs-nav li a span {display:block; padding:0 1em;}
.ui-tabs .ui-tabs-panel {padding:1em 0;}
.ui-accordion .ui-accordion-content {margin-top: 1px;overflow:visible;padding:0 5px;position:relative;}
.ui-accordion .ui-accordion-header {text-align:center;margin-top:0;}
#widget-bar.ui-accordion .ui-accordion-header {overflow:hidden; text-align: left;}
.ui-accordion .ui-accordion-header a {padding:2px;}
.ui-helper-reset {line-height:1.5;}
.ui-state-highlight a {color:#ff0000;}
.ui-widget-header {padding:3px;}
.ui-widget-content {color:#555555;}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {padding: 5px 8px;;}

[dir=rtl] .ui-tabs {direction:rtl;}
[dir=rtl] .ui-tabs .ui-tabs-nav li.ui-tabs-selected, [dir=rtl] .ui-tabs .ui-tabs-nav li.ui-state-default {float:right;}
[dir=rtl] .ui-accordion .ui-accordion-header .ui-icon {right:0.5em;}
[dir=rtl] .ui-dialog-title {float:right;}
[dir=rtl] .ui-dialog-titlebar-close {left:.3em;right:auto;}
[dir=rtl] #widget-bar.ui-accordion .ui-accordion-header {text-align: right;}

/* jQuery.datatable styling general over-rides */
.odd {background-color:#E7EEF3 ;}
.even {background-color:#E6E6E6;}
.css_right {float:left;}
.fg-button {padding:2px 6px;}
.dataTables_paginate {float:left;margin-bottom:3px;}
.dataTables_processing {float:left;}
.dataTables_filter {float:right;font-weight:normal;}
.dataTables_info {float:left;font-weight:normal;padding:4px;}
.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;}
.upcoming_events_block .dataTables_info, .todays_events_block .dataTables_info {padding:2px 0 0 0;}
.upcoming_events_block button, .todays_events_block button {margin:0 20px;}
.dataTables_length {float:right;font-weight:normal;}
.dataTables_length select, .dataTables_filter input {font-size:11px;padding:5px;}
.dt-clear {clear:both;}
#loading {text-align:center;}
.DataTables_sort_wrapper {position:relative;margin:0 20px;}
.DataTables_sort_wrapper span {left:0;margin-left:-20px;margin-top:-8px;position:absolute;top:50%;}
.dataTables_wrapper {margin-bottom:10px;}

[dir=rtl] .css_right {float:right;}
[dir=rtl] .dataTables_paginate {float:right;}
[dir=rtl] .dataTables_processing {float:right;}
[dir=rtl] .dataTables_filter {float:left;}
[dir=rtl] .dataTables_info {float:right;}
[dir=rtl] .dataTables_length {float:left;}
[dir=rtl] .DataTables_sort_wrapper {margin-right:20px;}
[dir=rtl] .DataTables_sort_wrapper span {left:auto;right:0;margin-right:-20px;}

div.dt-buttons {
	float: right;
	margin: 0 5px 5px;
}

div.dt-buttons a.dt-button {
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	border: 1px solid #999;
	border-radius: 2px;
	font-size: 0.88em;
	color: initial;
	white-space: nowrap;
	overflow: hidden;
	background-color: #e9e9e9;
	background-image: -webkit-linear-gradient(top, #fff 0%, #e9e9e9 100%);	cursor: pointer;
	padding: 5px 15px;
}

/* ========= Sidebar ============== */
#main {min-width:600px;width:100%;}
#indi_left {float:left;width:98%;}
#tabs {background-color:#fff;border-color:#dddddd;float:left;width:100%;overflow:visible;}
#sidebar {border-color:#dddddd;display:none;margin:5px 2px 0 0;height:auto;}
.use-sidebar #indi_left {width:77%;}
.use-sidebar #sidebar {display:block;}
.sidebar-at-right #sidebar {width:20%;}
.use-sidebar.sidebar-at-right #sidebar, .sidebar-at-right #separator {float:right;}
#separator {float:right;display:block;background:#99c2ff url(images/general_sprite.png) no-repeat -26px 100px;width:0.75%;min-width:6px;max-width:10px;border:1px solid #81a9cb;border-top-left-radius:3px;border-top-right-radius:3px;margin-top:5px;}
.use-sidebar #separator {background:#99c2ff url(images/general_sprite.png) no-repeat -1px 100px;}

[dir=rtl] #indi_left {float:right;}
[dir=rtl] #tabs {float:right;}
[dir=rtl] #sidebar {margin:5px 0 0 2px;}
[dir=rtl] .use-sidebar.sidebar-at-right #sidebar, [dir=rtl] .sidebar-at-right #separator {float:left;}
[dir=rtl] #separator {float:left;background:#99c2ff url(images/general_sprite.png) no-repeat -1px 100px;}
[dir=rtl] .use-sidebar #separator {background:#99c2ff url(images/general_sprite.png) no-repeat -26px 100px;}

/* ============== Sidebar content items ============== */
/* Family navigator */
#sb_content_family_nav {padding:0;}
#sb_family_nav_content {margin-top:8px;}
.nam a:hover {color:#ff0000;}
.nav_content {width:100%;padding:0;}
.nav_content .facts_label{width:75px;}
.famnav_title{font-weight:bold;display:block;padding:5px 0;}
.flyout {text-align:left;margin-top:-20px;right:210px;padding:3px;}
.flyout2 {text-align:left;margin-top:-2px;left:40px;padding:3px;}
.flyout2 a:hover {color:#ff0000;}
.flyout4 {text-align:left;margin-top:0;margin-left:0;padding:3px;font-weight:bold}
.flyout3 {display:block;background:none;border:none;text-decoration:none;text-align:left;margin-top:0;left:0;padding:0;}
[dir=rtl] .flyout {text-align:right;left:210px;}
[dir=rtl] .flyout2 {text-align:right;right:40px;}
[dir=rtl] .flyout3 {text-align:right;}

/* Descendancy */
#sb_content_descendancy {margin-top:5px;}
#sb_desc_content {margin-left:3px;font-size:0.8em;}
#sb_desc_content ul {padding:0;margin:0;}
.sb_desc_indi_li {list-style-type:none;}
.desc_tree_div {display:none;}
.desc_tree_div ul {padding:0;margin-left:10px;margin-top:0;margin-right:0;}

[dir=rtl] #sb_desc_content {margin-right:3px;}
[dir=rtl] .desc_tree_div ul {margin-right:10px;margin-left:0;}

/* Individuals, Families */
#sb_content_individuals, #sb_content_families {margin-top:5px;}
.sb_indi_surname_li, .sb_fam_surname_li {list-style-image:url(images/plus.png);}
.name_tree_div {display:none;}
.name_tree_div ul, .name_tree_div_visible ul {padding:0;margin:0;}
.name_tree_div li, .name_tree_div_visible li {list-style:none;margin:0;padding:0;}

/* Clippings */
#clippingscart-page td.helpcontent {
	width: 90%;
	max-width: 500px;
}
#sb_content_clippings {margin-top:5px;}
#sb_clippings_content ul {padding:0;margin:0;}
#sb_clippings_content li {list-style:none;margin:0;padding:0;white-space:nowrap;}

/* Extra info */
#sb_content_extra_info {font-size:80%;font-weight:bold;margin-top:1px;overflow:hidden;padding:5px;}
#sb_content_extra_info .editfacts {float:right;margin-top:-20px;}
#sb_content_extra_info a {display:block;}
#sb_content_extra_info span {font-weight:normal;}
#sb_content_extra_info span a {display:inline;}
#sb_content_extra_info #hitcounter {border-top:1px solid #b2c7d7;font-weight:bold;padding-top:5px;}

[dir=rtl] #sb_content_extra_info .editfacts {float:left;}

/* ============== find.php ======================= */
#find-page h3, #find-page h4 {margin:10px;text-align:center;}
#find-header {background-color:#81A9CB;border:1px outset #81A9CB;margin:10px auto;padding:5px 20px;width:50%;}
#find-header p {margin:5px;text-align:center;}
#find-header span {color:#fff;font-weight:bold;}
#find-output, #find-output-special {background-color:#edf7f9;border:1px outset #81A9CB;margin:20px 5px;padding:10px;}
#find-output p {border-top:1px solid #81A9CB;font-weight:bold;margin:0;padding-top:10px;text-align:center;}
#find-media {background-color:#81A9CB;border:1px outset #81A9CB;color:#fff;padding:5px;text-align:center;}
#find-media span {border:0;font-weight:bold;margin:auto;padding:5px;}
#find-output .find-media-dirs {border-bottom:1px solid #81A9CB;padding:3px;}
#find-output .find-media-media {border:1px solid #81A9CB;overflow:hidden;margin:1px;padding:2px;}
#find-output .find-media-thumb {clear:left;float:left;}
#find-output .find-media-details {float:left;}
#find-output .find-media-details p {border:0;padding:0 5px 2px 5px;font-weight:normal;text-align:left;}
#find-output .find-media-details div span {font-weight:normal;padding:0 5px 2px 5px;}
#find-output p.find-media-title {font-weight:bold;}
#find-output .find-media-details ul {padding:0;margin:0px 20px 10px 20px;list-style-type:none;}
#find-facts-header .list_label {text-align:inherit;}

/* ============== search.php ======================= */
.search-page-table {background-color:#81A9CB;border:1px outset #cccccc;border-top:0;margin:20px 0;width:580px;}
.search-page-table .label {border-top:1px solid #cccccc;color:#fff;float:left;font-weight:bold;padding:5px 10px 0;width:150px;}
.search-page-table .value {background-color:#edf7f9;border-top:1px solid #cccccc;margin:0 0 0 170px;padding:5px;white-space:nowrap;}
.search-page-table p {margin:0;}
[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;
}

#edituser_delete {
	margin: -50px 20px 20px 20px;
	text-align: right;
}

[dir='rtl'] #edituser_delete {
	text-align: left;
}

#edituser-table {
	margin: 20px auto 0;
	max-width: 800px;
	width: 50%;
}

#edituser-table .chart_options {
	display: block;
	border-bottom: 1px outset;
}

#edituser-table .chart_options label {
	display: inline-block;
 	width: 30%;
}

#edituser-table .chart_options .label {
	display: inline-block;
	margin-bottom: 10px;
}

#edituser-table .chart_options input {
	padding: 5px;
	width: 135px;
}

#edituser-table .chart_options input[type="email"] {
	width: 240px;
}

#edituser-table .chart_options span .helpheader {
	display: none;
}

#edituser-table .chart_options span .help_content {
	font-style: italic;
}

/* Icons */
[class^="icon-"], [class*=" icon-"] {display:inline-block;vertical-align:text-bottom;background-repeat:no-repeat;}
.icon-add {width:14px;height:15px;background-image:url(images/add.png);}
.icon-admin {width:15px;height:15px;background-image:url(images/admin.png);margin:0 5px;cursor: pointer;}
.icon-bing {width:16px;height:16px;background-image:url(images/bing.png);}
.icon-button_addmedia {width:18px;height:16px;background-image:url(images/buttons/addmedia.png);vertical-align: middle;}
.icon-button_addnote {width:17px;height:15px;background-image:url(images/buttons/addnote.png);}
.icon-button_addrepository {width:15px;height:15px;background-image:url(images/buttons/addrepository.png);}
.icon-button_addsource {width:18px;height:16px;background-image:url(images/buttons/addsource.png);}
.icon-button_calendar {width:19px;height:15px;background-image:url(images/buttons/calendar.png);vertical-align: middle;}
.icon-button_family {width:14px;height:15px;background-image:url(images/buttons/family.png);}
.icon-button_find_facts {width:20px;height:20px;background-image:url(images/buttons/find_facts.png);}
.icon-button_findnote{width:17px;height:15px;background-image:url(images/buttons/findnote.png);}
.icon-button_head {width:12px;height:18px;background-image:url(images/buttons/head.png);}
.icon-button_indi {width:11px;height:15px;background-image:url(images/buttons/indi.png);}
.icon-button_keyboard {width:30px;height:15px;background-image:url(images/buttons/keyboard.png);vertical-align: middle;}
.icon-button_linknote{width:17px;height:15px;background-image:url(images/buttons/linknote.png);}
.icon-button_media {width:18px;height:16px;background-image:url(images/buttons/media.png);vertical-align: middle;}
.icon-button_note {width:17px;height:15px;background-image:url(images/buttons/note.png);}
.icon-button_place {width:15px;height:15px;background-image:url(images/buttons/place.png);vertical-align: middle;}
.icon-button_repository {width:15px;height:15px;background-image:url(images/buttons/repository.png);}
.icon-button_source {width:18px;height:16px;background-image:url(images/buttons/source.png);}
.icon-cfamily {width:20px;height:20px;background-image:url(images/family.png);}
.icon-childless {width:25px;height:25px;background-image:url(images/childless.png);}
.icon-children {width:16px;height:16px;background-image:url(images/children.png);}
.icon-clippings {width:22px;height:22px;background-image:url(images/clippings.png);}
.icon-darrow {width:20px;height:20px;background-image:url(images/darrow.png);}
a.icon-darrow:hover {width:20px;height:20px;background-image:url(images/darrow2.png);}
.icon-ddarrow {width:20px;height:20px;background-image:url(images/ddarrow.png);}
a.icon-ddarrow:hover {width:20px;height:20px;background-image:url(images/ddarrow2.png);}
.icon-edit_indi {width:20px;height:20px;background-image:url(images/edit_indi.png);}
.fa-envelope-o {width:16px;height:16px;background-image:url(images/email.png);display: inline-block; margin:2px 6px -2px; vertical-align: text-bottom;}
.icon-fam-list {width:20px;height:20px;background-image:url(images/family.png);}
.icon-googlemaps {width:16px;height:16px;background-image:url(images/googlemaps.png);}
.icon-help {cursor:help;margin:0 5px;width:15px;height:15px;background-image:url(images/help2.png);}
.icon-image_add {width:16px;height:16px;background-image:url(images/image_add.png);}
.icon-image_link{width:16px;height:16px;background-image:url(images/image_link.png);}
.icon-image_sort{width:16px;height:16px;background-image:url(images/images.png);}
.icon-indi-list {width:20px;height:20px;background-image:url(images/indis.png);}
.icon-indis {width:20px;height:20px;background-image:url(images/indis.png);}
.icon-larrow {width:20px;height:20px;background-image:url(images/larrow.png);}
a.icon-larrow:hover {width:20px;height:20px;background-image:url(images/larrow2.png);}
.icon-ldarrow {width:20px;height:20px;background-image:url(images/ldarrow.png);}
a.icon-ldarrow:hover {width:20px;height:20px;background-image:url(images/ldarrow2.png);}
.icon-lifespan-chunk {width:50px;height:37px;background-image:url(images/lifespan-chunk.png);}
.icon-loading-small {width:16px;height:16px;background-image:url(images/indicator.gif);}
.icon-loading-large {width:32px;height:32px;background-image:url(images/loading.gif);}
.icon-lsdnarrow {width:48px;height:48px;background-image:url(images/lifespan-down.png);}
.icon-lsltarrow {width:48px;height:48px;background-image:url(images/lifespan-left.png);}
.icon-lsrtarrow {width:48px;height:48px;background-image:url(images/lifespan-right.png);}
.icon-lsuparrow {width:48px;height:48px;background-image:url(images/lifespan-up.png);}
.icon-media {width:20px;height:20px;background-image:url(images/media.png);}
.icon-media-list {width:20px;height:20px;background-image:url(images/media.png);}
.icon-media-next {width:20px;height:20px;background-image:url(images/rdarrow.png);}
.icon-media-play {width:20px;height:20px;background-image:url(images/rarrow.png);}
.icon-media-prev {width:20px;height:20px;background-image:url(images/ldarrow.png);}
.icon-media-shuffle {width:10px;height:10px;background-image:url(images/reorder.png);}
.icon-media-stop {width:20px;height:20px;background-image:url(images/stop.png);}
.icon-minus {width:11px;height:11px;background-image:url(images/minus.png);}
.icon-myaccount {width:24px;height:24px;background-image:url(images/mypage.png);}
.icon-note {width:20px;height:20px;background-image:url(images/notes.png);}
.icon-note-list {width:20px;height:20px;background-image:url(images/notes.png);}
.icon-osm {width:16px;height:16px;background-image:url(images/osm.png);}
.icon-patriarch {width:20px;height:20px;background-image:url(images/patriarch.png);}
.icon-pedigree {width:20px;height:20px;background-image:url(images/pedigree.png);}
.icon-place {width:20px;height:20px;background-image:url(images/place.png);}
.icon-plus {width:11px;height:11px;background-image:url(images/plus.png);}
.icon-rarrow {width:20px;height:20px;background-image:url(images/rarrow.png);}
a.icon-rarrow:hover {width:20px;height:20px;background-image:url(images/rarrow2.png);}
.icon-rdarrow {width:20px;height:20px;background-image:url(images/rdarrow.png);}
a.icon-rdarrow:hover {width:20px;height:20px;background-image:url(images/rdarrow2.png);}
.icon-reminder {width:15px;height:12px;background-image:url(images/reminder.png);}
.fa-save {width:20px;height:20px;background-image:url(images/buttons/save-icon.png);display: inline-block;background-repeat:no-repeat;}
.fa-times {width:20px;height:20px;background-image:url(images/remove.png);display: inline-block;}
.icon-repo-list {width:20px;height:20px;background-image:url(images/repository.png);}
.icon-repository {width:20px;height:20px;background-image:url(images/repository.png);}
.icon-resn-confidential {width:16px;height:16px;background-image:url(images/resn_confidential.png);}
.icon-resn-locked {width:16px;height:16px;background-image:url(images/resn_locked.png);}
.icon-resn-none {width:16px;height:16px;background-image:url(images/resn_none.png);}
.icon-resn-privacy {width:16px;height:16px;background-image:url(images/resn_privacy.png);}
.icon-rings {width:9px;height:9px;background-image:url(images/rings.png);}
.icon-search {width:17px;height:17px;background-image:url(images/search.png);}
.fa-search {width:17px;height:17px;background-image:url(images/search.png);display: inline-block; margin: 2px;}
.icon-selected {width:12px;height:12px;background-image:url(images/selected.png);}
.icon-sex_f_15x15 {width:15px;height:15px;background-image:url(images/sex_f_15x15.png);}
.icon-sex_f_9x9 {width:9px;height:9px;background-image:url(images/sex_f_9x9.png);}
.icon-sex_m_15x15 {width:15px;height:15px;background-image:url(images/sex_m_15x15.png);}
.icon-sex_m_9x9 {width:9px;height:9px;background-image:url(images/sex_m_9x9.png);}
.fa-user {width:15px;height:15px;background-image:url(images/sex_u_15x15.png);display: inline-block;}
.fa-user {width:9px;height:9px;background-image:url(images/sex_u_9x9.png);display: inline-block;}
.icon-sfamily {width:20px;height:20px;background-image:url(images/family.png);}
.icon-source {width:20px;height:20px;background-image:url(images/source.png);}
.icon-source-list {width:20px;height:20px;background-image:url(images/source.png);}
.icon-target {width:15px;height:15px;background-image:url(images/buttons/target.png);vertical-align: middle;}
.icon-tree {width:20px;height:20px;background-image:url(images/tree.png);}
.icon-uarrow {width:20px;height:20px;background-image:url(images/uarrow.png);}
a.icon-uarrow:hover {width:20px;height:20px;background-image:url(images/uarrow2.png);}
.icon-udarrow {width:20px;height:20px;background-image:url(images/udarrow.png);}
a.icon-udarrow:hover {width:20px;height:20px;background-image:url(images/udarrow2.png);}
.fa-user {display: inline-block;width:20px;height:20px;background-image:url(images/user_add.png);display: inline-block;}
.icon-warning {width:17px;height:17px;background-image:url(images/warning.png);}
.icon-wiki {width:16px;height:16px;background-image:url(images/w_button.png);}
.icon-zoomin {width:25px;height:25px;background-image:url(images/zoomin.png);}
.icon-zoomout {width:25px;height:25px;background-image:url(images/zoomout.png);}

/* Silhouettes on charts */
.icon-silhouette-F {width:37px; height:50px; background-image:url(images/silhouette_female_small.png);}
.icon-silhouette-M {width:37px; height:50px; background-image:url(images/silhouette_male_small.png);}
.icon-silhouette-U {width:37px; height:50px; background-image:url(images/silhouette_unknown_small.png);}
/* Silhouettes on individual pages */
#indi_mainimage {min-width:100px;}
#indi_mainimage .icon-silhouette-F {width: 99px; height:106px; background-image:url(images/silhouette_female.png);}
#indi_mainimage .icon-silhouette-M {width: 99px; height: 99px; background-image:url(images/silhouette_male.png);}
#indi_mainimage .icon-silhouette-U {width:100px; height: 97px; background-image:url(images/silhouette_unknown.png);}

[class^="icon-mime-"], [class*=" icon-mime-"] {display:inline-block;background-image:url(images/icon-mime-sprite.png);background-color:transparent;background-repeat:no-repeat;width:48px;height:48px;}
/* Generic MIME types */
[class^="icon-mime-"],             [class*=" icon-mime-"]             {background-position: -99px  -49px;}
[class^="icon-mime-application-"], [class*=" icon-mime-application-"] {background-position: -99px -196px;}
[class^="icon-mime-audio-"],       [class*=" icon-mime-audio-"]       {background-position:-197px  -98px;}
[class^="icon-mime-image-"],       [class*=" icon-mime-image-"]       {background-position:-148px -245px;}
[class^="icon-mime-text-"],        [class*=" icon-mime-text-"]        {background-position:-197px -147px;}
[class^="icon-mime-video-"],       [class*=" icon-mime-video-"]       {background-position:-148px -147px;}
/* Specific MIME types */
.icon-mime-application-pdf               {background-position:  -1px  -49px;}
.icon-mime-application-msword            {background-position:-148px  -49px;}
.icon-mime-application-vnd-ms-excel      {background-position:-148px -196px;}
.icon-mime-application-x-rar-compressed  {background-position: -50px  -98px;}
.icon-mime-application-zip               {background-position: -50px -147px;}
.icon-mime-application-x-shockwave-flash {background-position:-148px    0;}
.icon-mime-audio-mp3                     {background-position: -50px -245px;}
.icon-mime-audio-mpeg                    {background-position: -50px    0;}
.icon-mime-audio-x-ms-wma                {background-position:  -1px -245px;}
.icon-mime-audio-wav                     {background-position:  -1px  -98px;}
.icon-mime-text-html                     {background-position: -99px -245px;}
.icon-mime-text-x-gedcom                 {background-position: -50px  -49px;}
.icon-mime-image-bmp                     {background-position: 197px    0;}
.icon-mime-image-gif                     {background-position:-197px  -49px;}
.icon-mime-image-jpeg                    {background-position:  -1px -147px;}
.icon-mime-image-png                     {background-position: -99px  -98px;}
.icon-mime-image-svg                     {background-position:-197px -196px;}
.icon-mime-image-tiff                    {background-position:-148px  -98px;}
.icon-mime-video-quicktime               {background-position: -99px -147px;}
.icon-mime-video-avi                     {background-position: -99px    0;}
.icon-mime-video-x-ms-wmv                {background-position: -50px -196px;}

/* Edit interface pages*/
#edit_interface-page #add_facts,
#edit_interface-page #additional_facts,
#edit_interface-page #add_name_details,
#edit_interface-page #add_other_details,
#addmedia-page #add_facts,
#addmedia-page #additional_facts {
	float: left;
}

[dir='rtl'] #edit_interface-page #add_facts,
[dir='rtl'] #edit_interface-page #additional_facts,
[dir='rtl'] #edit_interface-page #add_name_details,
[dir='rtl'] #edit_interface-page #add_other_details,
[dir='rtl'] #addmedia-page #add_facts,
[dir='rtl'] #addmedia-page #additional_facts {
	float: right;
}

#edit_interface-page #add_facts,
#edit_interface-page #additional_facts,
#edit_interface-page #add_name_details,
#edit_interface-page #add_other_details,
#addmedia-page #add_facts,
#addmedia-page #additional_facts {
	margin: auto 10px 20px;
}

#edit_interface-page #add_other_details {
	border-left: 1px solid;
	border-right:  1px solid;
	padding: 0 10px;
}

#edit_interface-page .input-group-addon,
#addmedia-page .input-group-addon {
	display: inline-block;
	vertical-align: top;
}

#edit_interface-page span.help_text,
#addmedia-page span.help_text {
	display: block;
	max-width: 500px;
}

#addmedia-page .help_text {
	margin: 0 5px;
}

#edit_interface-page label,
#addmedia-page label,
#inverselink-page label {
	display: inline-block;
	font-weight: 600;
	padding: 0 5px;
	vertical-align: top;
	width: 25%;
}

#edit_interface-page .input,
#addmedia-page .input,
#inverselink-page .input {
	display: inline-block;
	padding: 0 5px;
}

#addmedia-page select[name="folder_list"],
#edit_interface-page select[name^="PEDI"] {
	width: 252px;
}

#edit_interface-page select[name^="EVEN"] {
	width: 247px;
}

#edit_interface-page div[class^="fact_"] {
	font-size: .9em;
	margin: 5px;
}

#edit_interface-page input[type="text"],
#addmedia-page input[type="text"],
#edit_interface-page #NAME_display,
#inverselink-page input[type="text"] {
	vertical-align: top;
	width: 240px;
}

#edit_interface-page input[type="text"][id*="PAGE"],
#edit_interface-page input[type="text"][id*="_UID"] {
	width: 300px;
}

#edit_interface-page input[id*="TEXT"] {
	height: 140px;
	width: 440px;
}

#edit_interface-page textarea {
	width: 440px;
}

#edit_interface-page textarea[id*="NOTE"] {
	height: 240px;
}

#edit_interface-page textarea[id*="TEXT"],
#edit_interface-page textarea[id*="PUBL"] {
	height: 140px;
}

#edit_interface-page textarea[id^="newgedrec"] {
	line-height: 20px;
	min-width: 600px;
}

#edit_interface-page textarea#newgedrec1 {
	height: 20px!important;
}

#edit_interface-page textarea[id*="ADDR"],
#edit_interface-page input[id*="ADDR"] {
	height: 80px;
	width: 300px;
}

#edit_interface-page #changefamform {
	padding: 5px;
}

#edit_interface-page #changefamform td {
	padding: 8px;
	line-height: 26px;
	vertical-align: middle;
	white-space: normal;
}

#edit_interface-page #changefamform td input[type="checkbox"] {
	display: block;
	margin: 0 auto;
}

#edit_interface-page .reorder {
    background-color: #fff;
	border: 1px solid;
	cursor: move;
	margin-bottom: 10px;
	padding: 0 5px;
}

#save-cancel {
	clear: both;
	float: left;
}

#save-cancel input {
	padding: 5px 10px;
}

#save-cancel .save,
#save-cancel .cancel {
	margin: 10px 40px;
}

#edit_interface-page {
	margin-bottom: 50px;
	overflow: hidden;
}

#edit_interface-page [id^="QUAY"] .descriptionbox,
#edit_interface-page [id^="DATE"] .descriptionbox,
#edit_interface-page [id^="QUAY"] + [id*="OBJE"] .descriptionbox {
	background: #fff;
	border: 1px solid;
}

div [id$="_factdiv"],
div [class$="_factdiv"] {
	margin: 10px auto 15px;
}

#edit_interface-page .last_change {
	clear: both;
	max-width: 700px;
}

#edit_interface-page .last_change label,
#edit_interface-page div#PEDI_factdiv label {
    line-height: 18px;
}

#edit_interface-page.duplicates table {
	border-collapse: collapse;
    margin: 0 30px;
	max-width: 900px;
	width: 80%;
}

#edit_interface-page.duplicates th,
#edit_interface-page.duplicates td {
	border: 1px solid;
}

#edit_interface-page.duplicates th {
	font-weight: 700;
}

#edit_interface-page.duplicates td {
	padding: 10px;
}


/* Addmedia pop-ups*/
#addmedia-page input[type="text"] {line-height:18px;margin:0 5px;width:300px;}
#addmedia-page .optionbox select {margin:0 5px;}
#addmedia-page .optionbox p.sub {font-size:11px;margin:0 5px;}
#addmedia-page input[type="text"][id*="PAGE"], #addmedia-page input[type="text"][id*="_UID"] {width:350px;}
#addmedia-page input[type="text"][id*="SOUR"], #addmedia-page input[type="text"][id*="REPO"], #addmedia-page input[type="text"][id*="OBJE"], #addmedia-page input[type="text"][id*="FAMC"], #addmedia-page input[type="text"][id*="ASSO"], #addmedia-page input[type="text"][id^="AGE"], #addmedia-page input[type="text"][id*="SHARED_NOTE"] {width:70px;}
#addmedia-page input[id*="TEXT"] {height:140px;width:440px;}
#addmedia-page textarea {margin:0 5px;width:440px;}
#addmedia-page textarea[id*="NOTE"] {height:240px;}
#addmedia-page textarea[id*="TEXT"], #addmedia-page textarea[id*="PUBL"] {height:140px;}

/* Styling for the jquery.colorbox gallery */
#colorbox, #cboxOverlay, #cboxWrapper {position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#colorbox {border: 2px solid #cccccc;}
#cboxOverlay {position:fixed; width:100%; height:100%;background:#cccccc;}
#cboxContent {background:#fff;border:5px solid #888888;}
#cboxLoadedContent {overflow:auto;background:#fff;margin-bottom: 30px;margin-top: 35px;}
#cboxTitle {position: absolute;left: 0;top: 10px;color: #949494;text-align:center;width: 100%;font-weight: 800;font-size: 14px;}

.cboxPhoto {float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe {width:100%; height:100%; display:block; border:0;}

#cboxPrevious {position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;margin:10px; border:0;}
#cboxPrevious:hover {background-position:-75px -25px;}
#cboxNext {position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;margin:10px; border:0;}
#cboxNext:hover {background-position:-50px -25px;}
#cboxSlideshow {position:absolute; bottom:5px; left:57px; margin:10px; border:0; background:none; font-size:14px;}
#cboxSlideshow:hover {color:#ff0000;background:#fff;}
#cboxClose {position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;margin:10px; border:0;}
#cboxClose:hover {background-position:-25px -25px;}
#cboxCurrent {bottom: 4px;color: #949494;left: 58px;position: absolute;}
.cboxTooltip .ui-tooltip-content {
	font-size: 12px;
}

.cboxTooltip.ui-widget-shadow {
	box-shadow: none;
}

[dir=rtl] #cboxPrevious {right:27px;left:auto;}
[dir=rtl] #cboxNext {right:0;left:auto;}
[dir=rtl] #cboxCurrent {right:auto;left:0;}
[dir=rtl] #cboxClose {right:auto;left:0;}
[dir=rtl] #cboxSlideshow {right:57px;left:auto;}

/* Styling for simpl_pages module */
li#menu-my_pages {background:url(images/pages.png) no-repeat 50% 50%}
li#menu-my_pages ul li {background:url(images/pages-small.png) no-repeat left 0}
[dir=rtl] li#menu-my_pages ul li {background-position:right 0}
li#menu-my_pages ul li#menu-my_pages-edit {background:url(images/submenu_edit.png) no-repeat left 0}
[dir=rtl] #menu-my_pages ul li#menu-my_pages-edit {background-position:right 0}
div#pages-container {margin:0 auto; overflow:hidden; padding:20px; width:96%;}
div#outer_pages_container {overflow: hidden; padding: 1em;}
div#pages-summary {font-size: 1.1em;}

/* Styling for extra menus module */
li#extra_menus {background:url(images/extra_menu.png) no-repeat 50% 50%;}
li#extra_menus ul li#extra_menus-edit {background:url(images/extra_menu-edit.png) no-repeat left 0;}
li#extra_menus ul li#extra_menus-Test {background:url(images/test.png) no-repeat left 0;} /* THIS IS A SAMPLE SUB_MENU IMAGE */
html[dir=rtl] li#extra_menus ul li {background-position:right 0}

/* Styling for simpl_privacy module */
#privacy_status{overflow:hidden;}
#privacy_status dt{float:none;width:100%;}
#privacy_status dd{font-size:80%;float:left;margin:0 0 0 20px;}
#privacy_status dt span{float:right;}
html[dir=\'rtl\'] #privacy_status dd{float:right;margin:0 20px 0 0;}
html[dir=\'rtl\'] #privacy_status dt span{float: left;}

/* Styling for stories module */
#story_table_wrapper {margin: 30px auto; width: 80%;}
h2.story {display: block; margin: auto; padding: 20px 0 0; text-align: initial; width: 80%;}
#contents_list {margin:auto auto 20px auto; width:60%;}
#contents_list ol {font-size:100%; list-style: disc;}
#stories {padding:20px;}
hr.stories_divider {border:none; border-top:medium double; margin:auto; overflow: visible; padding:0; text-align:center; width:80%;}
hr.stories_divider:after {content:"§"; display:inline-block;position:relative; top:-0.7em; font-size:1.5em; padding:0 0.25em; background:white;}
/* story content - reset main styles to standard styling */
#stories span, #stories h1, #stories h2, #stories h3, #stories h4, #stories h5, #stories h6, #stories p, #stories blockquote, #stories pre,
#stories a, #stories img, #stories strong, #stories sub, #stories sup, #stories b, #stories u, #stories i, #stories dl, #stories dt, #stories dd, #stories ol, #stories ul, #stories li,
#stories fieldset, #stories form, #stories label, #stories legend, #stories table, #stories caption, #stories tbody, #stories tfoot, #stories thead, #stories tr, #stories th, #stories td
 {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
 /* story content - set new main styles */
#stories h1 {font-size: 1.75em; margin: .67em 0; text-align: center;}
#stories h2 {font-size: 1.5em; margin: .75em 0;}
#stories h3 {font-size: 1.17em; margin: .83em 0;}
#stories h4, #stories p, #stories blockquote, #stories ul, #stories fieldset, #stories ol, #stories dl, #stories h5 {font-size: 1em; margin: 1.5em 0;}
#stories h6 {font-size: .83em; margin: 1.67em 0;}
#stories h1,#stories h2, #stories h3, #stories h4, #stories h5, #stories h6, #stories b, #stories strong{font-weight: bolder;}

/* Styling for simpl_research module */
#sb_content_simpl_research,ul#research_status {padding: 0;}
ul#research_status li {list-style-type: none; line-height: 16px; padding: 2px 0; margin-bottom: 5px;}
ul#research_status li.research-area {font-weight: 700;}
ul#research_status li ul {display:none;}
ul#research_status li.research-area li {font-weight: normal;}
ul#research_status li ul,ul#research_status li li:last-child {margin-bottom: 0;}
ul#research_status span.ui-icon {display: inline-block; vertical-align: top;}
ul#research_status ul.sublinks {display: none; font-size: 90%;}
#research_links a.config_link {float: right; font-size: 1em;}
[dir='rtl'] #research_links a.config_link {float: left;}

/* Styling for cousins_tab */
#cousins_tab {margin: 0; padding: 10px;}
#cousins_tab h3 {margin:10px}
#cousins_tab h4 {font-size:16px;font-weight:900;margin:0 0 5px;}
#cousins_tab h5 {margin:0;clear:both;padding:10px 0 2px 0;}
#cousins_tab_content {display:inline-table;margin:0;overflow:hidden;padding:0;width:100%;}
#cousins_tab div.descriptionbox {border: 1px solid;border-radius: 5px;margin: 0 2px;}
#cousins_tab .person_box, #cousins_tab .person_boxF, #cousins_tab .person_boxNN {clear:left;float:left;margin:1px 0;width:99%!important;}
.first_cousins, .second_cousins {border-spacing: 10px 0; display:table; width: 100%;}
.cousins_row {display:table-row;}
.cousins_f, .cousins_m {border:1px solid;border-radius:5px;display:table-cell;padding:10px;width: 50%;}
.cousins_name {}
.cousins_lifespan, .cousins_pedi {font-size:9px;padding:3px 5px 5px 5px;}
.cousins_counter {margin:0 3px;font-size:80%;}
.cousins_counter:after {content:". ";}

/* Styling for census tab */
#tab_census_content {overflow-y: auto;}
#tab_census_content div.descriptionbox {border: 1px solid #555; border-radius: 5px; line-height: 18px; margin-bottom: 2px;}
#tab_census_content div.descriptionbox span {display: inline-block;}
#tab_census_content table {border-collapse: collapse; width: 100%;}
#tab_census_content th {background: #ddd; border: 1px solid; font-weight: 700; padding: 8px;}
#tab_census_content td {border: 1px solid; padding: 3px 8px;}
#tab_census_content td.small {font-size: 90%;}
#tab_census_content td.nowrap {white-space: nowrap;}
#tab_census_content div.editfacts {text-align: center; 	padding: 0;}
#tab_census_content div [class $="link"] {float: none;}
#tab_census_content span.date {display: block; font-size: inherit;}

/* Styling for reorder media page */
#reordermedia-page div.pic {
	display: table;
}

#reordermedia-page div.pic span {
	display: table-cell;
	padding: 0 10px;
    vertical-align: middle;
}

/* Styling for album module */
#album_content div.pic {width:122px; height:122px; overflow:hidden; display:table;}
#album_content div.pic a {display:table-cell; vertical-align:middle; text-align:center;}
#album_content div.pic a img {max-height:122px; max-width:122px;  width:auto; display:block; margin:0 auto;}
#album_content div.album_norm {float:left; border:1px solid #aaa; border-right:3px solid #aaa; border-bottom:3px solid #aaa; padding:5px; height:153px; margin:6px; position:relative;}
#album_content div.album_new {float:left; border:2px solid #00f; padding:5px; height:153px;  margin:5px; position:relative;}
#album_content div.album_old {float:left; border:2px solid #ff0000; padding:5px; height:153px;  margin:5px; position:relative;}
#album_content div.descriptionbox {padding:5px 0; margin:0 2px;}
#album_content div.descriptionbox a {color:#fff;}
#album_content .submenuitem .submenuitem {min-width: 200px;}
#album_content .submenu {border:1px solid #81a9cb !important; height:auto !important; vertical-align:middle; height:20px; text-decoration:none; font-size:12px; background-color:#edf7fd; white-space:nowrap; color:#444; width:122px; border:none; padding:0;}
#album_content .submenuitem a {display:block;}
#album_content .submenuitem .submenuitem li {white-space:normal;}
#album_content .submenuitem {height:auto; vertical-align:middle; text-decoration:none; background-color:#edf7fd; white-space:nowrap; padding:2px; width:122px;}
#album_content .album_media_title {width:122px; font-size:11px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:2px; margin-top:5px; color:#444; text-align:center;}
[dir='rtl'] #album_content div.album_norm , [dir='rtl'] #album_content div.album_new, [dir='rtl'] #album_content div.album_old {float:right;}

/* Styling for gallery module */
/* Main menu icon */
li#menu-my_gallery {
    background:url(images/gallery.png) no-repeat 50% 50%
}
li#menu-my_gallery ul li {
    background:url(images/gallery-small.png) no-repeat left 0
}
html[dir=rtl] li#menu-my_gallery ul li {
    background-position:right 0
}
li#menu-my_gallery ul li#menu-my_gallery-edit {
    background:url(images/submenu_edit.png) no-repeat left 0
}
html[dir=rtl] #menu-my_gallery ul li#menu-my_gallery-edit {
    background-position:right 0
}

/* Gallery wrapper */
#outer_gallery_container {
	overflow: hidden;
	padding: 1em;
}

#gallery-page {
	width: 90%;
	margin: 0 auto;
}

#gallery-header {
	padding: 0 2em 0 0;
}

#gallery-container {
	overflow: hidden;
	padding: 20px 0;
}

#galleria {
	height: 700px;
	float: left;
	margin-bottom: 5px;
}

.galleria-layer {
	display: none!important;
}

.galleria-image iframe {
	width: 85%!important;
	height: 100%!important;
	margin: auto;
	display: block;
}

#links_bar {
	width: 18%;
	float: right;
	margin-left: 1%;
}

#links_bar h4 {
	margin: 0 0 10px 0;
	padding: 0;
}

#links_bar .image_option {
	float: left;
}

#links_bar .image_option img {
	margin: 5px;
}

#links_bar .image_links {
	clear: both;
}

#links_bar hr {
	clear: both;
	margin: 5px 0 10px;
}

a#copy {
	clear: both;
	float: left;
	font-size: 11px;
	font-style: italic;
}

/* Styling for family page (family.php) */
#family-page {min-width:900px;}
#family_chart {border-bottom:1px solid; font-size:11px;}
#family_lines1 {width:35%; height:15px; border:2px solid #555; border-top:0; margin:5px auto 0;}
#family_lines2 {width:50%; height:15px; border: 0; border-right:2px solid #555;}
#family-page .compact_view {width:60px; margin:0 auto; height:60px; text-align:center;}
#family-page .name {height:33px; margin:10px 0 0 0; text-align:center; text-overflow:ellipsis;}
#children {clear:both; margin:auto; text-align:center; width:90%}
#family-page #parents {margin:auto; padding:0 0 5px ; width:33%; text-align:center;}
#husb_parents, #wife_parents {width:33%; min-width:300px; display:inline-block; margin:0 20px; text-align:center; vertical-align:top;}
#husb_parents p, #wife_parents p {height:20px; margin:0; text-align:center;}
#family_chart .fam_parent {display:inline-block; margin:0 20px; text-align:left; vertical-align:top;}
#family_chart .fam_child {display:inline-block; margin:10px; text-align:left; vertical-align:top;}
#family_chart .empty_parent {width:90px; height:120px; line-height:50px;}
#family_chart .empty_parent a {display:block; line-height:20px; text-align:center; margin-top:40px;}
#family_chart .empty_parent a span {display:block;}
#family_chart #marriage_parents {text-align:center;}
#family_chart .parent_husb, #family_chart .parent_wife {display:inline-block; margin:0 5%; vertical-align:top;}
.vertical_box_template {width:90px; position:relative; box-shadow:none;}
.vertical_box_template img {float:none; max-width:60px; height:60px; width:auto; }
.vertical_box_template .vert_box_thumb {margin:0 auto; height:60px; text-align:center; width:60px;}
.vertical_box_template .exp_thumb {border:1px solid; border-radius:5px;float:left; width:50px; height:60px; margin:5px; padding:3px; text-align:center;}
.vertical_box_template .exp_thumb i {margin:auto; width:50px; height:60px;}
.vertical_box_template [class^="icon-silhouette"] {background-position:50%;}
.vertical_box_template .exp_thumb a img {width:auto; max-height:60px; height:auto; margin:auto;}
#family-page [id^="out-"]:hover > [id^="fontdef-"] {display:block; z-index:9999; position:absolute; left:-85px; right:auto; top:0; border-radius:8px; box-shadow:0 0 10px 5px grey; width:250px; border:1px solid; background:ivory; min-height:100px;}
#family-page [id^="fontdef-"] {display:none; text-align:left; padding:5px 5px 0 5px;}
#family-page [id^="fontdef-"] .NAME {font-weight:900; font-size:110%; padding:5px 0; display:block;}
#family-page [id^="fontdef-"] .icon {clear:both; margin-top:5px;}
#family-page [id^="fontdef-"] .icon .itr {position:relative; width:20px; margin:auto;}
#family-page [id^="fontdef-"] .icon .itr a {margin-top:5px;}
#family-page [id^="fontdef-"] .icon .itr .popup {width:240px; margin-right:-110px;}
#family-page [id^="fontdef-"] .icon .itr .popup ul li a:nth-of-type(2) {text-decoration:underline;}
#family-page [id^="fontdef-"] .icon .itr .popup ul li li {padding:0 15px;}
#family-page [id^="fontdef-"] .icon .itr .popup ul span {padding:0;}
[dir='rtl'] #family_lines2 {border: 0; border-left:2px solid #555;}
[dir='rtl'] .vertical_box_template .exp_thumb {float:right;}
[dir='rtl'] #family-page [id^="fontdef-"], [dir='rtl'] #family_chart .fam_child, [dir='rtl'] #family_chart .fam_parent {text-align:right;}
[dir='rtl'] #family-page [id^="out-"]:hover > [id^="fontdef-"] {right:-85px; left:auto;}

/* Styling for widgets */
div.widget {
	width: 430px;
	margin: 10px auto;
	overflow: hidden;
}

#widget-bar {
	z-index: 999;
	position: absolute;
	display: none;
	margin: -5px 0 0 -6px;
	width: 450px;
	min-height: 200px;
	background-color: #fff;
	box-shadow: 5px 5px 8px 0 #888;
	padding-bottom: 10px;
}

[dir='rtl'] #widget-bar {
	margin: -12px -12px 0 0 ;
	box-shadow: -5px 8px 8px -3px #888;
}

#widget-bar .widget .blockheader {
	background: #a9adbc;
	font-size: 1em;
	font-weight: 900;
	line-height: 16px;
	border-bottom: 2px solid #555;
	overflow: hidden;
	padding: 2px 5px;
	color: #555;
	text-transform: uppercase;
}

#widget-bar .widget .blockheader span {
	font-size: 1em;
}

#widget-bar .small_inner_block {
	max-height: 100%;
}

#widget-bar .widget .blockcontent {
	padding: 0 5px;
}

.widget_quicklinks .icon-myaccount,
.widget_quicklinks .icon-pedigree,
.widget_quicklinks .icon-indis {
	color: #555;
	font-size: 3em;
}

.widget_quicklinks .icon-patriarch {
	background-image: url(images/large_menu_sprite.png);
	background-position: center -1105px;
	height: 64px;
	min-width: 80px;
	text-align: center;
}

.widget_quicklinks .icon-admin {
	color: #555;
	font-size: 3em;
}

.widget_quicklinks td {
	text-align: center;
	vertical-align: top;
	width: 25%;
}

.widget_stats h3 {
	margin: 3px 0;
}

.widget_stats div p {
	margin: 3px 0 0 0
}

.widget_stats ul, .widget_pageviews ul {
	background: #fff;
	border-radius: 5px;
	line-height: 1.8;
	list-style-type:none;
	margin: 0;
	overflow-x: hidden;
	margin: 10px 0;
}

.widget_stats ul li, .widget_pageviews ul li {
	overflow: hidden;
}

.widget_stats ul li:before, .widget_pageviews ul li:before {
	float: left;
	width: 0;
	white-space: nowrap;
	content:
		". . . . . . . . . . . . . . . . . . . . "
		". . . . . . . . . . . . . . . . . . . . "
		". . . . . . . . . . . . . . . . . . . . "
		". . . . . . . . . . . . . . . . . . . . ";
	margin:0;
}

.widget_stats ul li span, .widget_pageviews ul li span {
	display: inline;
}

.widget_stats .inset, .widget_pageviews .inset {
	background-color: #fff;
}

.widget_stats ul li span.stats_data, .widget_pageviews ul li span.stats_data {
	background-color: #fff;
	float: right;
	padding-left: 0.33em;
}

.widget_stats ul li p.stats_record {
	background-color: #CCC;
	margin: 0 0 0 20px;
	padding: 0 5px;
}

.widget_theme_select .theme_form {
	font-size:14px;
	margin-top:0;
	overflow: hidden;
}

.widget_theme_select .theme_form div {
	border: 1px solid transparent;
	float:left;
	margin: 5px;
}

.widget_theme_select .theme_form div.current {
	background-color: #d3d3d3;
	border: 1px solid #0000ff;
}

.widget_theme_select .theme_form div img {
	width:93px;
}

.widget_theme_select .theme_form div p {
	margin: 2px;
}
/* ------------------ */

/* Styling for Fancy Image bar */
#fancy_imagebar img {
	border-top: 2px solid #81A9CB;
    margin-top: 5px;
    padding-top: 7px;
}

/* Styling for GoogleMap module */
#place_map {
	margin: 0 auto;
	width: 800px;
	height: 450px;
 }

#gm_links {
	margin: 0 auto;
	padding: 10px;
	width: 800px;
}

#gm_links a {
	font-weight: normal;
}

#map_pane {
	border: 1px solid;
	height: 500px;
}

#pm_map {
	border: 1px solid gray;
	font-size: 0.9em;
	height: 500px;
}

#side_bar {
	font-size:0.9em;
	height: 500px;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:auto;
	width: 300px;
}

#streetview {
	margin: 40px auto 150px auto;
	width: 800px;
	height: 385px;
}

#streetview iframe {
	height: 100%;
	width: 100%;
}

#streetview form {
	overflow: hidden;
	text-align: center;
}

#streetview form input {
 	width: 50px;
	background: none;
	border: none;
}

#streetview form p {
	margin: 0 25px;
	width: 100%;
}

#streetview form p#save-cancel {
	margin: 0;
}

/* ------------------ */

/* Styling for Contacts module */
#contact_page {
	margin: 20px;
	overflow:hidden;
}

#contact_page h3 {
	margin-top: 0;
}

#contact_page #contact_header,
#contact_page .contact_form {
	max-width: 700px;
	padding: 0 30px;
}

#contact_page  div.option {
	display: inline-block;
	margin-bottom: 15px;
	width: 100%;
}

#contact_page label {
	display: inline-block;
	font-weight: 600;
	vertical-align: top;
	width: 15%;
}

#contact_page input,
#contact_page textarea {
	width: 60%;
}

#contact_page #contact_forms {
	overflow: hidden;
}

#contact_page .contact_form {
	float: left;
}

#contact_page #cke_body {
	display: inline-block;
	width: 80%!important;
}
/* ------------------ */

/* Styling for fancy_treeview_descendants module */

/* Page */
#fancy_treeview_descendants-page {
	margin-left: auto;
	margin-right: auto;
	width: 80%;
}

#fancy_treeview_descendants-page #page-header {
	position: relative;
	text-align: center;
}

#fancy_treeview_descendants-page h2 {
	padding-bottom: 10px;
}

#fancy_treeview_descendants-page #page-body {
	line-height: 1.5em;
	margin-top: 2em;
}

#fancy_treeview_descendants-page #page-body form {
	text-align: right;
}

#fancy_treeview_descendants-page #page-body form label {
	font-weight: normal;
}

#fancy_treeview_descendants-page #page-body form .ui-autocomplete-input {
	padding: 5px;
}

#fancy_treeview_descendants-page #error {
	margin: 10px 0 10px 40px;
	padding: 0 10px;
}

#fancy_treeview_descendants-page .generation-block {
	margin-bottom: 20px;
	padding: 0;
}

#fancy_treeview_descendants-page .generation-block.hidden {
	display: none;
}

[dir=rtl] #fancy_treeview_descendants-page #page-body form {
	text-align: left;
}

[dir=rtl] #fancy_treeview_descendants-page #error {
	margin: 10px 40px 10px 0;
}

/* Blockheaders */
#fancy_treeview_descendants-page .blockheader {
	border: none;
	border-bottom: 1px solid #81A9CB;
	margin: 0;
	padding: 8px;
}

#fancy_treeview_descendants-page .blockheader .header-subtitle {
	font-weight: 400;
	font-size: 85%;
	font-style: italic;
	margin: 0 10px;
}

#fancy_treeview_descendants-page .blockheader .header-link {
	font-size: 11px;
	position: absolute;
	left: auto;
	right: 10px;
}

[dir=rtl] #fancy_treeview_descendants-page .blockheader .header-link {
	right: auto;
	left: 10px;
}

/* List */
#fancy_treeview_descendants-page ol#fancy_treeview_descendants {
	counter-reset: first-level;
	-webkit-padding-start: 0;
}

#fancy_treeview_descendants-page li.generation-block {
	counter-reset: second-level;
}

#fancy_treeview_descendants-page li.family {
	counter-reset: third-level;
}

#fancy_treeview_descendants-page li {
	position: relative;
	display: block;
}

#fancy_treeview_descendants-page li.generation-block:before {
	counter-increment: first-level;
	content: "";
}

#fancy_treeview_descendants-page li.family:before {
	counter-increment: second-level;
	content: counter(first-level) "." counter(second-level);
	margin-left: -4em;
	float: left;
}

#fancy_treeview_descendants-page li.child:before {
	counter-increment: third-level;
	content: counter(first-level) "." counter(second-level) "." counter(third-level);
	display: inline-block;
	width: 4.75em;
}

[dir=rtl] #fancy_treeview_descendants-page li.family:before {
	counter(first-level) "." counter(second-level);margin-right: -4em;
	float: right;
}

[dir=rtl] #fancy_treeview_descendants-page li.child:before {
	counter(first-level) "." counter(second-level) "." counter(third-level);
}

/* family-block */
#fancy_treeview_descendants-page .blockcontent {
	padding: 20px 0 20px 40px;
}

#fancy_treeview_descendants-page .generation.private {
	padding: 10px;
}

#fancy_treeview_descendants-page li.family {
	padding: 10px 20px;
	clear: both;
}

#fancy_treeview_descendants-page li.family.private {
	padding: 5px 20px;
}

#fancy_treeview_descendants-page .parents p {
	margin: 0;
	text-align: justify;
}

#fancy_treeview_descendants-page .parents sup {
	color: #008000;
	font-size: 85%;
	font-weight: 700;
	padding: 0 5px;
}

#fancy_treeview_descendants-page .children {
	clear: both;
	padding-top: 10px;
}

#fancy_treeview_descendants-page .children p {
	margin: 5px 0;
}

#fancy_treeview_descendants-page .date {
	font-size: 13px;
	font-weight: normal;
}

#fancy_treeview_descendants-page img {
	float: left;
	margin: 5px 10px 5px 0;
}

#fancy_treeview_descendants-page li.child .pedi {
	font-size: 11px;
}

#fancy_treeview_descendants-page li.child .lifespan {
	font-size: 9px;
}

#fancy_treeview_descendants-page .tooltip-text {
	display: none;
}

[dir=rtl] #fancy_treeview_descendants-page .blockcontent {
	padding: 20px 40px 20px 0;
}

[dir=rtl] #fancy_treeview_descendants-page img {
	float: right;
	margin: 5px 0 5px 10px;
}

/* buttons */
#fancy_treeview_descendants-page #btn_go {
	cursor: pointer;
	padding: 5px 8px;
}

#fancy_treeview_descendants-page #btn_next {
	text-align: right;
}

[dir=rtl] #fancy_treeview_descendants-page #btn_next {
	text-align: left;
}
/* ------------------ */

/* General Report page styling  */

#page {
	margin: auto 20px;
}

#page .help_content {
	font-size: inherit;
	margin: 0;
}

#page .help_content .hidden {
	display: none;
	margin: 0 10px;
}

#page button {
	display: inline-block;
	margin-top: 14px;
    padding: 5px 8px;
}

#page h5 {
	display: inline-block;
	margin: 0 10px 10px;
    font-size: 100%;
	font-style: normal;
}

#page form {
	margin-top: 20px;
}

#page table th,
#page table td {
	padding: 5px;
	text-align: left;
}
[dir=rtl] #page table th,
[dir=rtl] #page table td {
	text-align: right;
}

#page input[name^="show_"] {
	vertical-align:top;
	width: auto;
}
#page label[for^="show_"] {
	display: inline-block;
	font-weight: normal;
	margin-top: 5px;
	width: auto;
}
#page #report_header {
	border: 1px solid;
	display: inline-block;
	margin: 0 0 10px;
	padding: 5px 10px;
}
#page #report_header h4 {
	margin: 0;
}
#page #report_header p {
	margin: 5px 0;
	padding: 0
}
#page #report_header p span {
	font-weight: 600;
}
#page sup {
	display: inline-block;
	font-size: 75%;
	font-weight: 700;
	padding: 1px;
}
#page sup.sosa {
	color: #008000;
	cursor: pointer;
	line-height: 75%;
	margin: 0 0 0 3px;
}
[dir='rtl'] #page sup.sosa {
	margin: 0 3px 0 0;
}
#page sup.source {
	color: #ff0000;
}
/* Styles for nocensus report */
#page.nocensus {
 	min-width: 100px;
	vertical-align: top;
}
#page.nocensus label:nth-of-type(2n),
#page.nocensus label:nth-of-type(3n) {
	display: inline;
	font-weight: normal;
}
#page.nocensus input {
	margin: auto 10px;
	width: initial;
}
#nocensus_result {
	list-style: none;
	margin: auto;
	padding:20px 0 20px 0;
	text-align: center;
	white-space: normal;
	width: 85%;
}
#nocensus_result li {
	display: inline-block;
	margin-bottom: 40px;
	padding: 5px;
	text-align: initial;
	vertical-align: top;
	width: 250px;
}
#nocensus_result li ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: initial;
}
#nocensus_result li ul li {
	width: auto;
	margin: 0;
	padding: 0;
	display: block;
}

/* Styles for recent changes report */
#page.recent_changes {
	margin: auto;
	width: 90%;
}
#page.recent_changes table th,
#page table td {
	padding:8px;
}
#page.recent_changes table.changes th:first-child {
 	width: 30px;
}
#page.recent_changes .chart_options input[name="pending"] {
	vertical-align: top;
	width: auto;
}
#page.recent_changes .chart_options label[for^="pending"] {
	display: inline-block;
	font-weight: normal;
	margin-top: 5px;
	width: auto;
}
#page.recent_changes td.wrap p {
	display: inline;
	font-size: 80%;
	padding: 0 10px;
}

/* Styles for individual, family and related families reports */
#page.families_report h3 {
	margin: 0;
}
#page.family_report #accordion {
	margin-bottom: 50px;
}
#page.family_report h3 span.relationship {
	text-transform: capitalize;
}
#page.individual_report .indi_mainimage,
#page.families_report .indi_mainimage,
#page.family_report .indi_mainimage {
	margin-bottom: 10px;
}
#page.family_report .indi_mainimage {
	display: inline-block;
	vertical-align: top;
}
#page.individual_report .images,
#page.families_report .images,
#page.family_report .images {
	display: inline-block;
}
#page.individual_report .images span,
#page.families_report .images span,
#page.family_report .images span {
	display: inline-block;
	vertical-align: middle;
	padding: 0 10px;
}
#page.individual_report .images span::first,
#page.families_report .images span::first,
#page.family_report .images  span::first {
	padding: 0;
}
#page.individual_report .facts_events,
#page.families_report .facts_events,
#page.family_report .facts_events {
	clear: both;
}
#page.families_report .facts_events,
#page.family_report .facts_events {
	display: inline-block;
	margin: 0 20px;
	vertical-align: top;
}
#page.individual_report h4,
#page.families_report h4,
#page.family_report h4 {
	font-size: 100%;
}
#page.individual_report .notes,
#page.families_report .notes,
#page.family_report .notes {
	margin: 30px 0;
}
#page.individual_report .notes ol,
#page.families_report .notes ol,
#page.family_report .notes ol {
	margin-top: 0;
}
#page.individual_report #families {
	margin: 30px 0;
}
#page.individual_report #families .details {
	font-style: italic;
}
#page.individual_report span.label,
#page.families_report span.label,
#page.family_report span.label {
	display: inline-block;
	min-width: 150px;
	width: 15%;
	vertical-align: top;
}
#page.individual_report .details,
#page.families_report .details,
#page.family_report .details {
	display: inline-block;
}
#page.individual_report .report_fact,
#page.families_report .report_fact,
#page.family_report .report_fact {
	border-bottom: 1px solid #ccc;
	display: inline-block;
	margin: 6px 0;
	width: 100%;
}
#page.individual_report .report_fact .date,
#page.individual_report .report_fact .place,
#page.individual_report .report_fact .field,
#page.families_report .report_fact .date,
#page.families_report .report_fact .place,
#page.families_report .report_fact .field,
#page.family_report .report_fact .date,
#page.family_report .report_fact .place,
#page.family_report .report_fact .field,
#page span[class^="fact_"] {
	padding: 0 5px;
}
#page span[class^="fact_"] .label {
	width: auto;
	min-width: auto;
}
#page.individual_report .report_fact .addr,
#page.families_report .report_fact .addr,
#page.family_report .report_fact .addr {
	font-style: italic;
	font-size: 85%;
}
#page.individual_report .report_fact .addr br,
#page.families_report .report_fact .addr br,
#page.family_report .report_fact .addr br {
	display: none;
}
#page.individual_report .report_fact .addr::before,
#page.families_report .report_fact .addr::before,
#page.family_report .report_fact .addr::before {
	content: '(';
}
#page.individual_report .report_fact .addr::after,
#page.families_report .report_fact .addr::after,
#page.family_report .report_fact .addr::after {
	content: ')';
}
#page.individual_report #facts_sources,
#page.families_report #facts_sources,
#page.family_report #facts_sources {
	margin: 30px 0;
}
#page.individual_report #facts_sources p,
#page.families_report #facts_sources p,
#page.family_report #facts_sources p {
	font-size: 90%;
	margin: 10px 0;
}
#page .ui-widget-content {
	background: none;
}

/* Styles for facts & events report */
#page.fact_report select {
    min-width: 200px;
    padding: 5px;
}
#page.fact_report .dataTables_length select {
	min-width: initial;
}
#page.fact_report table td {
	padding: 3px 5px;;
}
#page.fact_report table.details {
	border-collapse: collapse;
	width: 100%;
}
#page.fact_report table.details td,
#page.fact_report table.details th {
	width: 20%;
}

/* Styles for UK Register report */
#page #nocensus_result li i {
	font-size: 90%;
}

/* Styles for To Do report */
#page.research_tasks {
	margin: auto;
	width: 90%;
}

/* Styles for vital records report */
#page.vital_records table td {
	vertical-align: top;
}
#page.vital_records table td div {
	border-top: 1px dashed;
	padding-top: 5px;
}
#page.vital_records table td div:first-child {
	border-top: 0;
	padding-top: 0;
}
#page.vital_records table td div p.first {
	font-size: 100%;
	padding: 1px 0;
}
#page.vital_records table td div p {
	font-size: 85%;
	padding: 1px 15px;
	margin: 0;
}

/* ------------------ */

/* Styles for calendar_utilities module */

#utilities-container {
	margin:0 auto 30px;
	width:90%;
}

#utilities-container h2 {
	text-align:center
}

#utilities-container i {
	vertical-align: middle;
	margin: 0 10px;
	padding-bottom: 4px;
}

#utilities-container input[type="submit"], #utilities-container input[type="reset"],#utilities-container input[type="button"] {
  padding: 10px 30px;
  margin: 0 20px;
  width: auto;
}

#utilities-container #relationships input[type="button"] {
  padding: 0 3px;
  margin: 0;
  width: auto;
}
/* ------------------ */

/* Styles for Census Assistant */
.cens_header {
	margin: 10px 0;
}
.cens_header dt {
	display: inline-block;
	margin: 0;
	width: 100px;
}
.cens_container {
	border: 1px solid;
	padding: 8px;
}
.cens_left {
	float: left;
	width: 80%;
}
.cens_right {
	float: right;
	width: 18%;
}
.cens_container div.input_group {
	margin-bottom: 5px;
}
.cens_container label {
	display: inline-block;
	width: 10%;
}
.cens_container input {
	display: inline-block;
	font-weight:normal;
	width: 87%;
}
.cens_sour {
	margin: 10px 0 0 0;
}
.cens_data {
	border: 1px solid;
	margin: 10px 0;
	padding: 8px;
	min-height: 170px;
	overflow-x: auto;
}
.cens_data table {
	table-layout: fixed;
	max-width: 1980px;
	min-width: 1200px;
	width: auto;
}
.cens_data table thead {
	background-color: #ddd;
	border: 0;
	line-height: 25px;
}
.cens_data table th {
	cursor: help;
}
.cens_data table th.delete {
	width: 30px;
}
.cens_data table td {
	border: 1px solid #aaa;
	display: table-cell;
}
.cens_data table td input {
	border: none;
	font-size: 90%;
	padding: 5px 2px;
	width: 98%;
}
.cens_data table td.delete,
.census-assistant-search table td[colspan] {
	text-align: center;
}
.census-assistant-search table {
	border-collapse: collapse;
	font-size: 95%;
	width: 100%;
}
.census-assistant-search table td {
	border: 1px solid #aaa;
	padding: 5px;
}
.census-assistant-search input {
	min-width: 75%;
}
.census-assistant-search button {
	font-size: 12px;
	min-width: initial;
	vertical-align: bottom;
}
#census-search {
	margin: 10px;
}
#census-search h2 {
	text-align: center;
}
#census-search div {
	font-size: 85%;
}
.note_details table,
.note_details table td {
	border: none
}
table.ca {
	border-collapse: collapse
}
table.ca th,
table.ca td {
	border: 1px solid #aaa;
	padding: 3px;
}
table.ca th {
	background: #ddd;
	font-weight: 600;
	padding: 5px;
}
table.ca th span[title] {
	cursor: help;
}
div.census_text p {
	margin: 0 0 0.5em;
	white-space: pre-wrap;
}
.census-assistant-selector {
	margin: 0 10px;
}
/* For .b. */
table.ca td.bold {
	font-weight: 700;
}
/* For .h. */
table.ca td.high {
	background: #ffff66;
}
/* For .s. */
table.ca td.strike {
	text-decoration: line-through;
}
/* For .u. */
table.ca td.under {
	text-decoration: underline;
}

/* ------------------ */

/* Styles for media link page */
#inverselink-page {
	margin-bottom: 50px;
	overflow: hidden;
}

#inverselink-page .inverselink-page-left {
	float: left;width: 60%;
}

#inverselink-page .inverselink-page-right {
	float: left;
}

#inverselink-page .bold {
	font-weight: 600;
}

#inverselink-page #existLinkTbl,
#inverselink-page #addlinkQueue {
	border-collapse: separate;
	border-spacing: 1px;
	max-width: 450px;
	table-layout: fixed;
}

#inverselink-page #existLinkTbl th,
#inverselink-page #addlinkQueue th,
#media-links th {
	background: #ddd;
	border: 1px solid;
	padding: 8px;
	text-align: center;
}

#inverselink-page #existLinkTbl th:nth-child(3) {
	min-width: 300px;
	width: 60%;
}

#inverselink-page .preserve {
	padding-top: 20px;
}

#media-links {
	font-size: 95%;
	max-height: 520px;
	overflow: auto;
}

#media-links table {
	border-collapse: collapse;
	margin: 0 0 10px
}

#media-links table,
#media-links td {
	border: 1px solid;
	padding: 5px;
	white-space: nowrap;
}

#media-links td {
	font-size: 95%;
}
/* ------------------ */

/* Styles for Research links page */
#research_links-page .help_content .hidden {
	display: none;
	margin: 0 10px;
}

#research_links-page h4 {
	font-weight:700;
	margin: 10px 12px;
}

#research_links-page h5 {
	display: inline-block;
	margin: 0 10px 10px;
	font-size: 12px;
	font-style: normal;
}

#research_links-page ul#research_status li.research-area {
	border: 1px solid #aaa;
	display: inline-block;
	float: left;
	margin: 0 5px;
	padding: 10px;
	width: 270px;
}

#research_links-page ul#research_status span.ui-icon {
	display: inline-block;
	vertical-align: middle;
}

#research_links-page button {
	margin: 12px;
	padding: 5px 10px;
}

#research_links-page form {
	display: inline;
}

#research_links {
	margin-bottom: 20px;
	overflow: hidden;
}

.chart_options.check-boxes {
	margin:0 20px 12px 20px;
}

.chart_options.check-boxes .select-all {
	margin: 0 40px 12px 40px;
}

.chart_options.check-boxes span {
	margin: 0 20px;
}

.chart_options.check-boxes input {
	width: auto;
}

.chart_options.check-boxes label {
	display: inline-block;
	vertical-align: top;
}
/* ------------------ */

/* Styles for Fan Chart */
#fanchart-page #fan_chart {
    position: relative;
}

#fanchart-page svg {
    display: block;
    margin: auto;
	cursor: -webkit-grab;
	cursor: grab;
}

#page-fan svg:active {
	cursor: -webkit-grabbing;
	cursor: grabbing;
}

#fanchart-page svg .arc path {
    stroke: #ebebeb;
    stroke-width: 3px;
}

#fanchart-page svg .person:hover .arc {
	opacity: 0.5;
}

#fanchart-page svg .person:hover .arc path {
	stroke: #939393;
}

#fanchart-page svg .label .chart-date {
	fill: #3f3f3f;
    font-weight: normal;
}

#fanchart-page svg rect.background {
    fill: none;
    pointer-events: all;
}

#fanchart-page div.overlay {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    font: 10px sans-serif;
    background: rgba(0, 0, 0, 0.5);
    pointer-events: none;
    transition: opacity ease-in-out;
    transition-duration: 0s;
}

#fanchart-page div.overlay .tooltip {
    font-size: 22px;
    color: white;
    position: relative;
    margin: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#fanchart-page button {
	display: inline-block;
	margin-top: 15px;
	vertical-align: top;
}

#fanchart-page .chart_options input.fontScale {
	width: 75px;
}

#fanchart-page .chart_options select#generations {
	width: 100px;
}
/* ------------------ */

/* RESPOSIVE layout adjustments */
@media (min-width: 320px) and (max-width: 900px) {
   #topMenu #main-menu {
       display:none;
   }
   #navbar {
       position: relative;
   }
   #topMenu #nav-select {
       background-color: #fff;
       display:block;
       font-size: 12px;
       height: 30px;
       line-height: 30px;
       margin: 10px auto;
       text-align: center;
       width: 70%;
   }

   #topMenu #nav-select a {
       color: #555;
   }

   #topMenu #nav-select:hover ul,
   #topMenu #nav-select:focus ul,
   #topMenu #nav-select:active ul,
   #topMenu #nav-select ul:hover ul li,
   #topMenu #nav-select ul:focus li ul,
   #topMenu #nav-select ul:active li ul {
       display:block;
   }
   #topMenu #nav-select ul {
       background-color: #fff;
       display: none;
       font-size: 30px;
       list-style: none;
       margin: 0;
       padding: 0 10px;
       text-align: left;
   }
   #topMenu #nav-select li {
       background-color: #fff;
       font-size: 12px;
       padding: 0 10px;
   }
   #topMenu #nav-select ul ul li {
       display:none;
   }
   #header {
       height: auto;
       text-align: center;
   }
   #header .title {
	   float:none;
       position: relative;
       text-align: center;
   }
   #header #extra-menu, #header .header_search {
       float:none;
	   margin: 10px auto;
   }

   #content {
       top: auto;
   }
   #home-page #index_main_blocks,
   #home-page #index_small_blocks > div {
       float: none;
       margin: auto;
       width: 95%;
   }
   .media-list-item {
       width: 95%; /* one per row */
   }
   #faq-page {
       width: 95%;
   }
   #edit_interface-page #add_facts,
   #edit_interface-page #additional_facts,
   #edit_interface-page #add_name_details,
   #edit_interface-page #add_other_details,
   #addmedia-page #add_facts,
   #addmedia-page #additional_facts,
   #inverselink-page #add_facts {
       width: 95%;
   }
   #edit_interface-page textarea[id^="newgedrec"] {
       min-width: 95%;
   }
   .cens_left {
       width: 95%; /* census assistant */
   }
}

@media (min-width: 780px) and (max-width: 1680px) {
   .media-list-item {
       width: 45%; /* two per row */
   }
   .cens_left {
       width: 65%; /* census assistant */
   }
   #edit_interface-page #add_facts,
   #edit_interface-page #additional_facts,
   #addmedia-page #add_facts,
   #addmedia-page #additional_facts,
   #inverselink-page #add_facts {
       width: 45%;
   }
   #edit_interface-page #add_name_details,
   #edit_interface-page #add_other_details,
   div#add_other_details + div#additional_facts {
       width: 30%;
   }
}

@media (min-width: 1681px) {
   .media-list-item {
       width: 30%; /* three per row */
   }
   #edit_interface-page #add_facts,
   #edit_interface-page #additional_facts,
   #addmedia-page #add_facts,
   #addmedia-page #additional_facts,
   #inverselink-page #add_facts {
       width: 756px;
   }
   #edit_interface-page #add_name_details,
   #edit_interface-page #add_other_details,
   div#add_other_details + div#additional_facts {
       width: 520px;
   }
}

/* PRINT layout adjustments */
@media all {
   .page-break	{
       display: none;
   }
}

@media print {
   #header,
   #footer,
   #topMenu,
   #navbar,
   #sidebar,
   .noprint {
       display: none !important;
   }

   form,
   button,
   input {
       display: none;
   } /* buttons and input are used out of forms in sortable tables*/

   /* print settings for datatables */
   #indiTable thead tr:first-child,
   #indiTable tfoot,
   #famTable thead tr:first-child,
   #famTable tfoot,
   .alpha_index,
   .marr_names,
   .fg-toolbar {
	   display: none;
   }

   table.dataTable,
   table.dataTable th,
   table.dataTable td {
	   border: 1px solid;
	   border-collapse: collapse;
   }

   table.dataTable td {
	   font-size: 90%;
   }
   /* end print settings for datatables */

   .lifespan_outer {
       position: relative;
       width: auto;
       height: auto;
       overflow: visible;
       border: none;
   }

   .lifespan_people {
       position: absolute;
       width: auto;
       left: -10px;
       top: -60px;
       z-index: 1;
   }

   #CB_All {
       display: none;
   }

   /* DataTables */
   div.fg-toolbar {
       display:none;
   }

   /* Family tree view pagination */
   #fancy_treeview_descendants .generation-block {
	   page-break-after: always;
   }

   #fancy_treeview_descendants .generation-block:last-child {
	   page-break-after: avoid;
   }

   /* Report pages print & pagination */
   #page.individual_report .facts_events,
   #page.individual_report .indi_mainimage,
   #page.families_report .facts_events,
   #page.families_report .indi_mainimage,
   #page.family_report .indi_mainimage,
   #page.family_report .facts_events {
	   border: none;
	   display: block;
	   font-size: 90%;
	   margin: 0;
	   page-break-after: auto;
   }
   #page.family_report p.report_fact,
   #page.families_report p.report_fact {
	   border-bottom: 1px solid #ccc;
   }
   #page.family_report #accordion h3,
   #page.family_report #accordion h3 a,
   #page.families_report #accordion h3,
   #page.families_report #accordion h3 a {
	   color: #555;
	   margin: 0;
	   padding: 0;
   }
   #page.family_report #accordion h3.ui-accordion-header,
   #page.families_report #accordion h3.ui-accordion-header {
	   border: none;
   }
   #page.family_report #accordion h3.ui-accordion-header span.ui-accordion-header-icon,
   #page.families_report #accordion h3.ui-accordion-header span.ui-accordion-header-icon {
	   display: none;
   }
   #page.family_report #accordion h3.ui-active,
   #page.families_report #accordion h3.ui-active {
	   background-color: none;
   }
   #page.family_report #accordion h3 + div,
   #page.families_report #accordion h3 + div {
	   border: none;
	   display: block !important;
	   page-break-after: always;
   }
   #page.family_report .indi_mainimage a img,
   #page.families_report .indi_mainimage a img {
	   max-height: 80px;
   }

   #page.fact_report table td {
	   white-space: normal;
   }

}

/* For warning message about missing javascript in \library\WT\Controller\Base.php */
.noscript_modal {
	background-color: #d7ecfa;
	border: 1px solid #1779ba;
	border-radius: 4px;
	padding: 1em;
	position: fixed;
	top: 50px;
	left: 35%;
	width: 30%;
	z-index: 1050;
}
.noscript_modal h2 {
	margin: 0;
}

.noscript_modal .button {
	background-color: #1779ba;
	border: 1px solid transparent;
	border-radius: 4px;
	color: #fefefe;
	cursor: pointer;
	margin: 0 auto;
	width: 200px;
	padding: 0.85em 1em;
	display: block;
	text-align: center;
}
input.modal-closing-trick:checked ~ div {
display: none !important;
}