/*-----------------
FREERIDER
----------------*/
#freerider {
background:url("banner/registrati.gif") no-repeat center top;
margin:0;
text-align:left;
width:514px;
min-height:500px;
height: auto !important;
height:500px;
position:relative;
top:-10px;
left:-10px;
}
#freerider h2{display:none;}
#freerider h1{
font-family:'Lucida Grande','Lucida Sans',"Verdana",sans-serif;
font-size:18px;
}

#freerider p {padding:5px 0;}

#freerider .box-form {position:relative;padding:5px;padding-bottom:20px}
#freerider .step1 {top: 100px;left:0}
#freerider .step_info_link {top: 160px;left:0;position:relative;text-align:center;padding:0 20px;}

/* STEP 1 */
#freerider .step1 .suggerimento {color:#9F9F9F;display: inline-block;margin-left:2px;width:150px;font-size:9px;}

#freerider .step1 .error{color:#cc0000}

#freerider form div {margin:0;padding:8px 0 0 0;text-align:left;*clear:both}
#freerider form div label {color:#AFAFAF;font-size:13px;margin-right:3px;display:inline-block;width:150px;text-align:right}
#freerider form div input {color:#747474;font-size:13px;line-height:17px;width:172px;}
#freerider form div select {color:#747474;font-size:13px;line-height:17px;width:176px;}
#freerider .bornDate select {width:56px;}
#freerider form div.gender select {width:auto;font-size:12px;}
#freerider form div.targetGender select {width:auto;font-size:12px;}

#freerider form div.privacy {text-align:center;height:20px;padding-top:30px;padding-bottom:7px;}
#freerider form div.gender {text-align:center;height:20px;display:inline-block;*margin-right:10px;*float:left;*clear:none}
#freerider form div.targetGender {text-align:center;height:20px;display:inline-block;*float:left;*clear:none}
#freerider form div.gender label {width:150px;}
#freerider form div.targetGender label {width:40px;text-align:left}


#freerider form div.privacy input {width:auto;vertical-align:top}
#freerider form div.privacy label{font-size:12px;width:360px;text-align:left;}
#freerider form div.privacy label span.clear {display:none}
#freerider form div.privacy label br {display:none}
#freerider form div.privacyError {text-align:center;font-size:11px;color:#cc0000;padding:0}
#freerider form div.conditions {text-align:center;height:20px;padding-top:30px;}
#freerider form div.conditions input {width:auto;vertical-align:top}
#freerider form div.conditions label{font-size:10px;width:240px}
#freerider form div.conditions label span.clear {display:none}
#freerider form div.conditions label br {display:none}
#freerider form div.conditionsError {text-align:center;font-size:11px;color:#cc0000;padding:0}

#freerider form div.infocosto {text-align:center;}

#freerider .step_info_link .info {width:200px;color:#AFAFAF;font-size:15px;font-weight:bold;line-height:25px;}

#freerider .step_info_link strong {color:#0D99CB}

#freerider textarea {width:512px;height:90px;margin:10px 0 0 10px;}

#freerider .step1 .suggerimento.emailErrorHide {display: none;}

#freerider form .button {margin:0;padding-right:22px;text-align:center;position:relative}

#freerider .button input {border:none;background: transparent url("buttons/btn-azzurro.gif") no-repeat left top;height:20px;width:176px;color:white;font-weight:bold;font-size:11px;cursor:pointer}


/*---------------------
CARTA DI CREDITO
---------------------*/
#cc {
background:url("banner/cc-gold-overlay.jpg") no-repeat center top;
margin:0;
text-align:left;
width:514px;
min-height: 500px;
height: auto !important;
height: 500px;
position:relative;
top:-10px;
left:-10px;
}

#cc h1 {padding-bottom:10px;font-size:17px;}
#cc .step1 {top: 80px;left:0;padding:5px;}
#cc .step_info_link {top: 80px;left:0;padding:5px;}

/* STEP 1 --*/
#cc .step1 .suggerimento {color:#9F9F9F;display: inline-block;margin-left:3px;width:250px;font-size:11px;}
#cc .step1 .error{color:#cc0000}

