#prevNext {
	display:         flex;
	justify-content: space-evenly;
	margin:          1em 0;
	font-size:       0.9em;
	border:          solid 1px #CCCCCC;
	border-left:     0;
	border-right:    0;
}
#prevNext > div {
	flex:             1;
	background-color: #F1F1F1;
	padding:          0.25rem;
	min-height:       2em;
}

#prevNext > div:hover { background-color: #DDDDDD; }

#prevNext > div .arrow { height: 100%; }

.left-arrow { float: left; padding-right: 0.25rem; }
.right-arrow { float: right; padding-left: 0.25rem; }

h2.title > span.note {
  font-size: 0.65em !important;
  font-family: "Open Sans",Helvetica,Arial,sans-serif !important;
}

#indexOfLetters {
	display:          flex;
  border:           solid 1px #777777;
  border-bottom:    none;
  background-color: #f1f1f1;
  justify-content:  space-evenly;
  align-items:      stretch;
  font-size:        0.8em;
}

#indexOfLetters .indexLetter {
  display:    inline-block;
  flex:       1;
  cursor:     pointer;
  padding:    0.75rem 0.1rem;
	color:    #194E81;
	text-align: center;
}

#indexOfLetters .indexLetter:hover {
  background-color: #DDDDDD;
}

#indexOfLetters .indexLetter.selected {
  background-color: #CCCCCC;
  color:            #000000;
}

#indexOfArticles {
	font-size:            0.8em;
	padding:              5px;
  border:               solid 1px #777777;
  border-top:           none;
  -webkit-column-width: 200px;
  -moz-column-width:    200px;
	column-width:         200px;
}

#indexOfArticles .articleTitle {
	padding:                     0.15em 0; 
	-webkit-column-break-inside: avoid;        /* Chrome, Safari */
	          page-break-inside: avoid;        /* Theoretically FF 20+ */
	               break-inside: avoid-column; /* IE 11 */
	display:                     table;        /* Actually FF 20+ */
}

#indexOfArticles .section-link:hover { text-decoration: underline; }