body {
font-family: helvetica, arial, times,sans-serif;
color:black;
background-color:white;
/*width:620px;*/
/*margin-left:auto;
margin-right:auto;*/
}

h2, #title{ text-align:center;}

a{color:blue;}
label{font-weight:bold; font-size:.7em;}
.minor{ font-size:.75em;}
.major{ font-size:2em;}
dd{ margin-left:0px; margin-bottom:.2em;}



#chart {
  border: solid 1px #ccc;
  height: 383px;
  position: relative;
  overflow: scroll;
}
#chart .walk{
  width: 10px;
  background:#393;
  margin:4px 4px 0px 4px;
  position: absolute;
}

#encouragement {
  width:220px; float:right;
}

#record_walk {
  border: solid 40px #3366CC;
  padding:12px;
}

.walk { margin-bottom:1.4em; border-bottom:solid 1px #999;}
.walk .steps { font-size: 2em; float:left; width:200px;}
.walk .steps span{ font-size: .4em;}
.walk .date { float:left; width:200px; padding-top: 1em;}
.walk .word { clear:left;}
.walk .question {  padding-top:.3em;}
.walk .question span, .walk .answer span, .walk .word span{ color:#ccc; font-size:1em;}
.walk a {color: rgb(87, 142, 205);}

.inspire { font-style:italic;}


.validation-advice {
  background-color:#FF7744;
  border-bottom:1px solid #993300;
  color:#FFFFFF;
  font-size:0.8em;
  font-weight:normal;
  margin:5px 0pt 10px 0px;
  padding:5px 5px 4px;
}