/*****************************************************************************
****  CONTAINTER  ************************************************************
******************************************************************************/
#treeContainer{
	text-align:center;
    	width:350em;
	margin:10px 10px 0px 10px;
	font-size:.8em;
	font-family:"Verdana";
	display:block;
	clear:both;
}

#treeContainer ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
}




/*****************************************************************************
****  PERSON & CHILDREN DIV  *************************************************
******************************************************************************/
div.PersonOn, div.PersonOff{
	float:left;
	margin:0px;
	padding:10px 0px 0px 0px;
	background: #fff url(mtop.gif) top center no-repeat;
	text-align:center;
	
}

div.children{
	padding:0px 0px 0px 0px;
	margin:10px 0px 0px 0px;
	border:0px dotted black;
	border-width:0px 0px 0px 0px;
	background:#fff;
	width:100%;	
	text-align:center;
}

div.PersonOff div.children{
	display:none
}
div.PersonOn input.button {
	background-image: url(minus.gif);
	background-position: center center;
	background-repeat: no-repeat;
}

div.PersonOff input.button {
	background-image: url(plus.gif);
	background-position: center center;
	background-repeat: no-repeat;
}

div.firstNode
{
    background: #fff url(rtop.gif) top center no-repeat;
}
div.lastNode
{
    background: #fff url(ltop.gif) top center no-repeat;
}
div.firstNode , div.lastNode 
{
    border-width:0px;
    margin:0px;
}
div.onlyChild{
    background: #fff url(vstripe.gif) top center no-repeat;
}
div.rootNode{
    background: #fff url(vstripe.gif) top center no-repeat;
    padding-top:0px;
}

/*****************************************************************************
****  NAME LABEL  ************************************************************
******************************************************************************/
.nameLabel{
    padding:3px 2px 2px 2px;
	display:inline;
}

.labelHover{
    background:gold;
}
.namesSpan{
    padding:0px;
	margin:0px 2px 0px 1px;
	border:1px solid gray;
	background:#F4FbFF;
    cursor:pointer;

    
}
/* For cross-browser support */
.namesSpan {
    padding:2px;
    [padding:0px;]
}
.fname{
	padding:3px 0px;
	display:block;
	white-space:nowrap;
	z-index:50;
	text-transform:Capitalize;

	}
	

.dragged{
	filter:alpha(opacity='50');
	moz-opacity:0.5;
	background-color:orange;
	padding :2px 4px;
	border:1px solid black;
	font-weight:bold;
	color: black;
	text-decoration:none;
}
.target{
	background-color:black;
	color:gold;
}
.clear{
	clear:both;
}
	
	

.button{
	border:1px solid #888;
	width:9px;
	height:9px;
	cursor:hand;
	margin:0px 0px -3px 0px;
	padding:0px 0px 0px 0px;
	background-color:#fff;
	font-size:.1em;
	z-index:100;
}
.data{
	text-align:center; 
	border:1px solid gray; 
	border-width:0px 0px 0px 0px; 
	padding:0px; 
	margin:0px 0px 0px 0px;
}
.inlaw{
	color:#888!important;
}
	
	
	
	
	
	
	/*****************************************************************************
****  INFO BOX  **************************************************************
******************************************************************************/


.infoBoxOff{
	display:none
}