/*
 * Copyright 2002-2009 inxire GmbH. All rights reserved.
 * ------------------------------------------------------
 * Version: $Id: main.css,v 1.47.8.12 2010/07/05 09:59:02 bschuess 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: 0.7em;
  margin: 0px;
  padding: 0px;
  /*background-color: #fff;      /* do not use browser defaults or transparency */
  /*background-repeat: no-repeat;*/
}

html, body {   /* "html" is needed by mozilla, see http://www.quirksmode.org/css/100percheight.html */
  height: 100%;
}

/* * { margin: 0; padding: 0; }*/

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

pre, textarea {
  font-family: monospace;
}

/* Avoid space around form input field */
form {
  margin: 0px;
}

/* 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 and default margins */
h1 { font-size: 1.17em; margin:0.5em 0em 0em;}
h2 { font-size: 1em; margin: 0.83em 0; }
h3 { font-size: 0.9em; margin: 1.12em 0;}
/*h4 { font-size: 1.0em; margin: 1.12em 0; }*/
h4, p, pre,
blockquote, fieldset, dir, menu { margin: 1.12em 0 }

/*
 * Info: Extract from W3C Sample stylesheet
 * see http://www.w3.org/TR/CSS21/sample.html
 *
h1              { font-size: 2em; margin: .67em 0 }
h2              { font-size: 1.5em; margin: .75em 0 }
h3              { font-size: 1.17em; margin: .83em 0 }
h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu            { margin: 1.12em 0 }
h5              { font-size: .83em; margin: 1.5em 0 }
h6              { font-size: .75em; margin: 1.67em 0 }
 */


