/*
* Style for clouds theme
*
* webtrees: Web based Family History software
* Copyright (C) 2013 webtrees development team.
*
* Derived from PhpGedView Cloudy theme
* Original author w.a. bastein http://genealogy.bastein.biz
* Copyright (C) 2010 PGV Development Team.  All rights reserved.
*
* 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
*/

body {
background-attachment:fixed;
background-color:#c8e7ff;
background-image:url(images/background.png);
background-position:top left;
background-repeat:repeat-x;
color:#000066;
font:12px tahoma,arial,helvetica,sans-serif;
}

#clouds-container {
background-color:#ffffff;
border:1px solid #003399;
margin:10px;
}

#content {
padding:10px;
}

* {
margin:0;
padding:0;
}

/* ================= Header Layout */
#header {
background-image:url(images/clouds.png);
height:30px;
}

/* Set stack level for top menu row */
.makeMenu ul, #main-menu ul {z-index:210;}

.title {
color:#003399;
float:left;
font-size:20px;
margin-left:12px;
margin-top:5px;
vertical-align:middle;
width:70%;
}

.hsearch {
display:block;
float:right;
padding-right:10px;
padding-top:5px;
}

#menu-right {
float:right;
margin-right:20px;
}

html[dir=rtl] .title {float:right;margin-right:12px;}
html[dir=rtl] .hsearch {float:left;padding-left:10px;}
html[dir=rtl] #menu-right {float:left;margin-left:20px;}

#bodydiv .title {margin:0;}

/* ===== */
/* Layout Left Main menu  */

/* set up div container  */
#topMenu {
background:#aaccff;
clear:both;
height:31px;
width:100%;
}

#topMenu ul {
margin:0;
padding:0;
}

#main-menu li {
position:relative;
float:left;
list-style:none;
}

#main-menu li a {
display:block;
font-size:14px;
padding:5px 0 5px 10px;
}

html[dir=rtl] #main-menu li {float:right;}
html[dir=rtl] #main-menu li a {padding:5px 10px 5px 0;}

/* Subnavigation */
#main-menu ul {
position:absolute;
top:22px;
left:0;
right:auto;
background:#ffffff;
border:1px solid #cccccc;
display:none;
}

#main-menu ul li {
white-space:nowrap;
}

#main-menu ul li a {
font-size:12px;
padding:5px;
text-align:left;
}

html[dir=rtl] #main-menu ul {right:0;left:auto;text-align:right;}
html[dir=rtl] #main-menu ul li a {text-align:right;padding-right:30px;}

/* Submenu horizontal */
#main-menu #menu-chart li ul, #main-menu #menu-obje li ul {
display:none;
}

/* Set up hover layout and style */
#main-menu li:hover ul {
display:block;
}

#main-menu li:hover li {
float:none;
}

/* fix second level submenus */
#main-menu #menu-chart li:hover ul, #main-menu #menu-obje li:hover ul {
display:block;
margin-left:100%;
margin-top:-35px;
position:absolute;
}

html[dir=rtl] #main-menu ul li:hover ul {margin-left:auto;margin-right:100%;}

/*  Mainmenu Icons*/
#main-menu > li {
background-image:url(images/sprites-top-menu.png);
background-repeat:no-repeat;
width:22px;
height:22px;
line-height:22px;
margin:5px 0 0 10px;
}

html[dir=rtl] #main-menu > li {margin:5px 10px 0 0;left:auto;}

/*  Submenu Icons */
#main-menu li ul li {
background-image:url(images/sprites-sub-menu.png);
background-repeat:no-repeat;
height:22px;
line-height:15px;
margin:2px 0 2px 0px;
text-indent:22px;
}

html[dir=rtl] #main-menu li ul li {text-indent:0;}

/*  Delete tag from mainmenu icons */
#main-menu > li > a {
color:#2a2b2d;
height:17px;
line-height:60px;
overflow:hidden;
width:17px;
}

#main-menu > li > ul > li:first-child {
background: none;
color: #333333;
font-weight: 700;
text-align: center;
text-indent: 0;
padding: 5px;
line-height: 1;
border-bottom:1px solid #dddddd;
height: auto;
}

/********************Menu Top Row Icons **********************/

#menu-tree {background-position:0 0;}
#menu-chart {background-position:0 -29px;}
#menu-list {background-position:0 -59px;}
#menu-calendar {background-position:0 -88px;}
#menu-report {background-position:0 -117px;}
#menu-search {background-position:0 -146px;}
#menu-help {background-position:0 -175px;}
#menu-mymenu {background-position:0 -204px;}
#menu-clippings {background-position:0 -233px;}
#menu-indi {background-position:0 -261px;}
#menu-sour {background-position:0 -320px;}
#menu-fam {background-position:0 -291px;}
#menu-note {background-position:0 -348px;}
#menu-obje {background-position:0 -378px;}
#menu-repo {background-position:0 -407px;}
#menu-story {background-position:0 -435px;}

/**** Menu submenu Icons ****/
/* Chart Icons */
#menu-chart-ancestry {background-position:left   -0px;} html[dir=rtl] #menu-chart-ancestry {background-position:right   -0px;}
#menu-chart-fanchart {background-position:left  -23px;} html[dir=rtl] #menu-chart-fanchart {background-position:right  -23px;}
#menu-chart-compact {background-position:left   -0px;} html[dir=rtl] #menu-chart-compact {background-position:right   -0px;}
#menu-chart-descendancy {background-position:left  -69px;} html[dir=rtl] #menu-chart-descendancy {background-position:right  -69px;}
#menu-chart-familybook {background-position:left  -92px;} html[dir=rtl] #menu-chart-familybook {background-position:right  -92px;}
#menu-chart-hourglass {background-position:left -115px;} html[dir=rtl] #menu-chart-hourglass {background-position:right -115px;}
#menu-chart-tree {background-position:left -138px;} html[dir=rtl] #menu-chart-tree {background-position:right -138px;}
#menu-chart-lifespan {background-position:left -161px;} html[dir=rtl] #menu-chart-lifespan {background-position:right -161px;}
#menu-chart-pedigree {background-position:left -184px;} html[dir=rtl] #menu-chart-pedigree {background-position:right -184px;}
#menu-chart-pedigree_map {background-position:left -207px;} html[dir=rtl] #menu-chart-pedigree_map {background-position:right -207px;}
#menu-chart-relationship {background-position:left -230px;} html[dir=rtl] #menu-chart-relationship {background-position:right -230px;}
#menu-chart-relationship li {background-position:left -230px;} html[dir=rtl] #menu-chart-relationship l {background-position:right -230px;}
#menu-chart-statistics {background-position:left -253px;} html[dir=rtl] #menu-chart-statistics {background-position:right -253px;}
#menu-chart-timeline {background-position:left -276px;} html[dir=rtl] #menu-chart-timeline {background-position:right -276px;}
#menu-chart-timeline li {background-position:left -276px;} html[dir=rtl] #menu-chart-timeline li {background-position:right -276px;}

/* Lists Icons */
#menu-list-obje {background-position:left -299px;} html[dir=rtl] #menu-list-obje {background-position:right -299px;}
#menu-list-plac {background-position:left -322px;} html[dir=rtl] #menu-list-plac {background-position:right -322px;}
#menu-list-repo {background-position:left -345px;} html[dir=rtl] #menu-list-repo {background-position:right -345px;}
#menu-list-note {background-position:left -368px;} html[dir=rtl] #menu-list-note {background-position:right -368px;}
#menu-list-sour {background-position:left -391px;} html[dir=rtl] #menu-list-sour {background-position:right -391px;}
#menu-branches  {background-position:left -414px;} html[dir=rtl] #menu-branches  {background-position:right -414px;}
#menu-list-fam  {background-position:left -437px;} html[dir=rtl] #menu-list-fam  {background-position:right -437px;}
#menu-list-indi {background-position:left -460px;} html[dir=rtl] #menu-list-indi {background-position:right -460px;}

/* Report Icons */
#menu-report li {background-position:left -483px;} html[dir=rtl] #menu-report li {background-position:right -483px;}

/* Calendar Icons */
#menu-calendar-day   {background-position:left -506px;} html[dir=rtl] #menu-calendar-day	 {background-position:right -506px;}
#menu-calendar-month {background-position:left -506px;} html[dir=rtl] #menu-calendar-month {background-position:right -506px;}
#menu-calendar-year  {background-position:left -506px;} html[dir=rtl] #menu-calendar-year  {background-position:right -506px;}

