/*
 * Style for clouds theme
 *
 * webtrees: Web based Family History software
 * Copyright (C) 2011 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
 *
 * $Id$
*/

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

#clouds-container {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left:10px;
	margin-right: 10px;
	background-color: #fff;
	border: 1px solid #003399;
}

#content {padding:10px;}

* {margin:0; padding:0;}

/* ================= */
/*   Header Layout   */

#header {height: 29px; background-image:url(images/clouds.png);}
.title {display: block; float: left; margin-top: 5px; margin-left: 12px; font-size: 24px; vertical-align:bottom; width: 70%; text-decoration: none;}
.hsearch {display: block; float: right; padding-top: 5px; padding-right: 10px;}
.title .gedcomtitle {text-decoration:none; color: #003399;}

/* set up div container for main menu and options menu */

#topMenu {clear: both; height:31px; width: 100%; background: #aaccff;}
#menu-right {float: right;  margin-right: 20px;}

/* LTR to TRL Translation */
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;}


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

#topMenu  ul {margin: 0; padding: 0; list-style: none; position:relative;}
#topMenu > ul li {display: block; list-style:none; width: auto; float:left; position:relative;}
#topMenu > ul li a {margin: auto;display: block;font-size: 14px; text-align: center;padding: 5px 0 5px 10px;text-decoration: none;}

html[dir='rtl'] #topMenu > ul li {float: right;}
html[dir='rtl'] #topMenu > ul li a {padding: 5px 10px 5px 0;}

/* Subnavigation section */
#topMenu ul ul {background: none; display:none; position:absolute; z-index:2001; top: 22px; left:0; right: auto; width: auto;  background: #fff; text-align: left; border: 1px solid #ccc; white-space: nowrap;}
#topMenu ul ul li {left:auto; margin:0; clear:left; text-align:left; width:100%}
#topMenu > ul ul li a {font-size: 12px; padding: 5px 5px 5px 5px; text-align: left; white-space: nowrap;}

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

/* Submenu horizontal */
#topMenu  ul ul ul {display:none !important;} /* Sub menus are hiden by default */

/* Set up hover layout and style */
#topMenu ul li:hover ul {display: block;}
#topMenu ul li:hover li {float: none;}
#topMenu ul li:hover li a {text-decoration: none;}
#topMenu ul li li a:hover {width: auto;}
#topMenu ul  ul li:hover ul {display:block !important;position: absolute;margin-left: 118px;margin-top: -35px;}

html[dir='rtl'] #topMenu ul  ul li:hover ul {margin-left: auto; margin-right: 118px;}

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

html[dir='rtl'] #topMenu > ul > 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;text-indent: 22px; margin: 2px 0 2px 5px;}

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

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

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

#menu-tree      {background-position:0   -0px;}
#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 li {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-technical  {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-editraw    {background-position:left -667px;} html[dir=rtl] #menu-indi-editraw    {background-position:right -667px;}
#menu-indi-addname    {background-position:left -690px;} html[dir=rtl] #menu-indi-addname    {background-position:right -690px;}
#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-linkfam    {background-position:left -437px;} html[dir=rtl] #menu-obje-linkfam    {background-position:right -437px;}
#menu-obje-link-ind   {background-position:left -460px;} html[dir=rtl] #menu-obje-link-ind   {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-del        {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;}

#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 */


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

