@charset "utf-8";
/* 

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

*/

div#layout-family-tree {
		position: relative;
		width: 100%;
		background:#FFEEDC;
1		box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.8) inset;
		padding-bottom:1em;
		min-height: 400px;
		z-index: 900;
		}

/*	----------------------------------------------------------------------	*/
/*	family tree	panel	*/
/*	----------------------------------------------------------------------	*/

div.family-tree-panel
{
1	border: 1px solid #444;	/*	grey	*/
	
	position: relative;
	overflow:scroll;
	width: 100%;
	min-height: 600px;
}

/*	----------------------------------------------------------------------	*/
/*	family tree	*/
/*	----------------------------------------------------------------------	*/

div.family-tree div:after {
    	content: "."; 
    	display: block; 
    	height: 0; 
    	clear: both; 
    	visibility: hidden;
		}		

div.family-tree
{		
1	border: 1px solid #000;	/*	black	*/
	padding: 10px;
	
	position: absolute;
	left: 0; 
	top: 0;
	width: 1000%;
	min-height: 1000px;
}

div.family-tree div
{		
	display: block;
}

div.family-tree p
{		
	margin: 0;
	padding: 0;
	line-height: 1;
	color:#FFF;
	font-family:Palatino Linotype;
	font-size:1.6em;
}
div.family-tree p.member-name
{		
	font-family: Trajan Pro;
	font-size:1.7em;
}

/*	----------------------------------------------------------------------	*/
/*	family unit	*/
/*	----------------------------------------------------------------------	*/

div.family-unit
{		
1	border: 1px solid #c5b39c;	/*		*/
1	padding: 10px;
1	margin: 10px;
	position: relative;
	float: left;
}

div.family-unit-children
{		
1	border: 1px solid #f00;	/*	red	*/
1	padding: 10px;
1	margin: 10px;
	position: relative;
	clear: both;
}

div.family-unit-children.only-child
{		
	padding-left: 145px;
}

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

div.family-member
{		
1	border: 1px solid #0f0;	/*	green	*/
	padding: 10px;
	margin: 10px;
	
	position: relative;
	float: left;
	background:#FFF;
	box-shadow: 2px 2px 4px #e2ceb3;
	width: 250px;
	height: 80px;
}

div.family-member p
{		
	color: #1e1e1c;
	font-size: 1.2em;
}

div.family-member p.member-name
{		
	color: #1e1e1c;
	font-size: 1.4em;
}

div.family-member img
{		
}

div.family-member a.admin-family-member-edit-link
{		
	position: absolute;
	right: 0;
	bottom: 0;
	width: 30px;
	height: 30px;
	background: #f5f5f5 url(/mainpics/icons/icon-edit-sm.png) center center no-repeat;
	text-decoration: none;
	display: none;
}

/*Expand Panel link*/
div.family-member a.family-member-dev-expand{
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-decoration: none; /* No underlines on the link */
	}

/*Spouse*/
div.family-member.spouse
{		
}

/*Genders*/
div.family-member.male p.member-name
{		
	color: #0c476f;
}

div.family-member.female p.member-name
{		
	color: #841212;
}


/*FAMILY LINKS*/

span.family-link
{
	position:absolute;
	display: block;
	left: -10px;
	top: -10px;
	width: 10px;
	height: 10px;
	background: #666;
}

span.family-link.hori
{
	width: 20px;
	height: 2px;
}

span.family-link.vert
{
	width: 2px;
	height: 20px;
}

span.family-link.spouse
{		
	top: 50px;
	left: -20px;
}

span.family-link.family-unit
{		
	top: 0px;
	left: 0px;
	width: 105%;
}

span.family-link.family-unit.first
{		
	top: 0px;
	left: 145px;
	width: 95%;
}

span.family-link.family-unit-children
{		
	top: -60px;
	left: 290px;
	height: 60px;
}

span.family-link.family-unit-child
{		
	top: -10px;
	left: 0px;
	width: 100%;
}

span.family-link.family-unit-child.last-child
{		
	top: -10px;
	left: 0px;
	width: 50%;
}

span.family-link.family-unit-child-not-spouse
{		
	top: -10px;
	left: 50%;
	height: 10px;
}


/*	----------------------------------------------------------------------	*/

/*	----------------------------------------------------------------------	*/
/*	family tree	forms and search panel */
/*	----------------------------------------------------------------------	*/

form.family-tree-form {
}

form.family-tree-form p.field {
	font-size: 1.5em;
	line-height: 1.5;
}

form.family-tree-form select {
	padding:1px;
	background: #FFFaf5;
	border:1px solid #d8d8d8;
	font-family:Palatino Linotype;
	font-size:1em;
	margin-top: -2px;	
}

form.family-tree-form select option span {
	font-size:0.8em;
	color: #ddd;
}

form.family-tree-form {
}

form.family-tree-form {
}