css - open left 02

#icon{

opacity:.9;
padding:5px;
margin-top:-8px;
font-size:10px;
color:{color:icons};
z-index:9;
}

#tab1title{
    font-size:10px;
    text-align:left;
    text-transform:uppercase;
    letter-spacing:1px;
    color:{color:title2};
    margin-top:-32px;
    margin-left:20px;
    margin-bottom:5px;
}

#tab1{

    opacity:1;
    font-size:8px;
    color:{color:text};
    text-align:left;
  padding:5px;

}
#tab1box{ /*---DO NOT EDIT ANY OF THIS---*/

margin-top:-42px;
height:20px;
width:20px;
text-align:left;
overflow:hidden;
text-transform:uppercase;
position:fixed;
letter-spacing:1px;
line-height:10px;
transition: all 0.7s ease-out;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
}

#tab1box:hover{
height:auto;
width:150px;
padding-left:19px;
transition: all 0.7s ease-out;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
}


#tab2{
    opacity:1;
    font-size:8px;
    color:{color:text};
    text-align:left;
    padding:10px;

}

#tab2box{ /*---DO NOT EDIT ANY OF THIS---*/
margin-top:-20px;
height:20px;
width:20px;
text-align:left;
overflow:hidden;
text-transform:uppercase;
position:fixed;
letter-spacing:1px;
line-height:10px;
transition: all 0.7s ease-out;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
}

#tab2box:hover{
height:auto;
width:150px;
padding-left:19px;
transition: all 0.7s ease-out;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
}


#tab3{
    opacity:1;
    font-size:8px;
    color:{color:text};
    text-align:left;
    padding:10px;

}

#tab3box{ /*---DO NOT EDIT ANY OF THIS---*/
margin-top:0px;
height:20px;
width:20px;
text-align:left;
overflow:hidden;
text-transform:uppercase;
position:fixed;
letter-spacing:1px;
line-height:10px;
transition: all 0.7s ease-out;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
}

#tab3box:hover{
height:auto;
width:150px;
padding-left:19px;
transition: all 0.7s ease-out;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
}

#tab4{
    opacity:1;
    font-size:8px;
    color:{color:text};
    text-align:left;
    padding:5px;

}

#tab4box{ /*---DO NOT EDIT ANY OF THIS---*/

margin-top:42px;
height:20px;
width:20px;
text-align:left;
overflow:hidden;
text-transform:uppercase;
position:fixed;
letter-spacing:1px;
line-height:10px;
transition: all 0.7s ease-out;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
}

#tab4box:hover{
height:auto;
width:150px;
padding-left:19px;
transition: all 0.7s ease-out;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
}


#tab5{
    opacity:1;
    font-size:8px;
    color:{color:text};
    text-align:left;
    padding:5px;

}

#tab5box{ /*---DO NOT EDIT ANY OF THIS---*/

margin-top:20px;
height:20px;
width:20px;
text-align:left;
overflow:hidden;
text-transform:uppercase;
position:fixed;
letter-spacing:1px;
line-height:10px;
transition: all 0.7s ease-out;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;


}
#tab5box:hover{
height:auto;
width:150px;
padding-left:19px;
transition: all 0.7s ease-out;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
}



#holder{
    position:fixed;
    font-size:10px;
    text-transform:uppercase;
    position:fixed;
    font-family:'calibri'sans-serif;
    left:10px;
    letter-spacing:0px;
    z-index:9999999999999999999;
    top:100px;
}
/*---end updates tab css---*/