@charset "UTF-8";
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix{ zoom:1; /*overflow:hidden;*/ }

body { margin:0; padding:0;}
#fw_wrap { margin:0; /* [disabled]padding:0; */ width:158px; height:470px; border:solid 1px #ddd; background:#fff; overflow:hidden; }
#fw_wrap_s { margin:0; padding:0; width:158px; min-height:470px; border:solid 1px #ccc; background:#fff;}
#fwm_wrap { margin:0; padding:0 0 3px 0; width:158px; min-height:470px; border:solid 1px #ccc; background:#039; background:url(../images/fwm-bg.gif) repeat-y;}
#fw_input { margin:0; padding:5px 2px 2px 2px; min-height:25px; background:url(../images/bg-input.gif);font-size:8pt;}
#fw_input select { margin:2px 1px 1px 1px;}
* html #fw_input select { margin:2px 1px 3px 1px;padding:1px 2px;}

#fw_frm input { border:0; background:#fff;}
#fw_button { margin:1px auto; width:100%;}
#fw_title  { display:none; width:156px; height:36px; background:url(../images/feelsprite.png) no-repeat; background-position:-626px 2px; position:relative; text-indent:-9999px;}
#fwm_wrap #fw_title  { display:none; width:156px; height:36px; background:url(../images/feelsprite.png) no-repeat; background-position:-626px -34px; position:relative; text-indent:-9999px;}

#fw_usrbd { position:relative; margin:2px auto; padding:2px 0 0 2px; width:152px; background:#ffc; border:1px solid #D7E4D0;font-size:8pt;}
#fw_usrbd div.edit { position:absolute; top:2px; left:135px; margin:0; width:13px; height:13px; }
#fw_usrbd div.edit a#edit { position:relative; display:block; background:url(../images/feelsprite.png) no-repeat; background-position:-180px 0px;text-indent:-9999px; }

/* Main Display */
#fw_result { position:relative; margin:10px 0 0 0; padding:0; width:158px; height:auto;}
#fw_result div.bg-g01 { width:auto; height:27px; padding:3px 0 3px 0; background:#9D6;}
/* luck and power */
#fw_fortune { position:relative; margin:5px auto; padding-left:52px; width:100px; height:18px; background:url(../images/feelsprite.png) no-repeat; background-position:-4px -27px; color:#F66;font-size:13pt; line-height:1.2; font-weight:bold; }
#fw_power   { position:relative; margin:5px auto; padding-left:52px; width:100px; height:18px; background:url(../images/feelsprite.png) no-repeat; background-position:-4px -52px; color:#555;font-size:12pt; line-height:1.2; }
#fw_fortune div.status, #fw_power div.status { position:absolute; top:1px; left:110px; width:16px; height:16px; }
#fw_fortune div.status img, #fw_power div.status img { margin:0;}

/* Push your feeling */
div#tl-fbn { margin:0; padding:0; width:155px; height:20px; background:url(../images/feelsprite.png) no-repeat; background-position:-215px -150px; text-indent:-9999px; display:none;}

/* 5 feel buttons */
#fbtn { display:block; margin:0 0 0 5px; padding:0; width:155px; height:32px; }
#fbtn ul { margin:0; padding:0; }
#fbtn ul li { margin:0px; padding:0; float:left; list-style-type:none; line-height:1.0; }
#fbtn ul li a { display:block; margin:0 7px 0 0; width:24px; height:24px; text-indent:-9999px; }

#fbtn ul li.f1s a { background:url(../images/feelsprite.png) no-repeat; background-position:0px 0px; }
#fbtn ul li.f2s a { background:url(../images/feelsprite.png) no-repeat; background-position:-26px 0px; }
#fbtn ul li.f3s a { background:url(../images/feelsprite.png) no-repeat; background-position:-52px 0px; }
#fbtn ul li.f4s a { background:url(../images/feelsprite.png) no-repeat; background-position:-78px 0px; }
#fbtn ul li.f5s a { background:url(../images/feelsprite.png) no-repeat; background-position:-104px 0px; }
#fbtn ul li.f1s a:hover { background:url(../images/feelsprite.png) no-repeat; background-position:0 -510px;}
#fbtn ul li.f2s a:hover { background:url(../images/feelsprite.png) no-repeat; background-position:-26px -510px;}
#fbtn ul li.f3s a:hover { background:url(../images/feelsprite.png) no-repeat; background-position:-52px -510px;}
#fbtn ul li.f4s a:hover { background:url(../images/feelsprite.png) no-repeat; background-position:-78px -510px;}
#fbtn ul li.f5s a:hover { background:url(../images/feelsprite.png) no-repeat; background-position:-104px -510px;}

