/* ===============================================================*/
/* Filename: common.inc.css 									  */
/* Date: 22. June 2004 											  */
/* ===============================================================*/
/* Description: 												  */
/* Contains stylesheets, that are common used. 					  */
/* ===============================================================*/
/* History: 													  */
/* 2004/06/22 M. Mueller (namics): merged the existing CSS-files. */
/* ===============================================================*/

/* ===============================================================*/
/* START COMMON STYLES											  */
/* ===============================================================*/

/* styles for "loading, please wait..." messages */
#message_reports {
    visibility: visible;
}

#content_reports {
    visibility: hidden;
}

.superscript {
    vertical-align: super;
    font-size: smaller;
}

.imageButton {
    background-color: transparent;
    border-style: none;
}

.disabledbutton {
    cursor: default;
}

.loadMessage {
    color: lightblue;
    background-color: Blue;
}

.listboxlabel {
    font-weight: 500;
}

.listboxheader {
    font-weight: 500;
}

.listbox,
    .textinput {
}

.validDate {
}

.invalidDate {
    border: solid 2px red;
}

.listboxExport {
    vertical-align: top;

}

.highhelp {
    vertical-align: top;
}

.noscriptButton {
    background-color: #F2F8FB;
    color: #25517D;
    margin: 5px;
    font-weight: bold;
    font-size: 11px;
}

input.sdwaction {
    color: #2B52B5;
    background-color: transparent;
    border-style: none;
    padding: 0;
    margin: 0;
    height: 15px;
}

input.showInChart {
    /*
      GH: 24 Feb 2006
      small check-boxes on the opening page
     */
    height: 11px;
    width: 11px;
    margin: 0;
}

.boxgray {
/* TF 21.02.2006 */
/* Errors are shown inside this box, while warnings have the box defined in the 'warning' style...*/
/* Therefore width must be specified here (instead of/as well as the sdwerrorwidth style). */
    padding: 10px;
    border: thin gray solid;
    width: 100%;
}

.warning {
    color: red;
    font-weight: bold;
    padding: 10px;
    border: thin gray solid;
    text-align: center;
}

.message_framed {
    color: blue;
    font-weight: bold;
    padding: 20px;
    border: thin gray solid;
    margin: 40px;
    text-align: center;
}

.report_message_framed {
    color: blue;
    font-weight: bold;
    padding: 20px;
    border: thin gray solid;
    margin-left: 40px;
    margin-bottom: 10px;
    text-align: left;
}

.message {
    color: blue;
    font-weight: bold;
}

.error {
    color: red;
    font-weight: bold;
}

body {
    font-size: 75%;
    color: #000000;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #ffffff;
    background-image: url( ../img/bg_sectionnav.gif );
    background-repeat: repeat-y;
    background-position: left;
}

body.nobackground {
    font-size: 75%;
    color: #000000;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #ffffff;
    background-image: none;
}

h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    h7,
    div,
    p,
    td,
    th,
    a,
    li,
    form,
    select,
    input {
    font-family: Arial, Helvetica, sans-serif;
}

h2 {
    font-size: 150%;
    font-weight: normal;
}

td,
    th,
    caption {
    text-align: left;
    vertical-align: top;
}

th {
    padding: 3px 5px 3px 4px;
}

tfoot {
    width: 80%;
}

td.tdindentleft1 {
    text-indent: 25px;
}

td.tdindentleft2 {
    text-indent: 35px;
}

img {
    border: none;
}

ul {
    padding-left: 0;
    margin-top: 0.3em;
    margin-bottom: 0.6em;
    margin-left: 1.5em;
}

ul {
    list-style-type: square;
}

ol {
    padding-left: 0;
    margin-top: 0.3em;
    margin-bottom: 0.6em;
    margin-left: 1.9em;
}

/* ===============================================================*/
/* END COMMON STYLES											*/
/* ===============================================================*/

/* ===============================================================*/
/* START STRUCTURE RELEVANT STYLES								*/
/* ===============================================================*/

/* START OPTICAL AIDS */

.invisibleitem {
/* instead of 'display:none;' because of some screenreaders */
    position: absolute;
    left: -2000px;
}

IMG.imgBordered {
    border: 1px solid #CCCCCC;
}

/* END OPTICAL AIDS */

/* START PAGEAREA   */

div#pagearea {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}

#contentareanoleftnav {
/* TF 25.02.2006 */
/* reduce width from 100% to 99% to suppress horizontal scrolling in Firefox and Netscape */
/* (100% is o.k. in IE) */
    left: 0;
    width: 99%;

    position: absolute;
    padding-top: 20px;
    padding-bottom: 3.8em;
}

#contentarea {
/* Do not change the left-displacement to 180px and the margin-left to 0px. */
/* The fixed/percentage calculation  is then handled VERY differently by IE, Firefox and Opera */
    left: 0; /* push the content area to the right, beyond the left navigation */
    margin-left: 180px; /* TF 21.02.2006 */
/* We assume here a 17-inch screen with 1280 pixels total width */
/* 180px are taken up with the SDW-logo/left navigation bar, */
/* leaving: (1 - 180/1280) * 100 = 85.9% for the content area. */
/* We want to express this as a percentage, because the data in the content area */
/* may need to scroll beyond the screen width. */
/* However, it should be noted, that there are two disadvantages to this: */
/* 1) IE, Firefox and Opera all handle the fixed/percentage calculation slightly differently */
/* 2) Sideways scrolling is highly user-unfriendly, and should normally be avoided. */
    width: 85%;

    position: absolute;
    padding-top: 20px;
    padding-bottom: 3.8em;
}

