.panel {
position: fixed;
top: 50px;
left: -5px;
display: none;
background: #000000;
border:1px solid #111111;
width: 115px;
height: auto;
padding: 30px 30px 30px 130px;
filter: alpha(opacity=85);
opacity: .85;
}

a.trigger{
position: fixed;
text-decoration: none;
top: 80px; 
left: -5px;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 10px 40px 10px 15px;
font-size: 1.0em;
font-weight: bold;
background:#444444 url(../images/plus.png) 85% 55% no-repeat;
border:1px solid #444444;
display: block;
}

a.trigger:hover{
position: fixed;
text-decoration: none;
top: 80px; 
left: -5px;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 10px 40px 10px 15px;
font-size: 1.0em;
font-weight: bold;
background:#222222 url(../images/plus.png) 85% 55% no-repeat;
border:1px solid #444444;
display: block;
}

a.active.trigger {
background:#222222 url(../images/minus.png) 85% 55% no-repeat;
}