/* Search Icons */
#menu-search-general {background-position:left -529px;} html[dir=rtl] #menu-search-general {background-position:right -529px;}
#menu-search-soundex {background-position:left -529px;} html[dir=rtl] #menu-search-soundex {background-position:right -529px;}
#menu-search-advanced {background-position:left -529px;} html[dir=rtl] #menu-search-advanced {background-position:right -529px;}
#menu-search-replace {background-position:left -529px;} html[dir=rtl] #menu-search-replace {background-position:right -529px;}

/* Help Icons */
#menu-help-genealogy {background-position:left -552px;} html[dir=rtl] #menu-help-genealogy {background-position:right -552px;}
#menu-help-show	     {background-position:left -552px;} html[dir=rtl] #menu-help-show	     {background-position:right -552px;}
#menu-help-contents  {background-position:left -552px;} html[dir=rtl] #menu-help-contents  {background-position:right -552px;}
#menu-help-hide      {background-position:left -552px;} html[dir=rtl] #menu-help-hide      {background-position:right -552px;}
#menu-help-faq       {background-position:left -552px;} html[dir=rtl] #menu-help-faq	     {background-position:right -552px;}
#menu-help-wiki      {background-position:left -575px;} html[dir=rtl] #menu-help-wiki      {background-position:right -575px;}
#menu-help-technica  {background-position:left -598px;} html[dir=rtl] #menu-help-technical {background-position:right -598px;}

/* MyPage Icons */
#menu-mypage     {background-position:left -598px;} html[dir=rtl] #menu-mypage	   {background-position:right -598px;}
#menu-myaccount  {background-position:left -598px;} html[dir=rtl] #menu-myaccount  {background-position:right -598px;}
#menu-mypedigree {background-position:left -828px;} html[dir=rtl] #menu-mypedigree {background-position:right -828px;}
#menu-myrecord   {background-position:left -460px;} html[dir=rtl] #menu-myrecord	 {background-position:right -460px;}
#menu-admin	     {background-position:left -644px;} html[dir=rtl] #menu-admin	     {background-position:right -644px;}
#menu-tree li    {background-position:left -667px;} html[dir=rtl] #menu-tree li	   {background-position:right -667px;}

/* Family Icons  */
#menu-fam-addchil   {background-position:left -759px;} html[dir=rtl] #menu-fam-addchil   {background-position:right -759px;}
#menu-fam-addfav    {background-position:left -736px;} html[dir=rtl] #menu-fam-addfav    {background-position:right -736px;}
#menu-fam-change    {background-position:left -759px;} html[dir=rtl] #menu-fam-change    {background-position:right -759px;}
#menu-fam-del	      {background-position:left -713px;} html[dir=rtl] #menu-fam-del	     {background-position:right -713px;}
#menu-fam-editraw   {background-position:left -667px;} html[dir=rtl] #menu-fam-editraw   {background-position:right -667px;}
#menu-fam-orderchil {background-position:left -759px;} html[dir=rtl] #menu-fam-orderchil {background-position:right -759px;}

/* Clipping Icons */
#menu-clippingscart {background-position:left -621px;} html[dir=rtl] #menu-clippingscart {background-position:right -621px;}
#menu-clippingsadd {background-position:left -621px;} html[dir=rtl] #menu-clippingsadd {background-position:right -621px;}

/* Edit Icons */
#menu-indi-addname {background-position:left -690px;} html[dir=rtl] #menu-indi-addname {background-position:right -690px;}
#menu-indi-editraw {background-position:left -667px;} html[dir=rtl] #menu-indi-editraw {background-position:right -667px;}
#menu-indi-editsex {background-position:left -690px;} html[dir=rtl] #menu-indi-editsex {background-position:right -690px;}
#menu-indi-del	   {background-position:left -713px;} html[dir=rtl] #menu-indi-del  	 {background-position:right -713px;}
#menu-indi-addfav  {background-position:left -736px;} html[dir=rtl] #menu-indi-addfav  {background-position:right -736px;}

/* Edit Notes  */
#menu-note-addfav  {background-position:left -736px;} html[dir=rtl] #menu-note-fav  	 {background-position:right -736px;}
#menu-note-del	   {background-position:left -713px;} html[dir=rtl] #menu-note-del 	   {background-position:right -713px;}
#menu-note-edit	   {background-position:left -805px;} html[dir=rtl] #menu-note-edit    {background-position:right -805px;}
#menu-note-editraw {background-position:left -667px;} html[dir=rtl] #menu-note-editraw {background-position:right -667px;}

/* Objects  */
#menu-obje-addfav    {background-position:left -736px;} html[dir=rtl] #menu-obje-addfav    {background-position:right -736px;}
#menu-obje-del	     {background-position:left -713px;} html[dir=rtl] #menu-obje-del	     {background-position:right -713px;}
#menu-obje-edit	     {background-position:left -852px;} html[dir=rtl] #menu-obje-edit      {background-position:right -852px;}
#menu-obje-editraw   {background-position:left -667px;} html[dir=rtl] #menu-obje-editraw   {background-position:right -667px;}
#menu-obje-link	     {background-position:left -875px;} html[dir=rtl] #menu-obje-link      {background-position:right -875px;}
#menu-obje-link-fam  {background-position:left -437px;} html[dir=rtl] #menu-obje-link-fam  {background-position:right -437px;}
#menu-obje-link-indi {background-position:left -460px;} html[dir=rtl] #menu-obje-link-indi {background-position:right -460px;}
#menu-obje-link-sour {background-position:left -391px;} html[dir=rtl] #menu-obje-link-sour {background-position:right -391px;}

/* Repository */
#menu-repo-addfav  {background-position:left -736px;} html[dir=rtl] #menu-repo-addfav  {background-position:right -736px;}
#menu-repo-del  	 {background-position:left -713px;} html[dir=rtl] #menu-repo-de	     {background-position:right -713px;}
#menu-repo-edit  	 {background-position:left -897px;} html[dir=rtl] #menu-repo-edit    {background-position:right -897px;}
#menu-repo-editraw {background-position:left -667px;} html[dir=rtl] #menu-repo-editraw {background-position:right -667px;}

/*  Source  */
#menu-sour-addfav  {background-position:left -736px;} html[dir=rtl] #menu-sour-addfav  {background-position:right -736px;}
#menu-sour-del  	 {background-position:left -713px;} html[dir=rtl] #menu-sour-del 	   {background-position:right -713px;}
#menu-sour-edit	   {background-position:left -782px;} html[dir=rtl] #menu-sour-edit    {background-position:right -782px;}
#menu-sour-editraw {background-position:left -667px;} html[dir=rtl] #menu-sour-editraw {background-position:right -667px;}

/*  Stories  */
#menu-story-sub {background-position:left -920px;} html[dir=rtl] #menu-story-sub {background-position:right -920px;}

/* ===== */
/* Right Options Menu */

#menu-right {float:right;margin:10px 10px 4px 0;}

.makeMenu li {
display:inline;
position:relative;
white-space:nowrap;
}

.makeMenu li:before {
content:" | ";
}

.makeMenu li ul {
background-color:#eeeeee;
border:thin solid #aaaaaa;
display:none;
left:10px;
position:absolute;
top:1.1em !important;
}
.makeMenu li ul li {
display:block;
text-align:left;
}

.makeMenu li ul li a {
color:#333333;
padding:2px 5px 2px 2px!important;
}

.makeMenu,.makeMenu li ul {
list-style:none;
margin-left:0 !important;
padding:1px;
top:5px;
}

.makeMenu li:hover > ul {
display:block;
}

.makeMenu li a {
color:#003399;
}

.makeMenu li a:hover {
color:#f5003d;
}

.makeMenu ul li a {
background-color:#ffffff;
display:block;
padding:0 5px !important;
}

.makeMenu ul li a:hover {
background:#c8e7ff;
color:#000000;
}

li a.link {
font-size:13px;
margin-left:5px;
margin-right:5px;
}

.makeMenu li ul li:before,.makeMenu li:first-child:before {
content:"";
}

.lang-active, .theme-active {
color:#000066;font-weight:900;
}

html[dir=rtl] .makeMenu li ul {left:auto;right:-10px!important;}
html[dir=rtl] .makeMenu li ul li {text-align:right;}

/* Tbl hdrs and Light Text */

.descriptionbox,.topbottombar,.topbottombar a,.list_label,.list_label a,.facts_label,.facts_label a,.facts_label .date,.facts_label03,.facts_table h2,.facts_table .descriptionbox a,.blockcontent .facts_label {
background-color:#95b8e0;
color:#003399;
}