#reportcontentarea {
/* Do not change the left-displacement to 180px and the margin-left to 0px. */
/* The fixed/percentage calculation  is then handled VERY differently by IE, Firefox and Opera */
    top: 0;
    left: 0; /* push the content area to the right, beyond the left navigation */
    margin-top: 100px;
    margin-left: 180px; /* TF 21.02.2006 */
/* We assume here a 17-inch screen with 1280 pixels total width */
/* 180px are taken up with the SDW-logo/left navigation bar, */
/* leaving: (1 - 180/1280) * 100 = 85.9% for the content area. */
/* We want to express this as a percentage, because the data in the content area */
/* may need to scroll beyond the screen width. */
/* However, it should be noted, that there are two disadvantages to this: */
/* 1) IE, Firefox and Opera all handle the fixed/percentage calculation slightly differently */
/* 2) Sideways scrolling is highly user-unfriendly, and should normally be avoided. */
    width: 85%;
    height: 87%;

    position: absolute;
}

div#contentlimiter,
    div#contentlimiter1,
    div#contentlimiter4 {
    padding-left: 25px;
    padding-right: 20px;
}

div#contentlimiter2 {
    padding-left: 22px;
}

div#contentlimiter3 {
    padding-left: 32px;
    padding-right: 19px;
    width: 520px;
}

/* END PAGEAREA   */

/* START HEADAREA   */

#headarea {
    width: 100%;
    height: 85px;
    overflow: hidden;
    position: relative;
    background-color: #EBEEEF;
}

#headarealogo {
/* position of the ecb logo (header) */
    position: absolute;
    top: 0;
    left: 0;
    width: 180px;
    height: 85px;
    z-index: 115;
}

div#headarealogo a img {
    z-index: 116;
}

div#printheadarealogo,
    div#printheadarealogo img {

    width: 0;
    height: 0;
    display: none;
}

div#headfiller {
    position: absolute;
    top: 0;
    left: 0;
    height: 85px;
    width: 100%;
    background-color: #EBEEEF;
    z-index: 105;
}

#headteaser,
    #headteaserhome {
    height: 5px;
    background-color: #EBEEEF;
    border: solid orange 1px;
}

/* END HEADAREA   */

/* START BREADCRUMB   */

div#bcsdw {
    position: absolute;
    top: 60px;
    left: 0;
    height: 25px;
    width: 100%;
    clear: both;
    color: #000000;
    white-space: nowrap;
    z-index: 110;
}

.bcsdwtext {
/* TF 17.02.2006 - n.b. use text-indent, not left padding here (to move the text 206px right) */
/* - since Firefox 1.5 seems to pads more than expected, */
/* while IE 6.0 and Opera 8.5.1 seem to get it right */
/* color: #000000; */
    color: green;
    text-align: left;
    vertical-align: middle;
    text-indent: 206px;
    white-space: nowrap;
}

div#bcsdw p {
    margin: 0;
    padding: 0;
}

div#bcsdw a {
    color: #000000;
    text-decoration: none;
    padding-top: 3px;
}

div#bcsdw a:hover {
    color: #000000;
    text-decoration: underline;
    padding-top: 3px;
}

/* END BREADCRUMB   */

/* ===============================================================*/
/* END STRUCTURE RELEVANT STYLES								*/
/* ===============================================================*/

/* ===============================================================*/
/* START CONTENT RELEVANT STYLES								*/
/* ===============================================================*/

/* START HEADINGS */

h1,
    caption,
    td#heading,
    h2,
    h3 {
    text-align: left;
    font-weight: bold;
}

h1 {
    margin-bottom: 1.6em;
}

h2 {
    margin-bottom: 1.2em;
    margin-top: 2em;
}

h3 {
    margin-bottom: 0.1em;
    margin-top: 1.2em;
}

td#heading {
}

/* END HEADINGS */

/* START TEXT-SPECIFIC STYLES  */

div.linklist ul {
    margin: 0 0 0 0;
    list-style: none;
}

div#contentarea a {
    color: #0031ad;
    text-decoration: none;
}

div#contentarea a:hover {
    color: #0031ad;
    text-decoration: underline;
}

/*
 * GH - 27.02.06
 * used for data which are in <a> tags, and have a link to the quick view of the series
 * the data comes from...
 */
div#contentarea a.dataWithQvBehindIt,
    div#contentarea a.dataWithQvBehindIt:visited {
    color: #333C8C; /* Steve McLeod, 16/Aug/2006, changed this from black to blue;  */
    text-decoration: none;
}

div#contentarea a.dataWithQvBehindIt:hover {
    color: #333C8C;
    text-decoration: underline;
}

address {
    font-style: normal;
}

address strong {
    border-top: 1px dashed gray;
    padding-top: 0.8em;
}

p.footnotes {
    margin: 1.4em 0 1.4em 0;
    color: #747474;
}

span.spansmall {
    margin: 1.4em 0 1.4em 0;
}

span.label {
}

/* END TEXT-SPECIFIC STYLES  */

/* START ICON-LINKS */

a.arrow {
    background-image: url( ../img/ico_arrow_right.gif );
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 2em;
}

input.arrow {
    background-image: url( img/ico_arrow_right.gif );
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 1em;
    background-color: transparent;
    border-style: none;
}

span.arrow,
    span.previouspage {
    background-image: url( ../img/ico_arrow_right.gif );
    background-repeat: no-repeat;
    width: 1em;
}

