/* Всё для базальной температуры */
#bazalt { background:url(/afb9a089/i/backgrounds/bazalt.png) no-repeat 100% 0; margin-right:-10px; padding-right:10px;}

#bazalt .head { padding:20px 0;}
#bazalt .head h2, #bazalt .head a  { float:left; line-height:21px; height:21px; vertical-align:middle; padding-bottom:22px;}

#bazalt h2 { color:#49809e; font-size:18px; padding:0 16px 0 12px; font-weight:normal;}
#bazalt .period { color:#8d8d8d; padding-left:4px;}

.bazalt_chart { position:relative; clear:both; overflow:hidden;}

.bazalt_chart .axis { color:#939393; font-size:11px; font-family:Arial, sans-serif;}
.bazalt_chart .y_axis { text-align:right; width:30px;}
.bazalt_chart .y_axis strong { white-space:nowrap; display:block;}
.bazalt_chart .y_axis div { width:30px; text-align:right; height:20px; overflow:hidden; }
.bazalt_chart .chart { position:absolute; left:30px; top:0; width:632px;}
.bazalt_chart .x_axis { clear:both; margin-left:5px; padding-top:10px; position:relative; height:50px;}
.bazalt_chart .x_axis div { position:absolute; top:10px; text-align:center; width:20px; overflow:visible;}
.bazalt_chart .x_axis small { font:10px Tahoma, Arial, Geneva, sans-serif;}
.bazalt_chart .x_axis.day { height:50px;}
.bazalt_chart .x_axis.day div { height:30px;}

/* график сна */
.sleep .y_axis { width:15px; position:relative;}
.sleep .y_axis div { width:15px; position:absolute; right:0;}
.sleep .chart { left:15px;}
.sleep .x_axis { left:12px; margin-left:0;}

#bazalt .chart_foot { margin:0 0 30px 30px; color:#49809e; width:auto;}
#bazalt .chart_foot td { vertical-align:middle;}

#bazalt .legend { width:52px;}
#bazalt .legend div { position:relative; width:42px; background:url(/afb9a089/i/backgrounds/legend.png) no-repeat 0% 0%; height:42px;}
#bazalt .txt { padding-right:10px;}
#bazalt .legend b { border-color:#b65252; border-width:2px; display:block; position:absolute;}
#bazalt .legend.ovul div { padding-top:6px; height:36px;}
#bazalt .legend.ovul b { height:30px; border-right-style:dashed; width:20px; position:absolute; left:0; top:6px;}
#bazalt .legend.avg div { padding-top:15px; height:27px;}
#bazalt .legend.avg b { height:1px; border-bottom-style:solid; width:20px; position:absolute; left:11px; top:20px;}

#bazalt .sleep { font-weight:bold; width:120px;}
#bazalt .sleep a { cursor:pointer !important;}
#bazalt .props { width:170px;}

#bazalt .day-form { float:left; width:432px; padding-bottom:10px;}
#bazalt .day-form label { color:#49809e; font-size:12px; font-weight:bold;}
#bazalt .day-form-in { padding:15px 11px 8px;}

#bazalt .toggler { margin-bottom:10px; cursor:pointer;}
#bazalt .toggler i { width:16px; height:16px; background:url(/afb9a089/i/icons/icons.png) no-repeat -137px -484px; display:block; float:left; margin-right:8px; clear:left; margin-bottom:10px;}
#bazalt .toggler i.off { background-position:-153px -484px;}
#bazalt .toggler a { line-height:16px; font-weight:bold;}
#bazalt .cure label { display:block; clear:left; padding:7px 0;}
#bazalt .dose { margin:0 5px 0 5px; float:left;}
.lh28 { line-height:28px; vertical-align:middle;}
#bazalt .right-column { float:left; padding-left:15px; width:250px;}
#bazalt .recomend { padding:0 11px 13px;}
#bazalt .recomend h2 { color:#c07f9e; border-bottom:1px solid #eac5e1; margin:0 0 15px; padding:9px 0 6px 0;} 
#bazalt .recomend p { color:#68585f; text-align:justify;}

#bazalt .current-chart { margin:20px 0 12px -15px;}
#bazalt .name { margin-top:5px; color:#515151;}
.name .period, .charts .period { color:#515151;}

#bazalt .advice { color:#4a483a;}

#bazalt .advice h2 { color:#aaa57c; border-bottom:1px solid #ece6b3; margin:0 0 15px; padding:9px 0 6px 0;}
#bazalt .in-advice { margin:0 14px 14px;}

.i_comm { background-position:-40px -13px; width:14px; height:12px;display:inline-block; margin-right:5px;}
.i_n_16, .i_y_16 { width:16px; height:16px; background:url(/afb9a089/i/icons/i_y_n_16.png) no-repeat 0 0;}
.i_n_16 { background-position:0 -16px;}


#selected_cures strong { color:#49809E; line-height:16px;}
#selected_cures span { font-weight:bold; color:#0285CF; padding-left:10px; line-height:16px;}
#selected_cures span strong { color:#fff;}

#bazalt .avg { text-align:center; color:#49809E;}


/* .bazalt_charts */
.bazalt_charts { margin:20px 4px;}
.bazalt_charts thead td { color:#49809e; font-weight:bold; padding-bottom:5px;}
.bazalt_charts thead tr { border-bottom:1px solid #c2dff1;}
.bazalt_charts td.name a { font-weight:bold;}

.bazalt_charts td { height:27px; vertical-align:middle;}
.bazalt_charts .comm-in * { display:inline-block; line-height:18px; vertical-align:middle;}
.bazalt_charts td.open i { display:inline-block; line-height:18px; vertical-align:middle;}

.bazalt_charts td.open { padding:0 12px; text-align:center;}
.bazalt_charts thead td.open { padding-bottom:5px;}

.bazalt_charts tr.first td { padding-top:20px;}

.bazalt_charts .comm-in { padding-left:14px; white-space:nowrap;}
.bazalt_charts .comm { padding-left:17px;}
.bazalt_charts .comm a { margin-top:-2px;}

.bazalt_charts .i_n_16, .bazalt_charts .i_y_16 { width: 16px;height: 16px;background: url(/afb9a089/i/icons/i_y_n_16.png) no-repeat 0 0; }
.bazalt_charts .i_n_16 { background-position:0 -16px;}

/* /.bazalt_charts */

.bazalt {}
.bazalt_preamble { padding:163px 10px 10px; }
.bazalt_sponsor {}
.bazalt_create { padding:10px 0 0;text-align:center; }

.bazalt div.tab { margin:0 0 20px; }
.bazalt_notes1 { padding:25px 0;color:#B65252;font-weight:bold; }
.bazalt_notes2 { padding:25px 0;color:#000;font-weight:bold; }


.bazalt_form_btn { text-align:left; }
.bazalt_form_btn .btn { vertical-align:middle; }
.bazalt_form_changable { display:inline-block;*display:inline;*zoom:1;padding:0 0 0 35px;color:#c17599;width:370px;vertical-align:middle;font-size:12px;line-height:14px; }

.bazalt_formtable { border-collapse:collapse;margin:0 0 50px;width:auto;table-layout:fixed; }
.bazalt_formtable th { text-align:left;vertical-align:middle;padding:5px 0;color:#49809E;padding-right: 20px; }
.bazalt_formtable td { text-align:left;vertical-align:middle;padding:5px 0;padding-right:15px; }
.bazalt_formcol3 { width:200px; }

.bazalt_formtable .ui-radio { margin-right:7px;}
.bazalt_formtable .ui-radio label { cursor:pointer; line-height:21px; vertical-align:middle;}

.bazalt_formday { padding:0 0 0 5px; }
.bazalt_ferror {  display:inline-block;*display:inline;*zoom:1;color:#C00; }


.add_cure_btn { padding:4px 0 0; }

.bazalt_content { }
.bazalt_content h2 { margin:0 0 10px;padding:20px 16px 0 12px;color: #49809E;font-size: 14px !important;font-weight:bold !important; }
.bazalt_content p { margin:0 0 20px;padding:0 16px 0 12px; }