.ddpanel .ddpanelcontent{ 
color: white;
background: #8B0000; 
}

.ddpanel .ddpanelcontent a{ 
color: white;
text-decoration: none;
}

.ddpanel .ddpanelcontent a:hover{ 
text-decoration: underline;
}

.ddpanel .ddpaneltab{ 
margin-right: 20px;
font: normal 12px Arial;
}

.ddpanel .ddpaneltab a{ 
float: right;
color: white;
background: #8B0000 url(toggleleft.gif) no-repeat left bottom; /*background of toggle tab*/
text-decoration: none;
letter-spacing: 1px;
}

.ddpanel .ddpaneltab a span{ 
float: left;
display: block;
background: transparent url(toggleright.gif) no-repeat right bottom;
padding: 1px 12px 4px 13px;
cursor: pointer;
}

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

.ddpanel .ddpaneltab a:hover{ 
background-color: #666; 

}

.ddpanel .ddpaneltab a:active, .ddpanel .ddpaneltab a:focus{ 
outline: 0;
}

.ddpanel .ddpaneltab a:hover span{ 
background-color: transparent;
}