body {background:#060606 url(/images/bg.jpg) repeat-x; font-family:Verdana, Arial; font-size:12px; height:100%;}
html, body{margin:0; padding:0; height:100%;}

#page_1 {background:#000 url(/images/bg_h.jpg) repeat-x;}
.clear {clear:both;}
.container {width:762px; margin:0px auto 0px; position:relative}
.container_footer {height:70px}
.container_index {width:762px; margin:0px auto 0px; position:relative;}
.left_side {width:470px; float:left}
.left_side a, .right_side a { position:relative; float:left}
.left_side a span{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/btn_join.png",sizingMethod='crop');background:none; height:78px; width:183px; position:absolute; left:80px; top:330px; cursor:pointer}
.right_side a span{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/btn_join.png",sizingMethod='crop');background:none; height:78px; width:223px; position:absolute; left:65px; top:330px; cursor:pointer}
html>body .left_side a span{background:url(/images/btn_join.png) no-repeat; filter:none}
html>body .right_side a span{background:url(/images/btn_takethequiz.png) no-repeat; filter:none}
.left_side a:hover span{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/btn_join_o.png",sizingMethod='crop');background:none; height:78px; width:183px; position:absolute; left:80px; top:330px; cursor:pointer} 
.right_side a:hover span{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/btn_join_o.png",sizingMethod='crop');background:none; height:78px; width:223px; position:absolute; left:65px; top:330px; cursor:pointer}
html>body .left_side a:hover span{background:url(/images/btn_join_o.png) no-repeat; filter:none}
html>body .right_side a:hover span{background:url(/images/btn_takethequiz_o.png) no-repeat; filter:none}
.left_side img {float:left}
.horoscpoe .left_side {width:470px; float:left; margin-top:25px;}
.funclub .left_side {width:470px; float:left; margin-top:25px;}
.funclub .left_side  .images2{background:url(/images/image_s2_2.jpg) no-repeat 0px 0px; width:470px; height:227px; float:left; position:relative;}
.funclub .left_side  .btn_start{background:url(/images/btn_start.gif) no-repeat 0px 0px; width:299px; height:85px; float:left; position:absolute; left:52px; top:15px; cursor:pointer;}
.funclub .right_side {float:left; position:relative;width:292px;background:url(/images/image_s2_3.jpg) no-repeat; height:390px; margin-top:25px;}
.horoscpoe .right_side {float:left; position:relative;width:292px;background:url(/images/image_s1_3.jpg) no-repeat; height:390px; margin-top:25px;}
.horoscpoe .right_side .btn_start_horo{background:url(/images/btn_start_horo.gif) no-repeat 0px 0px; width:277px; height:133px; position:absolute; bottom:50px; cursor:pointer;}

h1, h2, h3 {margin:0; padding:0; font-weight:normal}
a {color:#000; text-decoration:underline}
a:hover {text-decoration:none}
ul, li {margin:0; padding:0; list-style:none}
img{ border:0px;}

.top{width:762px; height:78px;}
.top .logo h3{background:url(/images/logo.jpg) no-repeat; height:71px; width:295px; cursor:pointer; float:left; margin-top:7px;}
.top .logo h3 span{display:none;}
.top .btn_top{float:right; padding-top:32px;}
.btn_top a{ text-decoration:none; background: 0px 0px url(/images/btn_top.gif) no-repeat; width:51px; height:22px; cursor:pointer; float:left; margin-top:10px; margin-right:1px;}
.btn_top a:hover{background: 0px -38px url(/images/btn_top.gif) no-repeat;}
.top .btn_home span{ padding:4px 7px; float:left; text-decoration:none; font-weight:bold;}
.top .btn_login span{ padding:4px 7px; float:left; text-decoration:none; font-weight:bold;}

.home .bg_index{ background:url(/images/bg_home.jpg) no-repeat center top; clear:both}
html >body .home .bg_index{ background:url(/images/bg_home.jpg) no-repeat center top}
.home .left_side{ width:344px; float:left; position:relative;}
.home .right_side{ width:344px; float:right; position:relative;}
.home .left_side img.left{ height:491px; width:344px; float:left; margin-top:40px;}
.home .right_side img.right{ height:491px; width:344px; float:left; margin-top:40px;}
.home .left_side a.h_join{ background:83px 329px url(/images/btn_join.png) no-repeat; height:417px; width:344px; position:absolute; left:0px; top:0px;}


.home .left_side a.h_join:hover{background:83px 329px url(/images/btn_join_o.png) no-repeat; }
.home .right_side a.f_join{ background:83px 329px url(/images/btn_join.png) no-repeat; height:417px; width:344px; position:absolute; left:0px; top:0px;}
.home .right_side a.f_join:hover{background:83px 329px url(/images/btn_join_o.png) no-repeat;}



/*--- tab ---*/
.tab {position:absolute; top:1px; right:67px; z-index:1}
.tab a {width:85px; height:34px; float:left}
.horoscpoe .tab a span { margin:8px 21px; text-decoration:none; display:block;}
.tab a span {display:none}
.tab li{float:left}
.horoscpoe .tab .tab_login a{background:url(/images/btn_login.gif) no-repeat; text-decoration:none;}
.horoscpoe .tab .tab_login a:hover, .horoscpoe .tab .tab_login a.on {background:url(/images/btn_login.gif) center -54px}
.horoscpoe .tab .tab_signup a{background:url(/images/btn_sign.gif) no-repeat; text-decoration:none;}
.horoscpoe .tab .tab_signup a:hover, .horoscpoe .tab .tab_signup a.on {background:url(/images/btn_sign.gif) center -54px}

.horoscpoe .tab .tab_login a span,  .horoscpoe .tab .tab_signup a span{background:none; filter:none; position:relative; top:auto; left:auto; width:auto; height:auto}
.horoscpoe .tab .tab_login a:hover span,  .horoscpoe .tab .tab_signup a:hover span{background:none; filter:none; position:relative; top:auto; left:auto; width:auto; height:auto}
.funclub .tab .tab_login a{background:url(/images/tab_login.jpg) left -50px}
.funclub .tab .tab_login a:hover, .funclub .tab .tab_login a.on {background:url(/images/tab_login.jpg) left top}
.funclub .tab .tab_signup a{background:url(/images/tab_signup.jpg) left -50px}
.funclub .tab .tab_signup a:hover, .funclub .tab .tab_signup a.on {background:url(/images/tab_signup.jpg) left top}


/*--- inputzone ---*/
.inputzone{width:310px; margin:auto; text-align:center; left:-15px;}
.inputzone .imagearrowl{ padding-bottom:8px;}
.inputzone .imagearrowr{ padding-bottom:8px;}

/*--- signup ---*/
.signupbox {position:absolute;padding:90px 0 0;}
h1, h2, h3 {color:#da3e01; font-size:12px; font-weight:bold; text-transform: none; padding-bottom:3px}
.horoscpoe h1 {color:#fff; font-size:12px; font-weight:bold; text-transform: none; padding-bottom:3px}
.horoscpoe h2 {color:#fff; font-size:12px; font-weight:bold; text-transform: none; padding-bottom:3px}
.horoscpoe h3 {color:#fff; font-size:12px; font-weight:bold; text-transform: none; padding-bottom:3px}
.horoscpoe h1 {font-size:23px;}
h1 {font-size:23px;}

.inputphone {padding:10px}
.inputphone input {height:24px; font-size:20px; text-align:center}
#phonearea, #phoneprefix {width:43px;}
#phonesuffix {width:50px;}
#terms {float:left}

.inputcarrier select{ font-size:11px; width:150px}
.inputbutton {margin-top:10px}
.funclub .imagesubmit {background:url(/images/campaign2/btn_submit.jpg) no-repeat; width:177px; height:49px}
.horoscpoe .imagesubmit {background:url(/images/campaign1/btn_submit.jpg) no-repeat; width:177px; height:49px}
.tnc{ text-align:justify; font-size:11px; color:#fff; padding:0px 5px; line-height:12px; *line-height:16px}
.tnc a{color:#fff;}


/*--- text ---*/
h4 { color:#dd006f; font-weight:bold; margin:5px 0px; padding:0px;}
.level {margin:8px 0 10px 10px;}
.level #navigator{color:#dd006f; background:url(/images/level.gif) no-repeat 0px 1px; padding-left:16px; font-size:11px; }
.level #navigator a{color:#dd006f;}
.content_top {background:url(/images/content_top.jpg) no-repeat; float:left; height:27px; width:290px;}
.content_top_2 {background:url(/images/content_top_2.jpg) no-repeat; float:left; height:27px; width:290px; margin-left:1px;}
.content_top span{ font-size:12px; margin-left:76px;}
.content_top_2 span{ font-size:12px; margin-left:76px;}
.content_box{border:1px solid #ffffff; background:#fff url(/images/content_bg.jpg) repeat-x; margin:10px 0px 80px 0px;}
.poistion{padding:45px 30px 60px 30px;}
.content_box p{text-align:justify; font-size:11px; line-height:15px; margin:10px 0px 20px 0px;}
.content_box a{color:#e35c2f; text-decoration:none;}
.content_box a:hover{text-decoration:underline;}
.content_box ol{margin:0px; padding:0px 15px 10px 15px;} 
.content_box li{margin:5px 0px 5px 0px;}
.sitemap{margin:0px; padding:4px 0px 4px 5px; border-bottom:1px dotted #CCCCCC;}
.sitemap a{color:#dd006f;}
.sitemap a:hover{text-decoration:underline;}
.divider{border-bottom:1px solid #CCCCCC; clear:both; padding:0px; margin:0px; height:1px;}
.phonen{ padding:15px 0px 0px 170px;}
.phonen .login{ float:left; width:140px; padding-bottom:8px;}
.phonen input{background:#FFFFFF none repeat scroll 0 0; border:1px solid #ccc; color:#DD006F; width:130px;}
.phonen .pin{ float:left; width:140px;}
.phonen .btn_login{ background:url(/images/btn_login.png) no-repeat; width:60px; height:20px; margin:10px 0px 0px 140px; cursor:pointer;} 
.phonen .btn_login input{ display:none;}
.phonen .link{ float:left; padding:10px 0px 0px 140px; font-size:11px;}
.phonen .link a:hover{ text-decoration:underline;}
.content_box .left_concer{ background: #FFFFFF url(/images/login_bg.jpg) no-repeat; width:762px; height:163px; left:0px; top:300px; position:absolute; margin-top:35px;}



/*--- My Profile ----*/
.pe{ background:url(/images/profilemenu_bg.jpg) repeat-x; height:25px; width:760px; float:left; margin-top:10px;} 
.meun_left{ background:url(/images/profilemenu_left.jpg) no-repeat; float:left; width:8px; height:25px;}
.meun_right{ background:url(/images/profilemenu_right.jpg) no-repeat; float:right; width:8px; height:25px;}
.pe_content{height:23px; float:left;}
.pe_content a{ text-decoration:none; cursor:pointer;}
.pointer{background:transparent url(/images/profile_point.gif) no-repeat scroll 6px 12px;border-right:1px solid #FFFFFF;color:#DA3E01;font-size:11px;font-weight:normal;padding:7px 10px 3px 13px; float:left; margin:0px 0px 0px 5px; height:15px}
.pdata{ padding:20px 0px 60px 190px; }
.pfile{ padding:20px 0px 60px 190px; border-bottom:1px dotted #CCCCCC; border-top:1px dotted #CCCCCC;}
.pdatadescription .fieldcell{ margin-left:80px; float:none;}
html > body .pdatadescription .fieldcell{ margin-left:78px; float:none;}
.btn_description{ background:url(/images/btn_deactivate.gif) no-repeat; width:70px; height:20px; float:left; margin:10px 0px 0px 76px; cursor:pointer;}
html > body .pfile .btn_description {margin:10px 0 0 150px;}
.password{ width:500px; float:left; margin-bottom:5px; display:block;}
.password h4{ float:left; width:150px;}
.password input{background:#FFFFFF none repeat scroll 0 0; border:1px solid #ccc; color:#DD006F; float:left; padding:2px;}
.btn_submit{ background:url(/images/btn_submit.png) no-repeat; height:20px; width:70px; float:left; margin-left:75px; cursor:pointer;}
html > body .pdata .btn_submit{ background:url(/images/btn_submit.png) no-repeat; height:20px; width:70px; float:left; margin-left:149px; cursor:pointer;}

.lost{ float:left; padding:20px 0px 60px 120px;}
.lost input{background:#FFFFFF none repeat scroll 0 0; border:1px solid #ccc; color:#DD006F;}
.loststep{ font-size:11px; font-weight:normal;}
.btn_login{ background:url(/images/btn_submit.png) no-repeat; width:70px; height:20px; margin-top:10px; cursor:pointer;}
.btn_login input{ display:none;}

.error{ float:left; padding:20px 0px 60px 120px;}
.error_content{ font-size:11px; font-weight:normal;}


.banner{ width:760px; height:150px; margin-top:10px;}
.banner span{ width:300px; float:right; padding:24px 42px 0px 0px; font-size:11px; font-weight:bold; color:#DA3E01;}
.step { margin:20px auto 30px auto; width:543px; height:50px;}
.step1_on{ background:url(/images/step1_on.jpg) no-repeat; width:179px; height:50px; float:left; margin-right:2px;}
.step1_off{ background:url(/images/step1_off.jpg) no-repeat; width:179px; height:50px; float:left; margin-right:2px;}
.step2_on{ background:url(/images/step2_on.jpg) no-repeat; width:179px; height:50px; float:left; margin-right:2px;}
.step2_off{ background:url(/images/step2_off.jpg) no-repeat; width:179px; height:50px; float:left; margin-right:2px;}
.step3_on{ background:url(/images/step3_on.jpg) no-repeat; width:179px; height:50px; float:left; margin-right:2px;}
.step3_off{ background:url(/images/step3_off.jpg) no-repeat; width:179px; height:50px; float:left; margin-right:2px;}
.registerformdiv{ margin-left:226px; width:260px; }
.num{text-align:center; width:260px;}
.inputtext{ text-align:center; width:460px;}
.inputtext .send{ font-size:20px; font-weight:bold;}
.inputtext span{ color:#FF9900;}
.fieldcell{ margin:10px 20px; float:left;}
html > body .fieldcell{ margin:10px 60px; width:140px;}
.fieldcell input{background:#FFFFFF none repeat scroll 0 0; border:1px solid #ccc; color:#DD006F;}
.selectOperator{ margin-left:55px;}

.registerformdiv .tnc{ margin-top:6px;}
.registerformdiv .tnc span{color:#dd006f; margin-left:3px;}
.registerformdiv .tnc a:hover{ text-decoration:underline;}
.btn_continue{ background:url(/images/btn_continue2.png) no-repeat; width:117px; height:35px; float:left; margin:10px 34px; cursor:pointer;}
html > body .btn_continue{ background:url(/images/btn_continue2.png) no-repeat; width:117px; height:35px; float:left; margin:10px 72px; cursor:pointer;}
.tnc_2{ float:left; text-align:left; margin-top:50px; text-align:justify; width:600px; padding-left:62px;}

.registerformdiv_2{margin-left:126px;}
.pls{ margin-top:10px;}
.mobliescreen{ background:url(/images/mobilescreen.gif) no-repeat; width:91px; height:53px; float:left; margin-left:20px;}
.option_demo{ float:left; padding:10px 0px 0px 45px; width:380px;}
.option_demo span{color:#FF0000; float:left; font-size:12px; font-weight:bold; line-height:14px; margin-top:15px; }
.option_demo .demo_one{margin:18px 0px 0px 32px;}
.option_demo .demo_two{margin:14px 4px 0px 5px;}
.option_demo .demo_three{margin:12px 25px 0px 25px;}
html > body .option_demo .demo_three{margin:12px 13px 0px 11px;}
.option_demo .mobiletxt_1{float:left; font-size:14px; font-weight:bold; margin:10px 0px 0px 24px; width:70px; color:#FF9900;}
html > body .option_demo .mobiletxt_1{float:left; font-size:14px; font-weight:bold; margin:10px 0px 0px 30px; width:70px; color:#FF9900;}

.option_demo .mobiletxt_2{float:left; font-size:14px; font-weight:bold; margin:10px 0px 0px 28px; width:80px; color:#FF9900;}
html > body .option_demo .mobiletxt_2{float:left; font-size:14px; font-weight:bold; margin:10px 0px 0px 35px; width:80px; color:#FF9900;}

.option_demo .mobiletxt_3{float:left; font-size:14px; font-weight:bold; margin:10px 0px 0px 38px; width:80px; color:#FF9900;}
html > body .option_demo .mobiletxt_3{float:left; font-size:14px; font-weight:bold; margin:10px 0px 0px 33px; width:80px; color:#FF9900;}



/*-- footer --*/
.text_tnc{ float:left; width:762px; padding:10px 0px 30px 0px;}
.inputcheckbox { text-align:left; padding:0 0 0px 0px;}
.inputcheckbox span {line-height:20px; margin-left:3px; font-size:11px; color:#fff;}
.inputcheckbox span a{color:#fff; text-decoration:none;}

/*--- loginbox ---*/
.loginbox {position:absolute; padding:100px 0 10px}
.loginbox label {font-size:12px; font-weight:bold; display:block; padding-bottom:6px}
.inputpassword input {height:24px; font-size:20px;width:150px; text-align:center}
.funclub .imagelogin {background:url(/images/campaign2/btn_login.jpg) no-repeat; width:177px; height:49px}
.horoscpoe .imagelogin {background:url(/images/campaign1/btn_login.jpg) no-repeat; width:177px; height:49px}
.lostpin { text-align:center; padding:10px 0}
.lostpin a {color:#a76c06; font-size:10px}


.footer {font-size:11px; background:#666; text-align:center; position:absolute; width:100%;  height:70px; bottom:0px;}
.footer .footer_content{ width:762px; margin:0px auto; height:60px;}
.footer .footer_link {color:#fff; padding-top:20px;}
.footer .footer_link a{color:#fff; text-decoration:none;}
.footer .footer_link a:hover{color:#fff; text-decoration:underline;}
.footer .copyright {color:#fff;}

.funclub, .horoscpoe{position:relative; min-height:100%;}
.home {position:relative; min-height:100%;}
.outer{position:relative; height:auto; min-height:100%;}

.aaa{ height:800px; width:200px; background:#00CC66;}

.funclub .left_side {position: relative;top: 280px; margin-top: 0px}
.funclub .right_side {margin-top: 0px; top: 280px;}
.tnc {color:#000; *line-height:12px;}
.tnc a {color:#000;}
.text_tnc {padding:10px 0px 0px; top:-400px; position:relative}
.inputcheckbox span {color:#000;}