@charset "UTF-8";

@media screen
{
  .vlist { width:100%; overflow:hidden; margin:0; list-style-type:none; }
  .vlist ul { list-style-type: none; margin:0; padding: 0;}
  .vlist li { float:left; width: 100%; margin:0;padding: 0; list-style-type:none; } /* LTR */

  .vlist a,
  .vlist strong,
  .vlist span { display:block; padding-top: 5px; padding-bottom: 3px; text-decoration: none; }

  h6.vlist  { display:block; padding-top: 0px; padding-bottom: 3px; text-decoration: none; color: #444; padding-left: 8px; font-size: 100%; font-weight: normal; }

  .vlist a,
  .vlist a:visited { color: #444; text-decoration: none; }

  /* Level 1 */

  .vlist li { border-top: 2px #fff solid; }

  .vlist li a,
  .vlist li strong,
  .vlist li span { width: 168px ; padding-left: 8px; } /* LTR */

  .vlist li a:focus,
  .vlist li a:hover,
  .vlist li a:active { background-color:#7DB3E2; text-decoration: none; }

  .vlist li.active { background-color:#0671B5; color: #fff; }
  .vlist li.active a,
  .vlist li.active a:visited,
  .vlist li.active strong
  .vlist li.active span { font-weight: bold; text-decoration: none; color: #fff; }

  .vlist li.active a:focus,
  .vlist li.active a:hover,
  .vlist li.active a:active { background-color:#7DB3E2; }

  /* Level 2 */
  .vlist li.active ul li  { background-color:#7DB3E2; border-top: 0px; color: #444; }

  .vlist li.active ul li a,
  .vlist li.active ul li a:visited,
  .vlist li.active ul li strong,
  .vlist li.active ul li span { width: 149px; padding-left: 26px;  font-weight: normal;  padding-bottom: 3px; padding-top: 1px; background-image: url(../../images/arrow_3_5.png); background-repeat:no-repeat; background-position:18px 8px;  color: #444; } /* LTR */

  .vlist li.active ul li a:focus,
  .vlist li.active ul li a:hover,
  .vlist li.active ul li a:active { background-color:#c0ced1;  color: #444; }

  .vlist li.active ul li.active { border-top: 1px #fff solid; border-bottom: 1px #fff solid; }

  .vlist li.active ul li.active a,
  .vlist li.active ul li.active a:visited,
  .vlist li.active ul li.active strong,
  .vlist li.active ul li.active span { font-weight: bold;  color: #444; }

  /* Level 3 */
  .vlist li.active ul li.active ul li a,
  .vlist li.active ul li.active ul li a:visited,
  .vlist li.active ul li.active ul li strong,
  .vlist li.active ul li.active ul li span { width: 132px; padding-left: 44px; font-weight: normal;  background-image: url(../../images/square_3_5.png); background-repeat:no-repeat; background-position:33px 8px; } /* LTR */

  .vlist li.active ul li.active ul li { border-top: 0px #fff solid; border-bottom: 0px #fff solid; }

  .vlist li.active ul li.active ul li.active a,
  .vlist li.active ul li.active ul li.active a:visited,
  .vlist li.active ul li.active ul li.active strong,
  .vlist li.active ul li.active ul li.active span { font-weight: bold; }

  /* Level 4 */
  .vlist li.active ul li.active ul li.active ul li a,
  .vlist li.active ul li.active ul li.active ul li a:visited,
  .vlist li.active ul li.active ul li.active ul li strong,
  .vlist li.active ul li.active ul li.active ul li span {  width:60%; padding-left: 40%; font-weight: normal;  } /* LTR */

}