#tab1 {
background-color:#FFE0F8; /* background colour */
border-bottom:1px solid #000000; /* top border width and colour */
border-top:1px solid #000000; /* top border width and colour */
border-right:1px solid #000000; /* right border width and colour */
width:45px; /* width before hovering */
height:45px; /* height before hovering */
font-size:14px; /* font size */
font-family: 'calibri'; /* font */
border-radius:0px 45px 0px 0px;
-moz-border-radius:0px 45px 0px 0px;
position:fixed;
overflow:hidden;
top:5px;
left:0px;
z-index:999999;
padding:2px;
-webkit-transition: opacity 0.7s linear;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;}

#tab1icon{
font-size:40px; /* size of text icon */
color:#ffffff; /* colour of text icon */
margin-top:-5px;
margin-right:10px;
text-align:center;
-webkit-transition: opacity 0.7s linear;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;}

#tab1:hover{
width:270px; /* width after hovering */
height:300px; /* height after hovering */
border-radius:0px 0px 45px 0px;
-moz-border-radius:0px 0px 45px 0px;}

#tab2 {
background-color:#C2ECFF; /* background colour */
border-bottom:1px solid #000000; /* bottom border width and colour */
border-top:1px solid #000000; /* top border width and colour */
border-right:1px solid #000000; /* right border width and colour */
width:45px; /* width before hovering */
height:45px; /* height before hovering */
font-size:14px; /* font size */
font-family: 'calibri'; /* font */
border-radius:0px 0px 45px 0px;
-moz-border-radius:0px 0px 45px 0px;
position:fixed;
overflow:hidden;
top:50px;
left:0px;
z-index:99999;
padding:2px;
-webkit-transition: opacity 0.8s linear;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;}

#tab2icon{
font-size:40px; /* size of text icon */
color:#fff; /* colour of text icon */
margin-top:-5px;
margin-right:10px;
text-align:center;
-webkit-transition: opacity 0.8s linear;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;}

#tab2:hover{
width:270px; /* width after hovering */
height:300px; /* height after hovering */
border-radius:0px 0px 45px 0px;
-moz-border-radius:0px 0px 45px 0px;}