@charset "UTF-8";
/* CSS Document */
* { margin: 0; padding: 0; }


.sidepanel {
position: fixed;
top: 60px;
right: 0;
width:250px;
display: none;
background: #ffffff;
border:#037bcc 1px solid;
-moz-border-radius-topleft: 15px;
-webkit-border-top-left-radius: 15px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-bottom-left-radius: 15px;
height: auto;
padding: 35px 30px 30px 30px;
filter: alpha(opacity=100);
opacity: 1;
z-index:9998;
text-align:left;
}

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

a.trigger{
position: fixed;
text-decoration: none;
top: 40px; right: 0;
font-size: 12px;
font-family: verdana, helvetica, arial, sans-serif;
color:#333333;
padding: 20px 15px 20px 40px;
font-weight: 700;
background:#ffffff;
border:#037bcc 1px solid;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
display: block;
z-index:9999;
}

a.trigger:hover{
position: fixed;
text-decoration: none;
top: 40px; right: 0;
font-size: 12px;
font-family: verdana, helvetica, arial, sans-serif;
color:#ffffff;
padding: 20px 15px 20px 40px;
font-weight: 700;
background:#037bcc;
border:#037bcc 1px solid;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
display: block;
}

a.active.trigger {
background:#037bcc;
color:#333333;
}

a.active.trigger:hover {
color:#ffffff;
}
</style>