/*  CSS File - Reworked Version v1.0 - Created: 10.10.2005 -                                           */

/*  -------------------------------------------------------------------------------------------------- */
/*  MAIN LAYOUT STYLES                                                                                 */
/*  -------------------------------------------------------------------------------------------------- */

body {
    background-color: white;
    background-image: url( images/layout/main_background.gif );
    background-repeat: repeat-y;
    margin: 0px;
    padding: 0px;
}

#noframe {
    background: white;
}

body, div, a, td, p, input, select {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
}

img {
    border: 0px;
}

h3 {
    font-size: 15px;
    font-weight: bolder;
    color: #184894;
}

.portalblue {
    font-size: 12px;
    font-weight: normal;
    color: #184894;
}

div.portal_footer {
    display: block;
    background-color: #dce0e6;
    height: 25px;
    width: 100%;
    z-index: 50;
    color: #003064;
}

.baseTable{
	margin: 0;
	padding: 0;
	width: 100%;
	border-width: 0;
	border-collapse: collapse;
}

.footer {
    width: 100%;
    height: 25px;
    color: #072877;
}

.footer td {
    padding-left: 10px;
    padding-right: 10px;
    color: #072877;
}

.footer a {
    font-size: 11px;
    color: #072877;
    text-decoration: none;
}

.logo {
    background-color: white;
    background-repeat: no-repeat;
    width: 380px !important;
    height: 60px;
    padding: 5px 80px 5px 10px;
}

td.logo {
	width: 380px;	
}

.navigation {
    position: relative;
    top: 0px;
    left: 0px;
    background-image: url( images/layout/navi-back.gif );
    background-repeat: repeat-x;
    width: 100%;
    padding: 0px;
    margin: 0px;
    border-spacing: 0px;
    border-collapse: collapse;
    empty-cells: show;
}

.navigationPart {
    position: relative;
    top: 0px;
    left: 0px;
    background-image: url( images/layout/navi-back.gif );
    background-repeat: repeat-x;
    width: 100%;
    padding: 0px;
    margin: 0px;
    border-spacing: 0px;
    border-collapse: collapse;
    empty-cells: show;
}

.navigationLeft {
    vertical-align: top;
    width: 268px;
    height: 28px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: black;
    padding-top: 6px;
    padding-left: 10px;
    background-image: url( images/layout/navi-back.gif );
    background-repeat: repeat-x;
}

.navigationLeft a {
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.navigationLeft a:active {
    text-decoration: none;
}

.navigationLeft a:visited {
    text-decoration: none;
}

.navigationLeft a:hover {
    text-decoration: underline;
}

.navigationRight {
    vertical-align: top;
    width: 750px;
    height: 28px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: black;
    padding-top: 6px;
    background-image: url( images/layout/navi-back.gif );
    background-repeat: repeat-x;
}

td.navigationRight {
	padding-left: 12px;		
}

.navigationRight a {
	color: black;
}

.navigationRightDisabled {
    vertical-align: top;
    width: 750px;
    height: 28px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #808080;
    padding-top: 6px;
    padding-left: 12px;
}

.navigationRightDisabled a {
    text-decoration: none;
}

.navigationRightDisabled a:hover {
	text-decoration: none;
}

.navigationRight a {
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.navigationRight a:active {
    text-decoration: none;
}

.navigationRight a:visited {
    text-decoration: none;
}

.navigationRight a:hover {
    text-decoration: underline;
}

.navigationTrenner {
    vertical-align: top;
    padding: 0px;
    margin: 0px;
    width: 1px;
    height: 28px;
    color: black;
}

.navigationLanguage {
    vertical-align: top;
    padding: 4px;
    margin: 0px;
    height: 28px;
}

.navigationLanguage select, option {
    font-size: 10px;
}

.tableTrenner {
    width: 1px;
    padding: 0px;
    margin: 0px;
    background-color:#A3B2BA;
}

.nav a {
    color: #EDEDED; /* font-color:						#FFFFFF;     wird rausgenommen wegen falscher Syntax,  falls es fehler gibt muss hier ge?ndert werden */
    font-size: 11px;
    font-weight: bold;
    font-stretch: narrower;
    text-decoration: none;
}

.nav a:hover {
    color: #EDEDED;
    font-size: 11px;
    font-weight: bold;
    font-stretch: narrower;
    text-decoration: none;
}

.navHover a {
    color: #EDEDED;
    font-size: 11px;
    font-weight: bold;
    font-stretch: narrower;
    text-decoration: none;
}

.navHover a:hover {
    color: #EDEDED;
    font-size: 11px;
    font-weight: bold;
    font-stretch: narrower;
    text-decoration: none;
}

.navtrenner {
    width: 1px;
    border-spacing: 0px;
    padding: 0px;
    margin: 0px;
    background-image: url( images/layout/navi_back_trenner.gif );
}

a.activeSubNavigation {
    color: #808080;
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

/* END MAIN LAYOUT STYLES */

/*  -------------------------------------------------------------------------------------------------- */
/*  PRODUCT GROUP TREE STYLES                                                                          */
/*  -------------------------------------------------------------------------------------------------- */

.treehead {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}

/* END PRODUCT GROUP TREE STYLES */

/*  -------------------------------------------------------------------------------------------------- */
/*  POPUP DIVISION USED IN ADVANCED SEARCH                                                             */
/*  -------------------------------------------------------------------------------------------------- */

.advPopupWindow {
    position: absolute;
    visibility: hidden;
    width: 396px;
    height: 240px;
    border: 1px solid #7B7B7B;
    background-color: #f1f1f1;
    padding: 6px;
    z-index: 25000;
}

/* END POPUP DIVISION USED IN ADVANCED SEARCH */

/*  -------------------------------------------------------------------------------------------------- */
/*  POPUP DIVISION USED IN EDITOR                                                             */
/*  -------------------------------------------------------------------------------------------------- */

.advPopupWindowSmall {
    position: absolute;
    visibility: hidden;
    width: 396px;
    height: 140px;
    border: 1px solid #7B7B7B;
    background-color: #f1f1f1;
    padding: 6px;
    z-index: 25000;
}

/* END POPUP DIVISION USED IN EDITOR */

/*  -------------------------------------------------------------------------------------------------- */
/*  DROPDOWN FLYER DIVISION                                                                            */
/*  -------------------------------------------------------------------------------------------------- */

#dropmenudiv {
    position: absolute;
    border: 1px solid #dce0e6;
    border-bottom-width: 0;
    line-height: 18px;
    z-index: 100;
    color: black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-color: transparent
    padding: 1px 2px 2px 5px;
}

#dropmenudiv a {
    width: 100%;
    display: block;
    border-bottom: 1px solid black;
    padding: 1px 2px 2px 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-image: url( images/layout/navi-back.gif );
    background-repeat: repeat-x;
}

#dropmenudiv a:hover {
    text-decoration: underline;
}

