/*
 * Copyright 2002,2003, 2004 inxire GmbH. All rights reserved.
 * ------------------------------------------------------
 * Version: $Id: main.css,v 1.5.8.6 2006/03/09 09:42:24 amorgner Exp $
 *
 * Cascading Stylesheet (CSS 1.0)
 *
 * Main CSS stylesheet to define the layout and general
 * appearance of inxire iO.
 *
 * This file is indented to be maintained by the LAYOUTER.
 *
 * It should not contain any technical parameters, that are
 * neccessary for the application to work properly. Move this
 * stuff to other CSS's or JSP's.
 * 
 * No other source file should define fonts, font-sizes 
 * and colors !
 *
 * Authors: Axel Morgner <axel.morgner@inxire.com>
 *          Hans-Martin Keller <hans-martin.keller@inxire.com>
 *
 */


/* ******************************************************************************** *
 * Element Defaults                                                                 *
 *                                                                                  *
 * The following rules overwrite HTML element defaults. This is needed to avoid     *
 * browser dependencies and adapt the general appearance of the application.        *
 *                                                                                  *
 * Attention: the font-family must be specified 4 times:                            *
 * a) BODY element to be inherited to the document content                          *
 * b) PRE element to define some monospeced font                                    *
 * c) PRE.literallayout for <literallayout> in articles with same font as BODY      *
 * d) pre-set tags SELECT, INPUT, TEXTAREA                                          *
 * ******************************************************************************** */

body {
  font-size: 8pt;
  margin: 0px;
  padding: 0px;
  background-color: transparent;
  background-repeat: no-repeat;
  height: 100%;
}

/* Set font-family with body tag and all pre-set tags */
body, select, input {
  font-family: Helvetica, Arial, sans-serif;  /* keep synchronized with pre.literllayout !! */
}

pre, textarea {
  font-family: monospace;
}


/* Reset pre-set tags to default fonts size and wight */
table, select, input, textarea, fieldset {
  font-weight: normal;
  font-size: 1em;       /* means: inherit font-size */
  color: #000;
}


/* Set headings */
h1 { font-size: 2em }
h2 { font-size: 1.5em }
h3 { font-size: 1.17em }
h4 { font-size: 1.0em }


