.trigger{
    cursor: pointer;
    cursor: hand;
    font-size: 14px;
    font-weight: bold;
}

.branch1{
    display: none;
    background-image: url('img/branch.png');
    background-repeat: repeat-y;
    padding-left: 16px;
}

.branch1last{
    display: none;
    padding-left: 16px;
}

.leaf{
    background-image: url('img/leaf.png');
    background-repeat: no-repeat;
    padding-left: 16px;
    cursor: pointer;
    cursor: hand;
    font-size: 12px;
    font-weight: normal;
}

.lastleaf{
    background-image: url('img/last_leaf.png');
    background-repeat: no-repeat;
    padding-left: 16px;
    cursor: pointer;
    cursor: hand;
    font-size: 12px;
    font-weight: normal;
}

.noroot{
    background-image: url('img/closed.png');
    background-repeat: no-repeat;
    padding-left: 16px;
    font-size: 12px;
    font-weight: normal;
}

.norootlast{
    background-image: url('img/last_closed.png');
    background-repeat: no-repeat;
    padding-left: 16px;
    font-size: 12px;
    font-weight: normal;
}

.branch img {
    vertical-align: middle;
}

.trigger img {
    vertical-align: middle;
}