.makeMenu li {z-index: 100; display:inline; position:relative; white-space:nowrap;}
.makeMenu li:before {content:" | ";}
.makeMenu li ul li:before {content:"";}
.makeMenu li:first-child:before {content:"";}
.makeMenu li ul {display:none; position:absolute; left:10px; top: 1.1em !important; background-color:#EEE; border:thin solid #AAA; z-index:999;}
.makeMenu li ul li {display:block; text-align:left;}
.makeMenu li ul li a {color: #333;}
.makeMenu, .makeMenu li ul {list-style:none; top: 5px; margin-left: 0 !important; padding:1px;}
.makeMenu li:hover > ul {display:block;}
.makeMenu li a {color: #003399;}
.makeMenu li a:hover {color: #f5003d;}
.makeMenu ul li a {background-color: #fff; padding: 0 5px 0 5px !important; display: block;}
.makeMenu ul li a:hover {background: #c8e7ff; color: #000;}
li a.link {font-size: 13px; margin-right: 5px; margin-left: 5px;}

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

/* Define Tbl hdrs and Light Text Colors */

.descriptionbox,
.topbottombar,
.topbottombar a,
.list_label,
.list_label a,
.facts_label,
.facts_label a,
.facts_label .date,
.facts_label03,
.facts_table h2,
.facts_table .ltr .descriptionbox a,
.blockcontent .facts_label {
	background:#95B8E0;
	color: #003399;
}
/* Define Menu Color */

#toplinks {
background:#aaccff;
}

/* Define Base Color */

.descriptionbox .submenu a,
.blockcontent,
.list_value,
.list_value_wrap,
.tab_cell_active,
.news_box, optionbox,
.person0,  .center .person_box,
.small_inner_block .person_box,
.submenuitem_hover {
	background:#fff;
}

/* Define Link Color */

a {color: #003399; text-decoration: none;}
a:link, a:visited, a:active, a:hover, .menuitem a, .nameZoom {color:#003399;}
a:hover, .blanco a.link:hover {color: red; text-decoration: none;}

/* Define Alert Color */

.error, .warning, .red {color: red;}
.facts_labelred, .facts_valuered {border: solid red 2px;}

/* Define Dark Text Color */

input,button,textarea {border-color:#fff #000066 #000066 #fff;}
body, .subheaders {color:#000066;}

/*   Edit Facts */
td.descriptionbox div a {color: white;}
td.descriptionbox .submenu a {color: #000;}
td.descriptionbox div div div a {color: #000;}
td.descriptionbox div div div a:hover {color: red;}

/*   End Edit Facts  */

.facts_label .submenu a {
background: #fff;
color: #000;
}

tfoot label  {
margin-left:5px;
}

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

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

td .optionbox .help img {
background: inherit;
}

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

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

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

/* Rounded corners on boxes */
.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 {
	border-radius:3px;
}

#pid {
color:#333;
background:#FFC;
}

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

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

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

img {
    border: 0 none;
}

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

img.block {height: 25px;}

div.blockcontent {
border: solid #999 1px;
margin-left:auto;
margin-right:2px;  /* changed from auto for right side match to header */
margin-bottom:10px;
font-size: 13px;
overflow:visible;
padding: 5px;
}

.blockheader {
width:100%;
}

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

html[dir='rtl'] .blockh1 {background-image: url(images/right1B.png);}

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

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

html[dir='rtl'] .blockh3 {background-image: url(images/right3.png);}

.blockhc {
padding-right:15px;
padding-top: 2px;
}

#index_small_blocks .person_box .pedigree_image_portrait,
#index_small_blocks .person_boxF .pedigree_image_portrait,
#index_small_blocks .person_boxNN .pedigree_image_portrait,
#index_small_blocks .person_box .pedigree_image_landscape,
#index_small_blocks .person_boxF .pedigree_image_landscape,
#index_small_blocks .person_boxNN .pedigree_image_landscape,
#index_small_blocks .person_box .pedigree_image_portrait_rtl,
#index_small_blocks .person_boxF .pedigree_image_portrait_rtl,
#index_small_blocks .person_boxNN .pedigree_image_portrait_rtl,
#index_small_blocks .person_box .pedigree_image_landscape_rtl,
#index_small_blocks .person_boxF .pedigree_image_landscape_rtl,
#index_small_blocks .person_boxNN .pedigree_image_landscape_rtl {
display:inline;
visibility:visible;
}

#index_title {
float: left;
}

#random_picture {
height:auto;
}

#random_picture_box {
width:99%;
}

#random_picture .blockheader .ltr {
text-align:left;
}

#random_picture .blockheader .rtl {
text-align:right;
}

#pedigree_chart {
position:relative;
top:-200px;
left:0;
z-index: 1;
}

html[dir='rtl'] #pedigree_chart {
left:auto;
right:0;
}

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

#relationship_chart {
position:relative;
top:-40px;
left:0;
z-index:1;
width:98%;
}

html[dir='rtl'] #relationship_chart {
left:auto;
right: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 -15px;
padding-top:0;
padding-right:0;
padding-bottom: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;
}

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

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

