html { height: 100%; }

body { height: 100%; margin: 0 auto; padding: 0; background: #fff; color: #676C6D; font-family: Verdana, Arial,"Helvetica CE",Helvetica,sans-serif; font-size: 10pt; text-align: center; }

html>body { font-size: small; }

#tBody { width: 100%; font-size: 1em; }

a { color: #797f81; text-decoration: underline; font-size: 8pt;}

a:visited { color: #797f81; text-decoration: underline; font-size: 8pt; }

a:visited span { color: #797f81; font-size: 8pt; }

a:active { text-decoration: underline; font-size: 8pt; }

a span { color: #797f81; font-size: 8pt; }

a:hover { color: #FF0F0F; text-decoration: underline; font-size: 8pt; }

a:hover span { color: #FF0F0F; text-decoration: underline; font-size: 8pt; }

#breadcrumb { text-align: left; font-size: 8pt; padding-left: 5px; height: 15px; }

#breadcrumb a.breadcrumb { font-size: 7pt; color: #797f81; text-decoration: none; }

#breadcrumb a.breadcrumb:visited { color: #797f81; text-decoration: none; }

#breadcrumb a.breadcrumb:active { text-decoration: none; }

#breadcrumb a.breadcrumb:hover { color: #FF0F0F; text-decoration: underline; }

#search { }

#search a.search { font-size: 11pt; color: #408b74; text-decoration: none; }

#search a.search:visited { color: #408b74; text-decoration: none; }

#search a.search:active { text-decoration: none; }

#search a.search:hover { color: #FF0F0F; text-decoration: underline; }

a.navi { text-decoration: none; }

a.navi:visited { text-decoration: none; }

a.navi:active { text-decoration: none; }

a.navi:hover { text-decoration: none; }

form,h1,h2,h3,h4,h5,h6,p,dl,ul,ol { margin: 0; padding: 0; }

h5 { font-size: 8pt; }

h4 { font-size: 8pt; margin-left: 0; }

h2 { font-size: 13pt; margin: 5pt 0 5pt 5pt; padding-bottom: 5pt; color: #408b74; }

h3 { font-size: 11pt; margin: 5pt 0 5pt 5pt; padding-bottom: 5pt; color: #408b74; }

sup { font-size: 5pt; }

ul,o,dl { list-style-type: none; }

img { border: none; }

.hide { display: none; }

.small_text { font-size: 8pt; }

#container { width: 780px; border: 0; padding: 0; margin: 0 auto; }

#header { border: 0; padding: 0; margin: 0 auto; }

#top_bg { border: 0; padding: 0; margin: 0 auto; width: 780px; height: 196px; background: no-repeat top center}

#top_bg ul { padding: 3pt 10pt 0 0; }

#top_bg li { float: right; }

#top { border: 0; padding: 0; margin: 0 auto; width: 780px; height: 197px; }

#left { float: left; width: 198px; padding-left: 5pt; }

#content {float: left; text-align: left; width: 560px; margin: 5pt 0pt 0pt 6pt; }
#content780 {float: left; text-align: left; margin: 0; padding:0; font-size: 9.5pt}
#content li {line-height: 1.4; }
#content780 li {margin-top: 1pt; }
#diagnose, #search {margin: 5pt 0pt 0pt 7pt; padding:0; width: 760px;}

#diagnose ul { list-style-type: disc; padding-left: 15pt; }

#diagnose li { line-height: 1.5; }

#footer { clear: both; background: url(i/bottom780.gif) center bottom no-repeat; width: 780px; height: 12px; margin: 0 auto; }
#footer_1 { clear: both; background: url(i/bottom780_1.gif) center bottom no-repeat; width: 780px; height: 12px; margin: 0 auto; }
#footer_menu { border: 0; padding: 0; margin: 0 auto; font-size: 10pt; width: 780px; height: 32px; }
#footer_menu { float: left; padding-top: 2px; border: 0; width: 100%; height: 20px; clear: both; }
#footer_menu li { display:inline; }
#footer_menu li span { margin: 0 4pt 0 9pt; font-size: 7pt; color: #c8c8c8; }
#footer_menu li a { font-size: 9.5px; text-decoration: none; }
#footer_menu li a:hover { text-decoration: underline; }

#footer_copyrights { clear: both; border: 0; padding: 10px 0px 0px 0px; margin: 0 auto; background: url(i/copy.gif) top center no-repeat; font-size: 7pt; width: 780px; height: 32px; }

#header_menu { border: 0; margin: 0; padding: 0; width: 780px; height: 31px; background: url('i/menu_top.gif') no-repeat center top;}
#header_menu ul { padding: 6pt 0 0 0;}
#header_menu li { display:inline;}
#header_menu li span { margin: 0 4pt 0 4pt; font-size: .85em; color: #408b74; background: url('i/pipe.gif') no-repeat bottom; height: 11px; width: 1px; }
#header_menu li a { font-size: 9pt; font-weight: bold; text-decoration: none; color: #408b74; }
#header_menu li a:hover { text-decoration: underline; color: #408b74; }

.main { font-size: 8pt; }

.main200 { font-size: 8pt; width: 160px; text-align: left; vertical-align: middle; }

.main300 { font-size: 8pt; width: 300px; text-align: left; vertical-align: middle; }

.main400 { font-size: 8pt; width: 400px; text-align: left; vertical-align: middle; }

#err_box { text-align: left; border: 1px solid #cbd0d4; width: 530px; font-size: 8pt; background: #FFF1F1 url('i/error.gif') no-repeat 5pt 5pt; margin: 0 auto; }

#warn_box { text-align: left; border: 1px solid #cbd0d4; width: 530px; font-size: 8pt; background: #FFFFEF url('i/warn.gif') no-repeat 5pt 5pt; margin: 0 auto; }

#ok_box { text-align: left; border: 1px solid #cbd0d4; width: 530px; font-size: 8pt; background: #EDFFED url('i/ok.gif') no-repeat 5pt 5pt; margin: 0 auto; }

#err_box ul, #warn_box ul, #ok_box ul { list-style-type: disc; padding: 5pt 0 10pt 15pt; }

#err_box h2 { padding: 4pt 0 0 35pt; color: #ED0000; }

#warn_box h2 { padding: 4pt 0 0 35pt; color: #ED0000; }

#ok_box h2 { padding: 4pt 0 0 35pt; color: #00CB00; }

.help { cursor: help; vertical-align: bottom; }

.div_help { position: absolute; display: none; width: 220px; font-size: 9px; background: #FFF; border: 1px solid #D0D0D0; padding: 6px; margin: 4px; }

.cbox { border: none; }

input { border: 1px #BFBDB8 solid; font-size: 8.5pt; }
.navi_buttons {
   color:#676C6D;
   font-family:verdana, helvetica,sans-serif;
   font-size:7pt/84%;
   font-weight:bold;
   background-color:#eaedee;
   border:1px solid;
   border-top-color:#e0e0e0;
   border-left-color:#e0e0e0;
   border-right-color:#d0d0d0;
   border-bottom-color:#d0d0d0;}
.input_selected { border: 1px solid #5688b7; font-size: 8.5pt; }

select { font-size: 8pt; }

.input_disabled { border: 1px #BFBDB8 solid; font-size: 8.5pt; background-color: #cbd0d4; }

textarea { border: 1px #BFBDB8 solid; font-size: 9.5pt; }

.textarea_selected { border: 1px solid #5688b7; font-size: 9.5pt; }

#main_form { height: 100%; line-height: 1.5; text-align: justify; font-size: 8pt; width: 545px; }

#main_form ul { margin-bottom: 5pt; }

.inputRequirement { font-size: 9pt; color: #408b74; text-align: right; margin-left: 5pt; }

.lspacer { font-size: 10px; color: #408b74; text-align: right; font-weight: normal; margin-left: 280px; }

.hline { border-bottom: 1px solid #cbd0d4; width: 97%; height: 8px; font-size: 1pt; margin: 0pt auto; padding: 0; }

#disease { margin: 0 5pt 10pt 0pt; width: 555px; line-height: 1.4; text-align: left; font-size: 8.5pt; }

#disease h2 { padding: 0; margin: 5pt 0 5pt 5pt; }

#disease h3 { padding: 0; margin: 5pt 0 5pt 5pt; }

#disease h4 { padding: 0; margin: 5pt 0 5pt 5pt; }

#disease ul { margin-left: 20pt; list-style-type: disc; }

#disease1 { margin: 0 5pt 10pt 0pt; padding-bottom: 15pt; width: 733px; line-height: 1.4; text-align: left; font-size: 9pt; border: 1px solid #cbd0d4; }

#disease1 h2 { padding: 0; margin: 5pt 0 5pt 5pt; }

#disease1 h3 { padding: 0; margin: 5pt 0 5pt 5pt; }

#disease1 h4 { padding: 0; margin: 5pt 0 5pt 5pt; }

#disease1 ul { margin-left: 20pt; list-style-type: disc; }

#article ul { margin: 0 0 10pt 20pt; list-style-type: disc; }

.article { margin: 0 5pt 10pt 5pt; width: 98%; line-height: 1.4; text-align: left; font-size: 8pt; }

.article h3 { padding: 0; margin: 5pt 0 5pt 0pt; }

.article h2 { padding: 0; margin: 5pt 0 5pt 0pt; }

.articles_links { margin: 20pt 0 10pt 0; width: 550px; line-height: 1.4; text-align: left; }

.articles_links ul { margin-left: 40pt; list-style-type: disc; }

.article_8pt { margin: 0 5pt 10pt 5pt; width: 545px; line-height: 1.4; text-align: left; font-size: 8pt; }

.article_8pt h3 { padding: 0; margin: 5pt 0 5pt 0pt; }

.article_8pt h2 { padding: 0; margin: 5pt 0 5pt 0pt; }

#calc_result { text-align: center; margin: 20pt auto 25pt; border-bottom: 1px solid #cbd0d4; width: 50%; }

#calc_result h3 { color: #676C6D; padding-bottom: 0; margin-bottom: 2pt; }

#div_money_order { line-height: 1.2; margin-left: 5px; }

#div_money_order h4 { padding-top: 5pt; }

#div_allpay { line-height: 1.2; margin-left: 15pt; }

#div_allpay h4 { padding-top: 5pt; }

#div_info, .div_info { border: 1px solid #cbd0d4; background: #eaedee; font-size: 7.5pt; padding: 3pt; margin: 0 auto 5pt; }

.th { font-size: 7pt; line-height: 1.5; background: #fff; text-align: center; font-weight: bold; }

.td1 { font-size: 7.5pt; line-height: 1.5; background: #fff; text-align: center; }

.td2 { font-size: 7.5pt; line-height: 1.5; background: #fff; text-align: center; }

.td_left { font-size: 7.5pt; line-height: 1.5; background: #fff; text-align: left; }

#emotional { color: #dc0000; }

#physical { color: #0050dc; padding-left: 30px; }

#intelectual { color: #1ec800; padding-left: 30px; }

#info_div { clear: both; width: 100%; padding-top: 20pt; }

#info_div h5 { font-weight: normal; padding-right: 20pt; text-align: right; }

#user_data { float: left; width: 360px; height: 100%; }

#user_data h3 { font-size: 11pt; padding: 5pt 0 5pt 0; color: #408b74; }

#user_data h4 { text-align: right; }

#user_data p { text-align: right; }

#user_data .ul12 { padding-left: 12pt; line-height: 1.5; }

#user_data .ul40 { padding-left: 40pt; margin-top: 2pt; list-style-type: disc; }

.ul40 { padding-left: 20pt; margin-top: 2pt; list-style-type: disc; }

.ul40 li { margin-top: 2pt; }

#div_biorythm { clear: both; width: 530px; margin: 0 auto; text-align: center; padding: 10pt 2pt 10pt 2pt; background: rgb(248,248,255); }

#login_div, #medical_tests_div, #search_div, #news_div { text-align: left; margin: 3pt 0 0 2pt; padding: 0;}
#login_div, #medical_tests_div, #search_div, #news_div ul { margin: 3pt 0 0 0; padding: 0; }
#news_div li {margin-top:5pt}

#menu_div { text-align: left; margin-top: 3pt; }

#calendar { float: left; text-align: center; }

#calendar h4 { text-align: right; }

#calendar_tbl { text-align: center; width: 75%; }

#calendar_heading { text-align: center; width: 75%; height: 30px;}

#calendar_legend { text-align: left; font-size: 10px; }

#day { border: #BFBDB8 1px solid; background-color: #fff; text-align: center; vertical-align: middle; height: 35px; width: 13%; }

#today { border: #eaa303 1px solid; background-color: #dacba9; font-weight: bold; text-align: center; vertical-align: middle; width: 13%; }

#event { border: #01a830 1px solid; text-decoration: underline; background-color: #6d9388; text-align: center; vertical-align: middle; color: #fff; height: 35px; width: 13%; }

#event a:link, #event a:visited, #event a:active { text-decoration: underline; background-color: #6d9388; text-align: center; vertical-align: middle; color: #fff; }

#dayempty { border: #000 0px solid; width: 13%; }

#day_low_flow { border: #997b71 0px solid; background-color: #ffcebd; }

#high_flow { border: #995849 1px solid; background-color: #ff947b; text-align: center; vertical-align: middle; height: 35px; width: 13%; }

#medium_flow { border: #99675d 1px solid; background-color: #ffad9c; text-align: center; vertical-align: middle; height: 35px; width: 13%; }

#low_flow { border: #997b71 1px solid; background-color: #ffcebd; text-align: center; vertical-align: middle; height: 35px; width: 13%; }

#ovulation_low_girl { background: url(i/ov_girl.gif) no-repeat 95% 95% #ceffce; border: #7b997b 1px solid;text-align: center; vertical-align: middle; height: 35px; width: 13%; }

#ovulation_medium_girl { background: url(i/ov_girl.gif) no-repeat 95% 95% #7bff7b; border: #499949 1px solid;text-align: center; vertical-align: middle; height: 35px; width: 13%; }

#ovulation_low { border: #7b997b 1px solid; background-color: #ceffce; text-align: center; vertical-align: middle; height: 35px; width: 13%; }

#ovulation_medium_boy { background: url(i/ov_boy.gif) no-repeat 95% 95% #7bff7b; border: #499949 1px solid;text-align: center; vertical-align: middle; height: 35px; width: 13%; }

#ovulation { background: url(i/ov_boy.gif) no-repeat 95% 95% #31ce31; border: #1d7b1d 1px solid;text-align: center; vertical-align: middle; height: 35px; width: 13%; }

#before_menstruation { border: #C2C598 1px solid; background: #FFFFCF; text-align: center; vertical-align: middle; height: 35px; width: 13%; }

#toolbar { float: right; text-align: center; width: 95px; height: 50px; }

.top780 { background: url(i/top780.gif) no-repeat center top; height: 5px; width: 780px; padding: 0; margin: 0; border: 0; font-size: 5px; }

.vlines780 { background: url(i/kreski.gif) repeat-y center top; padding: 0; margin: 0; }

.top780_1 { background: url(i/top780_1.gif) no-repeat center top; height: 5px; width: 780px; padding: 0; margin: 0; border: 0; font-size: 5px; }

.vlines780_1 { background: url(i/kreski780_1.gif) repeat-y center top; padding: 0; margin: 0; }

#go_back {margin:20pt 0 10pt 5pt}
#top_link {text-align: right;padding: 5pt 10pt 0 0;}
.tellmemore {margin-left: 5pt; font-size:7.5pt; font-weight:normal;color:#676C6D}
#help_div  {margin: 0 5pt 0 10pt; width: 410px; line-height: 1.5; text-align: left; font-size: 8pt;}
#help_div h3 {margin:10pt 0 10pt 0; padding:0}
#help_div ul {list-style-type: disc; margin: 5pt 0 0 20pt}
#help_div li {margin-top: 2pt}

#med_forms { margin: 0 5pt 10pt 5pt; width: 545px; line-height: 1.5; text-align: left; font-size: 8pt; }
#med_forms ol, ul {margin-left: 5pt}
#med_forms ul {list-style-type: disc}
#med_forms li {margin: 5pt 0 0 25pt;}
#med_forms h4 {margin: 10pt 0 2pt 0}
#last_upd { font-size: 7.5pt; text-align:right;margin:0 5pt 10pt 0}

#agreement { margin: 0 10pt 10pt 10pt; font-size: 8pt; line-height:1.5}
#agreement h2{ margin: 10pt 0 10pt 0; padding:0}
#agreement h3{ margin: 10pt 0 10pt 0; padding:0}

#chart_form {margin: 5px 0 50px 0;}
#chart_form h2 { margin: 5pt 0 5pt 5pt; padding-bottom: 5pt; }
#chart_form p { margin: 5pt 0 5pt 5pt; padding-bottom: 5pt; }
#chart_form ul {margin: 0 0 10px 0}
#chart_form li {display:inline; padding-left: 5px}
#chart { border-top: 1px solid #cbd0d4; padding: 15px 0 0 0; margin: 0 auto;}