#stage {
    height:100%;
    width: 601px;
    float: left;
    background: #fff;
    overflow:hidden;
    position:relative;
}

#aside {
    height: 100%;
    width: 196px;    
    border-left:1px solid #eae34d;
    float:right;
    overflow:hidden;
    position:relative;

    /* hack: so mozilla will layout this correctly */
    margin-left:-1px;
}
#centered-stage {
    display:inline;
    margin: 0 auto;
}
#aside div.line {
    border-bottom: 1px solid #eae34d;
    height:1px;
    overflow:hidden;
    margin-left:0px;
}


#selection, .select{
    font: 12px/16px Arial, Helvetica, sans-serif;
}

#selection input{
    float: left;
    margin-left: 0px;
    margin-right: 5px;
}

#aside, #controls {
    background-color: #f6f3b4}
#aside div.aside-box {
    background-color: #FFFFEA;
    width: 150px;
    margin-right: auto;
    border: #eae34d 2px solid;
    padding:10px;
}
#aside #legende h1 {
    margin-left:0px;
}
#aside .legende h1 {
    margin-left:6px;
}
#legend,.legend{
    padding-left:3px;
    width:177px;
    background-color:#ffffff;
    border: 2px solid #606aab;
}
#legend div{
    line-height:21px;
    padding:5px 0 5px 0px;
}
.legend div{
    padding:5px 0;
}
#legend p,.legend p {
    margin-left:15px;
    width:126px;
}
#aside>div {
    margin-bottom:20px;
    margin-left:10px;
}
.joint>*, #joint>*{margin-top:10px}

#aside h1 {
    text-align:left;
    margin-top:20px;
    margin-bottom:10px;
    margin-left:16px;
}


#aside>div.bottom-slider {
   margin-left:18px;
   top:465px;
   position:absolute;
}

#aside div.line.bottom-delimiter {
    position: absolute;
    left: 0px;
    top: 468px;
    width: 196px;
}