/* Base Color */
.descriptionbox .submenu a,.blockcontent,.list_value,.list_value_wrap,.tab_cell_active,.news_box,optionbox,.submenuitem_hover {
background:#ffffff;
}

/* Link Color */
a {
color:#003399;
text-decoration:none;
}

a:link,a:visited,a:active,a:hover,.menuitem a,.nameZoom {
color:#003399;
}

a:hover, a.link:hover {
color:#ff0000;
text-decoration:none;
}

:focus {outline-style:none;}

.subheaders {
color:#000066;
}

/*   Edit Facts */
td.descriptionbox div a {
color:#ffffff;
}

/*   End Edit Facts  */
.facts_label .submenu a {
background:#ffffff;
color:#000000;
}

hr {
margin-top:5px;
}

h2 {
font-size:18px;
font-weight:bold;
}

h4 {
font-weight:bold;
}

.alpha_index
{
margin-top:10px;
}

p.center a {
font-size:13px;
}

p.center a:hover,p.center span.warning,td.list_label span.warning {
color:#ff5500;
font-size:13px;
}

table.header {
margin:0;
padding:0 10px;
width:100%;
}

div.error {
color:#dd0000;
font-weight:600;
}

p.center .warning,tr td.optionbox span.error,span.error {
color:#ff5500;
}

.error,.warning,.red,td.descriptionbox div div div a:hover {
color:#ff0000;
}

td.descriptionbox .submenu a,td.descriptionbox div div div a {
color:#000000;
}

/* Rounded corners */
.block,.descriptionbox,.facts_label,.facts_label02,.facts_label03,.facts_value,
.lifespan_outer,.subbar,.list_label,.list_label_wrap,.list_value,.list_value_wrap,
.messagebox,.optionbox,.person_box,.person_boxF,.person_boxNN,
.person0,.person1,.person2,.person3,.person4,.person5,#sidebar,.topbottombar,#save-cancel {
border-radius:3px;
}

#pid {
color:#333333;
background:#ffffcc;
}

#footer {
clear:both;
width:99%;
}

/* ======= Block styles ========== */
#index_main_blocks {
clear:none;
float:left;
width:66%;
}

#index_small_blocks {
clear:none;
float:right;
width:33%;
}

#index_full_blocks {
clear:none;
width:100%;
}

#index_small_blocks .name1 {
color:#333333;
}
html[dir=rtl] #index_main_blocks {float:right;}
html[dir=rtl] #index_small_blocks {float:left;}

#random_picture {
text-align:center;
}
#random_picture_box {
width:100%;
}

.small_inner_block {
max-height:200px;
overflow:auto;
}

.block {
color:#000000;
margin-bottom:5px;
padding:1px;
vertical-align:top;
}

.blockcontent {
border:solid #999999 1px;
margin-bottom:10px;
margin-left:auto;
margin-right:2px;
overflow:auto;
padding:5px;
}

.blockheader {
width:100%;
padding:0;
margin:0;
border-collapse:collapse;
}

img {
border:0 none;
}

img.block {
height:25px;
}

.line1,.line2,.line3 {
vertical-align:bottom;
}

.line4 {
vertical-align:middle;
}

.line5 {
vertical-align:top;
}

.blockh1 {
background-image:url(images/left1B.png);
background-repeat:no-repeat;
height:24px;
width:26px;
}

.blockh2 {
background-image:url(images/left2.png);
background-repeat:repeat-x;
font-size:13px;
font-weight:700;
}

.blockh3 {
background-image:url(images/left3.png);
background-repeat:no-repeat;
height:24px;
width:8px;
}

.blockhc {
padding:3px 3px 0;
}

.blockhc img {
padding-right:3px;
}
html[dir=rtl] .blockh1 {background-image:url(images/right1B.png);}
html[dir=rtl] .blockh3 {background-image:url(images/right3.png);}
html[dir=rtl] .blockhc {padding:3px 0 0 3px;}
html[dir=rtl] .blockhc img {padding-left:3px;}

#index_title {
float:left;
}

#main_select,#available_select,#right_select {min-width:150px;}

.user_welcome_block table, .gedcom_block_block  table {margin:auto;}
.user_welcome_block td, .gedcom_block_block  td {width:33%;text-align:center;vertical-align:top;}

#link_change_blocks {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;}

/*-- charts layout --*/

#ancestry_chart table div p {
font-size:90%;
margin:0;
}

#ancestry_chart ul {
background-image:url(images/vline.png);
background-position:left top;
background-repeat:repeat-y;
display:block;
list-style:none;
margin:0 0 0 15px;
padding-bottom:0;
padding-right:0;
padding-top:3px;
}

#ancestry_chart li {
list-style:none;
margin:0 0 2px -13px;
padding-bottom:0;
padding-right:0;
padding-top:0;
}

#ancestry_chart li table {
margin:5px 0;
}

html[dir=rtl] #ancestry_chart ul {background-position:right top;margin:0 15px 0 0;left:auto;}
html[dir=rtl] #ancestry_chart li {margin:0;padding:0 2px 0 0;left:auto;}

#descendancy_chart ul {
background-image:url(images/vline.png);
background-repeat:repeat-y;
background-position:left top;
list-style:none;
margin:20px;
padding-top:0;
padding-right:0;
padding-bottom:0;
}

#descendancy_chart li {
list-style:none;
margin:0 0 2px -15px;
padding-top:0;
padding-right:0;
padding-bottom:0;
}

html[dir=rtl] #descendancy_chart ul {background-position:right top;margin:0 15px 0 0;left:auto;}

#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 {font-size: 16px;text-align:center;}
#relationship-page h3 {margin:20px 0 0 20px;}
#relationship_chart {margin:0 20px 0;}

.tdtop {vertical-align:top;}
.tdmid {vertical-align:middle;}
.tdbot, .tvertline {vertical-align:bottom;}

html[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;
z-index:1;
}

html[dir=rtl] #pedigree_chart {left:auto;right:0;}
#pedigree_canvas {color:#88bbff;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:#ffffff;padding:5px;position:absolute;visibility:hidden;}

#relationship_chart {
z-index:1;
}

#timeline_chart {
position:relative;
top:50px;
left:0;
}

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

.topheader {
color:#888888;
margin:0;
white-space:nowrap;
}

ul {
margin:8px;
padding-left:15px;
padding-right:15px;
}

.center {
text-align:center;
}

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

th {
font-weight:100;
}

.button {
width:60px;
}

.gedcom_table {
border:1px solid #999999;
margin:0;
width:99%;
}

/* style needed for lightbox album icons */
#medialist-page .list_value_wrap a {background:none;}
#lb-image_edit a, #lb-image_link a, #lb-image_view a {color:#000000;padding-left:5px;}
#lb-image_link a:hover {color:red;}
.lb-menu > li:hover > ul {top:28px!important;}

/* person boxes are used in various charts */

.person_box,.person_boxF,.person_boxNN {
border:1px solid #aaaaaa;
padding:3px;
}

.person_box {
background:#ddddff;
}

.person_boxF {
background:#ffdddd;
}

.person_boxNN {
background:#ffffff;
}

.person_box_lifespan {
display:inline;
}

/* families tab */
#relatives_content .person_box > .person_box,#relatives_content .person_boxF > .person_boxF,#relatives_content .person_boxNN > .person_boxNN {
border:none;
min-height:50px;
}

.action_headerF {
background:#ffdddd;
}

.action_header {
background:#ddddff;
}

.list_table {
margin:0 auto;
}

.list_label,.list_label_wrap,.list_value,.list_value_wrap {
border:1px solid #999999;
}

.list_value_wrap p {
margin: 10px 0;
}

.list_label,.list_label_wrap {
color:#ffffff !important;
font-weight:700;
text-align:center;
vertical-align:text-top;
white-space:normal;
}

.list_value,.list_value_wrap {
padding:1px;
text-align:left;
vertical-align:top;
}

html[dir=rtl] .list_value,  html[dir=rtl] .list_value_wrap {text-align:right;}

.list_label,.list_value {
white-space:nowrap;
}

table.width66 {
margin-left:auto;
margin-right:auto;
}

.list_label_wrap,.list_value_wrap {
background-color:#ecf5ff;
border:1px solid #84beff;
color:#000066;
white-space:normal;
}

.list_item {
font-size:12px;
}

.facts_table {
width:100%;
}

.tabs_table {
max-width:98%;
}

.facts_label {
border:1px solid #aaccff;
padding:4px;
width:20%;
text-align:center;
}

.facts_label02,.facts_label03 {
font-weight:bold;
padding:4px;
text-align:center;
}

.facts_value {
background:#ffffff;
border:1pt solid #999999;
padding:4px;
color:#003399;
}

