/* Site-wide Calendar styles

-----------------------------------------------------------------------*/





#content .middle .imageFrame {margin:10px 0 0 0;}

#content .middle a img#header {width:469px;height:54px;margin:10px 0 0 0;border:0;}



#content .middle #bi_line {float:left;_display:inline;font:bold 14px Arial;color:#6a9fa7;margin:14px 0 0 3px;padding:0;}





/* 3 Column Layout - Calendar Entry Page

-----------------------------------------------------------------------*/



#content .middle .calendarEntryForm {float:right;_display:inline;font:12px Arial;color:#666666;width:235px;margin:10px 5px 0 0;padding:0;}

#content .middle .calendarEntryForm hr {height:1px;border:0;border-top:1px dotted #cc6666;margin:10px 0;padding:0;}

#content .middle .calendarEntryForm select {margin:5px 0 0 0;}

#content .middle .calendarEntryForm input {margin:5px 0 0 0;}

#content .middle .calendarEntryForm textarea {margin:5px 0 0 0;}

#content .middle .calendarEntryForm input.submitButton {margin:20px 0 0 68px;}



#content .middle .calendarDay {padding-left:10px;float:left;font:12px Arial;color:#666666;width:220px;margin:10px 5px 0 0;padding:0;}

#content .middle .calendarDay #displayDay{float:left;}

#content .middle .calendarDay h3{color:#6a9fa7;}





/* 2 Column Layout - Calendar Pages

-----------------------------------------------------------------------*/

#content .middleTwoColumn {position:relative;float:left;_display:inline;width:742px;margin-left:9px;font:12px Arial;color:#666666;padding:0;}

#content .middleTwoColumn a {color:#cc6666;text-decoration:underline;font-weight:bold;}

#content .middleTwoColumn a:hover {color:#cc6666;text-decoration:underline;font-weight:bold;}

#content .middleTwoColumn .calendarContainer {position:relative;float:left;_display:inline;margin:9px 0 0 11px;width:729px;border:1px solid #b8ddc7;}

#content .middleTwoColumn .calendarContainer .header {position:relative;float:left;_display:inline;font:26px Arial;width:692px;height:auto;line-height:26px;background:#f0f5f6;color:#999999;padding:10px 0 0 20px;margin:7px 7px 0 7px;}

#content .middleTwoColumn .calendarContainer .header img {position:absolute;right:0;top:0;border:0;padding:0;margin:0;}

#content .middleTwoColumn .calendarContainer table.calendarHeading {float:left;_display:inline;width:712px;padding:0 0 0 20px;height:40px;margin:0 7px;}

#content .middleTwoColumn .calendarContainer table.calendarHeading tr td.dateSelect {width:230px;}

#content .middleTwoColumn .calendarContainer table.calendarHeading tr td.dateSelect select {margin-right:3px;height:19px;font:11px Arial;vertical-align:middle;}

#content .middleTwoColumn .calendarContainer table.calendarHeading tr td.dateSelect input {margin-left:5px;vertical-align:middle;}

#content .middleTwoColumn .calendarContainer table.calendarHeading tr td.month {font:21px Arial;color:#6a9fa7;text-align:center;width:auto;}

#content .middleTwoColumn .calendarContainer table.calendarHeading tr td.month img {padding:0 10px;border:0px;}

#content .middleTwoColumn .calendarContainer table.calendarHeading tr td.sendPrint {width:230px;}

#content .middleTwoColumn .calendarContainer table#middleAds {float:left;_display:inline;}

#content .middleTwoColumn .calendarContainer table#middleAds #rightSashAd {float:left;_display:inline;border:1px solid #cccccc;width:298px;height:261px;background:#cccccc;margin-left:60px;}

#content .middleTwoColumn .calendarContainer table#middleAds #rightSashAd .adText {color:#999999;font:bold 10px Arial;line-height:14px;margin:0 0 0 4px;}

#content .middleTwoColumn .calendarContainer table#middleAds #rightSashAd .adCreative {float:left;background:#ffffff;}

#content .middleTwoColumn .calendarContainer table#middleAds #editorsPicks {float:left;_display:inline;margin:0 0 0 40px;padding:0;width:227px;color:#666666;border:1px solid #b8dfe3;}

