body {

}

.endpointHoverClass {
border:2px solid white;
}

.window { border:1px solid #346789;
box-shadow: 2px 2px 19px #e0e0e0;
   -o-box-shadow: 2px 2px 19px #e0e0e0;
   -webkit-box-shadow: 2px 2px 19px #e0e0e0;
   -moz-box-shadow: 2px 2px 19px #e0e0e0;
-moz-border-radius:0.5em;
border-radius:0.5em;
opacity:0.8;
filter:alpha(opacity=80);
width:5em; height:5em;
line-height:5em;
text-align:center;
z-index:20; position:absolute;
background-color:#eeeeef;
color:black;
font-family:helvetica;padding:0.5em;
font-size:0.9em;
top:50%;
left:50%;
}
.window:hover {
border:1px solid #123456;
box-shadow: 2px 2px 19px #444;
   -o-box-shadow: 2px 2px 19px #444;
   -webkit-box-shadow: 2px 2px 19px #444;
   -moz-box-shadow: 2px 2px 19px #fff;
    opacity:0.9;
filter:alpha(opacity=90);

}
#demo {
width:70%;
background-color:transparent;
}
path { cursor:pointer; }
#window1 { top:5em;left:2em;}
#window2 { top:8em; left:43em;}
#window3 { top:28em;left:2em; }
#window4 { top:16em; left:22em;}
#window5 {top:34em;left:26em;}
#window6 {top:23em;left:56em;}
#window7 {top:18em;left:40em;}
#window8 {left:63em;top:32em;}
._jsPlumb_connector { z-index:4; }
._jsPlumb_endpoint { z-index:5; }
.hl { border:3px solid red; }
#debug { position:absolute; background-color:black; color:red; z-index:5000 }