/*
    project: WestLB
    type: stylesheet
    description: basic styles for all browser with default values but without positioning
    (c) Aperto AG 2004. All rights reserved.
*/

/*

    WESTLB BASIC

*/

/* ----------  PART I: global class definitions  ---------- */
/* screen visibility */
.hide {
    width: 100em;
    height: 1em;
    overflow: hidden;
    position: absolute;
    left: -200em;
}
.invisible {
    visibility: hidden;
}
.show {
    display: block;
}
.clear {
    clear: both;
    overflow: hidden;
}
/* temp style */
.draft {
    background-color: transparent;
    color: #c00;
}
/* error messages */
em.error {
    background-color: transparent;
    color: #ff0525;
    font-style: normal;
}


/* ----------  PART II: global element definitions  ---------- */
/* body */
body {
    margin: 0;
    padding: 0;
    color: #000;
    background: #fff no-repeat 0 0;
    font-size: 16px;
    line-height: 1.4;
}
body, button, input, optgroup, select, textarea {
    font-family: Verdana, Helvetica, Arial, Tahoma, sans-serif;
}

/* headlines */
h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    color: #3351a3;
    font-weight: bold;
}

/* text */
abbr, acronym {
    border: 0;
    font-style: normal;
}
abbr[title], acronym[title] {
     border-bottom: 1px dotted #000;
     cursor: help;
}
address {
    font-style: normal;
}
em {
    font-style: italic;
    font-weight: inherit;
}
code, kbd, pre, samp, var {
    font-family: "Courier New", Courier, monospace;
}
strong {
    font-style: normal;
    font-weight: bold;
}

/* paragraph */
p {
    margin: 0;
}

/* quotation */
blockquote {
    margin: 1em 0;
    padding: 0 0 0 1em;
}
q, cite {
    quotes: "\201e" "\201c" "\201a" "\2018"; /* german punctuation */
}
q:before {
    content: open-quote;
}
q:after {
    content: close-quote;
}

/* links - order: "LVHFA"! */
a {
    background-color: transparent;
    text-decoration: none;
    color: #434e66;
}
a:link, #navBreadcrumbs ol li a:visited {
    color: #434e66;
}
a:visited {
    color: #686d78;
}
a:hover, #navBreadcrumbs ol li a:hover, ul h4 a:link, ul h4 a:visited, .intranetNewsList h3 a:link, .intranetNewsList h3 a:visited {
    color: #3351a3;
}
a:focus {
    color: #3351a3;
}
a:active {
    color: #3351a3;
}

/* horizontal rule */
hr {
    display: none;
}

/* images */
img {
    display: block;
    line-height: 1;
    border: 0;
}

/* objects */
object {
    margin: 0;
    padding: 0;
}

/* lists */
ol, ul, li {
    margin: 0;
    padding: 0;
}
ul {
    list-style-type: none;
}
ol {
	list-style-type: decimal;
}

/* forms */
form, fieldset, legend, label, input, select, textarea, button {
    margin: 0;
    padding: 0;
}
fieldset {
    border: 0 solid #fff; /* background-color of containing box */
    position: relative; /* Netscape 6 needs this */
}
legend {
    display: block;
    font-weight: bold;
}
input[type=button], input[type=checkbox], input[type=image], input[type=radio], input[type=reset], input[type=submit], select, button {
    cursor: pointer;
}
label {
    cursor: pointer;
    font-weight: bold;
}

/* tables */
table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    margin: 0;
    padding: 0;
}
caption {
    padding: 1em 0;
}
caption, th {
    font-weight: bold;
}
th, td {
    padding: 0 .2em;
}


/*

    WESTLB LAYOUT (3 elastic columns)

    NOTE: We use an elastic layout here. All em values represent the grids pixel value.
    The body's font-size is set to 16px for standard compliant browsers; for MSIE,
    to ensure font scaling, we use font-size: 1em, which is by default 16px.

*/

/* ----------  PART III: section styles  ---------- */
/* --- section: header --- */
#header {
    max-width: 62.25em; /* 996px */
    height: 4.88em; /* 78px */
}


/* --- section: navigation -- */
#navWrapper {
    position: absolute;
    left: .25em; /* 4px */
    width: 13.25em; /* 212px */
}


/* --- section: info --- */
#info {
    margin: 0 0 0 14.5em; /* Left column width + 16px */
    min-height: 2.5em;
    width: 47.625em; /* 764px - 2px border */
}


/* --- container for sections intro, content and marginal --- */
#contentWrapper {
    margin: 0 0 0 15.5em; /* Left column width + 32px */
    padding-top: .5em;
    position: relative;
    width: 46.75em; /* 748px */
}
/* --- section: content --- */
#content {
    float: left;
    width: 31em; /* 496px */
}
.wideArticle #content {
    clear: both;
    float: none;
    width: auto;
}
.twoColPortal #firstCol {
    float: left;
    width: 10em;
}
.twoColPortal #secondCol {
    padding-left: 10.5em;
}
/* --- section: marginal --- */
#marginal {
    float: right;
    width: 15.25em; /* 244px */
}


/* --- section: footer --- */
#footer {
    clear: both;
    float: left;
    margin: 2.1875em 0 0 15.5em; /* Left column width + 32px */
    width: 31em; /* 496px */
}
.wideArticle #footer {
    width: 46.75em; /* 748px */
}


/*

    WESTLB FORMS

*/

/* ----------  PART I: global class (re)definitions  ---------- */
/* floating behaviour */
form .left {
    float: left;
    width: auto;
}
form .right {
    float: right;
    width: auto;
}
/* focus on elements */
form .onFocus {
    /* border-color: #900 !important; */
    color: #000 !important;
}
html>body form .text.onFocus {
    background-color: #fff;
}
/* error messages */
form em.error {
    clear: left;
    display: block;
    font-size: .625em;
}
/* textfield */
input.text {
    background-color: #fff;
    border: 1px solid #999;
    color: #000;
    height: 1.4545em;
    padding-left: .1818em; /* not applied by opera */
}
head+body input.text { /* hides from opera 7 */
    height: auto;
    padding-bottom: .0909em;
    padding-top: .0909em;
}
/* style for all buttons */
input.button {
    color: #333;
    font-size: .625em;
    font-weight: bold;
    height: auto !important;
    width: auto !important;
}
input.disabled {
    color: #999;
}
/* file choose */
input.file {
    background-color: #fff;
    color: #000;
    padding: 0 0 0 .1818em; /* not for opera */
}
/* reset and submit button */
input.cancel, input.reset, input.submit {
    float: right;
    padding: 0 .3em;
    width: auto;
}
input.cancel, input.reset {
    margin-right: .6em;
}
/* date fields */
.date input.button {
    float: right;
    width: 9.0909em !important;
}

/* ----------  PART II: global element (re)definitions  ---------- */
form {
    background-color: #f2f4f9;
    border: 1px solid #999;
}
#contentWrapper form p.last {
    clear: both;
    line-height: 1;
    padding-top: .5em;
}
form label,
form input.text,
form input.file,
form input.radio,
form input.checkBox,
form select,
form textarea,
form fieldset fieldset legend {
    font-size: .6875em;
}
legend {
    clear: left;
    color: #3351a3;
    font-size: .8125em;
    line-height: 1;
    padding-top: .5em;
}
body form legend.hide {
    display: block;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    visibility: hidden;
    padding: 0;
    width: 0;
    height: 0;
    font-size: 0;
}
label, input, select, textarea {
    display: block;
}
label {
    clear: left;
    color: #3351a3;
    font-weight: normal;
}
label:active {
    color: #600;
}
select {
    color: #000;
    padding-left: .0909em;
    visibility: visible; /* from udm4 menu */
}
optgroup {
    font-style: normal;
    font-weight: bold;
    padding: 0 0 0 .2em;
}
optgroup>option {
    padding: 0 0 0 .6em;
}
textarea {
    background-color: #fff;
    border: 1px solid #999;
    color: #000;
    padding: 0 .1em;
}

/* groups */
fieldset>legend:first-child { /* For Opera (bring legend element in line) */
    position: relative;
    left: -.7692em;
}
fieldset fieldset>legend:first-child {
    left: -1em;
}
head:first-child+body fieldset legend, head:first-child+body fieldset fieldset legend { /* Hide from Opera */
    position: static;
    left: 0;
}
/* date groups */
fieldset fieldset .date label {
    color: #000;
}
#FormData p.quickFeedback label {
    font-size: .5625em;
}


/*

    WESTLB ICONS

*/

/* ----------  PART I: global class (re)definitions  ---------- */
/* generic icon class (applies to links and links in lists) */
.icon, .iconList a {
    background-repeat: no-repeat;
    font-weight: bold;
}
.icon {
    background-position: -.5em 0;
    display: block;
    padding-left: 1em;
}
.iconList a {
    background-position: 0 0;
    padding-left: 1.5em;
}





/* portal arrow - 12px width */
a.portal, .portal a {
    background-image: url("./icon_portal.png");
}
a.portal:hover, .portal a:hover {
    background-image: url("./icon_portal_hover.png");
}

/* external arrow - 9px width */
a.external, .external a {
    background-image: url("./icon_external.png");
}
a.external:hover, .external a:hover {
    background-image: url("./icon_external_hover.png");
}

/* attachments - 10px width */
a.attachment, .attachment a {
    background-image: url("./icon_attachment.png");
}
a.attachment:hover, .attachment a:hover {
    background-image: url("./icon_attachment_hover.png");
}
.forum-wrapper .attachment a,
.forum-wrapper .attachment a:hover {
    background: none;
}

