﻿.overflow_300 { height: 300px; }

.ovulation-calendar-content .subordinate_container { width: 100% !important; background: transparent; }
.ovulation-calendar-content .form-ovulation-guide-wrapper { width: 950px; margin: 0 auto; }
.form-ovulation-guide-wrapper .ovulation-calendar-guide-form { background-color: #df84b8; padding: 30px 30px 25px; float: left; }
.form-ovulation-guide-wrapper .ovulation-calendar-title { border-bottom: 1px solid #fff; line-height: 1.8em; padding: 10px 0 15px; color: #fff; font-size: 15px; letter-spacing: 1px; }
.form-ovulation-guide-wrapper .ovulation-calendar-title h3 { padding: 0 0 10px 0; letter-spacing: 0px; }
.ovulation-calendar-form .ovulation-calendar-form-block { float: left; width: 100%; }
.ovulation-calendar-form .ovulation-calendar-form-block-last { border-bottom: 1px solid #fff; padding-bottom: 30px; }
.ovulation-calendar-form .ovulation-calendar-form-block .ovulation-calendar-form-info { float: left; font-size: 17px; line-height: 60px; font-weight: bold; color: #fff; margin-right: 30px; }
.ovulation-calendar-form .ovulation-calendar-form-block .ovulation-calendar-form-select { float: left; margin-top: 11px; }

.ovulation-calendar-form .ovulation-calendar-form-block #ovulation-calendar-form-submit { float: left; width: 40px; height: 40px; margin: 20px 0 0 10px; }
.ovulation-calendar-guide-form .ovulation-calendar-login { float: left; margin-top: 29px; }
.ovulation-calendar-guide-form .ovulation-calendar-login a { color: #fff; font-size: 17px; font-weight: bold; }
.ovulation-calendar-guide-form .ovulation-calendar-login a:hover { color: #942365; }
.ovulation-calendar-main-content { float: left; margin-bottom: 20px; padding: 10px 0px 0; margin-top: 10px; }
.ovulation-calendar-main-content .ovulation-calendar-head, .ovulation-calendar-main-content .ovulation-calendar-body, .ovulation-calendar-main-content .ovulation-calendar-foot { width: 100%; overflow: hidden; float: left; }
.ovulation-calendar-main-content .ovulation-calendar-head ul a { width: 20px; display: block; height: 40px; cursor: pointer; margin-top: 10px; }
.ovulation-calendar-main-content .ovulation-calendar-head ul .prev { float: left; background: url('../images/left-right-arrow.png') no-repeat; }
.ovulation-calendar-main-content .ovulation-calendar-head ul .next { float: right; background: url('../images/left-right-arrow.png') -20px no-repeat; }
.ovulation-calendar-main-content .ovulation-calendar-head .calendar-month { float: left; width: 910px; text-align: center; }
.ovulation-calendar-main-content .ovulation-calendar-head h2 span { padding: 0 6px; color: #001e68; }
.ovulation-calendar-main-content .ovulation-calendar-head .calendar-month .info { color: #333; font-size: 12px; }
.ovulation-calendar-main-content .ovulation-calendar-head .ovulation-calendar-navigation { float: left; width: 100%; overflow: hidden; }
.ovulation-calendar-main-content .ovulation-calendar-foot ul { float: left; }
.ovulation-calendar-main-content .ovulation-calendar-foot ul li { float: left; padding: 0 20px 10px 0; }

.ovulation-calendar-main-content .ovulation-calendar-foot ul li.mobile-only { display: none; }

.ovulation-calendar-main-content .ovulation-calendar-foot .disclaimer { color: #001e68; font-size: 12px; font-style: italic; line-height: 20px; margin: 0; padding: 5px; float: left; width: 100%; }
.results-ovulation-guide-wrapper { width: 950px; margin: 0 auto; }
.ovulation-calendar-main-content #ovulation-calendar-body { padding-bottom: 15px; float: left; }
.ovulation-calendar-main-content #ovulation-calendar-body .calendar-list { float: left; width: 100%; margin-top: 20px; }
.ovulation-calendar-main-content #ovulation-calendar-body .calendar-list > li { border-bottom: 2px solid #fff; border-right: 2px solid #fff; display: inline-block; float: left; width: 14%; height: 132px; margin-bottom: 3px; }

#ovulation-calendar-body .calendar-list a { color: #a23575; text-transform: uppercase; display: block; position: relative; z-index: 1; }
#ovulation-calendar-body a:hover, #ovulation-calendar-body a:focus, #ovulation-calendar-body a:active { color: #a23575; text-decoration: none; }
#ovulation-calendar-body .calendar-list a .head { background-color: #f7e0ed; }
#ovulation-calendar-body .calendar-list p { height: 44px; line-height: 44px; padding: 0 12px; color: #a23575; display: block; text-align: center; font-weight: bold; }
#ovulation-calendar-body .calendar-list p span { line-height: 44px; padding: 0; float: left; }
#ovulation-calendar-body .calendar-list a .temp { background-color: #f9e8f2; text-align: right; display: block; }
#ovulation-calendar-body .calendar-list a .mucus { background-color: #fcf4f9; text-align: center; display: block; }
.ovulation-calendar-main-content { display: none; }
#ovulation-calendar-body .calendar-list .icon-ovulation { margin-top: 12px; margin-left: 5px; }
#ovulation-calendar-body .calendar-list .icon-bbt, #ovulation-calendar-body .calendar-list .icon-mucus { display: none; }
#ovulation-calendar-body .calendar-list .icon-intercourse { display: inline-block; float: right; margin-top: 13px; }
#ovulation-calendar-body .calendar-list a.disabled p { color: #df84b8; }
#ovulation-calendar-body .calendar-list a.disabled .head { background-color: #fcf2f8; }
#ovulation-calendar-body .calendar-list a.disabled .temp { background-color: #fefafc; }
#ovulation-calendar-body .calendar-list a.disabled .mucus { background-color: #fff; }
#ovulation-calendar-body .calendar-list a.increased-fertility p { color: #630; }
#ovulation-calendar-body .calendar-list a.increased-fertility .head { background-color: #fc0; }
#ovulation-calendar-body .calendar-list a.increased-fertility .temp { background-color: #ffd11a; }
#ovulation-calendar-body .calendar-list a.increased-fertility .mucus { background-color: #ffd429; }
#ovulation-calendar-body .calendar-list a.first-day p { color: #fff; }
#ovulation-calendar-body .calendar-list a.first-day .head { background-color: #c30; }
#ovulation-calendar-body .calendar-list a.first-day .temp { background-color: #e63900; }
#ovulation-calendar-body .calendar-list a.first-day .mucus { background-color: #f53d00; }
#ovulation-calendar-body .calendar-list .today { border: 1px solid #942365; }
#ovulation-calendar-body .calendar-list a:hover { opacity: 0.5; border: 1px solid #df84b8; }
.popwindow_bg .popwindow_main { width: 555px; margin: 0 auto; background: #fff; margin-top: 200px; padding: 10px 30px; }
.popwindow_bg .popwindow_main .popwindow_head { border-bottom: 1px solid #df84b8; padding: 15px 0; color: #001e68; font-weight: bold; font-size: 18px; float: left; width: 100%; }
.popwindow_bg .popwindow_main .popwindow_head .close_btn { color: #df84b8; float: right; font-size: 36px; margin-top: -13px; cursor: pointer; }
.popwindow_bg .popwindow_main .popwindow_body .popwindow_list { padding: 15px 0 0 0; color: #942365; float: left; width: 100%; height: 40px; }
.popwindow_bg .popwindow_main .popwindow_body .popwindow_list #BBT_slider { width: 275px; float: left; border: 0px; border: 0px; background: transparent; cursor: pointer; }
.popwindow_bg .popwindow_main .popwindow_body .popwindow_list #BBT_slider_parent { float: left; background: url(/static/images/silder_bg.png) no-repeat; margin-top: 13px; padding-left: 25px; padding-right: 25px; }

.popwindow_bg .popwindow_main .popwindow_body .popwindow_list #BBT_slider span { padding: 0; margin: 0; width: 3.2em; text-align: center; border: 1px solid #df84b8; background: #fff; color: #df84b8; outline: none; cursor: pointer; margin-left: -25px; }
.popwindow_bg .popwindow_main .popwindow_body .popwindow_list #BBT_select { float: left; color: #942365; }
.popwindow_bg .popwindow_main .popwindow_body .popwindow_list .popwindow_list_info { float: left; width: 200px; line-height: 40px; }

.popwindow_bg .popwindow_main .popwindow_body .popwindow_list .intercourse_checkbox { float: left; width: 55px; height: 35px; cursor: pointer; background: url(/static/images/css/checkbox.png) no-repeat; text-align: right; line-height: 35px; margin-right: 35px; }
.popwindow_bg .popwindow_main .popwindow_body .popwindow_list .intercourse_checkbox.isactived { background: url(/static/images/css/checkbox_actived.png) no-repeat; }
.popwindow_bg .popwindow_main .popwindow_body .popwindow_list #intercourse-yes { display: none; }

.popwindow_bg .popwindow_main .popwindow_body { padding-bottom: 25px; border-bottom: 1px solid #df84b8; float: left; width: 100%; }
.popwindow_bg .popwindow_main .popwindow_foot { float: left; width: 100%; }
.popwindow_bg .popwindow_main .popwindow_foot a { float: right; color: #a23575; text-decoration: none; padding: 15px 5px; line-height: 40px; }
.popwindow_bg .popwindow_main .popwindow_foot .icon-arrow-circle-thick { background: url("../images/css/circle_arrow_40_40_e38bbe.png") no-repeat; margin-left: 7px; float: right; width: 40px; height: 40px; }
.ovulation-calendar-content .icon-fdc { background: url(../images/icon.gif) 0 0px no-repeat; width: 17px; height: 20px; display: block; float: left; margin-right: 5px; }
.ovulation-calendar-content .icon-if { background: url(../images/icon.gif) -16px 0px no-repeat; width: 17px; height: 20px; display: block; float: left; margin-right: 5px; }
.ovulation-calendar-content .icon-intercourse { background: url(../images/icon.gif) -35px 0px no-repeat; width: 20px; height: 20px; display: block; float: left; margin-right: 5px; }
.ovulation-calendar-content .icon-bbt { background: url(../images/icon.gif) -55px 0px no-repeat; width: 17px; height: 20px; display: block; float: left; margin-right: 5px; }
.ovulation-calendar-content .icon-ovulation { background: url(../images/icon.gif) -76px 0px no-repeat; width: 17px; height: 20px; display: block; float: left; margin-right: 5px; }
.ovulation-calendar-content .icon-mucus { background: url(../images/icon.gif) -96px 0px no-repeat; width: 17px; height: 20px; display: block; float: left; margin-right: 5px; }
.ovulation-calendar-content .icon-today { background: url(../images/icon.gif) -114px 0px no-repeat; width: 17px; height: 20px; display: block; float: left; margin-right: 5px; }




/*************************ovulation-test***********************/
.ovulation-calendar-content #ovulation-calendar-more-content { width: 950px; margin: 0 auto; margin-top: 20px; padding-top: 10px; border-top: 1px solid #efc1db; }
#ovulation-calendar-more-content { display: none; }
#ovulation-calendar-more-content h2 { margin-top: 15px; font-size: 17px; color: #001e68; line-height: 40px; }
#ovulation-calendar-more-content h3 { font-size: 16px; line-height: 33px; color: #001e68; }
#ovulation-calendar-more-content h4 { font-size: 16px; line-height: 33px; color: #001e68; }

#ovulation-calendar-more-content .elevit_table_2 { width: 420px; float: left; height: 120px; padding-bottom: 15px; }
#ovulation-calendar-more-content .elevit_table_margin { margin-right: 53px; }
#ovulation-calendar-more-content p { color: #333; font-size: 15px; line-height: 28px; }
#ovulation-calendar-more-content a { color: #a23575; text-decoration: none; font-weight: bold; }
#ovulation-calendar-more-content a:hover { text-decoration: underline; }
.ovulation-calendar-content .article-body { margin: 0px; }
#ovulation-calendar-more-content .elevit_slide_target_block { padding-left: 30px; width: 920px; padding: 15px 0 15px 30px; }
#ovulation-calendar-more-content .elevit_slide_block { margin-top: 20px; }
#ovulation-calendar-more-content .elevit_slide_block .elevit_slide_switch { background: #fff; display: block; width: 100%; height: 50px; line-height: 50px; border-bottom: 1px solid #efc1db; cursor: pointer; }
#ovulation-calendar-more-content .elevit_slide_block .elevit_slide_switch label { margin-left: 30px; font-size: 19px; color: #a23575; cursor: pointer; }
#ovulation-calendar-more-content .elevit_slide_block .elevit_slide_switch span { display: block; float: right; margin: 10px 30px 0 0; width: 32px; height: 32px; line-height: 50px; background: url(/static/images/css/elevit_icon_map.png) no-repeat 0px 0px; }

#ovulation-calendar-more-content .elevit_slide_block .elevit_slide_switch.is_actived { background: #fff; }
#ovulation-calendar-more-content .elevit_slide_block .elevit_slide_switch.is_actived label { color: #a23575; }
#ovulation-calendar-more-content .elevit_slide_block .elevit_slide_switch.is_actived span { background: url(/static/images/css/elevit_icon_map.png) no-repeat -32px 0px; }

#ovulation-calendar-more-content .elevit_slide_block .elevit_slide_switch:hover { background: #f9e6f1; }
#ovulation-calendar-more-content .elevit_slide_block .elevit_slide_switch:hover label { color: #a23575; }
#ovulation-calendar-more-content .elevit_slide_block .elevit_slide_switch:hover span { background: url(/static/images/css/elevit_icon_map.png) no-repeat 0px 0px; }

#ovulation-calendar-more-content .elevit_slide_block .elevit_slide_switch.is_actived:hover span { background: url(/static/images/css/elevit_icon_map.png) no-repeat -32px 0px; }


select.select-elevit {border:none; background: transparent; width: 106px; outline: none; padding-left: 10px; margin: 0px !important; float: left; height: 38px; clip: rect(0px,86px,55px,0px); position: absolute; }
.select-elevit-mark { border: 2px #df84b8 solid; float: left; height: 36px; border-radius: 40px; width: 100px; background: url("../images/select-arrow-small.jpg") no-repeat #fff 90% 60%; margin-right: 15px; overflow: hidden; }
.select-elevit-mark-mid { border: 2px #df84b8 solid; float: left; height: 36px; border-radius: 40px; width: 130px; background: url("../images/select-arrow-small.jpg") no-repeat #fff 90% 60%; margin-right: 15px; overflow: hidden; z-index: 999; }
.select-elevit-mark-mid select.select-elevit {border:none; background: transparent; width: 136px; outline: none; padding-left: 10px; margin: 0px !important; float: left; height: 38px; clip: rect(0px,116px,55px,0px); position: absolute; }
.select-elevit-mark-long { border: 2px #df84b8 solid; float: left; height: 36px; border-radius: 40px; width: 325px; background: url("../images/select-arrow-small.jpg") no-repeat #fff 90% 60%; margin-right: 15px; overflow: hidden; }
.select-elevit-mark-long select.select-elevit { background: transparent; width: 331px; outline: none; padding-left: 10px; margin: 0px !important; float: left; height: 38px; clip: rect(0px,311px,55px,0px); position: absolute; }
/**********************submit btn*********************/
.elevit_submit_btn { padding: 0 !important; margin: 0 !important; float: left; width: 40px !important; height: 40px !important; background: url(../images/elevit_icon_map.png) no-repeat -339px -2px !important; cursor: pointer !important; }
.elevit_submit_btn:hover { background: url(../images/elevit_icon_map.png) no-repeat -233px -2px !important; }