/* Default link styles for normal text flow and articles */
/* a         { text-decoration: none; color: #000; }     do not change anchor layout !! */
a:link    { text-decoration: none; color: #000; }
a:visited { text-decoration: none; color: #000; }
a:hover   { text-decoration: none; color: #999; }
a:focus   { text-decoration: none; color: #999; }
a:active  { text-decoration: none; color: #930; }

/* Background settings for block-level elements
 * Warning: transparency on 'td' brakes NS4 and some older browsers !?
table, tr, td, p, b, div, span {
  background-color: transparent;
  background-repeat: no-repeat;
}
*/
 
/* Image Defaults */
img {
  border: none;
}

/* Horizontal Ruler */
hr {
  color: #888;             /* used by IE 5.5 */
  background-color: #888;  /* used by Mozilla, Opera, NS 7 ... */
  height: 1px;
  border: none;
}

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


/* ******************************************************************************** *
 * CSS rules for special page elements like navigation 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 ... )
 */

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

/* 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 {
  background-color: #fff;  /* needed with Windows XP style - or Windows will force its border style (transparency brakes Moz!!) */
  /* !! do not write anything else 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, div.error {
  border-color: red;
  /* color: red; */
}

/* in editArticle.jsp we need errors on anchors and divs (images) */
img.error, object.error {
  border: 1px solid red;
}

a.error {
  background-color: #fcc;
}


/*
 * Navigation Tree
 */
div.treePrefix { display: none; }
div.directoryTree img { vertical-align: middle; }

div.directoryTree a:link    { text-decoration: none; color: #000; }
div.directoryTree a:visited { text-decoration: none; color: #000; }
div.directoryTree a:hover   { text-decoration: none; color: #aaa; }
div.directoryTree a:focus   { text-decoration: none; color: #aaa; }
div.directoryTree a:active  { text-decoration: none; color: #aaa; }

/* current path */
div.directoryTree em  { font-style: italic; }

div.directoryTree {
  margin: 0px 3px;
}

/* disable line-breaks for tree entries */
div.treeFolder {
  white-space: nowrap;
}

/* This is a little bit tricky but ugly. See: http://devedge.netscape.com/viewsource/2002/cursor/ */
div.directoryTree img.onClickImage {
  cursor: pointer;
  cursor: hand;
}


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

table.objectList th {
  text-align: left;
  padding: 2px 2px 2px 5px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #cdcdcd;
  white-space: nowrap;  /* needed for sort arrow in Moz */
}

/* Alternating background color */
table.objectList tr.rowset1, table.objectList tr.rowset1 td {
  background-color: #f7f7f7;
}

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

table.objectList input     { vertical-align: middle; margin: -2px 0px; }
table.objectList select    { vertical-align: middle; margin: -2px 0px; }
table.objectList img       { vertical-align: middle;  border: none; }
table.objectList a:link,
table.objectList a:visited,
table.objectList a:hover,
table.objectList a:focus,
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:focus,
.pager a:active   { text-decoration: none }


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


/*
 * Suppress some regions while printing
 */
@media print {
.noprint  {display: none; }
}


/*
 * Format some links above visible region - needed for accessibility
 */
.hiddenLink {
  position: absolute;
  /* visibility: hidden;  -> will not show up in JAWS :-( */
  top: -100em;  /* analog http://www.landtag.nrw.de/portal/CPMO/css/neu/css/layout.css */
}


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

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

/* Online Help Header */
div.onlineHelpHeader { 
  text-align: right;
}

/* Article or page title */
h1.title {
  /* margin: 0.83em 0px; */
}

/* Article title within abstract */
h1.abstractTitle {
  font-size: 1em;
  margin: 0.5em 0;
}

/* Article Subtitle */
h2.subtitle {
  font-weight: bold;
  /* margin: 1.0em 0px; */
}

/* Abstract and Section Title */
div.article p.title, body.xmleditor p.title,
h2.sectionTitle {
  font-weight: bold;
  font-size: 1em;
}

body.xmleditor p.subtitle, body.xmleditor p.subsubtitle,
h3.sectionTitle, h4.sectionTitle {
  font-weight: normal;
  font-style: italic;
  font-size: 1em;
}

/* Paragraph defaults in WebArticles */
div.article p, body.xmleditor p, div.article pre, body.xmleditor pre {
  /* margin: 1.33em 0px;  this is the default! */
}

/* Remove lower margin in abstract only */
div.article div.abstract p {
  margin-bottom: 0px;
}

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

* html body.xmleditor a { text-decoration: underline !important; } /* workaround for strange IE behaviour */

/* Absorb top and bottom margins within table cells */
div.informaltable div.marginAbsorber {
  margin: -1.33em 0px;  /* reduce margins */
}
div.informaltable div.marginNormaliser {
  margin: 1.33em 0px;   /* this margins will collapse with embedded margins */
}

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

/* Center mediaobject and add some border */
div.mediaobject { text-align: center; margin: 0.25em 0.5em; }

/* Formatting of small preview image (abstract) */
div.mediaobject .titleImageSmall { 
  /* text-align: left ! important; not working if "img/@align" is specified ! */
  width: 100px;
  vertical-align: top;     /* helps IE 5.5 to avoid spurious spacing */
}

div.mediaobject object.titleImageSmall {
  height: 100px;  /* needed by most object types */
}

span.inlinemediaobject img {
  vertical-align: middle;
}

/* Special formatting within lists */
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: 2px 0; }
ol.compact div.informaltable, ul.compact div.informaltable { margin: 2px 0; }
ol div.mediaobject, ul div.mediaobject { text-align: left; margin-left: 0; }
ol div.informaltable, ul div.informaltable { margin-left: 0; }
/* Re-enforce defaults within tables - workaround since child selector is not working in IE */
ol.compact table p, ul.compact table p { margin: 1.12em 0; }
ol.compact table pre, ul.compact table pre { margin: 1.12em 0; }
ol table div.mediaobject, ul table div.mediaobject { text-align: center; margin: 0.25em 0.5em; }


/* 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: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; }
/* p.literallayout   {white-space: nowrap;} */


/* Emphasis classes, see "txtStyles.css" for all styles available in article editor  */
EM, EM.default {
        font-style:italic;
}
EM.underline{
        font-style:normal;
        text-decoration: underline;
}
EM.bold {
        font-style:normal;
        font-weight: bold;
}
EM.superior {
        font-style:normal;
        vertical-align:super;
        font-size: 0.8em;
}
EM.color1 {
        font-style:normal;
        font-weight: bold;
        color: green;
}
EM.color2 {
        font-style:normal;
        font-weight: bold;
        color: maroon;
}
EM.inverted {                  /* may look ugly on some layouts :-( */
        font-style:normal;
        font-weight: bold;
        font-size: 0.9em;       /* reduce size by 20% to give space for box */
        color: white;
        background-color: #00427c;
        border: none;
/*
        border-color: #CCFFFF #006666 #006666 #CCFFFF;
        border-top-width: thin;
        border-right-width: thin;
        border-bottom-width: thin;
        border-left-width: thin
*/
}

/* Remarks within editor or MRP */
div.article span.remark, body.xmleditor span.remark {
  background-color: #ffff80;
}


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


div.informaltable table.InvertedHeader,
body.xmleditor 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 ;
}


table.Standard {
  background-color: #fff;
  width: 100%;	
  table-layout: fixed;
}

table.Standard td {
  background-color: #fff;
}

table.Standard th {
/*  background-color: #00427c;
  color: #fff;*/
  background-image: url('../img/innsbruck/content_background.gif');
  background-repeat: repeat-y;
  background-color: transparent;
}

table.OhneRahmen {
  width: 100%; 
  border: none !important;
}

table.OhneRahmen td {
  border: none;
}

table.OhneRahmen th {
  border: none;
}

/** The following may be used as 'blind table' for tricky layouts ... */
div.informaltable table.FullWidthNoBorder, 
body.xmleditor table.FullWidthNoBorder {
  width: 100%;
  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;
}

div.informaltable table.NoWrapInvertedHeader,
body.xmleditor 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;
  border: 3px solid #aaa;
}
table.ThickBorder td {
  background-color: #fff;
  border: 3px solid #aaa;
}
table.ThickBorder th {
  background-color: #f0f0f0;
  border: 3px solid #aaa;
}

img.linkTypeImage {
  margin-right: 0.3em;
}

table.imageTable {
  width: 1em;
  text-align: center;
  border: none !important;
}

table.imageTable td {
  border: none !important;
}

table.imageTable thead {
  display: none;  
}

table.imageTable td.imageSubtitle {
  color:#354963;
  font-size:0.8em;
  text-align:center;
}