.facts_value02 {
background:#ffffff;
border:1pt solid #dddddd;
padding:5px;
}

.quickfacts a {font-size:9px;padding:0 3px;}

.tab_cell_active {
font-size:10px;
border-right:1pt solid #999999;
text-align:center;
width:20%;
padding:2pt;
}

.tab_cell_inactive {
background:#ffffff;
font-size:10px;
border-top:none;
border-right:1pt solid #cccccc;
text-align:center;
width:20%;
padding:2px;
}

.tab_active_bottom {
border-top:none;
border-bottom:none;
border-left:none;
border-right:none;
height:5px;
}

.tab_inactive_bottom {
border-left:none;
border-right:none;
border-top:1pt solid #cccccc;
height:5px;
}

.tab_inactive_bottom_right {
border-left:none;
border-right:none;
border-top:1pt solid #cccccc;
width:35%;
height:5px;
}

.tab_cell_inactive_empty {
background:#eeeeee;
border-top:none;
border-right:1pt solid #cccccc;
text-align:center;
width:20%;
padding:2px;
font-size:20px;
}

.tab_cell_inactive_empty a {
color:#77aaff;
}

.name1, .name2, .nameZoom {
font-weight:bold;
}

a:hover .name1,a:hover.name2,a:hover .nameZoom  {
color:#ff0000;
font-weight:bold
}

.details1 {
text-decoration:none;
font-size:11px;
}

.details2 {
font-size:11px;
text-decoration:none;
color:#000066;
font-weight:bold;
}

.nameZoom {
font-size:14px;
font-weight:bold;
text-decoration:none;
}

a:hover .nameZoom {
font-weight:bold;
font-size:14px;
color:red;
}

.detailsZoom {
font-size:13px;
text-decoration:none;
}

.name_head {
font-weight:bold;
font-size:11px;
letter-spacing:.2px;
}

.date {
color:#003399;
font-weight:bold;
}

.label {
font-weight:bold;
}

.error,.largeError {
font-weight:bold;
}

.largeError {
color:#dd0000;
font-size:24px;
}

.indent {
padding-left:7px;
}

.image {
height:150px;
padding:5px;
margin-right:15px;
}

html[dir=rtl] .image {margin-right:0;margin-left:15px;}

.gender_image {
padding-left:3px;
padding-right:3px;
border:none;
vertical-align:middle;
}

.pedigree_form {
width:60px;
}

.thumbnail {
height:auto;
padding:5px;
}

.link {
font-size:11px;
text-align:center;
}

.sublinks_cell {
background:#99bbee;
}

.subheaders {
font-size:16px;
font-weight:bold;
padding:10px;
margin:15px 0 0 15px;
vertical-align:bottom;
}

.age {
font-size:9px;
}

.parentdeath {
border:thin solid #888888;
padding:1px;
}

.source_citations {
display:none;
}

.footer {
width:99%;
direction:ltr;
text-align:center;
}

.contact_links {
text-align:center;
}

.hit-counter {
background:#000000;
color:#ffffff;
font-weight:bold;
}

.border1 {
border:solid #000000 1px;
}

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

.theme_form option,.color_form option {
margin:3px;
}

.selected-option {
background:#cceeff;
}

.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:700;
}

.helpheader {
text-align:left;
}

.helpcontent dt {
clear:both;
}


.block {
color:#000000;
vertical-align:top;
}

.submenuitem {
height:20px;
color:#555555;
text-decoration:none;
font-size:11px;
background-color:#ffffff;
border:1px solid #cccccc;
white-space:nowrap;
padding:3px 3px 0 3px;
}

.submenuitem_hover {
height:20px;
font-size:11px;
white-space:nowrap;
border:1px solid #cccccc;
padding:3px 3px 0 3px;
}

.journal_box {
padding:3pt;
border:thin solid #aaaaaa;
overflow:visible;
}

.news_box {
padding:5pt 5px;
border-top:solid #cccccc 1px;
}
.news_title {
color:#000000;
font-size:13px;
font-weight:700;
}

.news_date {
color:#000000;
margin-bottom:12px;
}

.person0 {
background:#ddddff;
border:outset #999999 1px;
vertical-align:top;
}

.person1 {
background:#aaffaa;
border:outset #aaffaa 1px;
vertical-align:top;
}

.person2 {
background:#ffaaaa;
border:outset #ffaaaa 1px;
border-width:1px;
vertical-align:top;
}

.person3 {
background:#aaaadd;
border:outset #5555ff 1px;
vertical-align:top;
}

.person4 {
background:#ff5555;
border:outset #ff5555 1px;
vertical-align:top;
}

.person5 {
background:#55ff55;
border:outset #55ff55 1px;
vertical-align:top;
}

.listlog {
line-height:20pt;
color:#555555;
}

input,button,textarea  {
border-width:1px;
border-color:#ffffff #000066 #000066 #ffffff;
font-size: 12px;
font-family: inherit;
}

input, textarea {
padding:0 3px;
}

button, input[type="submit"], input[type="reset"], input[type="button"], input[type="file"] 
{border:1px solid #cbc7bd; 
color:#654b24; 
font-weight:700; 
border-radius:3px;
font-size: 10px;
padding: 0 3px;
}

.optionbox input {
margin-right:5px;
}

html[dir=rtl] .optionbox input {margin-left:5px;}

select {
border:1px solid #cccccc;
}

.formField {
width:140px;
font-size:12px;
}

.starredname {
text-decoration:underline;
}

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

.search-icon {height: 17px;vertical-align:top;}

.topbottombar {
font-weight:bold;
padding:4px;
text-align:center;
}

.subbar {
background:#ffffff;
border:1pt solid #dddddd;
font-size:11px;
padding:3px;
white-space:nowrap;
vertical-align:top;

}

.descriptionbox {
border:1px solid #99bbee;
vertical-align:top;
white-space:nowrap;
padding:3px;
}

.optionbox {
background-color:#ecf5ff;
border:1px solid #88bbff;
color:#000066;
font-size:11px;
padding:3px;
vertical-align:top;
white-space:nowrap;
}

.vmiddle {
vertical-align:middle;
}

.rela, .histo {
opacity:0.8;
}

#index .user_messages td {
border:1px #999999 solid;
padding:2px;
}

.sex_image {
height:9px;
width:9px;
padding-left:3px;
padding-right:3px;
border:none;
vertical-align:middle;
}

fieldset {
padding:30px;
margin:8px 8px 4px 8px;
text-align:left;
}

html[dir=rtl] fieldset {text-align:right;}

fieldset ol, fieldset li {
margin:2px 0 0 5px;
}

html[dir=rtl] fieldset ol, fieldset li {margin:2px 5px 0 0;}

div.blockhc a:hover {
background:transparent;
}

legend {
font-weight:bold;
}

.details_label {
font-weight:bold;
}

.name_head {
color:#333333;
font-weight:bold;
font-size:16px;
line-height:2;
padding:0 5px;
}

form .rtl {
text-align:right;
}

.ltr {
text-align:left;
}

.rtl {
text-align:right;
direction:rtl;
}

.width10 {width:10%;}
.width20 {width:20%;}
.width25 {width:25%;}
.width33 {width:33%;}
.width30 {width:30%;}
.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%;}

.font9 {
font-size:9px;
}

.messagebox {
background:#dfeeff;
}

/* Pending edits - TODO perhaps show differently in different contexts? */
.new { outline: solid blue 1px; }
.old { outline: solid red  1px; }

.note_details {
display:none;
}

a.showit {
position:relative;
z-index:24;
color:#000000;
text-decoration:none;
}

a.showit:hover {
z-index:25;
background:#ffff99;
cursor:crosshair;
}

a.showit > span {
display:none;
}

a.showit:hover > span {
background:#444444;
border-bottom:2px solid #000000;
border-left:15px outset #111111;
border-right:2px solid #000000;
border-style:outset;
border-top:2px solid #111111;
color:#ffffff;
display:block;
font-size:15px;
left:0;
opacity:.85;
padding:3px;
position:absolute;
text-align:left;
top:22px;
white-space:normal;
width:225px;
z-index:5;
}

.lifespan_outer {
position:relative;
width:99.5%;
height:600px;
overflow:hidden;
border:solid #0000ff 1px;
}

.lifespan_outer a {
color:#000000;
}

.lifespan_outer a:hover {
color:#ff0000;
text-decoration:none;
}

.lifespan_people span:first-letter {
font-variant:small-caps;
font-weight:bold;
font-size:16px;
padding:1px;
}

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

