#layout_header {
  position:relative;
  background-color:black;
}

x-timeline {
  position: absolute;
  width: 100%;
  top: 28px;
  /*bottom: 80%;*/
  height: 146px; /* layout_separator.top - this.top  */
}

#layout_separator {
  position: absolute;
  width: 100%;
  top: 174px;
  /*bottom: 80%;*/
  height: 8px;
  /*background-color: #00ff00;*/
  z-index: 200;
  cursor: s-resize;
}

#layout_down {
  position: absolute;
  width: 100%;
  top: 182px;
  bottom: 10px;
}
#layout_footer {
  position: fixed;
  width: 100%;
  bottom: 0px;
  height: 10px;
}

/*******************/

x-toolbox {
  position: absolute;
  left: 0;
  width: 80px;
  height: 100%;
  overflow-y: auto;

  text-align: center;
 }

#layout_down_mid {
  position: absolute;
  left: 80px;
  right: 210px;
  height: 100%;
  text-align: center;


  overflow: scroll;
  background-color: #999; /*ccc*/
}

#layout_down_right {
  position: absolute;
  /*left: 85%;*/
  width: 210px;
  right: 0;
  height: 100%;
  overflow-y: auto;
  text-align: center;
}