.center {
text-align:center;
}

table.center {
margin-left: auto;
margin-right: auto;
/* border:1px solid #999; */
}

th {
font-weight:100;
}

.button {
width: 60px;
}

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

.person_box {
background:#ddf;
border:1px solid #999;
padding:3px;
}

.person_boxF {
background:#fdd;
border:1px solid #f28;
padding:3px;
}

.person_boxNN {
background:#fff;
border:1px solid #CCC;
padding:3px;
}

.person_box:target,
.news_box:target,
#gedcom_stats:target {
background:#ffc;
}

.list_table {
margin:0 auto;
}

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

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

.list_value, .list_value_wrap {
text-align:left;
padding:1px;
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: #006;
white-space: normal;
}

.list_item {
font-size: 12px;
}

.facts_table, .facts_table_rtl {
width:100%;
}

.tabs_table {
max-width: 98%;
}

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

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

.facts_value {
background:#fff;
border:1pt solid #999;
padding:4px;
}

.facts_value02 {
background:#fff;
border:1pt solid #ddd;
padding:5px;
}

.facts_labelred, .facts_labelblue {
background: #9df;
padding: 4px 4px 4px 4px;
width: 20%;
text-align: center;
}

.facts_valuered, .facts_valueblue {
background: #fff;
padding: 4px 4px 4px 4px;
}

.facts_labelblue, .facts_valueblue {
border: solid #00f 2px;
}

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

.tab_cell_inactive {
background:#fff;
font-size: 10px;
border-top:none;
border-right:1pt solid #ccc;
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 #ccc;
height: 5px;
}

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

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

.tab_cell_inactive_empty a {
color:#7af;
}

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

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

.details1 {
text-decoration:none;
}

.details2 {
font-size: 11px;
color: #006;
font-weight: bold;
}

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

.details1 {
font-size: 10px;
}

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

.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: #039;
font-weight: bold;
}

.label {
font-weight: bold;
}

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

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

.indent {
padding-left: 7px;
}

.indent_rtl {
padding-right: 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_image_portrait, .pedigree_image_landscape {
float: left;
max-height: 50px;
max-width: 50px;
margin-right: 3px;
}

.pedigree_image_portrait_rtl, .pedigree_image_landscape_rtl {
float: right;
max-height: 50px;
max-width: 50px;
margin-left: 3px;
}

.pedigree_form {
width: 60px;
}

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

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

.sublinks_table {
border:solid #999 1px;
margin: 2px;
margin-bottom: 20px;
padding:5px;
text-align:left;
}

.sublinks_cell {
background:#9be;
}

.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 #888;
padding: 1px;
}

.source_citations {
display:none;
}

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

.contact_links {
text-align:center;
}

.hit-counter {
background: #000;
color: #FFF;
font-weight: bold;
}

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

.header_select {
font-size: 12px;
}

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

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

.selected-option {
background:#cef;
}

.favorites_form {
margin-top:1px;
font-size: 14px;
color:#FFF;
}

.help {
font-weight:700;
cursor:help;
}

.current_day {
font-weight:bold;
font-size:16px;
}

.cal_day {
float:left;
font-weight:bold;
}

.rtl_cal_day {
direction:rtl;
float:right;
color:#00f;
font-weight:700;
}

.helpheader {
font-size: 16px;
font-weight: bold;
color:#000;
}

.helpstart {
font-size: 14px;
font-weight: bold;
color:#00f;
text-decoration:none;
}

.helptext {
color:#000;
}

.block {
color: #000;
vertical-align: top;

}

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

.news_box {
padding: 3pt;
}

.news_title {
color: black;
font-size: 1.10em;
font-weight: bold;
}

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

.timeline_table {
}

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

.person0 {
border:outset #999 1px;
vertical-align:top;
}

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

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

.person3 {
background:#aad;
border:outset #55f 1px;
vertical-align:top;
}

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

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

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

.blanco {
color:#fff;
font-size: 11px;
font-weight: bold;
}

