th, td {
    padding:2px
} 

div.top-nav li a {
    color: #fff !important;
}

.main-img a:link,a:visited {
    color:#206faf;
    font-size:14px;
}    
.main-img a:hover{color:blue!important;
    font-weight:bold;
}

   
div.main-img {
    margin-right: auto!important;
    margin-left: auto!important;
    
}

.main-img {
  height: 700px;
  width: 700px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.invisible-area {
  position: absolute;
    /* background: #008800; */
  height: 250px;
  width: 300px;
  z-index: 2;
 
}

.area-one{
    top: 100px;
    left: 160px;
    z-index:3;
   
 /* //   background: #008800; */
}

/* Dots outside cluster */
.roleArea{
    display: none;
    position: absolute;
    height: 180px;
    width: 325px;
    font-size:11px;
    color: Blue;
    font-weight:bold;
    z-index: 4;
}

.mytooltip {
  display: none;
  min-width:150px;
  background: #edf5fa;
  border-radius: 5px;
  border: 1px #2c7bbb solid;
  z-index: 5;
  
}

.invisible-area:hover .mytooltip {
  display: block;
  border: 1px #2c7bbb solid;
  
}





.breadcrumb input[type=text] {
  padding: 6px;
  margin-top: 8px;
  font-size: 17px;
  border: none;
}

.ellipsis p {font-size:14px!important;
    }
.ellipsis em {font-size:14px!important;padding-left:6px!important;}
.ellipsis ul{ list-style: none; font-size:12px;
    margin-top: -25px;
    margin-left: -40px;}
#result{padding-left:70px;}



#outputPannel{
 height: 465px;
  width: 325px;
    
}