html, body {
    margin:0; padding:0;
    height: 100%;
	background:#FDFDFD;
	font:12px/1.4 Arial,Helvetica,Verdana,sans-serif;
}		
	
img {border:0;}

#flashcontener {
    position:absolute; 
    width:100%; 
	height: 100%;
	display:block;
}

#noflash {
    position:absolute; top:50%; left:50%;
    margin-top:-140px; margin-left:-300px;
    width:600px; height:280px;
}

.normal {
    color:#000;
    font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px; font-style:normal;
    text-align:center;
}


/**
 * Mask container, inserted with JavaScript
 * @section        coreMask
 * @tree           .mask < #core < #wrapper < form < body
 */
#core .mask {
    position:absolute; top:0; left:0; z-index:1;
    width:100%;
}
#coreMaskPopin {
    z-index:10;
    background:#FFF;
    opacity:.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8 */
}


/**
 * Popins container, inserted with JavaScript
 * @section        popins
 * @tree           #popin < #core < #wrapper < form < body
 */
#popin {
    position:absolute; top:0; left:-10000px; z-index:11;
    width:100%;
}
.popinInner a.close {
    position:absolute; top:12px; right:12px;
    overflow:hidden;
    width:15px; height:15px;
    background:url(/img/common/btn/closeOn.gif) no-repeat;
}
.popinInner a.close img {display:block;}
.popinInner a.close:hover {
    padding-top:15px;
    height:0;
}
#popin .btn a {
    float:left;
    padding:0 17px; border:1px solid #B48F49;
    /*height:13px;*/
    background:url(/img/common/bg/btnBrown.gif) repeat-x 0 50%; color:#FFF;
    font-size:10px;
    text-align:center; text-decoration:none; text-transform:uppercase;
    line-height:1.3;
}
#popin .btn a:hover {background:#D0A147;}
#popin .btn span {
    padding-left:8px;
    background:url(/img/common/picto/arrow_r_4x7_FFFFFF.gif) no-repeat 0 .3em;
}

#popinMinisiteRegister {
    position:absolute; top:50%; left:50%;
    margin-top:-285px; margin-left:-475px; border:1px solid #F86516;
    width:950px; height:570px;
}


/* popinNewsletterRegister */
#popinNewsletterRegister {
    position:absolute; top:20px; left:50%;
    margin-left:-287px;
    width:574px;
    background: url(/img/common/bg/popins574Top.png) no-repeat; color:#333;
    font:12px/1.4 Arial, Helvetica, Verdana, sans-serif;
}
#popinNewsletterRegister.popinWrapper {padding-top:2px;}

#popinNewsletterRegister .popinInner {padding:0 2px 2px;}
#popinNewsletterRegister .popinContent {
    margin:0; padding:.5em 15px;
    background:url(/img/common/bg/popinsGradient.gif) repeat-x;
}
form, #popinNewsletterRegister fieldset, #popinNewsletterRegister legend, #popinNewsletterRegister .actions input {margin:0; padding:0; border:0;}
#popinNewsletterRegister .popinContent legend span {
    display:block;
    padding:.2em 0; border-bottom:1px solid #D2D2D2;
    width:540px;
    font-size:21px;
}
#popinNewsletterRegister .popinContent .text {
    position:relative;
    padding-bottom:5px;
}
#popinNewsletterRegister .text input, #popinNewsletterRegister .text textarea {
    margin:0; padding:1px 2px; border:1px solid #CCC;
    background:#FFF url(/img/common/bg/textField.gif) no-repeat; color:#333;
    font:12px Arial, Helvetica, Verdana, sans-serif;
}
#popinNewsletterRegister p.error {
    display:none;
    padding-left:15px;
    background:url(/img/common/picto/error.gif) no-repeat 0 .1em; color:#F00;
    font-size:10px; font-weight:normal;
}
#popinNewsletterRegister img.error {
    float:left;
    margin-right:5px;
}

#popinNewsletterRegister span.legend img.error, #popinNewsletterRegister label img.error {float:none;}
#popinNewsletterRegister .text em.required {font-style:normal;}
#popinNewsletterRegister .popinInner {background:url(/img/common/bg/popins574.png) no-repeat 0 100%;}
#popinNewsletterRegister legend span {width:540px;}
#popinNewsletterRegister .radioGroup span.legend {width:75px;}
#newsletterRegisterForm .text label, #newsletterRegisterForm input, #newsletterRegisterForm .radioGroup span.legend {
    float:left;
    margin-right:5px;
    font-size:12px;
    text-align:left;
}
#newsletterRegisterForm .text label {padding-top:2px;}
#newsletterRegisterForm .text label {width:auto;}
#newsletterRegisterForm #nameFields div.text, #newsletterRegisterForm #birthFields div.text, #newsletterRegisterForm #emailFields div.text {
    float:left;
    margin-top:3px;
}
#newsletterRegisterForm #firstNameField {margin-right:15px;}
#newsletterRegisterForm #nameFields label {width:75px;}
#newsletterRegisterForm #nameFields input {width:150px;}
#newsletterRegisterForm #birthFields .text {margin-right:10px;}
#newsletterRegisterForm #birthFields div.day label {
    margin-right:8px;
    width:125px;
    text-align:left;
}
#newsletterRegisterForm #birthFields div.text input {width:39px;}
#newsletterRegisterForm #emailField {margin-right:15px;}
#newsletterRegisterForm #emailField.text label, #newsletterRegisterForm #emailConfirmField.text label {
    display:block; float:none; clear:left;
    width:auto;
    font-size:12px;
    text-align:left;	
}
#newsletterRegisterForm #emailField input, #newsletterRegisterForm #emailConfirmField input {width:170px;}
#popinNewsletterRegister .popinContent .actions {margin-top:10px; padding-top:10px; border-top:1px solid #D2D2D2;}
#popinNewsletterRegister .popinContent .actions .btn {margin:0;}
#popinNewsletterRegister .popinContent .actions .btn a {float:right;}
#popinNewsletterRegister label a {color:#666;}


