#structure-wrapper {
	width:900px;
	}
#log {
	border: 1px solid #007ACD;
	padding: 0px 4px;
	width: 500px;
	margin-left: 20px;
	margin-bottom: 20px;
	float:left;
	background: white;
	height: 400px;
	overflow: auto;
}
#log p {
	margin: 0;
	padding: 0;
	font-weight:bold;
}
#tree_container{
height:400px;
width:350px;
position:relative;
border:solid 1px #007ACD;
margin-bottom: 20px;
float:left;
}
#informer {
	border-bottom: 1px solid #007ACD;
	}

#informer p{
font-weight: normal;
margin: 0;
padding: 0;
}

#informer span{
font-weight:normal;
}

#new-item {
	margin-top: 20px;
	margin-bottom: 20px;
	}

input {
	width: 150px;

	}

/*...................................................................................
===============GLOBAL=================
......................................................................................*/

.mif-tree-wrapper{
position: absolute;
width: 100%;
height:100%;
margin:0;
padding:0;
overflow:auto;
font-family:sans-serif;
font-size:11px;
line-height:18px;/******Tree node height******/
white-space:nowrap;
cursor:default;
}

.mif-tree-bg{
width:100%;
height:100%;
position:absolute;
overflow:hidden;
}

.mif-tree-bg-container{
width:100%;
display:none;
}

.mif-tree-bg-node{
width:100%;
height:18px;
}

.mif-tree-bg-selected{
background-color:#dcd7ab;
}

.mif-tree-wrapper:focus{
outline:0;
}

.mif-tree-wrapper span{
padding-bottom:2px;
padding-top:2px;
cursor:inherit;
}

.mif-tree-children{
padding-left:18px;
width:18px;
}

.mif-tree-node{
width:18px;
background:url('line.gif') repeat-y 8px 0px;
}

.mif-tree-node-last{
background:url('line.gif') no-repeat 8px 0px;
}

.mif-tree-name{
cursor: default;
overflow:hidden;
margin-left:4px;
}

.mif-tree-name a{
color:red;
}

.mif-tree-name a:hover{
color:blue;
}


.mif-tree-node-wrapper{
background:url('horizontal-line.gif') no-repeat 9px center;
}

/*...................................................................................
================GADJETS=================
......................................................................................*/

.mif-tree-gadjet{
background-image:url('gadjets.gif');
padding-right: 16px;
z-index:1;
overflow:hidden;
background-repeat:no-repeat;
cursor:default;
}

.mif-tree-gadjet-none{
background:none;
}

.mif-tree-gadjet-minus{
background-position: 0px 50%;
}

.mif-tree-gadjet-plus{
background-position: -18px 50%;
}



.mif-tree-gadjet-hover .mif-tree-gadjet-minus{
background-position: -54px 50%;
}

.mif-tree-gadjet-hover .mif-tree-gadjet-plus{
background-position: -72px 50%;
}

/*...................................................................................
================ICONS=================
......................................................................................*/
.mif-tree-icon{
padding-right:18px;
background-position:0 50%;
background-repeat:no-repeat;
cursor:inherit;
}

.mif-tree-open-icon{
background-image:url('folder.png')
}

.mif-tree-close-icon{
background-image:url('folder.png')
}

.mif-tree-lock-open-icon, .mif-tree-lock-close-icon{
background-image:url('lock.png')
}

.mif-tree-loader-open-icon,.mif-tree-loader-close-icon{
background-image:url('mootree_loader.gif');
}

.mif-tree-bin-open-icon{
background-image:url('bin_closed.png');
}

.mif-tree-bin-close-icon{
background-image:url('bin.png');
}




/*...................................................................................
================SELECTION=================
......................................................................................*/

.mif-tree-node-selected .mif-tree-name{
background-color: #010161;
color:#fff;
text-transform:italic;
}

.mif-tree-highlighter{
height:18px;
overflow:hidden;
width:100%;
background:#b64553;
position:absolute;
}








/*...................................................................................
===============D'n'D=================
......................................................................................*/
.mif-tree-pointer{
height:1px;
overflow: hidden;
position: absolute;
background-image:url('1.gif');
background-repeat:repeat-x;
background-color:#292fef;
}


.mif-tree-ghost{
background-color:#fff;

border:solid 2px #e8e8f7;
padding-left:2px;
}

.mif-tree-ghost span{
padding-top:2px;
padding-bottom:2px;
}

.mif-tree-ghost .mif-tree-node-wrapper{
background:none;
}

.mif-tree-ghost span.mif-tree-text{
padding-top:1px;
padding-bottom:1px;
}

.mif-tree-ghost-icon{
padding-left:16px;
background-color:#fff;
background-repeat:no-repeat;
background-image:url('dropzone.gif');
}

.mif-tree-ghost-after{
background-position:-64px 2px;
}

.mif-tree-ghost-before{
background-position:-48px 2px;
}

.mif-tree-ghost-between{
background-position:-16px 2px;
}

.mif-tree-ghost-inside{
background-position:-0px 2px;
}

.mif-tree-ghost-notAllowed{
background-position:-32px 2px;
}

.mif-tree-drag-current{
background-color:#cfcfd8;
}

.mif-tree-replace{
background-color:#99c8fb;
}