/*

Tabs - important styles to ensure accessibility in print

*/
@media projection, screen {
  .tabs-hide {
    display: none;
  }
}
@media print {
  .anchors {
    display: none;
  }
}
/*

Tabs - not important for accessibility, just for the look of it...

*/
.anchors {
  list-style: none;
  margin: 0;
}
.anchors:after {
/* clearing without presentational markup, IE gets extra treatment */
  display: block;
  clear: both;
  content: " ";
}
.anchors li {
  float: left;
  margin: 0 1px 0 0;
}
.anchors a {
  display: block;
  padding: 6px;
  text-decoration: none;
  color: #808080;
}
.anchors a,
.anchors .tabs-disabled a:hover,
.anchors .tabs-disabled a:focus,
.anchors .tabs-disabled a:active {
  background-color: #e6e6e6;
  box-shadow: inset 0 1px 0.2em #fff, inset 0 0 0.1em #000, inset 0 -0.1em 1em #ececec, inset 0 -1.2em 0 #d8d8d8;
  text-shadow: 0 0 0.2em #fff;
}
.ie8 .anchors a,
.ie9 .anchors a {
  float: left;
}
.anchors .ui-tabs-active a {
  font-weight: bold;
}
.anchors .ui-tabs-active a,
.anchors a:hover,
.anchors a:focus,
.anchors a:active {
  color: #fff;
  background-color: #29abe2;
  box-shadow: inset 0 1px 0.2em #fff, inset 0 0 0.1em #134d66, inset 0 -0.1em 1em #2fc1ff, inset 0 -1.2em 0 #0071bc;
  text-shadow: 0 1px 1px #2fc1ff, 0 -1px 1px #134d66;
}
.fragment {
  color: #666;
}
.anchors .ui-tabs-active a:link,
.anchors .ui-tabs-active a:visited,
.anchors .tabs-disabled a:link,
.anchors .tabs-disabled a:visited {
/* @ Opera, use pseudo classes otherwise it confuses cursor... */
  cursor: default;
}
.anchors a:hover,
.anchors a:focus,
.anchors a:active {
  cursor: pointer;
}
.anchors .tabs-disabled a {
  color: #c0c0c0;
}
.fragment {
  padding: 0;
}
.anchors .ui-tabs-active .tabs-loading {
  padding-left: 25px;
}
.ui-tabs-nav a {
  outline: none;
}
