updates tab 1:2

<!--paste the following in the orange bit after <style type="text/css"> , after you have done so, delete this bit of text-->
#updatesbar{
    position:absolute;
    margin-top:-25px;
    margin-left:-9px;
    padding:3px;
    padding-right:5px;
    text-align:right;
    width:107px;
    height:13px;
    background:#000; /*bar background*/
    border-left:1px solid #ccc;
    border-right:1px solid #9f9f9f;

    }

#updates{
    position:fixed;
    width:100px;
    top:100px;
    right:100px;
    padding-top:7px;
    padding-left:7px;
    padding-right:7px;
    padding-bottom:4px;
    font-family:consolas;
    font-size:10px;
    line-height:12px;
    background-color:#d8d8d8; /*background hex color code*/
    border-left:1px solid #ccc;
    border-right:1px solid #9f9f9f;
    border-bottom:1px solid #9f9f9f;

    color:#000000; /*text color, note link colors and styles will change      with the theme you're using*/
    z-index:999;

}

#guts,#click{
    padding:1px;
    display:inline-block;
}

#click{
    margin-bottom:4px;
    padding:1px;
    text-transform:uppercase;
    letter-spacing:1px;
    text-align:center;
    background:#d8d8d8; /*tab 1 background color*/
    border-right:1px #9f9f9f solid;
border-bottom:1px #9f9f9f solid;
border-left:1px #fff solid;
border-top:1px #fff solid;
    padding:1px;
    display:block;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    transition: all 0.1s ease;

}

#click:hover{
    cursor:context-menu;
}

#click:active{
    border-right:1px #fff solid;
border-bottom:1px #fff solid;
border-left:1px #9f9f9f solid;
border-top:1px #9f9f9f solid;
}

#guts{
    padding:1px;
    display:none;
}

#guts2,#click2{
    padding:1px;
    display:inline-block;
}

#click2{
    margin-bottom:4px;
    padding:1px;
    text-transform:uppercase;
    letter-spacing:1px;
    text-align:center;
    background:#d8d8d8; /*tab 2 background color*/
    border:1px solid #f4f4f4;
    padding:1px;
    display:block;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    transition: all 0.1s ease;
border-right:1px #9f9f9f solid;
border-bottom:1px #9f9f9f solid;
border-left:1px #fff solid;
border-top:1px #fff solid;
}

#click2:hover{
    cursor:context-menu;
}

#click2:active{
    border-right:1px #fff solid;
border-bottom:1px #fff solid;
border-left:1px #9f9f9f solid;
border-top:1px #9f9f9f solid;
}

#guts2{
    padding:1px;
    display:none;
}

#guts3,#click3{
    padding:1px;
    display:inline-block;
}

#click3{
    margin-bottom:4px;
    padding:1px;
    text-transform:uppercase;
    letter-spacing:1px;
    text-align:center;
    background:#d8d8d8; /*tab 3 background color*/
    border:1px solid #f4f4f4;
    padding:1px;
    display:block;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    transition: all 0.1s ease;
    border-right:1px #9f9f9f solid;
border-bottom:1px #9f9f9f solid;
border-left:1px #fff solid;
border-top:1px #fff solid;
}

#click3:hover{
    cursor:context-menu;
}

#click3:active{
    border-right:1px #fff solid;
border-bottom:1px #fff solid;
border-left:1px #9f9f9f solid;
border-top:1px #9f9f9f solid;
}

#guts3{
    padding:1px;
    display:none;
}