.menu25 {
  text-align: center;
  align: center;
}

.h225 {
  color: #777777;
  text-align: center;
  font-size: 20pt;
  align: center;
  margin: 10px;
}

.div25 {
  margin: 25px;
}

/* Needed to make sure the radio button and its label stay on the same line */

label {
  display: inline-block;
}

body {
  font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
  font-size: 11pt;
}

cursorauto {
  cursor: auto
}

cursordefault {
  cursor: default
}

cursorwait {
  cursor: wait
}

table,
td,
p,
ul {
  font-family: verdana, arial, sans-serif;
  overflow: hidden;
  font-size: 11pt;
}

table.bottomBorder {
  border-collapse: collapse;
}

table.bottomBorder td,
table.bottomBorder th {
  border-bottom: 1px solid #AADDFF;
  padding: 1px;
}

table.bottomBorder tr:nth-child(even) {
  background-color: #AADDFF;
}

table,
th {
  font-family: verdana, arial, sans-serif;
  font-size: 10pt;
}

h2 {
  font-family: verdana, arial, sans-serif;
  font-size: 13pt;
  margin-top: 0pt;
  margin-bottom: 1pt;
}

h3 {
  font-family: verdana, arial, sans-serif;
  font-size: 13pt;
}

h4 {
  font-family:Quicksand;
  font-size:15pt;
	color:#333333;
	margin-bottom:0;
}

table.topbar {
  font-family: verdana, arial, sans-serif;
  font-size: 12pt;
  color: #000000;
  background-color: #eeeeee;
  border: 1px solid;
  border-color: #444444;
  width: 100%;
  border: 0;
}

div.example {
  border: #603 dotted;
  padding: 0.5em;
  margin: 1em 2em
}

.anagram_menu {
  font-family: 'Quicksand', sans-serif;
  font-weight: bold;
  background-color: #AADDFF;
  padding: 4px;
  line-height: 29px;
  text-align: center;
}

.centered {
  margin: auto;
  width: 99%;
  text-align: center;
}

div.pangram_menu {
  text-align: center;
}

p.blocktext_centered {
  text-align: center;
  border: 1px dotted;
  font-family: verdana, arial, sans-serif;
  font-size: 10pt;
  padding-top: .1in;
  padding-bottom: .1in;
  padding-right: .1in;
  padding-left: .1in;
}

