Updates #1 1/3

#phoenix {
    width:100px; /*Change updates width*/
    height:auto;
    position:fixed;
    left:20px; /*Change the updates left position.You can change it to right*/
    font-size:9px; /*Change the font size.*/
    letter-spacing:0.1em;
    top:100px; /*Change the updates top position.*/
    font-family:calibri, sans-serif; /*Change the font*/
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    z-index:99999999999999999;
}

#phoenix a {
    color: #333;/*Change the links color.*/
    text-decoration:none;
    border:none;
}

#phoenix a:hover {
    color: #666;/*Change the links color on hover.*/
    text-decoration:none;
    border:none;
}

#phoenix h1 {
    cursor: help; /*Change the cursor (or delete this line altogether)*/
    display:block;
    background-color: #fff; /*Change the titles background*/
    color: #666; /*Change the titles color*/
    text-transform:uppercase;
    text-align:center;
    font-size:8px;
    font-weight:400;
    letter-spacing:0.3em;
    padding:5px;
    font-family: calibri, sans-serif;
    transition:none;
}

#phoenix .updatesbox:hover h1 {
    background: #666; /*Change the titles background on hover*/
    color: #fff; /*Change the titles color on hover*/
    text-align:right;
}

#phoenix .updatesbox {
    width:100%;
    overflow:hidden;
    height:26px;
    margin-bottom:0px;
}

#phoenix .updatesbox:hover {
    height:auto;
}
.updatescontent {
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    width:100%;
    margin-top:0px;
    overflow:hidden;
    background: #fff; /*Change the content background*/
    color: #666; /*Change the content text color*/
    padding:5px;
}

#phoenix .closetab {
    opacity:0;
    width:100%;
    font-size:10px;
    font-size:11px;
    text-align:right;
    margin-bottom:6px;
    cursor:pointer;
}

#phoenix a.drag {
    opacity:0;
    display:block;
    float:left;
    width:50%;
    font-size:12px;
    margin-bottom:5px;
}

#phoenix:hover a.drag, #phoenix:hover .closetab {
    opacity:1;
}