#DiagLeft {
 float:left;
 width:calc(100% - 218px);
 height:570px;
 min-height:415px;
 margin:2px; background-color:#444444;
}
#DiagYCanvas {
 float:left;
}
#DiagXCanvas {
 margin-left:30px;;
}
#DiagRight {
 float:left;
 width:210px;
 margin:2px;
}
#DiagCtrlDiv1 {
 text-align:left;
 width:100%;
 height:495px;
 min-height:340px;
 background:#444444;
 overflow-y:scroll;
}
#DiagCtrlDiv2 {
 text-align:left;
 width:100%;
 height:67px;
 background:#444444;
 overflow:hidden;
 margin-top:4px;
 padding-top:4px;
}
#DiagCtrlDiv1 ul{
 list-style: none;
 padding:0px;
 margin:2px;
 margin-top:15px;
}
#DiagCtrlDiv1 li{
 text-overflow:clip;
 white-space:nowrap;
 overflow:hidden;
}
#DiagCtrlDiv1 a{
 margin-left:7px;
 padding:2px;
}
#DiagCtrlDiv2 a{
 margin-top:10px;
 margin-left:7px;
 padding:2px;
 font-size:14px;
}
#DiagCtrlDiv1 a:hover,
#DiagCtrlDiv2 a:hover{
 background:rgba(255,255,255,0.5);
 cursor:pointer;
}