#content .middleTwoColumn .calendarContainer table#middleAds #editorsPicks a {color:#cc6666;text-decoration:none;font-weight:normal;}

#content .middleTwoColumn .calendarContainer table#middleAds #editorsPicks a:hover {color:#f47f7f;text-decoration:underline;}

#content .middleTwoColumn .calendarContainer table#middleAds #editorsPicks .editorHeading {float:left;background:#ebf8fa;font:bold 12px Arial;line-height:30px;padding-left:10px;height:30px;width:217px;border-bottom:1px solid #b8dfe3;}

#content .middleTwoColumn .calendarContainer table#middleAds #editorsPicks hr {float:left;_display:inline;height:1px;border:0;border-top:1px dotted #cc6666;width:191px;margin-left:10px;padding:0;}

#content .middleTwoColumn .calendarContainer table#middleAds #editorsPicks table {float:left;_display:inline;margin:10px 10px 0 10px;}

#content .middleTwoColumn .calendarContainer table#middleAds #editorsPicks table tr td.portrait {padding:0 0 8px 0;}

#content .middleTwoColumn .calendarContainer table#middleAds #editorsPicks table tr td.desc {padding:0 0 8px 13px;}

#content .middleTwoColumn .calendarContainer table#middleAds #editorsPicks strong {color:#6a9fa7;}

#content .middleTwoColumn .calendarContainer #caution {float:left;_display:inline;width:712px;margin:10px 7px;background:#ffffff;text-align:center;font:bold 12px Arial;color:#6a9fa7;}



#content #rightTwoColumn {float:left;_display:inline;width:200px;_width:185px;margin:9px 9px 0 0;_margin:9px 0px 0px 12px;padding:0 12px 0 13px;_padding:0px;}

#content #rightTwoColumn .legend {float:left;_display:inline;width:208px;border:1px solid #b8dfe3;}

#content #rightTwoColumn .legend .legendHeader {width:198px;background:#ebf8fa;font:bold 12px Arial;color:#6a9fa7;height:30px;line-height:30px;padding-left:10px;border-bottom:1px solid #b8dfe3;}

#content #rightTwoColumn .legend .legendText {width:198px;font:12px Arial;color:#666666;padding-left:10px;line-height:20px;}

#content #rightTwoColumn .legend .legendText img {margin:-2px 5px 0 0;vertical-align:middle;_padding:8px 0;}

#content #rightTwoColumn .myCalendar {float:left;_display:inline;width:208px;border:1px solid #b8dfe3;margin-top:11px;}

#content #rightTwoColumn .myCalendar .myCalendarHeader {width:198px;background:#ebf8fa;font:bold 12px Arial;color:#6a9fa7;height:30px;line-height:30px;padding-left:10px;border-bottom:1px solid #b8dfe3;}

#content #rightTwoColumn .myCalendar .myCalendarText {width:198px;font:12px Arial;color:#666666;padding:10px 0 10px 10px;}

#content #rightTwoColumn .myCalendar .myCalendarText strong {line-height:22px;}

#content #rightTwoColumn .myCalendar .myCalendarText select {margin:3px 0;padding:0;}

#content #rightTwoColumn .myCalendar .myCalendarText input {margin:0 5px 3px 0;padding:0;vertical-align:middle;}

#content #rightTwoColumn .customize {float:left;_display:inline;width:208px;border:1px solid #b8dfe3;margin-top:11px;}

#content #rightTwoColumn .customize .customizeHeader {width:198px;background:#ebf8fa;font:bold 12px Arial;color:#6a9fa7;height:30px;line-height:30px;padding-left:10px;border-bottom:1px solid #b8dfe3;}

#content #rightTwoColumn .customize .customizeText {width:198px;font:12px Arial;color:#666666;padding:10px 0 10px 10px;margin:0;}

#content #rightTwoColumn .customize .customizeText select {margin:8px 5px 5px 0;padding:0;}

#content #rightTwoColumn .customize .customizeText a {text-decoration:none;color:#cc6666;background:url('http://www.babyzone.com/images/ui/main/article/red_arrow.gif') no-repeat 0px 4px;padding-left:8px;}

