/* shortcut menu (header) */
#header a { text-decoration:none; color:#555;}
#header a:hover { background-color:#eee;}
#header a.qmen img { border:0px; height:15px; }
#header a.qmen span { font-size:8pt; }

#header-wrapper {
    background:#d0d9b2;
    border-bottom:1px solid #464;
}

/**
colors in header, to distinct instances/setups from each other
*/
body.webtest #header-wrapper  {
    background:#E77C36;
    box-shadow: 1px 1px 55px -3px #E77C36;
}
body.webtest #menu ul.navigation a {
    background:#E77C36;
}

body.staging #header-wrapper  {
    background:#C6FA18;
    box-shadow: 1px 1px 55px -3px #C6FA18;
}
body.staging #menu ul.navigation a {
    background:#C6FA18;
}

body.dev #header-wrapper  {
    background:#a7aC36;
}

/* breadcrumb path*/
#bread {
    font-size:9pt;
    padding:0.1em;
    margin-top:-2px;
}
#bread a { text-decoration:none; font-weight:bold; color:#141; }

/* login info */
#menu p { font-size:7pt;
    margin:5px;}


/* main menu */
#menu {
        float:left;
         /*height:25px;*/
        /*border:1px solid #555;*/
        /*margin:0px 5px 15px 5px;*/

}

#menu ul {padding:0px; margin:0xp; }
#menu ul.navigation {
    /*float:left;*/
    font-size:0.9em;
    margin:0px;
    padding-left: 0;
    white-space: nowrap;

}


#menu ul.navigation ul  { margin-bottom:5px; }
#menu ul.navigation li  {border-bottom:1px dotted #999;}
/* #menu ul.navigation li  {} */
#menu ul.navigation ul li {
            clear:left;
            /*margin-top:1px;*/
            font-size:0.9em;
            font-weight:normal;
            border:0px;
        }
#menu ul.navigation li.active { font-weight:bold; }
#menu ul.navigation ul li.active { background:#f7f6c5; }


#menu ul.navigation li {
    float:left;
    list-style:none;
    display: list-item;
    *list-style-type: none;
    margin:0px;
    padding:0px;
    width:100px;
}

#menu ul.navigation li ul {
    background:#ccc;
    border:1px solid #999;
}

#menu ul.navigation li  { position:relative; }
#menu ul.navigation li ul { position:absolute; z-index:100;}

/* menu 1st level */
#menu ul.navigation a {
    display:block;
    text-decoration:none;
    color:#333;
    padding:0.4em 0.7em;
    background:#e0e9c2;
}

body.staging #menu ul.navigation li ul li a { background:#fff; }
body.staging #menu ul.navigation li ul li:hover { border:0xp; background:#fc0;}
body.staging #menu ul.navigation li ul li:hover a { border:0xp; background:#fc0;}

body.dev #menu ul.navigation a {
    background:#a7aC36;
}



/* menu 2nd level */
#menu ul.navigation li li a {
    padding:0.4em 0.3em;
    color:#000;
}

#menu ul.navigation li ul li:hover { border:0xp; background:#fc0;}
#menu ul.navigation li ul li:hover a { border:0xp; background:#fc0;}
#menu ul.navigation li ul li a { background:#fff; }


/* main menu items*/
/* #menu ul.navigation li {  }
#menu ul.navigation li:hover {  color:#222; border-top:0px;  } */
#menu ul.navigation li { border:1px dotted #d0d9b2; }
#menu ul.navigation li:hover { border:1px solid #999; color:#222; border-top:0px;  }



/* submenu containers / hovering */
#menu ul.navigation li ul { display:none; }
#menu ul.navigation li:hover ul li { border:0; }
#menu ul.navigation li:hover ul { display:block; margin-left:-1px;}
#menu ul.navigation li.active ul { display:none; }
#menu ul.navigation li.active:hover ul { display:block; }

#header { float:right;}