/* Default link styles */
/* a         { text-decoration: none; color: #000; }     to not change anchor layout !! */
a:link    { text-decoration: none; color: #000; }
a:visited { text-decoration: none; color: #000; }
a:hover   { text-decoration: none; color: #666; }
a:active  { text-decoration: none; color: #666; }

/* Background settings for block-level elements */
table, tr, td, p, b, div, span {
  background-color: transparent;
  background-repeat: no-repeat;
}

/* Image Defaults */
img {
  border: none;
}

/* Horizontal Ruler */
hr {
  height: 1px;
  border: none;
}

/* ********************************************************************** *
 * No element defaults should follow after this line !!                   *
 * ********************************************************************** */


/* ******************************************************************************** *
 * CSS rules for special page elements like naviagtion tree's or menus              *
 *                                                                                  *
 * Use CSS classes, ID's or context nodes to narrow definition                      *
 * ******************************************************************************** */

/*
 * Form input fields
 * =================
 * Attention: set only one of 'readonly', 'valid', 'unchanged', 'mandatory' or 'unchangedMandatory' !!
 *            (otherwise the desired background color may not show up ... )
 */

/* e.g. used for buttons */
input.img {
  border: none;
}

/* other buttons ?? */
input.button {
/*  border-style: ridge;
  border: 1px outset white;*/
  background-color: #f2f2f2;
}

/* all checkboxes, how to combine with readonly or disabled ?? */
input.checkbox {
  border: none;
  background-color: transparent;
}

/* all radio buttons, how to combine with readonly or disabled ?? */
input.radio {
  border: none;
  background-color: transparent;
}

/* Option Group, disabled */
option.optgroup {
  font-style: italic;
  color: black;
}

/* readonly input field */
input.readonly, select.readonly, textarea.readonly {
  color: #666666;
  background-color: #eeeeee;
}

/* valid input field; this is an place-holder class to be toggled with 'unchanged' */
input.valid, select.valid, textarea.valid {
  ;   /* !! do not write anything here !! */
}

/* unchanged, but writable input field, will switch to 'valid' on update */
input.unchanged, select.unchanged, textarea.unchanged {
  background-color: #f7f7f7;
}

/* mandatory input field, toggles with 'unchangedMandatory' */
input.mandatory, select.mandatory, textarea.mandatory {
  background-color: #ddffdd;
}

/* unchanged mandatory input field, toggles with 'mandatory' */
input.unchangedMandatory, select.unchangedMandatory, textarea.unchangedMandatory {
  background-color: #eeffee;
}

/* input field with validation error, can be combined with any of the above (!) */
input.error, select.error, textarea.error {
  border-color: red;
  /* color: red; */
}


/*
 * Navigation Tree (see navigationTree.css)
 */
div.treePrefix { display: none }
div.directoryTree img { vertical-align: middle }
div.directoryTree a:link    { text-decoration: none }
div.directoryTree a:visited { text-decoration: none }
div.directoryTree a:hover   { text-decoration: none }
div.directoryTree a:active  { text-decoration: none }


/*
 * Item and member listings
 * Attention: used in browse and explore view (popups)
 */
table.objectList {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 100%;
  border-collapse: collapse;
}

table.objectList th {
  text-align: left;
  background-color: #fafafa;
  border-bottom: 1px solid #ccc;
}

table.objectList td {
  margin: 0px 0px 0px 0px;
  padding: 0px 2px 0px 2px;
  /* white-space: nowrap; will make work list unusable :-( */
}

table.objectList img { vertical-align: middle;  border: none }
table.objectList a:link,
table.objectList a:visited,
table.objectList a:hover,
table.objectList a:active  { text-decoration: none }


/*
 * Result page
 * Attention: used in browse and explore view (popups)
 */
.pager em         { font-style:normal; font-weight: bold; color: red; }
.pager a:link,
.pager a:visited,
.pager a:hover,
.pager a:active   { text-decoration: none }


/*
 * Error formatting
 */
.errorMessage {color : red}


/* ******************************************************************************** *
 * Style classes for WebArticles                                                    *
 * (inside div.article or body.xmleditor)                                           *
 * ******************************************************************************** */

/* Some special margin for stand-alone rendering */
div.standAloneBox { margin: 0.5em; }

/* Author and Corpauthor */
p.author { font-style:italic; }

/* Abstract and Section Title */
div.article p.title, body.xmleditor p.title { font-weight: bold }

/* Article Links */
div.article a:link,
div.article a:visited,
div.article a:active,
body.xmleditor a:link,
body.xmleditor a:visited,
body.xmleditor a:active
{
  text-decoration: underline;
}

/* Center mediaobject and add some border */
div.mediaobject {margin: 0.5em; }

/* Formatting of small preview image (abstract) */
img.titleImageSmall { 
  /* text-align: left ! important; not working if "img/@align" is specified ! */
  width: 100px ! important;
}

/* Special formatting within lists */
/* make list compact by default
li p { margin: 0em; }
li pre { margin: 0em; }
li div.mediaobject { text-align: inherit; margin: 0em; }
*/
/* Alternative: allow non-compact lists with multiple paragraphs */
ol.compact p, ul.compact p { margin: 0em; }
ol.compact pre, ul.compact pre { margin: 0em; }
ol.compact div.mediaobject, ul.compact div.mediaobject { margin: 0em; }


/* Literal layout formatting */
/* .literallayout { white-space: pre; } , will NOT work in IE 5.5 !! */

/* Workaround for IE 5.5: Use PRE and redefine font-family as used in BODY element.
 * Attention: do NOT use "font-family: inherit", not working with IE 5.5 */
pre.literallayout { font-family: Helvetica, Arial, sans-serif; }
p.literallayout   {white-space: nowrap;}


/* Emphasis classes */
EM, EM.default {
        font-style:italic
}
EM.underline{
        font-style:normal;
        text-decoration: underline;
}
EM.bold {
        font-style:normal;
        font-weight: bold;
}

/** Old styles used in product catalog data */
EM.heading {
        font-style:normal;
        font-weight: bold;
        font-size: 1.5em;
}
EM.bold-italic {
        font-style:italic;
        font-weight: bold;
}

/**
 * Table styles
 * ============
 *
 * Attention: do not specify default alignments, otherwise all HTML alignment 
 *       attributes like "td/@align" and "td/@valign" will be overwritten !
 *
 * CSS-Style-Priority (lowest first):
 *      0) non-CSS hints (like HTML attribute "valign")
 *      1) CSS stylesheet rules
 *      2) HTML "style" attribute
 *
 * See: http://www.w3.org/TR/REC-CSS2/cascade.html for more details
 *
 */
div.informaltable {
        /* text-align: center; */
        margin: 0.5em;
        clear: both;
}
div.informaltable table, body.xmleditor table {
 /*       width: 80%;
        table-layout: fixed;*/
        border-collapse: collapse;
        background-color: #fff;
        border: 1px solid #aaa;
}
div.informaltable td, body.xmleditor td {
        font-weight: normal;
        border: 1px solid #aaa;
}
div.informaltable th, body.xmleditor th {
        font-weight: bold;
        background-color: #f0f0f0;
        border: 1px solid #aaa;
}


table.InvertedHeader {
  background-color: #fff;
}
table.InvertedHeader td {
  background-color: #fff;
}
table.InvertedHeader th {
  background-color: #00427c;
  color: #fff;
}

div.informaltable table.NoBorderInvertedHeader, 
body.xmleditor table.NoBorderInvertedHeader {
  background-color: #fff;
  border: none;
}
table.NoBorderInvertedHeader td {
  background-color: #fff;
  border: none;
}
table.NoBorderInvertedHeader th {
  background-color: #00427c;
  color: #fff;
  border: none;
}

div.informaltable table.NoBorder, 
body.xmleditor table.NoBorder {
  border: none;
}
table.NoBorder td {
  border: none ;
}
table.NoBorder th {
  border: none ;
}

/** The following may be used as 'blind table' for tricky layouts ... */
div.informaltable table.FullWidthNoBorder, 
body.xmleditor table.FullWidthNoBorder {
  width: 100% ! important;
  border: none;
}
table.FullWidthNoBorder td {
  border: none;
}
table.FullWidthNoBorder th {
  border: none;
}

table.NoWrap {
  white-space: nowrap;
}
table.NoWrap td {
  white-space: nowrap;
}
table.NoWrap th {
  white-space: nowrap;
}

table.NoWrapInvertedHeader {
  white-space: nowrap;
  background-color: #fff;
}
table.NoWrapInvertedHeader td {
  white-space: nowrap;
  background-color: #fff;
}
table.NoWrapInvertedHeader th {
  white-space: nowrap;
  background-color: #00427c;
  color: #fff;
}

div.informaltable table.ThinOutline, 
body.xmleditor table.ThinOutline {
  border: 1px solid #aaa;
}
table.ThinOutline td {
  border: none;
}
table.ThinOutline th {
  background-color: #fff;
  border: none
}

div.informaltable table.ThickOutline, 
body.xmleditor table.ThickOutline {
  border: 3px solid #aaa;
}
table.ThickOutline td {
  border: none;
}
table.ThickOutline th {
  background-color: #fff;
  border: none;
}

div.informaltable table.ThickBorder, 
body.xmleditor table.ThickBorder {
  border-collapse: collapse ! important;
  border: 3px solid #aaa;
}
table.ThickBorder td {
  background-color: #fff;
  border: 3px solid #aaa;
}
table.ThickBorder th {
  background-color: #f0f0f0;
  border: 3px solid #aaa;
}