.lifespan_timeline {
position:absolute;
width:100%;
left:-10px;
top:-65px;
z-index:2;
background:#ffffff;
}

.iwstyle {
width:360px;
}

#map_nav {
position:relative;
top:-484px;
left:101%;
}

#tree_nav {
position:relative;
top:-584px;
left:90%;
z-index:100;
}

#map_type {
font-size:10px;
list-style:none;
margin:0;
padding:0;
}

#map_type li {
display:block;
width:70px;
text-align:center;
border:1px solid #000000;
cursor:pointer;
float:left;
margin-left:2px;
padding:2px;
}

#map_type li:hover {
background:#dddddd;
}

#map_type li.active {
background:#888888;
color:#ffffff;
font-weight:bold;
}

#map_type li.non_active {
background:#ffffff;
color:#000000;
font-weight:400;
}

.ui-autocomplete-input {
background:#eeeeaa;
}

.ui-autocomplete-loading {background:#ffffff url(images/indicator.gif) right center no-repeat;}

.ui-autocomplete {
border:1px solid #000000;
background:#ffffff;
z-index:99999;
padding:0;
list-style-position:outside;
list-style:none;
margin:0;
max-height:200px;
overflow-y:auto;
}

.ui-autocomplete li {
cursor:default;
display:block;
font:menu;
line-height:14px;
overflow:hidden;
margin:0;
padding:2px 5px;
}

.ui-autocomplete li:nth-child(odd) {
background:#eeeeee;
}

.ui-autocomplete a.ui-state-focus {color:#ff0000;}

.ui-sortable li {
list-style-type: none;
}
.ui-sortable .noprint {
display:none;
}

.sublinks_cell .submenuitem {
background:#ffffff;
}

.nowrap {
white-space:nowrap;
}

.wrap {
white-space:normal;
}

ul.clist {
list-style-image:none;
}

.statistics-page {
text-align:center;
}

.gchart {
border:1px solid #999999;
}

.execution_stats {
padding:12px 12px;
text-align:center;
}

.tag_cloud a {
white-space:nowrap;
}

.clearfloat {
clear:both;
}

dl {
margin:0;
}

dt {
float:left;
font-weight:bold;
margin-right:10px;
clear:both;
}

html[dir=rtl] dt {float:right;margin-right:auto;margin-left:10px;}

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

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

.charts_block .person_box,.charts_block .person_boxF,.charts_block .person_boxNN,
.gedcom_favorites_block,.user_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,#relationship_chart .person_box,#relationship_chart .person_boxF,#relationship_chart .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,
.person_box_template a.gallery {
	float:     left;
	height:    50px;
	margin:    0 3px 0 0;
	max-width: 80px;
	width:     auto;
}
html[dir=rtl] .person_box_template img,
html[dir=rtl] .person_box_template a.gallery {
	float:  right;
	margin: 0 0 0 3px;
}
.person_box_template i[class^="icon-silhouette"] {
	float: left;
}
html[dir=rtl] .person_box_template i[class^="icon-silhouette"] {
	float: right;
}

.gedcom_favorites_block .person_box .details2,
.gedcom_favorites_block .person_boxF.details2,
.gedcom_favorites_block .person_boxNN.details2,
.user_favorites_block .person_box .details2,.user_favorites_block .person_boxF.details2,.user_favorites_block .person_boxNN.details2 {
min-height:40px;
}

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

/* ============= Theme select block ============ */
.theme_form ul {margin:-10px auto;-webkit-padding-start:0;width:90%;overflow:hidden;}
.theme_form li {list-style:none;visibility:hidden;}
.theme_form li ul li {float:left;padding:10px;visibility:visible;}
html[dir=rtl] .theme_form li ul li  {float:right;}

/* ======= Favourites block ========== */
.user_favorites_block .person_box, .gedcom_favorites_block .person_box {margin:5px 0;}
.add_fav_head {font-weight:900;margin:5px 0;}
.add_fav_head i {margin:0 5px 1px 5px;}
.add_fav_ref p {margin:5px 0;}
.add_fav_ref label {display:inline-block;min-width:100px;}
.add_fav_ref label:after {content:":";}
.add_fav_ref input {margin:0 5px;}

#branches-page table, #medialist-page .list_table, #medialist-page .list_table_controls  {margin:0 auto;}
#medialist-page .list_table_controls  {width:100%;}
.list_table_controls td {min-width:40px;padding:1px;text-align:center;}

#branches-page p {
margin:10px;
}
/* ============== medialist.php ======================= */
#lightbox-menu {margin-bottom:60px;}
.lb-menu {position:relative; float:left; list-style-type:none; margin:0;}
.lb-menu ul {list-style-type:none;}
.lb-menu li {font-weight:normal; float:left; top:0;}
.lb-menu > li ul {display:none;width:80px;}
.lb-menu > li:hover  ul {display:block; top:36px;}
.lb-menu a {display:block;}
.lb-menu li a {padding-top:24px;}
.lb-menu li li a {padding:1px 10px 1px 5px;}
html[dir=rtl] .lb-menu {float:right;}
html[dir=rtl] .lb-menu li {float:right;}

li#lb-image_edit {background:url(images/image_edit.png) no-repeat 50% 20%;}
li#lb-image_link {background:url(images/image_link.png) no-repeat 50% 20%;}
li#lb-image_view {background:url(images/image_view.png) no-repeat 50% 20%;}
/* ============== login.php ======================= */
#login-form a:hover {
color:red;
}

#login-form div,#login-form div a,#new_passwd_form div,#register-form div,#verify-form div {
color:#003399;
margin:auto;
padding:5px;
text-align:center;
}

#login-form label input,#new_passwd_form label input,#verify-form input {
margin:0 10px;
width:140px;
}

#login-form label,#new_passwd_form label,#verify-form label {
display:block;
text-align:right;
}

#login-form,#new_passwd_form,#register-form,#verify-form {
background-color:#95b8e0;
border-radius:3px;
display:inline-block;
margin:10px auto 0;
padding:5px;
}

#login-register-page .back {
font-size:14px;
font-weight:700;
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:700;
}

#login-register-page .confirm p+p {
font-size:12px;
font-weight:400;
}

#login-register-page .warning {
margin:20px auto;
text-align:center;
}

#login-register-page h2,#login-box,#register-box,#register-form div#registration-submit {
text-align:center;
}

#login-text,#register-text,#user-verify {
margin:20px auto;
text-align:justify;
width:610px;
}

#new_passwd_form h4,#register-form h4 {
color:#003399;
font-weight:400;
margin:5px;
text-align:center;
}

#register-form div,#verify-form div {
text-align:right;
}

#register-form label input,#register-form label select,#register-form textarea {
margin:0 10px;
width:220px;
}

#register-form label select {
margin:0 10px;
width:228px;
}

#register-form textarea {
vertical-align:top;
}

.login_block_block #login-form,.login_block_block #new_passwd_form {
background:none;
border:0;
}

html[dir=rtl] #login-form label, html[dir=rtl] #new_passwd_form label, html[dir=rtl] #register-form label, html[dir=rtl] #verify-form  label {text-align:left;}

/* ==== reportengine.php ===== */
#reportengine-page .report-type {
margin:auto;
overflow:hidden;
width:180px;
}

#reportengine-page .report-type div {
float:left;
margin:0 20px;
}

#reportengine-page .report-type p {
margin:0;
text-align:center;
}

#reportengine-page table {
margin:20px auto;
}

.block .itr,#family-table .itr,#ancestry_chart .itr,#descendancy_chart .itr,#familybook_chart .itr,#hourglass_chart .itr,#relatives_content .itr {
position:relative;
top:0;
}

.itr {
line-height:1.5;
position:absolute;
}

.itr:hover .popup {
display:block;
position:absolute;
right:0;
width:12em;
z-index:9999;
}

.popup {
display:none;
}

.popup ul {
	background-image:none !important;
	font-size:9px;
	list-style:none;
	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;
}

html[dir=rtl] .itr:hover .popup {left:0;right:auto;}

#layDefinedTags {
border:inset 2px buttonface;
height:285px;
margin-left:auto;
margin-right:auto;
overflow:auto;
}

/* FindFacts pop-up */
#layDefinedTags,#tabDefinedTagsShow {
width:450px;
}

#tabDefinedTags {
border-collapse:collapse;
width:430px;
}

#tabDefinedTags tbody th {
font-weight:700;
text-align:left;
}

#tabDefinedTags th,#tabDefinedTags td {
border:solid 1px #000000;
margin:0;
padding:3px;
}

#tabDefinedTags tr.sel {
background-color:#d1d9ef;
color:#888888;
}

