@charset "UTF-8";

@media all
{
  .container .top {
    /* containing floats in IE */
    width:100%;
    /* Bugfix:IE - collapsing horizontal margins */
    position:relative;
  }

  .container .top ul {
    margin:0;
    padding: 0 0 0 0px;
    /* Bugfix:IE - Doubled Float Margin Bug */
    display:inline;
    float:right; /* LTR */
  }

  .container .nn_tabs ul {
    float:none;
    display:block;
  }

  .container .top ul li {
    /* Bugfix:IE - Doubled Float Margin Bug */
    display:inline;
    float:left; /* LTR */
    font-size:1.0em;
    line-height:1em;
    list-style-type:none;
    margin: 0 .25em 0 0;
    padding:0;
  }

  .container .top ul li a,
  .container .top ul li strong,
  .container .top ul li span.separator {
    background:transparent;
    color:#000;
    display:block;
    font-size:1em;
    line-height:1em;
    padding: 0.5em 0.4em;
    font-weight:normal;
    text-decoration:none;
    /*text-shadow: 0 1px 1px rgba(0,0,0,.5);*/
    width:auto;

    -webkit-border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    border-radius: 0.2em;

    -webkit-transition: background-color .15s ease-in;
    -moz-transition: background-color .15s ease-in;
    -o-transition: background-color .15s ease-in;
    transition: background-color .15s ease-in;
  }

.container .top ul li a:focus,
.container .top ul li a:hover,
.container .top ul li a:active,
.container .top ul li.active a {
    color: #D4883F;
   /* background:#fff;
    background: rgba(255,255,255,.25);*/
    text-decoration:none;
    outline: 0 none;

    -webkit-transition: background-color .2s ease-out;
    -moz-transition: background-color .2s ease-out;
    -o-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out;
  }

  .container .top ul li.active {
    background: none;
    -webkit-border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    border-radius: 0.2em;
  }

  .container .top ul li.active strong,
  .container .top ul li.active span.separator,
  .container .top ul li.active a.active_link,
  .container .top ul li.active a:focus,
  .container .top ul li.active a:hover,
  .container .top ul li.active a:active {
    background:transparent;
    color: #D4883F;
    text-decoration:none;
  }

  /*
   * Subtitle support. Split menu title (defaults with ##).
   * You can change the separator value in the template params by menu options
   */
  * html .container .top ul li a {
    position: relative; /* IE5+6 hover fix need with subtitles */
  }

  .container .top ul li a span,
  .container .top ul li strong span,
  .container .top ul li span.separator span {
    display: block;
  }

  .container .top ul li span.subtitle {
    display: block;
    font-size: smaller;
    font-weight: normal;
    color: #777;
  }

  /* You can use .maintitle, .subtitle-0, .subtitle-1, .subtitle-2, etc. to adjust the maintitle or each subtitle line */
  .container .top ul li span.subtitle-0 {
    margin-top: .5em;
  }

  /* .hlist ul li span.subtitle-empty { display: none; } */

  .container .top ul li a:focus span.subtitle,
  .container .top ul li a:hover span.subtitle,
  .container .top ul li a:active span.subtitle {
    color: #aaa;
  }

  .container .top ul li.active strong span.subtitle,
  .container .top ul li.active span.separator span.subtitle,
  .container .top ul li.active a.active_link span.subtitle,
  .container .top ul li.active a:focus span.subtitle,
  .container .top ul li.active a:hover span.subtitle,
  .container .top ul li.active a:active span.subtitle {
    color: #ccc;
  }

}