#div1 {
  float: left;
  margin: 10px;
  padding: 10px;
}


#div2 {
  float: left;
  margin: 10px;
  padding: 10px;
  // border: 1px solid black;
}


.drag-over {
    border: dashed 3px yellow;
}

.valid-drop {
    border: dashed 3px green;
}

.wrong-drop {
    border: dashed 3px red;
}


.p-wrong {
border: dashed 3px red;
padding: 5px;


}

.p-right {
border: dashed 3px green;
padding: 5px;

}



.hide {
    display: none;
}

#menu {
height: 150px ;

}

td.detail {
height: 200px ;
width: 200px ;
// that's just to debug it!
// background : red ;


}



table.outer {
//  border: 1px solid black;
  table-layout: fixed;
 
}

table.inner {
  border: 1px solid red;
  table-layout: fixed;
 
}




/*

table.outer td 
{
  table-layout:fixed;
  width: 230px;
  overflow:hidden;
 /* word-wrap:break-word; */
}



table.inner td 
{
  table-layout:fixed;
  width: 230px;
  height: 1000px;
  overflow:hidden;
  border: 1px solid green;
  word-wrap:break-word;
}