/**
 * Portal menu
 */
ul#portal-nav,
ul#portal-nav ul {
    margin: 2;
    padding: 0;
    width: 145px; /* Width of Menu Items */
    border-bottom: 1px solid #ccc;
    background: #fff; /* IE6 Bug */
    font-size: 100%;
    z-index: 100;
    position:relative;
}

ul#portal-nav li {
    position: relative;
    list-style: none;
}

ul#portal-nav li a {
    display: block;
    text-decoration: none;
    color: #174E79;
    padding: 5px;
    border: 1px solid #ccc;
    border-bottom: 0;
}

/* Fix IE. Hide from IE Mac \*/
* html ul#portal-nav li { float: left; height: 1%; }
* html ul#portal-nav li a { height: 1%; }
/* End */

ul#portal-nav ul {
    position: absolute;               
    display: none;
    left: 143px; /* Set 21px less than menu width */
    top: 0;
}

ul#portal-nav li ul li a { padding: 2px 5px; } /* Sub Menu Styles */

ul#portal-nav li:hover ul ul,
ul#portal-nav li:hover ul ul ul,
ul#portal-nav li.over ul ul,
ul#portal-nav li.over ul ul ul { display: none; } /* Hide sub-menus initially */

ul#portal-nav li:hover ul,
ul#portal-nav li li:hover ul,
ul#portal-nav li li li:hover ul,
ul#portal-nav li.over ul,
ul#portal-nav li li.over ul,
ul#portal-nav li li li.over ul { display: block; } /* The magic */

ul#portal-nav li.menubar { background: transparent url(/siscae/resources/images/arrow.jpg) right center no-repeat; }

ul#portal-nav li:hover,
ul#portal-nav li.over { background-color: #f9f9f9; }

ul#portal-nav li a:hover { color: #ea8a1a; }

/**
 * App menu
 */

ul#app-nav,
ul#app-nav ul {
    margin: 2;
    padding: 0;
    width: 145px; /* Width of Menu Items */
    border-bottom: 1px solid #ccc;
    background: #fff; /* IE6 Bug */
    font-size: 100%;
    z-index : 100;
    position:relative;
}

ul#app-nav li {
    position: relative;
    list-style: none;
}

ul#app-nav li a {
    display: block;
    text-decoration: none;
    color: #174E79;
    padding: 5px;
    border: 1px solid #ccc;
    border-bottom: 0;
}

/* Fix IE. Hide from IE Mac \*/
* html ul#app-nav li { float: left; height: 1%; }
* html ul#app-nav li a { height: 1%; }
/* End */

ul#app-nav ul {
    position: absolute;
    display: none;
    left: 143px; /* Set 1px less than menu width */
    top: 0;
}

ul#app-nav li ul li a { padding: 2px 5px; } /* Sub Menu Styles */

ul#app-nav li:hover ul ul,
ul#app-nav li:hover ul ul ul,
ul#app-nav li.over ul ul,
ul#app-nav li.over ul ul ul { display: none; } /* Hide sub-menus initially */

ul#app-nav li:hover ul,
ul#app-nav li li:hover ul,
ul#app-nav li li li:hover ul,
ul#app-nav li.over ul,
ul#app-nav li li.over ul,
ul#app-nav li li li.over ul { display: block; } /* The magic */

ul#app-nav li.menubar { background: transparent url(/siscae/resources/images/arrow.jpg) right center no-repeat; }

ul#app-nav li:hover,
ul#app-nav li.over { background-color: #f9f9f9; }

ul#app-nav li a:hover { color: #ea8a1a; }