#glossaryIntro {
  margin-bottom: 10px;
}

#glossarySearch {
  margin-bottom: 15px;
}

a.glossaryChar {
  margin-left: 1px;
}

span.glossaryChar {
  color: #9B9B9B;
  margin-left: 1px;
}

#abcSearch {
  padding: 3px 0px;
  font-size: 1.2em;
  width: 100%;
  font-weight: bold;
  text-align: center;
}

#main form#glossarySearchForm div#showAllSearch {
  display: block;
  font-size: 1em;
  font-weight: bold;
  float: left;
}
#main form#glossarySearchForm div.button {
  padding-top: 1em;
  padding-right: 3px;
}
#main form#glossarySearchForm div.button input {
  float: right;
}
#main form#glossarySearchForm {
  padding-top: 3px;
  padding-bottom: 3px;
}

#main input.glossarySearchFormInput {
  font-size: 1em;
  max-width: 100%;
}

#main input.glossarySearchFormButton {
  font-weight: bold;
  border: 0px solid #ACD244;
  color: #7D9931;
  background-color: #F7FAEC;
  margin-left: 5px;
}

#glossaryResultTitle {
  margin-top: 30px;
  margin-bottom: 20px;
  color: #000;
  text-align: right;
}

#main h2.charSection {
  color: #000;
  font-size: 1.5em;
  font-weight: normal;
  margin-top: 10px;
  margin-bottom: 7px;
  padding: 0px;
  padding-top: 1em;
}

#main div.glossaryEntry h3 {
  padding-bottom: 3px;
}
#main div.glossaryEntry h3.title {
  margin-top: 3.5em;
  padding-top: 1.5em;
}

#main div.glossaryEntryExplanation {
  margin-top: 10px;
}

#main a.glossaryEntryLink {
  font-size: 0.9em;
  color: #9B9B9B;
}

#main div.glossaryLng {
  margin-top: 1em;
}

/* navigation for glossary pages */
#main .glossaryPageNavigation {
  width: 100%;
  margin: 5px 0 0 0;
  padding: 5px 0 1em 0;
}
#main .glossaryPageNavigation li.back {
  width: 15%;
  float: left;
  list-style-type: none;
}
#main .glossaryPageNavigation li.next {
  width: 15%;
  float: right;
  list-style-type: none;
}
#main .glossaryPageNavigation li.middle {
  text-align: center;
  float: left;
  width: 70%;
  list-style-type: none;
}