/* page utility buttons: my profile - 10px width    */
.profile {
    background-image: url("./icon_profile.png");
    background-position: -.2em 0 !important;
    padding-left: 1.3em !important;
}
.profile:hover {
    background-image: url("./icon_profile_hover.png");
}

/* page utility buttons: login - 9px width */
.login {
    background-image: url("./icon_login.png");
    background-position: -.3em 0 !important;
    padding-left: 1.2em !important;
}
.login:hover {
    background-image: url("./icon_login_hover.png");
}

/* page utility buttons: logout - 9px width */
.logout {
    background-image: url("./icon_logout.png");
    background-position: -.3em 0 !important;
    padding-left: 1.2em !important;
}
.logout:hover {
    background-image: url("./icon_logout_hover.png");
}

/* page utility buttons: print page - 10px width */
.printPage {
    background-image: url("./icon_print_page.png");
    background-position: -.2em 0 !important;
    padding-left: 1.3em !important;
}
.printPage:hover {
    background-image: url("./icon_print_page_hover.png");
}
/* page utility buttons: close window - 10px width */
.closeWindow {
    background-image: url("./icon_window_close.png");
    background-position: -.2em 0 !important;
    padding-left: 1.3em !important;
}
.closeWindow:hover {
    background-image: url("./icon_window_close_hover.png");
}

/* footer: save page - 10px width */
.savePage {
    background-image: url("./icon_save_page.png");
}
.savePage:hover {
    background-image: url("./icon_save_page_hover.png");
}

/* footer: email if page has changed - 12px width */
.getEmail {
    background-image: url("./icon_get_email.png");
}
.getEmail:hover {
    background-image: url("./icon_get_email_hover.png");
}
.sendEmail {
    background-image: url("./icon_send_email.png");
    background-position: 0 0 !important;
    padding-left: 1.5em !important;
}
.sendEmail:hover {
    background-image: url("./icon_send_email_hover.png");
}

/* footer: send feedback - 12px width */
.sendFeedback {
    background-image: url("./icon_send_feedback.png");
}
.sendFeedback:hover {
    background-image: url("./icon_send_feedback_hover.png");
}

/* footer: send article - 11px width */
.sendArticle {
    background-image: url("./icon_send_article.png");
}
.sendArticle:hover {
    background-image: url("./icon_send_article_hover.png");
}


/*

    WESTLB COMPONENTS/TEMPLATES

*/
/* ----------  PART III: section styles  ---------- */
/* --- section: header --- */
/* logo */
#header img {
    float: right;
    margin: 1.625em 0 0;
}

/* component: CN08 tab navigation */
#tabNav {
    position: absolute;
    top: 1.625em;
    left: .4375em;
    padding: 0 .125em 0 .25em;
    height: 2.5em;
    border: 1px solid #999;
    background: #fff;
}
#tabNav h2 {
    float: left;
    line-height: 1.25;
    margin: .5833em 0 0;
    width: 18.3333em;
    color: #666;
    font-family: "CompatilFact LT Regular", Verdana, Arial, sans-serif;
    font-size: .75em; /* 12px */
}
#tabNav ul {
    float: left; /* : required by FF */
    padding: .875em 0 0;
}
#tabNav li {
    float: left;
    margin: .7em .2em 0 0;
    padding: 0 0 0 .6em;
    background: url(./tab_left_both.gif) no-repeat 0 0;
    font-size: .625em; /* 10px */
    font-weight: bold;
}
#tabNav li div {
    padding: 0 .6em 0 0;
    background: url(./tab_right_both.gif) no-repeat 100% 0;
}
#tabNav li a,
#tabNav li.on strong {
    display: block;
    line-height: 1;
    padding: .4em 0 .5em;
    color: #999;
    white-space: nowrap;
}
#tabNav li a:hover,
#tabNav li a:focus,
#tabNav li a:active,
#tabNav li.on strong {
    color: #3351a3;
}
#tabNav li.on {
    position: relative;
    top: 1px;
    margin-top: 0;
    background-position: 0% -200px;
}
#tabNav li.on div {
  background-position: 100% -200px;
}
#tabNav li.on strong {
    padding-top: .6em;
    padding-bottom: 1em;
}

/* --- section: navigation -- */
#navWrapper {
    border-right: 1px solid #999;
}

/* template: TF06 search, search input box */
#searchInput {
    line-height: 1;
    margin: 0 0 0 .25em;
    border-width: 1px 0 1px 1px;
    padding: .1875em 0 .3125em .3125em;
}
#searchInput label {
    padding: 0 0 .3333em;
    font-size: .5625em;
}
#searchInput input {
    display: inline;
}
#searchTerm {
    border-color: #9f9f9f #e6e6e6 #e6e6e6 #9f9f9f;
    width: 19.1111em; /* 172px + 2px border */
    min-height: 1.3333em;
    font-size: .5625em;
}
head:first-child+body #searchTerm {
    width: 18.8889em; /* 170px + 2px padding + 2px border */
}
#searchInput .button {
    border: solid #f2f4f9;
    border-width: 1px 0;
    width: 1.4em !important;
    margin: 0 0 -.4em .4em;
}
#searchInput a {
    background-position: -.5em .1em;
    font-size: .625em;
    padding-top: .2em;
}

/* component: CN07 navigation title */
#navWrapper .navTitle {
    font-size: .5625em;
    line-height: 1.3333;
    padding: .1667em .5556em .5em 0;
    text-align: right;
}


/* --- section: info --- */
#info {
    border: 1px solid #999;
}

/* component: CN01 page utility buttons */
#pageUtilityButtons {
    float: right;
    width: 50%;
}
#pageUtilityButtons ul {
    font-size: .625em;
    line-height: 1.2;
}
#pageUtilityButtons ul li {
    display: block;
    float: right;
    width: auto;
}
#pageUtilityButtons ul li a {
    display: block;
    margin-top: .3em;
    padding-right: .5em;
}
#pageUtilityButtons ul li .editMode {
    margin: 0;
    padding: 0 !important;
}

/* component: CN06 breadcrumb trail */
#navBreadcrumbs {
    margin: .1875em 5.375em .3125em .1875em;
}
#navBreadcrumbs em {
    display: block;
    font-size: .5625em;
    font-style: normal;
    line-height: 1;
}
#navBreadcrumbs ol {
    font-size: .625em;
    list-style-type: none;
    margin: .7em 0 0 1.2em;
}
#navBreadcrumbs ol li {
    display: inline;
    line-height: 1.4;
    white-space: nowrap;
}
#navBreadcrumbs ol li.home a {
    margin-left: -1.2em;
}
#navBreadcrumbs ol li a {
    background-position: -.4em 0;
    padding-left: 1em;
    padding-right: .4em;
}
#navBreadcrumbs ol li a.portal {
    background-position: 0 0;
    padding-left: 1.5em;
}
#navBreadcrumbs ol li.active {
    border-left: 1px solid #000;
    padding-left: .7em;
}


/* --- container for sections intro, content and marginal --- */
#contentWrapper h2 {
    clear: left;
    font-size: .9375em;
    line-height: 1.2;
}
#contentWrapper h3 {
    font-size: .6875em;
    line-height: 1.4545em;
    margin-bottom: .3636em;
}
#contentWrapper h3.boxHeader {
    color: #000;
    font-size: .5625em;
    font-weight: normal;
    line-height: 1;
    padding: .1111em 0 .4444em;
}
#marginal h3.boxHeader {
    margin-bottom: 0;
}
#contentWrapper h3.listHeader {
    border-color: #999;
    border-style: solid;
    border-width: 1px 0;
    font-size: .8125em;
    line-height: 2.0769em;
    margin: 0;
}
#content p, #content blockquote {
    line-height: 1.4545;
    margin-bottom: 1.4545em;
}
#marginal p, #marginal blockquote {
    line-height: 1.2;
    margin-bottom: 1.6em;
}
#content p {
    font-size: .6875em; 
}
#marginal p {
    font-size: .625em; 
}
#contentWrapper p a.normal {
    text-decoration: underline;
}
#contentWrapper address {
    font-size: .6875em;
    line-height: 1.4545;
}
#contentWrapper address strong {
    color: #3351a3;
}
#contentWrapper address a {
    font-size: 0.9091em;
}

/* ul, ol definitions */
#contentWrapper ul {
    list-style-type: disc;
}
#content ul,
#content ol,
#marginal ul.contactList {
    font-size: .6875em;
    line-height: 1.4545;
    padding-bottom: 1.4545em;
}
#content ul {
    margin-left: 1.1818em;
}
#content ol {
    margin-left: 2.7273em;
}
#marginal .box ul, #marginal .box ol {
    font-size: .625em;
    line-height: 1.2;
    padding-bottom: .3em;
}
#marginal .box ul {
    margin-left: 1.3em;
}
#marginal .box ol {
    margin-left: 2.6em;
}
/* normal iconlist */
#contentWrapper ul.iconList {
    font-size: .625em;
    line-height: 1.2;
    margin-left: 0 !important;
    /* CAUTION: leave important declaration here, otherwise this value is going to be overriden
    by westlb_ie.css by the statement #marginal .box ul */
}
#contentWrapper ul.iconList li {
    display: inline; /* margin must be applied to ul.iconList>li>a, because IE screws up everything with margin and anchors in lists */
    list-style-type: none;
}
#contentWrapper ul.iconList p {
    font-size: 1em;
}
#contentWrapper ul.iconList span {
    display: block;
    font-size: .9em;
    line-height: 1.2;
}
#contentWrapper ul.iconList a {
    display: block;
    margin-bottom: .6em;
}
#content ul.iconList {
    padding-bottom: 1.125em;
}
#marginal ul.iconList {
    padding-bottom: 1.25em;
}
#marginal .box ul.iconList {
    padding-bottom: .3em;
}
/* specific iconlists */
#marginal ul.arrow a {
    background-position: -.5em 0;
    padding-left: 1em;
}
#marginal ul.arrow span {
    margin-left: 1.1111em;
    margin-bottom: .2222em;
}
#marginal ul.external a {
    background-position: -.3em 0;
    padding-left: 1.2em;
}
#marginal ul.attachment a {
    background-position: -.2em 0;
    padding-left: 1.3em;
}
/* lists mostly with dates (CL04, CL06, CL07, CL12) */
#contentWrapper ul.box li {
    display: block;
    position: relative;
}
#contentWrapper ul.box li a {
    margin-bottom: 0;
}
#content ul.box {
    border-bottom: 1px solid #999;
    margin-left: 0;
    padding-top: 0;
    padding-bottom: 0;
}
#content ul.box li {
    margin-bottom: .6em;
    padding-top: .6em;
}
#content ul.box span {
    position: absolute;
    top: .7778em;
    width: 11.1111em;
}
#marginal ul.box li {
    margin-bottom: .4em;
}

