.ddpanel .ddpanelcontent{ /*CSS for "content" DIV of Drop Down Panel*/
color: #000000;
background: black; 
border-width:1pt;
border-style:solid;
border-color: #4f7538;

padding:.1em 0.5em;
background-color: #FCFCFC;/*background of Drop Down Panel*/
/*Do NOT add any "padding" or "margin" properties here! Any padding/margin should be added to your content's container within this DIV instead */
}

.ddpanel .ddpaneltab{ /*CSS for "toggle" tab DIV of Drop Down Panel*/
position:relative;
/*margin-right:30%;*/
/*top:-1px;*/
/*top:-12px;
/*font:normal 12px Arial;*/
margin-right:50%;
margin-left:50%;
top:1px !important;
top:-1px ;
}

.ddpanel .ddpaneltab a{ /*"toggle" tab related CSS*/

/*float:right;*/
color:white;
margin-right:30%;

/*background of toggle tab*/
background: transparent no-repeat left bottom; /*background of toggle tab*/
text-decoration:none;
letter-spacing:1px;
}

.ddpanel .ddpaneltab a span{ /*"toggle" tab related CSS*/
/*float: left;*/
display: block;
background: transparent no-repeat center bottom;
margin-right:30%;

padding: 1px 14px 2px 14px;
cursor: pointer;
}

.ddpanel .ddpaneltab a span img.pointerimage{ /*CSS for pointer image within toggle tab*/
margin-top:0px;
margin-left:2px;

}

.ddpanel .ddpaneltab a:hover{ /*"toggle" tab related CSS*/
/*background of toggle tab onMouseover*/
/*background-color: #4F7538 ; /*background of toggle tab onMouseover*/
}

.ddpanel .ddpaneltab a:active, .ddpanel .ddpaneltab a:focus{ /*"toggle" tab related CSS*/
outline: 0;
}

.ddpanel .ddpaneltab a:hover span{ /*"toggle" tab related CSS*/
/*background-color: transparent;*/
}