/* CSS Document */

/* hide iphone pickers */
#gendertgender{display:none;}
#datapicker{display:none;}
/*----------//---------*/



html {
background:url("../gfx/bg.jpg") repeat-x 0 top;
background-color:#090100;
}

body {
background-color:#090100;
margin:10px auto 10px auto;
width:1001px;
font:12px/14px Arial, Helvetica, sans-serif;
text-align:center;
position:relative
}

.hide {display:none}

.clear {clear:both;display:block;height:0;line-height:0;font-size:0;}

.page_step1 {
width:1016px;
margin:0 auto;
min-height:567px;
height:auto !important;
height:567px;
background:url("../gfx/sf_stp_1.jpg") no-repeat 0 top;
position:relative;
}

.page_step1 .bollino{
width:111px;
height:112px;
position:absolute;
right:340px;
bottom:190px;
background:url("../gfx/btn-omaggio.gif") no-repeat 0 top;
}



.page_step2 {
width:1016px;
margin:0 auto;
min-height:567px;
height:auto !important;
height:567px;
background: url("../gfx/sf_stp_2.jpg") no-repeat 0 top;
position:relative;
}

#page3 {
width:1016px;
margin:0 auto;
min-height:567px;
height:auto !important;
height:567px;
background: url("../gfx/sf_stp_3.jpg") no-repeat 0 top;
position:relative;
}


.page_stepE{
width:1016px;
margin:0 auto;
min-height:567px;
height:auto !important;
height:567px;
background: url("../gfx/sf_stp_3.jpg") no-repeat 0 top;
position:relative;
}


#headline {
display:none
}

#headline-inbox {
/*border:1px solid #33CCFF;*/
position:absolute;
right:25px;
top:20px
}

#headline-inbox h1 {
font:bold 25px/27px "Arial","Helvetica",sans-serif;color:#9c9c9c;width:360px;text-align:center;
}

#headline-inbox span {color:#66cc66;text-transform:uppercase}

/*-------- footer --------*/

#footer {
position:absolute;
left:20px; bottom:0;
z-index:500;
margin:0 auto;
padding:20px 0;
text-align:left;
width:980px;
font:10px/11px "Tahoma","Helvetica",sans-serif;
color:#464646
}

#footer p {margin:0}

.box-testo a {
font: 10px/11px "Tahoma","Arial", sans-serif;
color:#464646
}

.box-termini {
width: 761px;
height:37px;
font-size:11px;
line-height:12px;
background: none;
margin:8px auto;
}

.box-termini div {
float:left;
height:37px;
line-height:37px;
padding:0 30px 0 0
}

.box-termini div.hspace1 {
width:40px;
padding:0
}

.box-termini a {
color:#464646;
font-weight:bold;
text-decoration:none
}

#landing-profili {
display:none
}

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

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

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

.pos1 {left:-225px;top:45px}
.pos2 {left:-225px;top:110px}
.pos3 {left:-225px;top:138px}
.pos4 {left:-225px;top:155px}
.pos5 {left:-225px;top:125px}
.pos6 {left:-230px;top:145px}
.pos7 {left:-55px;top:85px}

/*---------- form ----------*/

.box-form {
position:absolute;
}

.step1 {
right:50px;
top:93px;
*top:89px;
width:290px;
}

.step2 {
/*border:1px solid lime;*/
right:50px;
top:60px;
width:290px;
}

.stpError {
right:62px;
top:140px;
width:290px;
}

.step3 {
/*border:1px solid lime;*/
overflow:hidden;
top:55px;
right:35px;
padding:80px 0 60px 0;
width:350px;
z-index:10;
}

.step3 .picture {
display:none
}

.step3 .picture img {}

.avviso {
font: bold 18px/20px Arial, Helvetica, sans-serif;
color:#444;
border:3px solid #AF1719;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px;
margin:0 0 10px 70px;
padding:15px;
width:600px
}

.avviso span {
color:#D40004;
text-transform:uppercase
}

.step3 .avviso {
font:14px/16px "Tahoma", "Arial","helvetica",sans-serif;
color:#000000;
text-align:center;
border:none;
margin:0;
padding:0 0 0 60px;
width:250px;
}

.step2 .spot {
display: none;
color:#FFFFFF;
height:25px;
line-height:25px;
text-transform:uppercase;
font-weight:bold;
position:absolute;
top:-22px;left:4px;
background: url("../gfx/label_box_stp2.gif") no-repeat center;
width:281px;
}

form {
text-align:left;
margin:0;
}

.step1 form {
min-height:320px;
height:auto !important;
height:320px;
}

.step2 form {
min-height:335px;
height:auto !important;
height:335px;
margin:0 10px
}

.stpError form {
/*border:solid #FF0000;*/
min-height:130px;
height:auto !important;
height:130px;
}

.step3 form {
background:transparent;
border:none;
min-height:80px;
height:auto !important;
height:80px;
margin:0 10px
}

.step3 form h4 {
color:#999999;
margin:0 0 -20px 0;
position:relative;
top:-35px;
left:30px;
text-align:center;
font:bold 12px/12px "Arial","Helvetica",sans-serif;
width:270px;
}

form p {margin:20px 10px 5px 8px; font:12px/13px Arial, Helvetica, sans-serif}