/* image positioning & properties */
#contentWrapper img.left {
    clear: left;
    float: left;
    margin: 0 .5em .5em 0;
}
#contentWrapper img.right {
    clear: right;
    float: right;
    margin: 0 0 .5em .5em;
}
#contentWrapper img.block {
    margin: 0 0 .6875em;
}
/* links on images - order: "LVHFA"! */
#contentWrapper img.border, #contentWrapper a:link img, #contentWrapper a:visited img {
    border: 1px solid #999;
}
#contentWrapper a:hover img, #contentWrapper a:focus img {
    border-color: #3351a3;
}

/* --- section: content --- */
/* jump target */
#textanfang {
    position: absolute;
    visibility: hidden;
}
/* confirmation forms */
#content form.confirmation  {
    background-color: transparent;
    border: none;
}
#content form.confirmation input {
    float: left;
}
/* top link */
#content .topLink {
    clear: both;
    font-size: .625em;
    line-height: 1;
    padding: 3.5em 0 0;
    width: 100%;
}
#content .topLink a {
    background-position: 0 .6em;
    border-top: 1px solid #999;
    padding-top: .6em;
}

/* component: CC01 article header */
#contentWrapper #articleHeader {
    border-left: .5em solid #00268c;
    margin: 0 0 1.5em -1em;
    padding: 0 0 0 .5em;
    position: relative;
    width: 31em;
}
.cn05TwoRows #contentWrapper #articleHeader {
    width: 15.5em;
}
#contentWrapper #articleHeader p {
    color: #999;
    font-size: .625em;
    left: 26.2em;
    line-height: 1.5;
    position: absolute;
    top: -.3em;
    width: 16em;
}
.cn05TwoRows #contentWrapper #articleHeader p {
    width: 8em;
}
#contentWrapper #articleHeader img {
    width: 15.125em;
    height: 6.25em;
}
#contentWrapper #articleHeader h2 {
    padding: .2667em 0 0;
    position: relative;
    top: .2em;
    width: 16.2667em;
}
#contentWrapper #articleHeader h2.articleHeadline {
    padding: 1.6em 0 0;
    width: auto;
}
#contentWrapper #articleHeader h2.belowImg {
    padding: .2em 0 0;
}

/* component: CC02 intro text */
#content #intro {
    margin-left: -1em;
    width: 11em;
}
#content #intro h2 {
    border-left: .6154em solid #00268c;
    font-size: .8125em;
    line-height: 1.2308;
    padding: 2.2692em 0 0 .6154em;
}
#content #intro h2 span {
    top: .2em;
    position: relative;
}
#content #intro p {
    font-size: .625em;
    line-height: 1.2;
    margin-bottom: 0;
    padding: .8em 0 0 1.6em;
}

/* shared styles for components */
#content .articleList,
#content .articleListGrouped,
#content .attachmentsList,
#content .recentlyPublishedArticles,
#content .userCustomizedArticleList,
#content hr,
#contentWrapper .dataTable,
#contentWrapper .chartTable,
#contentWrapper .gallery,
#contentWrapper .imageBrowser,
#contentWrapper .relatedArticles {
    margin: 0 0 1.25em; /* 20px */
}

/* shared styles for components:
   CC03 portal teaser list (with images)
   CL01 HP news list (content and marginal)
   CL02 news list
   CL05 article list
 */
#contentWrapper .teaserList, #contentWrapper .teaserList h3.boxHeader, #gfmNewsArchive h3.boxHeader {
    border-bottom: 1px solid #999;
}
#contentWrapper .teaserList ul {
    font-size: 1em;
    line-height: 1em;
    padding-bottom: 0;
}
#contentWrapper #content .teaserList ul {
    margin-left: 0;
}
#contentWrapper .teaserList ul li {
    border-bottom: 1px solid #999;
    display: block;
    list-style-type: none;
    padding: 0 0 .3125em;
}
#contentWrapper .teaserList ul li.last {
    border: 0;
}
#contentWrapper .teaserList ul span {
    display: block;
    font-size: .5625em;
    line-height: 1;
    padding-top: .7778em;
}
#contentWrapper .teaserList ul p {
    font-size: .625em;
    line-height: 1.2;
    margin: .3em 0 0;
}
#content .teaserList {
    margin-left: 10.5em;
}
.twoColPortal #content .teaserList {
    margin-left: 0;
}
#content .teaserList ul h4 {
    font-size: .8125em; /* 13px */
    line-height: 1.1538em; /* 15px */
    padding-top: .2308em;
    margin: 0;
}
#marginal .teaserList ul h4 {
    font-size: .6875em; /* 11px */
    line-height: 1.1818em; /* 13px */
    padding-top: .2308em;
    margin: 0;
}

/* component: CC03 portal teaser list (with images) */
#content #portalTeaser {
    clear: both;
    margin-left: 5em;
    border-bottom: 0;
}
#content #portalTeaser ul {
    margin-left: 0;
}
#content #portalTeaser ul li {
    clear: left;
    float: left;
    padding-bottom: .5em;
    width: 100%;
}
#content #portalTeaser ul li:after { /* required by Mozilla 1.2 */
    display: block;
    clear: both;
    content: " ";
    height: 0;
}
#content #portalTeaser .teaserImg img {
    float: left;
    margin: .5em 0 0;
    width: 4.875em;
    height: 3.875em;
}
#content #portalTeaser ul h4 {
    padding: .3846em 0 0 6.7692em;
}
#content #portalTeaser ul p {
    padding-left: 8.8em;
}

/* component: CC05 text and image */
#content .para {
    margin: 0 0 1.8182em; /* = 0 0 20px */
}
#content .para div.clear {
    margin: -.0909em 0 0;
    height: .0909em; /* : avoid collapsing margins */
}
#contentWrapper .para img.left, #contentWrapper .para img.right {
    margin-top: .1875em;
    margin-bottom: 0;
}
#contentWrapper .para {
    font-size: .6875em;
}
#contentWrapper .para div, #contentWrapper .para h2, #contentWrapper .para h3, #contentWrapper .para h4, #contentWrapper .para h5,
#contentWrapper .para h6, #contentWrapper .para p, #contentWrapper .para ol, #contentWrapper .para table, #contentWrapper .para ul {
    margin-top: 1.4545em; /* 16px */
    margin-bottom: 0;
    padding-bottom: 0 !important;
    font-size: 1em; /* 11px */
}
#contentWrapper .para img.left, #contentWrapper .para img.right, #contentWrapper .para div.imgWrapper {
    font-size: 1.4545em; /* 16px */
}
#contentWrapper .para div.imgWrapper {
    margin-top: 1em;
    margin-bottom: .75em;
    text-align: center;
}
#contentWrapper .para div.imgWrapper+* {
    margin-top: 0 !important
}
#contentWrapper .para div.imgWrapper img {
    display: inline;
}
#contentWrapper .para ul ul, #contentWrapper .para ol ol {
    margin-bottom: 0;
}
#contentWrapper .para ul ul {
    list-style-type: circle;
}
#contentWrapper .para ul ul ul {
    list-style-type: square;
}
#contentWrapper .para ol ol {
    list-style-type: lower-alpha;
}
#contentWrapper .para ol ol ol {
    list-style-type: lower-roman;
}
#contentWrapper .para a {
    text-decoration: underline;
}
#marginal .box .para p {
    padding-left: 0;
}
/* class to allow proper indenting as done with kupu in CC05, referenced/used in StringUtils */
.kindent {
    margin: 0;
    padding: 0 0 0 1em;
}

/* component: CC06 Disclaimer */
#marginal .disclaimer p {
    margin-bottom: 0;
}
#marginal .disclaimer p a {
    margin-bottom: .4em;
    margin-top: .5em;
}

