@charset "UTF-8";
/* CSS Document */

.panel {
z-index:150;
position: absolute;
top: 150px;
right: 0;
display: none;
background: #ffffff;
width: 255px;
height: auto;
padding: 30px 130px 30px 30px;
/*filter: alpha(opacity=85);
opacity: .85;*/
}

.panel p{
margin: 0 0 15px 0;
padding: 0;
color:#333333;
}

.panel a, .panel a:visited{
margin: 0;
padding: 0;
color: #9FC54E;
text-decoration: none;
}

.panel a:hover, .panel a:visited:hover{
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
}

a.trigger{
z-index:200;
position: absolute;
text-decoration: none;
top: 150px; right: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
font-weight: 700;
background: url(../img/icon-social_media_shelf.png) no-repeat scroll 1px -6px #3384B5;
border:1px solid #FFF;
display: block;
border-radius: 5px 0 0 5px;
    height: 38px;
    width: 32px;
}

a.trigger:hover{
	z-index:200;
position: absolute;
text-decoration: none;
top: 150px; right: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
font-weight: 700;
background:url(../img/icon-social_media_shelf.png) no-repeat scroll 1px -6px #3384B5;
border:1px solid #FFF;
display: block;
border-radius: 5px 0 0 5px;
    height: 38px;
    width: 32px;
}

a.active.trigger {
background:url(../img/icon-social_media_shelf.png) no-repeat scroll 1px -6px #3384B5;
}