td.topmenu {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.tophr {
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  /*	margin:1em 0; */
  padding: 0;
}

.rightbox {
  float: right;
  margin: 5px;
  width: 160px;
  border: 1px solid;
  border-color: #CCCCCC;
  font-family: verdana, arial, sans-serif;
  font-size: 10pt;
  padding-top: .1in;
  padding-bottom: .1in;
  padding-right: .1in;
  padding-left: .1in;
}

.rightbox-colored {
  border: thin;
  width: 160px;
  border-style: dotted;
  border-color: #2266FF;
  font-family: verdana, arial, sans-serif;
  font-size: 10pt;
  padding-top: .1in;
  padding-bottom: .1in;
  padding-right: .1in;
  padding-left: .1in;
  background-color: #FFFFFF;
  text-decoration: none;
}

pre {
  font-family: courier, courier new, monospace, monospace;
  font-size: 11pt;
}

a:hover {
  color: #FF0000;
}

img.flag {
  border: 1px solid;
}

img.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.homelink {
  text-decoration: none;
  color: white;
}

.homelink_awad {
  text-decoration: none;
  color: black;
}

.align-right {
  float: right;
  margin: 0 0 5px 5px;
}

.align-left {
  float: left;
  margin: 0 15px 15px 0;
}

.frame {
  padding: 5px;
  border: 1px solid #aaa;
}

.shadow {
  -moz-box-shadow: 3px 3px 5px 6px #ccc;
  -webkit-box-shadow: 3px 3px 5px 6px #ccc;
  box-shadow: 3px 3px 5px 6px #ccc;
}

/* For displaying anagram animation for large text */

.popupBox {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.popupHoverElement:hover>.popupBox {
  visibility: visible;
  opacity: 1;
}

.authorship {
  font-size: 9pt;
  color: #777777;
}

.authorship a {
  color: inherit;
}

.songtable {
  padding: 5px;
  background-color: #DDEEFF;
  width: 100%
}

.songtable_td {
  width: 49%;
  vertical-align: top;
}

.songtable_td_equal {
  text-align: center;
  background-color: #FFFFFF
}

textarea,
input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* 25 page index style */

.link_reset a,
.link_stop {
  text-decoration: none;
  color: #2781e0;
}

.link_reset a:hover {
  text-decoration: underline;
}

.text-fun {
  color: #272829;
  font-weight: bold;
}

.main_title {
  font-family: 'Lato', sans-serif;
  font-size: 30px;
  color: #33393f;
  padding: 2rem 1rem;
  background: #e8ebee;
  width: 50%;
  margin: 0 auto;
  margin-top: 2%;
}

.tw_page {
  font-family: 'Lato', sans-serif;
}

.tw_page .p_text {
  width: 50%;
  margin: 0 auto;
  font-family: 'Lato', sans-serif;
  font-size: 18px;
}

.tw_page .p_text a {
  color: #2781e0;
  text-decoration: none;
}

.bottom_text {
  font-family: 'Lato', sans-serif;
  width: 50%;
  margin: 0 auto;
  font-size: 16px;
}

.bottom_text table,
.bottom_text td,
.bottom_text th {
  border: 1px solid #ccc;
  padding: 10px;
}

.bottom_text td {
  display: block;
  margin-bottom: 4px;
}

.bottom_text table {
  border-collapse: none;
  width: 100%;
  border: 0;
}

.bottom_text th {
  height: 50px;
}

.bottom_text p {
  border: 1px solid #eee;
}

.bottom_text li {
  list-style: circle;
}

.bottom_text a {
  color: #2781e0;
  text-decoration: none;
}

.bottom_text a:hover,
.tw_page .p_text a:hover {
  color: #037af9cf;
  text-decoration: underline;
}

footer.page_25 {
  text-align: center;
  height: 8vh;
  width: 100%;
  display: flex;
  justify-content: center;
  color: gray;
  font-size: 8pt;
}

/* contetns page */

.content_text {
  width: 50%;
  margin: 0 auto;
  font-family: 'Lato', sans-serif;
}

.content_text a {
  font-family: 'Lato', sans-serif;
  color: #2781e0;
}

.content_text a:hover {
  color: #037af9cf;
}

/* Page numbers */

.number_list {
  font-family: 'Lato', sans-serif;
  font-size: 15px;
}

.number_page_text {
  font-family: 'Lato', sans-serif;
  font-size: 15px;
}

.number_page_text a {
  font-family: 'Lato', sans-serif;
  font-size: 15px;
}

.number_page_text a {
  color: #2781e0;
}

.number_page_text a:hover {
  color: #037af9cf;
}

/* Feedback page */

.container_ftr {
  font-family: 'Lato', sans-serif;
  display: flex;
  justify-content: center;
  align-content: center;
}

.container_form {
  max-width: 400px;
  margin: 0 auto;
  font-family: 'Lato', sans-serif;
}

.container_form h3 {
  text-align: center;
  font-family: 'Lato', sans-serif;
}

.container_form p {
  font-family: 'Lato', sans-serif;
}

.container_form input {
  height: 30px;
  border: 2px solid #dacece;
}

.container_form textarea {
  border: 2px solid #dacece;
}

.container_form .btn {
  margin-top: 20px;
  height: 30px;
  border: none;
  cursor: pointer;
  border: 1px solid #c7b9b9;
  border-radius: 5px;
  font-family: 'Lato', sans-serif;
  background: #9c9c9c;
  font-weight: bold;
  color: #fff;
}

.container_form .btn:hover {
  background: #ababab;
}

.container_form .from_style {
  padding: 10px 20px;
  background: #eee;
  border: 1px solid #fefe;
  border-radius: 10px;
}

.title_tw-five_feedback {
  font-family: 'Staatliches', cursive;
  font-size: 45px;
  color: #a66bbe;
}

/* Lemerick page */

.limerick-container {
  width: 80%;
  margin: 0 auto;
  font-family: 'Lato', sans-serif;
}

.container_form select {
  height: 30px;
  margin: 4px;
  border: 2px solid #dacece;
}

.container_form .checkbox_st {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  align-items: center;
  margin: 0;
  margin-bottom: -23px;
}