/* START: Menstrual Calendar */
.menstural_calendar {
	width: 490px;
}

.menstural_calendar .menstural_calendar_top {
	width: 490px;
	height: 10px;
	font-size: 0;
	background: url(../images/tools/menstural_calendar_top.gif) no-repeat;
}

.menstural_calendar .menstural_calendar_bottom {
	width: 490px;
	height: 10px;
	font-size: 0;
	background: url(../images/tools/menstural_calendar_bottom.gif) no-repeat;
}

.menstural_calendar .menstural_calendar_content {
	width: 474px;
	font-size: 0;
	background: url(../images/tools/menstural_calendar_content.gif) repeat-y;
	padding: 8px;
}

.menstural_calendar .menstural_calendar_content h2 {
	color: #8c2512;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 30px;
	font-weight: bold;
	margin: 0 0 12px 0;
}

.menstural_calendar .menstural_calendar_content h2 span {
	color: #8c2512;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	font-weight: normal;
	display: block;
}

.menstural_calendar .menstural_calendar_content p {
	font-weight: bold;
	font-size: 12px;
	margin: 0 0 10px 0
}

/* START: Table */
.menstural_calendar .menstural_calendar_content .nav {
	float: left;
	width: 110px;
	height: 24px;
	background: url(../images/tools/menstural_calendar_nav.gif) no-repeat;
	text-align: center;
	color: #000;
	font-weight: bold;
	font-size: 12px;
	margin: 0 2px 0 0;
	padding: 10px 0 0 0;
	cursor: pointer;
}

.menstural_calendar .menstural_calendar_content .selected {
	float: left;
	width: 110px;
	height: 24px;
	background: url(../images/tools/menstural_calendar_nav_selected.gif) no-repeat;
	text-align: center;
	color: #6c030e;
	font-weight: normal;
	font-size: 14px;
	margin: 0 2px 0 0;
	padding: 10px 0 0 0;
	cursor: default;
}

.menstural_calendar .menstural_calendar_content .page {
	display: none;
}

.menstural_calendar .menstural_calendar_content .table_top {
	width: 471px;
	height: 6px;
	background: url(../images/tools/menstural_calendar_table_top.gif) no-repeat;
	clear: both;
	font-size: 0;
}

.menstural_calendar .menstural_calendar_content .table_bottom {
	width: 471px;
	height: 6px;
	background: url(../images/tools/menstural_calendar_table_bottom.gif) no-repeat;
	font-size: 0;
}

.menstural_calendar .menstural_calendar_content .table_content {
	width: 461px;
	background: #fff;
	padding: 0 5px;
}

.menstural_calendar .menstural_calendar_content .table_content .calendar_container {
	width: 304px;
	float: left;
}

.menstural_calendar .menstural_calendar_content .month_navigation {
	width: 274px;
	height: 23px;
	background: url(../images/tools/menstural_calendar_table_months.gif) no-repeat;
	color: #fff;
	padding: 4px 10px 0 10px;
	margin: 0 0 0 3px;
}

.menstural_calendar .menstural_calendar_content .text {
	float: left;
	width: 263px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
}

.menstural_calendar .menstural_calendar_content img {
	float: left;
	margin: 3px 0 0 0;
}

.menstural_calendar .menstural_calendar_content table { margin: 0 0 15px 0 }

.menstural_calendar .menstural_calendar_content table .day {
	width: 40px;
	height: 20px;
	text-align: center;
	vertical-align: middle;
	color: #000;
	font-size: 12px;
}

.menstural_calendar .menstural_calendar_content table .ned {
	width: 40px;
	height: 20px;
	text-align: center;
	vertical-align: middle;
	color: #f30000;
	font-size: 12px;
}

.menstural_calendar .menstural_calendar_content table .blank,
.menstural_calendar .menstural_calendar_content table .planed_menst,
.menstural_calendar .menstural_calendar_content table .ovul,
.menstural_calendar .menstural_calendar_content table .pregnancy,
.menstural_calendar .menstural_calendar_content table .menst {
	position: relative;
	width: 35px;
	height: 42px;
	text-align: right;
	/*vertical-align: bottom; */
	color: #a5656c;
	font-size: 14px;
	font-weight: bold;
	padding: 0 4px 2px 4px;
}