#content #rightTwoColumn .customize .customizeText a:hover {text-decoration:underline;color:#f47f7f;background:url('http://www.babyzone.com/images/ui/main/article/red_arrow_over.gif') no-repeat 0px 4px;padding-left:8px;}

#content #rightTwoColumn .related {float:left;_display:inline;width:208px;border:1px solid #b8dfe3;margin-top:11px;line-height:20px;background:#e4f4f6;font:12px Arial;}

#content #rightTwoColumn .related a {color:#666666;text-decoration:none;margin-left:12px;}

#content #rightTwoColumn .related a:hover {color:#666666;text-decoration:underline;}

#content #rightTwoColumn .related img.sponsor {float:left;_display:inline;margin:8px;}

#content #rightTwoColumn .related .links {float:left;_display:inline;line-height:20px;padding:10px 0;}

#content #rightTwoColumn .related .rightCol {float:left;_display:inline;width:106px;font:12px Arial;color:#000000;line-height:14px;margin-top:8px;}

#content #rightTwoColumn .related .rightCol a {color:#cc6666;text-decoration:none;margin:0;padding:0;}

#content #rightTwoColumn .related .rightCol a:hover {color:#cc6666;text-decoration:underline;}

#content #rightTwoColumn .myPregnancy {float:left;_display:inline;width:208px;border:1px solid #b8dfe8;margin-top:11px;line-height:16px;}

#content #rightTwoColumn .myPregnancy .myPregnancyHeader {width:198px;background:#ebf8fa;font:bold 12px Arial;color:#6a9fa7;height:30px;line-height:30px;padding-left:10px;border-bottom:1px solid #b8dfe3;}

#content #rightTwoColumn .myPregnancy .myPregnancyText {float:left;width:198px;font:12px Arial;color:#666666;padding:10px 0 10px 10px;margin:0;line-height:16px;}

#content #rightTwoColumn .myPregnancy .myPregnancyText .diagram {float:left;_display:inline;width:165px;border:1px solid #cccccc;margin:8px 10px 0 11px;}

#content #rightTwoColumn .myPregnancy .myPregnancyText .diagramLink {float:left;_display:inline;width:165px;border:1px solid #cccccc;border-top:0;text-align:center;height:25px;line-height:25px;background:#fcf4f4;margin:0 10px 0 11px;}

#content #rightTwoColumn .myPregnancy .myPregnancyText .diagramLink a {color:#cc6666;text-decoration:none;}

#content #rightTwoColumn .myPregnancy .myPregnancyText .diagramLink a:hover {text-decoration:underline;}

#content #rightTwoColumn #adContainer {margin:20px 0 0 25px;float:left;}



                        /* Calendar Pages - Ovulation

                        ------------------------------*/

#content .middleTwoColumn .calendarContainer table.ovulation {float:left;_display:inline;width:712px;margin:0 7px;background:#ffffff;}

#content .middleTwoColumn .calendarContainer table.ovulation tr td.empty {height:2px;}

#content .middleTwoColumn .calendarContainer table.ovulation tr td.dayName {text-align:center;font:bold 12px Arial;color:#6a9fa7;width:102px;height:20px;line-height:20px;background:#e8edee;border-right:1px solid #ffffff;}

#content .middleTwoColumn .calendarContainer table.ovulation tr td.last {margin-left:-1px;border-right:1px solid #e8edee;} /* This is to be used in combination with dayBox to provide for the correct bordering on the Saturday box in the calendar */

#content .middleTwoColumn .calendarContainer table.ovulation tr td.dayBox {position:relative;font:11px Arial;color:#cc6666;width:99px;min-height:114px;overflow:hidden;border-left:1px solid #e8edee;border-top:1px solid #e8edee;border-bottom:1px solid #e8edee;}

#content .middleTwoColumn .calendarContainer table.ovulation tr td.dayBox .day {position:relative;float:left;width:21px;height:17px;background:#e8edee;text-align:center;line-height:12px;font-size:12px;}

#content .middleTwoColumn .calendarContainer table.ovulation tr td.dayBox .cycle {float:left;height:17px;background:#f5f7f7;padding-left:7px;width:71px;line-height:17px;color:#666666;}

