.panel {
display: none;
height: auto;
padding: 90px 20px 0px 10px;
z-index: 9999;
-moz-box-shadow: 0 1px 7px #999; /* Firefox */
-webkit-box-shadow: 0 1px 7px #999;/* Safari, Chrome */
box-shadow: 0 1px 7px #999; /*CSS3*/
behavior: url(/plugins/system/plg_sideslider/elements/PIE.htc);
}

a.trigger{
text-decoration: none;
font-size: 16px;
font-family: verdana, helvetica, arial, sans-serif;
color:#000000;
padding: 20px 40px 20px 15px;
font-weight: 700;
background:url(../images/plus.png) 95% 50% no-repeat;
display: block;
z-index: 10000;
-moz-box-shadow: 0 1px 5px #999; /* Firefox */
-webkit-box-shadow: 0 1px 5px #999;/* Safari, Chrome */
box-shadow: 0 1px 5px #999; /*CSS3*/
behavior: url(/plugins/system/plg_sideslider/elements/PIE.htc);

}

a.trigger:hover{

text-decoration: none;
font-size: 16px;
font-family: verdana, helvetica, arial, sans-serif;
color:#000000;
padding: 20px 40px 20px 20px;
font-weight: 700;
background:url(../images/plus.png) 95% 50% no-repeat;
display: block;
z-index: 10000;
-moz-box-shadow: 0 1px 5px #999; /* Firefox */
-webkit-box-shadow: 0 1px 5px #999;/* Safari, Chrome */
box-shadow: 0 1px 5px #999; /*CSS3*/
behavior: url(/plugins/system/plg_sideslider/elements/PIE.htc);
}

a.active.trigger {
background: url(../images/minus.png) 95% 50% no-repeat;
-moz-box-shadow: 0 1px 5px #999; /* Firefox */
-webkit-box-shadow: 0 1px 5px #999;/* Safari, Chrome */
box-shadow: 0 1px 5px #999; /*CSS3*/
behavior: url(/plugins/system/plg_sideslider/elements/PIE.htc);
}