/* component: CC08 extranet login */
#contentWrapper #login form {
    border-bottom: 0;
}
#login fieldset {
    padding: 0 .3333em .7778em;
    font-size: .5625em; /* change to default size ? */
}
#login label, #login input, #login legend, #login h4 {
    font-size: 1em;
}
#login legend, #login h4 {
    font-weight: normal;
}
#login fieldset>legend:first-child { /* For Opera (bring legend element in line) */
    position: relative;
    left: -1.1em;
}
head:first-child+body #login fieldset legend { /* Hide from Opera */
    position: static;
    left: 0;
}
#login h4 { /* Use instead of legend element as most browsers do not allow to wrap around longer text inside legend */
    padding: .2222em 0 0;
}
#login span { /* Workaround for Safari (does not apply margin/padding on legend element) */
    display: block;
    padding: .6667em 0 0;
}
#contentWrapper #login div {
    position: relative;
    margin-bottom: 0;
    padding: .4444em 0 0;
}
#contentWrapper #login div div { /* Workaround for Opera */
    position: absolute;
    top: 0;
    right: 0;
    padding: .2222em 0 0;
    text-align: right;
}
#login label {
    display: block;
    float: left;
    line-height: 1;
    padding: .3333em 0 0;
    width: 6em;
    color: #000;
}
#login div div label {
    display: inline;
    float: none;
    line-height: normal;
    padding: 0 .2222em 0 0;
}
#login input {
    display: inline;
    border-color: #9f9f9f #e6e6e6 #e6e6e6 #9f9f9f;
    width: 10.8em;
    height: 1.5556em;
}
#login div div input {
    position: relative;
    top: .3333em;
    width: 1.5556em;
    height: 1.5556em;
}
#login form br {
    display: none;
}
#contentWrapper #login ul {
    background-color: #e6eaf4;
    border: 1px solid #999;
    margin: -1px 0 0; /* Fixes rounding bug in Mozilla */
    padding: .2em 0 .2em .4em;
}
#contentWrapper #login ul li,
#contentWrapper #login ul li a {
    display: inline;
}
#contentWrapper #login ul li#pwReminder {
    display: block;
    padding: .4em 0 0;
}

/* component: CC09 image map */
.imageMap a {
    font-size: .9091em;
}
#contentWrapper .imageMap img.block {
    margin: 0 0 1em 0;
}

/* component: CC11 HP teaser */
#teaser {
    clear: left;
    float: left;
    margin-left: -.5em;
    width: 31.5em; /* #content:width + #teaser:margin-left */
    margin-top: 1.25em;
}
#teaser div {
    border: 1px solid #999;
    float: left;
    margin-left: .5em;
    min-height: 9.25em;
}
#teaser .big {
    width: 20.375em;
}
#teaser .small {
    width: 9.875em;
}
#teaser h3 {
    background-color: #f7f8f8;
    font-size: .625em;
    line-height: 1.3;
    margin: 0;
    height: 3.4em;
}
#teaser h3 img {
    float: right;
    height: 3.4em;
    width: 6.7em;
}
#teaser h3 span {
    display: block;
    padding: .1em .4em .65em .4em;
}
#teaser p {
    clear: right;
    line-height: 1.2;
    margin: 0;
    border-top: 1px solid #999;
    padding: .15em .6em .4em .5em;
    font-size: .625em;
}

/* component: CC14 separator line */
#content hr, #marginal hr {
    display: block;
    clear: both;
    overflow: hidden;
    border: solid #999;
    border-width: 1px 0 0;
    padding: 0;
    width: 100%;
    height: 0;
    color: #fff;
    background: #fff;
}
#marginal .box hr {
    color: #f2f4f9;
    background: #f2f4f9;
}

/* component: CC16 contact details */
#contentWrapper #marginal .contactDetails {
    padding-bottom: .4em;
}
.contactDetails:after {
    display: block;
    clear: both;
    content: " ";
    height: 0;
}
#contentWrapper .contactDetails img {
    margin-bottom: 0;
    width: 3.875em;
    height: 4.75em;
}
#contentWrapper .contactDetails address {
    font-size: .625em;
    line-height: 1.2;
    margin-left: 7.2em;
}
#contentWrapper .contactDetails address strong {
    display: block;
    margin-bottom: 0.4em;
}
#contentWrapper .contactDetails address span {
    display: block;
    margin-top: .9091em;
}
#contentWrapper .contactDetails address a {
    font-size: 1em;
}

/* component: CC17 thumbnails gallery */
#contentWrapper .gallery {
    border: 1px solid #999;
    background: #e6e6e6;
}

#contentWrapper .pager+.gallery {
	border-top: 0;
	margin-top: -1.25em;
	position: relative;
}

#contentWrapper #marginal .gallery div {
    font-size: .6875em;
}
#contentWrapper .gallery:after {
    display: block;
    clear: both;
    height: 0;
    content: " ";
}
#contentWrapper .gallery div {
    float: left; /* Required by Opera */
    width: 102%;  /* Required by Mozilla */
}
#contentWrapper .gallery div ul { /* Required by Safari */
    padding: 0; /* .6364em 0 0; */
    margin: .3636em 0;
}
#contentWrapper .gallery div ul li {
    border-collapse: collapse;
    border-spacing: 0; /* Required by Opera: li > a displayed as table-cell will inherit this */
    list-style: none;
    float: left;
    /* margin: .6364em 0 0;  */
    margin: .3636em;
    text-align: center;
}
#contentWrapper .gallery div ul li,
#contentWrapper .gallery div ul li a {
    width: 6.9091em; /* = 76px (default image width + 2px from border) */
    height: 6.9091em; /* = 76px (default image height + 2px from border) */
    overflow: hidden; /* Required by IE/Win */
}
#contentWrapper .gallery div ul li a {
    display: table-cell;
    vertical-align: middle;
}


#contentWrapper .gallery div ul li img {
    display: inline;
    vertical-align: middle;
    /* width: 6.7273em; = 74px (default image width) */
    /* height: 6.7273em;= 74px (default image height) */
}

/* component: CC18 portal visual */
#portalVisual {
    float: right;
    height: 10em;
    margin-bottom: .9375em;
    width: 20.5em;
}

/* component: CC19 flash */
#flash {
    float: right;
    width: 20.5em;
}
#flash object {
    position: static;
    width: 100%;
    z-index: 10;
}

/* component: CC20 second paragraph boxes */
#marginal .box p {
    padding-left: .6em;
}
#marginal .box blockquote {
    padding-left: 1.6em;
}
#marginal .box ul.iconList a {
    background-position: 0 0;
    padding-left: 1.5em;
}

/* component: CC21 image browser */
#contentWrapper .imageBrowser {
    border: 1px solid #999;
}
#contentWrapper .imageBrowser form {
    background-color: #fff;
    border-width: 0 0 1px;
    line-height: 1; /* Mozilla applies line-height on input buttons which results in inconsistent placement */
    padding: .3125em .25em;
    text-align: right;
}
#contentWrapper .imageBrowser legend {
    display: none;
}
#contentWrapper .imageBrowser .ibControls {
    float: left;
    text-align: left;
    width: 40%;
}
#contentWrapper .imageBrowser .ibControls input {
    float: left;
    margin: 0 .0909em;
    width: 2.5em !important;
}
#contentWrapper .imageBrowser .ibControls input.ibFirst, #contentWrapper .imageBrowser .ibControls input.ibLast {
    margin: 0 1.7273em;
}
#contentWrapper #content .imageBrowser .ibControls input.ibFirst {
    margin-left: 0;
}
#contentWrapper #content .imageBrowser .ibControls input.ibLast {
    margin-right: 0;
}
#contentWrapper .imageBrowser form input, #contentWrapper .imageBrowser form label {
    display: inline;
}
#contentWrapper .imageBrowser form input.text, #contentWrapper .imageBrowser form label {
    color: #000;
    font-size: .6875em;
}
#contentWrapper .imageBrowser form input {
    vertical-align: text-top;
    min-width: 1.8em; /* Mozilla cuts off border, if button is far too small */
    text-align: center;
}
#contentWrapper .imageBrowser form input.text {
    margin: 0 .1818em;
    padding: .0909em 0 .1818em;
    width: 3.8em; /* Required minimum width for Safari */
}
head:first-child+body #contentWrapper .imageBrowser form label { /* Hide from Opera */
    position: relative;
    bottom: .1818em;
}
#contentWrapper .imageBrowser form label.error {
    color: #ff0525;
}
#contentWrapper .imageBrowser .ibImage {
    background: #e6e6e6;
    border-collapse: collapse;
    display: table;
    width: 100%;
    height: 15em;
}
#contentWrapper .imageBrowser .ibImage span {
    display: table-cell;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}
#contentWrapper .imageBrowser .ibImage img {
    display: inline;
}

/* component: CL01 HP news list (content and marginal) */
.hp .teaserList .archive {
    float: right;
    font-size: .625em;
    line-height: 1;
    width: auto;
}
.hp #marginal .teaserList li {
    padding-left: .5625em;
    padding-right: .5625em;
}
.hp #marginal .teaserList h4 {
    font-size: .6875em;
    line-height: 1.1818;
    margin-top: .0909em;
}
.hp #marginal .teaserList p {
    margin-left: .6em;
}

/* shared form styles for all "filter forms":
   components: CL02 news list
   templates: TF06 search standard */
#contentWrapper .filterForm {
    padding: 0 .5em .5em .3125em;
    width: 14.3125em;
}
#contentWrapper .filterForm fieldset fieldset legend {
    font-weight: normal;
    padding-top: .4545em;
    line-height: 1.1;
}
#contentWrapper .filterForm p {
    margin: 0;
    font-size: 1em;
}
#contentWrapper .filterForm br {
    display: none;
}
#contentWrapper .filterForm label {
    padding-top: .4545em;
    width: 19.3636em; /* 213px */
}
#contentWrapper .filterForm em {
    width: 21.3em; /* 213px */
}
#contentWrapper .filterForm select {
    margin-top: .2727em;
    width: 19.3636em; /* 213px */
}
#contentWrapper .filterForm textarea {
    margin-top: .2727em;
    width: 20.7273em; /* 228px */
}
head:first-child+body #contentWrapper .filterForm textarea {
    width: 20.5455em; /* 226px */
}
#contentWrapper .filterForm .text {
    margin-top: .2727em;
    width: 19em; /* 209px + 2px padding + 2px border */
}
/* date fields/groups */
#contentWrapper .filterForm .date {
    padding-top: .3em;
}
#contentWrapper .filterForm .date label, #contentWrapper .filterForm .date .text {
    margin-top: .0909em;
}
#contentWrapper .filterForm .date label {
    padding: 0;
    position: absolute;
    width: 3.1818em; /* 35px */
}
#contentWrapper .filterForm .date .text {
    margin-left: 3.4545em; /* 38px */
    width: 6.8182em; /* 75px */
}
#contentWrapper .filterForm .date .button {
    margin-right: 1.6em;
}