.menstural_calendar .menstural_calendar_content table .blank div,
.menstural_calendar .menstural_calendar_content table .planed_menst div,
.menstural_calendar .menstural_calendar_content table .ovul div,
.menstural_calendar .menstural_calendar_content table .pregnancy div,
.menstural_calendar .menstural_calendar_content table .menst div {
	position: relative;
	width: 35px;
	height: 38px;
}

.menstural_calendar .menstural_calendar_content table .blank span,
.menstural_calendar .menstural_calendar_content table .planed_menst span,
.menstural_calendar .menstural_calendar_content table .ovul span,
.menstural_calendar .menstural_calendar_content table .pregnancy span,
.menstural_calendar .menstural_calendar_content table .menst span {
	display: block;
	position: absolute;
	bottom: 1px;
	right: 4px;
	font-size: 14px;
	font-weight: bold;
}

.menstural_calendar .menstural_calendar_content table .first_day {
	margin: 3px 0 0 20px;
	color: red;
}

.menstural_calendar .menstural_calendar_content table .blank { background: url(../images/tools/menstural_calendar_table_blank.gif) no-repeat center; }
.menstural_calendar .menstural_calendar_content table .planed_menst { background: url(../images/tools/menstural_calendar_table_planed_menst.gif) no-repeat center; color: #fff }
.menstural_calendar .menstural_calendar_content table .ovul { background: url(../images/tools/menstural_calendar_table_ovul.gif) no-repeat center; color: #fff }
.menstural_calendar .menstural_calendar_content table .pregnancy { background: url(../images/tools/menstural_calendar_table_pregnancy.gif) no-repeat center; color: #fff }
.menstural_calendar .menstural_calendar_content table .menst { background: url(../images/tools/menstural_calendar_table_menst.gif) no-repeat center; color: #fff }
.menstural_calendar .menstural_calendar_content table .selected_day { background: url(../images/tools/children_growth_table_red.gif) no-repeat center; }

.menstural_calendar .menstural_calendar_content table .blank .notice,
.menstural_calendar .menstural_calendar_content table .planed_menst .icon,
.menstural_calendar .menstural_calendar_content table .ovul .icon,
.menstural_calendar .menstural_calendar_content table .pregnancy .icon,
.menstural_calendar .menstural_calendar_content table .menst .icon {
	display: inline;
	position: relative;
	float: left;
	margin: 4px 0px 2px 0px;
}
.menstural_calendar .menstural_calendar_content table .blank .notice_sign,
.menstural_calendar .menstural_calendar_content table .planed_menst .notice_sign,
.menstural_calendar .menstural_calendar_content table .ovul .notice_sign,
.menstural_calendar .menstural_calendar_content table .pregnancy .notice_sign,
.menstural_calendar .menstural_calendar_content table .menst .notice_sign {
	position: absolute;
	left: -1px;
	bottom: 0px;
}

.menstural_calendar .menstural_calendar_content .short_input {
	width: 20px;
}
.menstural_calendar .menstural_calendar_content .long_input {
	width: 40px;
}

/* START: Legend */
.menstural_calendar .menstural_calendar_content .legend_ovul {
	width: 112px;
	float: left;
	background: url(../images/tools/menstural_calendar_legend_ovul.gif) no-repeat left;
	color: #383838;
	font-size: 12px;
	padding: 0 0 0 20px;
	margin: 0 0 5px 0;
}

.menstural_calendar .menstural_calendar_content .legend_menst {
	width: 112px;
	float: left;
	background: url(../images/tools/menstural_calendar_legend_menst.gif) no-repeat left;
	color: #383838;
	font-size: 12px;
	padding: 0 0 0 20px;
	margin: 0 0 5px 0;
}

.menstural_calendar .menstural_calendar_content .legend_notice {
	width: 112px;
	float: left;
	background: url(../images/tools/menstural_calendar_legend_notice.gif) no-repeat left;
	color: #383838;
	font-size: 12px;
	padding: 0 0 0 20px;
	margin: 0 0 5px 0;
}

.menstural_calendar .menstural_calendar_content .legend_pregnancy {
	width: 112px;
	float: left;
	background: url(../images/tools/menstural_calendar_legend_pregnancy.gif) no-repeat left;
	color: #383838;
	font-size: 12px;
	padding: 0 0 0 20px;
	margin: 0 0 5px 0;
}

.menstural_calendar .menstural_calendar_content .legend_planed_menst {
	float: left;
	background: url(../images/tools/menstural_calendar_legend_planed_menst.gif) no-repeat left;
	color: #383838;
	font-size: 12px;
	padding: 0 0 0 20px;
	margin: 0 0 5px 0;
}

/* START: Indicator */
.menstural_calendar .menstural_calendar_content .indicator_content {
	float: right;
}

.menstural_calendar .menstural_calendar_content .indicator_content .date {
	color: #005f9e;
	font-size: 12px;
}

.menstural_calendar .menstural_calendar_content .indicator_content .indicator {
	width: 150px;
	margin: 0 0 4px 0;
}

.menstural_calendar .menstural_calendar_content .indicator_content .indicator .indicator_top {
	width: 150px;
	height: 4px;
	font-size: 0;
	background: url(../images/tools/menstural_calendar_table_indicator_top.gif) no-repeat;
}

.menstural_calendar .menstural_calendar_content .indicator_content .indicator .indicator_bottom {
	width: 150px;
	height: 4px;
	font-size: 0;
	background: url(../images/tools/menstural_calendar_table_indicator_bottom.gif) no-repeat;
}

.menstural_calendar .menstural_calendar_content .indicator_content .indicator .indicator_indicator_content {
	width: 140px;
	height: 17px;
	font-size: 12px;
	color: #000;
	font-weight: bold;
	padding: 2px 10px 0 0;
	text-align: right;
}

.menstural_calendar .menstural_calendar_content .indicator_content .indicator .sex { background: url(../images/tools/indicator_content_sex.gif) no-repeat; cursor: pointer; }
.menstural_calendar .menstural_calendar_content .indicator_content .indicator .pms { background: url(../images/tools/indicator_content_pms.gif) no-repeat; cursor: pointer; }
.menstural_calendar .menstural_calendar_content .indicator_content .indicator .doctor { background: url(../images/tools/indicator_content_doctor.gif) no-repeat; cursor: pointer; }
.menstural_calendar .menstural_calendar_content .indicator_content .indicator .pills { background: url(../images/tools/indicator_content_pills.gif) no-repeat; cursor: pointer; }
.menstural_calendar .menstural_calendar_content .indicator_content .indicator .intermens { background: url(../images/tools/indicator_content_intermens.gif) no-repeat; cursor: pointer; }

.menstural_calendar .menstural_calendar_content .indicator_content .indicator .mens { 
	background: url(../images/tools/indicator_content_mens.gif) no-repeat;
	height: 52px;
}

.menstural_calendar .menstural_calendar_content .indicator_content .indicator .mens .icon { 
	float: right;
	margin: 6px 0 0 4px;
	cursor: pointer;
}

.menstural_calendar .menstural_calendar_content .indicator_content .indicator .temp {
	position: relative;
	background: url(../images/tools/indicator_content_temp_all.gif) no-repeat;
	height: 52px;
}

.menstural_calendar .menstural_calendar_content .indicator_content .indicator .temp input {
	position: absolute;
	top: 21px;
	left: 63px;
	background: #fff;
	width: 54px;
	height: 23px;
	border: 1px solid #c0c0c0;
	color: #720c17;
	font-size: 14px;
	text-align: center;
	padding: 5px 0 0 0;
	visibility: hidden;
}

.menstural_calendar .menstural_calendar_content .notices {
	position: relative;
}

.menstural_calendar .menstural_calendar_content .notices .notice_input {
	position: absolute;
	top: 25px;
	right: 7px;
	background: #fff;
	color: #720c17;
	width: 150px;
	font-size: 12px;
	text-align: left;
	padding: 5px 0 0 0;
	visibility: hidden;
}

.menstural_calendar .menstural_calendar_content .notices .notice_input input,
.menstural_calendar .menstural_calendar_content .notices .notice_input textarea {
	border: 1px solid #c0c0c0;
	width: 150px;
}

/* START: Children Growth */
.children_growth { width: 490px }

.children_growth .children_growth_top {
	width: 490px;
	height: 9px;
	font-size: 0;
	background: url(../images/tools/children_growth_top.gif) no-repeat;
}

.children_growth .children_growth_content {
	width: 490px;
	font-size: 0;
	background: url(../images/tools/children_growth_content.gif) repeat-x #bed6e7;
}

.children_growth .children_growth_content h2 {
	color: #104d78;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 30px;
	font-weight: bold;
	margin: 0 0 18px 12px;
}

.children_growth .children_growth_content h2 span {
	color: #104d78;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	font-weight: normal;
	display: block;
}

.children_growth .children_growth_content p {
	float: left;
	width: 146px;
	font-weight: bold;
	font-size: 12px;
	color: #4e4e4e;
	margin: 0 0 10px 0;
	display: inline;
	margin: 0 0 0 12px;
}

/* START: Table */
.children_growth .children_growth_content .calendar {
	float: right;
	display: inline;
	margin: 0 12px 0 0;
}

.children_growth .children_growth_content .calendar_top {
	width: 309px;
	height: 5px;
	background: url(../images/tools/children_growth_calendar_top.gif) no-repeat;
	font-size: 0;
}

.children_growth .children_growth_content .calendar_bottom {
	width: 309px;
	height: 5px;
	background: url(../images/tools/children_growth_calendar_bottom.gif) no-repeat;
	font-size: 0;
}

.children_growth .children_growth_content .calendar_content {
	width: 301px;
	background: url(../images/tools/children_growth_calendar_content.gif) repeat-y;
	padding: 0 4px;
}

.children_growth .children_growth_content .month_navigation {
	width: 299px;
	height: 23px;
	background: url(../images/tools/children_growth_table_months.gif) no-repeat;
	color: #fff;
	padding: 4px 10px 0 10px;
}

.children_growth .children_growth_content .text {
	float: left;
	width: 272px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
}

.children_growth .children_growth_content img {
	float: left;
	margin: 3px 0 0 0;
}

.children_growth .children_growth_content table .day {
	width: 40px;
	height: 20px;
	text-align: center;
	vertical-align: middle;
	color: #000;
	font-size: 12px;
}

.children_growth .children_growth_content table .ned {
	width: 40px;
	height: 20px;
	text-align: center;
	vertical-align: middle;
	color: #f30000;
	font-size: 12px;
}

.children_growth .children_growth_content table .blank {
	width: 39px;
	height: 42px;
	background: url(../images/tools/children_growth_table_blank.gif) no-repeat center;
	text-align: right;
	vertical-align: bottom;
	color: #75a2c1;
	font-size: 14px;
	font-weight: bold;
	padding: 0 4px 2px 0;
}

.children_growth .children_growth_content table .white {
	width: 39px;
	height: 42px;
	background: url(../images/tools/children_growth_table_white.gif) no-repeat center;
	text-align: right;
	vertical-align: bottom;
	color: #afcde2;
	font-size: 14px;
	font-weight: bold;
	padding: 0 4px 2px 0;
}

.children_growth .children_growth_content table .blue {
	width: 39px;
	height: 42px;
	background: url(../images/tools/children_growth_table_blue.gif) no-repeat center;
	text-align: right;
	vertical-align: bottom;
	color: #34678a;
	font-size: 14px;
	font-weight: bold;
	padding: 0 4px 2px 0;
}

.children_growth .children_growth_content table .red {
	width: 39px;
	height: 42px;
	background: url(../images/tools/children_growth_table_red.gif) no-repeat center;
	text-align: right;
	vertical-align: bottom;
	color: #a53887;
	font-size: 14px;
	font-weight: bold;
	padding: 0 4px 2px 0;
}

/* START: Navigation */
.children_growth .children_growth_content .month_nav {
	width: 490px;
	height: 42px;
	background: url(../images/tools/children_growth_month_nav.gif) no-repeat center;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	margin: 28px 0 7px 0;
}

.children_growth .children_growth_content .month_nav ul {
	float: left;
	width: 450px;
}

.children_growth .children_growth_content .month_nav ul li {
	float: left;
	width: 110px;
	height: 33px;
	background: url(../images/tools/children_growth_month_nav_border.gif) no-repeat right;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	padding: 9px 0 0 0;
}

.children_growth .children_growth_content .month_nav ul li a {
	color: #fff;
	text-decoration: none;
}

.children_growth .children_growth_content .month_nav ul li a:hover {
	color: #fff;
	text-decoration: underline;
}

.children_growth .children_growth_content .month_nav img.arrow_left {
	display: inline;
	float: left;
	margin: 14px 0 0 11px;
}

.children_growth .children_growth_content .month_nav img.arrow_right {
	display: inline;
	float: left;
	margin: 14px 11px 0 0;
}

/* START: Navigation Article */
.children_growth .children_growth_content .children_text .article_nav {
	float: left;
	width: 110px;
	height: 24px;
	background: url(../images/tools/children_growth_article_nav.gif) no-repeat;
	text-align: center;
	color: #104d78;
	font-weight: normal;
	font-size: 12px;
	margin: 2px 2px 0 0;
	padding: 10px 0 0 0;
}

.children_growth .children_growth_content .children_text .article_nav_selected {
	position: relative;
	float: left;
	width: 110px;
	height: 26px;
	background: url(../images/tools/children_growth_article_nav_selected.gif) no-repeat;
	text-align: center;
	color: #783710;
	font-weight: bold;
	font-size: 14px;
	margin: 1px 2px 0 0;
	padding: 10px 0 0 0;
}

.children_growth .children_growth_content .children_text .article {
	width: 450px;
	background: #fff;
	color: #000;
	font-weight: normal;
	font-size: 12px;
	padding: 15px 20px 27px 20px;
	background: url(../images/tools/children_text_bottom.gif) no-repeat bottom #fff;

}

.children_growth .children_growth_content .children_text .article img {
	float: left;
	border: 3px solid #b4b4b4;
	margin: 10px 15px 10px 0;
}

/* START: Sponsor */
.children_growth .sponsor {
	width: 470px;
	background: #fff;
	background: url(../images/tools/children_growth_sponsor_border.gif) no-repeat 50% 0% #fff;
	color: #000;
	font-weight: normal;
	font-size: 12px;
	padding: 17px 10px 0 10px;
	margin: 0 0 15px 0;
}

.children_growth .sponsor h3 {
	color: #783710;
	font-weight: bold;
	font-size: 18px;
	margin: 0 0 14px 0;
}

.children_growth .sponsor h4 {
	color: #005f9e;
	font-weight: bold;
	font-size: 12px;
	margin: 0 0 10px 0;
}

.children_growth .sponsor img {
	float: left;
	margin: 0 10px 10px 0;
}

/* START: Related Articles */
.children_growth .related_articles_left {
	float: left;
	width: 230px;
	font-size: 12px;
	margin: 0 0 19px 0;
}

.children_growth .related_articles_right {
	float: right;
	width: 230px;
	font-size: 12px;
	margin: 0 0 19px 0;
}

.children_growth .related_articles_right li,
.children_growth .related_articles_left li { margin: 0 0 4px 0 }

.children_growth .related_articles_right h3,
.children_growth .related_articles_left h3 {
	color: #783710;
	font-weight: bold;
	font-size: 14px;
	margin: 0 0 10px 0;
}

.children_growth .related_articles_right a,
.children_growth .related_articles_left a {
	font-size: 12px;
	color: #005f9e;
	text-decoration: underline;

}

.children_growth .related_articles_right a:hover,
.children_growth .related_articles_left a:hover {
	font-size: 12px;
	color: #005f9e;
	text-decoration: none;
}

.children_growth hr {
	border: 0;
	color: #d3d3d2;
	background-color: #d3d3d2;
	height: 1px;
	width: 100%;
	text-align: left;
	margin: 0 0 15px 0;
}

/* START: Child Name */
.child_name .child_name_top {
	width: 210px;
	background: url(../images/tools/child_name_top.gif) no-repeat #d0e4c9;
	padding: 55px 260px 0 20px ;
	color: #000;
	font-weight: bold;
	font-size: 12px;
	height: auto !important;
	min-height: 150px;
	height: 150px;
}

.child_name .child_name_top h2 {
	color: #37540b;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 36px;
	font-weight: bold;
	margin: 0 0 18px 0;
}

.child_name .child_name_top h2 span {
	color: #37540b;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	font-weight: normal;
	display: block;
}

.child_name .child_name_bottom {
	width: 490px;
	height: 95px;
	background: url(../images/tools/child_name_bottom.gif) no-repeat bottom;
	font-size: 0;
}


.child_name .child_name_content {
	width: 450px;
	background: url(../images/tools/child_name_content.gif) repeat-y;
	padding: 25px 20px 1px 20px ;
}

.child_name .child_name_content .hr {
	background: url(../images/tools/child_name_hr.gif) repeat-x;
	height: 2px;
	width: 100%;
	margin: 0 0 15px 0;
}

.child_name .child_name_content h3 {
	color: #37540b;
	font-size: 18px;
	margin: 0 0 7px 0;
}

.child_name .child_name_content p {
	color: #2e2e2e;
	font-weight: normal;
	font-size: 12px;
}

.child_name .child_name_content .sex {
	float: left;
	margin: 18px 5px 0 100px;
}

.child_name .child_name_content .letter {
	float: left;
	margin: 18px 25px 0 0;
}

.child_name .child_name_content .sex span,
.child_name .child_name_content .letter span {
	display: block;
	color: #37540b;
	font-weight: normal;
	font-size: 14px;
	margin: 0 0 9px 0;
}

.child_name .child_name_content select,
.child_name .child_name_content select {
	width: 70px;
	color: #000;
	font-weight: normal;
	font-size: 12px;
}

.child_name .button_big {
	width: 126px;
	height: 36px;
	background: url(../images/tools/child_name_button_big.gif) no-repeat;
	border: 0;
	cursor: pointer;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin: 32px 0 0 0;
}

.child_name .button_small {
	width: 66px;
	height: 24px;
	background: url(../images/tools/child_name_button_small.gif) no-repeat;
	border: 0;
	cursor: pointer;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

.child_name .help {
	color: #005f9e;
	font-size: 11px;
	font-weight: normal;
	margin: 7px 0 20px 101px;
}

.child_name .help a {
	color: #005f9e;
	text-decoration: underline;
}

.child_name .help a:hover {
	color: #005f9e;
	text-decoration: none;
}

.child_name .child_name_content .search_name {
	width: 208px;
	float: left;
	margin: 18px 5px 0 20px;
}

.child_name .child_name_content .search_meaning {
	width: 208px;
	float: left;
	margin: 18px 0 0 0;
}

.child_name .child_name_content .search_name span,
.child_name .child_name_content .search_meaning span {
	display: block;
	color: #37540b;
	font-weight: normal;
	font-size: 14px;
	margin: 0 0 9px 0;
}

.child_name .child_name_content .search_name .text,
.child_name .child_name_content .search_meaning .text {
	width: 110px;
	height: 17px;
	color: #000;
	font-weight: normal;
	font-size: 12px;
	margin: 0 5px 9px 0;
}