#cc form div label {color:#AFAFAF;font-size:15px;margin-right:20px;display:inline-block;width:170px;text-align:right}
#cc form div input {color:#747474;font-size:15px;line-height:17px;width:172px;}
#cc form div select {color:#747474;font-size:15px;line-height:15px;width:176px;}
#cc .bornDate select {width:56px;}

#cc form div.privacy {text-align:center;height:20px;padding-top:30px;}
#cc form div.privacy input {width:auto;vertical-align:top}
#cc form div.privacy label{font-size:12px;width:240px}
#cc form div.privacy label span.clear {display:none}
#cc form div.privacy label br {display:none}
#cc form div.privacyError {text-align:center;font-size:11px;color:#cc0000;padding:0}
#cc form div.conditions {text-align:center;height:20px;padding-top:30px;}
#cc form div.conditions input {width:auto;vertical-align:top}
#cc form div.conditions label{font-size:12px;width:240px}
#cc form div.conditions label span.clear {display:none}
#cc form div.conditions label br {display:none}
#cc form div.conditionsError {text-align:center;font-size:11px;color:#cc0000;padding:0}

#cc form div.infocosto {text-align:center;}

#cc .step_info_link p {color:#AFAFAF;margin:auto;font-size:15px;font-weight:bold;text-align:center;padding:100px 20px;line-height:25px;}

#cc .step_info_link strong {color:#0D99CB}
#cc .info{width:200px;color:#B3BBBF;}
#cc textarea {width:512px;height:90px;margin:10px 0 0 10px;}

#cc .step1 .suggerimento.emailErrorHide {display: none;}

#cc a{
color:#747474;
}

#cc .box-form  {position:relative}

#cc  h2 {
text-align:center;
padding-bottom:20px;
}

#cc form{
width:500px;
position:absolute;
top:30px;
left:0px;
}

#cc form div{
margin-bottom:20px;
}

#cc .button{
text-align:center;
}

#cc .button input{
background:url("buttons/btn-cc.gif") no-repeat;
width:146px;
height:36px;
border:none;
color:#FFFFFF;
font-weight:bold;
cursor:pointer;
}

#cc .testoA,
.testoB {
text-align:center;
}
#cc .testoC a {
color:#0D99CB;
font-weight:bold;
}

#cc .carte{
background:url("buttons/ico-carte.gif") no-repeat;
width:132px;
height:20px;
margin:-10px auto 20px auto;
}



/*---------------------
CARTA DI CREDITO MAIN
---------------------*/

#cc_main a{
color:#747474;
font-family:'Lucida Grande','Lucida Sans',"Verdana",sans-serif;
}

#cc_main{
height:291px;
width:437px;
margin-left:auto;
margin-right:auto;
}

#cc_main .box-form  {position:relative}
#cc_main .step1 ,
#cc_main .step_info_link{
background:url("banner/sf-oro.gif") no-repeat;
height:291px;
width:437px;
}

#cc_main .step2 {
background:url("banner/sf-silver.gif") no-repeat;
height:291px;
width:437px;
}

#cc_main .step3 {
background:url("banner/sf-bronze.gif") no-repeat;
height:291px;
width:437px;
}

#cc_main h2{
color:#424242;
font-family:'Lucida Grande','Lucida Sans',"Verdana",sans-serif;
font-size:16px;
text-align:center;
padding-bottom:20px;
border:none;
}

#cc_main form{
width:400px;
height:227px;
position:absolute;
top:30px;
left:18px;
}

#cc_main form div{
margin-bottom:20px;
}

#cc_main .button{
text-align:center;
}

#cc_main .button input{
text-align:center;
background:url("buttons/btn-cc.gif") no-repeat;
width:146px;
height:36px;
border:none;
color:#FFFFFF;
font-weight:bold;
font-size:130%;
cursor:pointer;
}

#cc_main p {
color:#747474;
font-family:'Lucida Grande','Lucida Sans',"Verdana",sans-serif;
font-size:10px;
margin-right:10px;
}

#cc_main .testoA,
#cc_main .testoB {
text-align:center;
}

#cc_main .carte{
background:url("buttons/ico-carte.gif") no-repeat;
width:132px;
height:20px;
margin:-10px auto 20px auto;
}