input, button, textarea  {
border-width:1px;
}

input, textarea {
padding-left: 3px;
padding-right: 3px;
}

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

select {
border:1px solid #ccc;
}

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

h4 {
font-weight: bold;
}

.starredname {
text-decoration:underline;
}

.search_hit {
background:#FF0;
color:#000;
}

.title {
font-size: 20px;
vertical-align:middle;
}

.accesskeys {
width:1px;
height:1px;
overflow:hidden;
}

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

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

}

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

.optionbox {
background-color: #ECF5FF;
border: 1px solid #8bf;
color: #006;
font-size:11px;
padding: 3px;
vertical-align: top;
white-space: nowrap;
}

.vmiddle {
vertical-align: middle;
}

.rela {
opacity: 0.67;
}

#index .user_messages td {
border:1px #999 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;
}

form .rtl {
text-align:right;
}

.favmenuitem {
color:#fff;
font-size: 11px;
font-weight: bold;
text-decoration:none;
padding:1px;
}

.favmenuitem a {
color:#fff;
}

.favmenuitem_hover {
color:#000;
font-size: 11px;
text-decoration:none;
padding:1px;
}

.favsubmenu {
color:#000;
text-decoration:none;
font-size: 11px;
text-align:center;
background:#eff;
border:solid #8bf 1px;
white-space:nowrap;
}

.favsubmenuitem a,.favsubmenuitem_selected a {
color:#000;
font-size: 11px;
text-decoration:none;
background:#eff;
white-space:nowrap;
text-align:left;
}

.favsubmenuitem_selected a {
background:#0ff;
}

.favsubmenuitem_hover {
color:#000;
font-size: 11px;
text-decoration:none;
background:#fff;
white-space:nowrap;
text-align:left;
}

.favsubmenuitem_hover a {
color:#f00;
font-size: 11px;
text-decoration:none;
background:#fff;
white-space:nowrap;
text-align:left;
}

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

.font11 {
font-size:11px;
}

.font9 {
font-size:9px;
}

.pedigree_table {
margin: 0;
}

.messagebox {
background: #dfeeff;
}

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

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

.note_details {
display: none;
}

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

a.showit:hover {
z-index:25;
background:#ff9;
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 #111;
border-top:2px solid #111;
border-bottom:2px solid #000;
border-right:2px solid #000;
padding:3px;
background:#444;
color:#fff;
font-size: 15px;
text-align:left;
opacity:.85;
z-index:5;
white-space:normal;
}

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

.lifespan_outer a {
color:#000;
}

.lifespan_outer a:hover {
color:#f00;
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: white
}

.iwstyle {
width:360px;
}

.iwstyle a {
}

.iwstyle a:hover {
}

#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 #000;
cursor:pointer;
float:left;
margin-left:2px;
padding:2px;
}

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

#map_type li.active {
background:#888;
color:#fff;
font-weight:bold;
}

#map_type li.non_active {
background:#fff;
color:#000;
font-weight:400;
}

.ac_input {
background:#eea;
}

.ac_results {
border:1px solid #000;
background:#fff;
overflow:hidden;
z-index:99999;
padding:0;
}

.ac_results ul {
width:100%;
list-style-position:outside;
list-style:none;
margin:0;
padding:0;
}

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

.ac_odd {
background:#eee;
}

.ac_over {
background:#026;
color:#fff;
}

.sublinks_cell .submenuitem {
background: #fff;
}

.nowrap {
white-space: nowrap;
}

.wrap {
white-space: normal;
}

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

.statistics_chart {
text-align: center;
}

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

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

dd {
display: inline;
margin: 0;
}

.itr {
	position: absolute;
	display: inline-block;
	top: 3em;
	line-height: 1.05;
}

.block .itr, #relatives_content .itr {
	position: relative;
	top: 0;
}

.popup{
	display: none;
}
.itr:hover .popup{
	display: block;
	position: absolute;
	width: 16em;
	padding: 0.5em;
	left: 0.5em;
	top: 0.5em;
	z-index: 9999;
}

