/* 23 May 2014.  This CSS file modified by Paul Penfield, Jr. with new classes for
 people with unusual or unknown sex.  This is needed for same-sex couples and for
 people whose sex is unknown for any reason.  Reunion 10 supports these in its data
 but not in Web reports, where all left spouses and fathers are assumed male, etc.
 New CSS classes are defined as follows so any field (child, two spouses, and four
 parents) can be any of four sexes: M (male), F (female), U (unknown), N (no person).
 The fields are colored baby blue (M), pink (F), pale yellow (U), or transparent (N).
 The first 7 fields on family pages listed below are (using ahnentafel-like numbers):
   1 child; 2 left spouse; 3 right spouse; 4 left top parent; 5 left bottom parent; 
   6 right top parent; 7 right bottom parent.
 New classes (8 and 9 below) enable tooltips for anchors of links to other spouses.
 In this chart of classes = is a class already used by Reunion; + is newly defined

   Field                 if Male         if Female       if Unknown      if None
1, child                = wcMChild      = wcFChild      = wcChild
    if bold             = wcMChildBold  = wcFChildBold  = wcChildBold
2, left spouse          = wcHusband     + wcFHusband    + wcUHusband    + wcNHusband
3, right spouse         + wcMWife       = wcWife        + wcUWife       + wcNWife
4, left top parent      = wcHFather     + wcHFFather    + wcHUFather    + wcHNFather
5, left bottom parent   + wcHMMother    = wcHMother     + wcHUMother    + wcHNMother
6, right top parent     = wcWFather     + wcWFFather    + wcWUFather    + wcWNFather
7, right bottom parent  + wcWMMother    = wcWMother     + wcWUMother    + wcWNMother
8, left spouses anchor  + wcHMSToolTip  + wcHFSToolTip  + wcHUSToolTip
9, right spouses anchor + wcWMSToolTip  + wcWFSToolTip  + wcWUSToolTip

 New class  wcSpouseLabel  for branch membership labels under names of spouses.
 33px min-height in wcWifeWrapper and wcHusbandWrapper to fit branch labels.
 New class  wcChildLabel  for branch membership labels under names of children.
 New class  pageSubtitleWrapper  for genealogy subtitle on family pages
 New class  reportTitle  for Timeline, Obituary, Biography, Grave, Data, Notes

 One pixel added spacing between children.

 Slightly enlarged space for fact titles.
 160px min-height in wdHFacts and wcWFacts to make empty Facts box same size.
 
 Support for tooltips: b, b:hover, etc.
*/

a img {	border-style: none; margin: 0 3px; }

a
	{
	text-decoration: none;
	}
	
a:hover
	{
	text-decoration: underline;
	}

b
	{
	font-weight: normal;
	}

b:hover {
 background:#fafafa;
 text-decoration:none;
} /* BG color is a must for IE6 */

b.wcHMSToolTip span, b.wcHFSToolTip span, b.wcHUSToolTip span,
b.wcWMSToolTip span, b.wcWFSToolTip span, b.wcWUSToolTip span {
 display:none;
 font-family: "Lucida Grande", Geneva, Arial, sans-serif;
 line-height: 20px;
 padding:2px 0px;
 margin-top:-23px;
 width:300px;
 text-align: center;
}

b.wcHMSToolTip span, b.wcHFSToolTip span, b.wcHUSToolTip span {
 margin-left:110px;
}

b.wcWMSToolTip span, b.wcWFSToolTip span, b.wcWUSToolTip span {
 margin-left:-480px;
}

b.wcHMSToolTip:hover span, b.wcHFSToolTip:hover span, b.wcHUSToolTip:hover span,
b.wcWMSToolTip:hover span, b.wcWFSToolTip:hover span, b.wcWUSToolTip:hover span {
 display:inline;
 position:absolute;
}

.pageBody
	{
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
	width: 800px;
	text-align: center;
	}

.reportBody
	{
	padding: 10px;
	border: 3px double;
	margin-bottom: 0.5em;
	
	-moz-border-radius: 4px;
       -webkit-border-radius: 4px;
       -khtml-border-radius: 4px;
    border-radius: 4px;
	}

.pageTitle
	{
	margin-bottom: 5px;
	}

.pageSubtitleWrapper
	{
	font-size: 0.8em;
	}

.ptEventChart
	{
	text-align: center;
	}

.reportTitle, ptTitle
	{
	margin-top: 15px;
	margin-bottom: 15px;
	}

.wcFathers, .wcMothers
	{
	clear: both;
	}

.wcHFather, .wcHMother, .wcHUFather, .wcHUMother, .wcHNFather, .wcHNMother,
.wcHFFather, .wcHMMother
	{
	float: left;
	}

.wcWFather, .wcWMother, .wcWUFather, .wcWUMother, .wcWNFather, .wcWNMother,
.wcWFFather, .wcWMMother
	{
	float: right;
	}
	
.wcHFather, .wcHMother, .wcWFather, .wcWMother,
.wcHUFather, .wcHUMother, .wcWUFather, .wcWUMother,
.wcHNFather, .wcHNMother, .wcWNFather, .wcWNMother,
.wcHFFather, .wcHMMother, .wcWFFather, .wcWMMother
	{
	min-height: 2.5em;
	width: 47%;
	margin-bottom: 2px;
	padding: 3px;
	}

