.dline, .ddotted
	{
		background:#989898;
		position:absolute;
	}
	.ddotted
	{
		width:1px !important;
		background:none;
		border: 1px dotted;
	}
	.di
	{
		background:#ffffff;
		border:2px solid #ffffff;
		border-radius:8px;
		width:125px;
		box-shadow:3px 2px 4px 0 #989898;
		position:absolute;
	}
	.dedi
	{
		color:#777;
	}
	.ddi
	{
		border-color:#104a73;
		border-width:3px;
	}
	.fdi
	{
		background:#aad9fc;
	}
	.mdi
	{
		background:#fdc6e1;
	}
	.tree
	{
		position:relative;
		
		
	}
	.tree_container
	{
		width:100%;
		height:100%;
		position:absolute;
		overflow:hidden;
	}
	.view_port
	{
		width:100%;
		height:100%;
		
		overflow:hidden;
		cursor:pointer;
	}
	.di table
	{
		width:100%;
		height:100%;
	}
	td.name
	{
		width:60%;
		vertical-align:top;
		font-size:12px;
		font-weight:bold;
	}
	td.image
	{
		width:45%;
		background:url(../images/no_photo_m.gif) no-repeat;
		background-size:100% 100%;
		
	}
	td
	{
		padding:0;
		margin:0;
	}
	.mdi td.image
	{
		background:url(../images/no_photo_f.gif) no-repeat;
		background-size:100% 100%;
		width:45%;
	}
	.image_preview
	{
		
	}
	
.edi
{
	position:absolute;

}

.di .btn
{
	text-decoration:none;
	position:absolute;
	font-size:10px;
	display:none;
	width:10px;
	height:10px;
	
}
.di .edit
{
}
.di .more
{
}
.di:hover .btn
{
	display:inline-block;
}
.di:hover .arrow, .di:hover .close, .di:hover .cimg
{
	display:block;
}
.arrow,.close
	{
		position:absolute;
		display:none;
	}


.cimg
{
	text-decoration:none;
	font-size:12px;
	display:none;
}