/* ---------------------------------------------------------------------------
   Copyright 2009-2010 Fsas Technologies Inc. 
   All rights reserved

Author: FTS TSP x86 E SW 4
------------------------------------------------------------------------------*/
/* --------------------------------------------------------------------------- */
/* BANNER */
.BannerBackground
{ background-image: url(../images/gui/header_base.gif);
  height:34px;
  width:100%;
  empty-cells:show;
  color:white;
}
.BannerComponent
{ background-image: url(../images/gui/header_sv.jpg);
  background-repeat:no-repeat;
  background-position:0 0; /*FJ has had "0 center" but for resizing "0 0" is better*/
  height:34px;
  width:150px;
  empty-cells:show;
}
.BannerCompanyLogo
{ background-image: url(../images/gui/header_logo.jpg);
  background-repeat:no-repeat;
  background-position:right;
  height:34px;
  width:120px;
  padding-left:30px; /*in Middleware 46px*/
  empty-cells:show;
}
.BannerData {
  text-align: right;
  padding-bottom:4px;
  padding-right:10px;
}
.BannerRightSeparator
{ background: url(../images/gui/header_line.gif) right no-repeat;
  padding-right:8px;
}
/* --------------------------------------------------------------------------- */
/* NAVIGATION */
table.NaviTop
{ width:100%; }
.NaviTop
{   background-image: url(../images/gui/navi_top_b_bg.gif);
    height:24px;
    empty-cells:show;
}
.NaviTop ul
{   height: 24px;
    width:100%;
    margin: 0px;
    padding: 0px;
    display:block;
    overflow:hidden;
}
.NaviTop li {
    display: block;
    float: left;
    background: url(../images/gui/navi_top_b_right.gif) top right no-repeat;
    font-size: 9pt;
    /*line-height:160%;-FJ*/
}
.NaviTop li.last {
    background-image: none;
}
.NaviTop li a, .NaviTop li a:visited {
    float: left;
    height:24px;
    margin-right: 2px;
    /*padding: 2px 10px 0px 12px;*/
    padding: 4px 10px 0px 12px;
    color: #333333;
    text-decoration: none;
}

.NaviTop li a:hover {
    background:url(../images/gui/navi_top_b_over.gif) top left repeat-x;
    color: #175DB5;
    text-decoration: none;
}

.NaviTop li a.selected, .NaviTop li a:visited.selected, .NaviTop li a:hover.selected {
    background:url(../images/gui/navi_top_b_on.gif) top left repeat-x;
    color: white;
    text-decoration: none;
}
.NaviTop li a.disabled, .NaviTop li a:visited.disabled, .NaviTop li a:hover.disabled {
    background-image: url(../images/gui/navi_top_b_bg.gif);
    color: #6C6C6C; /*DarkerGrey ?*/
    text-decoration: none;
    cursor: default;
}
.NaviTop li.right {
    display: block;
    float: right;
    background: url(../images/gui/navi_top_b_right.gif) top right no-repeat;
    font-size: 9pt;
    /*line-height:160%;*/
}
.NaviTop li.help/*, .NaviTop li.right*/
{   float:right;
    background: none;
}
/*----*/
.Navi2nd
{       background: #DCDCDC;
        height:24px;
        empty-cells:show;
}
.Navi2nd ul, ul.Navi2nd
{       height: 24px;
        margin: 0px;
        padding: 0px;
        display:block;
        overflow:hidden;
}
tr.Navi2nd /*ATTENTION: necessary to prevent extra images for ul technique inside tr td*/
{       height: 24px;
        margin: 0px;
        padding: 0px;
        overflow:hidden;
        empty-cells:show;
}
.Navi2nd li, li.Navi2nd {
        display: block;
        float: left;
        background: url(../images/gui/navi_2nd_right.gif) no-repeat;
        background-position: center right;
        font-size: 9pt;
}
tr.Navi2nd td {
        background: #DCDCDC url(../images/gui/navi_2nd_right.gif) no-repeat;
        background-position: center right;
        font-size: 9pt;
        white-space: nowrap;
        padding: 0px 10px 0px 12px; /*trbl*/
}
.Navi2nd li.last, tr.Navi2nd td.last {
        background-image: none;
}
.Navi2nd li a, .Navi2nd li a:visited
{       float: left;
        height:20px;
        margin-right: 2px;
        padding: 4px 10px 0px 12px;
        color: #175DB5;
}
tr.Navi2nd td a, tr.Navi2nd td a:visited
{       height:20px;
        color: #175DB5;
}
.Navi2nd li a:hover, tr.Navi2nd td a:hover
{       color: #175DB5;
        text-decoration: none;
}
.Navi2nd li a.selected, .Navi2nd li a:visited.selected, .Navi2nd li a:hover.selected,
tr.Navi2nd td a.selected, tr.Navi2nd td a:visited.selected, tr.Navi2nd td a:hover.selected
{       color: black;
        font-weight: bold;
        text-decoration: none;
}
.Navi2nd li a.disabled, .Navi2nd li a:visited.disabled, .Navi2nd li a:hover.disabled,
tr.Navi2nd td a.disabled, tr.Navi2nd td a:visited.disabled, tr.Navi2nd td a:hover.disabled
{       color: #8E8E8E; /*DarkGrey*/
        text-decoration: none;
	cursor: default;
}
.Navi2nd li.right
{       float:right;
        background: none;
}
/* --------------------------------------------------------------------------- */
/* OTHER IMAGED BARS AND LINES A LA FJ */
table.HeadingPane
{       width:100%;
}
.HeadingPane, #ToolName, #ToolNameLeft, #ToolNameRight, .ToolBar
{       height:21px;
}
.HeadingPane, #ToolName, #ToolNameLeft, #ToolNameRight, .ToolBar
{       background: #666E80 url("../images/gui/heading_pane_bg.gif") bottom repeat-x;
}
.HeadingPane .Opened, .Bar .Opened, .HeadingPaneOpened
{        /*8px width*/
        height:21px;
        width:14px;
        background: url("../images/gui/heading_pane_open_transparent.gif") top center no-repeat;
        empty-cells:show;
}
.HeadingPane .Closed, .Bar .Closed, .HeadingPaneClosed
{        /*8px width*/
        height:21px;
        width:14px;
        background: url("../images/gui/heading_pane_down_transparent.gif") top center no-repeat;
        empty-cells:show;
}
.Bar .Plus, .HeadingPane .Plus, .HeadingPanePlus
{        /*8px width*/
        height:21px;
        width:18px;
        background: url("../images/gui/ExpandPlusWhite.gif") center center no-repeat;
        empty-cells:show;
}
.Bar .Minus, .HeadingPane .Minus, .HeadingPaneMinus
{       /*8px width*/
        height:21px;
        width:18px;
        background: url("../images/gui/CollapseMinusWhite.gif") center center no-repeat;
        empty-cells:show;
}
.HeadingPane .EmptyPlusMinus, .HeadingPaneEmpty, .Bar .EmptyPlusMinus
{
        height:21px;
        width:18px;
        empty-cells:show;
}
.HeadingPane .Cancel, .Bar .Cancel, .HeadingPaneCancel
{       /*8px width*/
        height:21px;
        width:18px;
        background: url("../images/gui/CancelWhite.gif") center center no-repeat;
        empty-cells:show;
}
.HeadingPane .EmptyOpenClose, .Bar .EmptyOpenClose
{
        height:21px;
        width:14px;
        empty-cells:show;
}
/* --------------------------------------------------------------------------- */
.ToolDetail, .Bar, .ToolSelection
{       background: #666E80;
}
/* --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */
/* COLLAPSE / EXPAND FOR BARS AND AREAS */
ul.LiPlusMinusSign, ul.LiPlusMinusSignRelative
{ /* refresh under li is browser-dependend */
  padding-top:1px;
  padding-left:22px;/*FF*/
  margin-left:0;/*IE*/
}
.LiPlusSign,  ul.LiPlusMinusSign .Plus
{ list-style-image:url(../images/gui/ExpandPlusWhite.gif); }
.LiMinusSign, ul.LiPlusMinusSign .Minus
{ list-style-image:url(../images/gui/CollapseMinusWhite.gif); }
.LiPlusSignRelative,  ul.LiPlusMinusSignRelative .Plus
{ list-style-image:url(../images/gui/ExpandPlusWhite.gif); }
.LiMinusSignRelative,  ul.LiPlusMinusSignRelative .Minus
{ list-style-image:url(../images/gui/CollapseMinusWhite.gif); }
        /* THERE ARE REFRESH PROBLEMS WITH THIS KIND OF TECHNIQUE */

