#ncname {font-family: Verdana;font-size: 8pt;text-align: center}
#ncother {font-family: Verdana;font-size: 8pt;text-align: center}
#nav a.curr { background: #555; color:#ffcc00; }
#nav, #nav ul {
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 10pt; 
   text-align: left; 
   float: left; 
   list-style: none;
   line-height: 1.1em; 
   background: #eee; 
   color: White; 
   font-weight: bold; 
   padding: 0px;
   margin: 0px; 
   border:0px; 
   z-index: 1011; 
   }
#nav a { display: block; color: #000; text-decoration: none; margin:0px; padding: 5px 0px 5px 0px; border-left:1px solid #959595; width: 90px; }
#nav li { float: left; padding: 0px; }
#nav li ul { position: absolute; left: -999em; height: auto; width: 127px; font-weight: normal; padding:0px; margin: 0px; border: 2px solid #959595; }
#nav li ul a { width: 120px; padding-left:5px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; }
#nav li:hover, #nav li.sfhover { color:#ffcc00; background:#999; } 

.sbutton  {}

#vlogin {
border : 1px solid #c8c7a8;
width : 150px;

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px; 
font-weight: normal;	
text-transform:none;
color:#fffffc;
margin: 0px;
padding: 4px;
text-align: left;
}


#vlogin h2 { 
	color: #fffffc;
	font-size: 15px; 
	font-weight: bold;
	text-align: center;
	border-bottom: 2px solid #fffffc;
	margin:0px 0px 5px 0px;
	padding:0px;
}
#xvlogin a { text-decoration: none; color:#ffcc00; }

body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal;margin:0px; }
table {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal;}

