/* Generic member page formatting */
/*div.label  {float:left; width:80px; background: #880088;}*/

#mem_main 
{
background: #f6f4ce url(images/general/Corner102096.gif) no-repeat left top;
top:0px;
margin-left:11em; /*firefox only */
margin 0px;
min-height:100%;
height:100%;
width: auto;
border: 1px solid rgb(0,0,33);
padding: 5px 5px 5px 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
border: 0px;
border-right: 1px solid rgb(0,0,81);
bottom:auto;
}

div.data   {width:auto; background: #440044;}
div.rightcol {float:right; width:100px; background: #004400;}

img.hide  {display:none;}
img.show  {display:block; margin:auto; align:center; text-align:center; padding: 5px 5px 5px 5px; cursor:pointer;}
img.button {cursor:pointer;}

div.hidechoice  {display:none;}
div.showchoice  {display:block; position:relative; left:0px; top:0px; width:750px; height:350px; background:#aaaaaa; border: 1px solid rgb(255,0,0);}

/*
div.hidepopup  {display:none;}
div.showpopup  {display:block; position:absolute; left:0em; width:40em; height:30em; background:#ffffff; border: 2px solid rgb(0,0,0);}
*/

div.hidepopup  {display:block; width:0em; height:0em;}
div.showpopup  {display:block; position:absolute; z-index:9; left:0em; width:42em; height:30em; background:#ffffff; border: 2px solid rgb(0,0,0);}


/*maintleaf specific formatting */
div.showevent  {display:block;}
div.hideevent  {display:none;}
div.showspouse  {display:block; position:relative; padding: 5px; border: 1px solid #776655; border-top:0px; margin-top:-1px;}
div.hidespouse  {display:none;  position:relative; border: 1px solid rgb(0,0,0);}
div.showchild  {display:block;  position:relative; border: 0px solid rgb(255,0,0);}
div.hidechild  {display:none;   position:relative; border: 1px solid rgb(255,0,0);}
div.showauth  {display:block;  position:relative; border: 0px solid rgb(255,0,0);}
div.hideauth  {display:none;   position:relative; border: 1px solid rgb(255,0,0);}
tr.showauth  {height:2em;}
tr.hideauth  {height:0;}

div.selframex  {border: 0px solid rgb(255,0,0);}
div.selframex  {border: 0px solid rgb(255,0,0);}
div.selframe    {
 border-top:2px solid #ffffff;
 border-right:2px solid rgb(145,145,145);
 border-bottom:2px solid rgb(145,145,145);
 border-left:2px solid #ffffff;}


div.note       {display:block;   position:relative; background: #008800; border: 1px solid rgb(0,0,255);}


.leaftabs {
        FONT-SIZE: 93%; BACKGROUND: url(images/general/tabbg.gif) repeat-x 50% bottom; FLOAT: left; WIDTH: 100%; LINE-HEIGHT: normal
}
.leaftabs UL {
        PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px; LIST-STYLE-TYPE: none
}
.leaftabs LI {
        PADDING-RIGHT: 0px; PADDING-LEFT: 9px; BACKGROUND: url(images/general/left.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
.leaftabs A {
        PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 6px; FONT-WEIGHT: bold; BACKGROUND: url(images/general/right.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 4px; COLOR: #765; PADDING-TOP: 5px; TEXT-DECORATION: none
}
.leaftabs A {
        FLOAT: none
}
.leaftabs A:hover {
        COLOR: #DD0000
}
.leaftabs .current {
        BACKGROUND-IMAGE: url(images/general/left_on.gif)
}
.leaftabs .current A {
        BACKGROUND-IMAGE: url(images/general/right_on.gif); PADDING-BOTTOM: 5px; COLOR: #333
}



a.leaflink        {font: bold 1.2em Arial; text-decoration:none; color:#000000; cursor:pointer; }
a.leaflink:hover  {font: bold 1.2em Arial; text-decoration:underline; color:#ff0000; }
a.childlink       {font: bold 0.95em Arial; text-decoration:none; color:#000000; cursor:pointer;}
a.childlink:hover {font: bold 0.95em Arial; text-decoration:underline; color:#ff0000; }
a.treelink       {font: bold 1.15em Arial; text-decoration:none; color:#000000; cursor:pointer;}
a.treelink:hover {font: bold 1.15em Arial; text-decoration:underline; color:#ff0000; }

td.leaflab525  {align:left; width:5.25em; font: bold 1.2em Arial; color: #0000aa;}
td.leaflab700  {align:left; width:7em;    font: bold 1.2em Arial; color: #0000aa;}
td.leafdat1000 {align:left; width:12em;   font: bold 1.2em Arial; color: #000000;}
td.std670 {width:67em; font: vertical-align:middle;}

td.list70hdr  {align:left; width:7em; font: bold 1.0em Arial; color: #0000aa;}
td.list70  {align:left; width:7em; font: bold 1.0em Arial; color: #000000;}

td.list100hdr  {align:left; width:10em; font: bold 1.0em Arial; color: #0000aa;}
td.list100  {align:left; width:10em; font: bold 1.0em Arial; color: #000000;}

td.list200hdr  {align:left; width:20em; font: bold 1.0em Arial; color: #0000aa;}
td.list200  {align:left; width:20em; font: bold 1.0em Arial; color: #000000;}

td.membutton {width:7em; align:right; vertical-align:middle; font: bold 1.1em Arial;}

td.stdthum {width:50px}
td.stdbut {font: bold 8pt Arial; color:#000000; width:160px}

td#seltreesel    {width:3em;}
td#seltreename   {width:20em;}
td#seltreeaccess {width:6em;}
td#seltreeauth   {width:6em;}
td.seltreehdr    {font:bold 1.15em Arial; padding:0.2em; color:#0000aa;}
td.seltreehdr3700    {font:bold 1.15em Arial; width:37em; padding:0.2em; color:#0000aa;}
td.seltreehdr2800    {font:bold 1.15em Arial; width:28em; padding:0.2em; color:#0000aa;}
td.seltreehdr900    {font:bold 1.15em Arial; width:9em; padding:0.2em; color:#0000aa;}
td.seltreehdr700    {font:bold 1.15em Arial; width:7em; padding:0.2em; color:#0000aa;}
td.seltreelink    {padding:0.2em;}
td.seltreedat    {font:bold 1.15em Arial; padding:0.2em; color:#000000;}

td.selmsghdr45    {font:bold 0.9em Arial; width:4.5em; padding:0.2em; color:#0000aa;
 border-top:2px solid #ffffff;
 border-right:2px solid rgb(145,145,145);
 border-bottom:2px solid rgb(145,145,145);
 border-left:0px;}
 
td.selmsghdr50    {font:bold 0.9em Arial; width:5em; padding:0.2em; color:#0000aa;
 border-top:2px solid #ffffff;
 border-right:0px;
 border-bottom:2px solid rgb(145,145,145);
 border-left:0px;}
 
td.selmsghdr180    {font:bold 0.9em Arial; width:15em; padding:0.2em; color:#0000aa;
 border-top:2px solid #ffffff;
 border-right:0px;
 border-bottom:2px solid rgb(145,145,145);
 border-left:0px;}
 
td.selmsghdr200    {font:bold 0.9em Arial; width:20em; padding:0.2em; color:#0000aa;
 border-top:2px solid #ffffff;
 border-right:0px;
 border-bottom:2px solid rgb(145,145,145);
 border-left:0px;}
 
td.selmsghdr400    {font:bold 0.9em Arial; width:45em; padding:0.2em; color:#0000aa;
 border-top:2px solid #ffffff;
 border-right:0px;
 border-bottom:2px solid rgb(145,145,145);
 border-left:0px;}
 
td.selmsghdr380    {font:bold 0.9em Arial; width:40em; padding:0.2em; color:#0000aa;
 border-top:2px solid #ffffff;
 border-right:0px;
 border-bottom:2px solid rgb(145,145,145);
 border-left:2px solid #ffffff;}

td.selmsg  { font: 0.9em Arial; padding:0.2em; color: #000000;
 border-top:2px solid #ffffff;
 border-right:0px solid rgb(145,145,145);
 border-bottom:2px solid rgb(145,145,145);
 border-left:0px;}

td.selmsg45  {width:4.5em; font: 0.9em Arial; padding:0.2em; color: #000000;
 border-top:2px solid #ffffff;
 border-right:0px solid rgb(145,145,145);
 border-bottom:2px solid rgb(145,145,145);
 border-left:0px;}
 
td.selmsg50  {width:5em; font: 0.9em Arial; padding:0.2em; color: #000000;
 border-top:2px solid #ffffff;
 border-right:0px;
 border-bottom:2px solid rgb(145,145,145);
 border-left:0px;}
 
td.selmsg180, td.selmsg180bold 
{width:15em; font: 0.9em Arial; padding:0.2em; color: #000000;
 border-top:2px solid #ffffff;
 border-right:0px;
 border-bottom:2px solid rgb(145,145,145);
 border-left:0px;}

td.selmsg180bold 
{font: bold 0.9em Arial; }
 
td.selmsg200 {width:20em; font: 0.9em Arial; padding:0.2em; color: #000000;
 border-top:2px solid #ffffff;
 border-right:0px;
 border-bottom:2px solid rgb(145,145,145);
 border-left:0px;}
 
td.selmsg400 {width:45em; font: 0.9em Arial; padding:0.2em; color: #000000;
 border-top:2px solid #ffffff;
 border-right:0px;
 border-bottom:2px solid rgb(145,145,145);
 border-left:0px;}


td.selmsg380 {
 width:40em; font: 0.9em Arial; padding:0.2em; color: #000000; 
 border-top:2px solid #ffffff;
 border-right:0px;
 border-bottom:2px solid rgb(145,145,145);
 border-left:2px solid #ffffff;}
 
td.selmsg180bold 
{width:15em; font: bold 0.9em Arial; padding:0.2em; color: #000000;
 border-top:2px solid #ffffff;
 border-right:0px;
 border-bottom:2px solid rgb(145,145,145);
 border-left:0px;
}

td.selmsg400bold 
{width:45em; font: bold 0.9em Arial; padding:0.2em; color: #000000;
 border-top:2px solid #ffffff;
 border-right:0px;
 border-bottom:2px solid rgb(145,145,145);
 border-left:0px;
}

td.selmsg380bold {width:40em; font: bold 0.9em Arial; padding:0.2em; color: #000000;}

td.spouselab {font: bold 12pt Arial; color:#0000aa; width:140px; height:30px;}
td.spousedat {font: bold 12pt Arial; color:#000000; }
td.childlab  {font: bold 12pt Arial; color:#0000aa; }
td.childdat  {font: bold 12pt Arial; color:#000000; }
td.notelab   {font: bold 12pt Arial; color:#0000aa; }
td.notedat   {font: bold 12pt Arial; color:#000000; }

img.chldbut {display:none;} /* maybe replace with img.hide and img.show? */
img.spobut  {display:none;} /* so far, can't find a use for it */



/* List selection formatting */
tr.out       {background-color:#f6f4ce; }
tr.over      {background-color:#ffffff; }
tr.selected  {background-color:#ffcccc; }


/* Form components */


/* tree components */
h1.tree   {font:   20pt Lucida Calligraphy; color:#ffffff; text-align:center; }
a.L       {font:   12pt Arial;              color:#000000; text-align:center; text-decoration:none;  cursor:pointer;}
a.L:hover {                                 color:#0000ff; text-decoration:underline; background-color:white;}

td.leafu     {align:center; text-align:center; background-image:url(../images/LEAFBKGRNDU.jpg);}
td.leafl     {text-align:center; background-image:url(../images/LEAFBKGRNDL.jpg);}


/* Unresolved items below here..... */
div.showsend  
{display:block; 
position:fixed;
top:8em;
height: 5em;
width:40em;
padding: 5px;

border: 1px solid #ff0000;
}
div.hidesend  {display:none; }

a.hide  {display:none;}

.imagepreview { position: relative; visibility: visible; width: 150; height: 150; clip: rect(0,300,300,0);}

a.nav       {color:#8888ff; text-decoration:none; text-align:right; }
a.nav:hover {color:#ffffff; text-decoration:underline; text-align:right; }
a.navshow  {color:#8888ff; display:block; text-decoration:none; text-align:right; }
a.navshow:hover  {color:#ffffff; display:block; text-decoration:underline; text-align:right; }

 tr.trlight {background-color: #ffffff;}
/* tr.trdark {background-color: #ecf1fe;} */