circular updates tab pt 1

#updates1 {position:fixed;
margin-top:15px;
margin-left:10px;
z-index:999999;}

#updates2 {position:fixed;
margin-top:60px;
margin-left:10px;
z-index:999999;}

#updates3 {position:fixed;
margin-top:105px;
margin-left:10px;
z-index:999999;}

#updatescircle {position:absolute;
width:16px;
height:16px;
border-radius:8px;
background:#A3D4FF;
margin-top:20px;
margin-left:0px;}

#updatestriangle {position:absolute;
width:0;
height:0;
border-right:14px solid #f4f4f4;
border-top:10px solid transparent;
border-bottom:10px solid transparent;
margin-top:18px;
margin-left:25px;
opacity:0;
-webkit-transition-duration:0.2s;
-moz-transition-duration:0.2s;
-o-transition-duration:0.2s;}

#updatesbox {position:fixed;
padding:10px;
width:110px;
height:56px;
margin-top:-10px;
margin-left:35px;
background-color:#f4f4f4;
border-radius:10px;
opacity:0;
font-family:calibri;
font-size:8px;
-webkit-transition-duration:0.2s;
-moz-transition-duration:0.2s;
-o-transition-duration:0.2s;}

#updates1:hover #updatestriangle {opacity:1;}
#updates1:hover #updatesbox {opacity:1;}
#updates2:hover #updatestriangle {opacity:1;}
#updates2:hover #updatesbox {opacity:1;}
#updates3:hover #updatestriangle {opacity:1;}
#updates3:hover #updatesbox {opacity:1;}