/**
 * Style for Partly Cloudy theme
 *
 * Use this stylesheet to customize the display of your site.
 * To learn more about CSS visit  http: //www.w3.org/TR/REC-CSS2/
 *
 * phpGedView: Genealogy Viewer
 * Copyright (C) 2002 to 2007 John Finlay and Others
 *
 * 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
 *
 * @package PhpGedView
 * @subpackage Themes
 * @version $Id: style.css 6204x 2009-05-11 06:08:19Z fisharebest $
 *
 * Changes from above SVN version for theme "Partly Cloudy":
 *    3 Aug 2007   WWG   Set to my own non-conformist format
 *    3 Sep 2007   WWG   Put a little padding in the FAQ list;
 *                       centered the Google advert
 *   15 Sep 2007   WWG   fixed my earlier mistake re font inheritance;
 *                       made all blocks identical except for width;
 *                       moved common stuff to beginning of file;
 *                       made link styles more consistent
 *   21 Oct 2007   WWG   minor changes based on cloudy upgrades
 *                       ( 1699 2007-09-21 01:04:33Z canajun2eh )
 *   26 Nov 2007   WWG   minor changes based on cloudy upgrades
 *                       ( 2180 2007-09-21 01:04:33Z canajun2eh )
 *   19 Jan 2008   WWG   define parameters for FGS
 *   24 Jan 2008   WWG   float QS for Quick Start
 *   11 May 2009   WWG   minor changes based on cloudy upgrades
 *                       ( 5503 2009-05-12 17:40:24Z fisharebest )
 *   19 Oct 2009   WWG   match 5503->6204 changes in cloudy
 *                       ( 6204 2009-10-07 17:12:45Z wooc )
 */


.something
{
/*empty style to make sure that the BODY style is not ignored */
/*      ???    WWG: I have no clue what this means   ???      */
}	

html /* make sure all text has padding unless explicitly removed */
{
  padding: 3px;
}

body
{
  color:                 #000000;
  background-color:      #cceeff;
  background-image:      url('images/background.jpg');
  background-attachment: fixed;
  background-position:   top left;
  background-repeat:     repeat-x;
  font-size:             12px;
  font-family:           "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, sans-serif;
}

.QS
{
  float: left;
  margin-left   = 3em;
  padding-right = 1em;
}

table
{
  border-collapse: collapse;
  empty-cells:     show;
}

/* parameters for FGS.php (family group sheet) */
.FGS, .grandparents, .parents, .children, .child
{
  width:  99%;
  margin:   auto;
  padding:  0;
  text-align:    center;
}

.PGF, .PGM, .MGF, .MGM
{
  width:  24%;
  margin:   auto;
  padding: 0;
  text-align:    center;
}

.father, .mother, .PGP, .MGP
{
  width:  49%;
  margin:   auto;
  padding: 0;
  text-align:    center;
}

.PGF, .MGF, .father
{
  float:  left;
}

.PGM, .MGM, . mother
{
  float:  right;
}
/* end FGS parameters */

