/* -------------------------------------------------------------------------- */
/* Styles for the block diagram to allow it to work correctly                 */
/* -------------------------------------------------------------------------- */
#bdinfopanel{
   position:absolute;
   background: white;
   z-index:0;
   width:260px;
   height:480px;
   margin-left:515px;
   margin-top:0px;
   padding:3px;
   color: black;
   font-size:14px;
   border:1px solid #585b8d;
}
#bdinfopanel h1{
   font-size:14px;
   padding:2px;
   margin:0px;
   margin-top:0px;
   background:#585b8d;
   color: white;
}
#bdinfopanel h2{
   font-size:14px;
   padding:2px;
   margin:0px;
   margin-top:0px;
   background:#585b8d;
   color: white;
}
#bdinfopanel p{
   font-size:12px;
   padding:2px;
   margin:0px;
   margin-top:0px;
   background:white;
   color: black;
   text-align: justify;
}
#bdinfopanel img{
   max-width:150px;
   max-height:100px;
   height:auto;
   float:right;
   padding:0px;
   margin:5px;
}
#hoverdiv1:hover div{left:0px;}
#hoverdiv2:hover div{left:0px;}
#hoverdiv3:hover div{left:0px;}
#hoverdiv4:hover div{left:0px;}
#hoverdiv5:hover div{left:0px;}
#hoverdiv6:hover div{left:0px;}
#hoverdiv7:hover div{left:0px;}
#hoverdiv8:hover div{left:0px;}
#hoverdiv9:hover div{left:0px;}
#hoverdiv10:hover div{left:0px;}
#hoverdiv1:hover,
#hoverdiv2:hover,
#hoverdiv3:hover,
#hoverdiv4:hover,
#hoverdiv5:hover,
#hoverdiv6:hover,
#hoverdiv7:hover,
#hoverdiv8:hover,
#hoverdiv9:hover,
#hoverdiv10:hover{
 border:2px solid red;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
}


#blockdiagram li{
  z-index:10;
  min-width:50px;
  min-height:40px;
  width:102px;
  background : blue;
}
.hoverdiv{
  z-index:100;
  position:absolute;
  left:-2000px;
  background:none;
  width:200px;
}

.hoverdiv_int{
  padding:5px;
  border:1px solid black;
  background:white;
  width:200px;
  -moz-border-radius:8px;
  -webkit-border-radius:5px;
  -moz-box-shadow: RGBA( 0,0,0,0.4) 5px 5px 5px;
}

.hoverdiv h1,
.hoverdiv h2,
.hoverdiv h3{
   font-size:14px;
   padding:2px;
   margin:0px;
   margin-top:0px;
   background:#585b8d;
   color: white;
}
#blockdiagram p{
   font-size:12px;
   padding:2px;
   margin:0px;
   margin-top:0px;
   color: black;
   text-align: justify;
}
#inpop{
width:95%;
padding-left:1%;
height:auto;
}
.hoverarrow{
  float:left;
  display:block;
  margin:0px;
  padding:0px;
  margin-left:-19px;
  width:16px;
  margin-top:-23px;
}