@charset "utf-8";
.registration{
	width:450px;
	margin:150px auto 0 auto;
	
}
form input{
	width:100%;
}

form input[type=text]{
	background:#F0EEF0;
	border:1px solid #E2E2E2
}

form input:nth-child(2) {
	margin-top:0px;
}

form .text{
	height:52px;
	margin-top:10px;
	outline:none;
	font-weight:bold;
	text-indent:20px;
	border:0;
}

form .submit{
	margin-top:15px;
}


div#flashMessage{
	margin-top:20px;
	color:orange;
	text-align:center;
}

form label.error{
	color: orange;
	font-style:italic;
	margin-bottom:5px;
	vertical-align: middle;
	text-align:right;
	font-size:0.7em;
	width:360px !important;
}

#registrationCampaign, #registrationVoucher {
    width: 350px;
    height: 40px;
    display: block;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:-30px; margin-left:28px;
    width:300px; line-height:16px;
}
a.tooltip:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#fffAF0;}
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
    
/*CSS3 extras*/
a.tooltip span {
    border-radius:4px;
    box-shadow: 5px 5px 8px #CCC;
}

#headerAide img {
  float: right;
}

#headerAide {
    height: 35px;
    overflow:hidden;
    cursor: default;
}

#headerAide h3 {
  position: relative;
  top: -16px;
}