.panel {
position: absolute;
top: 10%;
right: 0;
display: none;
background:#FFFFFF;
border:1px solid #111111;
width: 380px;
height: auto;
padding: 30px 30px 30px 30px;
z-index:9;
}

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

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

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

a.trigger{
position: absolute;
text-decoration: none;
top: 35%; right: 0;
font-size: 14px;
letter-spacing:-1px;
color:#FFFFFF !important;
padding: 20px 5px 20px 5px;
font-weight: 700;
background:#0083E1;
border:1px solid #444444;
display: block;
z-index:10;
}

a.trigger:hover{
position: absolute;
text-decoration: none;
top: 35%; right: 0;
font-size: 14px;
letter-spacing:-1px;
padding: 20px 10px 20px 5px;
font-weight: 700;
background:#0083E1;
border:1px solid #444444;
display: block;
}

a.active.trigger {
background:#0083E1;
}