/* END DROPDOWN FLYER DIVISION  */

/*  -------------------------------------------------------------------------------------------------- */
/*  TAB (REITER) STYLES                                                                                */
/*  -------------------------------------------------------------------------------------------------- */

.emptyreiter {
    text-decoration: none;
    color: #000000;
    font-size: 11px;
    padding-left: 10px;
    padding-right: 10px;
}

a.reiter {
    text-decoration: none;
    color: #000000;
    font-size: 11px;
    padding-left: 10px;
    padding-right: 10px;
    white-space:nowrap;
}

a.reiter:visited {
    text-decoration: none;
    color: #000000;
    font-size: 11px;
}

a.reiter:active {
    text-decoration: none;
    color: #000000;
    font-size: 11px;
}

a.reiter:hover {
    text-decoration: underline;
    color: #000000;
    font-size: 11px;
}

div.reiter {
    height: 24px;
    z-index: 20;
    text-align: left;
}

td.error {
    background-color:#FFFFFF;
    font-size:12px;
    font-weight:bold;
    width:100%;
}

table.reiter {
    height: 24px;
    background-color: #F1F1F1;
}

table.reiterContent {
    background-color: #F1F1F1;
    border: 1px solid #7A7A7A;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 100%;
}

div.reiterContentActive {
    position: relative;
    margin-top: -1px;
    width: 100%;
    z-index: 15;
    display: block;
}

div.reiterContentInactive {
    position: relative;
    margin-top: -1px;
    width: 100%;
    z-index: 15;
    display: none;
}

div.reiterContentActiveError {
    position: relative;
    margin-top: -1px;
    width: 100%;
    heigth: 100%;
    z-index: 15;
    display: block;
    background-color:red;
}

div.errors {
    background-color:red;
    font-size:12px;
    font-weight:bold;
}

td.active {
    background-color: #F1F1F1;
    border-left: 1px solid #7A7A7A;
    border-bottom: 0px;
    background-image: url( images/layout/folder-back-active.gif );
    background-repeat: repeat-x;
    white-space:nowrap;
}

td.activeBorder {
    background-image: url( images/layout/folder-border-active.gif );
    background-repeat: repeat-x;
    width: 2px;
}

td.inactive {
    background-color: #DFDFDF;
    border-bottom: 1px solid #7A7A7A;
    background-image: url( images/layout/folder-back-inactive.gif );
    background-repeat: repeat-x;
    white-space:nowrap;
}

td.inactiveBorder {
    background-image: url( images/layout/folder-border-inactive.gif );
    background-repeat: repeat-x;
    width: 2px;
}

td.inactiveFirstReiter {
    background-color: #DFDFDF;
    border-bottom: 1px solid #7A7A7A;
    background-image: url( images/layout/backinactive.gif );
    background-repeat: repeat-x;
}

p.subtabHeading {
    text-align: right;
    font-weight: bold;
}

/* END REITER STYLES */

/*  -------------------------------------------------------------------------------------------------- */
/*  TREELINK STYLES                                                                                */
/*  -------------------------------------------------------------------------------------------------- */

a.treelink {
    text-indent: 4px;
    text-decoration: none;
    font-size: 11px;
    color: #000000;
}

a.treelink:visited {
    text-indent: 4px;
    text-decoration: none;
    font-size: 11px;
    color: #000000;
}

a.treelink:active {
    text-indent: 4px;
    text-decoration: none;
    font-size: 11px;
    color: #000000;
}

a.treelink:hover {
    text-indent: 4px;
    text-decoration: underline;
    font-size: 11px;
    color: #000000;
}

.bold {
    font-weight: bold;
}

.pagemarker {
    font-weight: bold;
    font-size: 14px;
    color: #FF3300;
}

.pages {
    font-weight: bold;
    font-size: 14px;
    color: #666666;
}

.pages a {
    font-weight: bold;
    font-size: 14px;
    color: #666666;
    text-decoration: none;
}

.pages a:visited {
    font-weight: bold;
    font-size: 14px;
    color: #666666;
    text-decoration: none;
}

.pages a:active {
    font-weight: bold;
    font-size: 14px;
    color: #666666;
    text-decoration: none;
}

.pages a:hover {
    font-weight: bold;
    font-size: 14px;
    color: #666666;
    text-decoration: underline;
}

