/*------------------
style for iPhone
-------------------*/
body {
background:#FFB734 url("../gfx_iphone/pattern.gif") repeat-x;
margin:0;
padding:0;
font:100% "Trebuchet MS", "Arial", sans-serif
}

a {color:#000;}

#page {
padding:0;
position:relative;
text-align:center
}

.yellowline{
background: #FFCC00;
text-align: left;
font:bold 12px/1em "Trebuchet MS", "Arial", sans-serif;
padding:3px 0;
}

.yellowline a{
text-decoration: underline;
color: red;
}

.yellowline p{
margin: 0 0 0 5px;
}

.disable {display:none}
.clear {display:block;clear:both;font-size:0}
.line {display:block;border-bottom:1px dotted;font-size:10px;margin:5px 0}


#footerLink {
font-size:10px;
line-height:1em;
margin:0px 0;
padding:0 2px;
text-align:left
}

#footerLink a {
display:inline-block;
margin:0 0 0 2px;
}

#footer {
display:none
}

.footerIphone {
text-align:left;
padding:0 2px
}

.headline {
display:none;
padding:0 5px 0 90px;
height:41px;
background:url("../gfx_iphone/logo.gif") no-repeat 5px center;
text-align:left
}

h1 {
color:#07366a;
font:bold 15px/1em "Trebuchet MS", "Arial", sans-serif;
margin:0;
padding-top:6px;
}

h2 {
display:none;
color:#FFF;
font: bold 10px/1em "Trebuchet MS", "Arial", sans-serif;
margin:0
}

.boxform {
margin:0;
padding-bottom:7px;
}

.step1 .boxform {
height:335px;
background: #FFF url("../gfx_iphone/sfnd_stp1.gif") no-repeat center top;
}

.step2 .boxform {
height:auto;
min-height:290px;
height: 335px;
background: #FFF url("../gfx_iphone/sfnd_stp2.gif") no-repeat center top;
}

.step_info_link .boxform {
height:326px;
min-height:326px;
background: #FFF url("../gfx_iphone/sfnd_info_link.gif") no-repeat center top;
padding:60px 10px 50px 10px;
font:bold 15px/1.5em "Trebuchet MS", "Arial", sans-serif;
}

.step3 .boxform {
height:auto;
text-align:left;
position:relative;
background: #FFF url("../gfx_iphone/sfnd_stp3.gif") no-repeat center top;
}

.stepError .boxform  {
height:295px;
text-align:left;
position:relative;
background: #FFF url("../gfx_iphone/sfnd_stpe.gif") no-repeat center top;
}

.stepError .boxform form  {
text-align:center;
}


.step3 .borndate {display:none;}
.step3 .gender {display:none;}
.step3 .tgender {display:none;}

.ricorda {
display:none;
position:absolute;
font:bold 12px/14px "Trebuchet MS";
left:210px;
width:100px;
padding-left:5px;
padding-top:10px;
text-align:left;
height:55px;
color:#cc0000;
border-left:3px solid #cc0000;
top:190px;
}

.step4 .boxform {
height:auto;
background: #FFF url("../gfx_iphone/sfnd_stp4.gif") no-repeat center top;
}

.step5 .boxform {
height:auto;
padding:30px 5px 5px;
text-align:left;
background: #FFF url("../gfx_iphone/sfnd_stp5.gif") no-repeat center top;
}

form {
padding:50px 0 0 10px;
margin:0;
}

form div {
/*border:solid #d9ec08 thin;*/
position:relative;
vertical-align:top;
margin:0px;
}

.step1 form div {
margin:-160px 10px 10px 10px;
}
.step4 form div {
padding-bottom:5px;
margin-top: 5px;
}

.step3 form div {
padding-bottom:5px;
}

.step1 form {
top:200px;
position:relative;
}

.step2 form {
top:20px;
position:relative;
}

.step3 form {
text-align:center;
padding-left:15px;
}

.step4 form {
text-align:center;
padding-top:90px;
padding-left: 0px;
position:relative;
}

.step5 form {
text-align:center;
padding-top:0px;
}

