/* style sheet tested for IE7, Firefox 3.0 */


  /***************************************************** defaults *******************************************************/

  body {
    font-size:0.7em; /* default font size */
  }

  body,table,input,textarea,select,.pagecontrol, .gridcontrol {
    font-family:Verdana,"Arial Unicode MS",Arial,sans-serif;  /* default font names */
    font-weight:normal;                                       /* default font weight */
    color:#222222;                                            /* default font color */
    background-color:#ffffff;                                 /* default page background */
  }

  /* toolbar body background / border */
  body.bodybackgroundtoolbar {
    background-color:#ffffff;
    border-bottom:3px solid #eeead5;
  }

/* background of the top frame. only visible if body border width > 0 */
  body.frameborderbodytop {
    background-image:url(../../../images/design/metallic/framebodybackground1.png);
    background-repeat:repeat-x;
    background-color:#ffffff;
  }

  /* background of left and right frames. only visible if body border width > 0 */
  body.frameborderbodycontent {
    background-image:url(../../../images/design/metallic/framebodybackground2.png);
    background-repeat:repeat-x;
    background-color:#ffffff;
  }

  /* background of the bottom frame. only visible if body border width > 0 */
  body.frameborderbodybottom {
    background-color:#ffffff;
  }

  /* text input values */
  input,textarea,.fakeinputbox {
    border:1px solid #888888;
    background-color:#eef5fc;
  }

  /* checkbox controls without borders */
  .inputCheckbox {
    border:0;
    background-color:transparent;
  }

  /* input fields */
  .inputField {
    border:1px solid #000000;
    color:#000000;
    background-color:#ffffff;
    /*color:#144e80;*/
  }

  /* labels */
  .label {
    font-weight:bold;
  }

  a {
    text-decoration:none;
    color:#222222;  /* default link color */
  }

  .texthighlight {
    color:#FF0000;  /* default font color for important information */
  }

  .inputhighlight {
    background-color:#fde3e3; /* error background color for required inputfields */
  }

  /***************************************************** toolbar ******************************************************/

  /* right side link */
  a.toolbardocwarelink {
    font-size:0.8em;
  }

  /* layer positioning the toolbar below the head.jsp */
  div.toolbar {
    position:absolute;
    width:100%;
    z-index:1;
    visibility:visible;
  }

  /* navigation toolbar */
  table.toolbar {
    width:100%;
    border-top:1px solid #d0c3ab;
    border-bottom:1px solid #d0c3ab;
    background-color:#e9e4ce;
    background-image:url(../../../images/design/metallic/toolbarbackground.png);
    background-repeat:repeat-x;
  }

  /* icon toolbar (toolbar also includes headings */
  table.toolbar2 {
    background-image:url(../../../images/design/metallic/toolbar2background.png);
    background-repeat:repeat-x;
    background-color:#ffffff;
    width:100%;
  }

  /* nested within navigation toolbar. defines margin between toolbar and buttons */
  table.toolbarcontent {
    background-color:transparent;
    width:100%;
    margin:0;
  }

  /* default padding of toolbar buttons */
  td.toolbarbutton, td.toolbarbuttoncurrent, td.toolbarbuttondisabled {
    padding-left:5px;
    padding-right:5px;
    height:23px;
  }

  /* toolbar button */
  td.toolbarbutton {
    background-color:#e9e4ce;
    background-image:url(../../../images/design/metallic/toolbarbuttonbackground.png);
    background-repeat:repeat-x;
  }

  /* toolbar button currently active */
  td.toolbarbuttoncurrent {
    background-color:#fdfdbc;
    background-image:url(../../../images/design/metallic/toolbarbuttonbackgroundcurrent.png);
    background-repeat:repeat-x;
  }

  td.toolbarbuttondisabled {
    background-color:transparent;
    background-image:url(../../../images/design/metallic/toolbarbuttonbackgrounddisabled.png);
    background-repeat:repeat-x;
    cursor:default;
  }
  td.toolbarbuttondisabled, .toolbarbuttondisabled a, .toolbarbuttondisabled td  {
    color:#5b5b5b;
  }

  tr.toolbarbuttonbottomline {
    display:none;
  }

  td.toolbarbuttonbottomlinecell {
    height:2px;
    background-color:transparent;
  }

  tr.toolbarselectionindicatorline {
    display:none;
    height:7px;
    line-height:7px;
    background-color:transparent;
  }

  /* links inside toolbar button; <a inside <td */
  .toolbarbutton a,.toolbarbuttoncurrent a {
    /* no special color for link */
    width:100%;
    display:block;
    text-decoration:none;
    white-space:nowrap;
    text-align:left;
    line-height:23px;
  }

  /* gap between toolbarbuttons if separate buttons */
  td.toolbarbuttongap {
    padding-left:0;
  }