/* component: CL02 news list */
.filterSection {
    margin: 0 0 1em -.5em;
}
.filterSection>div {
    clear: both;
    margin: -1px 0 0;
    height: 1px;
}
#marginal .filterSection {
    margin-left: 0;
}
.filterSection .filterForm {
    float: left;
    margin-left: .5em;
}
#content .newsList {
    margin: 0 0 1em;
}
#content .newsList h3 span {
    font-size: .6923em;
    font-weight: normal;
    line-height: 1;
    margin: 0;
}
#content .newsList ul.first {
    border-top: 1px solid #999;
}
#content .newsList ul li {
    margin: 0 0 0 1em;
}
#content .newsList ul p a {
    margin-top: .4em;
}

/* component: CL03 Contact List */
#contentWrapper #content ul.contactList,
#marginal ul.contactList {
    list-style-type: none;
    margin-left: 0;
    padding-bottom: 0;
}
ul.contactList li:after {
    display: block;
    clear: both;
    content: " ";
    height: .0909em;
}
#content ul.contactList img,
#marginal ul.contactList img {
    height: 8.9091em;
    margin-right: .7273em;
    margin-bottom: 0;
    width: 8.9091em;
}
#contentWrapper #content ul.contactList li,
#marginal ul.contactList li {
    display: block;
    margin-bottom: 1.7273em;/* 19px */
    width: 45.0909em;
}
#marginal ul.contactList li {
    width: auto;
}
#content ul.contactList address,
#marginal ul.contactList address {
    font-size: 1em;
    padding-left: 9.8182em;
}
#content ul.contactList address span,
#marginal ul.contactList address span {
    margin-top: 1.4545em;
    display: block;
}

/* component: CL04 simple article list */
#content .articleList .archive, #content .articleListNew .archive, #content .articleListSpecial .archive {
    background-position: 0 0;
    font-size: .9091em;
    line-height: 1.2;
    margin-top: .5em;
    padding-left: 1.5em;
}
#marginal .articleList h3.listHeader {
    border-bottom: 0;
}
#marginal .articleList a.archive {
    margin-top: 1em;
}

#content .articleList .iconList a {
    margin-left: 10em;
}
#content .articleListNew .iconList a {
    margin-left: 14.8em;
}
#content .articleListNew .iconList span.new {
    color: #fe0028;
    font-size: 1em;
    font-weight: bold;
    left: 10em;
    top: .1em;
    width: 4.8em;
}
#content ul.articleListSpecial li {
    clear: left;
    padding-bottom: 1.5em;
}
#content ul.articleListSpecial a.icon {
    float: left;
}
#content ul.articleListSpecial a.sendEmail {
    margin-left: 1em;
}

/* component: CL05 article list GFM news */
#content .gfmNews {
    border-bottom: 0;
    margin-left: 0;
}
.twoColPortal #content .gfmNews {
    float: left;
}
#content .gfmNews ul li {
    padding: 0 0 .375em;
}
#content .gfmNews ul li:after { /* required by Mozilla 1.2 */
    display: block;
    clear: left;
    content: " ";
    height: 0;
}
#content .gfmNews ul a  { /* anchor on image */
    float: left;
    margin: .4375em .5em 0 0;
    width: 3.5em;
}
#content .gfmNews ul a img {
    height: 3.375em;
    width: 3.375em;
}
#content .gfmNews ul h4 a, #content .gfmNews ul p a { /* anchor in h4 and p, reset styles */
    display: inline; /* block-level element would render background-image under a floated element */
    float: none;
    margin: 0;
    width: auto;
}
#content .gfmNews ul p span {
    display: block;
    font-size: 1em;
    line-height: 1.2;
    padding: 0;
}
#content .gfmNewsArchive a.arrow {
    float: right;
    font-size: .625em;
    line-height: 1;
    width: auto;
}
#content .gfmNewsArchive h3 {
    border-bottom: 1px solid #999;
}

/* component: CL06 Recently Published Articles + CL12 User Customized Article List */
#content .recentlyPublishedArticles .iconList a {
    margin-left: 10em;
}
#content .recentlyPublishedArticles p a, #content .userCustomizedArticleList p a {
    background-position: 0 0;
    font-size: .9091em;
    line-height: 1.2;
    margin-top: 1em;
    padding-left: 1.5em;
}
#marginal .recentlyPublishedArticles .iconList, #marginal .userCustomizedArticleList .iconList {
    margin-bottom: 0;
}
#marginal .recentlyPublishedArticles p, #marginal .userCustomizedArticleList p {
    background-color: #e6eaf4;
    border: 1px solid #999;
    border-top: none;
    margin: 0;
    padding: .5em .8em .5em .3889em;
}

/* component: CL07 Related Articles */
#contentWrapper .relatedArticles .iconList p {
    display: block;
    font-size: 1em;
    line-height: 1;
    margin: 0;
    overflow: hidden;
    position: absolute;
    width: 5em;
}
#contentWrapper .relatedArticles .iconList img {
    position: relative;
    width: 5em;
}
#contentWrapper .relatedArticles .iconList img.linkRating1 {
    left: 0;
}
#contentWrapper .relatedArticles .iconList img.linkRating2 {
    left: 1em;
}
#contentWrapper .relatedArticles .iconList img.linkRating3 {
    left: 2em;
}
#contentWrapper .relatedArticles .iconList img.linkRating4 {
    left: 3em;
}
#contentWrapper .relatedArticles .iconList img.linkRating5 {
    left: 4em;
}
#content .relatedArticles .iconList p {
    left: 10em;
    top: .8em;
}
#content .relatedArticles .iconList a {
    margin-left: 16em;
}
#marginal .relatedArticles .iconList p {
    right: 0;
    top: .1em;
}

/* component: CL08 attachments list */
#content .attachmentsList .thDate {
    width: 8.7778em; /* = 79px / 9 */
}
#content .attachmentsList .thSize,
#content .attachmentsList .thPages {
    width: 5em; /* = 45px / 9 */
}
#content .attachmentsList td,
#content .attachmentsList th {
    line-height: 1.1;
    vertical-align: top;
    text-align: center;
    border-bottom: 1px solid #999;
    padding: 0;
    font-weight: normal;
}
#content .attachmentsList .title,
#content .attachmentsList .thDate,
#content .attachmentsList .thTitle,
#content .attachmentsList tbody th {
    text-align: left;
}
#content .attachmentsList th {
    font-size: .5625em;
    white-space: nowrap;
}
#content .attachmentsList td {
    font-size: .6875em;
}
#content .attachmentsList td,
#content .attachmentsList tbody th {
    padding: .3636em 0 .6364em;
}
#content .attachmentsList .thTitle {
    padding-left: .8889em;
}
#content .attachmentsList .title {
    padding-left: .7273em;
}
#content .attachmentsList thead th {
    padding: .4444em 0;
}
#content .attachmentsList tbody th {
    line-height: 1.7;
}
#content .attachmentsList td a,
#content .attachmentsList td em {
    font-size: .9091em;
}
#content .attachmentsList td a,
#content .attachmentsList td img {
    display: inline;
}
#content .attachmentsList td img {
    margin: .2727em 0 0;
}

/* component: CL11 Article List Grouped by Year/Month */
#content .articleListGrouped {
    border: 1px solid #999;
    border-top: 0;
    width: 100%;
}
#content .articleListGrouped .col1 {
    width: 18%;
}
#content .articleListGrouped .col2 {
    width: 82%;
}
#content .articleListGrouped a {
    font-size: .625em;
    line-height: 1;
}
#content .articleListGrouped th, #content .articleListGrouped td {
    border: 1px solid #999;
    text-align: left;
    vertical-align: top;
}
#content .articleListGrouped span, #content .articleListGrouped tbody th {
    font-size: .5625em;
    font-weight: normal;
    line-height: 1;
}
#content .articleListGrouped thead th {
    border-top-width: 0;
    padding: .1875em .25em;
}
#content .articleListGrouped thead th span {
    float: left;
    width: auto;
}
#content .articleListGrouped thead th a {
    float: right;
    width: auto;
}
#content .articleListGrouped tbody th {
    padding: .6667em .4444em .7778em 2.1111em;
}
#content .articleListGrouped tbody td {
    padding: .375em .25em;
}
#content .articleListGrouped tbody td span {
    float: left;
    width: 3em;
}
#content .articleListGrouped tbody td a {
    margin-left: 3em;
}
#content .articleListGrouped tbody tr.year {
    background-color: #e6eaf4;
}
#content .articleListGrouped tbody tr.year th, #content .articleListGrouped tbody tr.year td {
    color: #3351a3;
    font-size: .8125em;
    font-weight: bold;
    line-height: 1;
    padding: .3846em .3077em;
}
#content .articleListGrouped tbody tr.odd {
    background-color: #f2f4f9;
}
#content .articleListGrouped tbody tr.odd td {
    padding: .0625em .25em 0 0;
}
#content .articleListGrouped ul.iconList {
    padding: .3em 0 0;
}
#content .articleListGrouped ul.iconList li {
    display: block;
    position: relative;
    width: 100%;
}
#content .articleListGrouped ul.iconList li a {
    font-size: 1em;
    margin: 0;
    padding-bottom: .6em;
}
#content .articleListGrouped ul.iconList li.last a {
    padding-bottom: .3em;
}
#content .articleListGrouped ul.iconList span {
    display: block;
    float: none;
    position: absolute;
    width: 8.6em;
    right: 0;
    top: 0;
    text-align: right;
}

