/* root element for tabs  */
ul.css-tabs {
  /*margin:0 !important;*/
  margin: 0 0 0;
  padding: 0 0 0 0;
  min-height: 29px;
  height: auto !important;
  height: 29px;
  width: 100%;
  /*border-bottom:1px solid #666;*/
  border-bottom: 1px solid #ccc;
  list-style-type: none;
}

/* single tab */
ul.css-tabs li {
  display: inline;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  height: 30px;
  line-height: 18px;
  list-style-type: none;
}

/* link inside the tab. uses a background image */
ul.css-tabs a {
  /*float:left;*/
  display: inline-block;
  /*font-size: 0.857em;*/

  padding: 5px 10px;
  height: 18px;
  text-decoration: none;
  /*border:1px solid #666;*/
  border: 1px solid #ccc;
  /*border-bottom:0px;*/
  background-color: #efefef;
  /*color:#777;*/
  color: #000;
  position: relative;
  top: 1px;
  outline: 0;

  /*
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  -khtml-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;*/
  margin-top:-1px;
  margin-right: -5px; /*space hack*/
}

ul.css-tabs a:hover {
  background-color: #ddd;
  color: #000;
  text-shadow: none;
}

/* selected tab */
ul.css-tabs a.current {
  /*background-color: #00326d;*/

  background:#1c478d;
  border-bottom: 1px solid #ccc;
  color: #fff;
  cursor: default;
}

/* tab pane */
.css-panes > div {
  display: none;
  /*border:1px solid #666;*/
  border: 1px solid #ccc;
  border-width: 0 1px 1px 1px;
  /*min-height:150px;*/
  padding: 15px 20px;
  /*background-color:#ddd;*/
  background-color: transparent;
  color: #000;
  /*
  -moz-border-radius: 0 0 6px 6px;
  -webkit-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;*/
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    ul.css-tabs a {
		height: 30px;
}
}