anchor.diff:          background: url('../img/toggle-expand-dark.png');
       }
   
  -    /*.arrow_down {*/
  -        /*width: 0;*/
  -       	/*height: 0;*/
  -       	/*border-left: 20px solid transparent;*/
  -       	/*border-right: 20px solid transparent;*/
  -       	/*border-top: 20px solid #f00;*/
  -    /*}*/
  +    /*TEMP
  +
  +    TODO remove next styles in css
  +
  +    .td_select_highlight {
  +        background: #D7E9CA!important;
  +    }
  +
  +    .table_itseft .in table tr:hover .td_select_highlight {
  +        background: #E1EEFA!important;
  +    }
  +    */
  +
  +    .tr_select_highlight {
  +        background: #D7E9CA!important;
  +    }
  +
  +    .table_itseft .in table tr.tr_select_highlight:hover {
  +        background: #E1EEFA!important;
  +    }
  +
   
       </style>
   
  
positive.code: 				<table cellpadding="0" cellspacing="0" width="100%" id="tree_table">
  				<thead>
  						<tr class="journey_stat_header">
  							<th><button class="expand_table_tree">Expand</button>Call</th>
  							<th>Gross duration</th>
  							<th>Net duration</th>
  							<th>Aborted</th>
  
negative.code:         $(function() {
              // TREE TABLE
              $("#tree_table").treeTable();
  
              // EXPAND-COLLAPSE TABLE TREE
              function expandTableTree() {
                  var button = $('.expand_table_tree'),
                      table = $('#tree_table'),
                      mainParent = $('#node-0'),
                      mainParentExpander = $('#node-0 a.expander'),
                      selectPositionCheckbox = $('.select_current_row_positions_checkbox');
  
  
                  button.on('click', function() {
                      var $this = $(this),
                          selectedRows = table.find($('tr.tr_select_highlight'));
  
                      if ($this.hasClass('table_tree_closed')) {
                          table.expandAll();
                          $this.removeClass('table_tree_closed').addClass('table_tree_opened').text('Hide');
                      } else {
                          table.collapseAll();
                          $this.removeClass('table_tree_opened').addClass('table_tree_closed').text('Expand');
  
                          selectedRows.each(function() {
                              $(this).removeClass('tr_select_highlight')
                          });
  
                          selectPositionCheckbox.each(function() {
                              $(this).prop('checked', '');
                          });
                      }
                  })
  
                  mainParentExpander.on('click', function(){
  
                      if (mainParent.hasClass('expanded')) {
                          button.removeClass('table_tree_closed').addClass('table_tree_opened').text('Hide');
                      } else {
                          button.removeClass('table_tree_opened').addClass('table_tree_closed').text('Expand');
                      }
                  })
              };
  
  