@import url("grp_title_jpg.css");
@import url("grp_btn_gif.css");

@import url("grp_pricing_jpg.css");
@import url("grp_question_gif.css");


body {background: #FF99A5 url("bgcolor.gif") repeat-x center top; }

/* all images other than inputzone*/
#title_image {width:500px; height:156px; top:0px; left:0px;}
#image02 {width: 400px; height: 229px; top: 156px; left: 100px; background-image: url("pricing_en_gb.jpg");}
.imagestep0 #image02 { background-image: url("pricing_bg.jpg") !important;}
#image03 {width: 100px; height: 344px; top: 156px; left: 0px; background-image: url("left.jpg");}
#image04 {width: 400px; height: 115px; top: 385px; left: 100px; background-image: url("bottom.jpg");}
.de_DE .imagestep1 #image04 {background-image: url("bottom_fadeout.jpg");}
.sv_SE .imagestep1 #image04 {background-image: url("bottom_fadeout.jpg");}

#image05 {width: 280px; height: 156px; top: 0px; left: 500px; background-image: url("right1.jpg");}
#image06 {width: 280px; height: 229px; top: 156px; left: 500px; background-image: url("right2.jpg");}
#image07 {width: 280px; height: 115px; top: 385px; left: 500px; background-image: url("right3.jpg");}
#image08 {width: 780px;	height: 50px; top: 500px; left: 0; background-image: url("bottom_shadow.jpg");}

/* shortcode logo */
#shortcodelogo { display:none; }

/* submit button */
.imagesubmit { width: 195px; height: 44px; }

.button { margin-top: 180px; }

/* form */
#inputzone { top: 180px; left: 150px; height: 260px; width: 280px; text-align: center; }
.en_US #inputzone { top: 240px; }
.en_GB #inputzone { top: 240px; }
.de_DE #inputzone { height: 360px; width: 420px; left: 90px; text-align: left; }
.sv_SE #inputzone { height: 360px; width: 420px; left: 90px; text-align: left; }

.form_bg1 { padding-top: 0px; }
.form_bg2 { padding-top: 0px; }

/* questions */
.question_zone { text-align: center; position: absolute; top: 160px; left: 102px; width: 400px; height: 280px; }

.questions	{ position: absolute; top: 40px; left: 0px; width: 100%; height: 16px; background: url("q1_question_en_gb.gif") no-repeat center top;}
#q1	.questions	{ height: 20px; left: -15px; background-image:url("q1_question_en_gb.gif");}
#q2	.questions	{ top: 10px; height: 20px; background-image:url("q2_question_en_gb.gif");}
#q3	.questions	{ height: 130px; background-image:url("q3_question_en_gb.gif");}
#q4	.questions	{ height: 130px; background-image:url("q4_question_en_gb.gif");}

/* answer */
.answers { position: absolute; top: 0px; left: 0px; }
#q1 .answers { top: 75px; left: 95px; width: 178px; }
#q1 a { display: block; float: right; width: 89px; height: 150px; }
#q1 a span { display: none; }
#gender_male { background: url("q1_answer_guy.jpg") no-repeat top left; }
#gender_female { background: url("q1_answer_girl.jpg") no-repeat top left; }
#gender_male:hover, #gender_female:hover { background-position: -89px 0px; }

#q2 .answers { top: 28px; left: 0px; }
#q2 .answers a { float: left; width: 66px; height: 100px; }
#q2 .answers a { color: #ffffff; font-size: 10px; font-family: Arial,sans-serif; text-decoration: none; background-position: 0px 0px; }
#q2 .answers a:hover { background-position: -66px 0px; }
#q2 .answers a span { display: block; padding-top: 75px; text-align: center; }
#zodiac01 { background-image: url("zodiac01_Aries.jpg"); }
#zodiac02 { background-image: url("zodiac02_Taurus.jpg"); }
#zodiac03 { background-image: url("zodiac03_Gemini.jpg"); }
#zodiac04 { background-image: url("zodiac04_Cancer.jpg"); }
#zodiac05 { background-image: url("zodiac05_Leo.jpg"); }
#zodiac06 { background-image: url("zodiac06_Virgo.jpg"); }
#zodiac07 { background-image: url("zodiac07_Libra.jpg"); }
#zodiac08 { background-image: url("zodiac08_Scorpio.jpg"); }
#zodiac09 { background-image: url("zodiac09_Sagittarius.jpg"); }
#zodiac10 { background-image: url("zodiac10_Capricorn.jpg"); }
#zodiac11 { background-image: url("zodiac11_Aquarius.jpg"); }
#zodiac12 { background-image: url("zodiac12_Pisces.jpg"); }

#q3 .answers input, #q4 .answers input { position: absolute; }

#q3 .age { left: 75px; }
#q3 .figure { left: 223px; }
#q3 .option1 { top: 66px; }
#q3 .option2 { top: 90px; }
#q3 .option3 { top: 114px; }
#q3 .option4 { top: 138px; }

#q4 .date { left: 23px; }
#q4 .relationship { left: 194px; }
#q4 .option1 { top: 66px; }
#q4 .option2 { top: 90px; }
#q4 .option3 { top: 114px; }
#q4 .option4 { top: 138px; }

/* carrier logos, T&C */
#logos { display: none; }

#tnc { top: 550px; padding: 0px; }

/* text properties */
#subtitle1, #subtitle2 {display:none; position:absolute; color:#ffffff;}
.en_US #subtitle1 {
	display: block; top: 0px; left: 15px; width: 750px; height: 15px;
	font-size: 16px; color: #ffffff; text-align: right;	font-family: "Times New Roman", Times, serif;font-weight: bold;
}
.nb_NO #subtitle1 {
	display: block; top: 158px; left: 15px; width: 461px; height: 15px;
	font-size: 14px; color: #ffffff; text-align: left;	font-family: "Arial", Times, serif;font-weight: normal;
}
.sv_SE #subtitle1 {
	display: block; top: 158px; left: 15px; width: 461px; height: 15px;
	font-size: 14px; color: #ffffff; text-align: left;	font-family: "Arial", Times, serif;font-weight: normal;
}


