anchor.diff:    #map-container {
       width : 625px;
       height : 490px;
  +  }
  +  
  +  span.color {
  +    display : inline-block;
  +    width : 12px;
  +    height : 12px;
  +    border-radius : 6px;
  +    vertical-align : middle;
  +    border: 1px solid black;
     }
   </style>
   
  
positive.code:     
      this.initTree = function(){
        _d.tree = _d._tree_elem.jstree({
          core    : {},
          plugins : [ "json_data", "ui", "themes"],//, "types"],// "ui"],
          themes : { theme : "apple" },
          json_data : {data: tree} , 
          //         types : {
          //           valid_children : ["provider"],
          //           types : {
          //             "provider" : {
          //               // max_depth : 3, 
          //               select_node : function(){ console.log("selected provider");},
          //               valid_children : "device_pool"
          //             },
          //            "device_pool" : {
          //               valid_children : "device",
          //               select_node : function(){ console.log("selected device_pool");}
          //             },
          //             "device" : {
          //               select_node : function(){ console.log("selected device");}
          //             }
          //           }
          //          
          //         }//,
          ui      : {
            select_multiple_modifier : "on",
            select_prev_on_delete : false, 
            disable_selecting_children : true
          }
        });
        
        // this isnt working without a delay ?
        window.setTimeout(function(){
          _d._tree_elem.jstree("open_all", -1);
        }, 1);
      },
      
  
negative.code:         ]
        },
        {
          data : "Device Pool 2 <span class='color' style='background-color:#FFC'> </span>",
          attr : { rel : "device_pool", "data-color" : "FFC" },
          metadata : { id : 2 },
          children : [
            {
  