.ddpanel form {
	float: right;
	padding: 7px 20px 7px 0;
}
.ddpanel form input[type=text], .ddpanel form input[type=password] {
	font-size: 10px;
	color: #999999;
	background: url(../imgs/input.png) no-repeat;
	width: 104px;
	height: 18px;
	padding: 6px 10px 0 10px;
	border: 0;
	margin-right: 7px;
}
.ddpanel form input[type=button] {
	background: url(../imgs/ok.png) no-repeat;
	width: 24px;
	height: 24px;
	padding: 0 0 0 0;
	border: 0;
	margin: 0 0 0 0;
}
.ddpanel span.id {
	font-size: 10px;
	color: white;
	font-family: Tahoma;
	margin-right: 7px;
}
.ddpanel .ddpanelcontent{ /*CSS for "content" DIV of Drop Down Panel*/
color: white;
background: #666666; /*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-size: 10px;
font-family: Tahoma;
font-weight: normal;
background: url(../imgs/connexion.png);
float: right;
width: 68px;
text-align: center;
padding: 3px 0 4px 0;
}

.ddpanel .ddpaneltab a{ /*"toggle" tab related CSS*/
color: white;
text-decoration: none;
}

.ddpanel .ddpaneltab a:hover{ /*"toggle" tab related CSS*/
text-decoration: underline; /*background of toggle tab onMouseover*/
}

.ddpanel .ddpaneltab a:active, .ddpanel .ddpaneltab a:focus{ /*"toggle" tab related CSS*/
outline: 0;
}