#mmcnr {
	font-family:sans-serif;
}
#mmarea {
    height: 100%;
}

.nodecontent 
{
    display:inline-block;
    vertical-align: top;
}

ul.mmlist
{
    display: inline-block;
}

li.mmleaf, li.mmunfolded, li.mmfolded
{
    list-style:none;
}

/*
    Progressive enhancement. With javascript, 
    the border is removed from these list items and added to the
    .nodecontent divs
    
    Note that on Chrome having ".withlightborder" as the first selector
    failed: go figure
*/

li.mmleaf, li.mmunfolded, li.mmfolded, .withlightborder
{
    border-width:thin;
    border-style:dashed;
    border-color:#CCC; 
    padding: 3px 9px;  
}

.nodeselected
{
    border-width: medium;
    border-style:solid;
    border-color:#444; 
}

.nodehighlighted
{
    background-color: yellow !important;
}

.hoverednode, .jstree-icon:hover, .linktarget
{
    background-color: #DDD;
}

.jstree-open  > .hoverednode, .jstree-closed  > .hoverednode, .jstree-icon
{
    cursor:pointer;
}

.linktarget
{
    background-color: #DDD;
    border-width: medium;
    border-style:dashed;
    border-color:#444; 
}

#arrowCanvas
{
    height: 20px; /* height 0 causes weird effects and calculations */
    width: 0px;
    margin: 0px;
    padding: 0px;
    border: 0px;
}