body {
    font-family: Georgia, Times, serif;
    font-size: small; font-weight: normal;
    color: #330000; background-color: #fdfcf7;
    z-index: auto;
    }
/*=============================================== */
/* normal: most regular body text */
.normal {
    font-family: Georgia, Times, serif; 
    font-size: small;
    }

/* smaller: small body text */
.smaller {font-family: Arial, Helvetica, sans-serif; font-size: x-small;}

/* fieldname: regular text within column or row title sections */
.fieldname {
    font-family: Georgia, Times, serif; 
    font-size: small;
    color: black; background-color: transparent;
    }

/* smfieldname: small text used in conjunction with .fieldname style text */
.smfieldname {
    font-family: Arial, Helvetica, sans-serif; 
    font-size: x-small;
    color: black; background-color: transparent;
    }

/*=============================================== */                 
/* heading text */
.header {
    font: bold 100% Georgia, Times, serif;
    color: #006666;
    font-size: x-large;
    /*next line added in 6.1.0 */
    margin-top: 0px;
    }

/* subheading text */
.subhead {
    font-family: Arial, Helvetica, sans-serif; 
    font-size: normal;
    color: #000000;
    }

/* heading text for dark backgrounds (usually fieldnameback) */
.whiteheader {
    font-family: Arial, Helvetica, sans-serif; 
    font-size: normal;
    color: #000000; background-color: transparent;}

.whitesubhead {
    font-family: Arial, Helvetica, sans-serif; 
    font-size: normal;
    color: #000000; background-color: transparent;}


/*====================background colors=========================== */                 

.fieldnameback {                            /* column and row title sections */
    background-color: transparent;
    border-top: 2px solid #fff; 
    border-left: 2px solid #fff;
    border-right: 1px solid #777; 
    border-bottom: 1px solid #777;
    }

.databack {                                 /* data areas */
    background-color: transparent;
    border-top: 2px solid #fff; 
    border-left: 2px solid #fff;
    border-right: 1px solid #bbb; 
    border-bottom: 1px solid #bbb;
    }
    
.sideback {background-color: transparent;}      /* side and top frames */

.lightback {background-color: #FFFFFF;
            /*these 2 lines added in 6.0.0*/
            border-right: 1px solid #bbb; 
            border-bottom: 1px solid #bbb;
}


/*====================pedigree boxes =========================== */                 
.pboxname {font-family: Arial, Helvetica, sans-serif; }

/* dates font ; font-size should be in points */
.pboxdates {font-family: Arial, Helvetica, sans-serif; }

/* information popups ; font-size should be in points */
.pboxpopup {font-family: Arial, Helvetica, sans-serif; 
            margin-top: 0;
            margin-bottom: 0;
            }
/*=============================================== */                 

a.lightlink:link, a.lightlink:visited {             /* For links on dark background */
    font-family: Arial, Helvetica, sans-serif; 
    color: #000000; background-color: transparent; text-decoration: none;}

a.lightlink:hover, a.lightlink:active {
    color: #000066; background-color: transparent;  text-decoration: none;}

a.lightlink2:link, a.lightlink2:visited {           /* For white-only links on dark background */
    font-family: Arial, Helvetica, sans-serif; 
    color: #000000; background-color: transparent;  text-decoration: none;}

a.lightlink2:hover, a.lightlink2:active {
    color: #000066; background-color: transparent;  text-decoration: none;}

/*for active secondary tab link*/
a.lightlink3:link, a.lightlink3:visited, a.lightlink3:hover, a.lightlink3:active {
    color: #000000; background-color: transparent;  text-decoration: none;}

/*=============================================== */                 
/* bground color for admin menu items while active*/
.mouseoverback {
    background-color: transparent;
    border-top: 2px solid #fff; 
    border-left: 2px solid #fff;
    border-right: 1px solid #777; 
    border-bottom: 1px solid #777;
    }

/*for alignment on menu icons*/
.tngmenuicon {vertical-align: -3px;}

/*for descendancy chart*/
#descendantchart {text-align: left;}
#descendantchart li {list-style-type: none;}
#descendantchart ul {margin-left: 2em;}
#descendantchart ul.first {margin-left: 50px; margin-right: 50px; padding: 0;}

/*===================================================*/
/*added in 6.0.0*/
/*for css dropdown menus*/
#mnav, #mnav ul { /* all lists */
    padding: 0;
    margin: 0;
    list-style: none;
    font: bold 100% Georgia, Times, serif;
    background-color: transparent;
}

#mnav a {
    display: block;
    width: 7em;
    padding-top: 4px;
    padding-bottom: 3px;
    font-size: 11px;
    text-decoration:none;
}

#mnav li { /* all list items */
    float: left;
    width: 7em; /* width needed for Opera */
    margin-right: 2px;
background-color: transparent;
    border-bottom:2px solid #777;
    border-right:2px solid #777;
    border-top:1px solid #e0e0f7; /*same as "databack" background color */
    border-left:1px solid #e0e0f7; /*same as "databack" background color */
}

#mnav li ul { /* second-level lists */
    border-top: 1px solid #777;
    border-left: 1px solid #777;
    border-right: 1px solid #777;
    background: #ffffff;
    position: absolute;
    width: 13em;  /*increased to 13 in 6.2.0*/
    left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#mnav li ul li {
    border: 0px;
    width: 13em;  /*increased to 13 in 6.2.0*/
    background: #eeeeee; /*inactive dropdown menu color*/
    margin-right: 0px;
    margin-top: 1px;
    border-bottom: 1px solid #777;
}

#mnav li ul li a {
    width: 13em;  /*increased to 13 in 6.2.0*/
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 12px;
    text-decoration:underline;
}

#mnav li:hover, #mnav li.sfhover { /* lists nested under hovered list items */
    background-color: #ffffff;
    border-top:1px solid #aaa;
    border-left:1px solid #aaa;
}

#mnav li:hover li, #mnav li.sfhover li { /* lists nested under hovered list items */
    border-top:none;
    border-left:none;
}

#mnav li:hover ul, #mnav li.sfhover ul { /* lists nested under hovered list items */
    left: auto;
}

/*added in 6.2.0*/
.media-prev {
    top: -180px;
    right:-426px;
    height: 400px;
    padding: 20px 7px 12px;
    position:absolute;
    text-align: center;
    width: 410px;
    z-index:98;
    display:table-cell;
    line-height: 50px;
    vertical-align:middle;
}

.media-prev img {
    border: 1px solid #b3b3b3;
    display: block;
    margin:0 auto;
}

.media-img {
    height: 1px;
    margin: 0 0 0;
    position: relative;
}

* html .media-prev {
    background: url(media-prevbg.gif) no-repeat 0 0;
    width:420px;
    height:420px;
}