/* START include:uri-menu style=[vrtx-vertical-menu] */

ul.vrtx-vertical-menu {
  margin-left: 0;
  padding-left: 0;
  list-style-type: none;
}

ul.vrtx-vertical-menu li {
  margin-top: 0;
  border-top: 1px solid #ccc;
  margin-bottom: -1px;
  border-bottom: 1px solid #ccc;
  list-style-type: none;
}

ul.vrtx-vertical-menu li a {
  display: block;
  padding: .5em .5em .5em .2em;
  border-left: .3em solid #fff;
  color:black;
  text-decoration: none;
  height: 1%; /* triggers hasLayout in IE browsers */
}

ul.vrtx-vertical-menu li.vrtx-active-item a {
  border-left: .3em solid #000;
  padding-left: .2em;
}

ul.vrtx-vertical-menu li a:hover, ul.vrtx-vertical-menu li.vrtx-active-item a:hover {
  background-color: #eee;
  color: #666;
  border-left: .3em solid #ccc;
  padding-left: .2em;
}

/* END include:uri-menu style=[vrtx-vertical-menu] */


/* START include:uri-menu style=[vrtx-horizontal-menu] */

ul.vrtx-horizontal-menu {
  white-space: nowrap;
  padding: 0 0 0 .4em;
  margin: 0;
  border: 1px solid #ccc;
  list-style-type: none;
  height: 1%; /* triggers hasLayout in IE browsers */
}

ul.vrtx-horizontal-menu:after {
  display: block;
  content: ".";
  height: 0;
  visibility: hidden;
  clear: both;
}

ul.vrtx-horizontal-menu li {
  float: left;
  margin: 0 .5em 0 0;
  padding: 0;
}

ul.vrtx-horizontal-menu a {                            
  display: block;
  margin: 0;
  padding: .2em .5em .3em .5em;
  color: #000;
  text-decoration: none;
}

ul.vrtx-horizontal-menu li.vrtx-active-item a {
  border-bottom: .2em solid #000;
  padding-bottom: .1em;
}

ul.vrtx-horizontal-menu a:hover, ul.vrtx-horizontal-menu li.vrtx-active-item a:hover {
  color: #666;
  border-bottom: .2em solid #666;
  padding-bottom: .1em;
}

/* Same menu but with inline style - better scalability but IE7 won't handle it properly when text size is increased or decreased */

/* ul.vrtx-horizontal-menu { */
/*   white-space: nowrap; */
/*   background-color: #dfd2b0; */
/*   padding: .3em 0; */
/*   margin: 0; */
/* } */

/* ul.vrtx-horizontal-menu li { */
/*   display:inline; */
/*   list-type: none;  */
/*   margin: 0px; */
/*   padding: 0px; */
/* } */

/* ul.vrtx-horizontal-menu a { */
/*   margin: 0em; */
/*   padding: .3em .75em; */
/*   color: #000; */
/*   text-decoration: none; */
/*   height: 1%; /\* triggers hasLayout in IE browsers *\/ */
/* } */

/* ul.vrtx-horizontal-menu li.vrtx-active-item a { */
/*   border-bottom: .2em solid #000; */
/*   padding-bottom: .1em; */
/* } */

/* ul.vrtx-horizontal-menu a:hover, ul.vrtx-horizontal-menu li.vrtx-active-item a:hover { */
/*   color: #666; */
/*   border-bottom: .2em solid #666; */
/*   padding-bottom: .1em; */
/* } */

/* END include:uri-menu style=[vrtx-horizontal-menu] */


/* START include:uri-menu style=[vrtx-tab-menu] */

ul.vrtx-tab-menu {
  margin: 0px;
  padding: 4px 0px;
  border-bottom: 1px solid #ccc;
  white-space: nowrap;
}

ul.vrtx-tab-menu li {
  display: inline;
  list-style: none;
  margin: 0px;
}

ul.vrtx-tab-menu li a {
  text-align: center;
  text-decoration: none;
  color: #333;
  padding: 4px 15px;
  margin: 0px 1px 0px 0px;
  border: 1px solid #ccc; 
  background-color: #eee;
  border: 1px solid #ccc;
  border-bottom: none;
}

ul.vrtx-tab-menu li.vrtx-active-item a, ul.vrtx-tab-menu li.vrtx-active-item a:hover {
  color: #000; 
  padding: 5px 15px; 
  background-color: #fff; 
}

li.vrtx-active-item a {
  font-weight: bold;
}

ul.vrtx-tab-menu li a:hover{
  color: #000;
  padding-top: 5px; 
}

/* END include:uri-menu style=[vrtx-tab-menu] */