/* Author: Craig Erskine Description: Dynamic Menu System - Horizontal/Vertical */
/* http://qrayg.com/experiment/cssmenus/ */
ul#mainmenu {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  z-index: 8000; /* Fix, ficar encima da Datatables */
}

ul#mainmenu ul {
  width: 250px; /* Sub Menu Width */
  margin: 0;
  padding: 0;
  list-style: none;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  border: 1px solid #ccc;
}

ul#mainmenu ul ul,ul#mainmenu ul ul ul {
  width: 200px;
  top: 0;
  left: 100%;
}
ul#mainmenu li {
  float: left;
  display: inline;
  position: relative;
}
ul#mainmenu ul li {
  background-color: #ffffff;
  width: 100%;
  display: block;
}
ul#mainmenu ul li:last {
  padding-bottom: 3px;
}

/* Root Menu */
ul#mainmenu > li > a {
  color: #fff;
  text-shadow: -1px 1px rgba(0, 0, 0, 0.3);
  cursor: default;
  font-size: 1.0em;
  margin: 4px 2px 1px;
  max-height: 30px;
  outline: 0;
  padding: 6px 20px;
  border: 1px solid transparent;
  white-space: nowrap;
}
ul#mainmenu > li.subShowing > a {
  background-color: rgba(255, 255, 255, 0.1);
}
ul#mainmenu > li > a:hover, ul#mainmenu > li.subShowing > a {
  border: 1px solid slategrey;
  box-shadow: 0 1px 1px rgba(255,255,255,0.5);
}
ul#mainmenu > li > a.hasSubmenu:hover .subIcon, ul#mainmenu > li.subShowing > a.hasSubmenu .subIcon {
  display: block;
}
ul#mainmenu > li > a.hasSubmenu .subIcon {
  background-position: -64px 0;
  display: none;
  margin-top: -5px;
}
ul#mainmenu ul a.hasSubmenu .subIcon {
  background-position: -32px 0;
  margin-top: -8px;
}

.subIcon {
  width: 16px;
  height: 16px;
  background-image: url(../images/icons/css-icons.png);
  position: absolute;
  top: 50%;
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  right: 6px;
}

ul#mainmenu a {
  float: left;
  display: block;
  text-decoration: none;
  border-radius: 2px;
}

ul#mainmenu ul a {
  color: #444;
  text-shadow: 0 1px rgba(0, 0, 0, 0.1);
  cursor: default;
  font-size: 1.0em;
  margin: 2px;
  min-height: 20px;
  line-height: 20px;
  min-width: 54px;
  outline: 0;
  padding: 0px 20px;
  border: 1px solid #ffffff;
}
ul#mainmenu ul a:hover {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  background-color: #F8F8F8;
  background-image: -webkit-linear-gradient(top,#F8F8F8,#F1F1F1);
  background-image: -moz-linear-gradient(top,#F8F8F8,#F1F1F1);
  background-image: -ms-linear-gradient(top,#F8F8F8,#F1F1F1);
  background-image: -o-linear-gradient(top,#F8F8F8,#F1F1F1);
  background-image: linear-gradient(top,#F8F8F8,#F1F1F1);
  border: 1px solid #C6C6C6;
}

/* Root Menu Hover Persistence */
ul#mainmenu a:hover,ul#mainmenu li:hover a,ul#mainmenu li.iehover a {
}

/* 2nd Menu */
ul#mainmenu li:hover li a,ul#mainmenu li.iehover li a {
  float: none;
}
/* 2nd Menu Hover Persistence */
ul#mainmenu li:hover li a:hover,ul#mainmenu li:hover li:hover a,ul#mainmenu li.iehover li a:hover,ul#mainmenu li.iehover li.iehover a {
}

/* 3rd Menu */
ul#mainmenu li:hover li:hover li a,ul#mainmenu li.iehover li.iehover li a {
/*  background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #BBBBBB), color-stop(1, #CCCCCC) );
  background: -moz-linear-gradient( center top, #BBBBBB 0%, #CCCCCC 100% );*/
}
/* 3rd Menu Hover Persistence */
ul#mainmenu li:hover li:hover li a:hover,ul#mainmenu li:hover li:hover li:hover a,ul#mainmenu li.iehover li.iehover li a:hover,ul#mainmenu li.iehover li.iehover li.iehover a {
/*  background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #AAAAAA), color-stop(1, #BBBBBB) );
  background: -moz-linear-gradient( center top, #AAAAAA 0%, #BBBBBB 100% );*/
}

/* 4th Menu */
ul#mainmenu li:hover li:hover li:hover li a,ul#mainmenu li.iehover li.iehover li.iehover li a {
/*  background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #AAAAAA), color-stop(1, #BBBBBB) );
  background: -moz-linear-gradient( center top, #AAAAAA 0%, #BBBBBB 100% );*/
}
/* 4th Menu Hover */
ul#mainmenu li:hover li:hover li:hover li a:hover,ul#mainmenu li.iehover li.iehover li.iehover li a:hover {
/*  background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #999999), color-stop(1, #AAAAAA) );
  background: -moz-linear-gradient( center top, #999999 0%, #AAAAAA 100% );*/
}

/* Hover Function - Do Not Move */
ul#mainmenu li:hover ul ul,ul#mainmenu li:hover ul ul ul,ul#mainmenu li.iehover ul ul,ul#mainmenu li.iehover ul ul ul {
  /*display: none;*/
}
ul#mainmenu li:hover ul,ul#mainmenu ul li:hover ul,ul#mainmenu ul ul li:hover ul,ul#mainmenu li.iehover ul,ul#mainmenu ul li.iehover ul,ul#mainmenu ul ul li.iehover ul {
  /*display: block;*/
}