/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Styles for accessible tabs plugin
 * (de) Gestaltung des Plugins für barrierefreie Tabreiter
 *
 * @copyright       Copyright 2005-2011, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.3.1
 * @revision        $Revision: 501 $
 * @lastmodified    $Date: 2011-06-18 17:27:44 +0200 (Sa, 18 Jun 2011) $
 */

@media screen, projection {
  .jquery_tabs {
    display: table;
    margin: 0 0 1em 0;
    width: 100%;
    ul.tabs-list {
      display: block;
      font-size: 1em;
      line-height: 1em;
      list-style-type: none;
      margin: 0;
      position: relative;
      z-index: 1;
      li a {
        font-size: 1em;
        line-height: 1em;
        padding: 5px 10px; } }
    .content {
      border: 1px #888 solid;
      clear: both;
      padding: 0.5em;
      position: relative;
      top: -1px;
      margin-bottom: -1px; }
    ul.tabs-list li {
      border: 0 none;
      display: inline;
      float: left;
      margin: 0 0.3em 0 0;
      padding: 0;
      a {
        background: #ccc;
        border: 1px solid #888;
        color: #333;
        display: block;
        float: left;
        font-weight: bold;
        margin: 0;
        &:focus, &:hover, &:active {
          background: #f0f0f0;
          color: #333;
          font-weight: bold;
          text-decoration: none; } }
      &.current a {
        background: #fff;
        border-bottom: 0 none;
        color: #000;
        font-weight: bold;
        padding-bottom: 6px;
        text-decoration: none;
        &:focus, &:hover, &:active {
          background: #fff;
          border-bottom: 0 none;
          color: #000;
          font-weight: bold;
          padding-bottom: 6px;
          text-decoration: none; } } } }
  .js .jquery_tabs {
    .current-info, .accessibletabsanchor, .tabhead {
      position: absolute;
      left: -999em; } }
  /**
   * Avoid margin collapsing to enable correct sync of all tabs
   *
   * @workaround
   * @affected all browsers
   * @css-for all browsers
   * @valid yes
   */
  .jquery_tabs .tab-content {
    border-bottom: 1px transparent solid;
    border-top: 1px transparent solid; }
  /* IE < 7 don't support transparent borders */
  * html .jquery_tabs {
    .tab-content {
      border-bottom: 1px #fff solid;
      border-top: 1px #fff solid; }
    .content {
      z-index: -1; }
    zoom: 1;
    width: auto;
    position: relative; }
  /**
   * Containing floats adjustment and stability fixes for Internet Explorer
   *
   * @workaround
   * @affected IE 5.x/Win, IE6, IE7
   * @css-for IE 5.x/Win, IE6, IE7
   * @valid no
   */
  *+html .jquery_tabs {
    zoom: 1;
    width: auto; }
  .jquery_tabs * {
    zoom: 1; } }