.panel {
font-family:Verdana, Arial, Helvetica, sans-serif;
position: absolute;
top: 150px;
right: 0;
display: none;
background: #000000;
border:1px solid #111111;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
width: 330px;
height: auto;
padding: 30px 130px 30px 30px;
filter: alpha(opacity=85);
opacity: .85;
}

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



.panel a, .panel a:visited{
margin: 0;
padding: 0;
color: #F7A11A;
text-decoration: none;
font-weight:bold;

}


.panel h1{
margin: 0;
padding: 0;
color: #9AC0E2;
text-decoration: none;
font-size:22px;
padding-bottom:15px;
}

.panel h3{
margin: 0;
padding: 0;
color: #9AC0E2;
text-decoration: none;
border-bottom: 1px solid #F99D0C;
font-size:16px;
padding-bottom:5px;
}

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

}

a.trigger{

display: block;
}

a.trigger:hover{

}

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

.columns{
clear: both;
width: 400px;
line-height: 22px;
}

.colleft{
float: left;
width: 200px;
line-height: 22px;
}

.colright{
float: right;
width: 200px;
line-height: 22px;
}

ul{
padding: 0;
margin: 0;
list-style-type: none;
}

ul li{
padding: 0;
margin: 0;
list-style-type: none;
color:#9AC0E2;
}

hr{
background-color: #333333;
height: 1px;
}