.panel {
position: absolute;
top: 10%;
bottom:0;
display: none;
background: #222222;
color:#fff;
border:1px solid #111111;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
width: 86%;
margin-left: 7%;
margin-right: auto;
height: 55%;
padding: 20px;
filter: alpha(opacity=90);
opacity: .90;
}

a.trigger{
text-decoration: none;
width: 50px;
background: url(../images/site/plus.png) 50% 50% no-repeat;
display: block;
}
a.trigger:hover{
text-decoration: none;
width: 50px;
background: url(../images/site/plus.png) 50% 50% no-repeat;
display: block;
}

a.active.trigger {
background:url(../images/site/minus.png) 50% 50% no-repeat;
}

#key{margin-left:5px;width: 250px;}
.panel input{float: left;clear: both;}
.key_wrapper {width: 100%; margin:5px 0px; min-height:32px}