/* popinRegisterConfirm */
#popinRegisterConfirm {
    position:absolute; top:20px; left:50%;
    margin-left:-175px;
    width:350px;
    background:#FFF url(/img/common/bg/popinsGradient.gif) repeat-x; color:#333;
    font:12px/1.4 Arial, Helvetica, Verdana, sans-serif;
}
#popinRegisterConfirm.popinWrapper {padding-top:2px;}

#popinRegisterConfirm .popinInner {padding:0 2px 2px;}
#popinRegisterConfirm .popinContent {
    margin:0; padding:.5em 15px;
    background:url(/img/common/bg/popinsGradient.gif) repeat-x;
}

#popinRegisterConfirm .popinContent {padding-top:1.5em;}
#popinRegisterConfirm .popinInner {padding-bottom:1.5em; border:1px solid #ABABAB;}

#popinRegisterConfirm .popinContent legend span, 
form, #popinRegisterConfirm fieldset, #popinRegisterConfirm legend, #popinRegisterConfirm .actions input {margin:0; padding:0; border:0;}
#popinRegisterConfirm .popinContent legend span {
    display:block;
    padding:.2em 0; border-bottom:1px solid #D2D2D2;
    width:308px;
    font-size:21px;
}

/* popinAlreadySigned */
#popinContestAlreadySigned {
    position:absolute; top:20px; left:50%;
    margin-left:-175px;
    width:350px;
    background:#FFF url(/img/common/bg/popinsGradient.gif) repeat-x; color:#333;
    font:12px/1.4 Arial, Helvetica, Verdana, sans-serif;
}
#popinContestAlreadySigned.popinWrapper {padding-top:2px;}

/*#popinContestAlreadySigned .popinInner {padding:0 2px 2px;}*/
#popinContestAlreadySigned .popinContent {
    margin:0; padding:.5em 15px;
    background:url(/img/common/bg/popinsGradient.gif) repeat-x;
}
form, #popinContestAlreadySigned fieldset, #popinContestAlreadySigned legend, #popinContestAlreadySigned .actions input {
border:0 none;
margin:0;
padding:0;
}
#popinContestAlreadySigned .popinContent {padding-top:1.5em;}
/*#popinContestAlreadySigned.popinInner {padding-bottom:1.5em; border:1px solid #ABABAB;}*/

#popinContestAlreadySigned .popinInner {
border:1px solid #ABABAB;
padding-bottom:1.5em;
}
#popinContestAlreadySigned .popinInner {
padding:0 2px 2px;
}
/*#popinContestAlreadySigned.popinContent legend span, 
form, #popinContestAlreadySigned fieldset, #popinContestAlreadySigned legend, #popinContestAlreadySigned.actions input {margin:0; padding:0; border:0;}
#popinContestAlreadySigned.popinContent legend span {
    display:block;
    padding:.2em 0; border-bottom:1px solid #D2D2D2;
    width:308px;
    font-size:21px;
}*/
#popinContestAlreadySigned .popinContent legend span {
border-bottom:1px solid #D2D2D2;
display:block;
font-size:21px;
padding:0.2em 0;
width:308px;
}




/* popinMenXTransformers */

#popinMenXTransformersWrapper {display:none;}

#popinMenXTransformers {
    margin:100px auto 0;
    width:747px;
    background:#fff; color:#333;
}

form, fieldset, legend, .actions input {margin:0; padding:0; border:0;}
.text input, .text textarea {
    margin:0; padding:1px 2px; border:1px solid #CCC;
    background:#FFF url(/img/common/bg/textField.gif) no-repeat; color:#333;
    font:12px Arial, Helvetica, Verdana, sans-serif;
}
textarea {overflow:auto;}
.text em.required {font-style:normal;}
#core .error {color:red;}

#main{
    background:#fff url(/_de/_de/minisites/men-expert2010/contest/transformers/img/bg/core.jpg) no-repeat left bottom;
	position:relative;
	width:475px; height:467px;	
	margin:0 auto; padding-left: 272px;
	color:#000;
}

