/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * (en) Styles for Accessible-Tabs plugin for jQuery
 * (de) Gestaltung des Acessible-Tabs Plugins für jQuery
 *
 * @copyright       Copyright 2005-2012, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         v4.0
 * @revision        $Revision: 693 $
 * @lastmodified    $Date: 2012-01-29 23:53:53 +0100 (So, 29 Jan 2012) $

@media screen, projection
  .jquery_tabs
    margin: 1.5em 0 0
    ul.tabs-list
      display: table
      font-size: 1em
      line-height: 1.5em
      list-style-type: none
      margin: 0
      position: relative
      z-index: 1
      li a
        font-size: 1em
        line-height: 1.5em
        padding: 0.75em
    .tabhead
      position: absolute
      left: -32768px
      /* LTR
    .content
      border-top: 1px #ccc solid
      clear: both
      padding: 0
      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: transparent
        color: #008
        display: block
        float: left
        font-weight: normal
        margin: 0
        &:focus, &:hover, &:active
          background: #eee
          border-radius: 0.2em 0.2em 0 0
          color: #000
          font-weight: normal
          outline: 0 none
          text-decoration: none
      &.current a
        background: #fff
        border: 1px #ccc solid
        border-bottom: 0 none
        border-radius: 0.2em 0.2em 0 0
        color: #000
        font-weight: bold
        text-decoration: none
        &:focus, &:hover, &:active
          background: #fff
          border: 1px #ccc solid
          border-bottom: 0 none
          border-radius: 0.2em 0.2em 0 0
          color: #000
          font-weight: bold
          text-decoration: none
    .current-info, .accessibletabsanchor
      left: -999em
      position: absolute
    .tab-content
      border-bottom: 1px transparent solid
      border-top: 1px transparent solid
      *overflow: hidden
  /**
   ** Avoid margin collapsing to enable correct sync of all tabs
   **
   ** @workaround
   ** @affected all browsers
   ** @css-for all browsers
   ** @valid yes
  /* 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