.inputselectred {
    font-size: 11px;
    background-color: #0066CC;
    color: #000000;
}

.inputselectgreen {
    font-size: 11px;
    background-color: #0066CC;
    color: #000000;
}

.inputtext {
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border: 1px #9C9C9C solid;
    color: #000000;
    background-color: #FFFFFF;
}

.inputtextgreen {
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border: 2px #0066CC solid;
    color: #000000;
    background-color: #FFFFFF;
}

.inputtextred {
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border: 2px #0066CC solid;
    color: #000000;
    background-color: #FFFFFF;
}

.inputtext_disabled {
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border: 1px #9C9C9C solid;
    color: #000000;
    background-color: #ECE9D8;
}

.inputtextgreen_disabled {
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border: 2px #0066CC solid;
    color: #000000;
    background-color: #ECE9D8;
}

.inputtextred_disabled {
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border: 2px #0066CC solid;
    color: #000000;
    background-color: #ECE9D8;
}

.header {
    position: relative;
    top: 0px;
    left: 0px;
    background-color: white;
    width: 100%;
    height: 60px;
    padding: 0px;
    margin: 0px;
    border-spacing: 0px;
    border-collapse: collapse;
    empty-cells: show;
}

div.icon-lohi {
    margin: 0px;
    padding: 0px;
    margin-top: 36px;
    margin-left: 15px;
    margin-right: 15px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: black;
    white-space: nowrap;
}

div.icon-lohi-disabled {
    margin: 0px;
    padding: 0px;
    margin-top: 36px;
    margin-left: 15px;
    margin-right: 15px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #65686B;
    white-space: nowrap;
}

td.icon-lo {
    background-image: url( images/layout/icon-lo.gif );
    padding: 0px;
    cursor: pointer;
}

td.icon-hi {
    background-image: url( images/layout/icon-hi.gif );
    padding: 0px;
    cursor: pointer;
}

td.caption-heading {
    margin: 0px;
    padding: 0px;
    margin-top: 36px;
    margin-left: 15px;
    margin-right: 15px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bolder;
    color: #007CCE;
}

td.caption-normal {
    margin: 0px;
    padding: 0px;
    margin-top: 36px;
    margin-left: 15px;
    margin-right: 15px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    color: #5A5A5A;
}

td.caption-italic {
    margin: 0px;
    padding: 0px;
    margin-top: 36px;
    margin-left: 15px;
    margin-right: 15px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-style: italic;
    font-size: 9px;
    font-weight: normal;
    color: #5A5A5A;
}

.rest {
    width: 100%;
    height: 60px;
    padding: 0px;
    margin: 0px;
}

td.userinfo {
    padding-right: 5px;
    vertical-align: bottom;
    white-space: nowrap;
    color: black;
}

.navicon {
    height: 60px;
    padding: 0px;
    margin: 0px;
    border-spacing: 0px;
}

A:link, A:visited {
    text-decoration: none;
}

td.marker {
    text-indent: 4px;
    background-color: #0066CC;
    color: #FFFFFF;
}

/*  -------------------------------------------------------------------------------------------------- */
/*  CONTEXT BOX STYLES                                                                                 */
/*  -------------------------------------------------------------------------------------------------- */

.context {
    vertical-align: top;
    padding-top: 8px;
    padding-left: 10px;
}

.keyvisual {
    vertical-align: top;
    padding: 0px;
    margin: 0px;
    width: 279px;
    background-color:#3840a8;
}

.contextTopic {
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
}

.contextTopicSmall {
    font-size: 10px;
    font-weight: bold;
    color: #FFFFFF;
}

div.contextbox {
    position: relative;
    display: block;
    width: 259px;
    min-height: 50px;
    margin-right: 2px;
    margin-bottom: 10px;
}

div.contextbox-A {
    position: relative;
    display: block;
    width: 259px;
    min-height: 24px;
    margin-right: 2px;
    margin-bottom: 10px;
}

div.contexthead {
    position: absolute;
    background-image: url( images/layout/context-head.gif );
    background-repeat: no-repeat;
    top: 0px;
    left: 0px;
    width: 259px;
    height: 24px;
    z-index: 10;
}

div.contexthead-A {
    position: relative;
    background-image: url( images/layout/context-head.gif );
    background-repeat: no-repeat;
    top: 0px;
    left: 0px;
    width: 259px;
    height: 24px;
    z-index: 10;
}

div.contextmain {
    display: block;
    position: static;
    top: 23px;
    left: 0px;
    width: 245px;
    border: 1px #98AFBB solid;
    background-color: #F1F1F1;
    padding: 6px;
    padding-top: 30px;
}

div.contextmain-H {
    display: none;
}

div.versionSelect {
    display: block;
    width: 239px;
    background-color: #FFFFFF;
    border: 1px solid #98AFBB;
    border-top: 0px;
    padding: 2px;
}

/* Box Model Hack to get correct display of width and borders in IE */
* html div.versionSelect {
    width: 245px; /* for IE5 and IE6 in quirks mode */
    w\idth: 245px; /* for IE6 in standards mode */
}

div.versionSelect-H {
    display: none;
}

div.rowopener {
    background-image: url( images/buttons/9x9/plus.gif );
    background-repeat: no-repeat;
    width: 9px;
    height: 9px;

}

div.rowopener-A {
    background-image: url( images/buttons/9x9/minus.gif );
    background-repeat: no-repeat;
    width: 9px;
    height: 9px;
}

div.row {
    display: block;
}

div.row-H {
    display: none;
}