#content .middleTwoColumn .calendarContainer table.ovulation tr td.dayBox .cycleSelected {float:left;height:17px;background:#e8edee;padding-left:7px;width:71px;line-height:17px;color:#666666;}

#content .middleTwoColumn .calendarContainer table.ovulation tr td.dayBox .text {color:#cc6666;font:11px Arial;padding:4px 4px 20px 4px;width:90px;border-top:1px dotted #cccccc;margin-top:2px;line-height:1.1em;}

#content .middleTwoColumn .calendarContainer table.ovulation tr td.dayBox .text img {margin:2px 1px 0 0;}

#content .middleTwoColumn .calendarContainer table.ovulation tr td.dayBox .text hr {height:1px;border:0;border-top:1px dotted #cccccc;width:90px;}

#content .middleTwoColumn .calendarContainer table.ovulation tr td.dayBox .textSelected {color:#cc6666;font:11px Arial;padding:4px 4px 20px 4px;width:90px;border-top:1px dotted #cccccc;margin-top:2px;line-height:1.1em;background:#e8edee;}



                        /* Calendar Pages - Pregnancy

                        ------------------------------*/

#content .middleTwoColumn .calendarContainer table.pregnancy {float:left;_display:inline;width:712px;margin:0 7px;background:#ffffff;}

#content .middleTwoColumn .calendarContainer table.pregnancy tr td {color:#cc6666;height:22px;line-height:22px;}

#content .middleTwoColumn .calendarContainer table.pregnancy tr td.empty {height:2px;}

#content .middleTwoColumn .calendarContainer table.pregnancy tr td span.blueText {color:#6a9fa7;font:bold 12px Arial;}

#content .middleTwoColumn .calendarContainer table.pregnancy tr td.dayName {text-align:center;font:bold 12px Arial;color:#6a9fa7;width:102px;height:20px;line-height:20px;background:#e8edee;border-right:1px solid #ffffff;}

#content .middleTwoColumn .calendarContainer table.pregnancy tr td.last {margin-left:-1px;border-right:1px solid #e8edee;} /* This is to be used in combination with dayBox to provide for the correct bordering on the Saturday box in the calendar */

#content .middleTwoColumn .calendarContainer table.pregnancy tr td.dayBox {position:relative;font:11px Arial;color:#cc6666;width:99px;min-height:114px;overflow:hidden;border-left:1px solid #e8edee;border-top:1px solid #e8edee;border-bottom:1px solid #e8edee;}

#content .middleTwoColumn .calendarContainer table.pregnancy tr td.dayBox .day {position:relative;float:left;width:21px;height:17px;background:#e8edee;text-align:center;line-height:12px;font-size:12px;}

#content .middleTwoColumn .calendarContainer table.pregnancy tr td.dayBox .daysLeft {float:left;height:17px;background:#f5f7f7;padding-left:7px;width:71px;line-height:17px;color:#666666;}

#content .middleTwoColumn .calendarContainer table.pregnancy tr td.dayBox .daysLeftSelected {float:left;height:17px;background:#e8edee;padding-left:7px;width:71px;line-height:17px;color:#666666;}

#content .middleTwoColumn .calendarContainer table.pregnancy tr td.dayBox .dayNumber {float:left;height:17px;background:#f5f7f7;text-align:center;width:99px;color:#666666;font-weight:bold;}

#content .middleTwoColumn .calendarContainer table.pregnancy tr td.dayBox .dayNumberSelected {float:left;height:17px;background:#e8edee;text-align:center;width:99px;color:#666666;font-weight:bold;}

#content .middleTwoColumn .calendarContainer table.pregnancy tr td.dayBox .text {color:#cc6666;font:11px Arial;padding:4px 4px 20px 4px;width:90px;border-top:1px dotted #cccccc;margin-top:2px;line-height:1.1em;}

#content .middleTwoColumn .calendarContainer table.pregnancy tr td.dayBox .text img {margin:2px 1px 0 0;}

#content .middleTwoColumn .calendarContainer table.pregnancy tr td.dayBox .text hr {height:1px;border:0;border-top:1px dotted #cccccc;width:90px;}

