#container {
    width: 100%;
    height: 100%;
    margin:0 auto;
    position:absolute;
    overflow:hidden;
}

#left-container {
    display:none;
}

#center-container {
    width:70%;
    height:99%;
    position:absolute;
    left:0px;
    top:0px;
    background-color:#1a1a1a;
    color:#ccc;
}

#right-container {
    width:30%;
    height:99%;
    overflow:hidden;
    background-color:#FFFFD8;
}

#TextIframe {
    background-color:#FFFFD8;
}

#LeafIframe {
    top:4px;
    color:white;
    background-color:#fff;
    opacity:0.65;
}

#infovis {
    position:relative;
    width:99%;
    height:95%;
    top:12px;
    margin:auto;
    overflow:hidden;
}

#infovis div {
    position:absolute;
    overflow:hidden;
    font-size:11px;
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;    
}

#infovis .content {
    background-color:#333;
    border:0px solid #111;
}

#infovis .head {
    color:white;
    background-color:#444;
    text-align:center;
}

#infovis .head.in-path {
    background-color:#655;
}

#infovis .body {
    background-color:black;
    text-align:center;
}

#infovis .leaf {
    color:white;
    background-color:#111;
    display:table-cell;
    vertical-align:middle;
    border:1px solid #000;
    text-align:center;
}


#infovis .over-leaf {
    border:1px solid #9FD4FF; 
}

#infovis .over-content {
    background-color: #9FD4FF;
}

#infovis .over-head { /* boy i'm funny! */
    background-color:#A4D9FF;
    color:black;
}

/*TOOLTIPS*/
.tip {
    color: #fff;
    width: 139px;
    background-color: black;
    opacity:0.9;
    filter:alpha(opacity=90);
    font-size:10px;
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
    padding:7px;
}
 
.album {
    width:100px;
    margin:3px;
}

input {
    font-size:10px;
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;

}