div.contextopener {
    background-image: url( images/buttons/16x16/collapse.gif );
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;

}

div.contextopener-A {
    background-image: url( images/buttons/16x16/expand.gif );
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
}

div.contextIcon {
    position: absolute;
    width: 28px;
    height: 25px;
    top: -4px;
    margin-left: 2px;
    z-index: 20;
}

div.contextTrenner {
    position: relative;
    margin-top: 8px;
    margin-bottom: 8px;
    margin-left: -6px;
    margin-right: -6px;
    height: 1px;
    width: 257px;
    background-color: #98AFBB;
}

div.contextmain a {
    color: #000000;
    font-size: 11px;
    text-decoration: underline;
}

div.contextmain a:visited {
    text-decoration: underline;
}

div.contextmain a:active {
    text-decoration: underline;
}

div.contextmain a:hover {
    text-decoration: none;
}

/* Box Model Hack to get correct display of width and borders in IE */
* html div.contextmain {
    width: 259px; /* for IE5 and IE6 in quirks mode */
    w\idth: 259px; /* for IE6 in standards mode */
}

/* END CONTEXT BOX STYLES */

/*  -------------------------------------------------------------------------------------------------- */
/*  SMALL CONTEXT BOX STYLES                                                                                 */
/*  -------------------------------------------------------------------------------------------------- */

.smallcontext {
    vertical-align: top;
    padding-top: 3px;
    padding-left: 6px;
}

.smallkeyvisual {
    vertical-align: top;
    padding: 0px;
    margin: 0px;
    width: 240px;
}

.smallcontextTopic {
    font-size: 10px;
    font-weight: bold;
    color: #FFFFFF;
}

div.smallcontextbox {
    position: relative;
    display: block;
    width: 240px;
    min-height: 50px;
    margin-right: 1px;
    margin-bottom: 7px;
}

div.smallcontextbox-A {
    position: relative;
    display: block;
    width: 240px;
    min-height: 24px;
    margin-right: 1px;
    margin-bottom: 7px;
}

div.smallcontexthead {
    position: absolute;
    background-image: url( images/layout/context_head18.gif );
    background-repeat: no-repeat;
    top: 0px;
    left: 0px;
    width: 240px;
    height: 18px;
    z-index: 10;
}

div.smallcontexthead-A {
    position: relative;
    background-image: url( images/layout/context_head18.gif );
    background-repeat: no-repeat;
    top: 0px;
    left: 0px;
    width: 240px;
    height: 18px;
    z-index: 10;
}

div.smallcontextmain {
    display: block;
    position: static;
    top: 23px;
    left: 0px;
    width: 226px;
    border: 1px #98AFBB solid;
    background-color: #F1F1F1;
    padding: 6px;
    padding-top: 20px;
}

div.smallcontextmain-H {
    display: none;
}

div.smallversionSelect {
    display: block;
    width: 240px;
    background-color: #FFFFFF;
    border: 1px solid #98AFBB;
    border-top: 0px;
    padding: 2px;
}

/* Box Model Hack to get correct display of width and borders in IE */
* html div.smallversionSelect {
    width: 240px; /* for IE5 and IE6 in quirks mode */
    w\idth: 240px; /* for IE6 in standards mode */
}

div.smallcontextopener {
    width: 11px;
    height: 11px;
    background-image: url( images/buttons/12x12/collapse.gif );
    background-repeat: no-repeat;
}

div.smallcontextopener-A {
    width: 11px;
    height: 11px;
    background-image: url( images/buttons/12x12/expand.gif );
    background-repeat: no-repeat;
}

div.smallcontextIcon {
    position: absolute;
    width: 28px;
    height: 25px;
    top: -4px;
    margin-left: 2px;
    z-index: 20;
}

div.smallcontextTrenner {
    position: relative;
    margin-top: 8px;
    margin-bottom: 8px;
    margin-left: -6px;
    margin-right: -6px;
    height: 1px;
    width: 240px;
    background-color: #98AFBB;
}

div.smallcontextmain a {
    color: #000000;
    font-size: 11px;
    text-decoration: underline;
}

div.smallcontextmain a:visited {
    text-decoration: underline;
}

div.smallcontextmain a:active {
    text-decoration: underline;
}

div.smallcontextmain a:hover {
    text-decoration: none;
}

/* Box Model Hack to get correct display of width and borders in IE */
* html div.smallcontextmain {
    width: 240px; /* for IE5 and IE6 in quirks mode */
    w\idth: 240px; /* for IE6 in standards mode */
}

/* END SMALL CONTEXT BOX STYLES */

/*  -------------------------------------------------------------------------------------------------- */
/*  CONTENT BOX STYLES                                                                                 */
/*  -------------------------------------------------------------------------------------------------- */

.content {
    vertical-align: top;
    padding-top: 8px;
    padding-left: 20px;
    padding-right: 20px;
}

.contentTopic {
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
}

td.contentTrenner {
    height: 1px;
    background-color: #5C8398;
}

tr.contentDarker {
    background-color: #F1F1F1;
}

table.innerData td, table.innerData th {
    border-bottom: 1px solid #5C8398;
}

table.innerData th {
    border-top: 1px solid #5C8398;
    font-weight: normal;
    text-align: left;
}

table.innerData {
    border-collapse: collapse;
}

table.innerData th {
    background: #DFDFDF;
}

table.innerData tr.contentDarker {
    background: #EEE;
}

table.headDataColumns {
    border-collapse: separate;
    width: 100%;
}

table.headDataColumns td {
    width: 50%;
    vertical-align: top;
}

table.headDataColumns td.left {
    margin-right: 5px;
}