/* 3 feel buttons */
#fbtn #first  ul li a { display:block; margin:0 20px 0 0; width:24px; height:24px; text-indent:-9999px; }
#fbtn #first { display:block; margin-left:18px;}
#first ul li.f2s, #first ul li.f4s  { display:none; }

/* 2 special buttons */
#sbtn { display:block; margin:5px 0 0 5px; padding:0; width:155px; height:30px; border-bottom:dotted 1px #eee; }
#sbtn ul { margin:0; padding:0; }
#sbtn ul li { margin:0px; padding:0; float:left; list-style-type:none; line-height:1.0; }
/* #sbtn ul li a { opacity:0.3; filter: alpha(opacity=30); display:block; margin:0 7px 0 0; width:24px; height:24px; text-indent:-9999px; } */
#sbtn ul li a { display:block; margin:0 7px 0 0; width:24px; height:24px; text-indent:-9999px; }
#sbtn ul li.s1s a { background:url(../images/feelsprite.png) no-repeat; background-position:-194px 0px; }
#sbtn ul li.s2s a { position:absolute; left:130px; background:url(../images/feelsprite.png) no-repeat; background-position:-220px 0px; }
#sbtn ul li.s1s a:hover { background:url(../images/feelsprite.png) no-repeat; background-position:-194px -510px; }
#sbtn ul li.s2s a:hover { position:absolute; left:130px; background:url(../images/feelsprite.png) no-repeat; background-position:-220px -510px; }


/* 5 Planets Weather forcast  */
#planet { position:relative; margin:0px auto; padding:0px; width:158px; min-height:164px;}
#planet div { margin:0 auto; padding-left:50px; width:107px; height:63px;z-index:2;}
#fw_sun   { background:url(../images/feelsprite.png) no-repeat; background-position:-3px -141px; position:relative; }
#fw_mon   { background:url(../images/feelsprite.png) no-repeat; background-position:-3px -214px; position:relative; }
#fw_mer   { background:url(../images/feelsprite.png) no-repeat; background-position:-3px -284px; position:relative; }
#fw_dee   { background:url(../images/feelsprite.png) no-repeat; background-position:-3px -355px; position:relative; }
#fw_ars   { background:url(../images/feelsprite.png) no-repeat; background-position:-3px -425px; position:relative; }
#planet div.mysign { width:50px; height:13px; margin:0; padding:0; background:url(../images/feelsprite.png) no-repeat; background-position:0px -645px; position:absolute; left:2px; top: 66px; }

#planet dl{width:158px;margin:0;}
#planet dt{ height:18px; background:url(/lab/feel_log/images/feelsprite.png) no-repeat; }
#planet dt#sun{background-position:-232px -339px; }
#planet dt#mon{background-position:-232px -357px; }
#planet dt#mer{background-position:-232px -375px; }
#planet dt#dee{background-position:-232px -393px; }
#planet dt#ars{background-position:-232px -411px; }

#planet dt#sun.over{background-position:-232px -249px; }
#planet dt#mon.over{background-position:-232px -267px; }
#planet dt#mer.over{background-position:-232px -285px; }
#planet dt#dee.over{background-position:-232px -303px; }
#planet dt#ars.over{background-position:-232px -321px; }

#planet dt#sun.selected{background-position:-232px -159px; }
#planet dt#mon.selected{background-position:-232px -177px; }
#planet dt#mer.selected{background-position:-232px -195px; }
#planet dt#dee.selected{background-position:-232px -213px; }
#planet dt#ars.selected{background-position:-232px -231px; }
#planet dd{margin:0;padding:0;height:73px;}


