body {margin:0;font:11px/14px "Arial",sans-serif; background-color:#000}
form {
font-size:11px;
margin:0 0 0 10px
}

#page {
width:980px;
margin: 0 auto;
}

.main {
height:505px;
overflow:hidden;
position:relative;
}

.step1 {
background:url("sfondo_st1.jpg") no-repeat left top; height:505px;
}

.step2 {background:url("sfondo_st2.jpg") no-repeat left top;height:505px}
.step3 {background:url("sfondo_st3.jpg") no-repeat left top;height:505px}
.step4 {background:url("sfondo_st4.jpg") no-repeat left top;height:505px}

.stepE {background:url("sfondo_st_error.jpg") no-repeat left top;height:505px;}


#headline span {display:none}

.loghi {background:url("loghi.gif") no-repeat center top; width:619px; height:45px; text-align:center; margin:20px auto 0 auto; padding-bottom:20px;} 

/*--------------------
STEP 1
---------------------*/
.step1 #h2 p {
color:#000000;
font-size:12px;
line-height:14px;
position:absolute;
right:28px;
text-align:center;
top:267px;
width:314px;
}

.box_form {
position:absolute;
width:385px;
height:330px;
top:157px;
left:605px;
text-align:center;
}

.box_form form {margin:50px 20px 0 20px;}

form div {margin:0 0 8px 0; vertical-align:top}