#tabDefinedTags tr.unsel {
background-color:#ffffff;
color:#888888;
}

#tabDefinedTagsShow td,#tabAction td {
text-align:center;
width:50%;
}

#tabDefinedTagsShow,#tabFilterAndCustom,#tabAction {
margin-left:auto;
margin-right:auto;
}

.faq_italic {
font-size:12px;
font-style:italic;
font-weight:700;
padding:0 10px;
}

.faq_top,.faq_edit {
float:right;
}

div.faq_body {
clear:both;
margin:1em 0;
padding:1em;
}

div.faq_title {
background-color:#eeeeee;
font-weight:700;
margin:1em 0;
padding:.25em;
width:98%;
}

/* FAQ table  */
table.faq {
background-color:#eeeeee;
margin:5px 0 15px 5px;
width:98%;
}

table.faq tr.odd td {
background-color:#eeeeee;
}

html[dir=rtl] .faq_top {float:left;}
html[dir=rtl] .faq_edit {float:left;}

.place {
padding-top:5px;
}

.logo {
text-align:center;
}

ul.clist {
list-style-image:none;
text-decoration:none;
color:#000000;
margin:0;
margin-left:0;
}

/* Find special characters */
.largechars {
font-family:monospace;
font-size:200%;
}
/* edit, copy, delete links  */
.editfacts {
clear:left;
padding-top:15px;
}

.editlink,.copylink,.deletelink {
float:left;
}

span.link_text {
display:none;
}

html[dir=rtl] .editlink, html[dir=rtl] .copylink, html[dir=rtl] .deletelink {float:right;}

/* ==== Indi header ==== */

#dates {
color:#333333;
float:right;
}

#header_accordion1,#sex,dd .editlink,dd .deletelink {
float:right;
}

#indi_header {
border-radius:3px;
float:left;
margin:5px 0;
padding:10px;
width:98%;
}

#indi_header a {
color:#333377;
font-size:0.75em;
font-weight:400;
}

#indi_header a:hover {
color:red;
}

#indi_header h3 {
color:#000066;
font-size:90%;
font-weight:700;
margin:0;
padding:0 10px 0 30px;
text-align:left;
}

#indi_header h3 .details1 {
font-size:1em;
}

#indi_header h3 .header_age {
float:right;
font-size:65%;
font-weight:400;
padding:5px 0 5px 5px;
}

#indi_header h3 a {
display:inline;
}

#indi_header h3.name_one {
font-size:1.5em;
overflow:hidden;
position:relative;
}

#indi_header h3.person_box,#indi_header h3.person_boxF,#indi_header h3.person_boxNN {
background:#aaccff;
border:1px solid #8fbcff;
}

#indi_mainimage {
float:left;
}

#indi_mainimage a img {
float:left;
padding:0;
}

.indi_name_details {
margin:0;
overflow:hidden !important;
padding:5px;
}

#indi_header a.warning {
color:red;
font-size:1em;
}

.indi_name_details dt:after {
content:":";
}

.indi_name_details .name1 {font-weight:normal;}

#indi_note {
margin:0 0 5px;
}

#indi_note .fact_NOTE {
float:left;
margin:0 5px 0 0;
}

#indi_note .fact_SOUR {
margin:3px 0;
}

#indi_note .note_details,#indi_note .fact_SOUR a {
font-size:100%;
}

#indi_note .fact_NOTE,
#indi_note .fact_SOUR {
	clear: both;
}

#main_name {
color:#555555;
float:left;
font-size:2em;
font-weight:700;
margin:10px;
}

.indi_table {
clear:left;
}

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

/* General sprite */
.male_gender,.female_gender,.unknown_gender,.editicon,.copyicon,.deleteicon {
display:block;
background-color:transparent;
background:url(images/general_sprite.png) no-repeat left 0;
}

.editicon {
background-position:-40px -32px;
width:24px;
height:16px;
}

.copyicon {
background-position:-70px -32px;
width:24px;height:16px;
}

.deleteicon {
background-position:-100px -32px;
width:24px;
height:16px;
}

.female_gender {
background-position:-45px 3px;
width:24px;
height:30px;
}
.male_gender {
background-position:-72px 3px;
width:24px;
height:30px;
}

.unknown_gender {
background-position:-100px 4px;
width:24px;
height:30px;
}

/* ==== 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;
}
html[dir=rtl] .media-display-image {float:right;}
html[dir=rtl] .media-display-title {float:right;}

/* ========= jquery-ui.custom.css changes ============ */
.ui-accordion .ui-accordion-content {
	margin-top: 1px;
	overflow: visible;
	padding: 0 5px;
	position: relative;
}

.ui-accordion .ui-accordion-header {
margin-top:0;
}

.ui-accordion .ui-accordion-header a {
padding:2px;
text-align:center;
}

.ui-helper-reset {
line-height:1.5;
}

.ui-state-active a:link {
color:#ffffff;
}

.ui-state-active,.ui-widget-content .ui-state-active {
background:#aaccff;
border:0 solid #8fbcff;
color:#000000;
font-weight:400;
outline:none;
}

.ui-state-default a:link,.us-state-hover a,.ui-state-hover a:hover {
color:#000000;
}

.ui-state-highlight a {
color:red;
}

.ui-tabs, .ui-tabs .ui-tabs-nav li a {padding:0;}
.ui-tabs .ui-tabs-nav li a span {display:block; padding:.5em 1em;}

.ui-tabs .ui-tabs-panel {
padding:1em 0;
}

.ui-widget-header {
border:1px solid #ffffff;
}

span.link_text {
display:none;
}

.ui-menu .ui-menu-item a 
{
font-size: 12px;}

.ui-menu .ui-menu-item a.ui-state-hover,.ui-menu .ui-menu-item a.ui-state-active {
color: red;
}

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

/* ==== jQuery over-rides ==== */

#loading {
text-align:center;
}

.DataTables_sort_wrapper {
margin:0 20px;
position:relative;
}

.DataTables_sort_wrapper span {
left:0;
margin-left:-20px;
margin-top:-8px;
position:absolute;
top:50%;
}

.css_right {
float:left;
}

.dataTables_filter {
float:right;
margin:4px;
}

.dataTables_length {
float:right;
}

.dataTables_length select,.dataTables_filter input {
font-size:11px;
padding:1px;
}

.dataTables_paginate,.dataTables_processing,.dataTables_info {
float:left;
margin:5px;
}

.dt-clear {
clear:both;
}

.fg-button {
padding:2px 6px;
}

.fg-toolbar button {
margin:2px;
padding:1px 6px;
}

.odd {
background-color:#d9eaf7;
}

.even {
background-color:#fafafa;
}

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

.upcoming_events_block button,.todays_events_block button {
margin:5px 20px;
}

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

/* ==== List styles ===== */

#firstfocus {
font-size:12px;
width:330px;
}

#search-result-tabs h3,#place-hierarchy h2,#place-hierarchy h4 {
text-align:center;
}

#search-result-tabs,#places-tabs {
margin:auto;
visibility:hidden;
width:98%;
}

#searchAccordion-indi,#searchAccordion-fam,#searchAccordion-source,#searchAccordion-note {
margin:auto;
width:99%;
}

#source-details h2,#sourcelist-page h2,#note-details h2,#notelist-page h2,#repo-details h2,#repolist-page h2,#media-details h2,#medialist-page h2,#statistics-page h2 {
margin-bottom:20px;
text-align:center;
}

#source-edit,#note-edit,#repo-edit,#media-edit {
overflow-x:auto;
}

#source-tabs,#note-tabs,#repo-tabs,#media-tabs {
margin:auto;
visibility:hidden;
width:80%;
}

#statistics_chart {
margin:auto;
visibility:hidden;
width:90%;
}

.filters .ui-state-default {
margin:0 2px;
padding:2px;
}

.filtersH img {
margin-bottom:2px;
}

.filtersH,.filtersF {
margin:4px;
}

.givn-list th {
cursor:pointer;
padding:2px;
text-align:center;
white-space:nowrap;
}

.indi-list .stats,.fam-list .stats {
margin:0 auto;
width:auto;
}

.indi-list td,.fam-list td {
color:#555555;
}

.loading-image {
background:transparent url(images/loading.gif) 50% 50% no-repeat;
height:50px;
margin:50px;
}

.media-list td img {
display:block;
height:40px;
width: auto;
margin:3px auto;
}

.source-list table,.note-list table,.repo-list table,.media-list table,.indi-list table,.fam-list table {
width:100%;
}