label {
display:none;
}

.step2 label{
display:block
}

.step3 label{
display: inline;
display: block;
font-size: 15px;
width: 33%;
text-align: left;
float: left;
margin-top: 6px;
font-weight: bold;
}

.step4 label{
display: inline-block;
font-size:13px;
width: 33%;
text-align: left;
margin-top: 1px;
vertical-align: top;
font-weight: bold;
}

#msisdn {
margin:0 2px 5px 0;
font-size:10px;
line-height:1em;
color:#E50319
}

#msisdn span {color:#000}

#nickname {
color:#FF2B88;
font-weight:bold;
position:absolute;
font-size:25px;
top:22px;
left:126px;
}

input {
-webkit-border-radius:8px;
padding:5px 2px 5px 6px;
margin:0;
width: 56%;
font-size: 100%;
}
select {
-webkit-border-radius:8px;
font-size:100%;
margin:0;
padding:5px 5px 5px 5px;
width: 58%;
background-color:#D1D1D1;
}

.selGg,
.selMm,
.selAaaa {width:auto}


.step1 input {
font-size:18px;
line-height:18px;
position:relative;
margin-top:130px;
}

.step2 input {
width:100px
font-size:18px;
line-height:18px
}

.step3 input {
-webkit-border-radius:8px;
padding:5px 2px 5px 6px;
margin:0;
width: 58%;
font-size: 100%;
}

.step4 textarea {
-webkit-border-radius:8px;
padding:5px 2px 5px 6px;
margin:0;
font-size: 14px;
width: 59%;
height: 100px;
}

.step4 input.ifile {
width:53px;
}

.accetto {
font-size:10px;
margin:10px 0;
}

.accetto input {
width:auto;
float:left;
clear:left;
margin-right:30px;
}

.newsletter {
margin-top:10px;
}

.step4 .newsletter label {
width:160px;
font-size:12px;
}
.newsletter input {
width:auto
}

/*.accetto label {
text-align:left
}*/

.step1 .submit {
border:none;
width:210px;
height:35px;
margin:5px 0;
background:url("../gfx_iphone/conferma.gif") no-repeat center;
}

.step2 .submit {
border:none;
width:210px;
background:url("../gfx_iphone/continua.gif") no-repeat center;
height: 35px;
}

.step4 .submit {
border:none;
width:210px;
height:35px;
background:url("../gfx_iphone/continua.gif") no-repeat center;
}

.step3 .submit {
width:210px;
height:35px;
background:url("../gfx_iphone/completa.gif") no-repeat center;
border:none;
}

.step5 .entra{
border:none;
width:210px;
height:35px;
background:url("../gfx_iphone/entra_5.gif") no-repeat center;
}

.step3 .bt-entrasubito {
width:210px;
height:35px;
border:none;
background:url("../gfx_iphone/entra.gif") no-repeat center;
}

.hide {
font-size:10px;
margin:5px 0
}

.gender, .tgender, .borndate{
	display: none;
}
.raccontaci {
	display: none;
}
.profilo {
	display: none;
}

.boxErrore {
background-color: red;
padding:2px;
margin-top:1px;
text-align: center;
border: 1px solid red;
}

.boxErrore p {
line-height:13px;
font-size: 13px;
}

.pos1 {right:5px;}
.pos2 {right:5px;}
.pos3 {right:5px;}
.pos4{top:0};
.pos5 {right:20px;}

.step1 .google {
font-size:11px;
line-height:13px;
font-weight:bold;
text-align:center
}

.step1 .google input {width:auto;height:auto;font-size:12px;line-height:12px;margin:0 20px 0 0;}

/*********************************************************************************************************/

button {-webkit-border-radius:8px;
padding:5px 0px 5px 0px;
margin:0;
width: 62%;
font-size: 100%;
color: black;
background-color:#D1D1D1;
text-align: left;
}
button span {
padding: 0;
margin: 0 10px 0 0;
}

#data {
margin: 0 0 20px 0;
padding: 0;
}

#buttonstep {
	margin-left: 8px;
}