/***************************************************** GUI Elements ***************************************************/

  /* table element */
  table.guitable {
    border-collapse:collapse;
    border:1px solid #848284;
  }

  /* all content elements share this design */
  td.guitable_header,th.guitable_header,td.guitable_content,td.guitable_contentInverse,td.guitable_contentHighlight,
  td.guitable_contentHighlightInverse,td.guitable_contentHighlight2,td.guitable_contentHighlight2Inverse,td.guitable_content_odd {
    padding:3px;
    font-weight:normal;
    border-style:solid;
    border-width:1px;
    white-space:nowrap;
    cursor:default;
  }

  /* special content elements design. div required for fixing table header in firefox */
  .guitable_header, .guitable_header_div {
    background-color:#eeead5;
    text-align:center;
    background-image:url(../../../images/design/metallic/tableheaderbackground.png);
    background-repeat:repeat-x;
  }

  /* required for fixing table header in firefox */
  .guitable_header_div {
    position:relative;
    padding:0;
    margin:0;
  }

  /* special content elements design */
  td.guitable_content,td.guitable_contentHighlight,td.guitable_contentHighlight2,td.guitable_content_odd {
    border-color:#848284 #848284;
  }

  /* special content elements design */
  td.guitable_contentInverse,td.guitable_contentHighlightInverse,td.guitable_contentHighlight2Inverse {
    border-color:#ffffff #ffffff;
    color:#ffffff;
    background-color:#08246B;
  }

  /* special content elements design */
  td.guitable_contentHighlight {
    background-color:#ffffe7;
  }

  /* special content elements design */
  td.guitable_contentHighlight2 {
    color:#ff0000;
    background-color:#ffff00;
  }

  /* all links inside table elements which are not inverse; <a inside <td */
  .guitable_header a,.guitable_content a,.guitable_contentHighlight a,.td.guitable_content_odd a {
    /* no special color for link */
  }
  .guitable_contentHighlight2 a {
    color:#ff0000;
    background-color:#ffff00;
  }

  /* all links inside table elements which are inverse; <a inside <td */
  .guitable_contentInverse a,.guitable_contentHighlightInverse a,
  .guitable_contentHighlight2Inverse a {
    color:#ffffff;
  }

  /*
   * Table for page titles and logged in user
   */
  .heading {
    font-weight:bold;
  }

  /*
   * page headings below toolbar icons
   */
  .toolbarHeading {
    font-weight:bold;
  }

  /*
   * container for page titles displayed in a box
   */
  .headingbox {
    font-weight:bold;
    background-color:#eeead5;
    border:1px solid #888888;
    position:relative;
    left:0;
    right:0;
    height:2.5em;
    vertical-align:middle;
    padding:5px;
    background-image:url(../../../images/design/metallic/headingboxbackground.png);
    background-position:bottom;
    background-repeat:repeat-x;
  }

  .relatedinfobuttons {
    background-image:url(../../../images/design/metallic/relatedinfobuttonbackground.png);
    background-position:top;
    background-color:#ffffff;
    background-repeat:repeat-x;
  }

  /* color matching a background-color of headingbox */
  .borderwithheadingboxcolor {
    background-color:#eeead5;
    width:2px;
  }

  .filterheading {
    width:100%;
    background-color:#e7e3e7;
    border:0px solid transparent;
    vertical-align:middle;
    text-align:left;
    padding:5px;
    background-image:url(../../../images/design/metallic/filterheadingbackground.png);
    background-position:top;
    background-repeat:repeat-x;
  }

  /** Text color for hints in input fields **/
  .hinttext {
    color:#aeaeae;
  }

  /* active tab */
  .tabActive {
    background-image:url(../../../images/design/metallic/tab_active.png);
    background-repeat:repeat-x;
    font-weight:normal;
    border-left:1px solid #d0c3ab;
    border-top:1px solid #d0c3ab;
    border-right:1px solid #d0c3ab;
  }

  /* height difference between tabActive and tabInactive */
  .tabHeightDiff {
    line-height:2px;
    height:2px;
  }

  /* inactive tab */
  .tabInactive {
    background-image:url(../../../images/design/metallic/tab_inactive.png);
    background-repeat:repeat-x;
    font-weight:normal;
    border-left:1px solid #d0c3ab;
    border-top:1px solid #d0c3ab;
    border-right:1px solid #d0c3ab;
  }

  .tabgap {
    width:0;
  }

  /* multiline javascript tooltip, not the native one and not the plugins tooltip
  (these are configured in definitions_custom.properties) */
  span.tooltip {
    position:absolute;
    display:none;
    padding:3px;
    border:1px solid #000000;
    z-index:99;
    background-color:#ffffe7;
  }

  /* buttons either from an <input type="button or a fake button with a link inside a table */
  .buttonsmall,.button,.buttonwide,.buttonsmalldisabled,.buttondisabled,.buttonwidedisabled {
    border-style:solid;
    border-width:1px;
    border-color:#888888;
    text-align:center;
    background-color:#fefed5;
    background-image:url(../../../images/design/metallic/buttonbackground_enabled.png);
    background-repeat:repeat-x;
    padding:0.2em 0.3em 0.2em 0.3em;
    cursor:default;
  }

  .buttonsmalldisabled,.buttondisabled,.buttonwidedisabled {
    background-color:#ececec;
    background-image:url(../../../images/design/metallic/buttonbackground_disabled.png);
    background-repeat:repeat-x;
  }

  .button,.buttondisabled {
    width:12.5em;
  }

  .buttonwide,.buttonwidedisabled {
    width:15.00em;
  }

  /* for fake buttons from a <td with an anchor */
  .buttonsmall a,.button a,.buttonwide a,.buttonsmalldisabled a,.buttondisabled a,.buttonwidedisabled a {
    /* no special color for link */
  }

  .comboboxbutton,.comboboxbuttondisabled {
    border:0;
    vertical-align:middle;
    text-align:center;
    background-color:#fefed5;
    background-image:url(../../../images/design/metallic/comboboxbuttonbackground_enabled.png);
    background-repeat:repeat-x;
    padding:0.2em 0.3em 0.2em 0.3em;
    cursor:default;
    margin:1px;
  }

  .comboboxbuttondisabled {
    background-color:#ececec;
    background-image:url(../../../images/design/metallic/comboboxbuttonbackground_disabled.png);
    background-repeat:repeat-x;
  }

  .fakeinputbox input {
    border:0;
    vertical-align:middle;
  }

  .calendarbutton {
    border:0;
    vertical-align:middle;
    margin:1px;
  }

  .footer {
    /*
    position:absolute;
    bottom:10px;
    */
    text-align:left;
    width:100%;
  }

  .footerPage {
    padding:0 16px 0 0;
    white-space:nowrap;
  }

  /* active clicked tree node */
  .treeactive {
    border:1px solid #eeead5;
    background-color:#ffffe7;
    white-space: nowrap;
  }

  /* tree node link text */
  .treelink:hover {
    text-decoration:underline;
  }
  /***************************************************Popup Dialogs ***************************************************/

  .dialogTitleLayer {
    position:absolute;
    width:100%;
    top:0px;
    left:0px;
    border-bottom:2px solid #CCCCCC;
    background-color:#ffffff;
    height:50px;
  }

  /* necessary to override existing global table css style */
  .dialogTitleLayer table {
    background-color:transparent;
  }

  .dialogTitleLayerText {
    font-weight:bold;
    font-size:1.1em;
  }

  .dialogContentLayer {
    position:absolute;
    top:52px;
    left:0;
    width:100%;
  }

  .dialogContentBorder {
    border-left:2px solid #CCCCCC;
  }

  /* necessary to override global link css style */
  .dialogContentLayer a {
    color:#809eb9;
  }

  .dialogButtonsLayer {
    width:100%;
    position:absolute;
    bottom:0px;
    left:0px;
    height:40px;
    border-top:2px solid #CCCCCC;
  }

  td.dialogPadding {
    padding:8px;
    vertical-align:middle;
  }

  td.dialogButton {
    vertical-align:middle;
    text-align:right;
  }

  td.dialogButtonsSmallGap {
    padding-left:2px;
  }

  td.dialogButtonsGap {
    padding-left:4px;
  }

  td.spaceCell {
    width:100%;
  }

  .searchpagelabel, .orderpagelabel {
    white-space:nowrap;
    font-weight:normal;
    text-align:right;
  }

  .separator {
    border-top:1px solid #ffffe7;
    border-right:1px solid transparent;
    border-bottom:1px solid transparent;
    border-left:1px solid #ffffe7;
    background-color:#eeead5;
  }

  /***************************************************** borders (frameset/frames) ************************************/

  .borderNo,.borderRight,.borderTop,.borderLeft,.borderBottom {
    border-width:0px;
    padding:0px;
  }

  .borderRight {
    border-right:3px solid #eeead5;
    cursor:col-resize;
  }

  .borderTop {
    border-top:3px solid #eeead5;
    cursor:row-resize;
  }

  .borderLeft {
    border-left:3px solid #eeead5;
    cursor:col-resize;
  }

  .borderBottom {
    border-bottom:3px solid #eeead5;
    cursor:row-resize;
  }

  .border {
    background-color: #eeead5;
  }

  .popup_title {
    height:20px;
    background-color:#d4e2ec;
    background-image:url(../../../images/design/metallic/popup_title.png);
    background-repeat:repeat-x;
  }

  .popup_border {
    width:3px;
    background-color:#d4e2ec;
  }

  .maintenanceTitleLayer {
    position:absolute;
    width:80%;
    top:0px;
    left:10%;
    border-bottom:2px solid #CCCCCC;
    border-left: 2px dotted #CCCCCC;
    border-right: 2px dotted #CCCCCC;
    background-color:#ffffff;
    height:100px;
  }

  /* necessary to override existing global table css style */
  .maintenanceTitleLayer table {
    background-color:transparent;
  }

  .maintenanceTitleLayerText {
    font-weight:bold;
    font-size:1.5em;
    width:100%;
  }

  .maintenanceContentLayer {
    position:absolute;
    top:102px;
    left:10%;
    width:80%;
    background-color:#f0f0f0;
  }

  .maintenanceContentLayer table {
    background-color:#f0f0f0;
  }

  .maintenanceContentBorder {
    border-left: 2px dotted #CCCCCC;
    border-right: 2px dotted #CCCCCC;

  }

  .maintenanceContentLayer a {
    color:#809eb9;
  }

  .maintenanceButtonsLayer {
    width:80%;
    position:absolute;
    bottom:0px;
    left:10%;
    height:40px;
    border-top:2px solid #CCCCCC;
  }

  td.maintenancePadding {
    padding:8px;
    vertical-align:middle;
  }

  .maintenanceSeparator {
    line-height:2px;
    background-color:#c0c0c0;
    border-bottom:1px solid #ffffff;
  }

  .maintenanceFlag {
    padding-right:40px;
    padding-left:20px;
    vertical-align:middle;
  }

  /************************************************ Site Template ***********************************************/
  .templateHeader {
    padding:2px 8px;
  }

  .templateContent {
    padding:0 8px;
  }

   .templateContentDiv {
     height:100%;
     overflow:auto;
  }

  .templateContentDiv, .templateContent table {
    background-color:#ffffff;
  }

  .templateFooter {
    padding:8px;
  }

  /************************************************** Login Mask ************************************************/

  .login_explanation_top {
    border-bottom:1px dotted #222222;
    padding:10px;
    text-align:center;
  }
  .login_explanation_bottom {
    border-top:1px dotted #222222;
    padding:10px;
    text-align:center;
  }
  .login_mask_position {
    top:20%;
  }

  .login_mask_border { /* Uncomment content for 3D border */
    /*-ms-filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=4);*/
    /*filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=4);*/
    /*-moz-box-shadow:2px 2px 2px #000000;*/
    /*-webkit-box-shadow:2px 2px 2px #000000;*/
    /*box-shadow: 2px 2px 2px #000000;*/
  }

  .login_mask {
    vertical-align:top;
    text-align:center;
	padding:30px 30px;
    border:1px dotted #222222;
  }

  .login_mask, .login_mask table {
	background-color:#f5f3e7;
	color:#222222;
  }

  .login_mask_label {
    padding:4px 4px 4px 0px;
	white-space:nowrap;
	color:#222222;
	text-align:left;
  }
  .login_mask_label_static_width {
	width:105px;
	line-height:1px;
	height:1px;
  }

  .login_mask_value_static_width {
	width:285px;
	line-height:1px;
	height:1px;
  }

  .login_mask_value input {
	width:100%;
    background-color:#ffffff;
  }

  .login_mask_link, .login_mask_link a, .login_mask_link input{
	font-weight:bold;
	color:#222222;
    border-width:0;
    background-color:transparent;
    text-align:left;
    padding:0;
    cursor:pointer;
  }

  .login_mask_status_failed {
	padding-top:8px;
	padding-bottom:8px;
    font-weight:bold;
    color:#FF0000;
  }

  /***************************************************** Misc ***************************************************/

  /* status messages */
  .info {
    font-weight:bold;
  }

  .error {
    font-weight:bold;
    color:#FF0000;
  }

  /* status/info box */
  .infobox {
    border:2px solid #000000;
    margin:10px;
  }

  /***************************************************** dont change ***************************************************/

  html,table,tr,td,th,a,div,span,input,form,b,center,textarea,select {
    font-size:100.01%; /* let elements take parent value, special workaround value */
  }

  /* Applies to the element and to any subtables if element is 'body' in order to override default 'table' style */
  .print, body.print table {
    color:#000000;
    background-color:#ffffff;
    font-weight:normal;
  }

  @media print {
    .noprint {
      display:none;
    }
  }


  /* benötigte Styles für Autocompleter */
  div.autocomplete {
    position:absolute;
    width:250px;
    background-color:white;
    border:1px solid #888;
    margin:0;
    padding:0;
  }
  div.autocomplete ul {
    list-style-type:none;
    margin:0;
    padding:0;
  }
  div.autocomplete ul li.selected { background-color: #fefed5;}
  div.autocomplete ul li {
    list-style-type:none;
    display:block;
    margin:0;
    padding:2px;
    height:15px;
    cursor:pointer;
  }