#content .middleTwoColumn .calendarContainer table.pregnancy tr td.dayBox .textSelected {color:#cc6666;font:11px Arial;padding:4px 4px 20px 4px;width:90px;border-top:1px dotted #cccccc;margin-top:2px;line-height:1.1em;background:#e8edee;}



                        /* Calendar Pages - Parenting and Development

                        --------------------------------------------*/

#content .middleTwoColumn .calendarContainer table.parentingDev {float:left;_display:inline;width:712px;margin:0 7px;background:#ffffff;}

#content .middleTwoColumn .calendarContainer table.parentingDev tr td.empty {height:2px;}

#content .middleTwoColumn .calendarContainer table.parentingDev tr td.weeklink {height:20px;color:#6a9fa7;}

#content .middleTwoColumn .calendarContainer table.parentingDev tr td.dayName {text-align:center;font:bold 12px Arial;color:#6a9fa7;width:102px;height:20px;line-height:20px;background:#e8edee;border-right:1px solid #ffffff;}

#content .middleTwoColumn .calendarContainer table.parentingDev tr td.last {margin-left:-1px;border-right:1px solid #e8edee;} /* This is to be used in combination with dayBox to provide for the correct bordering on the Saturday box in the calendar */

#content .middleTwoColumn .calendarContainer table.parentingDev tr td.dayBox {position:relative;font:11px Arial;color:#cc6666;width:99px;min-height:114px;overflow:hidden;border-left:1px solid #e8edee;border-top:1px solid #e8edee;border-bottom:1px solid #e8edee;}

#content .middleTwoColumn .calendarContainer table.parentingDev tr td.dayBox .day {position:relative;float:left;width:21px;height:17px;background:#e8edee;text-align:center;line-height:12px;font-size:12px;}

#content .middleTwoColumn .calendarContainer table.parentingDev tr td.dayBox .text {color:#cc6666;font:11px Arial;padding:4px 4px 20px 4px;width:90px;margin-top:2px;line-height:1.1em;}

#content .middleTwoColumn .calendarContainer table.parentingDev tr td.dayBox .text img {margin:2px 1px 0 0;}

#content .middleTwoColumn .calendarContainer table.parentingDev tr td.dayBox .text hr {height:1px;border:0;border-top:1px dotted #cccccc;width:90px;}





/* 1 Column Layout (3 Sub-Columns) - Landing Pages

-----------------------------------------------------------------------*/

#content .breadcrumbWide {float:left;_display:inline;width:966px;margin-left:9px;height:18px;font:10px Arial;color:#999;padding-left:10px;line-height:18px;background:#f9f9f9;border-bottom:1px solid #fff;border-top:1px solid #fff;}

#content .breadcrumbWide a {color:#999999;text-decoration:none;}

#content .breadcrumbWide a:hover {color:#48C2C5;text-decoration:underline;}

#content .middleWide {float:left;_display:inline;width:977px;margin-left:9px;font:12px Arial;padding:0;color:#666666;}

#content .middleWide a {color:#cc6666;text-decoration:none;}

#content .middleWide a:hover {color:#f47f7f;text-decoration:underline;}

#content .middleWide .calendarContainer {float:left;_display:inline;margin:9px 11px;width:953px;border:1px solid #b8ddc7;}

#content .middleWide .calendarContainer .blueBox {float:left;_display:inline;border:1px solid #b8dfe3;padding:10px;color:#6a9fa7;font:12px Arial;margin:16px 0 0 0;}

#content .middleWide .calendarContainer .columnLeft {float:left;_display:inline;margin:16px 0 0 16px;width:217px;}

#content .middleWide .calendarContainer .columnLeft .imageFrame {float:left;_display:inline;width:178px;height:178px;background:url('http://www.babyzone.com/images/ui/main/article/image_frame.gif') no-repeat top left;padding:20px;margin:0;}

#content .middleWide .calendarContainer .columnCenter {float:left;_display:inline;margin:16px 0 0 16px;width:464px;}

#content .middleWide .calendarContainer .columnCenter .benefitsOfMembership {float:left;_display:inline;padding-bottom:20px;margin-top:16px;width:464px;font:bold 12px Arial;color:#6a9fa7;background:#f8eeee;}

