/* style sheet tested for IE6, Firefox 1.5 */


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

  body,table,input,textarea {
    font-size:0.70em; /* default font size */
    font-family:Verdana,"Arial Unicode MS",Arial,sans-serif; /* default font names */
    font-weight:normal; /* default font weight */
    color:#222222;  /* default font color */
  }

  body,table {
    background-color:#ffffff; /* default page background */
  }

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

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

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

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

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

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

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

  /* toolbar button highlight (eg. for catalog filter if active) */
  td.toolbarbuttonhighlight {
    background-color:#c9d9fb;
    background-image:url(../../../images/design/grasso/toolbarbuttonbackgroundhighlight.gif);
    background-repeat:repeat-x;
  }

  /* links inside toolbar button; <a inside <td */
  .toolbarbutton a,.toolbarbuttoncurrent a,.toolbarbuttonhighlight a {
    /* no special color for link */
  }

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


/***************************************************** 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 {
    padding:3px;
    font-weight:normal;
    border-style:solid;
    border-width:1px;
    white-space:nowrap;
  }

  /* special content elements design */
  .guitable_header {
    background-color:#eeead5;
    text-align:center;
    background-image:url(../../../images/design/grasso/tableheaderbackground.gif);
    background-repeat:repeat-x;
  }

  /* special content elements design */
  td.guitable_content,td.guitable_contentHighlight,td.guitable_contentHighlight2 {
    border-top-color:#ffffff;
    border-left-color:#ffffff;
    border-bottom-color:#848284;
    border-right-color:#848284;
  }

  /* special content elements design */
  td.guitable_contentInverse,td.guitable_contentHighlightInverse,td.guitable_contentHighlight2Inverse {
    border-top-color:#848284;
    border-left-color:#848284;
    border-bottom-color:#ffffff;
    border-right-color:#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 {
    /* 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;
  }

  /*
   * div for page titles displayed in a box
   */
  .headingbox {
    font-weight:bold;
    background-color:#eeead5;
    border:1px solid #888888;
    width:12em;
    height:2.5em;
    font-size:120%;
    vertical-align:middle;
    padding:5px;
  }

  /* active tab */
  .tabActive {
    background-image:url(../../../images/design/grasso/tab_active.gif);
    background-repeat:no-repeat;
    font-weight:bold;
  }

  /* inactive tab */
  .tabInactive {
    background-image:url(../../../images/design/grasso/tab_inactive.gif);
    background-repeat:no-repeat;
    font-weight:normal;
  }

  /* 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:5px;
    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/grasso/buttonbackground_enabled.gif);
    background-repeat:repeat-x;
    padding-left:0.3em;
    padding-right:0.3em;
    padding-top:0.2em;
    padding-bottom:0.2em;
  }

  .buttonsmalldisabled,.buttondisabled,.buttonwidedisabled {
    background-color:#ececec;
    background-image:url(../../../images/design/grasso/buttonbackground_disabled.gif);
    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 */
  }

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

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

  /***************************************************** 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;
  }


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

  /** Status messages in template.jsp */
  .info {
    font-weight:bold;
  }

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

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

  .print {
    color:#000000;
    background-color:#ffffff;
    font-weight:normal;
  }