/* component: CL13 Article Matrix */
#content .articleMatrix h3 {
    margin: 0 0 .7692em;
}
#content .articleMatrix thead th,
#content .fundsList thead th,
#content .fundsListArchive thead th {
    text-align: center;
}
#content .articleMatrix tbody th,
#content .articleMatrix tbody td,
#content .fundsList tbody td,
#content .fundsList tbody th,
#content .fundsListArchive tbody td,
#content .fundsListArchive tbody th {
    text-align: left;
    padding: .4545em .6364em
}
#content .articleMatrix tbody th img {
    border: 1px solid #999;
    display: inline;
    height: .9091em;
    margin-right: .6364em;
    position: relative;
    top: .1818em;
    width: 1.6364em;
}
#content .articleMatrix tbody td {
    padding-bottom: .2727em;
    padding-top: .6364em;
}
#content .articleMatrix tbody td a:hover {
    position: relative;
}
#content .articleMatrix tbody td a dfn {
    background-color: #ffffe1;
    border: 1px solid #999;
    color: #000;
    display: none;
    font-style: normal;
    font-weight: normal;
    left: 2em;
    line-height: 1.5;
    padding: .5em;
    position: absolute;
    top: 1em;
    visibility: hidden;
    width: 25em;
    z-index: 100;
}
#content .articleMatrix tbody td a:hover dfn {
    display: block;
    visibility: visible;
}

/* component: CL14 Intranet News List */
#content .intranetNewsList {
    border-bottom: 1px solid #999;
    padding: .5em 0 0;
}
#content .intranetNewsList:after {
    display: block;
    clear: both;
    content: " ";
}
#content .intranetNewsList h2 {
    line-height: 1.17;
    border-left: .6667em solid #00268c;
    margin: 0 0 0 -1.4545em;
    padding: 0 0 0 .6667em;
    width: 13.3333em; /* 160px */
    height: 8.25em; /* 99px */
    font-size: .75em; /* 12px */
}
#content .intranetNewsList h2.simple {
    border-color: #fff;
}
#content .intranetNewsList p {
    line-height: 1.2;
    margin: 1.4em 0 .2em;
    width: 12em;
    font-size: .625em; /* 10px */
}
#content .intranetNewsList h2,
#content .intranetNewsList p {
    float: left;
}
#content .intranetNewsList h2 img {
    border: 1px solid #999;
    width: 13.1667em; /* 158px */
    height: 5.6667em; /* 58px */
}
#content .intranetNewsList h2 span {
    display: block;
    position: relative;
    top: .25em;
    margin: 0 1.6667em 0 0;
}
#content .intranetNewsList p a {
    text-decoration: underline;
}
#content .intranetNewsList ul {
    float: right;
    margin: 0;
    padding: 0;
    width: 20.5em;
    font-size: 1em; /* 16px */
}
#content .intranetNewsList ul li {
    display: block;
    list-style-type: none;
    padding: 0 0 .875em;
}
#content .intranetNewsList ul em {
    display: block;
    position: relative;
    top: -1px;
    line-height: .9;
    font-size: .5625em; /* 9px */
    font-style: normal;
}
#content .intranetNewsList ul h3 {
    font-size: .6875em; /* 11px */
    line-height: 1.2727; /* 14px */
    margin: .0909em 0;
    border-top: 1px solid #999;
    padding: .0909em 0 0;
}
#content .intranetNewsList ul p {
    clear: none;
    float: none;
    line-height: 1.4;
    margin: 0;
    width: auto;
}
#content .intranetNewsList ul p a {
    display: inline;
    text-decoration: none;
}

/* component: CN04 sitemap */
#sitemap p {
    font-size: .625em;
    line-height: 1.3;
    margin: 0;
}
#sitemap p a {
    background-position: .5em 50%;
    border-color: #999;
    border-style: solid;
    border-width: 1px 0;
    margin: 0 0 .6em 0;
    padding: .65em 0 .65em 2em;
}
#sitemap .iconList {
    padding-bottom: 1.3em;
}
#sitemap .iconList ul {
    font-size: 1em;
    line-height: 1.2;
    padding: 0;
}
#content #sitemap ul {
    margin-left: 0;
}
#sitemap .iconList li a {
    background-color: #e6eaf4;
    margin: 0;
    padding-bottom: .1em;
}
#sitemap .iconList li a.odd {
    background-color: #f2f4f9;
}
#sitemap .iconList li a.even {
    background-color: #fff;
}
#sitemap .iconList li li a {
    background-position: 1.6em 0;
    padding-left: 3.1em;
}
#sitemap .iconList li li li a {
    background-position: 3.2em 0;
    padding-left: 4.7em;
}
#sitemap .iconList li li li li a {
    background-position: 4.8em 0;
    padding-left: 6.3em;
}
#sitemap .iconList li li li li li a {
    background-position: 6.4em 0;
    padding-left: 7.9em;
}
#sitemap .iconList li li li li li li a {
    background-position: 8em 0;
    padding-left: 9.5em;
}
#sitemap .iconList li li li li li li li a {
    background-position: 9.6em 0;
    padding-left: 11.1em;
}

/* component: CNXX pager */
#contentWrapper .pager {
    clear: both;
    margin: 0;
}
#contentWrapper .iconList+.pager,
#contentWrapper .teaserList+.pager {
    margin-bottom: .9375em;
}
#contentWrapper .pager p {
    font-size: .5625em;
    line-height: 1;
    margin: 0;
    padding: .7778em 0 .4444em;
}
#contentWrapper .pager ul {
    margin: 0;
    border: 1px solid #999;
    padding: .2em 0 .3em;
    line-height: 1.8;
    font-size: .625em;
    text-align: center;
}
#contentWrapper .pager li {
    display: inline;
    margin: 0 -.4em 0 0; /* equalize whitespace between li elements */
    color: #d7d7d7; /* inactive color */
    font-weight: bold;
}
#contentWrapper .pager li.next,
#contentWrapper .pager li.previous {
    width: 5%;
}
#contentWrapper .pager li.next {
    float: right;
    margin: 0 0 0 .4em;
}
#contentWrapper .pager li.previous {
    float: left;
    margin: 0 .4em 0 0;
}
#contentWrapper .pager ul li:before,
#contentWrapper .pager ul span.separator {
    content: "|";
    color: #000;
    font-size: .9em;
    font-family: Arial, sans-serif;
}
#contentWrapper .pager ul li:first-child:before,
#contentWrapper .pager ul li.next:before,
#contentWrapper .pager ul li.next+li:before,
#contentWrapper .pager ul li.previous:before,
#contentWrapper .pager ul li.previous+li:before {
    display: none;
}
#contentWrapper .pager li a,
#contentWrapper .pager li span,
#contentWrapper .pager li strong {
    margin: 0 .2em;
    padding: 0 .3em;
}
#contentWrapper .pager .next *,
#contentWrapper .pager .previous * {
    margin: 0;
    padding: 0;
}
#contentWrapper .pager li a:link,
#contentWrapper .pager li a:visited {
    color: #000;
}
#contentWrapper .pager li strong,
#contentWrapper .pager li a:active,
#contentWrapper .pager li a:focus,
#contentWrapper .pager li a:hover {
    color: #3351a3;
}
#contentWrapper .pager li strong,
#contentWrapper .pager li a:active {
    border: 1px solid #999;
}

/* component: CT01 Table */
.dataTable,
.dataTable thead th,
.dataTable thead td,
.dataTable tbody th,
.dataTable tbody td,
.dataTable tfoot th,
.dataTable tfoot td {
    border: solid #999;
}
.dataTable {
    border-width: 1px 1px 0 0;
}
.dataTable thead {
    background-color: #e6eaf4;
    font-size: .625em;
    line-height: 1.2;
}
.dataTable tbody {
    font-size: .6875em;
    line-height: 1.1818;
}
.dataTable tfoot {
    font-size: .6875em;
    font-weight: bold;
    line-height: 1.1818;
}
.dataTable tbody a, .dataTable tfoot a {
    font-size: .9091em;
}
.dataTable th, .dataTable td {
    vertical-align: top;
    text-align: left;
}
.dataTable thead th, .dataTable thead td {
    border-width: 0 0 1px 1px;
    padding: .3em .8em;
}
.dataTable tbody tr {
    border-bottom-style: hidden;
}
.dataTable tbody tr.last,
.dataTable tbody tr.last td,
.dataTable tbody tr.last th {
    border-bottom: 1px solid #999;
}
.dataTable tbody th, .dataTable tbody td {
    border-width: 0 0 0 1px;
    padding: .0909em .7273em .1818em .7273em;
}
.dataTable tbody th {
    background-color: #f2f4f9;
    font-weight: normal;
    text-align: left;
}
.dataTable tbody .odd {
    background-color: #f2f4f9;
}
.dataTable tbody .odd th {
    background-color: #e6eaf4;
}
.dataTable tbody tr.groupEnd th, .dataTable tbody tr.groupEnd td {
    padding-bottom: 1em;
}
.dataTable tfoot th, .dataTable tfoot td {
    background-color: #fff;
    border-width: 0 0 1px 1px;
    padding: .1818em .7273em .2727em .7273em;
}
.dataTable .rowFooter {
    font-weight: bold;
}
#contentWrapper .sortable thead th a {
    background: url("./icon_sortable_down_inactive.png") no-repeat 100% .5em;
    display: block;
    padding-right: 1.2em;
}
#contentWrapper .sortable thead th a:hover {
    background-image: url("./icon_sortable_down_hover.png");
}
#contentWrapper .sortable thead th.active {
    background-color: #ccd4e7;
}
#contentWrapper .sortable thead th.active a.down {
    background-image: url("./icon_sortable_down_active.png");
}
#contentWrapper .sortable thead th.active a:hover.down {
    background-image: url("./icon_sortable_down_hover.png");
}
#contentWrapper .sortable thead th.active a.up {
    background-image: url("./icon_sortable_up_active.png");
}
#contentWrapper .sortable thead th.active a:hover.up {
    background-image: url("./icon_sortable_up_hover.png");
}
#contentWrapper .sortable tbody td.active {
    background-color: #f2f4f9;
}
#contentWrapper .sortable tbody .odd td.active {
    background-color: #e6eaf4;
}
#marginal .dataTable {
    width: 100%;
}