#content .middleWide .calendarContainer .columnCenter .benefitsOfMembership span {float:left;_display:inline;background:#f8eeee url('http://www.babyzone.com/images/ui/main/calendar/bullet.gif') no-repeat 0px 5px;padding:0 0 0 10px;margin:8px 0 0 10px;}

#content .middleWide .calendarContainer .columnCenter form {float:left;_display:inline;margin:0;padding:0;}

#content .middleWide .calendarContainer .columnCenter hr {float:left;_display:inline;height:1px;width:464px;border:0;border-top:1px dotted #cc6666;margin:0;padding:0;}

#content .middleWide .calendarContainer .columnCenter table {float:left;_display:inline;margin-top:16px;padding:0;}

#content .middleWide .calendarContainer .columnCenter table.parentingTable tr td {padding:0 10px 4px 0;}

#content .middleWide .calendarContainer .columnCenter table.pregnancyTable tr td strong {padding:0 5px 0 5px;}

#content .middleWide .calendarContainer .columnCenter table.pregnancyTable tr td input {margin:-2px 0 0 0;vertical-align:middle;}

#content .middleWide .calendarContainer .columnCenter table tr td.question {padding-bottom:10px;}

#content .middleWide .calendarContainer .columnCenter table tr td.info {padding-bottom:4px;}

#content .middleWide .calendarContainer .columnCenter table tr td.info input {margin-left:10px;}



#content .middleWide .calendarContainer .columnCenter div#pinkBox { float: left; border: 1px solid #bdd5d9; background-color: #ffe0e0; padding: 5px; width: 444px; margin: 10px 0; }

#content .middleWide .calendarContainer .columnCenter div#pinkBox input { float: left; clear: right; margin-right: 10px; }

#content .middleWide .calendarContainer .columnCenter div#pinkBox p { float: left; width: 400px; margin: 0; }

#content .middleWide .calendarContainer .columnCenter div#clearBox { float: left; border: 0px solid #bdd5d9; background-color: #ffffff; padding: 5px; width: 444px; margin: 10px 0; }

#content .middleWide .calendarContainer .columnCenter div#clearBox input { float: left; clear: right; margin-right: 10px; }

#content .middleWide .calendarContainer .columnCenter div#clearBox p { float: left; width: 400px; margin: 0; }





#content .middleWide .calendarContainer .columnCenter img.joinForFree {float:left;_display:inline;margin:16px 0 0 0;}

#content .middleWide .calendarContainer .columnCenter p.formDesc {float:left;_display:inline;height:30px;line-height:30px;font-weight:bold;}

#content .middleWide .calendarContainer .columnCenter input.createCalendarButton {float:left;_display:inline;margin:20px 0 20px 158px;padding:0;}

#content .middleWide .calendarContainer .columnCenter p.babyZoneMember {float:left;_display:inline;line-height:16px;text-align:center;width:464px;padding-bottom:20px;}

#content .middleWide .calendarContainer .columnRight {float:left;_display:inline;margin:0 0 0 16px;width:211px;}

#content .middleWide .calendarContainer .columnRight .blueBox {float:left;padding:0;color:#666666;}

#content .middleWide .calendarContainer .columnRight .blueBox hr {float:left;_display:inline;height:1px;border:0;border-top:1px dotted #cc6666;width:191px;margin-left:10px;padding:0;}

#content .middleWide .calendarContainer .columnRight .blueBox table {float:left;_display:inline;margin:0 10px 10px 10px;}

#content .middleWide .calendarContainer .columnRight .blueBox table tr td.portrait {padding:0 0 10px 0;}

#content .middleWide .calendarContainer .columnRight .blueBox table tr td.desc {padding:0 0 10px 3px;}

#content .middleWide .calendarContainer .columnRight .blueBox strong {color:#6a9fa7;}





#content .middleTwoColumn .calendarContainer table.parentingDev tr td.CalDayCellOn .day {background:#CC6666;}

#content .calendarContainer td.CalDayCellOn .day a{color:white}

#content .calendarContainer td.CalDayCellOn .day a:hover{color:white}