.window { 
	border:1px solid #346789;
	box-shadow: 2px 2px 19px #aaa;
   -o-box-shadow: 2px 2px 19px #aaa;
   -webkit-box-shadow: 2px 2px 19px #aaa;
   -moz-box-shadow: 2px 2px 19px #aaa;
	-moz-border-radius:0.5em;
	border-radius:0.5em;
	opacity:0.8;
	filter:alpha(opacity=80);
	width:7em; 
	height:1.5em;
	line-height:5em;
	z-index:20; position:absolute;
	background-color:#eeeeef;
	color:black;
	text-align:center;
	padding:0.5em;
}

.imagePoint{
	//border:1px solid #346789;
	opacity:0.6;
	filter:alpha(opacity=80);
	width:0.5em; 
	height:0.5em;
	z-index:20; position:absolute;
	padding:0.5em;
}

.myta {
	border: 0px;
	text-align:center;
	resize:none;
	font-family:verdana;
	font-size:0.8em;
	padding: 0px;
	width:8em; 
	height:2em;
	
}

.window:hover {
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 #444;
    opacity:0.6;
filter:alpha(opacity=90);

}

.active {	border:1px dotted green;}
.hover {	border:1px dotted red;}

#demo {
width:80%;
height:50em;
margin-left:3em;
margin-top:3em;
position:relative;
}

#eikona{
margin:0em;
position:absolute;
}
/* Destinations */
#imagePoint21 {position:absolute; top:5.2em; left:22em;}/* fylla */
#imagePoint31 {position:absolute; top:15em; left:25.2em;}/* vlastos */
#imagePoint41 {position:absolute; top:22em; left:26em;}/* rizes */


/* Sources */
#window20 {position:absolute; top:5em; left:-1.5em;}/* fylla */
#window30 {position:absolute; top:15em; left:-1.5em; }/* vlastos */
#window40 {position:absolute; top:25em; left:-1.5em;}/* rizes */




._jsPlumb_connector { z-index:4; }
._jsPlumb_endpoint, .endpointTargetLabel, .endpointSourceLabel{ z-index:21;cursor:pointer; }
.hl { border:3px solid red; }
#debug { position:absolute; background-color:black; color:red; z-index:5000 }

.aLabel {
 	background-color:white; 
	padding:0.4em; 
	font:12px Verdana; 
	color:#444;
	z-index:21;
	border:1px dotted gray;
	opacity:0.8;
	filter:alpha(opacity=80);
}
