/*CSS for "content" DIV of Drop Down Panel*/

.ddpanel .ddpanelcontent {
	margin: 10px 0 0 0;
	padding: 4px 0 4px 0;
	background: url(../images/dot.gif) repeat-x top;
	}

.ddpanel .ddpaneltab {
	margin-right: 20px;
	padding: 0;
	}

.ddpanel .ddpaneltab a {
	float: right;
	color: #000;
	background: url( url(../images/toggleleft.gif)) no-repeat left bottom;
	text-decoration: none;
	letter-spacing: 1px;
	font-weight: bold;
	}

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

.ddpanel .ddpaneltab a span img.pointerimage {
	margin-top: 2px;
	margin-left: 5px;
	}

.ddpanel .ddpaneltab a:hover {
	background: none;
	color: #333;
	}

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

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