td.PlusSign, td.MinusSign,
td.PlusSignRelative, td.MinusSignRelative,
td.WhitePlusSign, td.WhiteMinusSign,
td.WhitePlusSignRelative, td.WhiteMinusSignRelative,
td.BlackPlusSign, td.BlackMinusSign,
td.BlackPlusSignRelative, td.BlackMinusSignRelative,
td.EmptySign
{
  background-repeat:no-repeat;
  background-position:center center;
  empty-cells:show;
  height:13px;
  width:13px;
}
td.PlusSign, td.WhitePlusSign {
  background-image:url(../images/gui/ExpandPlusWhite.gif);
}
td.MinusSign, td.WhiteMinusSign {
  background-image:url(../images/gui/CollapseMinusWhite.gif);
}
td.PlusSignRelative, td.WhitePlusSignRelative {
  background-image:url(../images/gui/ExpandPlusWhite.gif);
}
td.MinusSignRelative, td.WhiteMinusSignRelative {
  background-image:url(../images/gui/CollapseMinusWhite.gif);
}
td.BlackPlusSign {
  background-image:url(../images/gui/ExpandPlusBlack.gif);
}
td.BlackMinusSign {
  background-image:url(../images/gui/CollapseMinusBlack.gif);
}
td.BlackPlusSignRelative {
  background-image:url(../images/gui/ExpandPlusBlack.gif);
}
td.BlackMinusSignRelative {
  background-image:url(../images/gui/CollapseMinusBlack.gif);
}
/* ---- TREE -------------------------------------------------------------------------------------- */
tr.TreeItem td.TreeSign,        td.TreeItem,
tr.TreePlus td.TreeSign,        td.TreePlus,
tr.TreeMinus td.TreeSign,       td.TreeMinus,
tr.TreeItem td.TreeSignRelative, td.TreeItemRelative,
tr.TreePlus td.TreeSignRelative, td.TreePlusRelative,
tr.TreeMinus td.TreeSignRelative, td.TreeMinusRelative,
td.TreeNone
{
  background-repeat:no-repeat;
  background-position:center center;
  empty-cells:show;
  height:12px;
  width:12px;
}
tr.TreePlus td.TreeSignRelative,
tr.TreeMinus td.TreeSignRelative,
tr.TreeItem td.TreeSignRelative,
tr.TreePlus td.TreeSign,
tr.TreeMinus td.TreeSign,
tr.TreeItem td.TreeSign
{ background-position: 0 center; }
tr.altRow td.TreePlusRelative {
  background-color: rgb(228,228,228);
}

tr.TreePlus td.TreeSignRelative, td.TreePlusRelative
{ background-image:url(../images/gui/TreePlus.gif);
  cursor:pointer;
}
tr.TreeMinus td.TreeSignRelative, td.TreeMinusRelative
{ background-image:url(../images/gui/TreeMinus.gif);
  cursor:pointer;
}
tr.TreeItem td.TreeSignRelative, td.TreeItemRelative
{ background-image:url(../images/gui/TreeEmpty.gif); }