.wcHFather, .wcHMother, .wcWFather, .wcWMother,
.wcHUFather, .wcHUMother, .wcWUFather, .wcWUMother,
.wcHNFather, .wcHNMother, .wcWNFather, .wcWNMother,
.wcHFFather, .wcHMMother, .wcWFFather, .wcWMMother,
.wcHusband, .wcWife, .wcUHusband, .wcNHusband, .wcFHusband, .wcUWife, .wcNWife, .wcMWife,
.wcMChild, .wcFChild, .wcChild, .wcMChildBold, .wcFChildBold, .wcChildBold,
b.wcHMSToolTip:hover span, b.wcHFSToolTip:hover span, b.wcHUSToolTip:hover span,
b.wcWMSToolTip:hover span, b.wcWFSToolTip:hover span, b.wcWUSToolTip:hover span
	{
	border: 1px solid;
	}

.wcHFather, .wcHMother, .wcWFather, .wcWMother,
.wcHUFather, .wcHUMother, .wcWUFather, .wcWUMother,
.wcHNFather, .wcHNMother, .wcWNFather, .wcWNMother,
.wcHFFather, .wcHMMother, .wcWFFather, .wcWMMother,
.wcHusband, .wcWife, .wcUHusband, .wcNHusband, .wcFHusband, .wcUWife, .wcNWife, .wcMWife,
.wcMChild, .wcFChild, .wcChild, .wcMChildBold, .wcFChildBold, .wcChildBold,
b.wcHMSToolTip:hover span, b.wcHFSToolTip:hover span, b.wcHUSToolTip:hover span,
b.wcWMSToolTip:hover span, b.wcWFSToolTip:hover span, b.wcWUSToolTip:hover span
	{
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
	}

.wcParentDate, .wcMChild, .wcFChild, .wcChild
	{
	display: block;
	}

.wcParentName
	{
	margin-right: .4em;
	display: block;
	}

.wcMarriage
	{
	clear: both;
	margin-left: 10%;
	margin-right: 10%;
	margin-bottom: .3em;
	padding: 3px;
	}
			
.wcSource
	{
	font-size: 1.2em;
	font-weight: bold;
	}

.wcWifeWrapper, .wcHusbandWrapper
	{
	min-height: 33px;	
	}
	
.wcHusband, .wcWife, .wcUHusband, .wcNHusband, .wcFHusband, .wcUWife, .wcNWife, .wcMWife
	{
	width: 47%;
	padding: 3px;
	margin-bottom: 3px;
	}
	
.wcHusband, .wcUHusband, .wcNHusband, .wcFHusband
	{
	float: left;
	}
	
.wcWife, .wcUWife, .wcNWife, .wcMWife
	{
	float: right;
	}
	
	.wcSpouseLabel
	{
	font-size: 0.8em;
	}
	
.wcFacts
	{
	font-size: 0.9em;
	clear: both;
	}
	
.wcHFacts
	{
	float: left;
	}
	
.wcWFacts
	{
	float: right;
	}
	
.wcHFacts, .wcWFacts
	{
	min-height: 160px;
	width: 47.2%;	
	margin-bottom: .4em;
	border: 3px double;
	}

.wcFactPicture img
	{
	float: right;
	height: 110px;
	width: auto;
	margin: 0px;
	-moz-box-shadow: -1px 1px 7px 1px #9b9b9b;
	-webkit-box-shadow: -1px 1px 7px 1px #9b9b9b;
	box-shadow: -1px 1px 7px 1px #9b9b9b;
	}

.wcFactsRecord
	{
	text-align: left;
	padding: 2px;
	border-bottom: 1px solid;
	}
	
.wcHFactsWrapper, .wcWFactsWrapper,
	{
	min-height: 300px;
	}
	
.wcFacts
	{
	font-size: 0.9em;
	width: 100%;
	}

.wcFactTitle
	{
	display: table-cell;
	width: 3em;
	font-weight: bold;
	text-align: right;
	}
		
.wcFactData
	{
	display: table-cell;
	padding-left: 5px;
	}
	
.wcSpouses
	{
	clear: both;
	}

.wcSpousesTitle
	{
	font-weight: bold;
	}

.wcSpousesData
	{
	font-size: 1.1em;
	}
	
.wcHSpousesWrapper, .wcWSpousesWrapper
	{
	width: 47%;
	padding: 0px 6px 3px 3px;
	}

.wcHSpousesWrapper
	{
	float: left;
	text-align: left;
	}
	
.wcWSpousesWrapper
	{
	float: right;
	text-align: right;
	}
	
.wcChildrenTitle
	{
	font-size: 1.2em;
	font-weight: bold;
	}

.wcNotSplit
	{
	clear: both;
	width: 80%;
	margin: auto;
	}

.wcChild, .wcFChild, .wcMChild,
.wcChildBold, .wcFChildBold, .wcMChildBold
	{
	padding-top: 0.6em;	
	padding-bottom: 0.5em;
	margin-bottom: 2px;
	}

.wcChildBold, .wcFChildBold, .wcMChildBold
	{
	font-weight: bold;
	}

.wcChildren
	{
	padding: 3px;
	}
		
.wcChildDate, .wcChildStatus
	{
	/*****
	To show dates and status on multiple lines change the
	display from span to block

	display: block;
	-----------------
	To show dates and status on a single line use margin-left to
	add a space between the words
	
	margin-left: 0.2em;
	*****/

	margin-left: 3px;
	font-size: 0.9em;
	}

.wcChildLabel
	{
	font-size: 0.9em;
	}