.dndjqb_highlighted{
    background-color:yellow;
}

.addNodeClass{
    padding: 5px 5px 5px 5px !important;
    margin-right: 3px;
}

.addGroupClass{
    padding: 5px 5px 5px 5px !important;
    margin-right: 3px;
}

.removeNodeClass{
    padding: 5px 5px 5px 5px !important;
    margin-right: 3px;
}

/*Thanks to http://cssdeck.com/labs/pure-css-tree-menu-framework for tree styling*/
ul.tree,
ul.tree ul {
    list-style:none;
    margin:0;
    padding:0;
}

ul.tree ul {
    margin-left:10px; /* indentation */
    position:relative;
}

ul.tree ul:before {
    content:"";
    display:block;
    width:0;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    border-left:1px solid;
}

ul.tree li {
    margin:0;
    padding:0 12px; /* indentation + 2 */
    font-size:14px;
    line-height:20px; /* default list item `line-height` */
    color:#555;
    font-weight:bold;
    position:relative;
}

ul.tree ul li:before {
    content:"";
    display:block;
    width:10px; /* same with indentation */
    height:0;
    border-top:1px solid;
    position:absolute;
    top:10px;
    left:0;
}

ul.tree ul li:last-child:before {
    background:white; /* same with body background */
    height:auto;
    top:10px; /* (line-height/2) */
    bottom:0;
}