body {
	background-color:white;
	font-size:90%;
	font-family:Helvetica;
}

.menu {
    border-radius:0.5em;
	position:fixed;
	top:1em;
	background-color:#fff;
	opacity:0.8;
	z-index:5000;
	filter:alpha(opacity=80);
	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;
}

.menu {
	left:1em;
}

a {
    text-decoration:none;
    color:#01a3c6;
    font-weight:bold;
    font-family:helvetica;
    padding:0.4em;
    border-radius:0.2em;
    display:inline-block;
}

a:hover {
    color:#1b911b;
    background-color:#f0f0f0;
    border-radius: 0.5em;
}

#explanation a {
    background-color: transparent;
    padding: 0;
    display: inline;
}

#char a {
    background-color: transparent;
    padding: 0;
}

#explanation a:hover {
    text-decoration: underline;
}

.window, .label, .label_protagonist, .label_main, .label_other {
    cursor:move;
    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;
}

#explanation { 
	cursor:drag;
    cursor:move;
	background-color:white;
	color:black;
	border:0.25em solid #ddd; 
	position:absolute;
	right:1em;
	top:1em;
	width:32em;
	font-size:90%;
	-moz-border-radius:1em;
	border-radius:1em;
    padding:1em 2.2em 1em 1em;
	z-index:1000;
	opacity:0.9;
	filter:alpha(opacity=90); 
	font-family:helvetica;
	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;
}

#char {
    width:100%;
    height:100%;
    margin-left:3em;
    margin-top:3em;
    position:relative;
}

path, ._jsPlumb_endpoint {
    cursor:pointer;
}