span.previouspage {
    background-image: url( ../img/ico_arrow_left.gif );
}

a.pdf,
    span.pdf {
    background-image: url( ../img/ico_pdf.gif );
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 14px;
}

span.pdf {
    width: 14px;
}

a.jpeg,
    span.jpeg {
    background-image: url( img/ico_jpeg.gif );
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 14px;
}

span.jpeg {
    width: 14px;
}

a.top,
    span.top {
    color: #0033FF;
    background-image: url( img/ico_arrow_top.gif );
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 1em;

}

span.top {
    width: 1em;
}

a.csv,
    span.csv {
    background-image: url( img/ico_csv.gif );
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 24px;
}

span.csv {
    width: 24px;
}

a.external,
    span.external {
    background-image: url( img/ico_out.gif );
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 24px;
}

span.external {
    width: 24px;
}

span.arrowsitemap,
    span.folderopen,
    span.folderclosed {
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 1em;
    width: 15px;
}

span.arrowsitemap {
    background-image: url( img/ico_arrow_sitemap.gif );
    height: 7px;
}

span.folderopen {
    background-image: url( img/folder_opened.gif );
    height: 8px;
}

span.folderclosed {
    background-image: url( img/folder_closed.gif );
    height: 8px;
}

ul.arrowlinks {
    list-style: none;
    margin: 0;
    margin-top: 0.6em;
}

ul.arrowlinks li {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0.6em;
}

/* END ICON-LINKS */

/* START TABLE-SPECIFIC STYLES */

td.tdleftborder {
    border-style: solid;
    border-width: 0 0 1px 1px;
    border-collapse: collapse;
}

td.tdrightborder {
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-collapse: collapse;
}

td.tdbottomborder {
    border-style: solid;
    border-width: 0 0 1px 0;
    border-collapse: collapse;
}

td.labelMCV1 {
    font-family: arial, "lucida console", sans-serif;
}

td.labelMCV2 {
    font-size: 11px;
    font-family: arial, "lucida console", sans-serif;
}

td.labelMCV3 {
    font-family: arial, "lucida console", sans-serif;
}

td.labelMCV4 {
    font-family: arial, "lucida console", sans-serif
}

hr.md_datasetSeprator {
    color: #dee2e5;
    height: 1px;
}

caption {
    width: 80%;
}

caption.small {
    padding-left: 2px;
    padding-bottom: 0.3em;
    width: 80%;
}

td#heading {
    padding-top: 1.2em;
    vertical-align: bottom;
}

td.tdform {
    padding: 5px 2px 5px 2px;
    vertical-align: middle;
}

table.tablestats,
    table.tablepress,
    table.tablecalendar,
    table.tablecalendarevents,
    table.tablebop,
    table.tableopenpage {
    empty-cells: show;
    margin: 0 0 5px 0;
    border-collapse: collapse;
}

table.tablestats th,
    table.tablepress th,
    table.tablebop th,
    table.tableopenpage th {
    border: 1px solid #FFFFFF;
    padding: 3px 5px 3px 5px;

}

table.tablestats td,
    table.tablepress td,
    table.tablebop td,
    table.tableopenpage td {
    border: 1px solid #FFFFFF;
    padding: 3px 5px 3px 5px;
    background-color: #ebeeef;
    border-collapse: collapse;
}

table.tableopenpage td.number {
    white-space: nowrap;
}

table.tableopenpage tr td.title {
    font-weight: bold;
}

table.tableopenpage tr td.label {
    width: 22em;
}

table.tablestats tfoot tr td,
    table.tablepress tfoot tr td,
    table.tablebop tfoot tr td {
    border: 1px solid #FFFFFF;
    padding: 5px 5px 0 5px;
    background-color: #ffffff;
    border-collapse: collapse;
}

table.tableopenpage,
    table.tablecalendar th.month,
    td.month {
    background-color: #fcf4dc;
    padding-left: 10px;
}

table.tablecalendar th.day {
    background-color: #fdfaf1;
    text-align: center;
    border: 1px solid #cbd1d5;
    font-weight: normal;
}

table.tablecalendar th.weekend,
    td.weekend {
    color: #FF0000;
}

table.tablecalendar td {
    border: 1px solid #cbd1d5;
    width: 40px;
    height: 21px;
    vertical-align: middle;
    text-align: center;
    border-collapse: collapse;
}

table.tablecalendarevents th.month,
    td.month {
    background-color: #f1eae9;
    padding-left: 10px;
}

table.tablecalendarevents th.day {
    background-color: #f7f6f5;
    text-align: center;
    border: 1px solid #cbd1d5;
    font-weight: normal;
}

table.tablecalendarevents th.weekend,
    td.weekend {
    color: #FF0000;
}

table.tablecalendarevents td {
    border: 1px solid #cbd1d5;
    width: 40px;
    height: 21px;
    vertical-align: middle;
    text-align: center;
    border-collapse: collapse;
}

table.tableimage td {
    border: 1px solid #cbd1d5;
}

div.qvPrintOnly,
    span.qvPrintOnly {
    display: none;
}

tr.light {
    background-color: #FFFFFF;
}

tr.dark {
    background-color: #f5f6f7;
}

table.tableopenpage tr.light,
    table.tablestats tr.light {
    background-color: #FCFEFD;
}

tabke.tableopenpage tr.dark,
    table.tablestats tr.dark {
    background-color: #f5f6f7;
}

table.tableopenpage tr.light td.light,
    table.tablestats td.light {
    background-color: #FCFEFD;
}

td.status {
    font-weight: bold;
}