/* Standard Links */
a           
{ text-decoration : none; }
a:link         
{ color : #700000 } 
a:visited      
{ color : #000070 } 
a:active       
{ color : #700070 } 
a:hover        
{ color : #700070 }

/* Pseudo-links used by Javascript */
a.sortheader   
{ color : #700070 } 

td.rela
{
  text-align:    right;
  padding-right: 5px;
}

fieldset
{
  margin: 8px 8px 4px 8px;
}

legend
{
  font-weight: bold;
}

ul
{
  list-style: url(images/li.gif);
}

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

#content
{
  width:      auto;
  background: white;
  margin:     3px;
}

#header
{
}

#footer
{
  text-align: left;
}

#container
{
  border:     1px solid #003399;
  padding:    0;
  background: white;
}

#cellcontainer
{
  display: table;
  margin:  0;
  padding: 0;
}

.clear
{
  clear: both;
}

#index_main_blocks
{
  clear: none;
  width: 66%;
  float: left;
}

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

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

#index_small_blocks .blockheader
{
  caption-side: top;
  width:        100%;
  margin:         0;
  padding:        0;
  overflow:     hidden;
}

#index_small_blocks .blockh2
{
  width: auto;
}



#index_small_blocks  .blockhc  .help  .icon,
#index_small_blocks  .blockhc  .adminicon,
#index_main_blocks   .blockh2  .adminicon
{
  text-align: right;
  position:   relative;
  top:        3px;
}

/* #index_small_blocks .blockcontent
{
  width:        auto;
  caption-side: right;
} */

#index_main_blocks  .blockheader
{
  caption-side: left;
}

#index_main_blocks  .blockh2
{
  white-space: nowrap;
  overflow:    hidden;
}

#index_small_blocks .blockhc
{
  white-space: nowrap;
  overflow:    hidden;
}

#index_main_blocks  .blockh2  .icon
{
  text-align: right;
  position:   relative;
  margin-top: 3px;
}

/* #index_main_blocks .blockcontent
{
  padding:        15px;
} */

.small_inner_block
{
  overflow:        auto;
  font:            normal 10px;
  text-decoration: none;
  height:          auto;
  max-height:      200px;
  padding:           0  5px  0  5px;
  width:           auto;
}

. normal_inner_block
{
  overflow: auto;
}

.blockheader
{
  table-layout:   fixed;
  vertical-align: top;
  padding:         0;
  margin:          0;
  height:         25px;
  max-height:     25px;
  line-height:    25px;
  width:          100%;
}

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

.blockh2
{
  background-image:  url(images/left2.gif);
  background-repeat: repeat-x;
  font:              bold 13px;
  height:            24px;
  max-height:        24px;
  line-height:       25px;
  margin:             0;
}

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

.blockhc
{
  height:        25px;
  max-height:    25px;
  padding-right: 15px;
  padding-left:   5px;
  overflow:      hidden;
}

#login_block .blockh1
{
	background-image: url(images/left1G.gif);
}

#logout_block .blockh1
{
	background-image: url(images/left1R.gif);
}

#index_small_blocks .name1
{
  font:  bold 10px;
  color: #003399;
}

/*
#index_small_blocks .person_box   img,
#index_small_blocks .person_boxF  img,
#index_small_blocks .person_boxNN img
{
  margin: 0;
  padding: 0;
  border: none;
  height: auto;
}
*/

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

#calendar_page #day
{
  border: 1px solid #cccccc;
}

#index_title
{
}

#index_main_blocks
{
  float:       left;
}

#index_main_blocks  .name2
{
  font:  bold 12px;
  color: #003399;
}

#index_main_blocks  .details2
{
  font: normal 12px;
  color: #333333;
}

#facts, #relatives
{
  max-width: 95%;
  width:     95%;
}

#random_picture
{
  height: auto;
}

#random_picture_box
{
  width:   99%;
  padding:  0;
  margin:   0;
}

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

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

#pedigree_chart,
#pedigree_chart_rtl
{
  position: relative;
  top:  -210px;
  width:  99%;
}

#pedigree_chart
{
  left:    5px;
}

#pedigree_chart_rtl
{
  right:      5px;
}

/*-- descendancy chart specific stylesheets --*/
#descendancy_chart ul
{
  background-image:    url(images/vline.gif);
  background-repeat:   repeat-y;
  background-position: left top;
  list-style:          none;
  margin:              0  0  5px 15px; /* top right bottom left */
  padding-top:         0;
  padding-right:       0;
  padding-bottom:      0;
}

#descendancy_chart li
{
  list-style:     url(images/spacer.gif);
  margin:         0  0  2px -15px; /* top right bottom left */
  padding-top:    0;
  padding-right:  0;
  padding-bottom: 0;
}

/*-- descendancy chart rtl specific stylesheets --*/
#descendancy_chart_rtl ul
{
  background-image:    url(images/vline.gif);
  background-repeat:   repeat-y;
  background-position: right top;
  list-style:          none;
  margin:              0  15px 5px 0; /* top right bottom left */
  padding-top:         0;
  padding-bottom:      0;
  padding-left:        0;
}

#descendancy_chart_rtl li
{
  list-style: url(images/spacer.gif);
  margin  :    0  -15px 2px 0;  /* top right bottom left */
  padding :    0    0   0   0;  /* top right bottom left */
}

#relationship_chart,
#relationship_chart_rtl
{
  position : relative;
  top      :  -40px;
}

#relationship_chart
{
  left:   0;
}

#relationship_chart_rtl
{
  right: 10px;
}

/*-- ancestry chart specific stylesheets --*/
#ancestry_chart ul,
#ancestry_chart_rtl ul
{
  background-image:    url(images/vline.gif);
  background-repeat:   repeat-y;
  list-style:          none;
  padding-top:         0;
  padding-right:       0;
  padding-bottom:      0;
}
#ancestry_chart ul
{
  background-position: left top;
  margin:              0  0  0  15px; /* top right bottom left */
}

#ancestry_chart_rtl ul
{
  background-position: right top;
  margin:              0  15px 0  0; /* top right bottom left */
}

#ancestry_chart_rtl li,
#ancestry_chart li
{
  list-style:     url(images/spacer.gif);
}

#ancestry_chart li
{
  margin:     0  0  2px  -15px;  /* top right bottom left */
  padding:    0  0  0      2px;  /* top right bottom left */
}

#ancestry_chart_rtl li
{
  margin:     0  -15px  2px  0;  /* top right bottom left */
  padding:    0    2px  0    0;  /* top right bottom left */
}

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

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

.center, .google
{
  text-align: center;
}

.google
{
  margin:     auto;
  padding:    auto;
}

table.center
{
  margin-left:      auto;
  margin-right:     auto;
  border:           1px solid #84beff;
  background-color:           #f0f9ff;
}

th
{
  font-weight: 100;
  /* background-color: #84beff; */
}

.button
{
  width: 60px;
}

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

.person_box
{
  background-color:           #f0f9ff;
  border:           1px solid #84beff;
  padding:          3pt;
}

.person_boxF
{
  background-color:           #fff0f0;
  border:           1px solid #ff2080;
  padding:                    3pt;
}

.person_boxNN
{
  background-color: #fff;
  border:           1px dashed #cccccc;
  padding:          3pt;
}

.person_box:target,
.news_box:target,
#gedcom_stats:target
{
  background-color: #ffffcc;
}

.list_table
{
  margin:       0;
  margin-left:  auto;
  margin-right: auto;
}

.list_label,
.list_label_wrap
{
  border:           1px solid #84beff;
  background-color:           #95b8e0;
  font:             bold 12px;
  text-align:       center;
  vertical-align:   text-top;
  padding:          2px;
}

.list_value, 
.list_value_wrap
{
  background-color:       #ecf5ff;
  border:           solid #84beff 1px;
  color:                  black;
  font-size             12px;
  /* text-align:       left; */
  vertical-align:   top;
  padding-left:     12px;
  padding-right:    12px;
}

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

.list_label_wrap,
.list_value_wrap
{
  white-space: normal;
}

.list_item
{
  font-size: 12px;
}

.facts_table
{
/*margin-right:  10px;
  padding-right: 10px;
  padding-left:   0; */
  width:         100%;
}

.facts_table_rtl 
{
/*margin-left:   10px;
  padding-left:  10px;
  padding-right:  0px; */
  width:         100%;
}

.tabs_table
{
  max-width:    99%;
  margin-right:  0;
  margin-left:   0;
}

.tab_page
{
  max-width:  95%;
  width:      95%;
}

.facts_label, .description_label
{
  border:           1px solid #3399cc;
  background-color:           #95b8e0;
  font-size             12px;
  padding:           4px 4px 4px 4px;
  width:            20%;
  text-align:       center;
}

.facts_label02,
.facts_label03
{
  background-color: #84beff;
  font:             bold 12px;
  padding:          4px 4px 4px 4px;
  text-align:       center;
}

.facts_value, .description_value, .facts_value02
{
  border:            1px solid #aaccff; /* prev 1pt */
  font-size             12px;
  padding:           5px;
}

.facts_value, .description_value
{
  background-color:            white;
}

.facts_value02
{
  background-color: #f2f5f9;
  padding:          5px;
}


.facts_labelred, 
.facts_labelblue
{
  background-color: #9dd8ff;
  font-size             12px;
  padding:           4px 4px 4px 4px;
  width:            20%;
  text-align:       center;
}

.facts_valuered, 
.facts_valueblue
{
  background-color: #fbfdff;
  font-size             12px;
  padding:           4px 4px 4px 4px;
}

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

.facts_labelblue, 
.facts_valueblue
{
  border: solid blue 2px;
}

.tab_cell_active
{
  background:   #ecf5ff url('images/th_c4.gif') no-repeat;
  font:         bold 10px;
  border-right: 1pt solid #84beff;
  text-align:   center;
  width:        20%;
  padding:       2pt;
}

.tab_cell_inactive
{
  background-color: white;
  background:       white url('images/th_5.gif') no-repeat;
  border-top:       none;
  border-right:     1pt solid #cccccc;
  text-align:       center;
  width:            20%;
  padding:           2px;
  font-size:        10px;
}

.tab_active_bottom
{
  border: 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-color: #efefef;
  background:       white url('images/th_5.gif') no-repeat;
  border-top:       none;
  border-right:     1pt solid #cccccc;
  text-align:       center;
  width:            20%;
  padding:           2px;
  font-size:        10px;
}

.tab_cell_inactive_empty a
{
  color: #77aaff;
}

.name1
{
  font:  bold 11px;
}

.name1Hover
{
  font:  bold 11px;
}

.namered
{
  border: solid red 1px;
}

.nameblue
{
  border: solid blue 1px;
}

.details1
{
  font:  normal 10px;
}

.name2, .name2Hover
{
  font:  bold 12px;
}

.details2
{
  font:  normal 11px;
}

.nameZoom
{
  font:  bold 16px;
}

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

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

.date
{
  font-weight: bold;
}

.label, .field
{
  font-size  11px;
}

.label
{
  font-weight: bold;
}

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

.largeError
{
  color:       #dd0000;
  font-size        large;
  font-weight: bold;
}

.warning
{
  color:       red;
  font-weight: bold;
}

.indent
{
  padding-left: 7px;
}

.indent_rtl
{
  padding-right: 7px;
}

.image
{
  height:                  150px;
  padding:                   5px;
  border:       solid black  1px;
  margin-right:             15px;
}

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

.pedigree_image_portrait,
.pedigree_image_landscape
{
  float:              left;
  height:             50px;
  border: solid black  1px;
  margin-right:        3px;
}

.pedigree_image_portrait_rtl,
.pedigree_image_landscape_rtl
{
  float: right;
  height: 50px;
  border: solid black 1px;
  margin-left: 3px;
}

.pedigree_form
{
  width: 60px;
}

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

.icon, .adminicon
{
  border: none;
  padding-top: 1pt;
  padding-left: 3-pt;
  padding-right: 5pt;
}

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

.sublinks_table
{
  border: solid #84beff  1px;
  margin:                2px;
  margin-bottom:        20px;
  padding:               5px;
}

.sublinks_cell
{
  font-size:        12px;
  background-color: #95b8e0;
}

.sublinks_cell .submenuitem,
.sublinks_cell .submenuitem_hover
{
  padding: 0;
  margin:  0;
}

.menuitem .icon,
.menuitem_hover .icon,
.submenu .icon
{
  width:  22px;
  height: 22px;
}

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

.age
{
  font-size: 9px;
}

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

.source_citations
{
  display: none;
}

.footer
{
  font-size         12px;
  width:        99%;
  direction:    ltr;
  caption-side: left;
  text-align:   center;
}

.contact_links 
{
  text-align: center;
}

.hit-counter 
{
  background: black;
  color: white;
  font-weight: bold;
}

/* This one is for the currently active language. */
. activeflag
{
	height: 15px;
	border: none;
	opacity: 1;		/* IE's support is different */
}

/* This one is for an inactive language when the mouse is hovering over it */
.brightflag
{
	height: 15px;
	border: none;
	opacity: 1;		/* IE's support is different */
}

/* This one is for an inactive language when the mouse is not hovering over it */
.dimflag
{
	height: 15px;
	border: none;
	opacity: 0.5;	/* IE's support is different */
}

.border1
{
  border: solid black 1px;
}

.header_select
{
  font-size: 12px;
}

.lang_form
{
  margin-top: 3px;
}

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

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

.favmenuitem
{
  font:            normal 11px;
  text-decoration: none;
  text-align:      right;
  padding:         1px;
}

.favmenuitem_hover
{
  font:            normal 11px;
  text-decoration: none;
  text-align:      right;
  padding:         1px;
}

.favsubmenu
{
  color:            black;
  text-decoration:  none;
  font-size             11px;
  text-align:       center;
  background-color: #ECF5FF;
  border:           solid #84beff 1px;
  white-space:      nowrap;
}

.favsubmenuitem,
.favsubmenuitem_selected
{
  color:            black;
  font:             normal 11px;
  text-decoration:  none;
  background-color: #ecf5ff;
  white-space:      nowrap;
  text-align:       left;
}

.favsubmenuitem_selected
{
  background-color: aqua;
}

.favsubmenuitem a,
.favsubmenuitem_selected a
{
  color: black;
}

.favsubmenuitem_selected a
{
  background-color: aqua;
}

.favsubmenuitem_hover
{
  color: black;
  font: normal 11px;
  text-decoration: none;
  background-color: white;
  white-space: nowrap;
  text-align: left;
}

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

.menuitem,
.menuitem_hover
{
  color: black;
  font: normal 11px;
  text-decoration: none;
  text-align: left;
  clear: both;
}

.menuitem_rtl,
.menuitem_hover_rtl
{
  color: black;
  font: normal 11px;
  text-decoration: none;
  text-align: right;
  clear: both;
}

.submenu,
.submenu_rtl 
{
  visibility: hidden;
  position: absolute;
  z-index: 100;
  color: black;
  text-decoration: none;
  font-size 11px;
  background-color: #ecf5ff;
  border: solid #84beff 1px;
  white-space: normal;
}

.submenu
{
  text-align: left;
  direction: ltr;
}

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

.submenuitem a, .submenuitem_rtl a {
	color: #003399;
}

.submenuitem, .submenuitem_rtl {
	vertical-align: middle;
	height: 22px;
	color: black;
	font: normal 11px tahoma, arial, helvetica, sans-serif;
	text-decoration: none;
	border: 1pt solid #ecf5ff;
	background-color: #ecf5ff;
	white-space: nowrap;
}

.submenuitem, .submenuitem_hover {
	direction: ltr;
	text-align: left;
}

.submenuitem_rtl, .submenuitem_hover_rtl {
	direction: rtl;
	text-align: right;
}

.submenuitem .icon, .submenuitem_rtl .icon, .submenuitem_hover .icon, .submenuitem_hover_rtl .icon {
	padding: 0px 5px 0px 5px;
}

.submenuitem_hover,
.submenuitem_hover_rtl
{
  font: normal 11px;
  text-decoration: none;
  height: 22px;
  border: 1pt solid #aaccff;
  white-space: nowrap;
}

.submenuitem a, .submenuitem_rtl a, .submenuitem_hover a, .submenuitem_hover_rtl a {
	display: inline-block;
	vertical-align: middle;
	padding: 0px;
}

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

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

.rtl_cal_day
{
  direction: rtl;
  float: right;
  color: blue;
  font-weight: bold;
}

.helpheader
{
  font: bold 16px;
  color: black;
}

.helpstart
{
  font: bold 14px;
  color: blue;
  text-decoration: none;
}

.helptext
{
  font-size 12px;
  color: black;
}

.block
{
  vertical-align: top;
}

.news_box
{
  background-color: #f0f9ff;
  border: 1px solid #84beff;
  padding: 3pt;
}

.news_title
{
  color: black;
  font-size: 1.2em;
  font-weight: bold;
  line-height: .1em;
}

.news_date
{
  /* font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, sans-serif; */
  color: black;
  font-size: 1em;
  line-height: .5em;
}

.timeline_table
{
}

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

#timeline_chart_rtl
{
  position: relative;
  top: 50px;
  right: 0;
}

.person0
{
  background-color: #ecf5ff;
  border: outset #84beff 1px;
  vertical-align: top;
}

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

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

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

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

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

.listlog
{
  line-height: 20pt;
  /* font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, sans-serif; */
}

.barra
{
  color: black;
  font: normal 12px;
}

.blanco
{
  color: white;
  font: bold 12px;
}

input,
button,
textarea
{
  border-top-color: white;
  border-left-color: white;
  border-right-color: #000066;
  border-bottom-color: #000066;
  border-top-width: 1px;
  border-left-width: 1px;
  font-size 12px;
  border-bottom-width: 1px;
  border-right-width: 1px;
}

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

select
{
  border-color: #84beff;
  /* border-top-color: #84beff;
  border-left-color: #84beff;
  border-right-color: #84beff;
  border-bottom-color: #84beff; */
  border-top-width: 1px;
  border-left-width: 1px;
  font-size 12px;
  border-bottom-width: 1px;
  border-right-width: 1px;
}

form
{
  font-size 12px;
}

h2
{
  font: bold 18px;
}

h4
{
  font: bold 12px;
}

.formField
{
  font-size 12px;
}

@media all
{
   a img
{
     color: inherit;
    border: none;
  }
}

/*-- pseudo-class for fanchart: used on server-side to draw image --*/
.fan_chart
{
  /*-- font-family must contain a server TTF file --*/
  font-family: url(./includes/fonts/DejaVuSans.ttf);
  font-size: 7px;
  color: black;
  background-color: #eeeeee;
}

.fan_chart_box
{
  background-color: #b1cff0;
}

.fan_chart_boxF
{
  background-color: #e9daf1;
}

.starredname
{
  text-decoration: underline;
}

.search_hit
{
  background-color: yellow;
  color: black;
}

.title
{
  font-size: 20px;
}

.details_label
{
  font-weight: bold;
}

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

/* Styles for the option boxes */

/* Style for the top and bottom bar */
.topbottombar
{
  background-color: #84beff;
  font: bold 12px;
  padding: 4px;
  text-align: center;
}

/* Style for the subbar */
.subbar
{
  border: 1pt solid #aaccff;
  color: #000066;
  font-size 11px;
  padding: 3px;
  white-space: nowrap;
  vertical-align: top;
}


.descriptionbox
{
  border: 1px solid #84beff;
  background-color: #95b8e0;
  font-size 12px;
  vertical-align: top;
  white-space: nowrap;
  padding: 3px;
}


.optionbox
{
  background-color: #ecf5ff;
  border: solid #84beff 1px;
  font-size 11px;
  vertical-align: top;
  white-space: normal;
  padding: 3px;
}

.vmiddle
{
  vertical-align: middle
}

/* Colors */
.red
{
  color: red;
}

/* .rela
{
  opacity: 0.67;
  color: black;
} */

/* Text direction */
.ltr
{
  text-align: left;
}

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

/* Width settings */
.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%;
}

/* Font sizes */
.font11
{
  font-size: 11px;
}

.font9
{
  font-size: 9px;
}

/* Chart styles */
.pedigree_table
{
  margin: 0;
}

/* Message box */
.messagebox
{
  background-color: #dfeeff;
}

/* Change indicators */
.change_new
{
  border: solid blue 2px;
}

.change_old
{
  border: solid red 2px;
}

.door
{
  margin: 0  0  0  0;
  padding: 0  0  0  0;
}

.door dd
{
  margin:  2px 2px 2px 2px;
  padding: 2px 6px 2px 6px;
  height: 100%; float: left;
  font-weight: bold;
  display: none;
}

.note_details
{
  display: none;
}

/* 'showit' is used for links in lifespan and in research assistant */
a.showit
{
  position: relative;
  z-index: 24;
  color: black;
}

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

a.showit span
{
  display: none;
}

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

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

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

.lifespan_outer a
{
  color: black;
}

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

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

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

.iwstyle
{
  width:360px;
  /*background-color: #FFFFFF;*/
}

.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
	{
		margin: 0;
		padding: 0;
		font-family: Arial;
		font-size: 10px;
		list-style: none;
	}
	#map_type li
	{
		display: block;
		width: 70px;
		text-align: center;
		padding: 2px;
		border: 1px solid black;
		cursor: pointer;
		float: left;
		margin-left: 2px;
	}
	#map_type li.non_active
	{
		background: white;
		color: black;
		font-weight: normal;
	}
	#map_type li.active
	{
		background: gray;
		color: white;
		font-weight: bold;
	}
	#map_type li:hover
	{
		background: #ddd;
	}


/* Tag Cloud styles*/
.tag_cloud_table
{
	width:70%;
	margin-left: auto;
	margin-right: auto;
}

.tag_cloud
{
	text-align: justify;
	padding: 10px 5px 10px 15px; /* top right bottom left */
}

.tag_cloud_sub
{
	font-size: 8px;
	color:#808080;
}
/* End of Tag Cloud styles*/

/* Autocomplete styles*/
.ac_input {
	background-color: #EEE8AA;
}

.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

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

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	If width is 100%, horizontal scrollbar 
	will appear in scroll mode.
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	Very important: if line-height not set or set 
	in relative units, scroll will be broken in Firefox
	*/
	line-height: 14px;
	overflow: hidden;
}

.ac_loading {
	background: white url(../../images/indicator.gif) right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}

/* Flyout menu Styles */
.flyout {
color:#000066; 
text-align: left;
margin-top: -20px;
right: 210px;
padding: 3px;
}
.flyoutrtl {
color:#000066; 
text-align: right;
margin-top: -20px;
left: 210px;
padding: 3px;
}
/* End of Flyout Menu styles*/


/* The following two overriding classes MUST appear at the end of the entire CSS file. */
.nowrap
{
	white-space: nowrap;
}

.wrap
{
	white-space: normal;
}

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

.menu_separator img 
{
  height: 3px;
  width: 8em;
}

.statistics_chart
{
  text-align: center;
}

.gchart
{
  border: 1px solid #84beff;
}