div.graphMainCss { 
    background-color:#555;
}
div.header {
    position:absolute;
    left:0;top:0;
    z-index:5;
    height:50px;
    width:100%;
    background:#ddd;
    background:-moz-linear-gradient(top,#fff,#ddd);
    background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#ddd));
    color:silver;
    font-size:40px;
}
div.footer {
    position:fixed;
    left:0; 
    bottom:0;
    z-index:5;
    height:50px;
    width:100%;
    background:#ddd;
    background:-moz-linear-gradient(top,#fff,#ddd);
    background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#ddd));
    color:black;
    font-size:25px;
}
div.footer.up {
    position:absolute;
    left:0; 
    padding-left:10px;
    bottom:50px;
    z-index:5;
    height:25px;
    width:100px;
    background:#ddd;
    background:-moz-linear-gradient(top,#fff,#ddd);
    background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#ddd));
    color:black;
    opacity:0.7;
    font-size:20px;
}

label.relation {
    position:relative;
    top:10px;
    margin-left:15px;
    vertical-align:middle;
}

input.relation_input {

}

div.graphNode {
    position:absolute; 
    font-size:12px; padding:4px; background:white;
    z-index:20;
    width: 45px; 

    height: 40px; 
    border-radius:50px;
    border:2px solid silver;
    overflow:hidden;
    cursor:pointer;
}
div.graphNodeContent {
    position:absolute;
    z-index:21;
    font-size:12px;
    background:white;
    left: 10px;
    top: 10px;
    overflow:hidden;
}

div.menuDisplayCss { 
    position:fixed;
    background:#fff;
    width:180px;
    height:72px;
    border:solid 5px #777;
    border-radius:5px;
    opacity:1;
    z-index:10;
    visibility:visible;
/*
    display: inline-block;
    white-space: nowrap;
*/
}

div.menu { 
    position:absolute;
    margin-top:2px;
    margin-left:2px;
    width:95%;
    border-radius:5px;
    text-align:center;
    border: groove 3px #777;
}
div.menuTitleCss { 
    text-align:left;    
    margin-left:5px;
    font-size:20px;
    font-weight:900;
}

div.menuBody { 
    width:100%;
}

div.menuContent { 
    position:relative;
//    position:absolute;
    background:#ddd;
    width:80%;
    border-radius:5px;
    right:3px;
    margin-left:auto;auto
    margin-right:3px;
    margin-top:5px;
    margin-bottom:5px;
    font-size:18px;
    opacity:0.5;
    overflow-x: hidden;
    border: solid 2px #03f;
}

span.button{
    background:#eee;
    background:-moz-linear-gradient(top,#fff,#ddf);
    background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#ddf));
    border:1px solid gray;
    border-radius:4px;
    text-align:center;
    cursor:default;
}
span.button:hover{
    background:#bbb;
    background:-moz-linear-gradient(top,#ccc,#aac);
    background:-webkit-gradient(linear,left top,left bottom,from(#ccc),to(#aac));
}
span.button:active{
    background:#bbb;
    background:-moz-linear-gradient(top,#bbb,#88b);
    background:-webkit-gradient(linear,left top,left bottom,from(#bbb),to(#88b));
}
label.traverseLabel { 
    style:position:relative;
}