.branch {
margin-left: 16px;
padding: 0px;
font-size: inherit;
display: none;
white-space: nowrap;
background-image: url('images/line.gif');
background-repeat: repeat-y;
}

.branch_ghost {
}

.branch .label a {
text-decoration: none;
color: black;
}

.branch .icon {
display: inline;
padding:0px;	
margin:0px;
margin-right:4px;
}

.selected .label a {
color: blue;
}

.selected .branch .label a {
color: black;
}

.branch .label a.control {
padding: 0px;
margin-right:4px;
font-weight: bold;
}

.branch .label a.control {
margin-left: 0px;
}

.branch .label a.control img {
border: 0px;
}

.branch .label a.control span {
font-size: 0.7em;
border: 1px solid black;
background-color: #e0e0e0;
color: black;
}

.array {
background-color: #f0f0f0;
position: relative;
}

.object {
background-color: #ffffff;
position: relative;
border: 1px solid black;
margin: 10px;
}

.array .label,
.object .label {
font-weight: bold;
background-color: #9999ff;
padding: 2px;
}

.array .label span:before,
.object .label span:before {
content: '::';
}

.controls {
position: absolute;
top: 2px;
right: 2px;
margin-right: 5px;
}

.controls input {
font-size: 0.7em;
border: 0px;
height: 14px;
width: 15px;
padding: 0px;
}

.field {
clear: both;
padding: 3px;
}

label {
position: relative;
float: left;
width: 150px;
text-align: right;
margin-right: 5px;
}

input {
position: relative;
border: 1px solid black;
}

.tree h1 {
margin: 4px;
padding: 0px 0px 0px 10px;
font-size: 1.3em;
background-color: #ddddff;
border: 1px solid #bbbbcc;
}

.leftTree {
float: left;
width: 200px;
background-color: #f0f0f0;
padding: 10px;
margin:4px;
font-size: 0.7em;
display:block;
border: 1px solid #c0c0c0;
line-height: 1.3em;
}

.rightTree {
float: left;
border: 1px solid #a0a0a0;
padding: 10px;
margin:4px;
display:block;
}