html,body,a,div,td { font-family: "Calibri", "Verdana", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; color: black; line-height:14px; }
b,i,font { font-family: "Calibri", "Verdana", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.smalltext { font-family: "Calibri", "Verdana", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 10px; line-height: 10px; margin-top: 0px; margin-bottom: 0px;
}
.smallertext { font-family: "Calibri", "Verdana", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px; line-height: 12px; margin-top: 0px; margin-bottom: 0px;
}
.bigtext { font-family: "Calibri", "Verdana", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px; line-height: 18px; margin-top: 0px; margin-bottom: 0px;
}
.bigger { font-family: "Calibri", "Verdana", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 26px; line-height: 26px; margin-top: 0px; margin-bottom: 0px;
}
.biggerer { font-family: "Calibri", "Verdana", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 30px; line-height: 30px; margin-top: 0px; margin-bottom: 0px;
}
.verybig { font-family: "Calibri", "Verdana", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 36px; line-height: 36px; margin-top: 0px; margin-bottom: 0px;
}
.biglink { font-family: "Calibri", "Verdana", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; font-weight: bold;
    margin-top: 0px; margin-bottom: 0px; text-decoration: underline; 
}
.boldlink { font-family: "Calibri", "Verdana", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; text-decoration: underline; }
.myfont { font-family: "Calibri", "Verdana", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.whitetext { font-family: "Calibri", "Verdana", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #EEEEEE; }
.graytext { font-family: "Calibri", "Verdana", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #888888; }
.greentext { font-family: "Calibri", "Verdana", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #00BB00; }
.lightgreentext { font-family: "Calibri", "Verdana", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; color:  #90EE90; }
.darktext { font-family: "Calibri", "Verdana", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #444444; }
.bluetext { font-family: "Calibri", "Verdana", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #1111FF; }
.redtext { font-family: "Calibri", "Verdana", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #FF1111; }
.yellowtext { font-family: "Calibri", "Verdana", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #FFFF00; }
.menu { font-family: "Calibri", "Verdana", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; color: #00FBEC; }
.popup a, .popup b, .popup div, .popup td { font-family: "Calibri", "Verdana", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; color: #EEEEEE; }
.popup .bigtext { font-family: "Calibri", "Verdana", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px; color: #EEEE00; line-height: 18px; margin-top: 0px; margin-bottom: 0px;
}

input {
  padding: 2px 8px;
  border-radius: 0;
  border: 1px solid #ccc;
  box-sizing: border-box;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  border-collapse: collapse;
}

input:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6)
}

.tt-query {
  padding: 8px 12px;
  border: 2px solid #ccc;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  outline: none;
}

.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
  color: #999
}

.tt-menu {
  width: 430px;
  margin: 12px 0;
  padding: 8px 0;
  background-color: #fff;
  max-height: 180px;
  overflow-y: auto;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
  padding: 3px 12px;
}

.tt-suggestion:hover {
  cursor: pointer;
  color: #fff;
  background-color: #0097cf;
}

.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #0097cf;
}

.tt-suggestion p {
  margin: 0;
}

#scrollable-dropdown-menu .tt-menu {
  max-height: 180px;
  overflow-y: auto;
}