﻿.index{}
.index h2, .index h3, .index h4{font-weight:normal}
.index h2{font-size:23px; padding-bottom:10px}
.index p{margin:0}

.index .leftPart{float:left; width:226px; padding-right:20px}


.whiteBlock{width: 294px!important;}
#lifestyleIndexWidget{background-image:url("../images/tools/healthindexWidgetBg.png"); width:290px; height:232px; cursor:pointer}
#lifestyleIndexWidget #placeholders{position:relative; top:-120px; height:120px; width:120px}
#lifestyleIndexWidget #datePlaceholder{position:relative; top:-37px; left:-120px}
#lifestyleIndexWidget #indexValue{position:relative; top:-159px; left:10px; text-align:center; font-weight:bold; font-size:25px; width:100px}
#lifestyleIndexWidget #indexDate{position:relative; font-weight:bold; font-size:15px; color:rgb(50,69,141); width:80px; top:-148px; left:9px; text-align:center}
#lifestyleIndexWidget #bars{position:relative; top:67px; width:185px; float:right}





.index .content{}




.index .content.conclusions{}
.index .content.conclusions h3{font-weight:bold; font-size:15px; padding:0 0 13px 0}
.index .content.conclusions ul{list-style-position:inside}
.index .content.conclusions p{padding-top:5px}
.index .content.conclusions .conclusion{padding-top:18px}
.index .content.conclusions .conclusion h4{font-size:15px; padding-bottom:10px}
.index .content.conclusions .conclusion p{padding:0}

.index .content.questions{}


.index .content.goals{}


.index .content.goals .goal{clear:both; padding:3px 0 3px 0}
.index .content.goals .goal label{display:block}
.index .content.goals .goal .on, .index .content.goals .goal .off{float:left; padding-right:3px; cursor:pointer}

.index .content.parameter .parameter-chart h3{margin-top:10px}
.index .content.parameter a.paramLink{     display:inline-block;      color:white;      background-color:#80c251;      padding:3px 8px; margin:2px 10px 2px 0;      text-decoration:none;      white-space:nowrap;      -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px}
.index .content.parameter a.paramLink:hover, .index .content.parameter a.paramLink.selected{background-color:#51921A}

#records-table{width:100%; margin-top:10px; border-bottom:3px solid rgb(170,170,170)}
#records-table thead{background-color:rgb(170,170,170); color:White}
#records-table tr{line-height:24px}
#diariesTable  tr.alter{background-color:rgb(235,235,235)}

#records-table td.dateColumn{padding-left:13px}
#records-table td.paramColumn{padding-left:13px}

#records-table td.paramColumn.asc, .anthr.records table#records-table td.paramColumn.desc{background-repeat:no-repeat; background-position:45px 5px}
#records-table td.paramColumn.asc{background-image:url("../images/arrow_up_gray.png")}
#records-table td.paramColumn.desc{background-image:url("../images/arrow_down_gray.png")}

#records-table td.paramColumn .val-box{margin-left:26px}
#records-table td.noteColumn{padding-left:13px; overflow:hidden}

#diariesTable td.dateColumn a{color:black}
#diariesTable .dateColumn.red{background-color:rgb(255,207,207)}
#diariesTable tr.alter .dateColumn.red{background-color:rgb(235,191,191)}
#diariesTable .dateColumn.orange{background-color:rgb(255,227,131)}
#diariesTable tr.alter .dateColumn.orange{background-color:rgb(235,209,131)}
#diariesTable .dateColumn.green{background-color:rgb(165,233,111)}
#diariesTable tr.alter .dateColumn.green{background-color:rgb(152,215,102)}

#records-table td .delete{cursor:pointer; background:url("../images/delete.png") no-repeat; width:16px; height:16px; margin-top:4px; margin-right:4px}