#cc_main .step_info_link{
text-align:center;
color:#747474;
font-family:'Lucida Grande','Lucida Sans',"Verdana",sans-serif;
font-size:12px;
}

/*---------------------
UPGRADE
---------------------*/
#upgrade {
background:url("banner/aggiorna.gif") no-repeat center top;
margin:0;
text-align:left;
width:514px;
min-height: 500px;
height: auto !important;
height: 500px;
position:relative;
top:-10px;
left:-10px;
}

#upgrade p {padding:5px 0;margin-bottom:10px;}
#upgrade h1 {padding-bottom:10px;font-size:17px;}

#upgrade .box-form {position:relative;padding:5px;padding-bottom:20px}
#upgrade .step1 {top: 100px;left:0}
#upgrade .step_info_link {top: 100px;left:0}

/* STEP 1 */
#upgrade .step1 .suggerimento {color:#9F9F9F;display: inline-block;margin-left:2px;width:150px;font-size:9px;}
#upgrade .step1 .error{color:#cc0000}

#upgrade form div {margin:0;padding:8px 0 0 0;text-align:left;}
#upgrade form div label {color:#AFAFAF;font-size:13px;margin-right:3px;display:inline-block;width:150px;text-align:right}
#upgrade form div input {color:#747474;font-size:15px;line-height:17px;width:172px;}
#upgrade form div select {color:#747474;font-size:15px;line-height:15px;width:176px;}
#upgrade .bornDate select {width:56px;}

#upgrade form div.privacy {text-align:center;height:20px;padding-top:30px;}
#upgrade form div.privacy input {width:auto;vertical-align:top}
#upgrade form div.privacy label{font-size:12px;width:240px}
#upgrade form div.privacy label span.clear {display:none}
#upgrade form div.privacy label br {display:none}
#upgrade form div.privacyError {text-align:center;font-size:11px;color:#cc0000;padding:0}
#upgrade form div.conditions {text-align:center;height:20px;padding-top:30px;}
#upgrade form div.conditions input {width:auto;vertical-align:top}
#upgrade form div.conditions label{font-size:12px;width:240px}
#upgrade form div.conditions label span.clear {display:none}
#upgrade form div.conditions label br {display:none}
#upgrade form div.conditionsError {text-align:center;font-size:11px;color:#cc0000;padding:0}

#upgrade form div.infocosto {text-align:center;}

#upgrade .step_info_link p {color:#AFAFAF;margin:auto;font-size:15px;font-weight:bold;text-align:center;padding:100px 20px;line-height:25px;}

#upgrade .step_info_link strong {color:#0D99CB}
#upgrade .info{width:200px}
#upgrade textarea {width:512px;height:90px;margin:10px 0 0 10px;}

#upgrade .step1 .suggerimento.emailErrorHide {display: none;}

#upgrade form .button {margin:0;padding-right:22px;text-align:center;position:relative}
#upgrade .button input {border:none;background: transparent url("buttons/btn-azzurro.gif") no-repeat left top;height:20px;width:176px;color:white;font-weight:bold;font-size:11px;}

/*-----------------
FACEBOOK - FREERIDER
----------------*/
#facebook {
background:url("banner/facebook.jpg") no-repeat center top;
margin:0;
text-align:left;
width:514px;
min-height:450px;
height: auto !important;
height:450px;
position:relative;
top:-10px;
left:-10px;
*_margin-right:-22px;
}


#facebook h2{display:none;}
#facebook h1{
font-family:'Lucida Grande','Lucida Sans',"Verdana",sans-serif;
font-size:18px;
}

