.center { text-align-last: center; border: 2px solid #ffff; }
.left   { text-align-last: left;   border: 2px solid #ffff; }

.frmSearch { 
    border: 1px solid #ffff;
    background-color: #ffffff;
    margin: 5px 300px;
    padding:40px;
    border-radius:4px;
}

h1  { text-align: center; font-family: book-antiqa; font-size: 25px; }
h2  { text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 20px; }
h3  { text-align: center; font-family: Arial, Helvetica, sans-serif; }
h4  { text-align: center; font-family: book-antiqa; font-size: 40px; }
p   { text-align: center; font-family: Arial, Helvetica, sans-serif; }
div { text-align: left;   font-family: Arial, Helvetica, sans-serif; }
body{ margin: 0; font-family: Arial, Helvetica, sans-serif; height: 100%; }


.topnav { position: relative; overflow: hidden; background: transparent; }
.topnav a {
  float: left;
  color: #202020;
  text-align: center;
  padding: 5px 10px;
  text-decoration: none;
  font-size: 20px;
}
.topnav a:hover    { background-color: #f8f8f8; color: black; }
.topnav a.active   { background-color: #606060; color: white; }
.topnav-centered a {
  float: none;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-60%, -60%);
}
.topnav-right { float: right; }

/* Responsive navigation menu (for mobile devices) */
@media screen and (max-width: 600px) {
  .topnav a, .topnav-right {
    float: none;
    display: block;
  }
  
  .topnav-centered a {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
  }
}

/* styling error */
.error { color: red; font-weight: bold; }

/* excesp description */
.excesp_description { 
    width: 68%;
    margin: 0 auto;
    font-size: 110%; 
}

/* HTML jQuery Autocomplete */
.suggestions {
  border: 1px solid #ccc;
  height: 150px;    /* fixed height*/ 
  overflow-y: auto; /* scroll if overflow*/
  display: none;
  position: absolute;
  background: white;
  z-index: 1000;
  width: 100%; /**/
  border-radius: 8px; /* Add rounded corners*/
}

.suggestions div {
  padding: 8px;
  cursor: pointer;
}

.suggestions div:hover {
  background-color: #f0f0f0;
  cursor: pointer; /* Ensure cursor is pointer on hover */
}