tr.TreePlus td.TreeSign, td.TreePlus
{ background-image:url(../images/gui/TreePlus.gif);
  cursor:pointer;
}
tr.TreeMinus td.TreeSign, td.TreeMinus
{ background-image:url(../images/gui/TreeMinus.gif);
  cursor:pointer;
}
tr.TreeItem td.TreeSign, td.TreeItem
{ background-image:url(../images/gui/TreeEmpty.gif); }

tr.TreeHide
{ display:none; }
tr.TreeShow
{ display:table-row; }
/* ---- SORTED TABLE ----------------------------------------------------------------------------- */
/* ATTENTION: sequence of cursor definition is IMPORTANT */
th.sortable, th.sorted-desc, th.sorted-asc, th.sorted-desc-Relative, th.sorted-asc-Relative
{
        cursor: pointer;
}
th.sorted-working
{
        cursor: wait;
}
/* it is necessary to use "    "*/
th.sorted-desc, th.sorted-asc,
th.sorted-desc-Relative, th.sorted-asc-Relative,
th.sorted-dosort-desc, th.sorted-dosort-asc,
th.sorted-dosort-desc-Relative, th.sorted-dosort-asc-Relative
{
    /*background-position: 95% 50%;*/
        background-position: 95% center;
        background-repeat: no-repeat;
        empty-cells:show;
        height:12px;
}
th.sortable .Up, th.sortable .UpRelative,
th.sortable .Down, th.sortable .DownRelative,
th.sortable .doUp, th.sortable .doUpRelative,
th.sortable .doDown, th.sortable .doDownRelative,
th.sorted-working .Up, th.sorted-working .UpRelative,
th.sorted-working .Down, th.sorted-working .DownRelative,
th.sorted-working .doUp, th.sorted-working .doUpRelative,
th.sorted-working .doDown, th.sorted-working .doDownRelative
{   float:right;
    width:10px; height:10px;
    background-repeat: no-repeat;
    background-position: center center;
    empty-cells:show;
    margin-top:2px;
    margin-left:2px;
}
th.sorted-desc-Relative, th.sortable .UpRelative, th.sorted-working .UpRelative
{
    background-image: url(../images/gui/ArrowUp.png);
}
th.sorted-asc-Relative,  th.sortable .DownRelative,  th.sorted-working .DownRelative
{
    background-image: url(../images/gui/ArrowDown.png);
}
th.sorted-dosort-desc-Relative,  th.sortable .doUpRelative, th.sorted-working .doUpRelative
{
    background-image: url(../images/gui/ArrowSortDown.png);
}
th.sorted-dosort-asc-Relative,   th.sortable .doDownRelative,   th.sorted-working .doDownRelative
{
    background-image: url(../images/gui/ArrowSortUp.png);
}
th.sorted-desc, th.sortable .Up, th.sorted-working .Up
{
    background-image: url(../images/gui/ArrowUp.png);
}
th.sorted-asc,  th.sortable .Down, th.sorted-working .Down
{
    background-image: url(../images/gui/ArrowDown.png);
}
th.sorted-dosort-desc,  th.sortable .doUp, th.sorted-working .doUp
{
    background-image: url(../images/gui/ArrowSortDown.png);
}
th.sorted-dosort-asc,   th.sortable .doDown, th.sorted-working .doDown
{
    background-image: url(../images/gui/ArrowSortUp.png);
}
/* ---- VERTICAL TABS ----------------------------------------------------------------------------- */
.VTabOpened, .VTabOpenedRelative,
.VTabClosed, .VTabClosedRelative,
.VTabEmpty,
.VerticalTabClosed   .VTab, .VerticalTabClosed   .VTabRelative,
.VerticalTabOpened   .VTab, .VerticalTabOpened   .VTabRelative,
.VerticalTabDisabled .VTab, .VerticalTabDisabled .VTabRelative
{
    /*background-position: 95% 50%;*/
        background-position: center center;
    background-repeat: no-repeat;
        empty-cells:show;
        height:20px;
        width:20px; min-width:20px;
}
.VTabOpened,                        .VerticalTabOpened   .VTab
{
    background-image: url(../images/gui/TabArrowDown.png);
}
.VTabOpenedRelative,        .VerticalTabOpened   .VTabRelative
{
    background-image: url(../images/gui/TabArrowDown.png);
}
.VTabClosed,                        .VerticalTabClosed   .VTab
{
    background-image: url(../images/gui/TabArrowRight.png);
}
.VTabClosedRelative,                .VerticalTabClosed   .VTabRelative
{
    background-image: url(../images/gui/TabArrowRight.png);
}


/* --- Buttoned ---*/
.VTabBOpened, .VTabBOpenedRelative,
.VTabBClosed, .VTabBClosedRelative,
.VTabBEmpty,
.VerticalTabBClosed   .VTab, .VerticalTabBClosed   .VTabRelative,
.VerticalTabBOpened   .VTab, .VerticalTabBOpened   .VTabRelative,
.VerticalTabBDisabled .VTab, .VerticalTabBDisabled .VTabRelative
{
        /*background-position: 95% 50%;*/
        background-position: center center;
        background-repeat: no-repeat;
        empty-cells:show;
        height:20px;
        width:20px; min-width:20px;
}
.VTabBOpened,                .VerticalTabBOpened   .VTab
{
        background-image: url(../images/gui/TabArrowDown.png);
}
.VTabBOpenedRelative,        .VerticalTabBOpened   .VTabRelative
{
        background-image: url(../images/gui/TabArrowDown.png);
}
.VTabBClosed,                .VerticalTabBClosed   .VTab
{
        background-image: url(../images/gui/TabArrowRight.png);
}
.VTabBClosedRelative,        .VerticalTabBClosed   .VTabRelative
{
        background-image: url(../images/gui/TabArrowRight.png);
}
/* --------------------------------------------------------------------------- */
/* Miscellaneous */
a img
{ border:none; }

