Star Updates Tab 4 Stars Code (Not my Coding)

#star1{
position:fixed;
top:100px;
left:12px;
color:#fae6ab; /*CHANGE THE COLOR OF YOUR FIRST STAR HERE*/
height:auto;
width:auto;
font-size:20px;
background:transparent;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

#upd1 {
position:absolute;
background:#fff;
color:#acacac; /*CHANGE YOUR FONT COLOR HERE*/
width:100px;
height:auto;
padding:10px;
padding-top:10px;
top:0px;
margin-left:8px;
font-size:9px;
text-align:center;
border:1px solid #ececec;
border-left:2px solid #fae6ab;
opacity:0;
line-height:10px;
overflow:hidden;
opacity:0;-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
}

#star1:hover #upd1{
top:14px;
opacity:1;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
filter: alpha(opacity = 100);
filter: alpha(opacity = 100);
opacity:100;
}

#tab1{
background:#fae6ab;  /*CHANGE YOUR TAB COLOR HERE*/
color:#fff;
font-size:10px;
width:auto;
padding:3px;
padding-top:3px;
letter-spacing:4px;
font-weight:bold;
}

#tab2{
background:#fae6ab;  /*CHANGE YOUR TAB COLOR HERE*/
color:#fff;
font-size:10px;
width:auto;
padding:3px;
padding-top:3px;
letter-spacing:4px;
font-weight:bold;
}

#star2{
position:fixed;
left:34px;
top:75px;
color:#fae6ab; /*CHANGE THE COLOR OF YOUR SECOND STAR HERE*/
height:auto;
width:auto;
font-size:20px;
background:transparent;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

#upd2 {
position:absolute;
background:#fff;
color:#acacac; /*CHANGE YOUR FONT COLOR HERE*/
width:100px;
height:auto;
padding:10px;
padding-top:10px;
top:0px;
margin-left:8px;
font-size:9px;
text-align:center;
border:1px solid #ececec;
border-left:2px solid #fae6ab;
opacity:0;
line-height:10px;
overflow:hidden;
opacity:0;-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
}

#star2:hover #upd2{
top:14px;
opacity:1;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
filter: alpha(opacity = 100);
filter: alpha(opacity = 100);
opacity:100;
}

#tab2{
background:#fae6ab;  /*CHANGE YOUR TAB COLOR HERE*/
color:#fff;
font-size:10px;
width:auto;
padding:3px;
padding-top:3px;
letter-spacing:4px;
font-weight:bold;
}

#tab2v{
background:#fae6ab;  /*CHANGE YOUR TAB COLOR HERE*/
color:#fff;
font-size:10px;
width:auto;
padding:3px;
padding-top:3px;
letter-spacing:4px;
font-weight:bold;
}

#star3{
position:fixed;
top:55px;
left:56px;
color:#fae6ab; /*CHANGE THE COLOR OF YOUR THIRD STAR HERE*/
height:auto;
width:auto;
font-size:20px;
background:transparent;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

#upd3 {
position:absolute;
background:#fff;
color:#acacac; /*CHANGE YOUR FONT COLOR HERE*/
width:100px;
height:auto;
padding:10px;
padding-top:10px;
top:0px;
margin-left:8px;
font-size:9px;
text-align:center;
border:1px solid #ececec;
border-left:2px solid #fae6ab;
opacity:0;
line-height:10px;
overflow:hidden;
opacity:0;-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
}

#star3:hover #upd3{
top:14px;
opacity:1;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
filter: alpha(opacity = 100);
filter: alpha(opacity = 100);
opacity:100;
}

#tab3{
background:#fae6ab; /*CHANGE YOUR TAB COLOR HERE*/
color:#fff;
font-size:10px;
width:auto;
padding:3px;
padding-top:3px;
letter-spacing:4px;
font-weight:bold;
}

#star4{
position:fixed;
top:55px;
left:56px;
color:#fae6ab; /*CHANGE THE COLOR OF YOUR THIRD STAR HERE*/
height:auto;
width:auto;
font-size:20px;
background:transparent;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

#upd4 {
position:absolute;
background:#fff;
color:#acacac; /*CHANGE YOUR FONT COLOR HERE*/
width:100px;
height:auto;
padding:10px;
padding-top:10px;
top:0px;
margin-left:8px;
font-size:9px;
text-align:center;
border:1px solid #ececec;
border-left:2px solid #fae6ab;
opacity:0;
line-height:10px;
overflow:hidden;
opacity:0;-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
}

#star4:hover #upd4{
top:14px;
opacity:1;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
filter: alpha(opacity = 100);
filter: alpha(opacity = 100);
opacity:100;
}

#tab4{
background:#fae6ab; /*CHANGE YOUR TAB COLOR HERE*/
color:#fff;
font-size:10px;
width:auto;
padding:3px;
padding-top:3px;
letter-spacing:4px;
font-weight:bold;
}