table.tableopenpage tr.dark td.dark,
    table.tablestats td.dark {
    background-color: #f5f6f7;
}

table.tableopenpage td.header {
    text-align: center;
}

table.tablestats td.reference,
    table.tablestats tr.reference {
    background-color: rgb( 247, 255, 247 );
}

table.tablestats td.published,
    table.tablestats tr.published {
    background-color: rgb( 230, 255, 230 );
}

table.tablestats td.confidential,
    table.tablestats tr.confidential,
    table.tablestats td.header_restricted_confidential {
    color: #F49300; /* darker orange */
}

table.tablestats td.restricted,
    table.tablestats tr.restricted {
    color: rgb( 153, 0, 0 ); /*maroon*/
}

table.tablestats td.header_units {
    text-align: right;
    font-size: smaller;
}

table.tablestats td.header_restricted {
    color: rgb( 255, 255, 255 );
    background-color: rgb( 153, 0, 0 ); /*maroon*/
}

table.tablestats td.header_restricted_confidential {
    background-color: rgb( 153, 0, 0 ); /*maroon*/
}

table.tablestats td.light_restricted {
    background-color: #FFEAF0; /* rgb( 255, 244, 244 ); *//*maroon*/ 
}

table.tablestats td.dark_restricted {
    background-color: #FFE2EB ; /* rgb( 255, 226, 226 ); *//*maroon*/
}

/* END TABLE-SPECIFIC STYLES  */

/* START STYLES FOR PUBLICATION-/PRESS-LISTS */

ul.datalist,
    ul.schedulelist {
    list-style: none;
    margin: 0;
    padding: 0;
    clear: none;
}

ul.datalist li,
    ul.schedulelist li {
    border-top: Silver 1px solid;
}

ul.schedulelist li {
    border: none;
    clear: both;
}

ul.datalist li div,
    ul.schedulelist li div {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

ul.datalist li div.rightcol,
    ul.schedulelist li div.rightcol {
    float: right;
}

ul.datalist li div.rightcol1,
    ul.schedulelist li div.rightcol1 {
    display: inline;
}

ul.datalist li div.releaseyear {
    width: 14%;
    font-weight: bold;
}

ul.datalist li div.pressrelease {
    width: 85%;
}

ul.datalist li div.datecol,
    ul.schedulelist li div.datecol {
    width: 21%;
}

ul.datalist li div.textcol,
    ul.schedulelist li div.textcol {
    width: 75%;
}

/* END STYLES FOR PUBLICATION-/PRESS-LISTS */

/* START STYLES FOR MONTHLY BULLETIN */

div.bulletin {
    clear: both;
}

div.bulletin div.leftcol,
    div.bulletin div.rightcol {
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    margin-bottom: 0.25em;
    float: left;
}

div.bulletin div.rightcol {
    float: right;
    text-align: left;
}

/* END STYLES FOR MONTHLY BULLETIN */

/* START PAGE-SPECIFIC OR SPECIAL STYLES */

div.hr {
    border-top: 1px solid Silver;
    background-color: transparent;
    margin-top: 10px;
    margin-bottom: 14px;
    padding: 0;
}

div.divGloss {
    background-color: #CBD1D5;
    color: #2E55FF;
    padding: 2px 5px 2px 5px;
}

div.gallery {
    margin-bottom: 30px;
    margin-right: 10px;
    float: left;
}

div.homepage_ecb,
    div.homepage_press,
    div.homepage_events,
    div.homepage_pub,
    div.homepage_stats,
    div.homepage_bc,
    div.homepage_mopo,
    div.homepage_paym,
    div.homepage_nocol {
    width: 4.5em;
    line-height: 0.2em;
    margin-left: 0;
    position: absolute;
    padding-bottom: 0;
}

div.homepage_ecb {
    background-color: #00019B;
}

div.homepage_press {
    background-color: #A8791E;
}

div.homepage_events {
    background-color: #A83B32;
}

div.homepage_pub {
    background-color: #FF6600;
}

div.homepage_stats {
    background-color: #FFC421;
}

div.homepage_bc {
    background-color: #C2C291;
}

div.homepage_mopo {
    background-color: #92A652;
}

div.homepage_paym {
    background-color: #557A55;
}

ul.cv {
    margin-top: 0.7em;
}

div.sitemapfirst {
    padding-left: 23px;
}

div.sitemapsecond {
    padding-left: 16px;
}

div.sitemapthird {
    padding-left: 16px;
}

/* END PAGE-SPECIFIC OR SPECIAL STYLES */

/* START STYLES FOR BOXES  */

div.head h2,
    div.head h3,
    div.row h2,
    div.row h3,
    h2.boxhead,
    h3.boxhead {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
}

.boxborder {
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-width: 0;
    border-bottom-width: 1px;
    border-style: solid;
}

.head,
    .row,
    .line {
    padding: 2px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: left;
    clear: both;
    display: block;
}

.line {
    padding-left: 0;
}

.row {
    padding-top: 4px;
    padding-bottom: 4px;
}

.boxleft,
    .boxcenter {
    margin-right: 1.9%;
}

.boxleft,
    .boxcenter,
    .boxright,
    .large {
    float: left;
}

.small {
    width: 32%;
}

.line {
    padding-top: 0;
    padding-bottom: 0;
}

.large {
    width: 100%;
    margin-bottom: 10px;
}

.topmargin {
    margin-top: 28px;
}

div.row div.leftcol {
    float: left;
    width: 27%;
    min-height: 1.4em;
}

div.row div.rightcol {
    display: inline;
    width: 70%;
}

div.row div.contact {
    width: 48%;
}

/* END STYLES FOR BOXES */

/* START COMMON GLOBAL STYLES FOR positionING */

.floatleft {
    float: left;
}

.floatright {
    float: right;
}

.clear {
    clear: both;
    border-top: 0.1px solid transparent;
}

.alignleft {
    float: left;
    padding-right: 10px;
}

/* END COMMON GLOBAL STYLES FOR positionING  */

/* ===============================================================*/
/* END CONTENT RELEVANT STYLES	*/
/* ===============================================================*/

/* ===============================================================*/
/* START SERVICEMENU                                			*/
/* ===============================================================*/

div#headerareanonlogo {
    margin-left: 180px;
}