/* 3hour ahead */
div#tl-frt { margin:0; padding:0; width:155px; height:20px; background:url(../images/feelsprite.png) no-repeat; background-position:-445px -3px; text-indent:-9999px;}

/* pwer and luck icon */
.picon { margin:5px auto; width:35px; height:61px; }
.ficon { margin:5px auto; width:61px; height:61px; }
input, select, textarea {font-size:8pt;}
/* footer  */
#footerbtn{ border:none; margin: 0; padding:0;}
#footerbtn img{ margin:2px 1px; padding:0;}
#fw_body #footer { margin:0; padding-top:2px; width:158px; height:16px; border-top:1px dotted #ddd; }
#fw_body #footer a#foot{ display:block; margin:0 auto; width:158px; height:16px; background:url(/lab/feel_log/images/feelsprite.png) no-repeat; background-position:55px -625px;  text-indent:-10000px;}
#fw_body #footer { display:none;}
/* footer for Ranking  */
#fw_wrap_s #foot a{ display:block; margin:0 auto; width:158px; height:17px; background:url(/lab/feel_log/images/feelsprite.png) no-repeat; background-position:-156px -50px;  text-indent:-10000px;}

/* migrate */
#migrate { position:absolute; width:157px; height:150px; top:500px; left:0px; display:block; z-index:5; background-color: white; border:none; font-size:8pt;}
#migrate_text {width:140px; margin-left: 5px; margin-bottom:3px;}
#migrate_close {margin-top:5px; padding-right: 5px; text-align:right;}

/* planet Navigation */
#navPla { width:158px; height:22px; margin:2px 0 0 0; padding:0;  }
#navPla a { text-indent:-9999px; }
#navPla #prev { float:left; margin:0 0 0 1px; width:20px; height:20px; }
#navPla #next { float:right; margin:0 1px 0 0; width:20px; height:20px; }
#navPla #prev a {display:block; margin:0; background:url(../images/feelsprite.png) no-repeat; background-position:-220px -540px; }
#navPla #next a {display:block; margin:0; background:url(../images/feelsprite.png) no-repeat; background-position:-243px -540px; }

/* function buttons */
#fcbtn { display:block; margin:1px 0 1px 0; padding:0; width:160px; height:20px; }
#fcbtn ul { margin:0; padding:0; }
#fcbtn ul li { margin:0px; padding:0; float:left; list-style-type:none; line-height:1.0; }
#fcbtn ul li a { display:block; margin:0; padding:0; height:20px; text-indent:-9999px; }
#fcbtn ul li a#f1 { width:49px; background:url(../images/feelsprite.png) no-repeat; background-position:0px -540px; }
#fcbtn ul li a#f2 { width:61px; background:url(../images/feelsprite.png) no-repeat; background-position:-48px -540px; }
#fcbtn ul li a#f3 { width:49px; background:url(../images/feelsprite.png) no-repeat; background-position:-108px -540px; }
#fcbtn ul li a#f1c { width:49px; background:url(../images/feelsprite.png) no-repeat; background-position:0px -585px; }
#fcbtn ul li a#f2c { width:61px; background:url(../images/feelsprite.png) no-repeat; background-position:-48px -585px; }

/* dimmed */
div.dimmed a { opacity:0.4; filter: alpha(oapcity=40);}
div.dimmed a:hover,div.dimmed #sbtn a:hover,div.dimmed #fbtn a:hover { opacity:0.4; filter: alpha(oapcity=40);}
div.hidden { display:none;}

/* fW-ranking */
#fwr_title  { width:156px; height:21px;margin:1px 0 0 0;background:url(../images/feelsprite.png) no-repeat; background-position:-466px -77px; position:relative; text-indent:-10000px;}
#fwr_title_s  { width:156px; height:64px;margin:1px 0 0 0;background:url(../images/feelsprite.png) no-repeat; background-position:-233px -436px; position:relative; text-indent:-10000px;}
#fwr_title_s a{ display:block; margin:0 auto; width:156px; height:60px; text-indent:-10000px;}

