@charset "utf-8";
/* 

FAMILY TREE STYLE SHEET FOR [ATTIK DESIGNS]
Created by [ADRIAN CORCORAN]
[http://www.attikdesigns.ie]

*/

div#layout-family-member-panel 
{
	position:fixed;
	left: 0;
	top: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;	
	z-index: 9999;
	
1	display: none;
}

/*	----------------------------------------------------------------------	*/
/*	family member panel	close div */

/*	sits on top of black background and is used only to give something to */
/*	click to close the details panel	*/
/*	----------------------------------------------------------------------	*/

div.family-member-panel-close
{
	position:fixed;
	left: 0;
	top: 0;
	background: none;
	width: 100%;
	height: 100%;	
}

/*	----------------------------------------------------------------------	*/
/*	family member panel	loading div */

/*	white background and contains loading text, turned on / off when loading information */
/*	----------------------------------------------------------------------	*/

div.family-member-panel-loading
{
	position: absolute !important;
	background: #fff;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
}

div.family-member-panel-loading h3.loading-text
{
	display: block;
	text-align: center;
	width: 100%;
	margin: 230px 0 !important;
}

/*	----------------------------------------------------------------------	*/
/*	family member panel	full content div */

/*	singular div to contain the details information, turned on / off when loading */
/*	----------------------------------------------------------------------	*/

div.family-member-panel-full-content
{
	position: absolute !important;
	background: #fff;
	left: 0px;
	top: 0px;
	width: 100%;
	min-height: 500px;
	
	display: none;
}

/*	----------------------------------------------------------------------	*/
/*	family member panel	*/

/*	panel containing details information	*/
/*	----------------------------------------------------------------------	*/

div.family-member-panel-bg
{
	position:fixed;
	left: 0;
	top: 0;
	background: url(/mainpics/sqs/sqBlack60.png);
	overflow: hidden;
	width: 100%;
	height: 100%;	
}

div.family-member-panel
{
	position: fixed;
	background: #fff;
	margin: 3% 10%;
	width: 80%;
	min-height: 500px;	
}

div.family-member-panel div
{
	display: block;
	position: relative;
}

div.family-member-panel-div-layout
{
	margin: 10px;
	background: #f5f5f5;
}

div.family-member-panel-top
{
	clear: both;
	background: none;
}

div.family-member-panel-content
{
	clear: both;
	background: none;
	height: 500px;	
	overflow: auto;
}

div.family-member-panel-left
{
	clear: both;
	float: left;
	min-height: 400px;
	margin: 0;
	padding: 10px;
}

div.family-member-panel-right
{
	float: right;
	min-height: 400px;
	margin: 0;
	padding: 10px;
}

div.family-member-panel-bottom
{
	clear: both;
	background: none;
}

/*	----------------------------------------------------------------------	*/
/*	text	*/
/*	----------------------------------------------------------------------	*/

div.family-member-panel h2
{
	color: #0c476f;
	font-size: 2.4em;
	line-height: 1.8;
}

div.family-member-panel h2.member-panel-title
{
	clear:both;
	float:left;
}

div.family-member-panel h3
{
	color: #841212;
	font-size: 1.6em;
	margin-bottom: 1em;
}

div.family-member-panel p
{
	font-size: 1.2em;
	margin-bottom: 1em;
}

div.family-member-panel p.member-data-label
{
	clear: both;
	float: left;
	width: 25%;
}

div.family-member-panel p.member-data-field
{
	float: left;
}

div.family-member-panel div.family-member-description p
{
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 1.3em;
	margin-bottom: 1.5em;
	line-height: 1.5;
}

/*	----------------------------------------------------------------------	*/
/*	text	*/
/*	----------------------------------------------------------------------	*/

div.family-member-panel a
{
	color: #0c476f;
	text-decoration: underline;
}

div.family-member-panel a:hover
{
	color: #841212;
}

/*	----------------------------------------------------------------------	*/
/*	images	*/
/*	----------------------------------------------------------------------	*/

div.family-member-panel div.member-data-image
{
	float: left;
	padding: 10px;
	margin: 10px;	
	background:#FFF;
	box-shadow: 2px 2px 4px #e2ceb3;
	width: 100px;
	height: 100px;
}

/*	----------------------------------------------------------------------	*/
/*	buttons	*/
/*	----------------------------------------------------------------------	*/

div.family-member-panel a.button 
{
	border:none;
	display:inline-block;
	background: #0c476f;
	color:#fff !important;
	cursor:pointer;
	padding: 10px;
	box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.8) inset;
}

div.family-member-panel a.button:hover 
{
	background:#06314e;
}