updates tab part 1 ver 2

#actualupdates {
text-align: center;
font-size: 10px;
position:fixed;
left:0px;
top:-200px;
opacity:0.9;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
z-index:999;
}

#actualupdates:hover #updates {
    margin-top:223px;
    }

#updates {
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-top-style:solid;
border-width:1px;
border-color:#a8a8a8;
padding: 5px  0px ;
padding-bottom:0px;
padding-top:13px;
background: #fff;
color:#777;
width:102px;
height:auto;
z-index: 9999;
margin-left:0px;
line-height:10px;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
}

#updates a{
    color:#777}

#updates a:hover{
    color:#fff}

#updatestab{
text-align: center;
color:#777;
height:11px;
padding: 2px 0 7px 0;
background:#fff;
width: 102px;
height:17px;
font-size:15px;
line-height:20px;
border:1px solid #777;
margin-top:200px;
margin-left:0px;
text-transform:uppercase;
background-color:#fff;
color:#777;
position:fixed;
text-decoration:underline;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
}