/*
    project: WestLB
    type: stylesheet
    description: shared styles for UDM4 menus
    (c) Aperto AG 2004. All rights reserved.
*/

/*

    WX

*/

/* ----------  shared styles for vertical and horizontal navigation  ---------- */
.menu, .menu li, .menu ul {
    margin: 0;
    padding: 0;
}
* html .menu {
    color: black; /* ### CAUTION: IE does not render sub menu without this property (has to be "black") ### */
}
.menu {
    z-index: 20000;
}
.menu ul {
    background-color: #fff;
    display: none;
    position: absolute;
    visibility: hidden;
    z-index: 20100;
}
.menu ul li:first-child {
    margin-top: 0;
}
.menu a {
    border: 1px solid #999;
    font-size: .625em;
    line-height: 1;
    z-index: 1000;
}
.menu a.nohref {
    cursor: default;
}
.menu a.nohref, .menu a:link, .menu a:visited {
    background-color: #fff;
    color: #434e66;
}
.menu a.active, .menu a.active:link, .menu a.active:visited, .menu a.udmR, .menu a.udmR:visited, .menu a.nohref:hover, .menu a.nohref:focus, .menu a.nohref:active, .menu a:visited:hover, .menu a:hover, .menu a:focus, .menu a:active {
    background-color: #f2f4f9;
    color: #3351a3;
}
.menu .inactive a.nohref, .menu .inactive a.nohref:hover, .menu .inactive a.nohref:focus, .menu .inactive a.nohref:active { /* new */
    color: #d7d7d7;
}
.menu .inactive a.nohref {
    background-color: #fff;
}
.menu a.external, .menu a.external:link, .menu a.external:visited {
    background-image: url('./icon_external.gif') !important;
}
.menu a.external:visited:hover, .menu a.external:hover, .menu a.external:focus, .menu a.external:active {
    background-image: url('./icon_external_hover.gif') !important;
}
/* opener for submenu */
.menu a .udmA {
    background-image: url('./icon_arrow_down.png');
    background-position: right center;
    background-repeat: no-repeat;
    cursor: pointer !important;
    display: none !important;
/*    display: block;*/
    height: 1em;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
    width: auto;
}
* html .menu a .udmA {
    right: 1px;
    top: 1px;
}
.menu a .udmA img {
    border: none !important;
    cursor: pointer !important;
    height: 1em;
}
.menu a.active .udmA, .menu a.udmR .udmA, .menu a.udmR:visited .udmA, .menu a:visited:hover .udmA, .menu a:hover .udmA, .menu a:focus .udmA, .menu a:active .udmA {
    background-image: url('./icon_arrow_down_hover.png');
}
/* subheadings */
.menu h1, .menu h2, .menu h3, .menu h4, .menu h5, .menu h6 {
    color: #000;
    font-size: 1em;
    font-weight: normal;
    line-height: 1;
    margin: 0;
    padding: 0;
}
.menu .udmC {
    filter: alpha(opacity=0);
    height: auto;
    left: 0;
    position: absolute;
    top: 0;
    width: auto;
    z-index: 20020;
}

/* iframe shim styling */
.iframeShim  {
    border: none;
    height: auto;
    left: 0;
    position: absolute;
    top: 0;
    width: auto;
    /* z-index should be #navWrapper - 10 */
    z-index: 990;
}


/* ----------  specific styles for vertical navigation: generic  ---------- */
.vctl li {
    display: block;
}
.vctl li.cluster {
    margin-top: 1.3750em;
}
.vctl ul li {
    margin-bottom: 0;
    margin-top: -1px;
    width: 100%;
}
.vctl a {
    background-repeat: no-repeat;
    display: block;
    font-weight: bold;
    padding: .7em 1.5em;
    position: relative;
}
@media screen,projection {
    * html .vctl li {
        display: inline;
    }
    * html .vctl li, * html .vctl ul li {
        display/**/: block;
        float/**/: left;
    }
    .vctl:not(:nth-child(n)).vctl li, .vctl:not(:nth-child(n)) ul li {
        display: block;
        float: left;
    }
}


/* ----------  specific styles for vertical navigation: left to right  ---------- */
.ltr a {
    background-position: 0 .6em;
}


/*
    Workaround to stop requests and flickering of background images in IE/Win
    Used for .w1udm, .w2udm
*/
* html .w1udm a, * html .static a, * html .static a:hover, * html .w2udm li li a {
    background-image: none !important;
}
* html .w1udm li span, * html .w2udm li span {
    position: absolute;
    margin: -1px 0 0 -.7em;
    width: 7px;
    font-size: 12px !important;
    font-family: Arial, sans-serif !important;
}
* html .w1udm li span:first-letter { /* selectors are to be separated, otherwise IE forgets the first */
    margin: 0 0 0 -3px;
}
* html .w2udm li span:first-letter {
    margin: 0 0 0 -3px;
}
* html .w1udm li a:hover span, * html .w2udm li a:hover span {
    color: #3351a3 !important;
}
* html .menu a.external {
    zoom: 1; /* trigger 'layout', fixes wrong background-position on hover */
}