#fwr_title_m  { width:156px; height:21px;margin:1px 0 0 0;background:url(../images/feelsprite.png) no-repeat; background-position:-627px -77px; position:relative; text-indent:-10000px;}
#subTitle { margin:1px 0 1px 1px;}
#fwr_result div {border-top:dotted 1px #f96; margin:0 auto; padding:1px 0 3px 50px; width:107px;  }
#fwr_result div img, #fwr_result div object { margin:1px 0 0 0;}
#fwr_result div a img { border:none;}
#fwr_result div#fwr_1 object,#fwr_result div#fwr_2 object,#fwr_result div#fwr_3 object,#fwr_result div#fwr_1m object,#fwr_result div#fwr_2m object,#fwr_result div#fwr_3m object   { margin:8px 0 0 0;}
#fwr_result div#fwr_1 img,#fwr_result div#fwr_2 img,#fwr_result div#fwr_3 img,#fwr_result div#fwr_1m img,#fwr_result div#fwr_2m img,#fwr_result div#fwr_3m img   { margin:8px 0 0 0;}
#fwr_result div#fwr_12 img,#fwr_result div#fwr_12m img,#fwr_result div#fwr_12 object,#fwr_result div#fwr_12m object { margin:5px 0 0 0;}
#fwr_result div div { margin:0; padding:0;border-top:none;}
#fwr_1   { height:36px; background:url(../images/feelsprite.png) no-repeat; background-position:-468px -160px; padding:8px 0 0 50px; }
#fwr_2   { height:36px; background:url(../images/feelsprite.png) no-repeat; background-position:-467px -200px; padding:8px 0 0 50px; }
#fwr_3   { height:36px; background:url(../images/feelsprite.png) no-repeat; background-position:-467px -240px; padding:8px 0 0 50px; }
#fwr_4   { height:29px; background:url(../images/feelsprite.png) no-repeat; background-position:-467px -283px;}
#fwr_5   { height:29px; background:url(../images/feelsprite.png) no-repeat; background-position:-467px -322px;}
#fwr_6   { height:29px; background:url(../images/feelsprite.png) no-repeat; background-position:-467px -361px;}
#fwr_7   { height:29px; background:url(../images/feelsprite.png) no-repeat; background-position:-467px -400px;}
#fwr_8   { height:29px; background:url(../images/feelsprite.png) no-repeat; background-position:-467px -440px;}
#fwr_9   { height:29px; background:url(../images/feelsprite.png) no-repeat; background-position:-467px -478px;}
#fwr_10   { height:29px; background:url(../images/feelsprite.png) no-repeat; background-position:-467px -517px;}
#fwr_11   { height:29px; background:url(../images/feelsprite.png) no-repeat; background-position:-467px -554px;}
#fwr_12   { height:37px; background:url(../images/feelsprite.png) no-repeat; background-position:-467px -591px;}
#fwr_1m   { height:36px; background:url(../images/feelsprite.png) no-repeat; background-position:-627px -155px; padding:10px 0 0 50px; }
#fwr_2m   { height:36px; background:url(../images/feelsprite.png) no-repeat; background-position:-627px -195px; padding:10px 0 0 50px; }
#fwr_3m   { height:36px; background:url(../images/feelsprite.png) no-repeat; background-position:-627px -235px; padding:10px 0 0 50px; }
#fwr_4m   { height:29px; background:url(../images/feelsprite.png) no-repeat; background-position:-627px -283px;}
#fwr_5m   { height:29px; background:url(../images/feelsprite.png) no-repeat; background-position:-627px -322px;}
#fwr_6m   { height:29px; background:url(../images/feelsprite.png) no-repeat; background-position:-627px -361px;}
#fwr_7m   { height:29px; background:url(../images/feelsprite.png) no-repeat; background-position:-627px -400px;}
#fwr_8m   { height:29px; background:url(../images/feelsprite.png) no-repeat; background-position:-627px -440px;}
#fwr_9m   { height:29px; background:url(../images/feelsprite.png) no-repeat; background-position:-627px -478px;}
#fwr_10m   { height:29px; background:url(../images/feelsprite.png) no-repeat; background-position:-627px -517px;}
#fwr_11m   { height:29px; background:url(../images/feelsprite.png) no-repeat; background-position:-627px -554px;}
#fwr_12m   { height:29px; background:url(../images/feelsprite.png) no-repeat; background-position:-627px -591px;}