#facebook p {padding:5px 0 10px 0;}
#facebook #space {height:70px}
#facebook .box-form {position:relative;padding:5px;padding-bottom:20px}
#facebook .step1 {top:-20px;left:0}
#facebook .step_info_link {top: 160px;left:0;position:relative;text-align:center;padding:0 20px;}
#facebook  .user{margin:0;_margin-left:-20px;}
#facebook  .user .user_nick {position:relative;bottom:0px;text-align:center;float:left;margin-left:120px;_margin-left:70px;height:95px;width:280px; }
#facebook  .user .user_nick p {position:absolute;bottom:10px;right:10px;font-size:22px;line-height:24px;font-weight:bold;padding:5px;color:#000;}
#facebook  .user .user_nick p  span {text-transform:uppercase;}
#facebook  .user .user_foto {display:inline-block;height:95px;width:80px;text-align:center;padding-top:10px;}
#facebook  .user .user_foto img{border:3px solid #FFF;}
#facebook  .user .user_foto .tappo {border:3px solid #C9CCCF;}
#facebook  .user .user_nick .user_percentage {display:none;position:absolute;font-size:16px; font-weight:bold;color:red;top:68px; right:38px;}


/* STEP 1 */
#facebook .step1 .introduzione {clear:both;display:block;color:#5F5F5F;font-weight:bold;text-align:center;font-size:14px;line-height:16px;margin-bottom:0px;}
#facebook .step1 .introduzione span {text-transform:uppercase;}
#facebook .step1 .suggerimento {color:#9F9F9F;display: inline-block;margin-left:2px;width:150px;font-size:9px;}
#facebook .step1 .error{color:#cc0000}
#facebook form {}
#facebook form div {margin:0;padding:8px 0 0 0;text-align:left;}
#facebook form div label {color:#AFAFAF;font-size:13px;margin-right:3px;display:inline-block;width:150px;text-align:right}
#facebook form div input {color:#747474;font-size:13px;line-height:17px;width:172px;}
#facebook form div select {color:#747474;font-size:13px;line-height:17px;width:176px;}
#facebook .bornDate select {width:56px;}
#facebook form div.space {height:30px;}
#facebook form div.nickname {clear:both;}
#facebook form div.picture {margin-top:10px;overflow:hidden;*_height:20%}
#facebook form div.picture .preview {float:left;width:147px;text-align:right;padding:0;margin:0;height:70px;}
#facebook form div.picture .privacy {float:left;width:280px;*width:290px;text-align:left;padding:0;height:70px;margin-left:8px;*_margin-left:0;}
#facebook form div.picture .privacy p {color:#565656;font-size:11px;width:250px;text-align:left;font-weight:normal;padding:25px 0 0 22px;*padding:25px 0 0 31px;}
#facebook form div.picture .privacy input {width:auto;vertical-align:top;}
#facebook form div.picture .privacy label {color:#565656;width:250px;font-size:11px;font-weight:normal;padding-left:7px;}
#facebook form div.gender select {width:auto;font-size:12px;}
#facebook form div.targetGender select {width:auto;font-size:12px;}

#facebook form div.privacy {text-align:center;height:20px;padding-top:0px;padding-bottom:7px;}
#facebook form div.email {*margin-bottom:5px;}
#facebook form div.gender {text-align:center;height:20px;display:inline-block;*display:inline;*margin-bottom:5px;}
#facebook form div.targetGender {text-align:center;height:20px;display:inline-block;*display:inline;*}
#facebook form div.gender label {width:150px;}
#facebook form div.targetGender label {width:40px;text-align:left}


#facebook form div.privacy input {width:auto;vertical-align:top}
#facebook form div.privacy label{font-size:12px;width:360px;text-align:left;}
#facebook form div.privacy label span.clear {display:none}
#facebook form div.privacy label br {display:none}
#facebook form div.privacyError {text-align:center;font-size:11px;color:#cc0000;padding:0}
#facebook form div.conditions {text-align:center;height:20px;padding-top:30px;}
#facebook form div.conditions input {width:auto;vertical-align:top}
#facebook form div.conditions label{font-size:10px;width:240px}
#facebook form div.conditions label span.clear {display:none}
#facebook form div.conditions label br {display:none}
#facebook form div.conditionsError {text-align:center;font-size:11px;color:#cc0000;padding:0}

#facebook form div.infocosto {text-align:center;}

#facebook .step_info_link .info {width:200px;color:#AFAFAF;font-size:15px;font-weight:bold;line-height:25px;}

#facebook .step_info_link strong {color:#0D99CB}

#facebook textarea {width:512px;height:90px;margin:10px 0 0 10px;}