.step2 form p {
margin:15px 0 5px 0;
padding: 0 0;
font-size:11px;
line-height:15px;
font-weight:bold;
background-color:transparent;
text-align:left;
}

form p span {color:#000; font-weight:bold}

.step2 form p br {display:none;}

form p.normalError {
color:#9c9c9c;
font-size:11px;
line-height:12px;
background-color:#FA6DD1;
padding: 5px;
margin: 5px
}

.step2 form p.normalError {
position: absolute;
bottom: 25px;
left: 10px;
margin: 0;
width:260px;
text-align:left;
background-color: transparent;
}

.stpError form p.normalError {
/*border:solid #CCFF00;*/
bottom: 120px;
font: bold 15px/20px "Arial","helvetica",sans-serif;
left:16px;
text-align:center;
width:95%
}

form p.nobord {
border:none;
margin-left:8px;
margin-right:10px;
text-align:left
}

form p.normalError a {
color:#FFF;
}

p.bigError {
font-size:20px;
line-height:30px;
font-weight:bold;
text-align:center;
color:#FFF;
padding-top:30px
}

form div {
padding:0px 0 0 5px;
margin:2px
}

.step3 form div {
/*border:1px solid #6666CC;*/
padding-left:0;}

form .smallText {
font-size:11px;
margin:0 5px;
}

.step2 form .smallText {
margin:15px 0;
line-height:12px;
background-color:transparent;
}

form .smallText  a {color:#000;}

form div.clear, 
form span.clear {
padding:0
}

label {
display:inline-block;
line-height:25px;
font-weight:bold;
text-transform: uppercase;
text-align:center;
color:#000;
}

.step1 label {
width:93px;
height:25px;
color:#f33bbd
}
.step1 label strong {display:none}

span.uomo {
display:inline-block;
width:47px;
}

span.donna {
display:inline-block;
width:60px;
}

span.donna,
span.uomo {font-weight:bold;vertical-align:top;padding-top:3px}

input, 
select {vertical-align:top; font-size:15px; width:165px; padding:0;}

select {width:169px;}
#day, #month {width:45px;}
#year {width:72px;}

input#gender,
input#t_gender {width:auto;}

input#privacy {width:auto;}
input#msisdn_pre {width:30px;}
input#msisdn_post {width:128px;}

textarea {
width:320px;
height:50px;
overflow:auto;
border:1px solid #88A3BE;
background-color:#ececec;
margin:10px 0 0 10px;
}

form div.pin {
/*border:1px solid lime;*/
background-color:transparent;
text-align: right;
margin:30px 12px 0 auto;
}

form div.pin label{
width:auto;
height:auto;
display:none;
background: none;
text-transform:uppercase;
font: bold 12px/14px Arial, Helvetica, sans-serif;
color:#000;
text-align:left;
margin: 0;
padding:2px 0;
float:none
}

form div.pin input {
font-size:30px; 
width: 120px;
padding-top:3px;
color: #FF6600;
left:30px;
border:0;
}

form div.servizio-abbonamento {
font: bold 12px/20px Arial, Helvetica, sans-serif;
margin: 9px 5px 0 5px;
padding:0;
color:#000000;
vertical-align:middle;
text-align:center;
}

.accetto {
padding:10px 0 0 20px;
margin:0 5px;
}


.accetto input {
float: left;
margin-top:0px;
font-size:0;
vertical-align:top
}

.accetto label {
background:none;
text-transform:none;
font: 11px/12px Arial, Helvetica, sans-serif;
width: 195px;
color:#000000;
height:auto;
float:left;
text-align:center
}
.step1 .accetto label strong {display:inline}

.accetto label a {color:#000000;font-weight:bold}

.step2 .accetto {
padding:0 0 0 15px;
}

.step2 .accetto label{
text-align:left;
width:210px;
line-height:1em;
}

.step3 .accetto {
width:340px;
font-family:"Tahoma";
font-weight:bold;
font-size:10px;
line-height:12px;
text-align:center
}

.step3 .accetto br {display:none}

.step3 .accetto input {
float: none;
margin-top:0;
font-size:10px;
width:auto;
}

.step3 .accetto span {font-weight:normal;position:relative;top:2px;}

h5 {
text-transform:uppercase;
margin:0 0 10px 10px;
font-size:12px;
}


.bottone1,
.bottone {
padding:0;
width:100%;
text-align:center;
position:absolute;
bottom:24px;left:-8;
}

.bottone1 input{
/*border:1px solid #f442f6;*/
border:none;
font-size:0; line-height:0;
height:50px;
width:268px;
background: transparent url("../gfx/bt_error.gif") no-repeat center
}

.bottone input {
border:none;
font-size:0; line-height:0;
height:35px;
width:228px;
}

.step2 .bottone {
bottom:95px
}

.step1 .bottone input,
.step2 .bottone input {
background: transparent url("../gfx/bt_conferma.gif") no-repeat center
}

.step3 .bottone input {
width:276px;
background: transparent url("../gfx/bt_profilo.gif") no-repeat center;
color:#FFFFFF;
font-size:13px;
line-height:15px;
font-weight:bold;
cursor:pointer;
}

.step3 .bottone {
position:absolute;
bottom:20px;
left:10px;
}