form div span.info {color:#666666;font-size:10px;} 

form label {color:#666666;font-weight:bold;display:inline-block;width:120px;height:25px;line-height:25px}

form input {vertical-align:top;}
.button input {border:none;cursor:pointer;}

form .accept a {color:#666666}

.step1 form input
 {font-size:40px;line-height:40px}
 

 

#phoneNumber1, 
#phoneNumber2 {width:80px;height:48px;}
#phoneNumber3 {width:110px;height:48px;}

.button {position:absolute;}
.button span {display:none;}

.step1 .button {display:block;bottom:60px;left:90px;*left:80px}
.step1 .button input{width:199px;height:55px;background:url("bt_1.gif") no-repeat center;}
.step1 .form_title{display:none;font-size:25px;font-weight:bold;color:#FFF;padding-bottom:20px;}
.step1 .subtitle{display:none;}
.step1 .msisdn label{display:none;font-size:25px;font-weight:bold;color:#FFF;padding-bottom:20px;}
.step1 .msisdn .prefisso{display:none;font-size:25px;font-weight:bold;color:#FFF;padding-bottom:20px;}
.step1 .termslink {position:absolute;top:180px;left:140px;}
.step1 .termslink a {color:#666666;}
.step1 .termslink span {font-weight:normal;width:180px;height:auto;line-height:20px}
 
 /* solo per flusso uza_instant_google*/
.step1 .privacy label {
font-weight:normal;
height:auto;
line-height:13px;
width:200px;
}
.step1 .privacy a{color:#666666;}
.step1 .privacy  {position:absolute;top:180px;left:90px;}
.step1 .privacy input {width:auto;}
/* ----- */



/*----------------------
STEP 2
----------------------*/

.step2 #h2 p {
color:#000000;
font-size:12px;
line-height:14px;
position:absolute;
right:28px;
text-align:center;
top:262px;
width:314px;
}



.step2 form {text-align:center;}
.step2 form p {display:none;font-weight:bold;color:#FFF; font-size:25px;margin:-20px 20px 20px 20px;}
.step2 .box_form {
position:absolute;
width:385px;
height:330px;
top:94px;
left:607px;
text-align:center;
}

.step2 .pin label{display:none;font-size:25px;font-weight:bold;color:#FFF;padding-bottom:20px;}
.step2 form input {width:150px;font-size:30px;line-height:32px; margin-top:5px;text-align:center;}
.step2 form .age input {font-size:30px;line-height:30px;width:50px;}
.step2 .box_form .age label {font-size:18px;line-height:20px;margin-top:15px;}
.step2 .age {padding-right:20px;}
.step2 .privacy label {font-weight:normal;width:180px;height:auto;line-height:20px}
.step2 .privacy  {position:absolute;top:225px;left:90px;}
.step2 .privacy a{color:#666666;}
.step2 .privacy input {width:auto;}
.step2 .button {display:block;bottom:-15px;left:70px; padding:0;}
.step2 .button input{width:248px;height:77px;background:url("bt_2.gif") no-repeat center;}


/*-- overlay loading --*/

#shade{
display:none;
z-index: 10000;
filter: alpha(opacity=20); /*older IE*/
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20); /* IE */
-moz-opacity: .20; /*older Mozilla*/
-khtml-opacity: 0.2;   /*older Safari*/
opacity: 0.2;   /*supported by current Mozilla, Safari, and Opera*/
background-color:#000000;
position:fixed; top:0px; left:0px; width:100%; height:100%; text-align:center; vertical-align:middle;
}

#loading {
z-index: 99999999999;
display:none;
position:absolute;
left:30%;
top:30%;
font-size:16px;
line-height:18px;
color:#E73728;
background: #F5F5F5;
border:4px solid #CC2626;
width:300px;
height:200px;
text-align:center;
font-weight:bold;
}

#loading  p {
padding:20px;
} 

#loading  .loadgif {
padding:10px 20px;
background:url("ajax-loader.gif") no-repeat center;
height:32px;
width:32px;
margin:0 auto;
} 

/* -------- // -------- */


/*----------------------
STEP 3
----------------------*/

.step3 #h2 p {
display:none;
}
.step3 form {text-align:center; margin-top:-7px;*margin-top:0}
.step3 form div {text-align:right;}
.step3 form div label {text-align:left; width:120px;font-size:12px;}
.step3 .form_title{display:none;font-size:25px;font-weight:bold;color:#FFF;padding-bottom:20px;}
.step3 .box_form {
position:absolute;
width:385px;
height:330px;
top:110px;
left:577px;
text-align:center;}
.step3 form input {width:150px;font-size:12px;line-height:14px;}
.step3 form select {width:152px;font-size:12px;line-height:14px;}
.step3 form textarea{width:150px;font-size:12px;line-height:14px;}
.step3 .button {display:block;bottom:20px;left:100px; padding:0;}
.step3 .button input{width:248px;height:77px;background:url("bt_2.gif") no-repeat center;}

/*----------------------
STEP 4
----------------------*/
.step4 .box_form {
position:absolute;
width:320px;
height:330px;
top:60px;
left:647px;
text-align:center;}
.step4 .instructions{
width:300px;
padding:5px;
text-align:left;
}
.step4 .instructions strong {
display:block;
}
.step4 .instructions span{
font-weight:bold;
color:#FF2C2E;
*margin:0;*padding:0;
}
.step4 p {*margin:0;*padding:5px;}
/*-------------------
STEP E
-------------------*/

.stepE .box_form p {
font-size:18px;
line-height:20px;
margin-top:15px;
color:#666666;
font-weight:bold;
line-height:25px;
text-align:left;
}

.stepE .box_form  strong {
color:#CF0908;
font-size:23px;
display:block;
}

.stepE .box_form {
height:500px;
width:270px;
left:670px;
top:120px;
}


/*------------------
FOOTER
-------------------*/
#footer {background-color:#E5E5E5; color:#666666; padding:5px 15px}

#footer p {margin:0px 0 5px 0;}
#footer .top {display:block; position:absolute; width:600px;top:450px;color:#666666;line-height:13px;}

#footer a {color:#666666}

#popups {display:block; position:absolute; top:495px; left:710px; text-align:center; color:#666666;font-size:9px;}
#popups a {display:inline-block;padding:0 5px;color:#666666;}

/*---------box error --------*/

.Errors{
position:absolute;
top:50px;
right:320px;
width:250px;
height:400px;
}

.Error {
position:absolute;
width:231px;
background: url("box-error.gif") no-repeat right center;
font: 11px/12px "Tahoma","Arial", sans-serif
}

.Error div {
border-top:5px solid #dd0000;
border-bottom:5px solid #dd0000;
margin:0 20px 0 0;
}

.Error div span {
display:block;
color:#AA2000;
border:1px solid #AA2000;
padding:2px 5px 3px 5px;
margin-left:4px
}

.pos1 {left:px;top:165px}
.pos2 {left:px;top:100px}
.pos3 {left:px;top:155px}
.step3 .pos3 {left:px;top:115px}
.pos4 {left:px;top:240px}
.pos5 {left:px;top:50px}
.pos6 {left:px;top:px}
.pos7 {left:px;top:170px}