#intro {
	width:420px;
}
#intro h1{
	width:auto;
	margin:0 0 20px;
	padding:15px 0 0 48px;
}
#intro .intro{
	margin:0 0 15px 17px;
}
#intro .intro p{
	color:#FF7800;
	font-size:12px;line-height:17px;
	text-align:justify;text-transform:uppercase;
}
#intro .intro img{
	display:block;
	margin:0 0 9px 10px;	
}
#intro p {
	clear:both;
	padding-bottom:2px;
	padding-left: 10px;
	font-size:12px;
	font-weight:bold;
	font-family:helvetica,arial;
	text-align:justify;
	line-height:1.2;
}
#intro p span{
	color:#CC3399;
	font-size:14px;
	font-weight:normal;
}


/**
 * @section        registerForm
 * @tree       #registerForm < .content < #main < #core < #wrapper < form < body
 */
#main #registerForm {
	margin:8px auto 0 27px;
	width:420px;
}

#main #registerForm .text{
	float:left;
	margin-right:10px;
	padding-bottom:4px;
}
#main #registerForm .text label{display:block;float:left;}
#main #registerForm  #firstNameField.text label,#main #registerForm  #streetNameField.text label{width:75px;}
#main #registerForm  #zipField.text label{width:140px;}
#main #registerForm  #lastNameField.text label,#main #registerForm  #cityField.text label{width:60px;}
#main #registerForm  #streetNumberField.text label{width:125px;}

#main #registerForm .text input{float:left;width:125px;}
#main #registerForm #streetNumberField.text input,#main #registerForm #zipField.text input{ width:60px;}

#main #registerForm #emailFields label{float:none;}
#main #registerForm #emailFields #emailField label{width:207px;}
#main #registerForm #emailFields input{width:175px;}

#main #registerForm #birthFields label{margin-right:2px;}
#main #registerForm #birthFields input{width:50px;}

#main #personalInfos .radioGroup .legend{
	float:left;
	margin-right:20px;
}
#main #conditionsField{clear:both;}
#main #conditionsField .radioGroup .legend{
	display:block;
	margin-bottom:5px;
}
#main .actions{
	width:350px;
}

#main .actions .save{float:right;}
#main .actions .facebook{margin:0 10px 0 0;}

#main .date{font-size:9px;margin-bottom:6px;height:10px;}

#core.confirmation #intro h1 {
	margin-bottom:66px;
}
#core.confirmation #intro h2 {
	text-transform:uppercase;
	color:#FF7800; font-weight:normal; font-size:30px; line-height:29px;
	margin:66px 0 38px 37px;
}
#core.confirmation #intro h2 span{
	font-weight:bold; font-size:32px;
}
#core.confirmation #pushProduct {
	top:0; left:0;
}
#core.confirmation #main p.actions {
	float:right;
	width:auto;
	padding:3em 2em 0 0;
}



/**
 * Tooltips container, inserted with JavaScript
 * @section        tooltips
 * @tree           .toolTip < form < body
 */
.toolTip {
    position:absolute; z-index:777;
    display:none;
    padding-bottom:6px;
    width:120px;
    background:url(/img/common/bg/toolTip.gif) no-repeat 50% 100%; color:#333;
    font-size:10px; font-weight:bold;
    text-align:center; text-transform:uppercase;
}
#toolTipAuto {width:auto;}
#toolTipError {
    background-image:url(/img/common/bg/toolTipError.gif);
    text-transform:none;
}

#toolTipInner {padding:.2em 5px; border:1px solid #CCC; border-width:1px 1px 0;}
#toolTipError #toolTipInner {
    border-color:#F00;
    color:#F00;
}


/**
 * Group of checkbox or radio, styled as inline
 * @section        boxGroup
 */
.radioGroup {padding:5px 0;}
.radioGroup li {
    float:left;
    margin-right:.5em;
}
.radioGroup input {
    float:left;
    margin:1px 0 0;
}
#js .radioGroup input {position:absolute; left:-10000px;}
.radioGroup label {
    float:left;
    margin-right:10px; padding-left:3px;
}
.radioGroup span label {margin-right:15px;}
#js .radioGroup label {
    padding-left:18px;
    background:url(/img/common/bg/fauxRadio.gif) no-repeat;
    cursor:pointer;
}
.radioGroup ul {
    float:left;
    margin:0;
}


/**
 * One checkbox only
 * @section        box
 */
.checkbox {padding:5px 0;}
.checkbox input {
    float:left;
    margin:1px 0 0;
}
#js .checkbox input {position:absolute; left:-10000px;}
.checkbox label {
    float:left;
    padding-left:3px;
}
#js .checkbox label {
    padding-left:18px;
    background:url(/img/common/bg/fauxCheckbox.gif) no-repeat;
    cursor:pointer;
}

#js label.focus {background-position:-500px 0;}
#js label.checked {background-position:-1000px 0;}
#js label.checkedFocus {background-position:-1500px 0;}


/**
 * Easy clearing method (do not work in IE)
 * @section        clearing
 */
.popinContent .text:after, .select:after, .checkbox:after, .radioGroup:after, .popinContent .actions:after, #newsletterRegisterForm #nameFields:after, #newsletterRegisterForm #birthFields:after, #newsletterRegisterForm #emailFields:after {
    display:block; clear:both;
    visibility:hidden;
    height:0;
    content:".";
}