/*
  This is the default layout template for nice menus, and will provide
  a starting point for the look of your menus. To customize, it's
  recommended to create a custom CSS file using this file as a template,
  then configure the module to use your custom CSS file
  (this is done in the global settings tab of the theme administration.)

  See README.txt and the handbook page (http://drupal.org/node/185543)
  for more information on using the CSS.
*/

/******************************
 Global CSS for ALL menu types
******************************/

ul.nice-menu,
ul.nice-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    border: 0;
}

ul.nice-menu li {
    border: 0;
    float: left; /* LTR */
    background-color: #f0f0f0;
    width: 124px;
    float: left;
}

ul.nice-menu li a {
    padding: 0 5px;
    color:#000;
    font-family: 'open_sansregular';
    /*height: 100%;*/
}

ul.nice-menu > li {
    border-bottom: 5px solid #ccc;
    line-height:20px;
    margin: 0 12px 0 0;
    height: 45px;
}

/* 1 */
ul.nice-menu > li.first {
    border-bottom-color: #0b4778 !important;
}

ul.nice-menu > li.first:hover > a,
ul.nice-menu > li.first.active-trail > a,
ul.nice-menu > li.first.active-trail li.active-trail > a,
ul.nice-menu > li.first  a:hover { color: #0b4778; }

/* 2 */
ul.nice-menu > li.first  + li {
    border-bottom-color: #ff556e !important;
}

ul.nice-menu > li.first + li:hover > a,
ul.nice-menu > li.first + li.active-trail > a,
ul.nice-menu > li.first + li.active-trail li.active-trail > a,
ul.nice-menu > li.first + li a:hover { color: #ff556e; }

/* 3 */
ul.nice-menu > li.first + li  + li{
    border-bottom-color: #009ea0 !important;
}

.page-department-staff-search ul.nice-menu > li.first + li + li  > a,
.page-services-et-personnel-search ul.nice-menu > li.first + li + li  > a,
ul.nice-menu > li.first + li + li:hover  > a,
ul.nice-menu > li.first + li + li.active-trail  > a,
ul.nice-menu > li.first + li + li.active-trail li.active-trail > a,
ul.nice-menu > li.first + li + li a:hover { color: #009ea0; }

/* 4 */
ul.nice-menu > li.first + li  + li + li{
    border-bottom-color: #d4009f !important;
}


.page-health-info-search ul.nice-menu > li.first + li + li + li > a,
ul.nice-menu > li.first + li + li + li:hover > a,
ul.nice-menu > li.first + li + li + li.active-trail > a,
ul.nice-menu > li.first + li + li + li.active-trail li.active-trail > a,
ul.nice-menu > li.first+ li + li + li a:hover { color: #d4009f; }

/* 5 */
ul.nice-menu > li.first + li  + li + li + li{
    border-bottom-color: #ec8f09 !important;
}

ul.nice-menu > li.first + li + li + li + li:hover > a,
ul.nice-menu > li.first + li + li + li + li.active-trail > a.active,
ul.nice-menu > li.first + li + li + li + li.active-trail li > a.active,
ul.nice-menu > li.first + li + li + li + li a:hover { color: #ec8f09; }

/* 6 */
ul.nice-menu > li.first + li  + li + li + li + li{
    border-bottom-color: #803000 !important;
}

ul.nice-menu > li.first + li + li + li + li + li:hover > a,
ul.nice-menu > li.first + li + li + li + li + li.active-trail > a,
ul.nice-menu > li.first + li + li + li + li + li.active-trail li.active-trail > a,
ul.nice-menu > li.first + li + li + li + li + li a:hover { color: #803000; }

/* 7 */
ul.nice-menu > li.first + li  + li + li + li + li + li{
    border-bottom-color: #8cc618 !important;
}

ul.nice-menu > li.first + li + li + li + li + li + li:hover > a,
ul.nice-menu > li.first + li + li + li + li + li + li.active-trail > a,
ul.nice-menu > li.first + li + li + li + li + li + li.active-trail li.active-trail > a,
ul.nice-menu > li.first + li + li + li + li + li + li a:hover { color: #8cc618; }

ul.nice-menu > li:last-child{
    margin:0;
}

ul.nice-menu a {
    padding: 0.3em 5px 0.3em 5px;
    font-size: 14px;
    text-decoration: none;
    text-align: center;
}

ul.nice-menu ul {
    top: 50px;
    left: -1px; /* LTR */
    border: 0;
    margin-right: 0; /* LTR */
}

ul.nice-menu ul li {
    /*width: 12.5em;*/
    background: #f0f0f0;
    width: 124px;
    float: left;
}

/******************************
 VERTICAL (left/right) menus
******************************/

/* This is the default width of all vertical menus. */
ul.nice-menu-right, ul.nice-menu-left,
ul.nice-menu-right li, ul.nice-menu-left li {
    width: 12.5em;
}

/* VERTICAL menus where submenus pop RIGHT (default). */
ul.nice-menu-right ul {
    width: 12.5em;
    left: 12.5em;
    top: -1px;
}

ul.nice-menu-right ul ul {
    width: 12.5em;
    left: 12.5em;
    top: -1px;
}

ul.nice-menu-right li.menuparent,
ul.nice-menu-right li li.menuparent {
    background: #eee url(arrow-right.png) right center no-repeat;
}

ul.nice-menu-right li.menuparent:hover,
ul.nice-menu-right li li.menuparent:hover {
    background: #ccc url(arrow-right.png) right center no-repeat;
}

/* VERTICAL menus where submenus pop LEFT. */
ul.nice-menu-left li ul {
    width: 12.5em;
    left: -12.65em;
    top: -1px;
}

ul.nice-menu-left li ul li ul {
    width: 12.5em;
    left: -12.65em;
    top: -1px;
}

ul.nice-menu-left li.menuparent,
ul.nice-menu-left li li.menuparent {
    background: #eee url(arrow-left.png) left center no-repeat;
}

ul.nice-menu-left li.menuparent:hover,
ul.nice-menu-left li li.menuparent:hover {
    background: #ccc url(arrow-left.png) left center no-repeat;
}

ul.nice-menu-left a, ul.nice-menu-left ul a {
    padding-left: 14px;
}

/******************************
 HORIZONTAL (down) menus
******************************/

ul.nice-menu-down {
    float: left; /* LTR */
    border: 0;
    z-index:99;
}

ul.nice-menu-down > li {
    display: table;
    /* border-top: 1px solid #ccc;*/
}

ul.nice-menu-down > li > a {
    display: table-cell;
    vertical-align: middle;
}

ul.nice-menu-down li li {
    border-top: 0;
}

ul.nice-menu-down ul {
    left: 0; /* LTR */
    z-index: 99 !important;
}

ul.nice-menu-down ul li {
    clear: both;
}

ul.nice-menu-down li ul li ul {
    left: 12.5em; /* LTR */
    top: -1px;
}

ul.nice-menu-down ul a {
    padding-top:10px;
    text-align: left;
}

ul.nice-menu-down ul li:last-child a {
    padding-bottom:10px;
}

ul.nice-menu-down li.menuparent {
    background: #eee /* url(arrow-down.png) right center no-repeat;  LTR */
}