div#servicemenuregion {
    text-align: right;
    padding-top: 3px;
    padding-bottom: 3px;
    width: 100%;
    color: #000000;
    background-color: #dee2e5;
}

div#servicemenu {
    padding-right: 20px;
}

div#apptitleregion {
    height: 2em;
    background-color: #ebeeef;
    background-image: url( "../img/rounded_corner.gif" );
    background-repeat: no-repeat;
}

div#apptitle {
    margin-left: 26px;
    height: 2em;
    color: #003173;
    background-color: #ebeeef;
    padding-top: 7px;
    font-size: 20px;
    font-weight: bold;
}

#quicksearch {
    position: static;
    float: right;
    padding-right: 20px;
    padding-top: 5px;
    vertical-align: middle;
}

#quicksearchbox {
    font-size: 12px;
    height: 13px;
    margin-top: 2px;
    vertical-align: middle;
    width: 160px;
}

div#servicemenu a {
    color: #666666;
    text-decoration: none;
}

div#servicemenu a:hover {
    color: #000000;
    text-decoration: none;
}

div#servicemenu .spacebetweenpoint {
    padding-left: 0.2em;
    padding-right: 0.2em;
}

/* ===============================================================*/
/* END SERVICEMENU                                  			*/
/* ===============================================================*/

/* ===============================================================*/
/* START SECTIONMENU										*/
/* ===============================================================*/

div#sectionmenu {
    position: absolute;
    top: 85px;
    left: 0;
    width: 180px;
    overflow: hidden;
}

div#sectionmenu ul,
    div#sectionmenu li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

div#sectionmenu ul.secondlevel,
    div#sectionmenu ul.borderbottom {
    border-bottom: 1px solid #CCCCCC;
}

div#sectionmenu ul li a,
    div#sectionmenu ul li div {
    display: block;
    color: #000000;
    text-decoration: none;
}

/* second level */
div#sectionmenu ul li a,
    div#sectionmenu ul li div {
    padding: 2px 1px 2px 1em;
    border-top: 1px solid #CCCCCC;
}

/* third level */
div#sectionmenu ul li ul li a,
    div#sectionmenu ul li ul li div {
    border-top: 1px solid #CCCCCC;
    border-left-style: solid;
    border-left-width: 2em;
}

/* fourth level */
div#sectionmenu ul li ul li ul li a,
    div#sectionmenu ul li ul li ul li div {
    border-top: 1px solid #CCCCCC;
    border-left-style: solid;
    border-left-width: 3em;
}

/* fifth level */
div#sectionmenu ul li ul li ul li ul li a,
    div#sectionmenu ul li ul li ul li ul li div {
    border-top: 1px solid #CCCCCC;
    border-left-style: solid;
    border-left-width: 4em;
}

/* sixth level */
div#sectionmenu ul li ul li ul li ul li ul li a,
    div#sectionmenu ul li ul li ul li ul li ul li div {
    border-top: 1px solid #CCCCCC;
    border-left-style: solid;
    border-left-width: 5em;
}

/* seventh level */
div#sectionmenu ul li ul li ul li ul li ul li ul li a,
    div#sectionmenu ul li ul li ul li ul li ul li ul li div {
    border-top: 1px solid #CCCCCC;
    border-left-style: solid;
    border-left-width: 6em;
}

div#sectionmenu .minus {
    background-image: url( ../img/ico_minus.gif );
    background-repeat: no-repeat;
    left: -8px;
    margin-left: -12px;
}

div#sectionmenu .plus {
    background-image: url( ../img/ico_plus.gif );
    background-repeat: no-repeat;
    left: -8px;
    margin-left: -12px;
}

div#sectionmenu .noplusminus {
    background-image: url( ../img/spacer.gif );
    background-repeat: no-repeat;
    left: -8px;
    margin-left: -12px;
}

div#sectionmenu li a.back {
    color: #0033FF;
    font-weight: bold;
    background-image: url( ../img/ico_arrow_left.gif );
    background-repeat: no-repeat;
    background-position: left;
    display: block;
}

div#sectionmenu,
    .home {
    border-bottom: 0;
}

div#sectionmenu h1 {
    margin: 0 0 5px 16px;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}

div#sectionmenu ul.home {
    padding: 0 0 1.5em 0;
}

div#sectionmenu ul.home li {
    margin: 0;
    list-style-type: none;
    padding-top: 0.4em;
}

div#sectionmenu a.home {
    color: #000000;
    text-decoration: none;
    border-top: 0;
}

div#sectionmenu .separatorNode {
    background-color: #DEE2E5;
    border-top: 0;
    padding-top: 2px;
    padding-bottom: 2px;
    margin: 0;
    width: 180px;
}

div#sectionmenu li strong.da {
    padding-left: 1.1em;
}