#fwr_result #footerbtn{ border:none; margin: 0; padding:0;}
#fwr_result #footerbtn img{ margin:2px 1px; padding:0;}
/* form input */
#fw_input input.input1 { border:2px solid  #933; height:16px; margin:1px 3px; font-size:small;}
#fw_input input.input2 { border:1px solid  #999; height:16px; margin:1px 3px; font-size:small;}


/* FeeLOG Indivisual History 2009-11-19 designed ######################################################## */
body#feelogF { width:600px; margin:5px auto; padding:0; font-size:75%; color:#555;}
body#feelogF div#header { width:180px; height:32px; background:url(../images/feelsprite.png) no-repeat; background-position:-74px -109px;text-indent:-1000px;}
body#feelogF div#nav { min-height:25px; height:auto !important; height:25px; margin:0; padding:0; position:relative;}
body#feelogF div#content { margin:0; padding:0; border-top:1px solid #fcc;}
body#feelogF div#footer { width:100%; height:30px; margin:0; padding:5px 0 0 0; font-size:9pt; color:#999; position:relative;}
body#feelogF div#footer span { display:block; width:80px; margin:0; padding:0; text-indent:-9999px; height:20px; background:url(../images/feelsprite.png) no-repeat; background-position:-200px -50px; position:absolute; left:528px; top:-9px; } /* charapla LOGO */
/* pages */
body#feelogF .ls_pages { margin:0 0 2px 0; padding:0; min-width:280px; width:auto !important; width:300px; font-size:9px; color:#666; letter-spacing:0.01em; text-align:right; position:absolute; top:-10px; left:350px; }
body#feelogF .ls_pages ul { margin:0; padding:0; }
body#feelogF .ls_pages li { float:left; list-style-type:none; }
body#feelogF .ls_pages li.ns { margin:2px 3px 0px 0px; padding:0; width:auto; border:none; list-style-type:none; display:inline; background:#fff; }

body#feelogF .ls_pages li a  { display:block; margin:0px 3px 0px 0px; padding:1px 0 0 0; text-align:center; border:1px solid #ccc; background:#eee; width:16px; height:16px; font-weight:bold; letter-spacing:0.003em;  color:#777; text-decoration:none;}
body#feelogF .ls_pages li.current a { color:#fff; text-decoration:none; background:#f66; border:1px solid #f30; }
body#feelogF .ls_pages li a:hover { border-color:#444; color:#444;}
body#feelogF .ls_pages li.current  a:hover { border-color:#f30; color:#fff;}

body#feelogF .ls_pages li.pre,body#feelogF .ls_pages li.pre a {display:inline;  margin:0px 10px 0px 0px; padding:2px 0px 0px 10px; background:#fff; width:auto; border:none;  }
body#feelogF .ls_pages li.fwd,body#feelogF .ls_pages li.fwd a {display:inline;  margin:0px 0px 0px 5px; padding:2px 10px 0px 0px; background:#fff; width:auto; border:none; }