.source-list td,.note-list td,.repo-list td,.media-list td,.indi-list td,.fam-list td,.recent_changes_block td,.upcoming_events_block,.surname-list td,.givn-list td {
padding:2px 5px;
}

.source-list th,.note-list th,.repo-list th,.media-list th,.indi-list th,.fam-list th,.recent_changes_block th,.upcoming_events_block th,.todays_events_block th,.todo_block th,.yahrzeit_block th,.surname-list th,.givn-list th {
cursor:pointer;
white-space:nowrap;
}

.source-list th:last-child,.note-list th:last-child,.repo-list th:last-child {
margin:0 -2px 1px 1px;
padding:3px 0 4px;
width:24px;
}

.source-list,.note-list,.repo-list,.media-list,.indi-list,.fam-list {
margin:5px auto;
visibility:hidden;
width:98%;
}

.surname-list td {
vertical-align:top;
}

.surname-list,.givn-list {
margin:5px auto;
}

html[dir=rtl] .source-list th:last-child, html[dir=rtl] .note-list th:last-child, html[dir=rtl] .repo-list th:last-child {margin:0 1px 1px -2px;}

/* ==== Sidebar ===== */
#indi_left {
float:left;
width:98%;
}

#main {
min-width:600px;
width:100%;
}

#separator {
background:#aaccff url(images/general_sprite.png) no-repeat -26px 100px;
border:1px solid #8fbcff;
border-top-left-radius:3px;
border-top-right-radius:3px;
display:block;
float:right;
margin-top:5px;
max-width:10px;
min-width:6px;
width:0.75%;
}

#sidebar {
border-color:#8fbcff;
display:none;
height:auto;
margin:5px 2px 0 0;
}

#tabs {
background-color:#ffffff;
border-color:#8fbcff;
float:left;
overflow:visible;
width:100%;
}

.sidebar-at-right #sidebar {
width:20%;
}

.use-sidebar #indi_left {
width:77%;
}

.use-sidebar #separator {
background:#aaccff url(images/general_sprite.png) no-repeat -1px 100px;
}

.use-sidebar #sidebar {
display:block;
}

.use-sidebar.sidebar-at-right #sidebar,.sidebar-at-right #separator {
float:right;
}

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

/* ==== Sidebar content items ==== */
/* Family navigator */
#sb_content_family_nav {
padding:0;
}

#sb_family_nav_content {
margin-top:8px;
}

.flyout {
color:#000000;
margin-top:-20px;
padding:3px;
right:210px;
text-align:left;
}

.flyout2 {
background:#ffffff;
border:1px solid #cccccc;
color:#000000;
left:40px;
margin-top:-2px;
padding:3px;
text-align:left;
}

.flyout2 a:hover {
color:#2f416f;
text-decoration:underline !important;
}

.flyout3,.flyout3 a {
background:none;
border:none;
left:0;
margin-top:0;
padding:0;
text-align:left;
text-decoration:none;
}

.flyout4 {
color:#000000;
margin-left:0;
margin-top:0;
padding:3px;
text-align:left;
}

.nam a:hover {
color:red;
}

.nav_content {
padding:0;
width:100%;
}

html[dir=rtl] .flyout3 {text-align:right;}
html[dir=rtl] .flyout {text-align:right;left:210px;}
html[dir=rtl] .flyout2 {text-align:right;right:40px;}

/* 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;
}

.desc_tree_div {
display:none;
}

.desc_tree_div ul {
padding:0;
margin-left:10px;
margin-top:0;
margin-right:0;
}

.sb_desc_indi_li {
list-style-type:none;
white-space:nowrap;
}

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


/* Individuals, Families */
#sb_content_individuals,#sb_content_families {
margin-top:5px;
}

.name_tree_div {
display:none;
}

.name_tree_div li,.name_tree_div_visible li {
list-style:none;
margin:0;
padding:0;
}

.name_tree_div ul,.name_tree_div_visible ul {
padding:0;
margin:0;
}

.sb_indi_surname_li,.sb_fam_surname_li {
list-style-image:url(images/plus.png);
}

/* Clippings */
#sb_clippings_content li {
list-style:none;
margin:0;
padding:0;
}

#sb_clippings_content ul {
margin:0;
padding:0;
}

#sb_content_clippings {
margin-top:5px;
}

/* References */
#sb_content_extra_info {
font-size:80%;
font-weight:700;
margin-top:1px;
overflow:hidden;
padding:5px;
}

#sb_content_extra_info #hitcounter {
border-top:1px solid #bbccdd;
font-weight:700;
padding-top:5px;
}

#sb_content_extra_info .editfacts {
float:right;
margin-top:-30px;
}

#sb_content_extra_info a {
display:block;
}

#sb_content_extra_info span {
font-weight:400;
}

#sb_content_extra_info span a {
display:inline;
}

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

/* ==== find.php ==== */
#find-facts-header .list_label {
text-align:inherit;
}

#find-header {
background-color:#95b8e0;
border:1px solid #95b8e0;
border-radius:3px;
margin:10px auto;
padding:5px 20px;
width:50%;
}

#find-header p {
margin:5px;
text-align:center;
}

#find-header span {
color:#ffffff;
font-weight:700;
}

#find-media {
background-color:#95b8e0;
border:1px solid #95b8e0;
color:#ffffff;
padding:5px;
text-align:center;
}

#find-media span {
border:0;
font-weight:700;
margin:auto;
padding:5px;
}

#find-output .find-media-details div span {
font-weight:400;
padding:0 5px 2px;
}

#find-output .find-media-details p {
border:0;
font-weight:400;
padding:0 5px 2px;
text-align:left;
}

#find-output p {
border-top:1px solid #95b8e0;
font-weight:700;
margin:0;
padding-top:10px;
text-align:center;
}

#find-output p.find-media-title {
font-weight:700;
}

#find-output,#find-output-special {
background-color:#ffffff;
border:1px solid #95b8e0;
border-radius:3px;
margin:20px 5px;
padding:10px;
}

#find-page h3,#find-page h4 {
margin:10px;
text-align:center;
}

#find-output .find-media-details {
float:left;
}

#find-output .find-media-details ul {
list-style-type:none;
margin:0 20px 10px;
padding:0;
}

#find-output .find-media-dirs {
border-bottom:1px solid #95b8e0;
padding:3px;
}

#find-output .find-media-media {
border:1px solid #95b8e0;
margin:1px;
overflow:hidden;
padding:2px;
}

#find-output .find-media-thumb {
clear:left;
float:left;
}

/* ==== search.php ==== */
#search-page h2,#search_submit {
margin:20px;
text-align:center;
}

#search-page-table {
background-color:#95b8e0;
border:1px outset #cccccc;
border-top:0;
margin:20px auto 0;
width:580px;
}

#search-page-table .label {
border-top:1px solid #cccccc;
color:#ffffff;
float:left;
font-weight:700;
padding:5px 10px 0;
width:150px;
}

#search-page-table .value {
background-color:#ffffff;
border-top:1px solid #cccccc;
margin:0 0 0 170px;
padding:5px;
white-space:nowrap;
}

#search-page-table p {
margin:0;
}

html[dir=rtl] #search-page-table .label {float:right;}
html[dir=rtl] #search-page-table .value {margin:0 170px 0 0;}

/* ============== edituser.php ======================= */
#edituser-page h2, #edituser_submit {margin:20px;text-align:center;}
#edituser-table {background-color:#95b8e0;border:1px outset #cccccc;border-top:0;margin:20px auto 0;width:800px;}
#edituser-table .label {border-top:1px solid #cccccc;color:#ffffff;float:left;font-weight:bold;padding:5px 10px 0;width:240px;white-space:nowrap;}
#edituser-table .value {background-color:#ffffff;border-top:1px solid #cccccc;margin:0 0 0 260px;padding:5px;}
#edituser-table .label span {margin:0 10px;}
#edituser-table select {margin:0;}
html[dir=rtl] #edituser-table .label {float:right;}
html[dir=rtl] #edituser-table .value {margin:0 260px 0 0;}

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

@media print {
	#clouds-container {
	border:0;
	}

	#content {
	padding:0;
	}

	#header,#footer,.noprint {
	display:none !important;
	}

	#topMenu,#header select,#header input,#footer select,#backprint,#sidebar,form,button,input,#CB_All {
	display:none;
	}

	/* buttons and input are used out of forms in sortable tables*/
	.lifespan_outer {
	border:none;
	height:auto;
	overflow:visible;
	position:relative;
	width:auto;
	}

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

