@charset "UTF-8";
body, html { margin: 0; padding: 0; font-family: Trebuchet MS, Arial; font-size: 12px; color: #666; background: #F6F6F6 url(../images/bg_body.jpg) top center repeat-y; text-align: center; }

img, div { behavior: url(iepngfix.htc); }
a img { border: none; }

.red a:link,.red a:visited{ color:#FD6467; ; text-decoration:none; font-weight:bold;}
.red a:hover, .red a:active{ color:#CF1B29; text-decoration:underline; font-weight:bold;}

input, textarea, select{font-family: Trebuchet MS, Helvetica, Arial, sans-serif; font-size: 10px; color:#000; border: 1px solid #CCC; }

.table-regis td{padding:3px; vertical-align:top;}
p { margin: 0 0 10px 0; padding: 0; line-height: 140%; text-align:justify;}
ul { list-style:none; padding:0px; margin:0px; }
ul li { list-style:none; }
.content P, .content LI { text-align:justify; }

#container { width: 830px; margin: 0 auto; text-align: left !important; }
#header { width: 830px; height: 280px; }
#content { padding: 15px 35px 15px 25px; }
	.member-form .input-text { float: left; margin: 0 2px 0 0; width: 100px; border: 1px solid #CCC; color: #999; font-size: 11px; padding: 2px; }
	.member-form .input-submit { float: left; margin: 1px 2px 0 0; text-indent: -10000px; letter-spacing:-999em; overflow: hidden; cursor: pointer; width: 68px; height: 18px; background: url(../images/btn_login.jpg) center bottom no-repeat; border: none; }
	.member-form img, .member-form p, .member-form #btnLogout { float: left; margin: 1px 0 0 0; padding: 0; }
	.member-form .tooltip { margin: 0; }
	.member-form a { font-weight: bold; font-size: 11px; color: #FF6666; text-decoration: none; }
	.member-form a:hover { color: #CC0000; text-decoration: underline; }
	.member-form p { margin: 2px 10px 0 0; } .member-form #btnLogout { margin: 1px 0 0 5px; border: none; }
	.search-form { float: right; width: 250px; margin: 0 0 20px 0; }
		.search-form .input-select { float: right; margin: 0 2px 0 0; border: 1px solid #CCC; color: #999; font-size: 11px; padding: 2px; }
		.search-form .input-text { float: right; width: 70px; margin: 0 5px 0 0; border: 1px solid #CCC; color: #999; font-size: 11px; padding: 3px; }
		.search-form .input-submit { float: right; text-indent: -10000px; overflow: hidden; cursor: pointer; width: 33px; height: 18px; background: url(../images/btn_search.jpg) center bottom no-repeat; border: none; letter-spacing:-999em;}
	
	#left-col { float: left; width: 185px; }
		#NavLeft-Learn a, #NavLeft-Play a, #NavLeft-Share a { color: #FFF; text-decoration: none; }
		#NavLeft-Learn a:hover, #NavLeft-Play a:hover, #NavLeft-Share a:hover { text-decoration: underline; }
		#NavLeft-Home a { color: #333; text-decoration: none; }
		#NavLeft-Home a:hover{ text-decoration: underline; }
		
		#NavLeft-Home .ParentMenu a{ letter-spacing: -10000em; background: url(../images/mn_home.jpg) no-repeat; width: 180px; height: 60px; display: block; margin: 0 0 5px 0; cursor:pointer; overflow: hidden; }
		#NavLeft-Home .ChildMenu { width: 167px; background: url(../images/mn_home_bg_repeat.jpg) repeat-y; margin: 0 0 10px 15px; }
		#NavLeft-Home .ChildMenuTop { width: 167px; height: 9px; background: url(../images/mb_home_bg_top.jpg)  no-repeat; display: block; }
		#NavLeft-Home .ChildMenuBottom { width: 167px; height: 13px; background: url(../images/mn_home_bg_bottom.jpg)  no-repeat; display: block; }
		#NavLeft-Home .ChildMenuList { margin: 5px 0 0 10px; padding: 0; list-style: none; }
		#NavLeft-Home .ChildMenuList li { margin: 0 0 5px 5px; display:block;  }
		#NavLeft-Home .SubMenu a { font-weight: bold; cursor:pointer;}
		#NavLeft-Home .SubMenuList { margin: 5px 0 0 10px; padding: 0; list-style: none; }
		
		#NavLeft-Learn .ParentMenu a { letter-spacing: -10000em; background: url(../images/mn_learn.jpg) no-repeat; width: 180px; height: 60px; display: block; margin: 0 0 5px 0; cursor:pointer; overflow: hidden; }
		#NavLeft-Learn .ChildMenu { width: 160px;  margin: 0 0 10px 15px; }
		#NavLeft-Learn .ChildMenuTop { width: 160px; height: 10px; background: url(../images/mn_sub_bg.gif) 0 0 no-repeat; display: block; }
		#NavLeft-Learn .ChildMenuBottom { width: 160px; height: 20px; background: url(../images/mn_sub_bg.gif) 0 -45px no-repeat; display: block; }
		#NavLeft-Learn .ChildMenuList { padding: 0 0 0 15px; margin: 0; list-style: none; background-color:#da000f;}
		#NavLeft-Learn .ChildMenuList li { padding: 5px 0 0 0; display:block;  }
		#NavLeft-Learn .SubMenu a { font-weight: bold; cursor:pointer;}
		#NavLeft-Learn .SubMenuList { margin: 0 0 0 10px; padding: 0; list-style: none; }
		
		/* coba */	
		#NavLeft-Play .ParentMenu a { letter-spacing: -10000em; background: url(../images/mn_play.jpg) no-repeat; width: 180px; height: 65px; display: block; margin: 0 0 5px 0; cursor:pointer; overflow: hidden; }
		#NavLeft-Play .ChildMenu { width: 160px;  margin: 0 0 10px 15px; }
		#NavLeft-Play .ChildMenuTop { width: 160px; height: 10px; background: url(../images/mn_sub_bg.gif) -160px 0 no-repeat; display: block; }
		#NavLeft-Play .ChildMenuBottom { width: 160px; height: 20px; background: url(../images/mn_sub_bg.gif) -160px -45px no-repeat; display: block; }
		#NavLeft-Play .ChildMenuList { padding: 0 0 0 15px; margin: 0; list-style: none; background: #F4D712;}
		#NavLeft-Play .ChildMenuList li { padding: 5px 0 0 0; display:block;  }
		#NavLeft-Play .SubMenu a { font-weight: bold; cursor:pointer;}
		#NavLeft-Play .SubMenuList { margin: 0 0 0 10px; padding: 0; list-style: none; }
		
		#NavLeft-Share .ParentMenu a { letter-spacing: -10000em; background: url(../images/mn_share.jpg) no-repeat; width: 180px; height: 60px; display: block; cursor:pointer; overflow: hidden; }
		#NavLeft-Share .ChildMenu { width: 160px; margin: 0 0 10px 15px; }
		#NavLeft-Share .ChildMenuTop { width: 160px; height: 10px; background: url(../images/mn_sub_bg.gif) -320px 0 no-repeat; display: block; }
		#NavLeft-Share .ChildMenuBottom { width: 160px; height: 20px; background: url(../images/mn_sub_bg.gif) -320px -45px no-repeat; display: block; }
		#NavLeft-Share .ChildMenuList { padding: 0 0 0 15px; margin: 0; list-style: none;  background: #C390FC;}
		#NavLeft-Share .ChildMenuList li { padding: 5px 0 0 0; display:block; }
		#NavLeft-Share .SubMenu a { font-weight: bold; cursor:pointer;}
		#NavLeft-Share .SubMenuList { margin: 0 0 0 10px; padding: 0; list-style: none; }
		
	#front-center-col { float: left; width: 400px; margin: 0 0 0 20px; }
	#front-right-col { float: right; width: 175px; }
	

	#right-col { float: right; width: 560px;}
		#right-col .content { padding: 5px 0 0 0; }

		#page-title{ float:left; margin: 0 0 10px 0;  width:50%;}
		#page-title ul, #page-title li, #page-title img { float:left;}
		#archive { clear: both; }
		
		#right-col h1.page-root { clear: both; margin: 0 0 5px 0; padding: 0 0 5px 0; }
		#right-col h1.page-root ul { margin: 0; padding: 0; list-style: none; }
		#right-col h1.page-root ul li { margin: 0; padding: 0; list-style: none;}
		
		h1.page-title{font-size:18px;}

		.sub-title-menu { padding: 10px 0 10px 0; width: 560px; height: 25px; position: relative; display: block; }
		    .sub-title-menu .btn-print { position: absolute; top: 13px; right: 110px; }
			.sub-title-menu .btn-sendtofriends { position: absolute; top: 13px; right: 0; }
			
			.print{float:right; margin-right:10px;}
			.sendto{float:right;}

		
		.link-tab { float: right; font-size: 11px; margin: 8px 10px 0 0; }
			.link-tab a { padding: 2px; color: #FFF; text-decoration: none; }
			.link-tab a:hover { color: #FFF; background: #000; }
	.clear-right{ clear:right; }	
	.clear { clear: both; }
#footer { width: 830px; height: 120px; background: url(../images/bg_footer.jpg) center bottom no-repeat; position: relative; }
	#footer .morinaga { position: absolute; top: 70px; left: 20px; }
	#footer .kalbe { position: absolute; top: 75px; right: 20px; }
	#footer p { width: 830px; text-align: center; position: absolute; top: 95px; left: 0; font-size: 11px; }
	#footer p a { color: #333; text-decoration: none; }
	#footer p a:hover { color: #000; text-decoration: underline; }

input#MessageBoardComment_5_btnPost, input#WhatYourStoryComment_6_Panel1{ width:78px !important; height:15px; background:url(../images/button_post.jpg) top left no-repeat; border:none; letter-spacing:-999em; cursor:pointer; margin: 10px 0 0 0;}

.memberForm input{float:left;}

/* Landing Pages */

#landing-container { clear: both; width: 560px; font-size: 11px; }
#landing-container .box { margin: 0 0 10px 0; }
	#landing-left { float: left; width: 400px; }
		#landing-left .col-span { float: left; width: 400px; }
		#landing-left .col-left { float: left; width: 195px; }
		#landing-left .col-right { float: right; width: 195px; }
		#landing-container .panel, #landing-container .panel-right { position: relative; margin: 0 0 10px 0; }
			#landing-container .panel .header, #landing-container .panel-right .header { position: absolute; top: 5px; right: 5px; }
			#landing-container .panel .header img, #landing-container .panel-right .header img { cursor: pointer; }
		/* Boxes */
		#box-news { position: relative; width: 400px; height: 230px; }
		#box-news .footer { position: absolute; top: 202px; left: 0; width: 400px; height: 28px; background: url(../images/box_news_footer.jpg) no-repeat; z-index: 3; }
			#box-news h1 { font-size: 12px; color: #333; margin: 0; padding: 0 0 5px 10px; border-bottom: 1px solid #CCC; position: absolute; top: 40px; left: 0; display: block; width: 380px; }
			#box-news ul.tab { position: absolute; top: 42px; right: 0px; margin: 0; padding: 0; list-style: none; }
			#box-news ul.tab li { float: right; margin: 0 0 0 2px; padding: 0; }
			#box-news ul.tab li a#tab-popular { width: 100px; height: 35px; overflow: hidden; display: block; text-indent: -999em; overflow: hidden; background: url(../images/box_news_tab.jpg) 0 -35px no-repeat; cursor: pointer }
			#box-news ul.tab li a#tab-popular:hover, #box-news ul.tab li a#tab-popular.active { background-position: 0 0; }
			#box-news ul.tab li a#tab-latest { width: 66px; height: 35px; overflow: hidden; display: block; text-indent: -999em; overflow: hidden; background: url(../images/box_news_tab.jpg) -100px -35px no-repeat; cursor: pointer }
			#box-news ul.tab li a#tab-latest:hover, #box-news ul.tab li a#tab-latest.active { background-position: -100px 0; }
			#latest, #popular { position: absolute; top: 68px; left: 0; z-index: 10 } 
			#box-news .footer .article { position: absolute; top: 9px; left: 10px; }
			#box-news .footer .tools { position: absolute; top: 9px; left: 110px; }
		
		#box-chat p.nextchat { color: #818181; text-transform: uppercase; margin: 10px; padding: 0; }
		#box-chat h2 { font-size: 12px; color: #CC0000; text-transform: uppercase; margin: 0 10px 10px 10px; padding: 0; }
		#box-chat p {margin: 0 10px 10px 10px; padding: 0;}
		#box-chat em {margin: 0 10px 10px 10px; padding: 0;}
		#box-messageboard ul { margin: 0; padding: 8px 0 3px 12px; }
		#box-messageboard ul li { margin: 0 0 5px 0; padding: 0 0 0 12px; background: url(../images/bullets_archives_red.jpg) 0 5px no-repeat; }
		#box-messageboard ul li a { color: #666 !important; }
		#box-messageboard ul li a:hover { color: #CC0000 !important; }
		
		#box-st p.info, #box-ate p.info, #box-productreview p.info { padding: 5px; margin: 0; }
		#box-st p.info img, #box-ate p.info img, #box-productreview p.info img { float: left; margin: 0 10px 10px 0; padding: 0; width: 60px; height: 60px; }
		#box-st p.info strong, #box-ate p.info strong, #box-productreview p.info strong { color: #818181; text-transform:uppercase; }
		#box-st p.topic, #box-ate p.topic, #box-productreview p.topic { clear: both; color: #000; padding: 0 10px 0 10px; }
		#box-st .content, #box-mtm .content, #box-ate .content, #box-productreview .content, #box-chat .content, #box-messageboard .content { height: 140px; }
		
		#box-mtm p.info { padding: 10px; margin: 0; color: #663366; }
		#box-mtm p.info img { float: left; margin: 0 10px 10px 0; padding: 0; width: 50px; height: 50px; }
		#box-mtm p.topic { clear: both; color: #000; padding: 0 10px 0 10px; }
		
		#box-calendar .content { padding: 10px; }
		#box-calendar ul { margin: 0 0 0 10px; list-style: disc; }
		#box-calendar ul li { list-style: disc; margin: 0 0 2px 0; }
		#box-calendar ul li a { color: #666; text-align:left;}
		
		#box-calarticle { font-size: 11px; }
		#box-calarticle .content { padding: 8px 8px 0 8px; }
		#box-calarticle #LandingCalendarArticle_8_btnSubmitBirthDate { color: #FFF; background: #333; border: 1px solid #333; }
		#box-calarticle .greetings { font-weight: bold; }
		#box-calarticle .avatar { float: left; margin: 0 5px 5px 0; }
		#box-calarticle .points strong { font-size: 12px; color: #C00000; }
		#box-calarticle .article strong { color: #C00000; }
		#box-calarticle a:hover { color: #C00000; text-decoration: underline; }
		
		#box-mealplanner h2 { font-size: 14px; padding: 7px 0 7px 50px; margin: 0 0 10px 0; background: url(/images/box_icon_mealplanner.jpg) no-repeat; color: #C00000; }
		#box-mealplanner .inner { padding: 10px 10px 5px 10px; }
		#box-mealplanner p { margin: 0 0 5px 0; }
		#box-mealplanner p strong { color: #C00000; }
		#box-mealplanner a:hover { color: #666; font-weight: normal; text-decoration: none; }
		
		#box-babycost h2 { margin: 0 0 10px 0; font-size: 14px; color: #C00000; }
		#box-babycost .inner { padding: 10px; }
		
		#box-wys .inner { padding: 10px 10px 5px 10px; }
		#box-wys h2 { font-size: 14px; text-transform: uppercase; }
		#box-wys h2 a { color: #663366; text-decoration: none; }
		#box-wys h2 a:hover { color: #660066; text-decoration: none; }
		#box-wys em.author { color: #cc66cc; font-style: normal; }
		
		#box-growth .inner { padding: 10px; font-size: 11px; }
		#box-growth table td { padding: 3px; }
		#box-growth .btn-add { background: url(/images/btn_send_myaccount.jpg) no-repeat; width: 78px; height: 14px; border: none; letter-spacing: -999em; cursor: pointer; overflow: hidden; }
		
		.box-immune .inner { padding: 10px; font-size: 11px; }
		.box-immune h2 { font-size: 12px; }
		.box-immune .btn-submit { background: url(/images/btn_send_myaccount.jpg) no-repeat; width: 78px; height: 14px; border: none; letter-spacing: -999em; cursor: pointer; overflow: hidden; }
		.box-immune table { width: 100%; }
		.box-immune table td { padding: 3px; }
		
		#box-expertinterview .inner { padding: 10px 10px 3px 10px; }
		#box-expertinterview .inner img { width: 40px; height: 50px; float: left; margin: 0 10px 0 0; }
		#box-expertinterview a { color: #C00000; }
		
		#box-songlyrics .inner, #box-partyideas .inner { padding: 10px 10px 0 10px; }
		#box-songlyrics a, #box-partyideas ad { color: #C00000; }
		
		#box-games .inner { padding: 5px 10px 10px 10px; text-align: center; }
		#box-games h2 { color: #C00000; text-align: center; font-size: 11px; text-transform: uppercase; margin: 0; padding: 0; }
		
		#box-babynames .inner, #box-localresources .inner { padding: 10px; }
		#box-babynames table { width: 100%; }
		#box-babynames table td { padding: 3px; }
		#box-babynames .btn-search, #box-localresources .btn-search { background: url(/images/box_babynames_footer.jpg) no-repeat; width: 150px; height: 19px; border: none; letter-spacing: -999em; cursor: pointer; overflow: hidden; }
		#box-localresources select { width: 100%; }
		
		#box-morinagablog .inner { padding: 10px; }
		#box-morinagablog h2 { font-size: 12px; margin: 0; padding: 0 0 0 70px; background: url(/images/box_icon_morinagablog.jpg) no-repeat; } 
		#box-morinagablog a { color: #666; }
		#box-morinagablog a:hover { color: #000; }
		
		#box-memberblog .inner { padding: 10px; }
		#box-memberblog .inner .avatar { float: left; margin: 0 10px 10px 0; }
		#box-memberblog .inner a { color: #C00000; }
		
		#box-buysell .inner { padding: 10px; }
		#box-buysell a { color: #666; }
		#box-buysell a:hover { color: #000; }
		
		#box-heightpredictor .inner { padding: 10px; }
		#box-heightpredictor .btn-submit { background: url(/images/btn_send_myaccount.jpg) no-repeat; width: 78px; height: 14px; border: none; letter-spacing: -999em; cursor: pointer; overflow: hidden; }
		#box-heightpredictor table { margin: 8px 0 0 0; width: 100%; }
		#box-heightpredictor table td { vertical-align: top; padding: 3px; }
		
		#box-personalize select { width: 100%; }
		
	#landing-right { float: right; width: 150px; }
		
		/* Boxes */
		#box-snapshots ul { margin: 10px 0 0 7px; padding: 0; }
		#box-snapshots li { float: left; margin: 0 7px 10px 0; padding: 0; }
		#box-snapshots li img { width: 40px; height: 40px; }
	
	#landing-intro { background: #F1F1F1; padding: 10px; margin: 0 0 10px 0; }
	#PersonalizeHome_8_ddlLeft, #PersonalizeHome_8_ddlRight, #PersonalizeHome_8_ddlCenter { width: 100%; }
	
/* Jcarousel Boxes */
.jcarousel-skin-latest-news .jcarousel-container { width: 400px; height: 110px; }
.jcarousel-skin-latest-news .jcarousel-container-horizontal { padding: 10px 0 10px 0; }
.jcarousel-skin-latest-news .jcarousel-clip-horizontal { width: 400px; height: 110px; }
.jcarousel-skin-latest-news .jcarousel-item { width: 400px; background: #FFF; line-height: 140%; color: #000; }
.jcarousel-skin-latest-news .jcarousel-item img { float: left; margin: 0 10px 0 10px; width: 90px; height: 105px;  }
.jcarousel-skin-latest-news .jcarousel-item a { color: #CC0000 !important; font-weight: bold !important; }
.jcarousel-skin-latest-news .jcarousel-item a.title { font-size: 14px; display: block; margin: 0 0 3px 0; }
.jcarousel-skin-latest-news .jcarousel-item a:hover { text-decoration: underline; }
.jcarousel-skin-latest-news .jcarousel-item-horizontal { margin: 0 15px 0 0; font-weight: bold; line-height: 120%; }
.jcarousel-skin-latest-news .jcarousel-item-placeholder { background: #fff; color: #000; }
.jcarousel-skin-latest-news .jcarousel-next-horizontal { position: absolute; top: 138px; right: 10px; width: 35px; height: 10px; cursor: pointer; background: transparent url(../images/box_news_next.jpg) no-repeat 0 0; display: block; z-index: 10; }
.jcarousel-skin-latest-news .jcarousel-next-horizontal:hover { background-position: 0 0; }
.jcarousel-skin-latest-news .jcarousel-next-horizontal:active { background-position: 0 0; }
.jcarousel-skin-latest-news .jcarousel-next-disabled-horizontal, .jcarousel-skin-latest-news .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-latest-news .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: 0 0; }
.jcarousel-skin-latest-news .jcarousel-prev-horizontal { position: absolute; top: 138px; right: 55px; width: 40px; height: 10px; cursor: pointer; background: transparent url(../images/box_news_back.jpg) no-repeat 0 0; display: block; z-index: 10; }
.jcarousel-skin-latest-news .jcarousel-prev-horizontal:hover { background-position: 0 0; }
.jcarousel-skin-latest-news .jcarousel-prev-horizontal:active { background-position: 0 0; }
.jcarousel-skin-latest-news .jcarousel-prev-disabled-horizontal, .jcarousel-skin-latest-news .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-latest-news .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: 0 0; }
/* End Landing Pages */

/* Tooltip */
a.tooltip { z-index:10; float:left; margin: 0 0 0 5px; }
a.tooltip img { border:none; }
a.tooltip:hover { position:relative; z-index:100; }			
a.tooltip span { display:none; }
a.tooltip:hover span { display:block; position:absolute; float:left; white-space:nowrap; top:0; left:0;color:#444; z-index:10; }
a.tooltip.signup { z-index:10; float:left; }
a.tooltip.signup img { border:none; }
a.tooltip.signup:hover { position:relative; z-index:100; }			
a.tooltip.signup span { display:none; }
a.tooltip.signup:hover span { display:block; position:absolute; float:left; white-space:nowrap; top:1px; left:70px; color:#444; z-index:10; }
/* End Tooltip*/

.archives-list li{margin: 0 0 0 0;}
.archives-list .date{font-size:14px; font-weight:bold; margin:10px 0 10px 0;}

#archive-list-cont ul#pageNavi{float:right;}
#archive-list-cont ul#pageNavi strong{float:left; margin:0 0 0 0;}
#archive-list-cont ul#pageNavi li{float:left; margin:0 0 0 5px}

.archives-list ul#pageNavi{float:right;}
.archives-list ul#pageNavi strong{float:left; margin:0 0 0 0;}
.archives-list ul#pageNavi li{float:left; margin:0 0 0 5px}