div#sectionmenu li a.directaccess {
    border: none;
    background-image: url( img/ico_arrow_right.gif );
    background-repeat: no-repeat;
    background-position: left;
}

div#sectionmenu li a.directaccess:hover {
    color: #0000FF;
    text-decoration: underline;
}

div#sectionmenu li a.current,
    div#sectionmenu li div.current {
    color: blue;
    font-weight: bold;
}

.fat {
    font-weight: bold;
}

/* ===============================================================*/
/* END SECTIONNAVIGATION										  */
/* ===============================================================*/

/* ===============================================================*/
/* START ACTION MENU		    					              */
/* ===============================================================*/

div#actionmenu {
    height: 1.9em;
    padding-left: 0;
}

div#actionmenu ul {
    list-style: none;
    height: 1.9em;
}

div#actionmenu li {
    display: inline;
    margin-left: 5px;
    margin-right: 5px;
}

div#actionmenu li a {
    color: #000000;
    text-decoration: none;
}

div#actionmenu ul li a:hover {
    color: #000000;
    text-decoration: none;
}

/* ===============================================================*/
/* END ACTION MENU		    					                  */
/* ===============================================================*/

/* ===============================================================*/
/* START COLOR SETTINGS											  */
/* ===============================================================*/

/* order: first level, second level, third level, fourth level */
.sdwbg,
    .bcsdw {
    background-color: #A6C4D7;
}

.sdwbgboxhead {
    background-color: #E6EDF5;
}

.sdwbg0 {
    background-color: #C3D9E4;
}

.sdwbg1 {
    background-color: #C3D9E4;
}

.sdwbg2 {
    background-color: #D5E4EC;
}

.sdwbg3 {
    background-color: #E3EDF2;
}

.sdwbg4 {
    background-color: #F1F6F8;
}

.sdwbg5 {
    background-color: #F9FBFC;
}

.sdwbg6 {
    background-color: #F9FBFC;
}

.sdwbg7 {
    background-color: #F9FBFC;
}

.sdwbg8 {
    background-color: #F9FBFC;
}

.sdw1border {
    border-color: #C3D9E4;
}

.highlight0 {
    background-color: #7BF5F5;
}

.highlight1 {
    background-color: #CFF875;
}

.highlight2 {
    background-color: #FFF7F9;
}

.highlight3 {
    background-color: #FFCC66;
}

.highlight4 {
    background-color: #FFCCFF;
}

.highlight5 {
    background-color: #CCCCFF;
}

.ecb0 {
    color: #0080c5;
}

h1.ecb0 {
    color: #666666;
}

.ecb0border {
    border-color: #0080c5;
}

.ecb {
    color: #A6C4D7;
}

.ecbborder {
    border-color: #A6C4D7;
}

.ecb1 {
    color: #e6edf5;
}

.ecb1border {
    border-color: #e6edf5;
}

.ecb2 {
    color: #f3f8fb;
}

.ecb2border {
    border-color: #f3f8fb;
}

.ecb3,
    .press3,
    .events3,
    .pub3,
    .stats3,
    .bc3,
    .mopo3,
    .paym3 {
    color: #ffffff;
}

.ecb3border,
    .press3border,
    .events3border,
    .pub3border,
    .stats3border,
    .bc3border,
    .mopo3border,
    .paym3border {
    border-color: #ffffff;
}

.ecbbg0 {
    background-color: #0080c5;
}

.ecbbg,
    .bcecb {
    background-color: #A6C4D7;
}

.ecbbg1,
    .ecbbg {
    background-color: #e6edf5;
}

.ecbbg2 {
    background-color: #f3f8fb;
}

.ecbbg3,
    .pressbg3,
    .eventsbg3,
    .pubbg3,
    .statsbg3,
    .bcbg3,
    .mopobg3,
    .paymbg3 {
    background-color: #ffffff;
}

.press0 {
    color: #a8791e;
}

h1.press0 {
    color: #666666;
}

.press0border {
    border-color: #a8791e;
}

.press {
    color: #D2C4AA;
}

.pressborder {
    border-color: #D2C4AA;
}

.press1 {
    color: #f0e8d8;
}

.press1border {
    border-color: #f0e8d8;
}

.press2 {
    color: #fbf8f3;
}

.press2border {
    border-color: #fbf8f3;
}

.pressbg0 {
    background-color: #a8791e;
}

.pressbg,
    .bcpress {
    background-color: #D2C4AA;
}

.pressbg1,
    .pressbg {
    background-color: #f0e8d8;
}

.pressbg2 {
    background-color: #fbf8f3;
}

.events0 {
    color: #a83b32;
}

h1.events0 {
    color: #666666;
}

.events0border {
    border-color: #a83b32;
}

.events {
    color: #D2B8B5;
}

.eventsborder {
    border-color: #D2B8B5;
}

.events1 {
    color: #f1eae9;
}

.events1border {
    border-color: #f1eae9;
}

.events2 {
    color: #f7f6f5;
}

.events2border {
    border-color: #f7f6f5;
}

.eventsbg0 {
    background-color: #a83b32;
}

.eventsbg,
    .bcevents {
    background-color: #D2B8B5;
}

.eventsbg1,
    .eventsbg {
    background-color: #f1eae9;
}

.eventsbg2 {
    background-color: #f7f6f5;
}

.pub0 {
    color: #ff6600;
}

h1.pub0 {
    color: #666666;
}

.pub0border {
    border-color: #ff6600;
}

.pub {
    color: #E6C1A9;
    border-color: #E6C1A9;
}

.pubborder {
    border-color: #E6C1A9;
}