table.headDataColumns td.right {
    margin-left: 5px;
}

table.headData {
    border: 1px solid #5C8398;
}

table.headData td.first {
    background: #DFDFDF;
    width: 100%;
}

table.reportContent {
    width: 100%;
    border-collapse: collapse;
}

table.reportContent td {
    padding-right: 5px;
    border: 1px solid #5C8398;
    border-left: none;
    border-right: none;
}

a.reportLink {
    color: #DFDFDF;
}

div.portalstart {
    position: relative;
    display: block;
    font-size: 12px;
    width: 100%;
    min-height: 50px;
    margin-right: 2px;
    margin-bottom: 1px;
}

.portalstart td, .portalstart span, .portalstart a, .portalstart div {
    font-size: 12px;
}

.portalstart a {
    text-decoration: none;
}

.portaltable td {
    padding: 6px;
    vertical-align: top;
}

div.contentbox {
    position: relative;
    display: block;
    min-height: 50px;
}

div.contentbox-A {
    position: relative;
    display: block;
    min-height: 24px;
}

div.contenthead {
    position: absolute;
    background-image: url( images/layout/content_head_center24.gif );
    background-repeat: repeat-x;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 24px;
    z-index: 10;
}

div.contenthead-A {
    position: relative;
    background-image: url( images/layout/content_head_center24.gif );
    background-repeat: repeat-x;
    top: 0px;
    left: 0px;
    height: 24px;
    z-index: 10;
}

div.contentmain {
    border: 1px #98AFBB solid;
    background-color: #FFFFFF;
    padding: 6px;
    padding-top: 30px;
}

div.contentmain_error {
    border: 1px #98AFBB solid;
    background-color: red;
    padding: 6px;
    padding-top: 30px;
    heigth: 100%;
}

div.contentmain a {
    font-size: 11px;
}

div.contentmain-nonhead {
    border: 1px #98AFBB solid;
    background-color: #FFFFFF;
    padding: 6px;
}

div.contentmain-H {
    display: none;
}

div.contentopener {
    width: 15px;
    height: 15px;
    background-image: url( images/buttons/16x16/collapse.gif );
    background-repeat: no-repeat;
}

div.contentopener-A {
    width: 15px;
    height: 15px;
    background-image: url( images/buttons/16x16/expand.gif );
    background-repeat: no-repeat;
}

div.contentopener-B {
    width: 15px;
    height: 15px;
}

table.contentNavi {
    margin-bottom: 6px;
    width: 100%;
    height: 20px;
}

/* END CONTENT BOX STYLES */

/*  Include for webforms_update_edit_ingredients */
/*  -------------------------------------------------------------------------------------------------- */
/*  SMALL CONTENT BOX STYLES INCLUDE TAB (Reiter)                                                                                  */
/*  -------------------------------------------------------------------------------------------------- */

.smallcontent {
    vertical-align: top;
    padding-top: 8px;
    padding-left: 20px;
    padding-right: 20px;
}

/* displays content of composite type*/

.displayCompositeType {
    position: relative;
    display: block;
    min-height: 50px;
}

/* hides content of composite type */

.hideCompositeType {
    display: none;
    color: #000000;
}

.smallcontentTopic {
    font-size: 10px;
    color: #000000;
}

/* displays the composite type */
div.smallcontentbox {
    position: relative;
    display: block;
    min-height: 50px;
}

div.smallcontentbox-A {
    position: relative;
    display: block;
    min-height: 24px;
}

/* without div */
.smallcontenthead {
    position: relative;
    background-image: url( images/layout/content_head_center18.gif );
    background-repeat: repeat-x;
    top: 0px;
    left: 0px;
    height: 18px;
    z-index: 10;
}

.smallcontenthead-A {
/*  position:						relative;*/
    background-image: url( images/layout/content_head_center18.gif );
    background-repeat: repeat-x;
    top: 0px;
    left: 0px;
    height: 18px;
    z-index: 10;
}

.smallcontentmain {
    position: relative;
    border: 1px #98AFBB solid;

    background-color: #F1F1F1;
    padding: 2px;
}

.smallcontentmain-H {
    display: none;
}

.smallmain {
    border: 1px #98AFBB solid;

    background-color: #F1F1F1;
    padding: 2px;
}

.smallmain-H {
    display: none;
}

div.smallcontentopener {
    width: 11px;
    height: 11px;
    background-image: url( images/buttons/12x12/collapse.gif );
    background-repeat: no-repeat;
}

div.smallcontentopener-A {
    width: 11px;
    height: 11px;
    background-image: url( images/buttons/12x12/expand.gif );
    background-repeat: no-repeat;
}

table.smallcontentNavi {
    margin-bottom: 6px;
    width: 100%;
    height: 20px;
}

table.smallreiterContent {
    background-color: #F1F1F1;
    border: 1px solid #7A7A7A;

}

table.smallinnerreiterContent {
    background-color: #F1F1F1;
    border-top: 1px #98AFBB solid;
}

div.smallreiterContentActive {
    position: relative;
    margin-top: -1px;
    width: 100%;
    z-index: 15;
    border: 1px #98AFBB solid;
    border-top: 0px;
}

/*  -------------------------------------------------------------------------------------------------- */
/*  CALENDAR/DATEPICKER STYLES                                                                         */
/*  -------------------------------------------------------------------------------------------------- */

/* The main calendar widget.  DIV containing a table. */
div.calendar {
    position: relative;
    border: 1px solid #000000;
}

