div.container{
    position:relative;
    top:2px;
    left:0px;
    width:540px;
    height:165px;
}

div.legend{
    position:absolute;
    top:37px;
    left:30px;
    height:22px;
    width:140px;
    line-height:22px;
    text-align:center;
    border-top:1px solid silver;
    border-right:1px solid silver;
    border-left:1px solid silver;
    border-bottom:1px dashed silver;
    font-family:arial,verdana;
    font-size:12px;
    font-weight:bold;
    background-color:#EEDFB3;
    z-index:100;
}

div.panel{  /* holds the buttons */
    position:relative;
    top:60px;
    left:30px;
    width:540px;
    height:55px;
    border:solid 1px silver;
}


div.button{
    cursor:pointer;
    font-weight:bold;
    width:160px;
    height:25px;
    border:solid 1px #C7C5C2;
    background-color:#EFE9F3;
}

#personal {
    float:left;
    clear:both;
    text-align:center;
    line-height:25px;
    margin-top:13px;
    margin-left:5px;
    font-size:12px;
    font-weight:bolder;
}

#online{
    float:right;
    text-align:center;
    margin-top:13px;
    line-height:25px;
    margin-right:5px;
    font-size:12px;
    font-weight:bold;
}

#create{
    position:absolute;
    left:16em;
    top:0;
    text-align:center;
    line-height:25px;
    margin-top:13px;
    font-size:12px;
    font-weight:bold;

}

div.tooltip{
    width:420px;
    height:60px;
    position:relative;
    /*border:solid 0.03em silver;*/
    padding:0.4em;
}

p.tip{
    font-family:arial,verdana,tahoma;
    font-size:12px;
    color:#003;
}