p.caption {
  color: #777;
  margin-top: 10px;
}
p code {
  white-space: inherit;
}
pre {
  word-break: normal;
  word-wrap: normal;
}
pre code {
  white-space: inherit;
}

p {
  text-align: justify;
}

.watermark {
  opacity: 0.10;
  position: fixed;
  top: 8%;
  left: 60%;
  font-size: 400%;
  color: #00407d;
}



table {
  cursor: pointer; 
  cursor: hand;
  border: none;
  margin-left: auto;
  margin-right: auto;
  width:"80%";
  border:"0"; 
  cellspacing:"0"; 
  cellpadding:"0";
  font-family: "Lucida Console";
}

.hover {
  background-color: #F1D95A;
}

.image-crop {
  height: 600px;;
}

tab1 { padding-left: 4em; }
tab2 { padding-left: 8em; }
tab3 { padding-left: 12em; }
tab4 { padding-left: 16em; }
tab5 { padding-left: 20em; }
tab6 { padding-left: 24em; }
tab7 { padding-left: 28em; }
tab8 { padding-left: 32em; }
tab9 { padding-left: 36em; }
tab10 { padding-left: 40em; }
tab11 { padding-left: 44em; }
tab12 { padding-left: 48em; }
tab13 { padding-left: 52em; }
tab14 { padding-left: 56em; }
tab15 { padding-left: 60em; }
tab16 { padding-left: 64em; }

.infobox {
  padding: 1em 1em 1em 4em;
  margin-bottom: 10px;
  border: 2px solid orange;
  border-radius: 10px;
  background: #f5f5f5 5px center/3em no-repeat;
}

.note {
  background-image: url("img/note.jpeg");
}

.important {
  background-image: url("img/important.jpeg");
}

.pin {
  background-image: url("img/pin.jpeg");
}

.advice_pin {
  background-image: url("img/advice_pin.jpeg");
}

.advice {
  background-image: url("img/advice.jpeg");
}

.tip {
  background-image: url("img/tip.jpeg");
}

.quicktip {
  background-image: url("img/quicktip.jpeg");
}