/* These are styles created to work with all browsers, including IE8 */
.hoverbox { z-index: 1022; position:absolute; max-width:450px; cursor:pointer; }
.hoverbox .hoverOverlay {position:absolute; z-index:1023; background: transparent url(/i/pixel.gif) top left repeat; }
.hoverboxFixed { width:415px; }
.hoverbox .hd {text-align:left;height:35px;margin:0 14px 0 7px;background: transparent url(/css/search/hover/i/hd.gif) top left repeat-x;}
.hoverboxFixed .hd { margin:0 14px 0 7px; }
.hoverbox .bd {background: url(/css/search/hover/i/rt.png) top right repeat-y;}
.hoverbox .content {font-size:11px;border-left:2px solid #7A6F5A;margin-right:10px;background:white;}
.hoverbox .ft {margin:0px 14px 0 14px;height:14px;background: url(/css/search/hover/i/ft.png) repeat-x;}
.hoverboxFixed .ft {margin:0px 14px 0px 14px; }
.hoverbox .tl,.hoverbox .tr, .hoverbox .bl,.hoverbox .br {position:absolute;}
.hoverbox .tl {top:0px;left:0;width:14px;height:35px;background: url(/css/search/hover/i/tl.gif) no-repeat;}
.hoverbox .tr {top:0px;right:0;width:14px;height:35px;background: url(/css/search/hover/i/tr.png) no-repeat;}
.hoverbox .bl {bottom:0px;left:0;width:14px;height:14px;background: url(/css/search/hover/i/bl.png) no-repeat;} 
.hoverbox .br {bottom:0px;right:0;width:14px;height:14px;background: url(/css/search/hover/i/br.png) no-repeat;}
.hoverbox h6 {font-size:12px;}

.indivOtherInfo .burstOut .burstIn {display:none;}
.indivOtherInfo .burstOut .burstImg {display:none;}
/* ================================ */
/* = text styles for the hoverbox = */
/* ================================ */   

.hoverbox h3{letter-spacing:1px;color:#fff;margin:0;padding:0 5px;line-height:40px;
		font: normal normal bold 1.5em/30px "Trebuchet MS", Verdana, Arial, sans-serif;}
.hoverbox h4{margin:.5em 0;color:#433A2C;font-weight:bold;font-size:12px;line-height:1.1em; }
.hoverbox p{margin:0;}

.hoverbox .content table{padding:0 2px 2px; background:white; width: 100%; }
* html .hoverbox .content table{padding:0 2px 2px; width:100%; background:white;}

.hoverbox .content th{ 
	width:70px;font-weight:bold;line-height:1em;vertical-align:top;padding:5px 5px 5px 10px;
	border-top:1px solid #F4F4F4;border-right:1px solid #F4F4F4;text-align:right;
	border-bottom: none; background: none;
}
.hoverbox .content td{text-align:left;line-height:1em;vertical-align:top;padding:5px; border-top:1px solid #F4F4F4;}
.hoverbox .content td.data{width:175px;}
.hoverbox .content td.thumb{width:174px; border:none;padding:10px;border-left:1px solid #E5E5E5;background: transparent url(/css/search/hover/i/thumb_bg.jpg) top left repeat-x;}

.hoverbox .content .nosub table { background: none; width:100%; }
.hoverbox .content .p_embedTable .p_embedTableRow td {padding:0pt 0pt 0pt 4px;}
.hoverbox .nosub .detailsTbl td{ width:50%; font-weight: bold; border-top: 1px solid #dcdcdc; padding: 5px 1px; text-align: center; }
.hoverbox .nosub { background: transparent url(/css/search/hover/i/thumb_bg.jpg) top left repeat-x; }
.hoverbox .nosub td {padding: 0;}
.hoverbox .nosub h3 {background: transparent url(/css/search/hover/i/sub_bg.jpg) top left repeat-x; color:#80854F; text-align:center; 
	text-transform:uppercase; padding-top: 5px;
}
.hoverbox .nosub h4 { letter-spacing: 0; text-transform: none; text-align: center; color: #7E2D1C; padding: 0 5px;}
.hoverbox .nosub .imgPreview { text-align:center; }

.hoverbox #household {border-right:none;padding:0px;}
.hoverbox #household table{padding:0px; width:100%; border:none;}
.hoverbox #household table th{line-height:1em;border:none;text-align:left;padding:5px 5px 2px 5px;font-weight:normal;}
.hoverbox #household table th.hv_name{width:90%;}
.hoverbox #household table th.hv_age{text-align:center;}
.hoverbox #household table td{line-height:1.75em;vertical-align:top;padding:0px 5px;border:none;border-top:1px solid #EDEDED;}
.hoverbox #household table td.hv_age{text-align:center;}
.hoverbox #household table .odd td{background:#FAFAFA;}

.hoverbox .indivImagePreview { background: transparent url(/css/search/hover/i/thumb_bg.jpg) top left repeat-x; 
		padding: 0pt 0pt 10px; }
.hoverbox .indivImageThumb { background: transparent url(/css/search/hover/i/thumb_bg.jpg) top left repeat-x; 
		padding: 5px; float:left; margin-right: 5px }
.hoverbox .indivThumbCaption { width:315px; padding-top: 5px;}

/* ========= Overrides of predefined styles ====== */
.hoverbox .p_embedTableHead { background-color: #FAFAFA }
.hoverbox .p_embedTableRow a:link { text-decoration: none; color:black }
.hoverbox .burstIn, .hoverbox .burstImg { display: none; }
.hoverbox .snippet a { margin: 0px; }
.hoverbox .snippetlabel { margin: 2pt 0pt 2pt 5px; }
.hoverbox .snippet {}
.hoverbox .snippet .imgtag { border:2px solid #A7B830; }

/* ======== Tree View Specific Styles ===== */
.hoverbox .treeTitle {text-decoration:none; padding:0 0 0 20px;}
.hoverbox .treeTitle .title {font-size:12px; color:#333333; font-weight:bold; }
.hoverbox .treeTitle .tType {font-size:9px; color:#A9A9A9}
.hoverbox .treeTitle img {float:left}
.hoverbox .pedigree{background:url(/css/search/hover/i/pedigree-bg.gif) left center no-repeat;height:90px;
	text-align:left;position:relative; width:397px}
.hoverbox .pedigree .pd-root{position:absolute;color:#999;top:36px;left:5px;color:#fff;}
.hoverbox .pedigree .pd-spouse{position:absolute;color:#999;top:55px;left:12px;}
.hoverbox .pedigree .pd-father{position:absolute;color:#999;top:23px;left:220px;}
.hoverbox .pedigree .pd-mother{position:absolute;color:#999;top:49px;left:220px;}

.indivImgPop { margin: 0px; padding: 0px; z-index:1023; position:absolute; }
.indivHide {z-index:-1; display:none}
.indivOtherInfo { border-top: 1px solid black; padding: 0px 18px 0px 8px; margin-top: 4px; }
.indivOtherInfo p { margin: 2px 4px 0px 0px; color: #666666}
.indivOtherInfo h4 { color: black; padding-top: 4px; letter-spacing: 0px; text-transform: none; }

