/** STYLES **/
#tabs .ui-tabs-hide {
  display: none;
}
.ui-tabs-nav ul {
  margin: 0;
  padding: 0;
  float: left;
  list-style: none;
  height: 32px;
  /*--Set height of tabs--*/

  border-bottom: 1px solid #999;
  border-left: 1px solid #999;
  width: 100%;
}
.ui-tabs-nav ul li {
  float: left;
  margin: 0;
  padding: 0;
  height: 31px;
  /*--Subtract 1px from the height of the unordered list--*/

  line-height: 31px;
  /*--Vertically aligns the text within the tab--*/

  border: 1px solid #999;
  border-left: none;
  margin-bottom: -1px;
  /*--Pull the list item down 1px--*/

  overflow: hidden;
  position: relative;
  background: #e0e0e0;
}
.ui-tabs-nav ul li a {
  text-decoration: none;
  color: #000;
  display: block;
  font-size: 1.2em;
  padding: 0 20px;
  border: 1px solid #fff;
  /*--Gives the bevel look with a 1px white border inside the list item--*/

  outline: none;
}
.ui-tabs-nav ul li a:hover {
  background: #ccc;
}
html .ui-tabs-nav .ui-tabs-selected, html .ui-tabs-nav .ui-tabs-selected a:hover {
  /*--Makes sure that the active tab does not listen to the hover properties--*/

  background: #fff;
  border-bottom: 1px solid #fff;
  /*--Makes the active tab look like it's connected with its content--*/

}

/* Styles for the Direct Link generators and other query builders */

.page-ahsl-customs .messages {
  border: 2px solid green;
  padding: 5px;
  font-size: 14px;
}

.link_generator h2 {
  line-height:300%;
}

.link_generator label {
  font-size: 12px;
  font-style: normal;
  font-weight: bolder;
}

.link_generator .description {
  font-size: 1.2em;
}