#attributepane {
    display: block;	
    display: none;
    position:absolute;
    height: 89%;
    bottom:0;
    top:0;
    right:0;
    width: 240px;
    background-color: #fff;
    margin: 0;
    word-wrap: break-word;
    background-color:rgba(255,255,255,0.8);
    border-left: 1px solid #ccc;
    padding: 0px 18px 0px 18px;	
    z-index: 1;
}


#attributepane .text {
    height:100%;
}

#attributepane .headertext {
    color: #000;
    margin-bottom: 5px;
    height: 14px;
    border-bottom: 1px solid #999;
    padding: 0px 0 10px 0;
    font-size:16px;
    font-weight:bold;
}


#attributepane .returntext em {
    background-image: url('./images/sprite.png');
    background-repeat: no-repeat;
    display: block;
    width: 20px;
    height: 20px;
    background-position: -91px -13px;
    float: left;
}

#attributepane .returntext span {
    padding-left: 5px;
    display: block;
}

#attributepane .close {
    padding-left: 14px;
    margin-top: 10px;
}

#attributepane .close .c {
    border-top: 2px solid #999;
    padding: 10px 0 14px 0;
}

#attributepane .close em {
    background-image: url('./images/sprite.png');
    background-repeat: no-repeat;
    background-position: -11px -13px;
    display: block;
    width: 24px;
    height: 16px;
    float: left;
}

#attributepane .close span {
    display: block;
    width: 151px;
    float: left;
}

#attributepane .nodeattributes {
    display:block;
    height:85%;
    overflow-y: scroll;
    overflow-x: hidden;
    border-bottom:1px solid #999;
}

#attributepane .name {
    font-size: 14px;
    cursor: default;
    padding-bottom: 10px;
    padding-top: 18px;
    font-weight:bold;
}

#attributepane .data {

}

#attributepane .data .plus {
    background-repeat: no-repeat;
    background-image: url('./images/sprite.png');
    background-position: -171px -122px;
    width: 22px;
    height: 20px;
    float: left;
    display: block;
}

#attributepane .link {
    padding: 0 0 0 4px;
}

#attributepane .link li {
    padding-top: 2px;
    cursor:pointer;
}

#attributepane .p {
    padding-top: 10px;
    font-weight: bold;
    font-size:14px;
}

.cf:before, .cf:after {
	content: "";
	display: table;
}

.cf:after {
	clear: both;
}

.cf {
	zoom: 1;
}

  

#attributepane {
    opacity: 0;
    transition: opacity 0.6s linear;
}
  

.left-close {
    background-image: url('./images/fancybox_sprite.png');
    margin-left:-37px;
    z-index:99999;
    cursor: pointer;
    padding-left:31px;
    line-height:36px;
    background-repeat: no-repeat;
    margin-bottom:25px;
    font-weight: bold;
    font-size:14px;
}