/* styles for FindFacts pop-up */
#layDefinedTags, #tabDefinedTagsShow {
	width:450px;
}
#tabDefinedTags {
	width:430px;
	border-collapse:collapse;
}
#layDefinedTags {
	margin-left:auto;
	margin-right:auto;
	height:285px;
	overflow:auto;
	border:inset 2px buttonface;
}
#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:#888;
}
#tabDefinedTags tr.unsel {
	background-color:#fff;
	color:#888;
}
#tabDefinedTagsShow {
	margin-left:auto;
	margin-right:auto;
}
#tabDefinedTagsShow td {
	width:50%;
	text-align:center;
}
#tabFilterAndCustom {
	margin-left:auto;
	margin-right:auto;
}
#tabAction {
	margin-left:auto;
	margin-right:auto;
}
#tabAction td {
	width:50%;
	text-align:center;
}
/* FAQ table styles */
table.faq   {
background-color: #eee;
margin:5px 0 50px 5px;
width: 98%;
}

table.faq  tr.odd td {
background-color:#eee;
}
div.faq_title {
background-color: #eee;
margin: 1em 0;
padding: .25em;
font-weight:bold;
width: 98%;
}

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

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

.faq_top {float:right;}
.faq_edit {float:right;}

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:#000;
	margin: 0;
	margin-left: 0;
}

/* ========= Positioning edit, copy, delete links ============= */
.editfacts {clear:left; padding-top:15px;} /* a container for the following three links */
.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 {float:right;}

#indi_header {float:left; width:98%; border-radius: 3px; margin:5px 0; padding:10px;}
#indi_header a {color:#337; font-size:0.75em; font-weight:normal;}
#indi_header a:hover {color:#f00;}
#indi_header h3 .details1 {font-size:1.0em;}
#indi_header h3 .header_age {padding:5px 0 5px 5px; float:right; font-weight:normal; font-size:65%;}

#indi_header h3.person_box, #indi_header h3.person_boxF , #indi_header h3.person_boxNN  {background: #ACF;}
#indi_header h3 {color: #006; font-size: 90%; font-weight:bold; margin: 0; padding: 0 10px 0 30px; text-align:left;}
#indi_header h3 a {display:inline;}
#indi_header h3.name_one {overflow:hidden; position:relative; font-size:1.5em;}
#indi_header h3.person_box, #indi_header h3.person_boxF , #indi_header h3.person_boxNN  {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_name_details .warning {color:#f00; font-size:1em;}
#indi_name_details dt:after {content:":";}

#indi_note {margin:0 0 5px 0;}
#indi_note .note_details {font-size:100%;}
#indi_note .fact_NOTE {float:left; margin:0 5px 0 0;}
#indi_note .fact_SOUR {margin: 3px 0;}
#indi_note .fact_SOUR a {font-size:100%;}
#main_name {color:#555; float:left; font-size:2em; margin:10px; font-weight:bold;}
#name1 {}
#sex {float:right;}


.indi_table {clear:left;}
dd .editlink, dd .deletelink  {float:right;}

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;}
.male_gender {background-position: -72px 3px; width: 24px;}
.unknown_gender {background-position: -100px 4px; width: 24px;}

/* =========== Indi tabs ================== */
/* Facts & Events tab */
#personal_facts_content .fact_NOTE, #personal_facts_content .fact_SOUR {margin: 5px 3px 5px 0;}
#media-display-image {float:left;}
#media-display-title {float:left; font-style:italic; margin:10px;}

/* ========= jquery-ui.custom.css changes ============ */
.ui-accordion .ui-accordion-content {overflow:visible;}
.ui-accordion .ui-accordion-header {text-align:center; margin-top:0;}
.ui-accordion .ui-accordion-header a {padding: 2px;}
.ui-helper-reset {line-height: 1.5;}
.ui-tabs .ui-tabs-panel {padding:1em 0;}
.ui-tabs {padding:0;}
span.link_text  {display:none;}