.body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal;} 
.bodymedium { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: normal} 
.bodylarge { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: normal} 
.sitetitle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16pt; font-weight: normal} 
.bodytitle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold} 
.bodysubtitle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: bold;} 
.editpersonfieldname { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color:#E47911;} 
.bodybold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold} 
.bodysmall { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal} 
.bodystrike      { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; text-decoration: line-through;}
.input {background:#ffffcc;color:#000000;font-weight: normal;}
.ttext			{font-family: Arial, Verdana; font-weight: bold;   font-size: 10pt; color: #000000;}
.text { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; color: #000000;} 
.boldtext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #000000;} 
.button        {font-family: Arial, Verdana,; font-weight : bold;   font-style: normal; color: #FFFFFF;  font-size: 8pt; background-color: #000000; text-decoration: none;}
.gmapmarker { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; color: #000000; background-color: #FF6B5F; text-decoration: none; border:solid 1px; padding: 0 3px 0 3px; margin: 0 3px 0 2px;} 
#tpmap { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; color: #000000; background-color: #FFFFFF; text-decoration: none;} 
#tpmap a {color: blue; background-color: #FFFFFF; text-decoration: underline;}
.lastnames {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; }
.lastnames a:link { text-decoration: none; }
.lastnames a:visited  { text-decoration: none; }
.lastnames a:hover    { text-decoration: underline; }

.summarypage {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; }
.summarypage a:link { text-decoration: none; }
.summarypage a:visited  { text-decoration: none; }
.summarypage a:hover    { text-decoration: underline; }
 
.datequay { background-color:#fdfde3;} 

img.logo{ border: none; margin: 5px; margin-top: 2px;vertical-align:middle;}
h1#famtreetitle{ }
#menu, #submenu
{
float:none;
display:block; 
clear:both;
}
#submenu
{
font-weight: bold;
vertical-align: middle;
padding: 2px;
}
#submenu a
{
  margin: 6px;
}
#bodyText
{
}
#loginbox
{
width: 175px;
border: solid 1px #BBB;
background-color: #FFFFF5;
color: #000000;
padding: 5px;
padding-bottom: 0px;
line-height: 1.8em;
margin: 10px;
float:right;
}
#loginbox h3
{ 
   margin-top: 0px;
   padding: 0px;
   font-family: Verdana, sans-serif;
   font-size: 14px;
   margin-bottom: 0px;
}
#loginbox p
{
  margin-right: auto;
  margin-left: auto;
  padding: 0px;
  margin: 0px;

}
#loginbox input#password
{
  width: 70%;
}
#loginbox input#loginButton
{
  width: 25%;
  height: 2em;
}
#loginHint
{
 margin: 0px; 
 padding: 0px; 
 font-size: 12px;
 font-style: oblique;
}
#explain a{
  font-size: 8px;
  font-style: oblique;
}
#loginbox #incorrect
{
color: #ff0000;
font-weight: bold;
}
#loginbox #explain
{
line-height: 1.1em;
margin-bottom: -7px;
}
#surnames
{
clear:right;
margin-left: 0px;
}
#surnames table
{
 width: 100%;
 font-size: 12px;
}
#surnames table td
{
width: 20%;
}
#surnames .header
{
text-align:center;
padding: 1px;
margin: 1px;
}

#usefulLinks
{
  margin-left: 0px;
}
#instructions
{
 margin-left: 0px;
}
#footer
{
text-align:center;
border-top: solid 1px #bbb;
}
#statistics
{
clear:right;
margin-bottom: 10px;
}
#statistics table
{
 font-size: 12px;
 background-color: #FFFFF5;
 width: 90%;
 padding: 3px;
 margin-top: 0px;
 border: solid 1px #BBB;
}
#statistics h3
{
  margin-bottom: 3px;
}

#statistics th 
{
 background-color: #FFFFF5;
 border: solid 1px #FFFFCC;
 padding: 1px;
}
#statistics td
{
  background-color: #FFFFCC;
  margin: 1px;
  padding: 1px;
}

#photoBar {
 width:530px;
 margin-left: 5px;
 background-image:url(/images/bottombar.png);
 height:24px;
 padding:0px;
 border: solid #B6B6B6 2px;
 overflow: hidden;
}
#usedText
{
  font-family:  verdana;
  font-size:13px;
  font-weight:bold;
  padding-top:2px;
  padding-left:2px;
  padding-right:2px;
  width: 120px;
}
#usedBar
{
 text-align:center;
 margin-top:0px;
 padding:0px;
 margin:0px;
 height:20px;
 width: 410px;
 background-repeat: no-repeat;
 background-image: url(/images/topbar.gif);
}

#pidBox {position:relative;z-index:1000;}
.autoCompleteBox {position:relative;}
#fatherBox {z-index: 1002;}
#motherBox {z-index: 1001;}
#sp0_idBox {z-index: 1000;}
#sp1_idBox {z-index: 999;}
#sp2_idBox {z-index: 998;}
#sp3_idBox {z-index: 997;}
#sp4_idBox {z-index: 996;}
#sp5_idBox {z-index: 995;}
#sp6_idBox {z-index: 994;}
#sp7_idBox {z-index: 993;}
#sp8_idBox {z-index: 992;}
#sp9_idBox {z-index: 991;}

.searchPidText {width:11em;font-family: Arial, Helvetica, sans-serif;font-height: normal; font-weight: normal; font-size:12px;}
.pidText {width:17em;}
.pidContainer {position:absolute;left:0px; top: 1.7em;z-index:9050;color: black; padding:0px;}
.pidContainer .yui-ac-content {position:absolute;left:0px;top:0px;width:15em;border:1px solid #404040;background:#fff;overflow:hidden;text-align:left;z-index:9050;height: 20em; overflow:auto;}
.pidContainer .yui-ac-shadow {position:absolute;left:0px;top:0px;margin:0.3em;background:#844;z-index:9049;}
.pidContainer ul {padding:5px 0;width:100%;margin:0px;}
.pidContainer li {padding:0 5px;cursor:default;white-space:nowrap;}
.pidContainer li.yui-ac-highlight {background:#ff0;}
.pidContainer li {font-family: Arial, Helvetica, sans-serif;font-height: normal; font-weight: normal; font-size:12px;line-height:120%;}
.pidText { background-repeat: no-repeat; background-image: url(/images/icon.gif); background-position: right;}

#van {	background:#fff;	margin:0 0 0em;	padding:0 0 0px;	}
#van li {	display:inline;	padding:0;	margin:0;	}
#van a {	background-color:#EEEEEE;	border:1px solid #9C9A9C;	border-bottom:0;	padding:5px 25px 5px 25px;	margin-left: 18px;	
	color:#000;	text-decoration:none;	display:block;	float:left;	width:auto;		font-family: Verdana, sans-serif; 	
	font-size: 10pt; 	text-transform:none;	}
#van ul {	float:left;	margin:0;	padding:0;	list-style-type:none;	}
#van a:hover,#van a:focus {	background-color:#fdfde3;	color:#000000;	font-weight: bold;		}
#van .sel a {	border:1px solid #ffcc00;	border-bottom:0;	background-color:#fdfde3;	color:#000000;	font-weight: bold;		}

#sohead {  background:#ffcc00; padding-top:5px;    padding-bottom:5px;}    
.col1 { width:250px; text-align:left; float:left; padding-left:7px;}
.col1 a:link { text-decoration: none; color:#000; }
.col1 a:visited  { text-decoration: none; color:#000; }
.col1 a:hover { text-decoration: underline; color:#000; }
.col2 { width:90px; text-align:center; float:left; }
.col3 { width:150px; text-align:center; float:left; }
.col4 { width:150px; text-align:center; float:left; }
.col5 { width:150px; text-align:center; float:left; }


html>body #photobar
{
  height: 20px;
}

.thumbnail {padding:2px; border:solid 1px; border-color:black; background-color:white;}


.transparent_class {
	filter:alpha(opacity=50);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

.imgmaxht 
{
position:absolute;
clip:rect(0px 75px 56px 0px);

}

#editsidebar 
{
	border: solid 1px black;
	 margin:0px;
	 padding:0px;
	 width:700px;
}
#editsidebar thead th
{
	font-size:1.1em;
  font-weight: bold;
 	margin:0px;
 padding: 5px 5px 5px 5px;
 background-color:#FCE644;
 border-bottom: solid 1px black;
}
#editsidebar td
{
 padding: 7px 5px 7px 15px;
 margin:0px;
 border-top: solid 1px black;
 background-color:#fff;
}

#editsidebar tr.current td
{
 background-color:#fdfde3;
}

#editsidebar td td
{
 padding: 5px;
 margin: 0px;
 border: 0px;
}

#fatherContainer,#motherContainer,#sp0_idBox,#sp1_idBox,#sp2_idBox,#sp3_idBox
{
  margin-top: 1.4em;
} 



.sitetitle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16pt; font-weight: normal; height: 100%;} 

#familyGrid
{
	width:800px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: normal;
}

.personBox
{
 width: 200px;
  margin-right:auto;
  margin-left:auto;
  font-size: 11px;
  border: solid 1px;
	padding: 1px 1px 4px 4px;
	text-align: left;
	min-height:60px;
}

.personBox h3
{
  text-align:center;
 margin: 3px;
  font-size: 1em;
}

.personBox h4
{
  text-align:center;
	 margin: 3px;
  font-size: 0.9em;
}

#targetBox h2
{ 
  margin-top: 5px;
  font-size: 1.2em;
  text-align:center;
}

#familyGrid table
{
	width:100%;
 margin-left: auto;
 margin-right: auto;
}

.lines{
  padding-left: 25px;
  height: 45px;
}
.lines.right
{
  border-right: solid 1px;
}
.lines.top
{
  border-top: solid 1px;
}

#motherBox
{
 float:left;
}
#fatherBox
{
 float:right;

}

#targetBox
{
	text-align:left;
}

.note
{
  width: 205px;
}

#noteContents
{
  border-left: solid 1px;
  border-right: solid 1px;
  margin-right: 8px;
  padding: 4px;
  padding-top: 0px;
  background-position:bottom left;
  background-repeat: no-repeat;
  text-align:left;
  font-size: 11px;
  overflow:hidden;
	width:190px;
}

.photo
{
  
}

#photoContents
{
  padding: 4px;

}


.note h3
{
  
  padding: 0;
  margin:0;
  width:205px;
  height: 11px;
  font-size: 0;
}
.note h4
{
  
  padding: 0;
  margin:0;
  width:205px;
  height: 11px;
  font-size: 0;
}

.girl { border-color: black; }
.boy {border-color: black; }
.either {border-color: black; }

.personBox ul { margin: 0px;padding: 2px; list-style: none;}
.personBox li { margin: 0px 0px 0px 0em;padding: 1px;}
.personBox li ul { margin: 0px 0px 0px 1.5em ;padding: 0px; }

#targetBox ul { margin: 0px;padding: 2px; list-style: none;}
#targetBox li { margin: 0px 0px 0px 0em;padding: 1px;}
#targetBox li ul { margin: 0px 0px 0px 1.4em ;padding: 0px;}

.urBox, .ulBox
{
 margin: 0px;
 padding: 0px 0px 0px 0px;
 
}

.ulBox
{
 float:left;
}
.urBox{
 float:right;
}

.ddmenu {
	display:inline;
	position:absolute;
	left:-170px;
	top:20px;
	width:180px;
	visibility:hidden;
	padding:0px;
	margin:0px;
	border:groove;
	background-color:#fffff5;
	text-align:left;
	font-weight:normal;
	}		
.ddmenu ul { margin: 0px;list-style: none;padding:0px;}
.ddmenu li { margin: 0px 0px 0px 0em;padding: 1px;;}
.ddmenu li ul { margin: 0px 0px 0px 1em ;padding: 0px;}
.ddmenu a { text-decoration:none;font-weight:normal;color:#00f;display:block;}
.ddmenu a:visited { text-decoration:none;font-weight:normal;color:#00f;}
.ddmenu a:hover { text-decoration:none;font-weight:normal;color:#00f; background-color:#E1EBFB;}
.ddmenu .mtitle {border-bottom:solid 1px;margin:0px; padding:0px;background-color:#FFFFCC;}


.ddmenusp {
	display:inline;
	position:absolute;
	left:-170px;
	top:20px;
	width:180px;
	visibility:hidden;
	padding:0px;
	margin:0px;
	border:groove;
	background-color:#fffff5;
	text-align:left;
	font-weight:normal;
	}		
.ddmenusp a { text-decoration:none;font-weight:normal;color:#00f;display:inline-block;width:100%;}
.ddmenusp a:visited { text-decoration:none;font-weight:normal;color:#00f;}
.ddmenusp a:hover { text-decoration:none;font-weight:normal;color:#00f; background-color:#E1EBFB;}



a.screen, a.screen:visited {
position:relative; 
z-index:1;
}
a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
width:135px; /* give it a width */
height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */
border:0px; /* add a border */
left:0px; /* position:the image */
top:20px;
}
a.screen:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen:hover b {
visibility:visible; /* make the image visible */
height:150px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}

.thumbnail {padding:2px; border:solid 1px; border-color:black; background-color:white;}

#multiSpouseKids  {border:solid 1px;border-color:black;}