/* ----------  specific styles for vertical navigation: right to left  ---------- */
.rtl a {
    background-position: .5em .6em;
}
.rtl a.nohref, .rtl a:link, .rtl a:visited {
    background-image: url('./icon_arrow_left.png');
}
.rtl a.active, .rtl a.active:link, .rtl a.active:visited, .rtl a.udmR, .rtl a.udmR:visited, .rtl a.nohref:hover, .rtl a.nohref:focus, .rtl a.nohref:active, .rtl a:visited:hover, .rtl a:hover, .rtl a:focus, .rtl a:active {
    background-image: url('./icon_arrow_left_hover.png');
}


/*

    W0 META NAVIGATION

*/

.w0udm {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
@media screen,projection {
    .w0udm {
        float: left;
    }
    .w0udm:not(:nth-child(n)) {
        float: none;
    }
}
.w0udm>li:first-child {
    margin-left: .5em;
}
@media ScReEn{
    .w0udm>li:first-child {
    margin-left: 0;
    }
}
@media screen,projection {
    .w0udm:not(:nth-child(n))>li:first-child {
        margin-left: .5em;
    }
}
.w0udm li {
    left: .5em;
}
@media screen,projection {
    .w0udm li {
        position: relative;
    }
}
.w0udm ul li {
    left: 0;
}
ul[class^="w0udm"] li {
    left: 0;
    position: static;
}
@media ScReEn{
    ul[class^="w0udm"] li {
    left: .5em;
    position: relative;
    }
}
@media screen,projection {
    .w0udm:not(:nth-child(n)) li {
        position: static;
    }
}
.w0udm li {
    display: block;
    float: left;
    width: auto;
}
.w0udm li a {
    display: block;
    float: left;
    white-space: nowrap;
}
@media screen,projection {
    .w0ud\m li a {
    position: relative;
    float: none;
    }
}
ul[class^="w0udm"] li a {
    position: relative;
    float: none;
}
@media screen,projection {
    * html .w0udm li a {
        position: relative;
        float: none;
    }
    .w0udm li a:not(:nth-child(n)) {
        position: static;
        float: left;
    }
}
.w0udm ul li a {
    position: relative;
    float: none !important;
    white-space: normal;
}
.w0udm li a {
    margin-left: -1px;
}
@media ScReEn {
    .w0udm li {
        margin-left: -1px !important;
    }
    .w0udm li a {
        margin-left: 0;
    }
}
@media screen,projection {
    .w0udm:not(:nth-child(n)) li:first-child {
        margin-left: .5em !important;
    }
    .w0udm:not(:nth-child(n)) li:first-child a {
        margin-left: -1px;
    }
    .w0udm:not(:nth-child(n)) ul li:first-child {
        margin-left: 0 !important;
    }
}
head:first-child+body ul[class^="w0udm"] li:not(:first-child) {
    margin-left: -1px;
}
.w0udm ul li {
    margin-left: 0 !important;
}
ul[class^="w0udm"] ul li {
    margin-left: 0 !important;
}
.w0udm ul li {
    float: none;
    margin-top: -1px;
    position: static;
    width: 100%;
}
.w0udm ul {
    width: 9.5em;
}
.w0udm a {
    border-width: 0 1px 1px 1px;
    padding: .4em 1.6em .3em .8em;
    font-family: Arial, sans-serif;
    font-weight: normal;
}
.w0udm ul a {
    background-position: 0 .1em;
    background-repeat: no-repeat;
    border-width: 1px;
    margin: 0;
    padding: .2em .5em .2em 1.4em;
}
* html body .w0udm ul a {
    background-position: .1em .2em;
    padding-top: .3em;
    padding-bottom: .1em;
}

* html body .w0udm ul a:hover,
* html body .w0udm ul a:active {
    padding-top: .2em; /* Required to adapt padding for IE/Win as changing font-family somehow changes inline-box as well (resulting in jumping link text) */
    padding-bottom: .2em;
}
.w0udm a .udmA {
    margin: 0 .8em;
    padding: .5em 0;
    width: .5em;
}
* html .w0udm a .udmA {
    right: -.4em;
    top: .1em;
}
.w0udm ul a .udmA {
    margin: 0 .5em;
    padding: .2em 0;
}
.w0udm h3, .w0udm h4, .w0udm h5, .w0udm h6 {
    display: inline;
}
.w0ud\m h3, .w0ud\m h4, .w0ud\m h5, .w0ud\m h6 {
    display: block;
}
ul[class^="w0udm"] h3, ul[class^="w0udm"] h4, ul[class^="w0udm"] h5, ul[class^="w0udm"] h6 {
    display: block;
}
* html .w0udm h3, * html .w0udm h4, * html .w0udm h5, * html .w0udm h6 {
    display: block;
}
@media screen,projection {
    .w0udm h3, .w0udm h4, .w0udm h5, .w0udm h6 {
        width: expression("auto",this.runtimeStyle.width=this.parentNode.offsetWidth);
        width/**/: auto;
    }
    .w0udm ul h3, .w0udm ul h4, .w0udm ul h5, .w0udm ul h6 {
        width: expression("auto",this.runtimeStyle.width=this.parentNode.currentStyle.width);
        width/**/: auto;
    }
    * html .w0udm li {
        display: inline;
    }
    * html .w0udm li, * html .w0udm ul li {
        display/**/: block;
        float/**/: left;
    }
    .w0udm:not(:nth-child(n)).w0udm li, .w0udm:not(:nth-child(n)) ul li {
        display: block;
        float: left;
    }
    * html .w0udm li, * html .w0udm ul li {
        clear: none;
    }
}


/*

    W1 LEFT NAVIGATION

*/

.w1udm {
    width: 13.25em;
}
.w1udm li {
    margin-top: .3750em;
    width: 13.25em;
}
.w1udm ul {
    width: 13em;
}
.w1udm a {
    border-color: #fff #fff #999 #999;
    border-width: 0 0 1px 1px;
    margin-left: .4em; /* new */
}
.w1udm a.udmR, .w1udm a.udmR:visited, .w1udm a.nohref:hover, .w1udm a.nohref:focus, .w1udm a.nohref:active, .w1udm a:visited:hover, .w1udm a:hover, .w1udm a:focus, .w1udm a:active {
    border-left-color: #3351a3;
    border-left-width: .5em; /* modified */
    margin-left: 0; /* new */
}
/* @media screen,projection {
    * html .w1udm a.udmR, * html .w1udm a.udmR:visited, * html .w1udm a.nohref:hover, * html .w1udm a.nohref:focus, * html .w1udm a.nohref:active, * html .w1udm a:visited:hover, * html .w1udm a:hover, * html .w1udm a:focus, * html .w1udm a:active {
        background-position: .4em .6em;
    }
} */
.w1udm ul a {
    border-color: #999;
    border-width: 1px;
    margin: 0; /* new */
}
.w1udm ul a.udmR, .w1udm ul a.udmR:visited, .w1udm ul a.nohref:hover, .w1udm ul a.nohref:focus, .w1udm ul a.nohref:active, .w1udm ul a:visited:hover, .w1udm ul a:hover, .w1udm ul a:focus, .w1udm ul a:active {
    border-color: #999;
    border-width: 1px;
}
/* @media screen,projection {
        * html .w1udm ul a.udmR, * html .w1udm ul a.udmR:visited, * html .w1udm ul a.nohref:hover, * html .w1udm ul a.nohref:focus, * html .w1udm ul a.nohref:active, * html .w1udm ul a:visited:hover, * html .w1udm ul a:hover, * html .w1udm ul a:focus, * html .w1udm ul a:active {
        background-position: 0 .6em;
    }
} */
/* opener for submenu */
.w1udm a .udmA {
    margin: 0 1.5em;
    padding: .7em 0;
    width: .5em;
}
* html .w1udm a .udmA {
    right: -0.75em;
    top: .2em;
}
/* subheadings */
.w1udm h1, .w1udm h2, .w1udm h3, .w1udm h4, .w1udm h5, .w1udm h6 {
    border-bottom: 1px solid #999; /* new */
    font-size: .5625em;
    margin: 0 0 .6667em .4444em; /* modified */
    padding: 0 0 .4444em 0; /* modified */
    width: 23.2em; /* modified */
}


/*

    W2 NEXT LEVEL NAVIGATION

*/

.w2udm {
    position: relative;
    left: 0;
    top: 1px;
    width: 15.25em;
}
.w2udm li {
    margin-bottom: .3750em;
    width: 15.25em;
}
.w2udm ul {
    display: block;
    margin-top: -1px;
    position: static;
    visibility: visible;
    width: 15.25em;
}
.w2udm a {
    display: none;
}
.w2udm a.nohref, .w2udm a:link, .w2udm a:visited {
    background-image: url('./icon_nav_open.gif');
}
.w2udm a.udmR, .w2udm a.udmR:visited, .w2udm a.nohref:hover, .w2udm a.nohref:focus, .w2udm a.nohref:active, .w2udm a:visited:hover, .w2udm a:hover, .w2udm a:focus, .w2udm a:active {
    background-color: #f8f8f8;
    background-image: url('./icon_nav_open_hover.gif');
}
.w2udm ul a {
    display: block;
}

/* opener for submenu */
.w2udm a .udmA {
    background-image: none;
    margin: 0 1.4em;
    padding: .7em 0;
}
.w2udm ul a.udmR .udmA, .w2udm ul a.udmR:visited .udmA, .w2udm ul a:visited:hover .udmA, .w2udm ul a:hover .udmA, .w2udm ul a:focus .udmA, .w2udm a:active .udmA {
    background-image: none !important;
    width: .5em;
}
.w2udm ul a .udmA {
    margin: 0 1.5em;
}


/* special rules for static variant */
.static li {
    margin: -1px 0 0 0;
}
.static a {
    background-position: 0 .6em;
    display: block;
}


/* ----------  specific styles for vertical variant with 2 rows on tc55, tc05---------- */
.twoRows {
	width: 30.8125em; /* 15.25 * 2 + 0.3125 */
	margin-left: -15.5625em; /* 15.25 + 0.3125 */
}
.twoRows h3.boxHeader {
	position: relative;
}
.twoRows ul {
	float: left;
}
.twoRows ul.firstUL {
	padding-right: .3125em; /* 5px */
}
.twoRows .vctl a {
    padding: .4em 1.5em;
}
.twoRows .static a {
    background-position: 0 .3em;
}


/*

    W3 HIERARCHY OF HYPERLINKS

*/

.w3udm {
    border-color: #999;
    border-style: solid;
    border-width: 1px 1px 0 0;
    width: 15.25em;
}
* html .w3udm { /* new */
    width: 15.1875em;
}
.w3udm li {
    margin-top: .3750em;
}
* html .w3udm li { /* new */
    width: 15.1875em;
}
.w3udm ul {
    width: 13em;
}
.w3udm a {
    border-width: 0 0 1px 1px;
    margin-left: .4em; /* new */
}
.w3udm a.udmR, .w3udm a.udmR:visited, .w3udm a.nohref:hover, .w3udm a.nohref:focus, .w3udm a.nohref:active, .w3udm a:visited:hover, .w3udm a:hover, .w3udm a:focus, .w3udm a:active {
    border-left-color: #3351a3;
    border-left-width: .5em; /* modified */
    margin-left: 0; /* new */
}
@media screen,projection {
    * html .w3udm a.udmR, * html .w3udm a.udmR:visited, * html .w3udm a.nohref:hover, * html .w3udm a.nohref:focus, * html .w3udm a.nohref:active, * html .w3udm a:visited:hover, * html .w3udm a:hover, * html .w3udm a:focus, * html .w3udm a:active {
        background-position: .9em .6em; /* new */
    }
}
.w3udm ul a {
    border-color: #999;
    border-width: 1px;
    margin: 0; /* new */
}
.w3udm ul a.udmR, .w3udm ul a.udmR:visited, .w3udm ul a.nohref:hover, .w3udm ul a.nohref:focus, .w3udm ul a.nohref:active, .w3udm ul a:visited:hover, .w3udm ul a:hover, .w3udm ul a:focus, .w3udm ul a:active {
    border-color: #999;
    border-width: 1px;
}
@media screen,projection {
        * html .w3udm ul a.udmR, * html .w3udm ul a.udmR:visited, * html .w3udm ul a.nohref:hover, * html .w3udm ul a.nohref:focus, * html .w3udm ul a.nohref:active, * html .w3udm ul a:visited:hover, * html .w3udm ul a:hover, * html .w3udm ul a:focus, * html .w3udm ul a:active {
        background-position: .5em .6em; /* new */
    }
}
/* opener for submenu */
.w3udm a .udmA {
    margin: 0 1.5em;
    padding: .7em 0;
    width: .5em;
}
* html .w3udm a .udmA {
    right: -0.75em;
    top: .2em;
}
/* subheadings */
#w3udm h1, #w3udm h2, #w3udm h3, #w3udm h4, #w3udm h5, #w3udm h6 {
    border-bottom: 1px solid #999; /* new */
    font-size: .5625em;
    margin: 0 0 .6667em .4444em; /* modified */
    padding: 0 0 .4444em 0; /* modified */
    width: 26.7778em; /* modified */
}
* html #w3udm h1, * html #w3udm h2, * html #w3udm h3, * html #w3udm h4, * html #w3udm h5, * html #w3udm h6 {
    /*width: 26.6667em;*/ /* modified */
}