/* 
    Created on : Sep 29, 2015, 10:00:19 AM
    Author     : sking
*/
.mfx-block-diagram {
  height: 300px;
  padding-left: 5%;
  padding-right: 5%;
}
.mfx-block-diagram .block {
  float: left;
  height: 16%;
  text-align: center;
  font-weight: bold;
  border: 1px solid #000000;
}
.mfx-block-diagram .label,
.mfx-block-diagram .label2 {
  float: left;
  clear: left;
  width: 16%;
  /*   border-right: 2px dotted #333333;*/
  height: 16%;
  text-align: center;
  font-style: italic;
  background-color: #ffffff;
}
.mfx-block-diagram .labelsep {
  float: left;
  width: 4%;
  border-right: 2px solid #333333;
  border-top: 2px solid #333333;
  border-bottom: 2px solid #333333;
  height: 16%;
  text-align: center;
  background-color: #ffffff;
}
.mfx-block-diagram .block span,
.mfx-block-diagram .label span,
.mfx-block-diagram span {
  position: relative;
  top: 30%;
  transform: translateY(-50%);
}
.mfx-block-diagram .label2 span {
  position: relative;
  top: 10%;
  transform: translateY(-50%);
}
.mfx-block-diagram .nl {
  clear: left;
}
.mfx-block-diagram .tsep {
  border-top: 2px solid #ffffff;
}
.mfx-block-diagram .lsep {
  border-left: 2px solid #ffffff;
}
.mfx-block-diagram .rsep {
  border-right: 2px solid #ffffff;
}
.mfx-block-diagram .bsep {
  border-bottom: 2px solid #ffffff;
}
.mfx-block-diagram .w100 {
  width: 80%;
}
.mfx-block-diagram .w50 {
  width: 40%;
}
.mfx-block-diagram .w33 {
  width: 27%;
}
.mfx-block-diagram .w33m {
  width: 26%;
}
.mfx-block-diagram .w25 {
  width: 20%;
}
.mfx-block-diagram .w20 {
  width: 16%;
}
.mfx-block-diagram .w10 {
  width: 8%;
}
.mfx-block-diagram .h10 {
  height: 16%;
}
.mfx-block-diagram .h20 {
  height: 32%;
}
.mfx-block-diagram .hsep {
  clear: left;
  float: left;
  width: 100%;
  height: 10px;
  background-color: #ffffff;
}
/*.mfx-block-diagram .vsep
{
   float: left; 
   width: 2px; 
   background-color: #ffffff;
}*/