Update Tab Tutorial - Slide-Out CSS

#updatesbottom {
    text-align: center;
    font-size: 9px;
    position:fixed;
    left:40px;
    bottom:5px;
    z-index:999;
    width:180px;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    }

    #updatesbottom:hover {
        bottom:180px;
        -webkit-transition: all .7s ease-in-out;
        -moz-transition: all .7s ease-in-out;
        -o-transition: all .7s ease-in-out;
    }

#updatebottom {
    position:fixed;
    font-size:9.5px;
    font-family:calibri;
    padding-top:5px;
    width:180px;
    height:340px;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
}

#updatestabbottom  {
    opacity:.8;
    padding: 0px;
    font-family: 'Crimson Text', serif;
    font-style:italic;
    font-size: 14px;
    line-height:100%;
    color:#4a3a2b;
}