/* --------------------------------------------------------------------------- */
/* link styles */
/* sometimes FF makes nonsense when a:link was set !!!
... than he is using some attributes for all texts - don't use <a name=.../>*/
a:visited
{ color:rgb(45,0,245); }
a:hover
{ color:rgb(27,0,142); /* not StyleGuide conform */ }

a.white, a.white:visited, .BannerBackground a, .BannerBackground a:visited
{
  color:white;
  text-decoration:underline;
}
a.white:hover, .BannerBackground a:hover
{
  color:white;
  text-decoration:underline;
} /* e.G.: inside help or in tables */
a.normal
{
  color:rgb(45,0,245);
  text-decoration:none;
}
a.normal:hover
{
  color:rgb(27,0,142); /* not realy StyleGuide 2008 conform */
  text-decoration:underline;
} 
a.disabled, a.disabled:hover, a.disabled:visited
{
  color:#8E8E8E; /*FJJ-Grey*//*DarkGrey*/
  text-decoration:none;
  cursor: text;
}
table.Tabs a:link, div.Tabs a:link, table.Tabs a:visited, div.Tabs a:visited
{
  color:red;
  text-decoration:none;
}
table.Tabs a:hover, div.Tabs a:hover
{
  color:red;
  text-decoration:underline;
}
/* --------------------------------------------------------------------------- */
.DefaultCursor, td.na, td.disabled
{ cursor: default; } /* no text cursor */
.PointerCursor,
  .Tabs .normal, .FTabs .normal
{ cursor: pointer; }
.WaitCursor
{ cursor: wait; }
/* --------------------------------------------------------------------------- */
/* Common Multiusable Classes: Colors ... */
.BackWhite,
  body, input.text, select, #TreeViewPane, #TreeViewPaneButton,
  .InfoPane, .InfoPaneButton,
  table.typeA, table.typeB, table.typeC,
  table.labelValue, table.labelValueN, table.labelValueWrap, table.labelValueWrapN,
  .selectedWhite
{
  background-color:white;
  color:black;
}
.BackLightGrey,
  .altRow,
  .CommonBackground
{
  /*background-color: rgb(234,234,234); 470 */
  background-color: rgb(228,228,228);
  color:black;
}
.BackLightGrey1			/*StyleGuide V2.2*/
{ background-color: #DCDCDC; }	/*FJ-2nd-Navigation*/
.BackGrey1_Neutral,
  input.StdFontBtn, button.StdFontBtn
{ background-color: rgb(207,207,207); }
.BackGrey1_Black,
  table.typeA th, table.typeB th, table.typeC th,
  table.labelValue th.FormHeader,
  table.labelValueWrap th.FormHeader,
  table.labelValueN th.FormHeader,
  table.labelValueWrapN th.FormHeader,
  table.Tabs td.selected,
  div.Tabs div.selected,
  div.Tabs ul li.selected,
  input.applyBtn, input.nsApplyBtn, button,
  .VerticalTabOpened, .VerticalTabBOpened
{
  background-color: rgb(207,207,207);
  color:black;
}
.BackGrey1_White {
  background-color: rgb(207,207,207);
  color:white;
}
.BackGrey2_Black,
  caption,
  table.Tabs td.selectedDark,
  div.Tabs div.selectedDark,
  div.Tabs ul li.selectedDark
{
  background-color: rgb(178,178,178);
  color:black;
}
.BackGrey2_White {
  background-color: rgb(178,178,178);
  color:white;
}
.BackDarkGrey,
  table.Tabs td.normal,
  table.Tabs td.disabled,
  div.Tabs div.normal,
  div.Tabs div.disabled,
  div.Tabs ul li.normal,
  div.Tabs ul li.disabled,
  .VerticalTabClosed, .VerticalTabBClosed
{
  /*background-color: rgb(119,119,119);*/
  background-color:#8E8E8E;	/*FJ-Grey, StyleGuide 2.2*/
  color:white;
}
.BackDarkestGrey		/*StyleGuide V2.2*/
{ background-color:#333333;	/*FJ-TextColor*/
  color:white;
}
.BackDarkGrey_LightGrey,
  .VerticalTabDisabled, .VerticalTabBDisabled
{
  /*background-color: rgb(119,119,119);*/
  background-color:#8E8E8E; 	/*FJ-Grey*/
  color:rgb(228,228,228);
}
.BackBlack {
  background-color: black;
  color:white;
}
.BackLightPetrol {		/* until StyleGuide 2.0 */
  background-color:rgb(208,232,225);
  color:black;
}
.BackPetrol			/* until StyleGuide 2.0 */
{
  background-color:rgb(153,204,190);
  color:black;
}
.BackDarkPetrol {		/* until StyleGuide 2.1 */
  background-color:rgb(55,109,94);
  color:white;
}
.BackDarkPetrol1  { background-color:rgb(55,109,110); color:white; } /* not StyleGuide */
/*  cyan coloring - not in StyleGuide */
.BackXCyanL         { background-color:paleturquoise; color:white; }
.BackXCyan         { background-color:#20b7b7; color:white; }
.BackXDarkCyan        { background-color:darkcyan; color:white; }
.BackXDarkCyanD { background-color:#007777; color:white;}
.BackVeryDarkCyan{ background-color:#005555; color:white;}
/* */
.BackLightBlue {
  background-color:rgb(197,183,255);
  color:black;
}
.BackLightBlue2 { background-color:#BAEFFC; color:black; } /* not StyleGuide */
.BackLightBlue1 { background-color:#98DFFB; color:black; } /* not StyleGuide */
.BackBlue {
  background-color:rgb(45,0,245);
  color:white;
}
.BackDarkBlue,
  tr.selected, tr.selected td.na
{
  background-color:rgb(27,0,142);
  color:white;
}
.BackBlueGrey					/*StyleGuide V2.2*/
{ background-color:#175DB5; color:white; }	/*FJ-Link-Color*/
.BackDarkBlueGrey				/*StyleGuide V2.2*/
{ background-color:#666E80; color:white; }	/*FJ-Heading-Pane-Back-Color*/
.BackDarkestBlue				/*StyleGuide V2.2*/
{ background-color:midnightblue; color:white; }	/*for FrameBorders*/
.BackDarkViolett				/*StyleGuide V2.2*/
{ background-color:rgb(62,50,98);		/*#3E3262*/
  color: white;
}
.BackYellow {
  background-color:rgb(255,255,0);
  color:black;
}
.BackAmber {
  background-color:rgb(255,128,0);
  color:black;
}
.BackRed,
  .errorSelect, tr.error
{
  background-color:rgb(215,0,0);
  color:white;
}
.BackGreen
{
  background-color:rgb(0,255,0);
  color:black;
}
.BackDarkGreen
{
  background-color:rgb(0,128,0);
  color:white;
}
.BackHelpColor,
  .helpFiles
{
  background-color: #FFFFE0;
  /* same as background:infobackground; */
  color:black;
}
.BackButtonFace,
  .messageBox
{ background: ButtonFace; color:black; }

.BorderLightGrey,
  div.Eingabe table.typeA td
{
  /* border-color:rgb(234,234,234); 470 */
  border-color:rgb(228,228,228);
}
.BorderRightBottom_Grey1,
  table.typeA td
{
  border-right: rgb(207,207,207) 1px solid;
  border-bottom: rgb(207,207,207) 1px solid;
}
.BorderRightBottom_GreyDarker,
  table.typeA th
{
  border-right: #aaaaaa 1px solid;
  border-bottom: rgb(207,207,207) 1px solid;
}
.SolidTopBorder_DarkGrey,
  #ButtonPane, #ButtonPaneLeft, #ButtonPaneRight,
  .ButtonRelative, .ButtonRelativeLeft
{ border-top:3px rgb(109,109,109) solid; }
.BorderTopBlack
{
  border:2px solid;
  border-color:black;
  border-right-color:dimgray;
  border-bottom-color:dimgray;
}
.BorderBottomBlack
{
  border:2px solid;
  border-color:black;
  border-top-color:dimgray;
  border-left-color:dimgray;
}
.BorderTD
{
        /* FJ */
        border-bottom: 1px solid #D2D2D2;
        border-right:  1px solid #D2D2D2;
}
.BorderTH
{
        /* FJ */
        border-bottom: 2px solid #6C7485;
        /*border-bottom: 2px solid #828B97 #404753; - in image */
        border-right:  1px solid #6C7485;
}
.BorderGreyTable
{
        /* FJ */
        border-top: 1px solid #D2D2D2;
        border-left:  1px solid #D2D2D2;
}
.BorderTopDimGrey
{
  border:2px solid;
  border-color:dimgray;
  border-right-color:darkgray;
  border-bottom-color:darkgray;
}
.BorderBottomDimGrey
{
  border:2px solid;
  border-color:dimgray;
  border-top-color:darkgray;
  border-left-color:darkgray;
}
.BorderTopBlack_DarkGrey
{
  border:2px solid;
  border-color:black;
  border-right-color:darkgray;
  border-bottom-color:darkgray;
}
.BorderBottomBlack_DarkGrey
{
  border:2px solid;
  border-color:black;
  border-top-color:darkgray;
  border-left-color:darkgray;
}
.BorderTopDarkGrey
{
  border:2px solid;
  border-color:rgb(119,119,119);
  border-right-color:rgb(178,178,178);
  border-bottom-color:rgb(178,178,178);
}
.BorderBottomDarkGrey
{
  border:2px solid;
  border-color:rgb(119,119,119);
  border-top-color:rgb(178,178,178);
  border-left-color:rgb(178,178,178);
}
.BorderTopDarkPetrol
{
  border:2px solid;
  border-color:rgb(55,109,94);
  border-right-color:darkcyan;
  border-bottom-color:darkcyan;
}
.BorderBottomDarkPetrol
{
  border:2px solid;
  border-color:rgb(55,109,94);
  border-top-color:darkcyan;
  border-left-color:darkcyan;
}

.ButtonBorder,
  .messageBox,
  table.Tabs td.normal,
  table.Tabs td.selected, table.Tabs td.selectedDark, table.Tabs td.selectedWhite,
  table.Tabs td.disabled,
  div.Tabs div.normal,
  div.Tabs div.selected, div.Tabs div.selectedDark, div.Tabs div.selectedWhite,
  div.Tabs div.disabled,
  div.Tabs ul li.normal,
  div.Tabs ul li.selected, div.Tabs ul li.selectedDark, div.Tabs ul li.selectedWhite,
  div.Tabs ul li.disabled,
  .FTabs .normal, .FTabs .selected, .FTabs .disabled,
  .VerticalTabBClosed,
  .VerticalTabBOpened,
  .VerticalTabBDisabled
{ /* FF and top-left color ??? */
  border-top:           2px groove white;
  border-left:          2px groove white;
  border-right:         2px ridge  black;
  border-bottom:        2px ridge  black;
}
* html .ButtonBorder,
  * html .messageBox,
  * html .VerticalTabBClosed,
  * html .VerticalTabBOpened,
  * html .VerticalTabBDisabled
{ /*IE - makes errors after FF styles */
  border-width:2px;
  border-top: 2px outset white;
  border-left: 2px outset white;
  border-right: 2px ridge #909090;
  border-bottom: 2px ridge #909090;
}

* html table.Tabs td.normal,
  * html table.Tabs td.selected,
  * html table.Tabs td.selectedDark,
  * html table.Tabs td.selectedWhite,
  * html table.Tabs td.disabled,
* html div.Tabs div.normal,
  * html div.Tabs div.selected,
  * html div.Tabs div.selectedDark,
  * html div.Tabs div.selectedWhite,
  * html div.Tabs div.disabled,
* html div.Tabs ul li.normal,
  * html div.Tabs ul li.selected,
  * html div.Tabs ul li.selectedDark,
  * html div.Tabs ul li.selectedWhite,
  * html div.Tabs ul li.disabled,
* html .FTabs .normal,
  * html .FTabs .selected,
  * html .FTabs .disabled,
* html table.FTabs td.normal
{ /*IE - makes errors after FF styles */
  border-width:2px;
  border-style:outset;
  border-color:darkgrey;
  border-bottom:none; /*!!! no way to cut it later */
}


.BottomBorder_White
{ border-bottom-color:white; }
.BottomBorder_Grey1
{ border-bottom-color:rgb(207,207,207); }
.BottomBorder_Grey2
{ border-bottom-color:rgb(178,178,178); }

.TextBlack
{ color:black; }
.TextWhite,
  /*FJ:*/ .HeadingPane, .Bar,
  #ToolName, #ToolNameLeft, #ToolNameRight, .ToolBar, .ToolSelection, .ToolDetail
{ color:white; }
.TextGrey1,
  table.Tabs td.disabled,
  div.Tabs div.disabled,
  div.Tabs ul li.disabled
{ color: rgb(207,207,207); }
.TextDarkGrey,
  .readonly, .na,
  /*FJ:*/ .disabled,
  input.nsApplyBtn, button.nsApplyBtn
{ /*color:rgb(119,119,119);*/
  color:#8E8E8E; /*FJJ-Grey*/
}
.TextDarkestGrey	/*StyleGuide V2.2*/
{ color: #333333;	/*FJ-Text-Color*/ }
.TextDarkPetrol
{ color:rgb(55,109,94); }
.TextBlue
{ color:rgb(45,0,245); }
.TextDarkBlue
{ color:rgb(27,0,142); }
.TextBlueGrey
{ color: #175DB5; }	/*FJ-Link-Color*//*StyleGuide V2.2*/
.TextDarkViolett,			/*StyleGuide V2.2*/
  .TextHeadColor,
  .AboutProductTitle, .AboutProductName, .StartPageWelcome, .StartPageTopic
{        color: rgb(62,50,98); }
.TextRed,
  .error, .errorMsg
{ color:rgb(215,0,0); }

/* --------------------------------------------------------------------------- */
/* Common Multiusable Classes: Texts ... */
.Underline, .u
{ text-decoration:underline; }
.NoTextDecoration
{ text-decoration:none; }
.Bold, .b,
  caption,
  .AboutProductTitle, .AboutProductName,
  .StartPageWelcome, .StartPageTopic,
  .errorMsg, input.error,
  .ToolSelection, .Bar, table.Bar td, .ToolBar,
  /*FJ: */ #ToolName, #ToolNameLeft, #ToolNameRight,
  /*FJ:*/ .HeadingPane, .HeadingData
{  font-weight: bold; }
.HuggerFont,
  .AboutProductTitle
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 36pt;
}
.HugeFont,
  .AboutProductName
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 24pt;
}
.BiggestFont,
  .StartPageWelcome,
  .helpFiles h1
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18pt;
}
.BiggerFont,
  .AboutProductInfo,
  .helpFiles h2
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14pt;
}
.BigFont,
  .StartPageTopic,
  .Bar, table.Bar td, .ToolBar
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11pt;
}
.DefaultFont,
  body, td, th, input, button, select, caption,
  #ToolName, #ToolNameLeft, #ToolNameRight
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
}
.FixedFont {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt !important;
}
.SmallFont,
  table.labelValue tr.mandatory td,
  table.labelValueWrap tr.mandatory td,
  table.labelValueN tr.mandatory td,
  table.labelValueWrapN tr.mandatory td
{ font-size: 8pt; }
.SmallestFont
{ font-size: 7pt; }
.TextRight, .right,
  #ToolNameRight, #ToolName, .ToolBar,
  #ButtonPaneRight, .ButtonRelative,
  table.typeA .right, table.typeB .right, table.typeC .right,
  table.labelValue th,
  table.labelValueWrap th,
  table.labelValueN th,
  table.labelValueWrapN th,
  table.labelValue .right,
  table.labelValueWrap .right,
  table.labelValueN .right,
  table.labelValueWrapN .right
{ text-align: right; }
.TextCenter, .center,
  .messageBox, .AboutProductTitle, .AboutProductName, .AboutProductInfo,
  table.typeA .center, table.typeB .center, table.typeC .center,
  table.labelValue th.center,
  table.labelValueWrap th.center,
  table.labelValueN th.center,
  table.labelValueWrapN th.center,
  table.labelValue td.center,
  table.labelValueWrap td.center,
  table.labelValueN td.center,
  table.labelValueWrapN td.center
{ text-align: center; }
.TextLeft, .left,
  #ButtonPaneLeft,
  .Bar,
  caption,
  table.typeA th, table.typeB th, table.typeC th,
  table.labelValue th.left,
  table.labelValueWrap th.left,
  table.labelValueN th.left,
  table.labelValueWrapN th.left,
  table.labelValue th.FormHeader,
  table.labelValueWrap th.FormHeader,
  table.labelValueN th.FormHeader,
  table.labelValueWrapN th.FormHeader,
  table.labelValue td.left,
  table.labelValueWrap td.left,
  table.labelValueN td.left,
  table.labelValueWrapN td.left,
  table.typeA .left, table.typeB .left, table.typeC .left
{ text-align: left; }
.AlignTop, .top,
  table.labelValueWrap tr, table.labelValueWrapN tr
{ vertical-align:top; }
.AlignMiddle, .middle,
  input, button
{ vertical-align:middle; }
.nowrap,
  table.typeA th, table.typeB th, table.labelValue th,
  table.typeA th.first, table.typeB th.first, table.labelValue th.first,
  div.Tabs ul li
{ white-space: nowrap; }
.pre
{ white-space: pre; }
.wrap
{ white-space: normal; }
/* --------------------------------------------------------------------------- */
/* Common Multiusable Classes: Margin / Padding / Border ... */
.TextPadding,
  /*FJ:*/ .HeadingPane, .HeadingData, .HeadingGroupData, .HeadingDataBorder,
  #ButtonPane, #ButtonPaneLeft, #ButtonPaneRight,
  .ButtonRelative, .ButtonRelativeLeft,
  td.TextPadding, th.TextPadding,
  caption,
  table.typeA td, table.typeA th,
  table.typeB td, table.typeB th,
  table.typeC td, table.typeC th,
  table.labelValue td, table.labelValue th,
  table.labelValueWrap td, table.labelValueWrap th,
  table.labelValueN td, table.labelValueN th,
  table.labelValueWrapN td, table.labelValueWrapN th,
  table.Tabs,
  div.Tabs div,
  div.Tabs ul li
{ padding: 2px 4px 2px 4px; }
.HelpPadding,
  .helpFiles
{ padding: 2px 4px 2px 10px; }

.NoMargin,
  #ButtonPane, #ButtonPaneLeft, #ButtonPaneRight,
  .ButtonRelative, .ButtonRelativeLeft,
  table.typeA, table.typeB, table.typeC,
  table.Tabs,
  div.Tabs,
  div.Tabs ul,
  div.Tabs ul li,
  input, button, select
{ margin:0; }
.NoPadding
  table.typeA td.NoPadding, table.typeB td.NoPadding, table.typeC td.NoPadding,
  table.labelValue td.NoPadding,
  table.labelValueWrap td.NoPadding,
  table.labelValueN td.NoPadding,
  table.labelValueWrapN td.NoPadding
{ padding:0; }
.NoLeftRightPadding
  table.typeA td.NoLeftRightPadding,
  table.typeB td.NoLeftRightPadding,
  table.typeC td.NoLeftRightPadding,
  table.labelValue td.NoLeftRightPadding,
  table.labelValueWrap td.NoLeftRightPadding,
  table.labelValueN td.NoLeftRightPadding,
  table.labelValueWrapN td.NoLeftRightPadding
{ padding-left:0; padding-right:0; }
.LeftRightPadding
{ padding-left:4px; padding-right:4px; }
.NoMarginPadding,
  body,
  /*FJJ:*/ .BannerBackground, .NaviTop, .Navi2nd,
  #TreeViewPane, #TreeViewPaneButton,
  .InfoPane, .InfoPaneButton, .FullPaneButton,
  table.labelValue, table.labelValueWrap
{
  margin:0;
  padding:0;
}
.ListNoMargin
{
  margin-top:0;
  margin-bottom:0;
}
.ListNoFirstIndent
{ margin-left:20px; padding-left:0; }
.ListNoType
{ list-style-type: none; }
table.collapse, table.typeA
{ border-collapse: collapse; }
table.TableCompactCell,
  table.Tabs,
  /*FJJ:*/ .BannerBackground, .NaviTop, .Navi2nd
{
  border-collapse:collapse;
  border-spacing:0; /* cellpadding=.. --- not processed by IE6, IE7 */
}

.BorderScroll,
  .FullScreenBorder, #TreeViewPane, #TreeViewPaneButton,
  .InfoPane, .InfoPaneButton
{ /* for div for borders and optional scrollbars */
  overflow:auto;
  border:2px ridge;
}
/**** Attention: outline and width=100% - error in FF */
.SolidOutline /*CSS2*/
{ outline: 1px solid black; }
/*html table.typeA
{ border: 1px solid black; }*/
/**** hack for FF - here caption is 1px-indented ! */
/*table.typeC caption
{ margin-left:0; margin-right:0; }
*html caption
{ margin-left:0; margin-right:0; }*/
/*caption
{ margin-left:-1px; margin-right:-1px; } - not for 100% tables */
/* */
.SolidBorder,
  table.SolidBorder,
  table.typeA,
  table.labelValue,
  table.labelValueWrap,
  .VerticalTabClosed, .VerticalTabOpened, .VerticalTabDisabled
{ border: 1px solid black; }
.SolidBorder_NoBottom,
  table.typeA caption,
  table.labelValue caption,
  table.lableValueWrap caption,
  table.SolidBorder caption
{
  border: 1px solid black;
  border-bottom:none;
}
.SolidBorder_NoTop
{
  border: 1px solid black;
  border-top:none;
}
.SolidBorder_LeftRight
{ border-left: 1px solid black; border-right: 1px solid black; }
.NoBorder
{ border: none; }

/* --- FJ DarkGrey */
.SolidGreyBorder
{ border: 1px solid #ADB7C3; }
.SolidGreyBorder_NoBottom
{ border: 1px solid #ADB7C3;
  border-bottom:none; }
.SolidGreyBorder_LeftRight
{ border-left: 1px solid #ADB7C3; border-right: 1px solid #ADB7C3; }
.SolidGreyBorder_NoTop, .HeadingDataBorder /*a la FJ*/
{
  border: 1px solid #ADB7C3;
  border-top:none;
}
/* --------------------------------------------------------------------- */
#ToolNameLeft, .Bar
{ padding:2px;
  padding-left:3px;
}
#ToolNameRight, #ToolName, .ToolBar
{ padding:2px;
  padding-right:3px;
}
.ToolSelection
{ /*margin-top:1px;*/
  padding:2px;
  padding-top:3px;
  padding-right:3px;
}
/* --------------------------------------------------------------------------- */
.Eingabe { /*NOT STYLEGUIDE 2008/01*/
  background-color:rgb(207,207,207);
}
/* --------------------------------------------------------------------------- */
input.applyBtn, input.nsApplyBtn, button,
  input.StdFontBtn
{ padding: 2px; }
* html input.applyBtn, * html input.nsApplyBtn,
  * html button,
  * html input.StdFontBtn
{ padding: 0; }
input.wStdBtn, button.wStdBtn {
  width: 6em;
}

/* --------------------------------------------------------------------------- */
/*ATTENTION: because of margin values there are problems with width */
fieldset.fix { /*NOT STYLEGUIDE 2008/01*/
  margin: 10px;
  padding: 0 10px 10px 10px;
  border: 2px groove white;
}

fieldset.fix legend { /*NOT STYLEGUIDE 2008/01*/
  color: black;
  margin: 4px;
  padding: 0 4px 0 4px;
}

/* IExplorer <= 6.0 specific */
* html fieldset.fix legend { /*NOT STYLEGUIDE 2008/01*/
  margin: 0;
  padding-bottom: 0;
}

fieldset.fix fieldset { /*NOT STYLEGUIDE 2008/01*/
  margin: 2em 0 0 0;
}


/* --------------------------------------------------------------------------- */
/* Label Value  -- Layout with table for forms*/
table.labelValue, table.labelValueWrap,
table.labelValueN, table.labelValueWrapN
{
  empty-cells: show;
}
table.labelValue th.FormHeader, table.labelValueWrap th.FormHeader,
table.labelValueN th.FormHeader, table.labelValueWrapN th.FormHeader
{
  font-weight: normal;
}
table.typeA td.first, table.typeA th.first,
table.typeB td.first, table.typeB th.first,
table.typeC td.first, table.typeC th.first,
table.labelValue td.first, table.labelValue th.first,
table.labelValueN td.first, table.labelValueN th.first,
th.first, td.first
{
  /* in case somebody wants this indent */
  padding-left: 1em;
}


/* --------------------------------------------------------------------------- */
/* Tables Type A */
table.typeA, table.typeB, table.typeC {
  empty-cells: show;
}

div.Eingabe table.typeA { /* ? */
  border-collapse: collapse;
  border: 2px inset white;
  background-color: white;
}
table.typeB, table.typeB caption {
  border-collapse:collapse;
  border-spacing:0;
  border: 2px ridge;
}
table.typeB th, table.typeB td {
  border: 2px ridge;
}
table.typeA th, table.typeB th, table.typeC th {
  font-weight: normal;
}

* html div.Eingabe table.typeA { /* ? */
  border: 1px inset white;
}

div.Eingabe table.typeA th {
  border: 1px solid white;
}

div.Eingabe table.typeA td {
  border: 1px solid;
}

/* ---------------------------------------------------------------------------
  Tabbed Area
 --------------------------------------------------------------------------- */
/* TABS WITHOUT IMAGES */
/* ---- a la table */
table.Tabs td.filler
{
  border: none;
  padding:0;
  width: 2px;
  font-size:4pt;/*For &nbsp; if 100% width is used */
}

table.Tabs td.selected,
  table.Tabs td.normal,
  table.Tabs td.disabled,
  table.Tabs td.selectedDark,
  table.Tabs td.selectedWhite,
  div.Tabs div.selected, div.Tabs div.normal, div.Tabs div.disabled,
  div.Tabs div.selectedDark,
  div.Tabs div.selectedWhite,
  div.Tabs ul li.selected, div.Tabs ul li.normal, div.Tabs ul li.disabled,
  div.Tabs ul li.selectedDark,
  div.Tabs ul li.selectedWhite
{ border-bottom:none }


/* --- a la div in div */
div.Tabs div.selected, div.Tabs div.normal, div.Tabs div.disabled,
  div.Tabs div.selectedDark, div.Tabs div.selectedWhite
{
  float:left;
  margin-right:2px;
}

/* --- a la List Items */
div.Tabs ul {
  display: block;
  list-style-type: none;
  padding-left: 0;
}

div.Tabs ul li {
  float:left;
  display: block;
  margin-right:2px;
}

div.Tabs div.content { /* old one - who is using this ??? */
  clear: both;
  margin: 0;
  padding:0 ;
  border: 2px ridge ;
}

/* ---------------------------------------------------------------------------
  Date / Time
 --------------------------------------------------------------------------- */
div.date input {
  text-align: right;
  padding-left:2px; padding-right:2px;
}
div.date select {
  text-align: right;
}

.Size2Input,
div.date input
{ width:1.4em; /* ca. 2 * 9pt font */ }
.Size3Input
{ width:2em; }
.Size4Input,
div.date input.year
{ width:2.5em; /* ca. 4 * 9pt font */ }
.Size2Select,
div.date select
{ width:3.6em; }

.Size4Select,
div.date select.year
{ width:4.4em; }

/* -------------------------------------------------------------------------
SPECIAL ADDITIONAL HELPER CLASSES
-----------------------------------------------------------------------------*/

input.invertTableTitle
{   /*for dynamic changeable texts */
    BORDER: medium none;
    FONT-WEIGHT: bold;
    BACKGROUND-COLOR: transparent;
    /*COLOR: black;*/
}