.ddpanel .ddpanelcontent{ /*CSS for "content" DIV of Drop Down Panel*/
color: white;
background: black; /*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*/
margin-right: 20px;
font: normal 12px Arial;
position:relative;
width:53%;
}

.ddpanel .ddpaneltab a{ /*"toggle" tab related CSS*/
float: right;
color: #333;
/*background: black url(../images/button.png) transparent no-repeat 0px -4px;*/ /*background of toggle tab*/
text-decoration: none;
letter-spacing: 1px;
height:31px;
width:120px;
font-weight:bold;
}

.ddpanel .ddpaneltab a span{ /*"toggle" tab related CSS*/
float: left;
display: block;
/*background:  url(../images/button.png) transparent no-repeat 0px -4px;*/
padding: 6px 12px 4px 13px;
cursor: pointer;
height:31px;
width:120px;
font-weight:bold;
}

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

.ddpanel .ddpaneltab a:hover{ /*"toggle" tab related CSS*/
background-color: transparent; /*background of toggle tab onMouseover*/
color: #999;
font-weight:bold;
}

.ddpanel .ddpaneltab a:active, .ddpanel .ddpaneltab a:focus{ /*"toggle" tab related CSS*/
outline: 0;
color: #333;
font-weight:bold;
}

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