.pub1 {
    color: #faebe1;
}

.pub1border {
    border-color: #faebe1;
}

.pub2 {
    color: #fff8f4;
}

.pub2border {
    border-color: #fff8f4;
}

.pubbg0 {
    background-color: #ff6600;
}

.pubbg,
    .bcpub {
    background-color: #E6C1A9;
}

.pubbg1,
    .pubbg {
    background-color: #faebe1;
}

.pubbg2 {
    background-color: #fff8f4;
}

.stats0 {
    color: #ffc421;
}

h1.stats0 {
    color: #666666;
}

.stats0border {
    border-color: #ffc421;
}

.stats {
    color: #E8D9AD;
}

.statsborder {
    border-color: #E8D9AD;
}

.stats1 {
    color: #fcf4dc;
}

.stats1border {
    border-color: #fcf4dc;
}

.stats2 {
    color: #fdfaf1;
}

.stats2border {
    border-color: #fdfaf1;
}

.statsbg0 {
    background-color: #fcf4dc;
}

.statsbg,
    .bcstats {
    background-color: #E8D9AD;
}

.statsbg1,
    .statsbg {
    background-color: #fcf4dc;
}

.statsbg2 {
    background-color: #fdfaf1;
}

.bc0 {
    color: #c2c291;
}

h1.bc0 {
    color: #666666;
}

.bc0border {
    border-color: #c2c291;
}

.bc {
    color: #D5D5C2;
}

.bcborder,
    .bcrow {
    border-color: #D5D5C2;
}

.bc1 {
    color: #ebebd7;
}

.bc1border {
    border-color: #ebebd7;
}

.bc2 {
    color: #f9f9f1;
}

.bc2border {
    border-color: #f9f9f1;
}

.bcbg0 {
    background-color: #c2c291;
}

.bcbg,
    .bcbc {
    background-color: #D5D5C2;
}

.bcbg1,
    .bcbg {
    background-color: #ebebd7;
}

.bcbg2 {
    background-color: #f9f9f1;
}

.mopo0 {
    color: #92a652;
}

h1.mopo0 {
    color: #666666;
}

.mopo0border {
    border-color: #92a652;
}

.mopo {
    color: #C6CCB2;
}

.mopoborder {
    border-color: #C6CCB2;
}

.mopo1 {
    color: #edf0e4;
}

.mopo1border {
    border-color: #edf0e4;
}

.mopo2 {
    color: #fafbf7;
}

.mopo2border {
    border-color: #fafbf7;
}

.mopobg0 {
    background-color: #92a652;
}

.mopobg,
    .bcmopo {
    background-color: #C6CCB2;
}

.mopobg1,
    .mopobg {
    background-color: #edf0e4;
}

.mopobg2 {
    background-color: #fafbf7;
}

.paym0 {
    color: #557a55;
}

h1.paym0 {
    color: #666666;
}

.paym0border {
    border-color: #557a55;
}

.paym {
    color: #B4C0B4;
}

.paymborder {
    border-color: #B4C0B4;
}

.paym1 {
    color: #e3e9e3;
}

.paym1border {
    border-color: #e3e9e3;
}

.paym2 {
    color: #f1f4f1;
}

.paym2border {
    border-color: #f1f4f1;
}

.paymbg0 {
    background-color: #557a55;
}

.paymbg,
    .bcpaym {
    background-color: #B4C0B4;
}

.paymbg1,
    .paymbg {
    background-color: #e3e9e3;
}

.paymbg2 {
    background-color: #f1f4f1;
}

.basic0 {
    color: #cbd1d5;
}

h1.basic0 {
    color: #666666;
}

.basic0border {
    border-color: #dee2e5;
}

.basic {
    color: #dee2e5;
}

.basicborder {
    border-color: #dee2e5;
}

.basic1 {
    color: #ebeeef;
}

.basic1border {
    border-color: #ebeeef;
}

.basic2 {
    color: #f5f6f7;
}

.basic2border {
    border-color: #f5f6f7;
}

.basicbg0 {
    background-color: #cbd1d5;
}

.basicbg {
    background-color: #dee2e5;
}

.basicbg1 {
    background-color: #ebeeef;
}

.basicbg2 {
    background-color: #f5f6f7;
}

/* ===============================================================*/
/* END COLOR SETTINGS											*/
/* ===============================================================*/

/* ===============================================================*/
/* START MDMAINTENANCE 											*/
/* ===============================================================*/

th.sort_button {
    border-top: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-bottom: 1px solid #666666;
    border-right: 1px solid #666666;
    background-color: #CCCCCC;
    color: black;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
}

a.sort_button {
    text-decoration: none;
    color: black;
}

a.sort_button:hover {
    color: blue;
    text-decoration: none;
}

a.sort_button:visited {
    color: black;
}

span.sort_direction {
    color: blue;
    font-weight: 800;
    font-size: 1.6em;
}

/* ===============================================================*/
/* END MDMAINTENANCE											*/
/* ===============================================================*/

/* ============================================================================*/
/* START WIDTH SETTINGS											               */
/* ============================================================================*/
/* TF 21.02.2006 use styles here, as Firefox 1.5 appears to handle             */
/* relative (percentage) widths differently to IE 6.0 and Opera 8.5.           */
/* Firefox appears to apply percentages to the outer pixel-width-defined box,  */
/* while IE and Opera apply the percentage to the space left over.             */
/* In other words, IE and Opera support mixing of absolute (pixel-width) boxes */
/* and relative (percentage) boxes, while Firefox is 'purer' and               */
/* requires one approach or the other                                          */
/* The problem being here, that the left menu-bar is fixed width, while        */
/* the rest of the space is currently percentage-wise resizable.               */
/* But since there is no actual resizing requirement, we introduce absolute    */
/* widths - but leave it parameterized as a style, to keep it flexible         */