.en_ZA #subtitle1, .en_ZA #subtitle2 {
	display: block; top: 3px; right: 0px;
	font-size: 12pt; color: #ffffff; text-align: right;	font-family: zurich; font-weight: bold;
}

#countrycode, .hyphen { color: #ffffff; } /* (+44) */
#inputtext1 { color: #ffffff; font-family: Arial,sans-serif; font-size: 16px; text-transform: capitalize;} /* Enter Your Cell Phone Number */
#inputtext4 { color: #ffffff; margin-top: 6px;} /* Funmobile has sent the 4-digit password in a text message to your cell phone. */
#inputtext5 { color: #ffffff; } /* Where should we send your ringtones */
.fstyle1 { color: #ffffff; } /* We are now sending you the PIN to : 123-456-7890 */
.fstyle2 { color: #ff9900; } /* +44 1234567890 */
.fstyle3 { color: #ffffff; font-size: 10px;} /* Please check your phone. Just enter the PIN below. */
.fstyle4a { color: #ffffff; } /*You should have received your password now.*/
.fstyle4b { color: #ffffff; } /* Enter the PIN below. Alternatively, you can */
.fstyle5 { color: #ffffff; } /* text YES to 71769 / Send the text with OK to 88838 */
.fstyle6 { color: #ff9900; } /* Yes 71769 / OK 88838 */
.fstyle7 { color: #ffffff; } /* You will now receive instructions SMS from 88838  */
.demo_steps_text { color: #ffffff; }
#term_text { color: #ffffff; } /* I've read the terms and conditions */

.fr_LU #term_text { font-weight:normal; }
.nb_NO #term_text { color: #ffffff; font-weight:normal !important;}

.chkbox_color_text,.chkbox_color_link { color: #ffffff; } /* check box text */
#disclaimer, a.unsub, a.blacklink { color: #333333; } /* T&C text */


/* input fields */
#inputphone { padding: 5px 0px; }
#inputphone .num { margin: 6px -18px 0px 18px; border: 0; float: left; }
#inputcarrier { padding: 9px 0px; }
input.phonearea, input.phoneprefix, input.phonesuffix, input.password {color: #000000; background-color: #FFFFFF; border:1px solid #aaaaaa; }
input.phonesuffix { }
#operatorlist { background-color:#FFFFFF; color: #000000; }
#inputbutton { margin-top:10px; margin-bottom:10px; }

/* check box */
.form_bg2 #term_warn_box { margin-top: -80px; }

/* Test results */
#results { color: #ffffff; text-align: justify; }
#results p { margin: 15px 0px; }
.result_title { font-size: 16px; font-weight: bold; }
.result_content { font-size: 14px;}
.submit_link { display: block; cursor: pointer; }
.submit_link span { display: none; }

.de_DE #tnc { top: 520px; color: #000; }
.de_DE #disclaimer { color: #000; }
.de_DE #disclaimer, .de_DE a.unsub, .de_DE a.blacklink { color: #000; }
.de_DE .fstyle2 { color:#fff; }

.fi_FI .imagestep1 #inputzone {left:115px; width:350px;}
.fi_FI #subtitle1, .fi_FI #subtitle2 {display:block; top:10px; left:auto; right:0px; text-align:right;}
.fi_FI .fstyle2 {color:#fff;}

.es_ES #logos { top: 520px; display: block; }
.es_ES #tnc { top: 470px; }

.sv_SE .fstyle2 {color:#fff;}

/* remove the bubbles */
.en_US #image02 {background-image: url(pricing_bg.jpg); }
.en_US #subtitle1 {left: -285px; top: 155px; }
.en_US #subtitle2 {position: absolute; display: block;  color: #ffffff;  font-size: 16px; left: 80px; top: 150px; font-family: "Times New Roman"}
.en_US #inputzone {top: 200px;}

.en_CA #subtitle1, .en_CA #subtitle2, .fr_CA #subtitle1, .fr_CA #subtitle2 {left:15px;}
.en_CA .imagestep0 #subtitle1, .fr_CA .imagestep0 #subtitle1 {display:block;}
.en_CA .imagestep1 #subtitle1, .fr_CA .imagestep1 #subtitle1 {display:none;}
.en_CA #tnc, .fr_CA #tnc {top:500px;}

.lt_LT .imagestep1 #inputzone {left:110px; width:360px;}
.lt_LT .imagestep0 #subtitle1 {display:none;}
.lt_LT #subtitle1, .lt_LT #subtitle2 {
	display: block; top: 0px; left: 15px; width: 750px; height: 15px;
	font-size: 14px; color: #ffffff; text-align: left;	font-family: "Arial", Times, serif;font-weight: normal;
}

.de_AT .imagestep1 #inputzone {left:125px; width:350px;}
.de_AT .imagestep0 #subtitle1 {display:none;}
.de_AT #subtitle1, .de_AT #subtitle2 {display:block; left:130px;}

.de_CH .imagestep1 #inputzone {left:125px; width:350px;}
.de_CH .imagestep0 #subtitle1 {display:none;}
.de_CH #subtitle1 {display:block; left:130px;}
.de_CH #subtitle2 {display:block; left:440px;}

.fr_CH .imagestep1 #inputzone {left:125px; width:350px;}
.fr_CH .imagestep0 #subtitle1 {display:none;}
.fr_CH #subtitle1, .fr_CH #subtitle2 {display:block; left:440px;}

.it_CH .imagestep1 #inputzone {left:125px; width:350px;}
.it_CH .imagestep0 #subtitle1 {display:none;}
.it_CH #subtitle1, .it_CH #subtitle2 {display:block; left:440px;}

.hu_HU .imagestep1 #inputzone {left:125px; width:330px;}
.hu_HU .imagestep0 #subtitle1 {display:none;}
.hu_HU #subtitle1, .hu_HU #subtitle2 {display:block; left:470px;}