/* component: CT02 Chart and Table */
.chartTable.left table {
    float: right;
    width: 15.25em;
}
.chartTable.right table {
    float: left;
    width: 15.25em;
}
.chartTable object {
    height: 15.5em;
    width: 31em;
}
.chartTable.left object, .chartTable.right object {
    height: 11.4375em;
    width: 15.25em;
}
.chartTable.right object {
    margin-left: .4em;
}
/* component: CT03 Standard Charts */
.standardChart {
    float: left;
    margin: .625em 0;
    width: 100%;
}
.standardChart .chart, .standardChart .legend {
    float: left;
}
.standardChart .chart {
    margin: 0 .625em 0 0;
}
.standardChart br {
    display: none;
}

/* component: CT04 Date Based Table */
 .dateList {
    margin: 0;
    border-bottom: 1px solid #999;
}
.dateList dt {
    float: left;
    width: 11.1111em; /* = 100px */
    padding: .7778em 0 0;
    line-height: 1;
    font-size: .5625em;
}
.dateList dd {
    margin: 0 0 0 10.7273em;
    border-top: 1px solid #999;
    padding: .4545em 0 .6364em .3636em;
    line-height: 1.0909;
    font-size: .6875em;
}
.dateList dd.first {
    border-top: 0;
}

/* component: CF07 Forum */
#forum table {
    width: 100%;
}
#forum td, #forum th {
    border-bottom: 1px solid #999;
    padding: .2em 1em .2em 0;
    text-align: left;
}
#forum td.attachment {
    padding-right: 0;
    text-align: right;
}
#forum td, #forum th, #forum ol li {
    font-size: .5625em;
}
#content #forum td img,
#content #forum li img {
    display: inline;
    border: 0;
}
#forum .forum-posting td, #forum .forum-posting th {
    border: 0;
    font-size: .6875em;
    font-weight: normal;
}
#content #forum ul {
    margin: 1.5em 0 0;
    border-top: 1px solid #999;
    padding: .2em 0 0;
}
#content #forum ul li {
    display: inline;
    margin: 0 0 0 .5em;
    border-left: 1px solid #999;
    padding: 0 0 0 .5em;
}
#content #forum li.firstChild {
    margin-left: 0;
    border-left: 0;
    padding-left: 0;
}
#content #forum ol {
    padding-bottom: 0;
}
#forum ol li {
    font-size: 1em;
}
#forum li strong {
    font-size: 1em;
    color: #667DBA;
}
#content #forum ul.forumSearchRes,
#content #forum ul.forumSearchRes li {
    display: block;
    margin: 0;
    border: 0;
    padding: 0;
}
#content #forum ul.forumSearchRes {
    margin: 2em 0 0;
}
#content #forum em {
    font-style: normal;
}
#forum .forum-wrapper {
    overflow: auto;
    margin: 0 0 1em;
    padding: 0 0 1em; /* required by Safari */
    width: 31em;
}
.forum-wrapper>ol {
    margin-left: 5%;
    width: 94%;
}
#forum dl {
    padding: 1em 0 0;
    font-size: .6875em;
}
#forum dl, #forum dt, #forum dd {
    margin: 0;
}
#forum dt {
    position: absolute;
}
#forum dd {
    position: relative;
    left: 15%;
    width: 80%;
}

/* template: TM04 Error Message Display Template */
.errorMsg a {
    text-decoration: underline;
}

/* template: TR02 Contact Display Template */
#contactDisplay .filterForm {
    float: right;
}
#contactDisplay table {
    float: left;
    width: 31em;
    border: 0; /* required by Safari */
    border-bottom: 1px solid #999;
}
#contactDisplay #colGroup1 {
    width: 11.875em;
}
#contactDisplay #colGroup2 {
    width: 19.125em;
}
#contactDisplay th {
    line-height: 1;
    border-style: hidden;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    padding: .2727em 0;
    color: #3351a3;
    font-size: .6875em;
    text-align: left;
}
#contactDisplay td {
    vertical-align: top;
    border-style: hidden;
    border-top: 1px solid #FFF;
    border-bottom: 0 solid #FFF;
    padding: .3125em 0 .6875em;
}
#contactDisplay tr:first-child td {
    border-top: 0 solid #999; /* Required by Opera */
}
#content #contactDisplay img {
    width: 6.1250em;
    margin-bottom: 0;
}

/* component: TC07 Funds List, TC08 Funds List Archive */
#content .fundsList {
    width: 100%;
}
#content .fundsList .col1 {
    width: 38%;
}
#content .fundsList .col2 {
    width: 28%;
}
#content .fundsList .col3 {
    width: 34%;
}
#content .fundsList tbody tr.fondsHeader,
#content .fundsList tbody tr.fondsHeader th,
#content .fundsList tbody tr.fondsHeader td {
    background-color: #fff;
    border-bottom: 1px solid #999;
}
#content .fundsList tbody td a.attachment {
    position: absolute;
}
#content .fundsList tbody td div {
    position: relative;
}
#content .fundsList tbody td div a {
    position: absolute;
    top: 0;
    right: 0;
}

/* component: TC07 Funds List, TC08 Funds List Archive */
#content .fundsListArchive col {
    width: 50%;
}
#content .fundsListArchive td {
    background-color: #fff;
}

/* template: TC56 My WestLB page */
#customize {
	/*height: 1%; IE only! */
    padding: .5em;
}
#customize #content,
#customize #contentWrapper {
    float: none;
    margin: 0;
    padding: 0;
    width: 31em;
}
#content .config, #content .component, #customize .config, #customize .component {
    border: 1px solid #999;
}
#customize .config {
    border-bottom-width: 0;
}
#customize .save {
    border-bottom-width: 1px;
}
#content .config, #customize .config {
    line-height: 0; /* Fixes Bug in Firefox */
    margin: 1em 0 0;
    padding: .3125em;
    background: #E6E6E6;
}
#content .config input, #customize .config input {
    line-height: normal; /* Reset line-height required by Mozilla 1.2 */
}
#content .save, #content .save fieldset, #customize .save, #customize .save fieldset {
    background: #FFF;
}
#content .save, #customize .save {
    margin: 0 0 -.5em;
}
#content .save fieldset, #customize .save fieldset {
    padding: 0;
    text-align: right;
}
#content .config * * *, #customize .config * * * {
    display: inline;
}
#content .config span, #customize .config span {
    display: block;
    margin: 0 1px 0 0;
    background: url(../images/bg_mywestlb_config.gif) no-repeat 100% 0;
}
#content .config .button, #customize .config .button  {
    margin: 0 -.2em 0 0;
}
#content .save .button, #customize .save .button {
    margin: 0 0 0 -.2em;
}
#content .save .left, #customize .save .left {
    margin: 0;
}
#content .component, #customize .component {
    border-top: 0;
    padding: .1875em .4375em;
}

/* template: TF01, TF02, TF04 */
#content #contactForm p.first {
    padding-top: .6875em;
}

/* template: TF02 Feedback forms */
#content .confirmation a {
    font-size: .9091em;
    line-height: 1.2;
}