/* tb01fl */
.tb01fl { margin:0 0 5px 0; padding:0; border-collapse:collapse; border:none;font-size:90%;}
.tb01fl th { padding:4px 2px; border:none; border-bottom:1px solid #fcc; color:#666; font-weight:normal; line-height:1.0; background:#fff; }
.tb01fl th.tb01fl-crt { background:#fff; }
.tb01fl td { padding:1px 2px; border: 1px #fdd solid; border-left:none; border-right:none; line-height:1.8; background:#fffff2; text-align:center; }
.tb01fl tr.odd td{ background:#fff7f7;}
.tb01fl th a , .tb01fl th a:visited { color:#fff; text-decoration:none; }
.tb01fl th a:hover { text-decoration:underline; }
.tb01fl .bd-left { border-left:1px solid #ccc; }
.tb01fl td img { text-align:center; margin:0 auto;}

/* ** for male ******************************** */
body#feelogM { width:600px; margin:5px auto; padding:0; font-size:75%; color:#555;}
body#feelogM div#header { width:351px; height:32px; background:url(../images/feelsprite.png) no-repeat; background-position:-74px -73px;text-indent:-1000px;}
body#feelogM div#nav { min-height:25px; height:auto !important; height:25px; margin:0; padding:0; position:relative;}
body#feelogM div#content { margin:0; padding:0; border-top:1px solid #9cc;}
body#feelogM div#footer { width:100%; margin:0; padding:5px 0 0 0; font-size:9pt; color:#999; position:relative;}
/* pages */
body#feelogM .ls_pages { margin:0 0 2px 0; padding:0; min-width:280px; width:auto !important; width:300px; font-size:9px; color:#666; letter-spacing:0.01em; text-align:right; position:absolute; top:0px; left:350px; }
body#feelogM .ls_pages ul { margin:0; padding:0; }
body#feelogM .ls_pages li { float:left; list-style-type:none; }
body#feelogM .ls_pages li.ns { margin:2px 3px 0px 0px; padding:0; width:auto; border:none; list-style-type:none; display:inline; background:#fff; }

body#feelogM .ls_pages li a  { display:block; margin:0px 3px 0px 0px; padding:1px 0 0 0; text-align:center; border:1px solid #ccc; background:#eee; width:16px; height:16px; font-weight:bold; letter-spacing:0.003em;  color:#777; text-decoration:none;}
body#feelogM .ls_pages li.current a { color:#fff; text-decoration:none; background:#699; border:1px solid #069; }
body#feelogM .ls_pages li a:hover { border-color:#444; color:#444;}
body#feelogM .ls_pages li.current  a:hover { border-color:#069; color:#fff;}

body#feelogM .ls_pages li.pre, body#feelogM .ls_pages li.pre a {display:inline;  margin:0px 10px 0px 0px; padding:2px 0px 0px 10px; background:#fff; width:auto; border:none; }
body#feelogM .ls_pages li.fwd, body#feelogM .ls_pages li.fwd a {display:inline;  margin:0px 0px 0px 5px; padding:2px 10px 0px 0px; background:#fff; width:auto; border:none;}

/* tb01bl */
.tb01bl { margin:0 0 5px 0; padding:0; border-collapse:collapse; border:none; font-size:90%;}
.tb01bl th { padding:4px 2px; border:none; border-bottom:1px solid #9cc; color:#666; font-weight:normal; line-height:1.0; background:#fff; }
.tb01bl th.tb01bl-crt { background:#fff; }
.tb01bl td { padding:1px 2px; border: 1px #9dd solid; border-left:none; border-right:none; line-height:1.8; background:#fffff2; text-align:center;}
.tb01bl tr.odd td{ background:#DEE9EE;}
.tb01bl th a , .tb01bl th a:visited { color:#fff; text-decoration:none; }
.tb01bl th a:hover { text-decoration:underline; }
.tb01bl .bd-left { border-left:1px solid #ccc; }
.tb01bl td img { text-align:center; margin:0 auto;}

/* feel Icon */
#logTable td span { display:block; margin:0 auto; width:24px; height:24px; text-indent:-9999px; }
#logTable td span.f1 { background:url(../images/feelsprite.png) no-repeat; background-position:0px 0px; }
#logTable td span.f2 { background:url(../images/feelsprite.png) no-repeat; background-position:-26px 0px; }
#logTable td span.f3 { background:url(../images/feelsprite.png) no-repeat; background-position:-52px 0px; }
#logTable td span.f4 { background:url(../images/feelsprite.png) no-repeat; background-position:-78px 0px; }
#logTable td span.f5 { background:url(../images/feelsprite.png) no-repeat; background-position:-104px 0px; }
#logTable td span.s1 { background:url(../images/feelsprite.png) no-repeat; background-position:-194px 0px; }
#logTable td span.s2 { background:url(../images/feelsprite.png) no-repeat; background-position:-220px 0px; }

/* info */
#fw_body #info { width:148px; margin:0 auto 0 auto; padding:5px; font-size:9pt; line-height:1.5; color:#666; background:#ffd;}
#fw_body #info strong{ color:#27b; }
#fw_body #info em { font-style:normal; color:#27b; font-weight:bold; margin:5px 0 0 0; }