.ddpanel {
	height: 100%;
	margin-top: -1px;
	padding: 5px;
}
#mypanelcontent   {
	margin-right: auto;
	margin-left: auto;
	margin-top: -1px;
	padding-top: 20px;
}
.ddpanelcontent { /*CSS for "content" DIV of Drop Down Panel*/
	color: white;
	margin-top: -1px;
	padding-top: 30px;
}
.ddpaneltab { /*CSS for "toggle" tab DIV of Drop Down Panel*/
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFF;
	z-index: 5;
	margin-right: auto;
	margin-left: auto;
	margin-top: -1px;
}
.ddpaneltab a { /*"toggle" tab related CSS*/
	color: #000000; /*background of toggle tab*/
	text-decoration: none;
	letter-spacing: 1px;
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	margin-top: -1px;
}
.ddpaneltab a span { /*"toggle" tab related CSS*/
	cursor: pointer;
	margin-right: auto;
	margin-left: auto;
	width: 800px;
	margin-top: -1px;
}
.ddpaneltab a span img.pointerimage { /*CSS for pointer image within toggle tab*/
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }
.ddpaneltab a:hover {    
opacity: 0.5;
/*"toggle" tab related CSS*/
}
.ddpaneltab a:active, .ddpanel .ddpaneltab a:focus { /*"toggle" tab related CSS*/
	outline: 0;
}
.ddpaneltab a:hover span { /*"toggle" tab related CSS*/
	background-color: transparent;
	margin-right: auto;
	margin-left: auto;
	margin-top: -1px;
}