/**
* "Yet Another Multicolumn Layout" - YAML CSS Framework 
*
* (en) Vertical list navigation "vlist"
* (de) Vertikale Navigationsliste "vlist"
*
* @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: 677 $
* @lastmodified    $Date: 2012-01-18 23:36:59 +0100 (Mi, 18 Jan 2012) $
*/

@media all 
{
  
  /* title */
  h6.ym-vlist {
    font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-size:100%;
  width:90%;
  padding:3px 0px 3px 10%; /* LTR */
  margin:0;
  color:#444;
  background-color:#fff;
  border-top:2px #ddd solid;
  border-bottom:4px #888 solid;
}

.ym-vlist {
  width:100%;
  overflow:hidden;
  margin:0 0 1.5em 0;
  list-style-type:none;
  border-bottom:2px #ddd solid;
}

.ym-vlist ul {
  list-style-type:none;
  margin:0;
  padding:0;
}

.ym-vlist li {
  float:left; /* LTR */
  width:100%;
  margin:0;
  padding:0;
}

.ym-vlist a,
.ym-vlist strong {
  display:block;
  padding:3px 0px 3px 10%;
  text-decoration:none;
  border-bottom:1px #ddd solid;
}

.ym-vlist a,
.ym-vlist a:visited {
  color:#444;
}

.ym-vlist li.act a,
.ym-vlist li.act li.act a,
.ym-vlist li.act li.act li.act a,
.ym-vlist li.act li.act li.act li.act a {
  font-weight:bold;
}
.ym-vlist li.act li a,
.ym-vlist li.act li.act li a,
.ym-vlist li.act li.act li.act li a,
.ym-vlist li.act li.act li.act li.act li a {
  font-weight:normal;
}
/* active list element */
.ym-vlist li.cur {
  color:#fff;
  background-color:#444;
}

.ym-vlist li.cur strong {
  font-weight:bold;
}

/* Level 1 */
.ym-vlist li a,
.ym-vlist li strong { width:90%; padding-left:10%; } /* LTR */

.ym-vlist li a:focus,
.ym-vlist li a:hover,
.ym-vlist li a:active { background-color:#888; color:#fff; outline: 0 none; }

/* Level 2 */
.ym-vlist li ul li a,
.ym-vlist li ul li strong { width:80%; padding-left:20%; } /* LTR */

.ym-vlist li ul li a,
.ym-vlist li ul li a:visited { background-color:#f8f8f8; color:#333; }
.ym-vlist li ul li a:focus,
.ym-vlist li ul li a:hover,
.ym-vlist li ul li a:active { background-color:#888; color:#fff; }

/* Level 3 */
.ym-vlist li ul li ul li a,
.ym-vlist li ul li ul li strong { width:70%; padding-left:30%; } /* LTR */

.ym-vlist li ul li ul li a,
.ym-vlist li ul li ul li a:visited{ background-color:#f0f0f0; color:#222; }
.ym-vlist li ul li ul li a:focus,
.ym-vlist li ul li ul li a:hover,
.ym-vlist li ul li ul li a:active { background-color:#888; color:#fff; }

/* Level 4 */
.ym-vlist li ul li ul li ul li a,
.ym-vlist li ul li ul li ul li strong { width:60%; padding-left:40%; } /* LTR */

.ym-vlist li ul li ul li ul li a,
.ym-vlist li ul li ul li ul li a:visited { background-color:#e8e8e8; color:#111; }
.ym-vlist li ul li ul li ul li a:focus,
.ym-vlist li ul li ul li ul li a:hover,
.ym-vlist li ul li ul li ul li a:active { background-color:#888; color:#fff; }


.ym-vlist ul li span.accessKey {
  display:inline;
  width:auto;
  padding:0;
  border:0 none;
  font-weight:normal;
  text-decoration:underline;
}
.ym-vlist ul li span.showAccessKey {
  display:inline;
  width:auto;
  padding:0;
  border:0 none;
  font-weight:normal;
  font-style:italic;
  font-size:85%;
  color:red;
  margin-left:0.3em;
}

} // end ... screen

@media screen, print 
{
  
  .vlist ul dfn, 
    .vlist ul .hidden {
    position:absolute; 
  left:-1000em; 
  width:20em;
}

} // end ... screen, print