/* CSS Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
#wrapper { height:935px; background:url(../images/bg_img_huggies.png); }
#container { width:746px; height:885px; margin: 0 auto; position:relative}
/* style for index.php */
#content-top-index {width: 691px; height: 403px; display: block; background: url(../images/bg_img_content_top.png) no-repeat; position: relative; margin: 50px 0 0 26px; z-index: 20; float: left}
#img-huggies { width:158px; height:52px; position:absolute; left:40px; top: -20px; background:url(../images/img_huggies.png);}
#img-photo-contest { width:380px; height:300px; position:absolute; top:45px; left:14px; background:url(../images/img_photo_contest.png); z-index:1; }
#img-periode-ujung { width:26px; height:18px; position:absolute; top:290px; left:60px; background:url(../images/img_periode_ujung.png) }
a.img-start-now { width:93px; height:93px; position:absolute; top:277px; left:296px; background:url(../images/img_start_now.png); z-index:3 }
#img-periode-ujung { width:26px; height:18px; position:absolute; top:290px; left:60px; background:url(../images/img_periode_ujung.png); }
#img-periode { width:274px; height:55px; position:absolute; top:285px; left:54px; background:url(../images/img_periode.png); z-index:2; }
a.img-start-now { width:93px; height:93px; position:absolute; top:255px; left:296px; background:url(../images/img_start_now.png); z-index:3; }
a.img-start-now:hover { background-position:0px -94px; }
a.img-start-now:active { background-position:0px -188px; }
#img-bear { width:241px; height:220px; position:absolute; top:37px; right: 45px; background:url(../images/img_bear.png) }
#img-rule-top { width:241px; height:2px; position:absolute; top:257px; left:402px; background:url(../images/img_rule.png) }
#content-bottom { width:638px; height:340px; position:relative; display:block; float: left; margin: 20px 0 0 55px }
#bg-img-content-bottom { width:387px; height:340px; position:absolute; top:10px; background:url(../images/bg_img_content_bottom.png); }
#img-how-to-play { width:159px; height:27px; position:absolute; left:20px; background:url(../images/img_how_to_play.png); }
#img-1-registrasi { width:77px; height:84px; position:absolute; top:42px; left:30px; background:url(../images/img_1_registrasi.png); }
.txt-1 { width:270px; height:86px; position:absolute; top:37px; left:120px; display: block; background: url(../images/txt_1.png) no-repeat; }
p.content-bottom-1 strong {font-size: 12px; font-weight: bold; font:"GEInspiraMediumBold"; color: #5A4A42}
#img-rule-bottom-1 { width:331px; height:2px; position:absolute; top:127px; left:30px; background:url(../images/img_rule.png); }
#img-2-tunjukkan-kreasi-foto { width:86px; height:104px; position:absolute; top:138px; left:24px; background:url(../images/img_2_tunjukkan_kreasi_foto.png); }
.txt-2{ width:260px; height:90px; text-align:left; position:absolute; top:141px; left:120px; display: block; background: url(../images/txt_2.png) no-repeat }
#img-rule-bottom-2 { width:331px; height:2px; position:absolute; top:242px; left:30px; background:url(../images/img_rule.png); }
#img-3-daftarkan-foto { width:83px; height:92px; position:absolute; top:252px; left:30px; background:url(../images/img_3_daftarkan_foto.png); }
.txt-3 { width:260px; height:86px; text-align:left; position:absolute; top:270px; left:120px; display: block; background: url(../images/txt_3.png) no-repeat }
a.img-button-daftar-disini { width:212px; height:66px; position:absolute; top:10px; left:407px; background:url(../images/img_button_daftar_disini.png); }
a.img-button-daftar-disini:hover { background-position:0px 132px; }
a.img-button-daftar-disini:active { background-position:0px 66px; }
a.img-button-syarat-ketentuan { width:212px; height:66px; position:absolute; top:87px; left:407px; background:url(../images/img_button_syarat_ketentuan.png); }
a.img-button-syarat-ketentuan:hover { background-position:0px 132px; }
a.img-button-syarat-ketentuan:active { background-position:0px 66px; }
#img-hadiah { width:246px; height:201px; position:absolute; top:155px; left:395px; background:url(../images/img_hadiah.png); }
#footer { width:746px; height:26px; position:relative; display:block; float: left; background: url(../images/img_rule_footer.png); margin: 25px 0 0 0 }
p.text-footer { width: 746px; height: 26px; display: block; font-family: arial; font-size:10px; font-weight: bold; color:#5A4A42; text-align: center; line-height: 26px }
/* style for login.php */
#login { width:246px; height:182px; background:url(../images/bg_img_content_login.png) no-repeat center; position: absolute; top: 200px; left: 252px }
#img-login { width:141px; height:47px; position:absolute; top: -25px; left: 53px; background:url(../images/img_login.png)no-repeat }
#form-login { width:246px; height:182px; margin-top: 25px}
p.text-username { width:246px; font:"AnjaElianeAccent"; font-size:16px; color:#91278F; text-align: center; margin-bottom: 3px}
#img-box-username { width:216px; height:27px; background:url(../images/img_box_login.png); margin-left: 16px; margin-bottom: 4px; font-weight: bold }
.text-box-username { border:none; width:184px; height:23px; margin: 0 15px; background-color:transparent; font-weight: bold; /*padding: 5px 15px; */color: #333333 }
p.text-password { width:246px; font:"AnjaElianeAccent"; font-size:16px; color:#91278F; text-align: center; margin-bottom: 3px}
#img-box-password { width:216px; height:27px; background:url(../images/img_box_login.png); margin-left: 16px; margin-bottom: 5px }
.text-box-password { border:none; width:184px; height:23px; margin: 0 15px; background-color:transparent; font-weight: bold /*padding: 5px 15px*/}
a.text-belum-terdaftar { width:200px; font:Arial; font-size:12px; color:#91278F; left:240px; text-decoration:none; }
.button-login { width:83px; height:25px; background:url(../images/img_button_login.png) no-repeat; border: none; display: block; letter-spacing: -99999em; text-indent: -99999em; overflow: hidden; cursor : pointer; position: absolute; bottom: 0; left: 80px }
.button-login:hover { background-position:0px -27px; }
.button-login:active { background-position:0px -52px; }
.text-forgot {font-family: arial; font-size: 11px; color: #91278F; text-align: center; margin-bottom: 3px}
.text-forgot .link:hover {color: #DA1C5C}
.text-forgot .link {font-size: 11px; color: #91278F }
/* style for register.php */
#register { width:682px; height:292px; position:relative; display:block; }
.reg-link { width: 746px; height:50px; display: block; position: absolute; top: 78px; z-index: 2}
#bg-img-content-register { width:684px; height:383px; position:absolute; top:127px; left:30px; background:url(../images/bg_register.png) no-repeat center; z-index: 20 }
#img-register { width:298px; height:66px; position:absolute; top:-30px; left:20px; background:url(../images/img_register.png); }
#register-form {width: 681px; height: 381px; display: block; position: relative}
.form-satu {width: 300px; height: 310px; position: absolute; top: 40px; left: 30px}
.form-satu input {color : #333333; font-family: arial; font-weight: bold}
.form-dua input {color : #333333; font-family: arial; font-weight: bold}
p.text-nama-ibu { width:100px; font:"AnjaElianeAccent"; font-size:16px; color:#91278F; margin-bottom: 1px; padding-left: 15px }
#img-box-nama-ibu { width:273px; height:28px; background:url(../images/img_box_nama_ibu.png); margin-bottom: 5px }
.text-box-nama-ibu { border: none; background: transparent; height: 20px; width: 240px; display: block; font-size: 12px; padding: 5px 10px 0 10px }
p.text-nama-anak { width:100px; font:"AnjaElianeAccent"; font-size:16px; color:#91278F; padding-left: 15px; margin-bottom: 1px }
#img-box-nama-anak { width:196px; height:28px; background:url(../images/img_box_nama_anak.png); display: block; float: left; margin-bottom: 5px }
.text-box-nama-anak { border:none; width:170px; height:23px; background-color:transparent; display: block; font-size: 12px; padding: 5px 10px 0 10px }
p.text-sex { width:50px; font:"AnjaElianeAccent"; font-size:16px; color:#91278F; display: block; position: absolute; top: 52px; right: 30px }
select.sex { width:39px; height:28px; }
p.text-email { width:100px; font:"AnjaElianeAccent"; font-size:16px; color:#91278F; padding-left:15px; margin-bottom: 1px; clear: both}
#img-box-email { width:273px; height:28px; background:url(../images/img_box_nama_ibu.png); display: block; float: left; margin-bottom: 5px }
.text-box-email { border:none; width:250px; height:23px; background-color:transparent; display: block; font-size: 12px; padding: 5px 10px 0 10px }
.form-satu p.text-password{ width:100px; font:"AnjaElianeAccent"; font-size:16px; color:#91278F; padding-left: 15px; text-align: left; clear: both; margin-bottom: 1px }
.form-satu #img-box-password { width:216px; height:27px; background:url(../images/img_box_login.png); margin: 0; padding: 0 }
.form-satu .text-box-email { border:none; width:250px; height:23px; background-color:transparent; display: block; font-size: 12px; padding: 5px 10px 0 10px }
p.text-handphone { width:100px; font:"AnjaElianeAccent"; font-size:16px; color:#91278F; padding-left: 20px }
#img-box-handphone { width:196px; height:28px; background:url(../images/img_box_nama_anak.png); display: block; float: left; margin:0 0 5px 5px}
.text-box-handphone { border:none; width:170px; height:23px; background-color:transparent; display: block; font-size: 12px; padding: 5px 10px 0 10px}
p.text-type { width:230px; font:"AnjaElianeAccent"; font-size:16px; color:#91278F; padding-left: 20px; clear: both; margin-bottom: 5px }
#img-box-type { width:273px; height:28px; background:url(../images/img_box_nama_ibu.png); margin:0 0 5px 5px }
.text-box-type { border: none; background: transparent; height: 20px; width: 240px; display: block; font-size: 12px; padding: 5px 10px 0 10px }
p.text-buy { width:250px; font:"AnjaElianeAccent"; font-size:16px; color:#91278F; padding-left: 20px; clear: both; margin-bottom: 5px }
#img-box-buy { width:273px; height:28px; background:url(../images/img_box_nama_ibu.png); margin:0 0 20px 5px }
.text-box-buy { border: none; background: transparent; height: 20px; width: 240px; display: block; font-size: 12px; padding: 5px 10px 0 10px }
#img-rule-register { width:1px; height:193px; position:absolute; top:60px; left:340px; background:url(../images/img_rule.png); }
.form-dua {width: 300px; height: 310px; position: absolute; top: 40px; right: 10px}
p.text-DOB-ibu { width:150px; font:"AnjaElianeAccent"; font-size:16px; color:#91278F; padding-left: 15px }
.moms-dob { width: 270px; height: 30px; display: block; margin: 5px 0 0 5px}
p.text-DOB-anak { width:170px; font:"AnjaElianeAccent"; font-size:16px; color:#91278F; padding-left: 15px ; margin-bottom: 5px}
.child-dob { width: 270px; height: 30px; display: block; margin: 5px 0 0 5px}
.terms {width: 260px; height: 60px; display: block; clear: both; margin-left: 10px}
.members {width: 290px; height: 60px; display: block; clear: both; margin-left: 2px}
#syarat-ketentuan{height: 15px}
.down{margin-left: 3px}
input.check-terms {float: left}
input.check-member {float: left}
p.text-terms { width:220px; font:"AnjaElianeAccent"; font-size:12px; color:#91278F; padding-left: 10px; float: left }
p.text-terms a{ font:"AnjaElianeAccent"; font-size:12px; color:#91278F; }
p.text-member { width: 195px; font:"AnjaElianeAccent"; font-size:12px; color:#91278F; float: left }
.submit-register {width: 123px; height: 32px; border: none; background: url(../images/img_button_daftar.png) no-repeat; text-indent: -99999em; letter-spacing: -99999em; overflow: hidden; position: absolute; bottom: 0px; left: 292px; cursor: pointer}
input:hover.submit-register {background-position: 0 -32px}
/* style by nico */
#content-top { width:686px; height:420px; position:relative; display:block; }
a.img-link { width:293px; height:56px; position:absolute; top:1px; left:343px; background:url(../images/img_link.png); }
#bg-img-contet-top { width:690px; height:403px; position:absolute; top:24px; background:url(../images/bg_img_content_top.png); }
p.content-top { width:260px; height:90px; font:"GEInspiraMediumBold"; font-size:12px; color:#5A4A42; text-align:center; position:absolute; top:265px; left:393px; }
p.content-top strong { margin-right:3px; color: #DA1C5C; }
#register { width:682px; height:292px; position:relative; display:block; }
.error .head { width:246px; height:12px; background: url(../images/img_head_error_box.png) center; top:-300px; position:relative; }
.error .error-body { background: url(../images/img_body_error_box.png) repeat-y; padding: 10px; text-align: center; top:-302px; position:relative; }
.error .foot { width:246px; height:12px; background: url(../images/img_foot_error_box.png) center; top:-308px; position:relative; }
.terima-kasih { line-height: 20px; margin: 30px 0 50px }
p.text-sex { width:50px; font:"AnjaElianeAccent"; font-size:16px; color:#91278F; }
select.sex { width:39px; height:28px; }
}
#img-check-box-ketentuan { width:27px; height:26px; position:absolute; top:283px; left:400px; background:url(../images/img_check_box_ketentuan.png); }
p.text-ketentuan { width:180px; font:"AnjaElianeAccent"; font-size:14px; color:#91278F; position:absolute; top:273px; left:433px; }
.img-button-daftar { border:0px; width:123px; height:32px; position:absolute; top:365px; left:530px; background:url(../images/img_button_daftar.png); cursor:pointer; }
.img-button-daftar:hover { background-position:0px -32px; }
.img-button-daftar:active { background-position:0px -64px; }
#setuju { width:246px; height:182px; position:relative; display:block; }
#bg-img-content-belum-setuju { width:246px; height:182px; position:absolute; top:147px; left:215px; background:url(../images/bg_img_content_belum_setuju.png);}
#img-alert { width:49px; height:49px; position:absolute; top:163px; left:314px; background:url(../images/img_alert.png); }
p.text-alert { width:150px; font:"AnjaElianeAccent"; font-size:16px; color:#91278F; text-align:center; position:absolute; top:205px; left:266px; }
a.img-button-kembali { width:83px; height:26px; position:absolute; top:305px; left:296px; background:url(../images/img_button_kembali.png) }
a.img-button-kembali:hover { background-position:0px -26px; }
a.img-button-kembali:active { background-position:0px -52px; }
/* style for : .php */
#link { width: 746px; height:50px; display: block; position: absolute; top: 20px}
#link ul{margin: 0; padding: 0; float: right; list-style: none; position: relative; width: 400px}
#link li.menu-home{width: 72px; height: 46px}
#link li.menu-home a{width: 72px; height: 41px; display: block; background: url(../images/bg_link.png) no-repeat; text-indent: -99999em; overflow: hidden; position: absolute; bottom: 0; left: 20px; z-index: 4}
#link li.menu-home a:hover{background-position: 0 -41px}
#link li.menu a{background-position: 0 -82px}
#link li.menu-galery a{width: 72px; height: 41px; display: block; background: url(../images/bg_link.png) no-repeat scroll -73px 0; text-indent: -99999em; overflow: hidden; position: absolute; bottom: 0; left: 85px; z-index: 3}
#link li.menu-galery a:hover {background-position: -73px -41px}
#link li.gallery a {background-position: -73px -82px; z-index: 5}
#link li.menu-submit a{width: 72px; height: 41px; display: block; background: url(../images/bg_link.png) no-repeat scroll -158px 0; text-indent: -99999em; overflow: hidden; position: absolute; bottom: 0; left: 154px; z-index: 2}
#link li.menu-submit a:hover {background-position: -158px -41px}
#link li.menu-signout a{width: 90px; height: 41px; display: block; background: url(../images/bg_link.png) no-repeat scroll -237px 0; text-indent: -99999em; overflow: hidden; position: absolute; bottom: 0; left: 150px; z-index: 1}
#link li.menu-signout a:hover {background-position: -237px -41px}
#link li.menu-login a{width: 81px; height: 41px; display: block; background: url(../images/SignIn.png) no-repeat scroll -17px -5px; text-indent: -99999em; overflow: hidden; position: absolute; bottom: 0; left: 154px; z-index: 2}
#link li.menu-login a:hover {background-position: -17px -88px }
#link li.login a{background-position: -20px -46px; z-index: 6}
#link li.menu-register a {width: 90px; height: 41px; display: block; background: url(../images/SignIn.png) no-repeat scroll -124px -5px; text-indent: -99999em; overflow: hidden; position: absolute; bottom: 0; left: 223px; z-index: 1}
#link li.menu-register a:hover {background-position: -124px -88px }
#link li.register a {background-position: -124px -46px; z-index: 7}
#content {width: 760px; display: block; position: relative; float: left; margin: 50px 0 0 26px; z-index: 20}
#content .top{width: 683px; height: 17px; display: block; background: url(../images/img_back_galery.png) no-repeat; float: left; position: relative}
.img-galery{width: 246px; height: 67px; position: absolute; top: -30px; left: 20px; background: url(../images/img_galeri.png) no-repeat}
#content .center {width: 683px; height: 780px; background: url(../images/bg_back_repeat.png) repeat}
.galery-nav {width: 683px; height: 90px; display: block; position: relative}
.galery-nav .bear {display: block; width: 84px; height: 89px; background: url(../images/bear.png) no-repeat; position: absolute; bottom: -30px; right: 11px; z-index: 5}
.galery-nav ul {width: 250px; height: 30px; padding: 50px 0 0 30px}
.galery-nav li {width: 112px; height: 30px; float: left; list-style: none; display: block; line-height: 30px }
.galery-nav li.mine-active a {color: #DA1C5C}
.galery-nav li.first{background: url(../images/bg_li_batas.png) no-repeat right; margin-right: 10px}
.galery-nav li.off a{color: #91278F}
.galery-nav a.all {font:"AnjaElianeAccent"; font-size:16px; color:#DA1C5C; text-decoration: none}
.galery-nav a:hover.all {font:"AnjaElianeAccent"; color: #DA1C5C}
.galery-nav a.mine {font:"AnjaElianeAccent"; font-size:16px; color:#91278F; text-decoration: none}
.galery-nav a:hover.mine{color: #DA1C5C}
.search { display: block; width: 300px; height: 30px; position: absolute; right: 50px; bottom: 5px}
p.title-search { width: 90px; height: 20px; float: left; color: #DA1C5C; margin-top: 5px}
.mom-search { width: 15px; height: 29px; float: left; display: block}
.search-name { float: left; width: 119px; height: 29px; border: none; background: url(../images/bg_search.png) no-repeat; display: block}
.search_name {display: block; background: transparent; border: none; width: 80px; margin: 3px auto; font-family: arial; font-weight: bold; font-size: 12px; color: #333333}
.search-button{ display: block; background: url(../images/bg_btn_search.png) no-repeat; width: 46px; height: 22px; text-indent: -999999em; letter-spacing: -9999999em; overflow: hidden; border: none; cursor: pointer; float: left; margin: 2px 0 0 4px}
input:hover.search-button{background-position: 0 -23px}
.galery {width: 683px; display: block; height: 500px}
.galery ul {width: 650px; margin: 0; padding: 0; list-style: 0; margin-left: 23px}
.galery li {width: 150px; height: 209px; display: block; background: url(../images/img_li.png) no-repeat center; font-family: arial; position: relative; float: left; margin: 0 12px 5px 0}
.galery li img.img_people {margin: 10px 12px 5px 12px ; width: 122px; height: 109px}
.galery li:hover {width: 150px; height: 209px; display: block; background: url(../images/img_li_hover.png) no-repeat}
.galery p.name_people{width: 150px; display: block; font-size:12px; text-transform: uppercase; color: #91278F; text-align: center; margin-bottom: 5px; font-weight: bolder; height: 19px}
.galery p.text_people{width: 150px; display: block; font-size:9px; color: #333333; text-align: center; margin-bottom: 3px}
.galery p.date_people{width: 150px; display: block; font-size:9px; color: #E76F34; text-align: center; margin-bottom: 2px}
.galery p.vote_people {width: 150px; display: block; font-size:11px; text-transform: uppercase; color: #91278F; text-align: center; font-weight: bold}
.galery a.vote{width: 47px; height: 16px; display: block; background: url(../images/bg_vote.png) no-repeat top; position: absolute; bottom: 7px; left: 50px; text-indent: -999999em; overflow: hidden}
.galery a.vote:hover{background-position: 0 -16px}
.galery a.voted { background-position: 0 -32px; cursor: default }
.galery a.voted:hover { background-position: 0 -32px }
.paging {width: 515px; height: 40px;display: block; position: absolute; bottom: -6px; left: 78px}
.paging ul{width:500px; display: block}
.paging li{float: left; display: block; position: relative}
.paging li.prev{ width: 120px; height: 32px; background: url(../images/bg_left_gallery.png) no-repeat; float: left; margin: 0; padding: 0; display: block}
a.previous {font:"AnjaElianeAccent"; font-size:16px; color:#F7931E; text-decoration: none; height: 32px; margin: 10px; display: block; text-align: center}
a.next {font:"AnjaElianeAccent"; font-size:16px; color:#DA1C5C; text-decoration: none; height: 32px; margin: 10px; display: block; text-align: center}
a.page-nmbr {font:"AnjaElianeAccent"; font-size:16px; color:#DA1C5C; text-decoration: none; height: 32px; margin: 7px; padding-top: 5px; line-height: 30px}
a.active {color: #91278F}
.paging li.page-number{ width: 250px; height: 32px; background: url(../images/bg_center_gallery.png) repeat; float: left; margin: 0; padding: 0; display: block; text-align: center}
.paging li.next{ width: 120px; height: 32px; background: url(../images/bg_right_gallery.png) repeat; float: left; margin: 0; padding: 0; display: block}
#content .bottom {width: 683px; height: 17px; display: block; background: url(../images/img_back_galery.png) no-repeat scroll 0 -34px; float: left}
/* play.php */
body.play #container { background: url(../images/bg_header_play.png) no-repeat top center }
body.play #link { top: 140px; z-index: 0; height: 35px; overflow: hidden; z-index: 100}
body.play #content { top: 75px }