.ui-state-active, .ui-widget-content .ui-state-active {border:0 solid #8FBCFF; font-weight:normal; color:#000; outline:none; background:#ACF;}
.ui-state-active a:link {color: #fff;}
.ui-state-default a:link {color: #000;}
.us-state-hover a, .ui-state-hover a:hover {color: #000;}
.ui-state-highlight a {color: #f00;}

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

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

/* ========= jQuery.datatable styling over-rides ============ */
.odd {background-color:#D9EAF7;}
.even {background-color:#fff;}
.css_right {float:left;}
.fg-button {padding:2px 6px;}
.dataTables_paginate   {float:left; margin:5px;}
.dataTables_processing {float:left; margin:5px;}
.dataTables_filter  {float:right; margin:4px;}
.dataTables_info {float:left; margin:5px;}
.dataTables_length {float:right;}
.dataTables_length select, .dataTables_filter input {font-size:11px; padding:1px;}
.dt-clear {clear:both;}
#loading {text-align:center;}

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

/* ========= List styles ================= */
.source-list, .note-list, .repo-list, .media-list, .indi-list  {margin:5px auto; visibility:hidden; text-align:center; width:98%;}
.source-list table, .note-list table, .repo-list table, .media-list table, .indi-list table  {width:100%;}
.source-list td, .note-list td, .repo-list td, .media-list td, .indi-list td {padding:2px 5px;}
.indi-list td {color:#555;}
.indi-list .stats {margin:0 auto; width:auto;}
.source-list th, .note-list th, .repo-list th, .media-list th, .indi-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-details h2, #note-details h2, #repo-details h2, #media-details h2 {margin-bottom:20px; text-align:center;}
#source-tabs, #note-tabs, #repo-tabs, #media-tabs {margin:auto; visibility:hidden; width:80%;}
#source-edit, #note-edit, #repo-edit, #media-edit {overflow-x:auto;}
.media-list img {display:block; height:40px; margin:3px auto;}
.SEX_M, .SEX_F, .SEX_U {height:20px;}
.SEX_M img, .SEX_F img, .SEX_U img {vertical-align:top;}
.gender, .aliveinyear, .years, .given, .parents, .charts, .reset {background-color:lightgrey; display:inline; margin:0 6px 0 0; padding:0 0 1px 0;}
.gender {padding:2px 0;}
.aliveyear {background-color:#EEE8AA;}
.aliveinyear button, .years button, .given button, .parents input, .charts input, .reset button {margin: 1px; padding:1px 6px;}

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;}
html[dir='rtl'] .gender, html[dir='rtl'] .aliveinyear, html[dir='rtl'] .years, html[dir='rtl'] .given, html[dir='rtl'] .parents, html[dir='rtl'] .charts, html[dir='rtl'] .reset {margin:0 0 0 6px;}

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

.use-sidebar #indi_left {width:77%;}
.use-sidebar #sidebar {display:block;}
.use-sidebar #separator {background: #ACF url('images/general_sprite.png') no-repeat -1px 100px;}
.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:#ACF url('images/general_sprite.png') no-repeat -1px 100px;}
html[dir='rtl'] .use-sidebar #separator {background:#ACF 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:#000; text-align:left; margin-top:-20px; right:210px; padding:3px;}
.flyout2 {color:#000; text-align:left;margin-top:-2px; left:40px; padding:3px; background: #fff; border: 1px solid #ccc;}
.flyout2 a:hover {color:#2f416f; text-decoration:underline !important;}
.flyout3, .flyout3 a {background:none; border:none; text-decoration:none; text-align:left; margin-top:0; left:0; padding:0;}
.flyout4 {color:#000; text-align:left; margin-top:0;margin-left:0; padding:3px;}

.nam a:hover {color:#f00;}
.nav_content {width:100%; padding:0;}

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 {padding:0; margin:0;}
#sb_content_clippings {margin-top:5px;}

/* References */
#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:-30px;}
#sb_content_extra_info #hitcounter {border-top: 1px solid #BCD; font-weight: bold; padding-top: 5px;}
#sb_content_extra_info a {display:block;}
#sb_content_extra_info span {font-weight:normal;}
#sb_content_extra_info span a {display:inline;}

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

@media print {
#topMenu, #header select, #header input, #footer select, #backprint, #sidebar {display:none;}

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

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

.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;
}
#content {padding: 0}
#clouds-container {border: 0;}

}