#facebook .step1 .suggerimento.emailErrorHide {display: none;}

#facebook form .button {margin:0;padding-right:22px;text-align:center;position:relative}

#facebook .button input {border:none;background: transparent url("buttons/btn-azzurro.gif") no-repeat left top;height:20px;width:176px;color:white;font-weight:bold;font-size:11px;cursor:pointer}

/*-------------------------
CARTA DI CREDITO MAIN 
----------------------------*/
#cc_bronze,
#cc_silver,
#cc_gold {
background-color:#FFF;
}

#cc_bronze a,
#cc_silver a,
#cc_gold a{
color:#747474;
font-family:'Lucida Grande','Lucida Sans',"Verdana",sans-serif;
}

#cc_bronze.box-form, 
#cc_silver .box-form,
#cc_gold.box-form 
 {position:relative}

#cc_bronze form,
#cc_silver form,
#cc_gold form{
position:relative;
top:0px;
left:0px;
}
 
 
/*-------- bronze----------*/
#cc_bronze .step1{ 
height:160px;
width:218px;
}
#cc_bronze .step1 .button {
position:relative;
top:0px;
left:0px;
}

#cc_bronze .step1 .button input{
background:url("banner/bronze.jpg") no-repeat top left;
border:0;
height:103px;
width:218px;
cursor:pointer;
} 

#cc_bronze .step1 .price {
height:51px;
padding-top:1px;
}

#cc_bronze .price .testoA_main {
color:#2AA024;
display:block;
font:14px/16px 'Lucida Sans',"Tahoma",sans-serif;
margin-top:15px;
margin-left:18px;
font-weight:bold;
}
#cc_bronze .price .testoA_main .euro {
font:11px/13px 'Lucida Sans',"Tahoma",sans-serif;
vertical-align:top;
}

#cc_bronze .price .testoB_main{
color:silver;
display:block;
font:11px/13px 'Lucida Sans',"Tahoma",sans-serif;
margin-top:-12px;
margin-left:5px;
font-weight:normal;
}

/*-------- silver----------*/
#cc_silver .step1{ 
height:160px;
width:250px;
}
#cc_silver .step1 .button {
position:relative;
top:0px;
left:0px;
}

#cc_silver .step1 .button input{
background:url("banner/silver.jpg") no-repeat top left;
border:0;
height:103px;
width:250px;
cursor:pointer;
} 

#cc_silver .step1 .price {
height:51px;
background:url("banner/25.jpg") no-repeat center right;
padding-top:1px;
}

#cc_silver .price .testoA_main {
color:#2AA024;
display:block;
font:14px/16px 'Lucida Sans',"Tahoma",sans-serif;
margin-top:15px;
margin-left:10px;
font-weight:bold;
}
#cc_silver .price .testoA_main .euro {
font:11px/13px 'Lucida Sans',"Tahoma",sans-serif;
vertical-align:top;
}

#cc_silver .price .testoB_main {
color:silver;
display:block;
font:11px/13px 'Lucida Sans',"Tahoma",sans-serif;
margin-left:43px;
margin-top:2px;
}



/*-------- gold----------*/
#cc_gold .step1{ 
height:160px;
width:269px;
}
#cc_gold .step1 .button {
position:relative;
top:0px;
left:0px;
}

#cc_gold .step1 .button input{
background:url("banner/gold.jpg") no-repeat top left;
border:0;
height:103px;
width:269px;
cursor:pointer;
} 

#cc_gold .step1 .price {
height:51px;
background:url("banner/45.jpg") no-repeat center right;
padding-top:1px;
}

#cc_gold .price .testoA_main {
color:#2AA024;
display:block;
font:bold 17px/19px 'Lucida Sans',"Tahoma",sans-serif;
margin-left:3px;
margin-top:12px;
}
#cc_gold .price .testoA_main .euro {
font:11px/13px 'Lucida Sans',"Tahoma",sans-serif;
vertical-align:top;
}

#cc_gold .price .testoB_main {
color:silver;
display:block;
font:11px/13px 'Lucida Sans',"Tahoma",sans-serif;
margin-left:50px;
margin-top:2px;
}