#top-menu {
  overflow: hidden;
  clear: both; }

/* Intranet menu  - for larger screens */
@media only screen and (min-width: 768px) {
  .top-menu {
    margin: 10px 0 0 110px;
    padding: 0px 0 0 0;
    overflow: hidden;
    clear: both;
    /* * * Dropdown * * */ }
    .top-menu li {
      list-style: none;
      display: block;
      float: left;
      width: 132px;
      padding: 10px 0 0 0;
      /* * * Dropdown * * */ }
      .top-menu li:not(:first-of-type) {
        border-left: 1px solid #aab; }
      .top-menu li a {
        font-weight: bold;
        color: #ffee30;
        text-transform: uppercase;
        padding: 0 0 20px 24px;
        display: block; }
        .top-menu li a span {
          display: block;
          text-transform: none;
          font-size: 11px;
          line-height: 13px;
          font-weight: normal;
          width: 80px;
          color: #eee; }
        .top-menu li a:link, .top-menu li a:visited {
          color: #ffee30;
          text-decoration: none;
          text-transform: uppercase; }
          .top-menu li a:link span, .top-menu li a:visited span {
            color: #eee; }
        .top-menu li a:hover, .top-menu li a:active {
          color: #ffc050;
          text-decoration: underline; }
          .top-menu li a:hover span, .top-menu li a:active span {
            color: #fff;
            text-decoration: none; }
      .top-menu li ul {
        display: none;
        /*  display: block; */
        position: absolute;
        /*  top:12px; */
        z-index: 10;
        /*  margin: 72px 0 0 0; */
        padding: 0px 0 0 0;
        background-color: #000;
        list-style: none;
        border: none; }
    .top-menu > li > ul {
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s;
      display: block;
      visibility: hidden;
      opacity: 0; }
      .top-menu > li > ul li:hover > ul {
        display: block;
        /*  opacity: 100.0;  */
        top: 0; }
    .top-menu > li:hover > ul {
      display: block;
      visibility: visible;
      z-index: 10;
      /*  max-height:1000px; */
      opacity: 100; }
    .top-menu li > ul > li {
      position: relative;
      font-size: 80%;
      font-weight: normal;
      line-height: 18px;
      border-top: 1px solid #fff;
      padding: 1px 1px 1px 1px;
      margin: 0px 0px 0px 0px;
      border-left: 0px;
      float: none;
      background: #4e7191;
      /*  background:#395569; */
      white-space: nowrap;
      /*  height:18px;
        width:100%;*/
      width: auto; }
      .top-menu li > ul > li a, .top-menu li > ul > li a:link, .top-menu li > ul > li a:visited {
        color: #ddd;
        padding: 4px 48px 4px 24px; }
      .top-menu li > ul > li a:hover {
        color: #fff; }
      .top-menu li > ul > li.active-project {
        background: #2e6121; }
      .top-menu li > ul > li.recent {
        background: #3c7a2b; }
      .top-menu li > ul > li > ul {
        position: absolute;
        left: 100%;
        top: 0; } }
/* Intranet menu  - for medium screens */
@media only screen and (min-width: 481px) and (max-width: 767px) {
  .intranet-admin #header .inner {
    width: auto;
    overflow: hidden;
    white-space: nowrap; }

  .top-menu {
    margin: 0;
    padding: 0px 0 0 0;
    overflow: hidden;
    clear: both;
    /* * * Dropdown * * */ }
    .top-menu li {
      list-style: none;
      display: block;
      float: left;
      width: 19%;
      border-left: 1px solid #eee;
      padding: 10px 0 0 0;
      /* * * Dropdown * * */ }
      .top-menu li a {
        font-weight: bold;
        color: #ffee30;
        text-transform: uppercase;
        padding: 0 0 20px 0;
        display: block;
        text-align: center; }
        .top-menu li a > span {
          display: none;
          /*          text-transform: none;
                    font-size:11px;
                    line-height: 13px;
                    font-weight:normal;
                    width: 80px;
                    color: #eee; */ }
        .top-menu li a:link, .top-menu li a:visited {
          color: #ffee30;
          text-decoration: none;
          text-transform: uppercase; }
          .top-menu li a:link span, .top-menu li a:visited span {
            color: #eee; }
        .top-menu li a:hover, .top-menu li a:active {
          color: #ffc050;
          text-decoration: underline; }
          .top-menu li a:hover span, .top-menu li a:active span {
            color: #fff;
            text-decoration: none; }
      .top-menu li ul {
        display: none;
        /*  display: block; */
        position: absolute;
        /*  top:12px; */
        z-index: 10;
        /*  margin: 72px 0 0 0; */
        padding: 0px 0 0 0;
        background-color: #000;
        list-style: none;
        border: none; }
    .top-menu > li > ul {
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s;
      display: block;
      visibility: hidden;
      opacity: 0; }
      .top-menu > li > ul li:hover > ul {
        display: block;
        /*  opacity: 100.0;  */
        top: 0; }
    .top-menu > li:hover > ul {
      display: block;
      visibility: visible;
      z-index: 10;
      /*  max-height:1000px; */
      opacity: 100; }
    .top-menu li > ul > li {
      position: relative;
      font-size: 70%;
      font-weight: normal;
      line-height: 18px;
      border-top: 1px solid #fff;
      padding: 1px 1px 1px 1px;
      margin: 0px 0px 0px 0px;
      border-left: 0px;
      float: none;
      background: #4e7191;
      /*  background:#395569; */
      white-space: nowrap;
      /*  height:18px;
        width:100%;*/
      width: auto; }
      .top-menu li > ul > li a, .top-menu li > ul > li a:link, .top-menu li > ul > li a:visited {
        text-align: left;
        color: #ddd;
        padding: 4px 48px 4px 24px; }
      .top-menu li > ul > li a:hover {
        color: #fff; }
      .top-menu li > ul > li.active-project {
        background: #2e6121; }
      .top-menu li > ul > li.recent {
        background: #3c7a2b; }
      .top-menu li > ul > li > ul {
        position: absolute;
        left: 100%;
        top: 0; } }
/* Intranet menu  - for portrait phone */
@media only screen and (max-width: 480px) {
  .intranet-admin #header .inner {
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    height: auto; }

  .top-menu {
    margin: 0;
    padding: 0px 0 0 0;
    overflow: hidden;
    clear: both;
    /* * * Dropdown * * */ }
    .top-menu li {
      list-style: none;
      display: block;
      border-bottom: 1px solid #ccd;
      padding: 0px;
      /* * * Dropdown * * */ }
      .top-menu li a {
        font-weight: bold;
        color: #ffee30;
        text-transform: uppercase;
        padding: 2px 4px 2px 4px;
        display: block; }
        .top-menu li a > span {
          display: none; }
        .top-menu li a:link, .top-menu li a:visited {
          color: #ffee30;
          text-decoration: none;
          text-transform: uppercase; }
          .top-menu li a:link span, .top-menu li a:visited span {
            color: #eee; }
        .top-menu li a:hover, .top-menu li a:active {
          color: #ffc050;
          text-decoration: underline; }
          .top-menu li a:hover span, .top-menu li a:active span {
            color: #fff;
            text-decoration: none; }
      .top-menu li ul {
        display: none;
        /*  top:12px; */
        z-index: 10;
        /*  margin: 72px 0 0 0; */
        padding: 0px 0 0 0;
        background-color: #000;
        list-style: none;
        border: none; }
    .top-menu > li > ul {
      display: none; }
      .top-menu > li > ul li:hover > ul {
        display: block;
        /*  opacity: 100.0;  */
        top: 0; }
    .top-menu > li:hover > ul {
      display: block;
      z-index: 10; }
    .top-menu li > ul > li {
      font-size: 70%;
      font-weight: normal;
      line-height: 18px;
      border-top: 1px solid #fff;
      padding: 1px 1px 1px 1px;
      margin: 0px 0px 0px 0px;
      border-left: 0px;
      float: none;
      background: #4e7191;
      /*  background:#395569; */
      white-space: nowrap;
      /*  height:18px;
        width:100%;*/
      width: auto; }
      .top-menu li > ul > li a, .top-menu li > ul > li a:link, .top-menu li > ul > li a:visited {
        text-align: left;
        color: #ddd;
        padding: 2px 0px 2px 24px; }
      .top-menu li > ul > li a:hover {
        color: #fff; }
      .top-menu li > ul > li.active-project {
        background: #2e6121; }
      .top-menu li > ul > li.recent {
        background: #3c7a2b; } }
/* local menu items in project lists */
.local-menu .active {
  color: black; }

/*# sourceMappingURL=menu.css.map */