.sdwboxheadwidth {
    width: 100%; /* add padding to ensure same width as row and warning styles */
    padding-left: 10px;
    padding-right: 10px;
}

.sdwboxrowwidth {
    width: 100%;
}

.sdwwarningwidth {
    width: 100%;
}

.sdwerrorwidth {
/* TF 21.02.2006 */
/* Errors are shown inside the boxgray, while warnings have the box defined in the 'warning' style...*/
/* Therefore width must be specified must also be specified on the boxgray style */
    width: 100%;
}

/* ============================================================================*/
/* END WIDTH SETTINGS											               */
/* ============================================================================*/

/* ============================================================================*/
/* START TICKER SETTINGS											           */
/* ============================================================================*/

a.tickl {
    font-weight: bold;
    font-size: 11px;
    color: #000099;
    line-height: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    background-color: white;
}

a.tickl:hover {
    color: #6666cc;
    text-decoration: none;
}

.ticki {
    overflow: hidden; /*width: 629px;*/
    height: 13px;
    background-color: white;
}

.ticko {
    padding-right: 0;
    border-top: #ffffff 1px solid;
    display: block;
    padding-left: 0;
    padding-bottom: 4px;
    margin: 4px 0 0;
    width: 629px;
    padding-top: 1px;
    border-bottom: #990000 1px solid;
}

.tickls {
    color: #444444;
}

.tickh {
    display: none;
}

/* ============================================================================*/
/* END TICKER SETTINGS											               */
/* ============================================================================*/

/* ============================================================================*/
/* START SEARCH BOX SETTINGS											       */
/* ============================================================================*/

#searchBox {
    position: absolute;
    width: 150px;
    height: 20px;
    z-index: 200;
    left: 700px;
    top: 20px;
}

a.searchBox,
    a.searchBox:hover,
    a.searchBox:link,
    a.searchBox:visited {
    font-size: 11px;
    color: #666666;
    text-decoration: none; /* background-color: #dee2e5; */
}

/* ============================================================================*/
/* END SEARCH BOX SETTINGS											           */
/* ============================================================================*/

/* ============================================================================*/
/* NODE DESCRIPTION FOR NON LEAF NODES WHILE BROWSING                          */
/* ============================================================================*/

div#nodeDescription {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 50px;
    line-height: 180%;
}

div#nodeDescription span.nodeName {
    font-size: 1.2em;
    font-weight: bold;
}

/* ============================================================================*/
/* TOOLBAR FOR BUTTONS ON DATA SELECTION PAGE, ETC.                            */
/* ============================================================================*/

.toolbar {
    border-right: #666666 1px solid;
    border-top: #ffffff 2px solid;
    border-left: #ffffff 1px solid;
    border-bottom: #666666 1px solid;
    padding-top: 2px;
    height: 48px;
    background-color: #FFFFEA;
}

.toolbar1row {
    border-right: #DEE2E5 1px solid;
    border-top: #DEE2E5 1px solid;
    border-left: #DEE2E5 1px solid;
    border-bottom: #DEE2E5 1px solid;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #C3D9E4;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: top;
}

/* ============================================================================*/
/* SITE DIRECTORY                                                              */
/* ============================================================================*/

span.arrow {
    background-image: url( img/ico_arrow_right.gif );
    width: 1em;
    background-repeat: no-repeat;
}

ul.arrow {
    list-style-type: none;
}

span.highlight,
    span.highlightSResults {
    color: black;
    font-weight: bold;
}

span.highlight {
    background-color: #ffff99;
}

/* ============================================================================*/
/* LOGIN PAGES                                                                 */
/* ============================================================================*/

.loginh1 {
    font-size: 200%;
    font-weight: normal;
}

.loginh3 {
    font-size: 125%;
    font-weight: normal;
}

/* ============================================================================*/
/* Print Settings page (print.jsp)
/* ============================================================================*/

body.printSettings {
    background-image: none;
}

table.printSettingsTable {
    border-collapse: collapse;
}

table.printSettingsTable th {
    background-color: #D5E4EC;
}

table.printSettingsTable th, table.printSettingsTable td {
    padding: 10px;
}

/* ============================================================================*/
/* My Settings dialog
/* ============================================================================*/

div#settingsdialog {
    padding: 10px;
}

div#settingsdialog .rightalignbuttonrow {
    text-align: right;
}

div#settingsdialog .boxgray {
    padding: 10px;
    border: thin gray solid;
    width: auto;
}

body.settingsdialogbody {
    background-image: none;
    font-size: 75%;
}

input.button {
    background-color: #f2f8fb;
    font-size: 90%;
}

input.buttonSelected {
    background-color: #f2f8fb;
    font-size: 90%;
    font-weight: bold;
}

/* ============================================================================*/
/* Dialog table
/* ============================================================================*/

table.dialog {
}

table.dialog td {
    padding-bottom: 10px;
}

table.dialog td.buttonrow {
    text-align: right;
}

table.dialog td.fieldname {
    text-align: right;
}

.filter-border {
	border:4px solid #E6EDF5;
}

button.resizeButton {
	height: 16px;
	width: 16px;
	font-size: 10px;
	font-weight: 900;
	font-family: sans-serif;
	margin-right: 3px;
}