.ddajaxsidepanel
{
/* Main Panel Container */
position: fixed;
/* keep this value as is */
top: 0;
/* keep this value as is */
visibility: hidden;
/* keep this value as is */


background: #fff;

z-index: 1000;
border-color: #f1f1f1;
border-left: 1px ridge #cdcdcd;
-moz-box-shadow: -0px 0 0px rgba(137,137,137, 0.5);
/* CSS 3 box shadow */

-webkit-box-shadow: -0px 0 0px rgba(137,137,137, 0.5);

box-shadow: -0px 0 0px rgba(137,137,137, 0.5);

-webkit-box-sizing: border-box;

 /* Set .ddajaxsidepanel width so that any padding or borders are added inside this width, not in addition to */
-moz-box-sizing: border-box;
box-sizing: border-box;
}



.ddajaxsidepanel .panelhandle{ /* CSS for Panel Handle DIV
*/
width:  40px;

height: 100%;

position: absolute;

right: 20px;
top: -42%;
cursor: pointer;
background: transparent url(../images/handle.png) center left no-repeat;
/* path to "handle" gif */
}


.ddajaxsidepanel .contentarea{
/* CSS for main content area DIV */
height: 100%;

padding: 0px;
overflow: auto;
}