/* Icons */
[class^="icon-"], [class*=" icon-"] {display:inline-block;vertical-align:middle;background-repeat:no-repeat;}
.icon-add {width:14px;height:15px;background-image:url(images/add.png);}
.icon-admin {width:22px;height:22px;background-image:url(images/admin.png);}
.icon-bing {width:16px;height:16px;background-image:url(images/bing.png);}
.icon-button_addmedia {width:18px;height:16px;background-image:url(images/buttons/addmedia.png);}
.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);}
.icon-button_family {width:14px;height:15px;background-image:url(images/buttons/family.png);}
.icon-button_find_facts {width:20px;height:20px;background-image:url(images/buttons/find_facts.png);}
.icon-button_head {width:12px;height:18px;background-image:url(images/buttons/head.png);}
.icon-button_indi {width:11px;height:15px;background-image:url(images/buttons/indi.png);}
.icon-button_keyboard {width:30px;height:15px;background-image:url(images/buttons/keyboard.png);}
.icon-button_media {width:18px;height:16px;background-image:url(images/buttons/media.png);}
.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);}
.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:22px;height:22px;background-image:url(images/cfamily.png);}
.icon-childless {width:25px;height:25px;background-image:url(images/childless.png);}
.icon-children {width:16px;height:16px;background-image:url(images/children.png);}
.icon-clippings {width: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);}
.icon-edit_indi {width:22px;height:22px;background-image:url(images/edit_indi.png);}
.icon-email {width:16px;height:16px;background-image:url(images/email.png);}
.icon-fam-list {width:22px;height:22px;background-image:url(images/sfamily.png);}
.icon-googlemaps {width:16px;height:16px;background-image:url(images/googlemaps.png);}
.icon-help {cursor:help;width:15px;height:15px;background-image:url(images/help.png);}
.icon-indi-list {width:22px;height:22px;background-image:url(images/indis.png);}
.icon-indis {width:22px;height:22px;background-image:url(images/indis.png);}
.icon-larrow {width:20px;height:20px;background-image:url(images/larrow.png);}
a.icon-larrow:hover {width:20px;height:20px;background-image:url(images/larrow2.png);}
.icon-ldarrow {width:20px;height:20px;background-image:url(images/ldarrow.png);}
.icon-lifespan-chunk {width:50px;height:37px;background-image:url(images/lifespan-chunk.png);}
.icon-loading-small {width:16px;height:16px;background-image:url(images/indicator.gif);}
.icon-loading-large {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-mapquest {width:16px;height:16px;background-image:url(images/mapquest.png);}
.icon-media {width:32px;height:32px;background-image:url(images/media.png);}
.icon-media-list {width:32px;height:32px;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-mypage {width:22px;height:22px;background-image:url(images/mypage.png);}
.icon-note {width:22px;height:22px;background-image:url(images/notes.png);}
.icon-note-list {width:22px;height:22px;background-image:url(images/notes.png);}
.icon-patriarch {width:25px;height:25px;background-image:url(images/patriarch.png);}
.icon-pedigree {width:22px;height:22px;background-image:url(images/pedigree.png);}
.icon-place {width:22px;height:22px;background-image:url(images/place.png);}
.icon-plus {width:11px;height:11px;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);}
.icon-reminder {width:15px;height:12px;background-image:url(images/reminder.png);}
.icon-remove {width:16px;height:16px;background-image:url(images/delete.png);}
.icon-repo-list {width:22px;height:22px;background-image:url(images/repository.png);}
.icon-repository {width:22px;height:22px;background-image:url(images/repository.png);}
.icon-resn-confidential {width:16px;height:16px;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:11px;background-image:url(images/rings.png);}
.icon-search {width:16px;height:16px;background-image:url(images/go.png);}
.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);}
.icon-sex_u_15x15 {width:15px;height:15px;background-image:url(images/sex_u_15x15.png);}
.icon-sex_u_9x9 {width:9px;height:9px;background-image:url(images/sex_u_9x9.png);}
.icon-sfamily {width:22px;height:22px;background-image:url(images/sfamily.png);}
.icon-source {width:25px;height:25px;background-image:url(images/source.png);}
.icon-source-list {width:25px;height:25px;background-image:url(images/source.png);}
.icon-target {width:15px;height:15px;background-image:url(images/buttons/target.png);}
.icon-terraserver {width:16px;height:16px;background-image:url(images/terraserver.png);}
.icon-tree {width:20px;height:20px;background-image:url(images/gedcom.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);}
.icon-user_add {width:22px;height:22px;background-image:url(images/user_add.png);}
.icon-warning {width:17px;height:17px;background-image:url(images/warning.png);}
.icon-webtrees {width:100px;height:21px;background-image:url(images/webtrees.png);}
.icon-wiki {width:16px;height:16px;background-image:url(images/w_button.png);}
.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    0px;}
.icon-mime-audio-mp3                     {background-position: -50px -245px;}
.icon-mime-audio-mpeg                    {background-position: -50px    0px;}
.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    0px;}
.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    0px;}
.icon-mime-video-x-ms-wmv                {background-position: -50px -196px;}

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;}
html[dir=rtl] input:required:valid, html[dir=rtl] textarea:required:valid, html[dir=rtl] input:required:invalid, html[dir=rtl] textarea:required:invalid {background-position:left top;}

/* Edit interface pop-ups*/
#edit_interface-page h4 {color:#555555;margin:5px;}
#edit_interface-page .optionbox span {margin:0 5px;}
#edit_interface-page #LATI,#edit_interface-page #LONG,#edit_interface-page #SPFX,#edit_interface-page #NSFX,#edit_interface-page #NPFX {line-height:18px;margin:0 5px;width:88px;}
#edit_interface-page #GIVN,#edit_interface-page #SURN,#edit_interface-page #_MARNM {line-height:18px;margin:0 5px;width:180px;}
#edit_interface-page input[type="text"], #edit_interface-page #NAME_display {line-height:18px;margin:0 5px;vertical-align:top;width:240px;}
#edit_interface-page input[type="text"][id*="PAGE"], #edit_interface-page input[type="text"][id*="_UID"] {width:350px;}
#edit_interface-page input[type="text"][id*="SOUR"], #edit_interface-page input[type="text"][id*="REPO"],#edit_interface-page input[type="text"][id*="OBJE"],#edit_interface-page input[type="text"][id*="FAMC"],#edit_interface-page input[type="text"][id*="ASSO"],#edit_interface-page input[type="text"][id^="AGE"],#edit_interface-page input[type="text"][id*="SHARED_NOTE"] {width:250px;}
#edit_interface-page input[type="text"][id$="DATE"] {width:160px;}
#edit_interface-page input[type="text"][id^="TIME"] {width:100px;}
#edit_interface-page input[type="text"][id*="OBJE_FILE"] {width:200px;}
#edit_interface-page input[type="text"][id*="SOUR_TITL"] {width:250px;}
#edit_interface-page input[id*="TEXT"] {height:140px;width:440px;} 
#edit_interface-page textarea {margin:0 5px;width:440px;}
#edit_interface-page textarea[id*="NOTE"] {height:240px;}
#edit_interface-page textarea[id*="TEXT"], #edit_interface-page textarea[id*="PUBL"] {height:140px;}
#edit_interface-page textarea[id^="newgedrec"] {line-height:18px;width:605px;}
#edit_interface-page textarea#gedcom {height:364px;}
#edit_interface-page textarea[id*="ADDR"], #edit_interface-page input[id*="ADDR"] {height:80px;width:300px;}
#edit_interface-page #changefam {padding:5px;}
#edit_interface-page #changefam table {margin:10px auto;min-width:400px;max-width:650px;}
#edit_interface-page #changefam span {margin:0;}
#edit_interface-page #changefam td {padding:5px; white-space:normal;}
#edit_interface-page #changefam td.child {text-align:center;}
#save-cancel {position:fixed;bottom: 0;border-radius:3px;width:96.5%;border:solid #999999 1px;margin:0;}
#save-cancel input {padding:2px 8px;}
#save-cancel .save {float:left;margin:5px;}
#save-cancel .cancel {float:right;margin:5px;}
html[dir=rtl] #save-cancel .save {float:right;}
html[dir=rtl] #save-cancel .cancel {float:left;}
#edit_interface-page,
#addmedia-page {
	margin-bottom: 50px;
}

/* Addmedia pop-ups*/
#addmedia-page input[type="text"] {line-height:18px;margin:0 5px;width:250px;}
#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;}

/* 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:#ffffff;border:5px solid #888888;}
#cboxLoadedContent {overflow:auto;background:#ffffff;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;font-weight:400;}
#cboxSlideshow:hover {color:red;background:#ffffff;}
#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;}

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