.calendar, .calendar table {

    border: 0px;
    font-size: 11px;
    color: #000000;
    cursor: default;
    background: #ffffff;
    font-family: verdana, sans-serif;
    z-index: 10000;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button {
/* "<<", "<", ">", ">>" buttons have this class */
    text-align: center; /* They are the navigation buttons */
    padding: 2px; /* Make the buttons seem like they're pressing */
    background: #BACBD5;
}

.calendar .nav {
    background: #BACBD5;
}

.calendar thead .title {
/* This holds the current "month, year" */
    font-weight: bold; /* Pressing it will take you to the current date */
    text-align: center;
    background: #BACBD5;
    color: #000000;
    padding: 2px;
}

.calendar thead .headrow {
/* Row <TR> containing navigation buttons */
    background: #777777;
    color: #ffffff;
}

.calendar thead .daynames {
/* Row <TR> containing the day names */
    background: #f1f1f1;
}

.calendar thead .name {
/* Cells <TD> containing the day names */
    border-bottom: 1px solid #555566;
    padding: 2px;
    text-align: center;
    color: #000;
}

.calendar thead .weekend {
/* How a weekend day name shows in header */
    color: #ee3338;
}

.calendar thead .hilite {
/* How do the buttons in header appear when hover */
    background-color: #afafaf;
    color: #000000;
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #888888;
    border-bottom: 1px solid #888888;
    padding: 1px;
}

.calendar thead .active {
/* Active (pressed) buttons in header */
    background-color: #7777cc;
    padding: 2px 0px 0px 2px;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day {
/* Cells <TD> containing month days dates */
    width: 2em;
    color: #445566;
    background-color: #ffffff;
    text-align: right;
    padding: 2px 4px 2px 2px;
}

.calendar tbody .day.othermonth {
    font-size: 11px;
    color: #bbbbbb;
}

.calendar tbody .day.othermonth.oweekend {
    color: #ff0000;
}

.calendar table .wn {
    padding: 2px 3px 2px 2px;
    border-right: 1px solid #000000;
    background: #dedede;
}

.calendar tbody .rowhilite td {
    background: #f1f1f1;
}

.calendar tbody .rowhilite td.wn {
    background: #eeeeff;
}

.calendar tbody td.hilite {
/* Hovered cells <TD> */
    background: #dedede;
    padding: 1px 3px 1px 1px;
    border: 1px solid #bbbbbb;
}

.calendar tbody td.active {
/* Active (pressed) cells <TD> */
    background: #ccddee;
    padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected {
/* Cell showing today date */
    font-weight: bold;
    border: 1px solid #000000;
    padding: 1px 3px 1px 1px;
    background: #ffffff;
    color: #000000;
}

.calendar tbody td.weekend {
/* Cells showing weekend days */
    color: #ee3338;
}

.calendar tbody td.today {
/* Cell showing selected date */
    font-weight: bold;
    color: #0000ff;
}

.calendar tbody .disabled {
    color: #999999;
}

.calendar tbody .emptycell {
/* Empty cells (the best is to hide them) */
/* visibility: 						hidden; */
}

.calendar tbody .emptyrow {
/* Empty row (some months need less than 6 rows) */
    display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow {
/* The <TR> in footer (only one right now) */
    text-align: center;
    background: #555566;
    color: #ffffff;
}

.calendar tfoot .ttip {
/* Tooltip (status bar) cell <TD> */
    background: #333434;
    color: #ffffff;
    border-top: 1px solid #555566;
    padding: 1px;
}

.calendar tfoot .hilite {
/* Hover style for buttons in footer */
    background: #aaaaff;
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #888888;
    border-bottom: 1px solid #888888;
    color: #000000;
    padding: 1px;
}

.calendar tfoot .active {
/* Active (pressed) style for buttons in footer */
    background: #7777cc;
    padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
    position: absolute;
    display: none;
    top: 0px;
    left: 0px;
    width: 4em;
    cursor: default;
    border: 1px solid #665555;
    background: #dedede;
    color: #000000;
    font-size: 90%;
    z-index: 100;
}

.calendar .combo .label,
    .calendar .combo .label-IEfix {
    text-align: center;
    padding: 1px;
}

.calendar .combo .label-IEfix {
    width: 4em;
}

.calendar .combo .hilite {
    background: #aaccff;
}

.calendar .combo .active {
    border-top: 1px solid #4466aa;
    border-bottom: 1px solid #4466aa;
    background: #eeeeff;
    font-weight: bold;
}

.calendar td.time {
    border-top: 1px solid #000;
    padding: 1px 0px;
    text-align: center;
    background-color: #f4f0e8;
}

.calendar td.time .hour,
    .calendar td.time .minute,
    .calendar td.time .ampm {
    padding: 0px 3px 0px 4px;
    border: 1px solid #889;
    font-weight: bold;
    background-color: #ffffff;
}

.calendar td.time .ampm {
    text-align: center;
}

.calendar td.time .colon {
    padding: 0px 2px 0px 3px;
    font-weight: bold;
}

.calendar td.time span.hilite {
    border-color: #000000;
    background-color: #666677;
    color: #ffffff;
}

.calendar td.time span.active {
    border-color: #ff0000;
    background-color: #000000;
    color: #00ff00;
}

/* END CALENDER STYLES */

/*  -------------------------------------------------------------------------------------------------- */
/*  LAYER DROPDOWN STYLES                                                                                 */
/*  -------------------------------------------------------------------------------------------------- */

/* default styles for menu */

.clCMAbs {
    position: absolute;
    visibility: hidden;
    left: 0px;
    top: 0px;
}

/* Style for background-bar */
.clBar {
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #333434;
/*    layer-background-color: #333434;*/
    visibility: hidden;
}

/*Styles for level 0*/

.clLevel0, .clLevel0over {
    position: absolute;
    text-indent: 1px;
    padding: 1px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
}

.clLevel0 {
    background-color: #333434;
/*    layer-background-color: #333434;*/
    color: #FFFFFF;
}

.clLevel0over {
    background-color: #333434;
/*    layer-background-color: #333434; */
    color: #FFFFFF;
    cursor: pointer;
/*    cursor: hand; */
}

.clLevel0border {
    position: absolute;
    visibility: hidden;
    background-color: #333434;
/*    layer-background-color: #333434; */
}

/*Styles for level 1*/
.clLevel1, .clLevel1over {
    position: absolute;
    text-indent: 1px;
    padding: 1px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
}

.clLevel1 {
    background-color: #333434;
/*    layer-background-color: #333434; */
    color: #FFFFFF;
}

.clLevel1over {
    background-color: #333434;
/*    layer-background-color: #333434; */
    color: #FFFFFF;
    cursor: pointer;
/*    cursor: hand; */
    text-decoration: underline;
}

.clLevel1border {
    position: absolute;
    visibility: hidden;
    background-color: #000000;
/*    layer-background-color: #000000; */
}

/* END LAYERMENU STYLES */

div.warning {
    position: absolute;
    margin-left: -20px;
    margin-top: 4px;
    z-index: 100;
    width: 16px;
    height: 16px;
    cursor: help;
}

td.warning {
    color: #FB0000;
    font-size: 11px;
    padding-left: 5px;
}

td.warning a {
    color: #FB0000;
    font-size: 11px;
    text-decoration: underline;
    font-style: italic;
}

td.warning a:visited {
    color: #FB0000;
    font-size: 11px;
    text-decoration: underline;
    font-style: italic;
}

td.warning a:active {
    color: #FB0000;
    font-size: 11px;
    text-decoration: underline;
    font-style: italic;
}

td.warning a:hover {
    color: #FB0000;
    font-size: 11px;
    text-decoration: none;
    font-style: italic;
}

div.information {
    position: static;
    float: left;
    margin-right: 1px;
    z-index: 100;
    width: 16px;
    height: 16px;
    cursor: help;
}

tr.tr40 {
    height: 40px;
}

.borderfirst {
    border-top-style: solid;
    border-top-color: #184894;
    border-top-width: 1px;
    padding-bottom: 5px;
}

.borderleft {
    border-left-style: solid;
    border-left-color: #184894;
    border-left-width: 1px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    text-align: center;
}

.borderimage {
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    text-align: center;
}

.borderright {
    border-right-style: solid;
    border-right-color: #184894;
    border-right-width: 1px;
    padding-right: 10px;
    padding-left: 5px;
    padding-bottom: 10px;
}

.borderlast {
    border-bottom-style: solid;
    border-bottom-color: #184894;
    border-bottom-width: 1px;
    padding-bottom: 5px;
}

.border {
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
}

.bordercaption {
    position: relative;
    left: 5px;
    bottom: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #184894;
}

.bordercaptionback {

    background-color: #FFFFFF;
    padding: 0 0.5em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #184894;
}

/*  -------------------------------------------------------------------------------------------------- */
/*  Webadmin Party                                                                               */
/*  -------------------------------------------------------------------------------------------------- */

.blockOn {
    position: relative;
}

.blockOff {
    display: none;
}

.unchecked {
    display: inline;
    background-image: url( images/symbols/16x16/disabled.gif );
    background-repeat: no-repeat;
    background-position: 50px 0px;
    vertical-align: top;
    width: 100px;
    height: 16px;
    padding: 1px;
}

.checked {
    display: inline;
    background-image: url( images/symbols/16x16/enabled.gif );
    background-repeat: no-repeat;
    background-position: 50px 0px;
    width: 100px;
    height: 16px;
    padding: 1px;
}

.hidden {
    display: none;
}

/* struts-textboxes with readonly=true looks like disabled=true */
.textDisabled {
    vertical-align: top;
    width: 440px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #808080;
}

/*  -------------------------------------------------------------------------------------------------- */
/*  Webadmin Logging                                                                                   */
/*  -------------------------------------------------------------------------------------------------- */

/* Logging Filter im  */
div.filterOff {
    display: none;
}

div.filterOn {
    display: block;
    position: relative;
    border: 0px solid #98AFBB;
    width: 240px;
    margin-bottom: 20px;
    padding: 4px;
}

/*  -------------------------------------------------------------------------------------------------- */
/*  Tree component for packing heararchies in webforms                                                 */
/*  -------------------------------------------------------------------------------------------------- */

.dtree {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666;
    white-space: nowrap;
    text-decoration: none;
}

.dtree img {
    border: 0px;
    vertical-align: middle;
}

.dtree a {
    color: #333;
    text-decoration: none;
}

.dtree a.node {
    white-space: nowrap;
    padding: 1px 2px 1px 2px;
    color: #333;
    text-decoration: none;
}

.dtree a.nodeSel {
    white-space: nowrap;
    padding: 1px 2px 1px 2px;
    background-color: #0066CC;
    color: #FFFFFF;
    text-decoration: none;
}

.dtree .clip {
    overflow: hidden;
}

/*  -------------------------------------------------------------------------------------------------- */
/*  Pool Retrieval Article Pass Detail View                                                            */
/*  -------------------------------------------------------------------------------------------------- */

.tab_rider_box {
    color: #FFFFFF;
    background-color: #1B4792;
    font-weight: bold;
    height: 25px;
    width: 100%;
    padding: 5px;
    text-align: left;
    vertical-align: middle;
}

.attribute_field_row {
    border-bottom: 1px solid;
    border-color: #0000CF;
}

.attribute_field_key_col {
    background-color: #DFDFDF;
    height: 100%;
    width: 50%;
    padding: 5px;
    text-align: left;
    vertical-align: middle;
}

.attribute_field_value_col {
    background-color: #FFFFFF;
    height: 100%;
    width: 50%;
    padding: 5px;
    text-align: left;
    vertical-align: middle;
}

.attribute_field_key_comp_row {
    border-bottom: 4px double;
    border-color: #0000CF;
}

.attribute_field_key_comp_col {
    background-color: #DFDFDF;
    height: 25px;
    width: 100%;
    padding: 5px;
    text-align: left;
    vertical-align: middle;
}

.attribute_field_comp_row {
    border-bottom: 1px solid;
    border-color: #0000CF;
}

.attribute_field_comp_row_last {
    border-bottom: 4px double;
    border-color: #0000CF;
}

.attribute_field_comp_key_col {
    background-color: #F1F1F1;
    height: 25px;
    width: 50%;
    padding: 5px;
    text-align: left;
    vertical-align: middle;
}

.attribute_field_comp_value_col {
    background-color: #FFFFFF;
    height: 25px;
    width: 50%;
    padding: 5px;
    text-align: left;
    vertical-align: middle;
}

.attribute_field_comp2_key_col {
    background-color: #F1F1F1;
    width: 50%;
    padding: 5px;
    text-align: left;
    vertical-align: top;
}

.attribute_field_comp2_value_col {
    background-color: #F1F1F1;
    width: 50%;
    padding: 0px;
    text-align: left;
    vertical-align: top;
}

.attribute_field_comp2_key2_col {
    background-color: #DFDFDF;
    height: 25px;
    padding: 5px;
    text-align: left;
    vertical-align: middle;
    border-left: 1px solid;
    border-color: #0000CF;
}

.attribute_field_comp2_value2_col {
    background-color: #FFFFFF;
    height: 25px;
    padding: 5px;
    text-align: left;
    vertical-align: middle;
    border-left: 1px solid;
    border-color: #0000CF;
}

.attribute_field_comp2_cell_row {
    border-top: 1px solid;
    border-color: #0000CF;
}

/*  -------------------------------------------------------------------------------------------------- */
/*  History Viewer                                                                                  */
/*  -------------------------------------------------------------------------------------------------- */

table.history {
    /*cellpadding: 0px;
    cellspacing: 0px;*/
    margin: 0px;
    padding: 0px;
    border: 0px;
    width: 100%;
}

tr.history {
    background-color: #F1F1F1;
}

tr.history-activeProduct {
    background-color: #A6A6A6;
}

/* BEGIN LOGIN STYLES */

body.login {
    background-image: none;
}

.logintable {
    width: 491px;
    border: 1px black solid;
}

td.loginlogo {
    background-color: white;
}

td.loginlogoempty {
    width: 200px;
    height: 80px;
    background-color: #0a286e;
}

td.loginimage {
    width: 140px;
}

td.upperloginimage, td.loginform {
	border-top: 3px solid #0a286e;
}

td.loginform {
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}

td.loginfooter {
    background-image: url( images/layout/login_footer.gif );
    background-repeat: repeat-x;
    height: 26px;
    color: black;
    padding-bottom: 4px;
    padding-right: 4px;
    border-top: 3px solid #0a286e;
}

div.loginform td {
    padding-top: 5px;
    padding-bottom: 5px;
}

td.login_top_right {
    background-repeat: no-repeat;
}

td.login_top_left {
	width: 212px;
    height: 84px;
	background-repeat: no-repeat;
}


/* END LOGIN STYLES */

/*  -------------------------------------------------------------------------------------------------- */
/*  Optional Enumtypes                                                                                   */
/*  -------------------------------------------------------------------------------------------------- */

input.optional_enum {
	background-color: #e2eef9;
	}

.optional_enum_disabled {
    font-size: 11px;
    border: 2px #00FF00 solid;
    color: #000000;
    background-color: #ECE9D8;
}

/* END OPTIONAL ENUMTYPES */


/*  -------------------------------------------------------------------------------------------------- */
/*  better not field                                                                                   */
/*  -------------------------------------------------------------------------------------------------- */

.betternotfield {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    border: 1px #9C9C9C solid;
    color: #000000;
	background-color: #FFFFCC;
	}

/* END BETTER NOT FIELD */

p.animLoadingBox {
    width: 100px;
    height: 100px;
    position: static;
    visibility: inherit;
	background-position: center center;
    background-repeat: no-repeat;
    background-image: url('images/layout/loading.gif');
    z-index: 500;

    padding: 20px 20px 20px 20px;
    border-top: 1px solid #7A7A7A;
    border-left: 1px solid #7A7A7A;
    border-bottom: 2px ridge #7A7A7A;
    border-right: 2px ridge #7A7A7A;
    background-color: #F1F1F1;
}

/* ---------------------------*/
/* superstructured attributes */
/* ---------------------------*/

.superhitlist {
    background-color: white;
    border-style:     solid;
    border-width:     1px;
    height:           200px;
    overflow:         scroll;
    padding:          0px;
    width:            100%;
}

div.performance {
    font-size:6pt;
    color:#cccccc;
}

/* small red fonts */
span.warning {
    color:      red;
    font-size:  90%;
}

/* info banner on logon page and in portal */
.infoBanner {
	color: black;
}