/* template: TF05 Author designed forms */
#content .genericForm {
    padding: 0 .5em .5em .5em;
}
#content .genericForm h3, .genericForm legend {
    padding-top: 2.6923em;
}
.genericForm legend.first {
    padding-top: .2308em;
}
#content .genericForm h3.first {
    padding-top: .0909em;
}
#content .genericForm h3 {
    margin: 0;
    padding-bottom: .2727em;
    color: #3351a3;
    font-size: .8125em;
}
#content .genericForm p {
    font-size: 1em;
    margin: 0;
    padding-top: 1.1875em;
}
#content .genericForm p:after {
    display: block;
    clear: both;
    content: " ";
    height: 0;
}
#content .genericForm p.first {
    padding-top: .25em;
}
/* description text */
#content .genericForm p.description {
    font-size: .6875em;
    padding: .3636em 6.1818em 0 14.5455em;
}
/* indented controls */
#content .genericForm p.sub {
    padding: .25em 0 0 10em;
}
#content .genericForm br {
    display: none;
}
.genericForm label {
    float: left;
    width: 14.5455em; /* 160px */
}
/* error messages */
.genericForm em {
    width: 41em;
}
.genericForm p.sub em {
    width: 22.7273em;
}
.genericForm input.text, .genericForm input.file, .genericForm select, .genericForm textarea {
    margin: 0 0 0 14.5455em;
}
.genericForm select[multiple] { /* Fix incorrect placement in Firefox */
    float: left;
    margin-left: 0;
}
.genericForm .sizeXXS {
    width: 5.6364em; /* 62px + 2px border */
}
head:first-child+body .genericForm .sizeXXS {
    width: 5.4545em; /* 60px + 2px padding + 2px border */
}
.genericForm .sizeXS {
    width: 8.4545em; /* 93px + 2px border */
}
head:first-child+body .genericForm .sizeXS {
    width: 8.2727em; /* 91px + 2px padding + 2px border */
}
.genericForm .sizeS {
    width: 11.2727em; /* 124px + 2px border */
}
head:first-child+body .genericForm .sizeS {
    width: 11.0909em; /* 122px + 2px padding + 2px border */
}
.genericForm .sizeM {
    width: 14.0909em; /* 155px + 2px border */
}
head:first-child+body .genericForm .sizeM {
    width: 13.9091em; /* 153px + 2px padding + 2px border */
}
.genericForm .sizeL {
    width: 16.9091em; /* 186px + 2px border */
}
head:first-child+body .genericForm .sizeL {
    width: 16.7273em; /* 184px + 2px padding + 2px border */
}
.genericForm .sizeXL {
    width: 19.7273em; /* 217px + 2px border */
}
head:first-child+body .genericForm .sizeXL {
    width: 19.5455em; /* 215px + 2px padding + 2px border */
}
.genericForm .sizeXXL {
    width: 22.5455em; /* 248px + 2px border */
}
head:first-child+body .genericForm .sizeXXL {
    width: 22.3636em; /* 246px + 2px padding + 2px border */
}
#content .genericForm select.sizeXXS {
    width: 5.8182em; /* 64px */
}
#content .genericForm select.sizeXS {
    width: 8.6364em; /* 95px */
}
#content .genericForm select.sizeS {
    width: 11.4545em; /* 126px */
}
#content .genericForm select.sizeM {
    width: 14.2727em; /* 157px */
}
#content .genericForm select.sizeL {
    width: 17.0909em; /* 188px */
}
#content .genericForm select.sizeXL {
    width: 19.9091em; /* 219px */
}
#content .genericForm select.sizeXXL {
    width: 22.7273em; /* 250px */
}
/* date fields */
.genericForm .date input.text {
    margin-right: .5455em;
}
.genericForm .date input.button {
    margin-right: 6.8em;
    padding: 0 .2em;
}
/* checkbox or radio button */
.genericForm .selection label {
    float: none;
    display: inline;
    line-height: 1;
    padding: 0;
    position: relative;
    top: -.0909em;
    width: auto;
}
.genericForm .selection input.radio, .genericForm .selection input.checkBox {
    display: inline;
    margin: 0;
}
/* applies to all groups */
.genericForm fieldset fieldset {
    padding-left: 10em;
    width: 15.625em;
}
.genericForm fieldset fieldset h4, .genericForm fieldset fieldset legend {
    padding-top: 1.2308em;
}
#content .genericForm fieldset fieldset h4.first, .genericForm fieldset fieldset legend.first {
    padding-top: 0;
}
#content .genericForm fieldset fieldset h4 {
    font-size: .6875em;
}
#content .genericForm fieldset fieldset p {
    padding-top: .3125em;
}
#content .genericForm fieldset fieldset p.first {
    padding-top: .4em;
}
#content .genericForm fieldset fieldset p.description {
    padding: .3636em 0 0;
}
.genericForm fieldset fieldset em {
    width: 100%;
}
.genericForm fieldset fieldset label {
    float: none;
    width: 100%;
}
.genericForm fieldset fieldset input.text, .genericForm fieldset fieldset select {
    margin-left: 0;
    margin-top: .2727em;
}
/* date groups */
.genericForm fieldset fieldset .date {
    padding-top: .5em;
}
.genericForm fieldset fieldset .date label {
    position: absolute;
    width: 3.6364em; /* 40px */
}
.genericForm fieldset fieldset .date input.text {
    margin-left: 3.6364em; /* 40px */
    margin-top: 0;
}
.genericForm fieldset fieldset .date input.button {
    margin-right: 0;
}
/* checkbox or radio groups */
#content .genericForm fieldset fieldset.selection p {
    padding-top: 0;
}
#content .genericForm fieldset fieldset.selection p.first {
    padding-top: .4em;
}

/* template: TF06 search, input, advanced, results */
#content .searchAdvanced {
    padding-top: .5em;
}
#content .searchAdvanced fieldset fieldset legend {
    font-weight: normal;
}
#content .searchResults {
    border-color: #999;
    border-style: solid;
    border-width: 0 0 1px;
    width: 100%;
}
#content .searchResults .date {
    width: 24%;
}
#content .searchResults .title {
    width: 76%;
}
#content .searchResults th, #content .searchResults td {
    border-color: #999;
    border-style: solid;
    border-width: 1px 0 0;
    border-right-style: hidden;
}
#content .searchResults th {
    font-size: .5625em;
    font-weight: normal;
    line-height: 1;
    padding: .4444em 0;
    text-align: left;
    vertical-align: top;
}
#content .searchResults tbody th {
    padding-left: 1.7778em;
}
#content .searchResults td {
    padding: .25em 0 0;
}
#content .searchResults td a {
    font-size: .625em;
    line-height: 1.2;
}
#content .searchResults td p {
    font-size: .625em;
    line-height: 1.2;
    padding-top: .3em;
}
#content .searchResults td h4 {
    color: #000;
    font-size: .5625em;
    font-weight: normal;
    line-height: 1.2;
    margin-left: 3.5556em; /* 32px */
    padding: .2222em 0 .1818em;
}
#content .searchResults td .iconList {
    margin-left: 3.2em !important; /* 32px, important needed here */
    margin-top: 0;
}
#content .searchResults td .iconList li {
    display: block;
    margin-bottom: .1em;
}
#content .searchResults td .iconList a {
    background-position: -.4em 0;
    display: inline;
    font-size: 1em;
    line-height: 1.6em;
    margin: 0;
    padding-left: 1.1em;
}
#content .searchResults td .iconList span {
    display: inline;
    font-size: .9em;
    line-height: 1;
    white-space: nowrap;
}

/* template: TF08 User customized article list */
#content .custArticleListForm {
    padding: 0 0 .5em;
    background: #FFF;
}
#content .custArticleListForm legend {
    display: none;
}
#content .custArticleListForm label,
#content .custArticleListForm input {
    display: inline;
}
#content .custArticleListForm h3,
#content .custArticleListForm h4,
#content .custArticleListForm ul {
    font-size: .6875em;
}
#content .custArticleListForm p,
#content .custArticleListForm label,
#content .custArticleListForm ul ul {
    font-size: 1em;
}
#content .custArticleListForm h3,
#content .custArticleListForm h4,
#content .custArticleListForm label {
    color: #000;
}
#content .custArticleListForm h3,
#content .custArticleListForm h4,
#content .custArticleListForm li div {
    line-height: normal;
    margin: 0;
    padding: .4545em .5455em .5455em;
    font-weight: normal;
}
#content .custArticleListForm h3 {
    background: #e6eaf4;
}
#content .custArticleListForm h4 {
    background: #f2f4f9;
}
#content .custArticleListForm li,
#content .custArticleListForm ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#content .custArticleListForm h3,
#content .custArticleListForm h4,
#content .custArticleListForm ul,
#content .custArticleListForm li div {
    border-bottom: 1px solid #999;
}
#content .custArticleListForm li ul {
    border: 0;
    padding-left: 4.3636em;
}
#content .custArticleListForm li div,
#content .custArticleListForm li ul ul {
    padding-left: 2.1818em;
}
#content .custArticleListForm li li {
    margin: 0 0 .3636em;
    padding: .3636em 0 0;
}
#content .custArticleListForm li li li {
    margin-top: .7273em;
    padding: 0;
}
#content .custArticleListForm h3 input,
#content .custArticleListForm h4 input,
#content .custArticleListForm li input {
    margin: 0 .5455em 0 0;
}
#content .custArticleListForm .disabled {
    cursor: auto;
}
#content .custArticleListForm .disabled input {
    visibility: hidden;
}
#content .custArticleListForm h3 .disabled input,
#content .custArticleListForm h4 .disabled input {
    display: none;
}
#content .custArticleListForm p {
    padding: 0 .5em;
    margin: 0;
}
#content .custArticleListForm p input {
    display: block;
}


/* --- section: marginal --- */
#marginal div {
    margin-bottom: 1.25em; /* 20px */
}
#marginal div.twoRows {
    margin-bottom: 0;
}
#marginal hr, #marginal div.para, #marginal #login, #marginal .disclaimer, .hp #marginal .teaserList {
    margin-bottom: .5em; /* 8px */
}
/* paragraph boxes */
#marginal .box {
    background: #f2f4f9;
    border: 1px solid #999;
    padding: .4em .8em 0 .4em;
}
#marginal .archive {
    float: right;
    font-size: .625em;
    line-height: 1;
    width: auto;
}


/* --- section: footer --- */
#footer {
    border-top: 1px solid #999;
    padding: .25em 0;
}

/* component: CN02 footer utility buttons, copyright text */
#footer p {
    clear: left;
    font-size: .5625em;
    line-height: 1.2222;
}

/* component: CN02 footer utility buttons, list of links */
#footer .iconList {
    float: left;
    font-size: .625em;
    line-height: 1.6;
    margin-bottom: 1.1em;
    width: 24.8em;
}

.wisError {
        font-size : 11px;
        font-family : Verdana, Arial, Helvetica, sans-serif;
        color: #FF0000
}