.ddpanel .ddpanelcontent{ /*CSS for "content" DIV of Drop Down Panel*/
color : #03c; 
background : #f3f3f3; 
font-size : 70%; 
border-bottom : 1px solid #ccc; 
background-color : #e7f1c7;
/*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 11px Verdana; 
margin : 0 auto; 
text-align : left; 
width : 940px; 
overflow : hidden; 
}

.ddpanel .ddpaneltab a{ /*"toggle" tab related CSS*/
float : left; 
color : #5c33ca; 
background : #e7f1c7 url(../img/nav/toggleleft.gif) no-repeat left bottom; 
text-decoration : none; 
letter-spacing : 1px; 
background-color : #f3f3f3; 
}

.ddpanel .ddpaneltab a span{ /*"toggle" tab related CSS*/
float : left; 
display : block; 
background : transparent url(../img/nav/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{ /*"toggle" tab related CSS*/
	background-color : #f3f3f3;  /*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;
}